feat(select): added environment support via config

Author: hextion

.changeset/bright-dingos-arrive.md

@@ -0,0 +1,8 @@
+---
+'@alfalab/core-components-select': minor
+'@alfalab/core-components': minor
+---
+
+##### Select:
+
+- Добавлена поддержка `environment` через `CoreConfigContext`

packages/select/package.json

@@ -36,6 +36,7 @@
         "tslib": "^2.4.0"
     },
     "peerDependencies": {
+        "@alfalab/core-components-config": "^1.0.0",
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0",
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },

packages/select/src/components/base-select/Component.tsx

@@ -22,7 +22,8 @@ import {
     type UseMultipleSelectionState,
 } from 'downshift';
 
-import { fnUtils, getDataTestId, isClient } from '@alfalab/core-components-shared';
+import { useCoreConfig } from '@alfalab/core-components-config';
+import { fnUtils, getDataTestId } from '@alfalab/core-components-shared';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts';
@@ -123,7 +124,7 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
             ModalMobile,
             BottomSheet,
             limitDynamicOptionGroupSize,
-            environment = isClient() ? window : undefined,
+            environment: environmentFromProps,
         } = props;
         const shouldSearchBlurRef = useRef(true);
         const rootRef = useRef<HTMLDivElement>(null);
@@ -133,7 +134,8 @@ export const BaseSelect = forwardRef<unknown, ComponentProps>(
         const searchRef = useRef<HTMLInputElement>(null);
         const scrollableContainerRef = useRef<HTMLDivElement>(null);
         const onOpenRef = useRef(onOpen);
-
+        const { environment: environmentFromConfig } = useCoreConfig();
+        const environment = environmentFromProps ?? environmentFromConfig;
         const [searchState, setSearchState] = React.useState('');
 
         const [search, setSearch] =

packages/select/tsconfig.build.json

@@ -17,6 +17,8 @@
             "@alfalab/core-components-button/*": ["../button/src/*"],
             "@alfalab/core-components-checkbox": ["../checkbox/src"],
             "@alfalab/core-components-checkbox/*": ["../checkbox/src/*"],
+            "@alfalab/core-components-config": ["../config/src"],
+            "@alfalab/core-components-config/*": ["../config/src/*"],
             "@alfalab/core-components-form-control": ["../form-control/src"],
             "@alfalab/core-components-form-control/*": ["../form-control/src/*"],
             "@alfalab/core-components-input": ["../input/src"],
@@ -43,6 +45,7 @@
         { "path": "../bottom-sheet/tsconfig.build.json" },
         { "path": "../button/tsconfig.build.json" },
         { "path": "../checkbox/tsconfig.build.json" },
+        { "path": "../config/tsconfig.build.json" },
         { "path": "../form-control/tsconfig.build.json" },
         { "path": "../input/tsconfig.build.json" },
         { "path": "../modal/tsconfig.build.json" },

packages/select/tsconfig.json

@@ -16,6 +16,8 @@
             "@alfalab/core-components-button/*": ["../button/src/*"],
             "@alfalab/core-components-checkbox": ["../checkbox/src"],
             "@alfalab/core-components-checkbox/*": ["../checkbox/src/*"],
+            "@alfalab/core-components-config": ["../config/src"],
+            "@alfalab/core-components-config/*": ["../config/src/*"],
             "@alfalab/core-components-form-control": ["../form-control/src"],
             "@alfalab/core-components-form-control/*": ["../form-control/src/*"],
             "@alfalab/core-components-input": ["../input/src"],
@@ -46,6 +48,7 @@
         { "path": "../bottom-sheet/tsconfig.build.json" },
         { "path": "../button/tsconfig.build.json" },
         { "path": "../checkbox/tsconfig.build.json" },
+        { "path": "../config/tsconfig.build.json" },
         { "path": "../form-control/tsconfig.build.json" },
         { "path": "../input/tsconfig.build.json" },
         { "path": "../modal/tsconfig.build.json" },