npm - @alfalab/core-components-select - Versions diffs - 19.0.6 → 19.1.0-alfasans - Mend

@alfalab/core-components-select 19.0.6 → 19.1.0-alfasans

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (314) hide show

package/cssm/presets/useLazyLoading/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["React","Skeleton","DefaultOption","__assign","__spreadArray","useReducer","useRef","useCallback","useEffect","useMemo"],"mappings":"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"}
1	+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { type Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { type InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type OptionProps, type OptionShape } from '../../typings';\n\nimport 'intersection-observer';\n\nconst DEBOUNCE_TIMEOUT = 300;\n\ntype OptionsFetcherResponse = {\n options: OptionShape[];\n hasMore: boolean;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useLazyLoadingProps = {\n /** Количество элементов на \"странице\" /\n limit?: number;\n\n /* Начальный номер \"страницы\" /\n initialOffset?: number;\n\n /* Скелетон загружаемых элементов /\n skeleton?: React.ReactNode;\n\n /* Компонент пункта меню /\n Option?: React.FC<OptionProps>;\n\n /\n Функция-загрузчик опций.\n * @param offset - текущая страница\n * @param limit - количество элементов на странице\n * @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList\n * @returns Promise<{\n * options - список опций следующей \"страницы\". Они аппендятся к предыдущим\n * hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать \"следующую страницу\")\n * }>\n /\n optionsFetcher(\n offset: number,\n limit: number,\n queryString?: string,\n ): Promise<OptionsFetcherResponse>;\n};\n\nconst actions = {\n fetchOptionsStart() {\n return { type: 'FETCH_OPTIONS_START' } as const;\n },\n fetchOptionsBreak() {\n return { type: 'FETCH_OPTIONS_BREAK' } as const;\n },\n fetchOptionsSuccess(payload: { options: OptionShape[]; hasMore: boolean }) {\n return { type: 'FETCH_OPTIONS_SUCCESS', payload } as const;\n },\n setIsOpened(opened: boolean) {\n return { type: 'SET_IS_OPENED', payload: opened } as const;\n },\n setQueryString(qs: string) {\n return { type: 'SET_QUERY_STRING', payload: qs } as const;\n },\n reset() {\n return { type: 'RESET' } as const;\n },\n};\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype Actions = typeof actions extends { [key: string]: (...args: any) => infer U } ? U : never;\n\nconst skeletonStyle: React.CSSProperties = {\n position: 'absolute',\n top: '50%',\n transform: 'translateY(-50%)',\n height: '16px',\n width: '50%',\n};\n\nexport function useLazyLoading({\n limit = 10,\n initialOffset = 0,\n optionsFetcher,\n skeleton = <Skeleton style={skeletonStyle} visible={true} />,\n Option = DefaultOption,\n}: useLazyLoadingProps) {\n const initialOptions: OptionShape[] = [];\n const initialLoading = false;\n\n const lazyLoadingInitialState = {\n opened: false,\n offset: initialOffset,\n options: initialOptions,\n loading: initialLoading,\n allOptionsLoaded: false,\n queryString: '',\n };\n\n const lazyLoadingReducer: Reducer<typeof lazyLoadingInitialState, Actions> = (\n state,\n action,\n ) => {\n switch (action.type) {\n case 'FETCH_OPTIONS_START': {\n return {\n ...state,\n loading: true,\n };\n }\n case 'FETCH_OPTIONS_BREAK': {\n return {\n ...state,\n loading: false,\n };\n }\n case 'FETCH_OPTIONS_SUCCESS': {\n return {\n ...state,\n options: [...state.options, ...action.payload.options],\n offset: state.offset + (action.payload.options.length ? 1 : 0),\n allOptionsLoaded: !action.payload.hasMore,\n loading: false,\n };\n }\n case 'SET_IS_OPENED': {\n return {\n ...state,\n opened: action.payload,\n };\n }\n case 'SET_QUERY_STRING': {\n return {\n // Изменение queryString подразумевает сброс текущих опций.\n ...lazyLoadingInitialState,\n opened: state.opened,\n loading: true,\n queryString: action.payload,\n };\n }\n case 'RESET': {\n return {\n ...lazyLoadingInitialState,\n };\n }\n default: {\n return state;\n }\n }\n };\n\n const [{ opened, offset, options, loading, allOptionsLoaded, queryString }, dispatch] =\n useReducer(lazyLoadingReducer, lazyLoadingInitialState);\n\n const abortFetchingOptionsRef = useRef<() => void>();\n\n const fetchNextOffsetOptions = useCallback(() => {\n dispatch(actions.fetchOptionsStart());\n\n new Promise<OptionsFetcherResponse>((resolve, reject) => {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n abortFetchingOptionsRef.current = reject;\n optionsFetcher(offset, limit, queryString).then((res) => {\n resolve(res);\n });\n })\n .then((res) => {\n dispatch(actions.fetchOptionsSuccess(res));\n abortFetchingOptionsRef.current = undefined;\n })\n .catch(\n // eslint-disable-next-line @typescript-eslint/no-empty-function\n () => {},\n );\n }, [optionsFetcher, offset, limit, queryString]);\n\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n let observer: IntersectionObserver;\n\n if (opened && !loading && !allOptionsLoaded) {\n observer = new IntersectionObserver(\n ([entry]) => {\n if (entry.isIntersecting) {\n if (observer) {\n observer.disconnect();\n }\n fetchNextOffsetOptions();\n }\n },\n {\n root: listRef.current,\n },\n );\n\n /\n * Обсервим пересечение последней опции с контейнером.\n * Таким образом, загрузка следующей \"страницы\" начнется когда юзер доскроллит список\n * до верхнего края последней опции, что обеспечивает плавность\n /\n const optionList = listRef.current?.querySelectorAll('[role=\"option\"]');\n const lastOption = optionList?.[optionList.length - 1];\n\n if (lastOption) {\n observer.observe(lastOption);\n }\n }\n\n return () => {\n if (observer) {\n observer.disconnect();\n }\n };\n }, [offset, fetchNextOffsetOptions, opened, allOptionsLoaded, initialOffset, loading]);\n\n const onOpen = useCallback(\n (payload: { open?: boolean }) => {\n if (payload.open) {\n if (options.length === initialOptions.length) {\n fetchNextOffsetOptions();\n }\n } else {\n // eslint-disable-next-line no-unused-expressions\n abortFetchingOptionsRef.current?.();\n dispatch(actions.fetchOptionsBreak());\n }\n\n dispatch(actions.setIsOpened(payload.open ?? false));\n },\n [initialOptions.length, fetchNextOffsetOptions, options.length],\n );\n\n const fetchNextOptionsRef = useRef<() => void>();\n const fetchNextOptionsTimerRef = useRef<ReturnType<typeof setTimeout>>();\n\n useEffect(() => {\n fetchNextOptionsRef.current = fetchNextOffsetOptions;\n }, [fetchNextOffsetOptions]);\n\n const onQueryStringChange = useCallback<Exclude<InputProps['onChange'], undefined>>(\n (_, payload) => {\n dispatch(actions.setQueryString(payload.value));\n / eslint-disable no-unused-expressions /\n\n /\n * Если во время загрузки опций юзер ввел новый текст в инпут,\n * нужно прервать текущую загрузку, чтобы неактуальные опции не попали в выдачу\n /\n abortFetchingOptionsRef.current?.();\n\n listRef.current?.scrollTo({ top: 0 });\n\n / Дебаунсим ввод текста, чтобы не отправлять запрос к новым опциям на каждый чих /\n if (fetchNextOptionsTimerRef.current) {\n clearTimeout(fetchNextOptionsTimerRef.current);\n }\n fetchNextOptionsTimerRef.current = setTimeout(() => {\n /\n * После дебаунса необходимо вызвать функцию-загрузчик,\n * содержащую актуальные на данный момент данные оффсета и queryString.\n * Поэтому мы не можем обратиться напрямую к функции fetchNextOptions,\n * так как она будет замкнута на старые значения, актуальные на момент вызова хэндлера,\n * так что берем ее из обновляемого рефа\n /\n fetchNextOptionsRef.current?.();\n }, DEBOUNCE_TIMEOUT);\n / eslint-enable */\n },\n [],\n );\n\n const renderOption = (props: OptionProps) => (\n <Option {...props} highlighted={loading ? false : props.highlighted} />\n );\n\n const skeletonOptions: OptionShape[] = useMemo(\n () =>\n Array(loading ? limit : 0)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: skeleton,\n })),\n [loading, limit, skeleton],\n );\n\n const reset = useCallback(() => {\n dispatch(actions.reset());\n }, []);\n\n return {\n optionsProps: {\n Option: renderOption,\n options: [...options, ...skeletonOptions],\n optionsListProps: {\n ref: listRef,\n inputProps: {\n onChange: onQueryStringChange,\n value: queryString,\n },\n },\n onOpen,\n },\n reset,\n };\n}\n"],"names":["React","Skeleton","DefaultOption","__assign","__spreadArray","useReducer","useRef","useCallback","useEffect","useMemo"],"mappings":"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"}

package/cssm/presets/useSelectWithApply/hook.d.ts CHANGED Viewed

@@ -55,8 +55,13 @@ export declare type UseSelectWithApplyProps = {
      * @default 'reset-footer'
      */
     resetName?: string;
+    /**
+     * Позиция чекбокса "Выбрать все" в Header
+     * @default 'before'
+     */
+    checkmarkPosition?: 'before' | 'after';
 };
-export declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, showSearch, searchProps, applyName, resetName, }: UseSelectWithApplyProps): {
+export declare function useSelectWithApply({ options, selected, onChange, onSelectAllClick, OptionsList, optionsListProps, showClear, showSelectAll, showHeaderWithSelectAll, checkmarkPosition, showSearch, searchProps, applyName, resetName, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<Pick<import("../../typings").SelectProps, "client"> & {
         className?: string | undefined;
         optionGroupClassName?: string | undefined;
@@ -237,6 +242,7 @@ export declare function useSelectWithApply({ options, selected, onChange, onSele
         showClear: boolean;
         showSelectAll: boolean;
         showHeaderWithSelectAll: boolean;
+        checkmarkPosition: "before" | "after";
         showSearch: boolean;
         searchProps: {
             componentProps?: import("../../typings").SearchProps | undefined;

package/cssm/presets/useSelectWithApply/hook.js CHANGED Viewed

@@ -16,16 +16,16 @@ var reactFastCompare__default = /*#__PURE__*/_interopDefaultCompat(reactFastComp
 var selectAllOption = { key: consts.SELECT_ALL_KEY, content: 'Выбрать все' };
 function useSelectWithApply(_a) {
     var _b, _c;
-    var options = _a.options, selected = _a.selected, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.onSelectAllClick, onSelectAllClick = _e === void 0 ? function () { return null; } : _e, OptionsList = _a.OptionsList, _f = _a.optionsListProps, optionsListProps = _f === void 0 ? {} : _f, _g = _a.showClear, showClear = _g === void 0 ? true : _g, _h = _a.showSelectAll, showSelectAll = _h === void 0 ? false : _h, _j = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _j === void 0 ? false : _j, _k = _a.showSearch, showSearch = _k === void 0 ? false : _k, _l = _a.searchProps, searchProps = _l === void 0 ? {} : _l, _m = _a.applyName, applyName = _m === void 0 ? 'apply-footer' : _m, _o = _a.resetName, resetName = _o === void 0 ? 'reset-footer' : _o;
-    var _p = React.useState(''), searchState = _p[0], setSearchState = _p[1];
-    var _q = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+    var options = _a.options, selected = _a.selected, _d = _a.onChange, onChange = _d === void 0 ? function () { return null; } : _d, _e = _a.onSelectAllClick, onSelectAllClick = _e === void 0 ? function () { return null; } : _e, OptionsList = _a.OptionsList, _f = _a.optionsListProps, optionsListProps = _f === void 0 ? {} : _f, _g = _a.showClear, showClear = _g === void 0 ? true : _g, _h = _a.showSelectAll, showSelectAll = _h === void 0 ? false : _h, _j = _a.showHeaderWithSelectAll, showHeaderWithSelectAll = _j === void 0 ? false : _j, _k = _a.checkmarkPosition, checkmarkPosition = _k === void 0 ? 'before' : _k, _l = _a.showSearch, showSearch = _l === void 0 ? false : _l, _m = _a.searchProps, searchProps = _m === void 0 ? {} : _m, _o = _a.applyName, applyName = _o === void 0 ? 'apply-footer' : _o, _p = _a.resetName, resetName = _p === void 0 ? 'reset-footer' : _p;
+    var _q = React.useState(''), searchState = _q[0], setSearchState = _q[1];
+    var _r = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
         ? [searchProps.value, searchProps.onChange]
-        : [searchState, setSearchState], search = _q[0], setSearch = _q[1];
+        : [searchState, setSearchState], search = _r[0], setSearch = _r[1];
     var accessor = searchProps.accessor || utils.defaultAccessor;
     var filterFn = searchProps.filterFn || utils.defaultFilterFn;
     var groupAccessor = (_b = searchProps.groupAccessor) !== null && _b !== void 0 ? _b : utils.defaultGroupAccessor;
     var filterGroup = (_c = searchProps.filterGroup) !== null && _c !== void 0 ? _c : false;
-    var _r = React.useMemo(function () {
+    var _s = React.useMemo(function () {
         return utils.processOptions(options, selected, showSearch
             ? function (option) {
                 if (utils.isGroup(option)) {
@@ -36,8 +36,8 @@ function useSelectWithApply(_a) {
                 return filterFn(accessor(option), search);
             }
             : undefined, filterGroup);
-    }, [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]), flatOptions = _r.flatOptions, filteredOptions = _r.filteredOptions, selectedOptions = _r.selectedOptions;
-    var _s = React.useState(selectedOptions), selectedDraft = _s[0], setSelectedDraft = _s[1];
+    }, [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]), flatOptions = _s.flatOptions, filteredOptions = _s.filteredOptions, selectedOptions = _s.selectedOptions;
+    var _t = React.useState(selectedOptions), selectedDraft = _t[0], setSelectedDraft = _t[1];
     var selectedOptionsRef = React.useRef(selectedOptions);
     var handleApply = function () {
         onChange({
@@ -105,7 +105,7 @@ function useSelectWithApply(_a) {
                     flatOptions.every(function (_a) {
                         var key = _a.key;
                         return selectedKeys.includes(key);
-                    }), onChange: handleToggleAll }) }),
+                    }), onChange: handleToggleAll, checkmarkPosition: checkmarkPosition }) }),
         multiple: true,
         options: memoizedOptions,
         onChange: handleChange,
@@ -123,6 +123,7 @@ function useSelectWithApply(_a) {
             showClear: showClear,
             showSelectAll: showSelectAll,
             showHeaderWithSelectAll: showHeaderWithSelectAll,
+            checkmarkPosition: checkmarkPosition,
             showSearch: showSearch,
             searchProps: searchProps,
             applyName: applyName,

package/cssm/presets/useSelectWithApply/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithApply/hook.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport { SELECT_ALL_KEY } from '../../consts';\nimport { type AnyObject, type BaseSelectProps, type OptionShape } from '../../typings';\nimport {\n defaultAccessor,\n defaultFilterFn,\n defaultGroupAccessor,\n isGroup,\n processOptions,\n} from '../../utils';\n\nimport { OptionsListWithApply } from './options-list-with-apply';\n\nexport type UseSelectWithApplyProps = {\n /*\n Список выбранных пунктов\n /\n selected: BaseSelectProps['selected'];\n\n /\n Список вариантов выбора\n /\n options: BaseSelectProps['options'];\n\n /\n Обработчик выбора\n /\n onChange: BaseSelectProps['onChange'];\n\n /\n Дополнительный обработчик клика на чекбокс выбрать все\n /\n onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;\n\n /\n Компонент выпадающего меню\n /\n OptionsList?: BaseSelectProps['OptionsList'];\n\n /\n Пропсы, которые будут прокинуты в компонент списка\n /\n optionsListProps?: BaseSelectProps['optionsListProps'];\n\n /\n Включает отображение поиска\n /\n showSearch?: BaseSelectProps['showSearch'];\n\n /\n Настройки поиска\n /\n searchProps?: BaseSelectProps['searchProps'];\n\n /\n Показывать кнопку очистки\n /\n showClear?: boolean;\n\n /\n Показывать пункт \"Выбрать все\"\n /\n showSelectAll?: boolean;\n\n /\n Показывать пункт \"Выбрать все\" в заголовке списка\n /\n showHeaderWithSelectAll?: boolean;\n\n /\n Значение name при применении выбора\n * @default 'apply-footer'\n /\n applyName?: string;\n\n /\n Значение name при сбросе выбора\n * @default 'reset-footer'\n /\n resetName?: string;\n};\n\nconst selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };\n\nexport function useSelectWithApply({\n options,\n selected,\n onChange = () => null,\n onSelectAllClick = () => null,\n OptionsList,\n optionsListProps = {},\n showClear = true,\n showSelectAll = false,\n showHeaderWithSelectAll = false,\n showSearch = false,\n searchProps = {},\n applyName = 'apply-footer',\n resetName = 'reset-footer',\n}: UseSelectWithApplyProps) {\n const [searchState, setSearchState] = useState('');\n\n const [search, setSearch] =\n typeof searchProps?.value === 'string'\n ? [searchProps.value, searchProps.onChange]\n : [searchState, setSearchState];\n\n const accessor = searchProps.accessor \|\| defaultAccessor;\n const filterFn = searchProps.filterFn \|\| defaultFilterFn;\n const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n const filterGroup = searchProps.filterGroup ?? false;\n\n const { flatOptions, filteredOptions, selectedOptions } = useMemo(\n () =>\n processOptions(\n options,\n selected,\n showSearch\n ? (option) => {\n if (isGroup(option)) {\n const groupAccessorValue = groupAccessor(option);\n\n return (\n typeof groupAccessorValue === 'string' &&\n filterFn(groupAccessorValue, search)\n );\n }\n\n return filterFn(accessor(option), search);\n }\n : undefined,\n filterGroup,\n ),\n [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor],\n );\n\n const [selectedDraft, setSelectedDraft] = useState<OptionShape[]>(selectedOptions);\n\n const selectedOptionsRef = useRef<OptionShape[]>(selectedOptions);\n\n const handleApply = () => {\n onChange({\n selected: selectedDraft[0],\n selectedMultiple: selectedDraft,\n initiator: null,\n name: applyName,\n });\n };\n\n const handleClear = () => {\n setSelectedDraft([]);\n onChange({\n selected: null,\n selectedMultiple: [],\n initiator: null,\n name: resetName,\n });\n };\n\n const handleToggleAll = () => {\n const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;\n\n onSelectAllClick(optionsToSet);\n setSelectedDraft(optionsToSet);\n };\n\n const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);\n\n const handleChange: Required<BaseSelectProps>['onChange'] = ({ initiator, ...restArgs }) => {\n if (!initiator) {\n onChange({\n initiator: null,\n ...restArgs,\n });\n\n return;\n }\n\n const initiatorSelected =\n selectedDraft.some(\n (selectedDraftOption) => selectedDraftOption.key === initiator.key,\n ) \|\|\n (initiator.key === SELECT_ALL_KEY &&\n (selectedDraft.length === flatOptions.length \|\|\n flatOptions.every(({ key }) => selectedKeys.includes(key))));\n\n if (initiator.key === SELECT_ALL_KEY) {\n setSelectedDraft(initiatorSelected ? [] : flatOptions);\n } else {\n setSelectedDraft(\n initiatorSelected\n ? selectedDraft.filter((o) => o.key !== initiator.key)\n : selectedDraft.concat(initiator),\n );\n }\n };\n\n const handleClose = () => setSelectedDraft(selectedOptionsRef.current);\n\n useEffect(() => {\n // устанавливать selectedDraft если selectedOptions изменились\n if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {\n setSelectedDraft(selectedOptions);\n }\n selectedOptionsRef.current = selectedOptions;\n }, [selectedOptions]);\n\n const memoizedOptions = useMemo(\n () =>\n filteredOptions.length && showSelectAll\n ? [selectAllOption, ...filteredOptions]\n : filteredOptions,\n [filteredOptions, showSelectAll],\n );\n\n return {\n OptionsList: OptionsListWithApply,\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n OptionsList,\n showClear,\n onClear: handleClear,\n onApply: handleApply,\n onClose: handleClose,\n selectedDraft,\n setSelectedDraft,\n showHeaderWithSelectAll,\n headerProps: {\n ...(optionsListProps as AnyObject)?.headerProps,\n indeterminate: selectedDraft.length > 0,\n checked:\n selectedDraft.length === flatOptions.length \|\|\n flatOptions.every(({ key }) => selectedKeys.includes(key)),\n onChange: handleToggleAll,\n },\n },\n multiple: true,\n options: memoizedOptions,\n onChange: handleChange,\n selected,\n showSearch,\n searchProps: showSearch\n ? {\n ...searchProps,\n value: search,\n onChange: setSearch,\n }\n : undefined,\n / Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n originalProps: {\n options,\n selected,\n onChange,\n OptionsList,\n optionsListProps,\n showClear,\n showSelectAll,\n showHeaderWithSelectAll,\n showSearch,\n searchProps,\n applyName,\n resetName,\n },\n };\n}\n"],"names":["SELECT_ALL_KEY","useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"mappings":"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"}
1	+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithApply/hook.ts"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport { SELECT_ALL_KEY } from '../../consts';\nimport { type AnyObject, type BaseSelectProps, type OptionShape } from '../../typings';\nimport {\n defaultAccessor,\n defaultFilterFn,\n defaultGroupAccessor,\n isGroup,\n processOptions,\n} from '../../utils';\n\nimport { OptionsListWithApply } from './options-list-with-apply';\n\nexport type UseSelectWithApplyProps = {\n /*\n Список выбранных пунктов\n /\n selected: BaseSelectProps['selected'];\n\n /\n Список вариантов выбора\n /\n options: BaseSelectProps['options'];\n\n /\n Обработчик выбора\n /\n onChange: BaseSelectProps['onChange'];\n\n /\n Дополнительный обработчик клика на чекбокс выбрать все\n /\n onSelectAllClick?: (selectedMultiple: OptionShape[]) => void;\n\n /\n Компонент выпадающего меню\n /\n OptionsList?: BaseSelectProps['OptionsList'];\n\n /\n Пропсы, которые будут прокинуты в компонент списка\n /\n optionsListProps?: BaseSelectProps['optionsListProps'];\n\n /\n Включает отображение поиска\n /\n showSearch?: BaseSelectProps['showSearch'];\n\n /\n Настройки поиска\n /\n searchProps?: BaseSelectProps['searchProps'];\n\n /\n Показывать кнопку очистки\n /\n showClear?: boolean;\n\n /\n Показывать пункт \"Выбрать все\"\n /\n showSelectAll?: boolean;\n\n /\n Показывать пункт \"Выбрать все\" в заголовке списка\n /\n showHeaderWithSelectAll?: boolean;\n\n /\n Значение name при применении выбора\n * @default 'apply-footer'\n /\n applyName?: string;\n\n /\n Значение name при сбросе выбора\n * @default 'reset-footer'\n /\n resetName?: string;\n\n /\n Позиция чекбокса \"Выбрать все\" в Header\n * @default 'before'\n /\n checkmarkPosition?: 'before' \| 'after';\n};\n\nconst selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };\n\nexport function useSelectWithApply({\n options,\n selected,\n onChange = () => null,\n onSelectAllClick = () => null,\n OptionsList,\n optionsListProps = {},\n showClear = true,\n showSelectAll = false,\n showHeaderWithSelectAll = false,\n checkmarkPosition = 'before',\n showSearch = false,\n searchProps = {},\n applyName = 'apply-footer',\n resetName = 'reset-footer',\n}: UseSelectWithApplyProps) {\n const [searchState, setSearchState] = useState('');\n\n const [search, setSearch] =\n typeof searchProps?.value === 'string'\n ? [searchProps.value, searchProps.onChange]\n : [searchState, setSearchState];\n\n const accessor = searchProps.accessor \|\| defaultAccessor;\n const filterFn = searchProps.filterFn \|\| defaultFilterFn;\n const groupAccessor = searchProps.groupAccessor ?? defaultGroupAccessor;\n const filterGroup = searchProps.filterGroup ?? false;\n\n const { flatOptions, filteredOptions, selectedOptions } = useMemo(\n () =>\n processOptions(\n options,\n selected,\n showSearch\n ? (option) => {\n if (isGroup(option)) {\n const groupAccessorValue = groupAccessor(option);\n\n return (\n typeof groupAccessorValue === 'string' &&\n filterFn(groupAccessorValue, search)\n );\n }\n\n return filterFn(accessor(option), search);\n }\n : undefined,\n filterGroup,\n ),\n [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor],\n );\n const [selectedDraft, setSelectedDraft] = useState<OptionShape[]>(selectedOptions);\n\n const selectedOptionsRef = useRef<OptionShape[]>(selectedOptions);\n\n const handleApply = () => {\n onChange({\n selected: selectedDraft[0],\n selectedMultiple: selectedDraft,\n initiator: null,\n name: applyName,\n });\n };\n\n const handleClear = () => {\n setSelectedDraft([]);\n onChange({\n selected: null,\n selectedMultiple: [],\n initiator: null,\n name: resetName,\n });\n };\n\n const handleToggleAll = () => {\n const optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;\n\n onSelectAllClick(optionsToSet);\n setSelectedDraft(optionsToSet);\n };\n\n const selectedKeys = useMemo(() => selectedDraft.map(({ key }) => key), [selectedDraft]);\n\n const handleChange: Required<BaseSelectProps>['onChange'] = ({ initiator, ...restArgs }) => {\n if (!initiator) {\n onChange({\n initiator: null,\n ...restArgs,\n });\n\n return;\n }\n\n const initiatorSelected =\n selectedDraft.some(\n (selectedDraftOption) => selectedDraftOption.key === initiator.key,\n ) \|\|\n (initiator.key === SELECT_ALL_KEY &&\n (selectedDraft.length === flatOptions.length \|\|\n flatOptions.every(({ key }) => selectedKeys.includes(key))));\n\n if (initiator.key === SELECT_ALL_KEY) {\n setSelectedDraft(initiatorSelected ? [] : flatOptions);\n } else {\n setSelectedDraft(\n initiatorSelected\n ? selectedDraft.filter((o) => o.key !== initiator.key)\n : selectedDraft.concat(initiator),\n );\n }\n };\n\n const handleClose = () => setSelectedDraft(selectedOptionsRef.current);\n\n useEffect(() => {\n // устанавливать selectedDraft если selectedOptions изменились\n if (!reactFastCompare(selectedOptionsRef.current, selectedOptions)) {\n setSelectedDraft(selectedOptions);\n }\n selectedOptionsRef.current = selectedOptions;\n }, [selectedOptions]);\n\n const memoizedOptions = useMemo(\n () =>\n filteredOptions.length && showSelectAll\n ? [selectAllOption, ...filteredOptions]\n : filteredOptions,\n [filteredOptions, showSelectAll],\n );\n\n return {\n OptionsList: OptionsListWithApply,\n optionsListProps: {\n ...(optionsListProps as AnyObject),\n OptionsList,\n showClear,\n onClear: handleClear,\n onApply: handleApply,\n onClose: handleClose,\n selectedDraft,\n setSelectedDraft,\n showHeaderWithSelectAll,\n headerProps: {\n ...(optionsListProps as AnyObject)?.headerProps,\n indeterminate: selectedDraft.length > 0,\n checked:\n selectedDraft.length === flatOptions.length \|\|\n flatOptions.every(({ key }) => selectedKeys.includes(key)),\n onChange: handleToggleAll,\n checkmarkPosition,\n },\n },\n multiple: true,\n options: memoizedOptions,\n onChange: handleChange,\n selected,\n showSearch,\n searchProps: showSearch\n ? {\n ...searchProps,\n value: search,\n onChange: setSearch,\n }\n : undefined,\n / Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */\n originalProps: {\n options,\n selected,\n onChange,\n OptionsList,\n optionsListProps,\n showClear,\n showSelectAll,\n showHeaderWithSelectAll,\n checkmarkPosition,\n showSearch,\n searchProps,\n applyName,\n resetName,\n },\n };\n}\n"],"names":["SELECT_ALL_KEY","useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"mappings":"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"}

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.d.ts CHANGED Viewed

@@ -7,6 +7,7 @@ export declare type HeaderProps = {
     onChange?: CheckboxProps['onChange'];
     mobile?: boolean;
     dataTestId?: string;
+    checkmarkPosition?: 'before' | 'after';
     size?: OptionsListProps['size'];
 };
 export declare const Header: React.FC<HeaderProps>;

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js CHANGED Viewed

@@ -14,13 +14,13 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 var Header = function (_a) {
-    var _b;
-    var onChange = _a.onChange, checked = _a.checked, indeterminate = _a.indeterminate, mobile = _a.mobile, dataTestId = _a.dataTestId, size = _a.size;
+    var _b, _c;
+    var onChange = _a.onChange, checked = _a.checked, indeterminate = _a.indeterminate, mobile = _a.mobile, dataTestId = _a.dataTestId, size = _a.size, _d = _a.checkmarkPosition, checkmarkPosition = _d === void 0 ? 'before' : _d;
     return (React__default.default.createElement("div", { className: cn__default.default(size && styles__default.default["size-".concat(size)], (_b = {},
             _b[styles__default.default.desktop] = !mobile,
             _b[styles__default.default.mobile] = mobile,
             _b)) },
-        React__default.default.createElement(cssm.Checkbox, { block: true, indeterminate: indeterminate, size: 24, onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId })));
+        React__default.default.createElement(cssm.Checkbox, { block: true, indeterminate: indeterminate, size: 24, onChange: onChange, checked: checked, label: '\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435', dataTestId: dataTestId, position: checkmarkPosition, contentClassName: cn__default.default((_c = {}, _c[styles__default.default.positionAfter] = checkmarkPosition === 'after', _c)) })));
 };
 exports.Header = Header;

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n checked?: boolean;\n indeterminate?: boolean;\n onChange?: CheckboxProps['onChange'];\n mobile?: boolean;\n dataTestId?: string;\n size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n onChange,\n checked,\n indeterminate,\n mobile,\n dataTestId,\n size,\n}) => (\n <div\n className={cn(size && styles[`size-${size}`], {\n [styles.desktop]: !mobile,\n [styles.mobile]: mobile,\n })}\n >\n <Checkbox\n block={true}\n indeterminate={indeterminate}\n size={24}\n onChange={onChange}\n checked={checked}\n label='Выбрать все'\n dataTestId={dataTestId}\n />\n </div>\n);\n"],"names":["React","cn","styles","Checkbox"],"mappings":";;;;;;;;;;;;;;;~~AAkBO~~,IAAM,MAAM,GAA0B,UAAC,~~EAO7C~~,EAAA;;~~AANG~~,~~IAAA,IAAA,~~QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,~~YAAA~~,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA;~~AACF~~,IAAA,QACFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAAC,IAAI,IAAIC,uBAAM,CAAC,OAAQ,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,GAAA,EAAA,GAAA,EAAA;AACxC,YAAA,EAAA,CAACA,uBAAM,CAAC,OAAO,CAAA,GAAG,CAAC,MAAM;AACzB,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;~~AAEF~~,~~QAAAF~~,~~sBAAA,~~CAAA,aAAA,~~CAACG~~,aAAQ,~~EAAA~~,~~EACL,~~KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EAAA,~~CACxB~~,CACA;~~AAhBJ~~;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/header/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox, type CheckboxProps } from '@alfalab/core-components-checkbox';\n\nimport { type OptionsListProps } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type HeaderProps = {\n checked?: boolean;\n indeterminate?: boolean;\n onChange?: CheckboxProps['onChange'];\n mobile?: boolean;\n dataTestId?: string;\n checkmarkPosition?: 'before' \| 'after';\n size?: OptionsListProps['size'];\n};\n\nexport const Header: React.FC<HeaderProps> = ({\n onChange,\n checked,\n indeterminate,\n mobile,\n dataTestId,\n size,\n checkmarkPosition = 'before',\n}) => (\n <div\n className={cn(size && styles[`size-${size}`], {\n [styles.desktop]: !mobile,\n [styles.mobile]: mobile,\n })}\n >\n <Checkbox\n block={true}\n indeterminate={indeterminate}\n size={24}\n onChange={onChange}\n checked={checked}\n label='Выбрать все'\n dataTestId={dataTestId}\n position={checkmarkPosition}\n contentClassName={cn({ [styles.positionAfter]: checkmarkPosition === 'after' })}\n />\n </div>\n);\n"],"names":["React","cn","styles","Checkbox"],"mappings":";;;;;;;;;;;;;;;AAmBO,IAAM,MAAM,GAA0B,UAAC,EAQ7C,EAAA;;QAPG,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,yBAA4B,EAA5B,iBAAiB,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA;AAC1B,IAAA,QACFA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEC,mBAAE,CAAC,IAAI,IAAIC,uBAAM,CAAC,OAAQ,CAAA,MAAA,CAAA,IAAI,CAAE,CAAC,GAAA,EAAA,GAAA,EAAA;AACxC,YAAA,EAAA,CAACA,uBAAM,CAAC,OAAO,CAAA,GAAG,CAAC,MAAM;AACzB,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;QAEFF,sBAAC,CAAA,aAAA,CAAAG,aAAQ,IACL,KAAK,EAAE,IAAI,EACX,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,+DAAa,EACnB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,iBAAiB,EAC3B,gBAAgB,EAAEF,mBAAE,WAAG,EAAC,CAAAC,uBAAM,CAAC,aAAa,CAAG,GAAA,iBAAiB,KAAK,OAAO,EAAA,EAAA,EAAG,EACjF,CAAA,CACA;AAlBJ;;;;"}

package/cssm/presets/useSelectWithApply/options-list-with-apply/header/index.module.css CHANGED Viewed

@@ -13,5 +13,9 @@
         padding-left: var(--gap-16);
     }
 .mobile {
-    padding: var(--gap-12) var(--gap-8);
+    padding: var(--gap-12) var(--gap-12) var(--gap-12) var(--gap-8);
+}
+.positionAfter {
+    margin-left: 0;
+    margin-left: initial;
 }

package/cssm/presets/useSelectWithLoading/hook.js CHANGED Viewed

@@ -6,9 +6,7 @@ var tslib = require('tslib');
 var React = require('react');
 var cssm = require('@alfalab/core-components-skeleton/cssm');
 require('classnames');
-require('@alfalab/core-components-badge/cssm');
 require('@alfalab/core-components-checkbox/cssm');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../../components/checkmark/index.module.css');
 require('../../components/option/desktop/index.module.css');

package/cssm/presets/useSelectWithLoading/hook.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithLoading/hook.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type BaseSelectProps, type OptionProps, type OptionShape } from '../../typings';\n\nimport styles from './index.module.css';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useSelectWithLoadingProps = {\n loading?: boolean;\n visibleOptions?: BaseSelectProps['visibleOptions'];\n Option?: React.FC<OptionProps>;\n};\n\nexport function useSelectWithLoading({\n loading = false,\n visibleOptions = 6,\n Option = DefaultOption,\n}: useSelectWithLoadingProps) {\n const renderOption = (props: OptionProps) => (\n <Option {...props} Checkmark={null} highlighted={loading ? false : props.highlighted} />\n );\n\n const options: OptionShape[] = Array(visibleOptions)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: <Skeleton className={styles.skeleton} visible={true} />,\n }));\n\n if (!loading) return null;\n\n return {\n Option: renderOption,\n options,\n };\n}\n"],"names":["DefaultOption","React","__assign","Skeleton","styles"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;~~AAgBM,SAAU,oBAAoB,CAAC,EAIT,EAAA;AAHxB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACf,sBAAkB,EAAlB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGA,qCAAa,GAAA,EAAA;AAEtB,IAAA,IAAM,YAAY,GAAG,UAAC,KAAkB,IAAK,QACzCC,sBAAC,CAAA,aAAA,CAAA,MAAM,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,WAAW,EAAA,CAAA,CAAI,EAC3F,EAAA;AAED,IAAA,IAAM,OAAO,GAAkB,KAAK,CAAC,cAAc;SAC9C,IAAI,CAAC,CAAC;AACN,SAAA,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,EAAA,EAAK,QAAC;QACd,GAAG,EAAE,UAAW,CAAA,MAAA,CAAA,GAAG,CAAE;AACrB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAED,sBAAA,CAAA,aAAA,CAACE,aAAQ,EAAA,EAAC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAI,CAAA;KACnE,EAAC,EAAA,CAAC;AAEP,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IAEzB,OAAO;AACH,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,OAAO,EAAA,OAAA;KACV;AACL;;;;"}
1	+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithLoading/hook.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { type BaseSelectProps, type OptionProps, type OptionShape } from '../../typings';\n\nimport styles from './index.module.css';\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useSelectWithLoadingProps = {\n loading?: boolean;\n visibleOptions?: BaseSelectProps['visibleOptions'];\n Option?: React.FC<OptionProps>;\n};\n\nexport function useSelectWithLoading({\n loading = false,\n visibleOptions = 6,\n Option = DefaultOption,\n}: useSelectWithLoadingProps) {\n const renderOption = (props: OptionProps) => (\n <Option {...props} Checkmark={null} highlighted={loading ? false : props.highlighted} />\n );\n\n const options: OptionShape[] = Array(visibleOptions)\n .fill(0)\n .map((_, key) => ({\n key: `loading-${key}`,\n disabled: true,\n content: <Skeleton className={styles.skeleton} visible={true} />,\n }));\n\n if (!loading) return null;\n\n return {\n Option: renderOption,\n options,\n };\n}\n"],"names":["DefaultOption","React","__assign","Skeleton","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBM,SAAU,oBAAoB,CAAC,EAIT,EAAA;AAHxB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,OAAe,EAAf,OAAO,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACf,sBAAkB,EAAlB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,KAAA,EAClB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGA,qCAAa,GAAA,EAAA;AAEtB,IAAA,IAAM,YAAY,GAAG,UAAC,KAAkB,IAAK,QACzCC,sBAAC,CAAA,aAAA,CAAA,MAAM,EAAKC,cAAA,CAAA,EAAA,EAAA,KAAK,EAAE,EAAA,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,WAAW,EAAA,CAAA,CAAI,EAC3F,EAAA;AAED,IAAA,IAAM,OAAO,GAAkB,KAAK,CAAC,cAAc;SAC9C,IAAI,CAAC,CAAC;AACN,SAAA,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,EAAA,EAAK,QAAC;QACd,GAAG,EAAE,UAAW,CAAA,MAAA,CAAA,GAAG,CAAE;AACrB,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAED,sBAAA,CAAA,aAAA,CAACE,aAAQ,EAAA,EAAC,SAAS,EAAEC,uBAAM,CAAC,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAI,CAAA;KACnE,EAAC,EAAA,CAAC;AAEP,IAAA,IAAI,CAAC,OAAO;AAAE,QAAA,OAAO,IAAI;IAEzB,OAAO;AACH,QAAA,MAAM,EAAE,YAAY;AACpB,QAAA,OAAO,EAAA,OAAA;KACV;AACL;;;;"}

package/cssm/typings.d.ts CHANGED Viewed

@@ -669,6 +669,10 @@ export declare type CheckmarkProps = {
      * Расположение отметки
      */
     position?: 'before' | 'after';
+    /**
+     * Дополнительный контент
+     */
+    content?: ReactNode;
     /**
      * Иконка выбранного пункта
      */
@@ -697,6 +701,11 @@ export declare type AdditionalMobileProps = {
      * Использовать ли хук useSelectWithApply в мобильном компоненте
      */
     useWithApplyHook?: boolean;
+    /**
+     * Позиция чекбокса "Выбрать все" в Header
+     * @default 'before'
+     */
+    checkmarkPosition?: 'before' | 'after';
 };
 export declare type BottomSheetSelectMobileProps = {
     /**

package/desktop/Component.desktop.js CHANGED Viewed

@@ -11,9 +11,7 @@ var Component = require('../components/base-select/Component.js');
 var Component$5 = require('../components/field/Component.js');
 var Component$3 = require('../components/optgroup/Component.js');
 require('classnames');
-require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
-require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
 require('../components/checkmark/index.css');
 require('../components/option/desktop/index.css');

package/desktop/Component.desktop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,6BAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}
1	+ {"version":3,"file":"Component.desktop.js","sources":["../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { FormControlDesktop } from '@alfalab/core-components-form-control/desktop';\nimport { Popover } from '@alfalab/core-components-popover';\n\nimport { Arrow as DefaultArrow } from '../components/arrow';\nimport { BaseSelect } from '../components/base-select';\nimport { Field as DefaultField } from '../components/field';\nimport { Optgroup as DefaultOptgroup } from '../components/optgroup';\nimport { Option as DefaultOption } from '../components/option';\nimport { OptionsList as DefaultOptionsList } from '../components/options-list';\nimport { Search as DefaultSearch } from '../components/search';\nimport { type SelectDesktopProps } from '../typings';\n\nexport const SelectDesktop = forwardRef<HTMLDivElement, SelectDesktopProps>(\n (\n {\n Arrow = DefaultArrow,\n Field = DefaultField,\n OptionsList = DefaultOptionsList,\n Optgroup = DefaultOptgroup,\n Option = DefaultOption,\n Search = DefaultSearch,\n fieldProps = {},\n ...restProps\n },\n ref,\n ) => (\n <BaseSelect\n ref={ref}\n view='desktop'\n Option={Option}\n Field={Field}\n fieldProps={{\n FormControlComponent: FormControlDesktop,\n ...(fieldProps as object),\n }}\n Search={Search}\n Optgroup={Optgroup}\n OptionsList={OptionsList}\n Arrow={Arrow}\n Popover={Popover}\n {...restProps}\n />\n ),\n);\n"],"names":["forwardRef","DefaultArrow","DefaultField","DefaultOptionsList","DefaultOptgroup","DefaultOption","DefaultSearch","__rest","React","BaseSelect","__assign","FormControlDesktop","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAca,aAAa,GAAGA,gBAAU,CACnC,UACI,EASC,EACD,GAAG,EAAA;IATC,IAAA,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,KAAoB,EAApB,KAAK,GAAG,EAAA,KAAA,MAAA,GAAAC,iBAAY,KAAA,EACpB,EAAA,GAAA,EAAA,CAAA,WAAgC,EAAhC,WAAW,GAAG,EAAA,KAAA,MAAA,GAAAC,uBAAkB,KAAA,EAChC,EAAA,GAAA,EAAA,CAAA,QAA0B,EAA1B,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAC,oBAAe,KAAA,EAC1B,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,qCAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAAC,kBAAa,KAAA,EACtB,EAAA,GAAA,EAAA,CAAA,UAAe,EAAf,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACZ,SAAS,GARhBC,YAAA,CAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,aAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,YAAA,CASC,CADe;IAGf,QACDC,qCAACC,oBAAU,EAAAC,cAAA,CAAA,EACP,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,UAAU,EACNA,cAAA,CAAA,EAAA,oBAAoB,EAAEC,0BAAkB,IACpC,UAAqB,CAAA,EAE7B,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAEC,6BAAO,EACZ,EAAA,SAAS,CACf,CAAA;AACL,CAAA;;;;"}

package/esm/components/arrow/index.css CHANGED Viewed

@@ -9,7 +9,7 @@
     --select-arrow-color: var(--color-light-neutral-translucent-700);
     --select-arrow-disabled-color: var(--color-light-neutral-translucent-500);
 }
-.select__arrow_15cfs {
+.select__arrow_1szvx {
     display: block;
     width: 24px;
     height: 24px;
@@ -19,15 +19,15 @@
         transform 0.15s ease-in-out,
         opacity 0.2s ease;
 }
-.select__arrow_15cfs.select__disabled_15cfs {
+.select__arrow_1szvx.select__disabled_1szvx {
         color: var(--select-arrow-disabled-color);
     }
-.select__arrow_15cfs.select__size-40_15cfs {
+.select__arrow_1szvx.select__size-40_1szvx {
         width: auto;
         width: initial;
         height: auto;
         height: initial;
     }
-.select__open_15cfs {
+.select__open_1szvx {
     transform: var(--arrow-transform);
 }

package/esm/components/arrow/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"arrow":"select__arrow_15cfs","disabled":"select__disabled_15cfs","size-40":"select__size-40_15cfs","open":"select__open_15cfs"};
+var styles = {"arrow":"select__arrow_1szvx","disabled":"select__disabled_1szvx","size-40":"select__size-40_1szvx","open":"select__open_1szvx"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/base-checkmark/Component.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import React from 'react';
+import { type FC } from 'react';
 import { type CheckmarkProps } from '../../typings';
-export declare const BaseCheckmark: ({ selected, disabled, className, multiple, align, }: CheckmarkProps) => React.JSX.Element;
+export declare const BaseCheckmark: FC<CheckmarkProps>;

package/esm/components/base-checkmark/Component.js CHANGED Viewed

@@ -5,13 +5,20 @@ import { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';
 import styles from './index.module.css.js';
 var BaseCheckmark = function (_a) {
-    var _b;
-    var selected = _a.selected, _c = _a.disabled, disabled = _c === void 0 ? false : _c, className = _a.className, multiple = _a.multiple, _d = _a.align, align = _d === void 0 ? 'center' : _d;
-    var checkmarkClassNames = cn(styles.checkmark, styles[align], className, (_b = {},
-        _b[styles.single] = !multiple,
-        _b[styles.selected] = selected,
-        _b));
-    return multiple ? (React.createElement(Checkbox, { checked: selected, disabled: disabled, className: checkmarkClassNames, size: 24, hiddenInput: true })) : (React.createElement(CheckmarkMIcon, { className: checkmarkClassNames }));
+    var _b, _c;
+    var selected = _a.selected, _d = _a.disabled, disabled = _d === void 0 ? false : _d, className = _a.className, multiple = _a.multiple, _e = _a.align, align = _e === void 0 ? 'center' : _e, _f = _a.position, position = _f === void 0 ? 'before' : _f, content = _a.content;
+    var renderCheckmarkIcon = function () {
+        var _a;
+        return (React.createElement(CheckmarkMIcon, { className: cn(styles.singleIcon, styles[position], (_a = {},
+                _a[styles.selected] = selected,
+                _a)) }));
+    };
+    return multiple ? (React.createElement(Checkbox, { block: true, checked: selected, disabled: disabled, contentClassName: cn((_b = {}, _b[styles.positionAfter] = position === 'after', _b)), className: cn(styles.checkmark, styles[align], className, (_c = {},
+            _c[styles.selected] = selected,
+            _c)), size: 24, position: position, label: content, hiddenInput: true })) : (React.createElement("div", { className: cn(styles.container, styles[align], className) },
+        position === 'before' && renderCheckmarkIcon(),
+        React.createElement("div", { className: styles.content }, content),
+        position === 'after' && renderCheckmarkIcon()));
 };
 export { BaseCheckmark };

package/esm/components/base-checkmark/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark = ({\n selected,\n disabled = false,\n className,\n multiple,\n align = 'center',\n}~~: CheckmarkProps~~) => {\n const ~~checkmarkClassNames~~ = cn(styles.~~checkmark~~, styles[~~align~~], ~~className,~~ {\n [styles.~~single]: !multiple,\n [styles.~~selected]: selected,\n });\n\n return multiple ? (\n <Checkbox\n checked={selected}\n disabled={disabled}\n className={~~checkmarkClassNames~~}\n size={24}\n hiddenInput={true}\n />\n ) : (\n <~~CheckmarkMIcon~~ className={~~checkmarkClassNames~~} ~~/>\~~n );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,aAAa,~~GAAG~~,UAAC,~~EAMb~~,EAAA;;~~QALb~~,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,~~GAAG~~,EAAA,KAAA,MAAA,~~GAAA~~,KAAK,~~KAAA~~,EAChB,SAAS,~~eAAA~~,EACT,QAAQ,~~cAAA~~,EACR,~~EAAA~~,GAAA,EAAA,CAAA,~~KAAgB~~,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA;~~AAEhB~~,IAAA,IAAM,mBAAmB,GAAG,EAAE,CAAC,MAAM,CAAC,~~SAAS~~,EAAE,MAAM,CAAC,~~KAAK~~,CAAC,~~EAAE,SAAS,~~GAAA,EAAA,GAAA,EAAA;~~AACrE~~,~~QAAA~~,EAAA,CAAC,MAAM,CAAC,~~MAAM~~,CAAA,GAAG,~~CAAC,~~QAAQ;~~AAC1B~~,~~QAAA~~,EAAA,~~CAAC~~,~~MAAM~~,~~CAAC~~,~~QAAQ,CAAA,GAAG,QAAQ~~;~~YAC7B;AAEF~~,~~IAAA,~~OAAO,QAAQ,IACX,~~KAAA~~,CAAA,aAAA,~~CAAC~~,QAAQ,~~EACL~~,~~EAAA~~,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,~~mBAAmB~~,~~EAC9B~~,IAAI,EAAE,EAAE,EACR,WAAW,EAAE,IAAI,~~EAAA~~,~~CACnB,~~KAEF,~~KAAA~~,CAAA,aAAA,~~CAAC~~,~~cAAc~~,~~EAAC~~,EAAA,SAAS,EAAE,mBAAmB,EAAA,~~CAAI~~,~~CACrD~~;AACL;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/base-checkmark/Component.tsx"],"sourcesContent":["import React, { type FC } from 'react';\nimport cn from 'classnames';\n\nimport { Checkbox } from '@alfalab/core-components-checkbox';\nimport { CheckmarkMIcon } from '@alfalab/icons-glyph/CheckmarkMIcon';\n\nimport { type CheckmarkProps } from '../../typings';\n\nimport styles from './index.module.css';\n\nexport const BaseCheckmark: FC<CheckmarkProps> = ({\n selected,\n disabled = false,\n className,\n multiple,\n align = 'center',\n position = 'before',\n content,\n}) => {\n const renderCheckmarkIcon = () => (\n <CheckmarkMIcon\n className={cn(styles.singleIcon, styles[position], {\n [styles.selected]: selected,\n })}\n />\n );\n\n return multiple ? (\n <Checkbox\n block={true}\n checked={selected}\n disabled={disabled}\n contentClassName={cn({ [styles.positionAfter]: position === 'after' })}\n className={cn(styles.checkmark, styles[align], className, {\n [styles.selected]: selected,\n })}\n size={24}\n position={position}\n label={content}\n hiddenInput={true}\n />\n ) : (\n <div className={cn(styles.container, styles[align], className)}>\n {position === 'before' && renderCheckmarkIcon()}\n\n <div className={styles.content}>{content}</div>\n\n {position === 'after' && renderCheckmarkIcon()}\n </div>\n );\n};\n"],"names":[],"mappings":";;;;;;AAUO,IAAM,aAAa,GAAuB,UAAC,EAQjD,EAAA;;AAPG,IAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,QAAA,EAAhB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAChB,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,KAAA,EAAhB,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,QAAQ,GAAA,EAAA,EAChB,EAAA,GAAA,EAAA,CAAA,QAAmB,EAAnB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,QAAQ,GAAA,EAAA,EACnB,OAAO,GAAA,EAAA,CAAA,OAAA;AAEP,IAAA,IAAM,mBAAmB,GAAG,YAAA;;AAAM,QAAA,QAC9B,KAAA,CAAA,aAAA,CAAC,cAAc,EAAA,EACX,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,GAAA,EAAA,GAAA,EAAA;AAC7C,gBAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,gBAAA,EAAA,EAAA,EAAA,CACJ;AAL4B,KAMjC;IAED,OAAO,QAAQ,IACX,KAAC,CAAA,aAAA,CAAA,QAAQ,IACL,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,EAAE,WAAG,EAAC,CAAA,MAAM,CAAC,aAAa,CAAA,GAAG,QAAQ,KAAK,OAAO,EAAG,EAAA,EAAA,EACtE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACpD,YAAA,EAAA,CAAC,MAAM,CAAC,QAAQ,CAAA,GAAG,QAAQ;AAC7B,YAAA,EAAA,EAAA,EACF,IAAI,EAAE,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,IAAI,GACnB,KAEF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC,EAAA;AACzD,QAAA,QAAQ,KAAK,QAAQ,IAAI,mBAAmB,EAAE;AAE/C,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,OAAO,EAAA,EAAG,OAAO,CAAO;AAE9C,QAAA,QAAQ,KAAK,OAAO,IAAI,mBAAmB,EAAE,CAC5C,CACT;AACL;;;;"}

package/esm/components/base-checkmark/index.css CHANGED Viewed

@@ -1,19 +1,46 @@
-.select__checkmark_1aik0 {
+:root {
+    --gap-s: 12px;
+    --gap-12: var(--gap-s);
+}
+.select__checkmark_1qi68 {
     flex-shrink: 0;
     box-sizing: border-box;
 }
-.select__checkmark_1aik0.select__start_1aik0 {
+.select__checkmark_1qi68.select__start_1qi68 {
         align-self: start;
     }
-.select__checkmark_1aik0.select__center_1aik0 {
+.select__checkmark_1qi68.select__center_1qi68 {
         align-self: center;
     }
-.select__single_1aik0 {
+.select__positionAfter_1qi68 {
+    margin-left: 0;
+    margin-left: initial;
+}
+.select__container_1qi68 {
     display: flex;
     align-items: center;
     justify-content: center;
+    width: 100%;
+}
+.select__container_1qi68.select__start_1qi68 {
+        align-items: flex-start;
+    }
+.select__container_1qi68.select__center_1qi68 {
+        align-items: center;
+    }
+.select__singleIcon_1qi68 {
+    flex-shrink: 0;
     opacity: 0;
 }
-.select__single_1aik0.select__selected_1aik0 {
+.select__singleIcon_1qi68.select__before_1qi68 {
+        margin-right: var(--gap-12);
+    }
+.select__singleIcon_1qi68.select__after_1qi68 {
+        margin-left: var(--gap-12);
+    }
+.select__singleIcon_1qi68.select__selected_1qi68 {
         opacity: 1;
     }
+.select__content_1qi68 {
+    flex: 1;
+}

package/esm/components/base-checkmark/index.module.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import './index.css';
-var styles = {"checkmark":"select__checkmark_1aik0","start":"select__start_1aik0","center":"select__center_1aik0","single":"select__single_1aik0","selected":"select__selected_1aik0"};
+var styles = {"checkmark":"select__checkmark_1qi68","start":"select__start_1qi68","center":"select__center_1qi68","positionAfter":"select__positionAfter_1qi68","container":"select__container_1qi68","singleIcon":"select__singleIcon_1qi68","before":"select__before_1qi68","after":"select__after_1qi68","selected":"select__selected_1qi68","content":"select__content_1qi68"};
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/components/base-checkmark/index.module.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n flex-shrink: 0;\n box-sizing: border-box;\n\n &.start {\n align-self: start;\n }\n\n &.center {\n align-self: center;\n }\n}\n\n.~~single~~ {\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n\n &.selected {\n opacity: 1;\n }\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,wBAAwB,CAAC;;;;"}
1	+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/base-checkmark/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../vars.css';\n\n.checkmark {\n flex-shrink: 0;\n box-sizing: border-box;\n\n &.start {\n align-self: start;\n }\n\n &.center {\n align-self: center;\n }\n}\n\n.positionAfter {\n margin-left: unset;\n}\n\n.container {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n\n &.start {\n align-items: flex-start;\n }\n\n &.center {\n align-items: center;\n }\n}\n\n.singleIcon {\n flex-shrink: 0;\n opacity: 0;\n\n &.before {\n margin-right: var(--gap-12);\n }\n\n &.after {\n margin-left: var(--gap-12);\n }\n\n &.selected {\n opacity: 1;\n }\n}\n\n.content {\n flex: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yBAAyB,CAAC,OAAO,CAAC,qBAAqB,CAAC,QAAQ,CAAC,sBAAsB,CAAC,eAAe,CAAC,6BAA6B,CAAC,WAAW,CAAC,yBAAyB,CAAC,YAAY,CAAC,0BAA0B,CAAC,QAAQ,CAAC,sBAAsB,CAAC,OAAO,CAAC,qBAAqB,CAAC,UAAU,CAAC,wBAAwB,CAAC,SAAS,CAAC,uBAAuB,CAAC;;;;"}

package/esm/components/base-option/Component.js CHANGED Viewed

@@ -11,28 +11,16 @@ var BaseOption = function (_a) {
     var content = children || option.content || option.key;
     var _h = option.showCheckMark, showCheckMark = _h === void 0 ? true : _h;
     var isTextContent = !isValidElement(content);
-    var renderCheckmark = function () {
-        var _a;
-        if (Checkmark && showCheckMark) {
-            return (React.createElement(Checkmark, { className: cn((_a = {},
-                    _a[styles.checkmarkBeforeContent] = checkmarkPosition === 'before',
-                    _a[styles.checkmarkAfterContent] = checkmarkPosition === 'after',
-                    _a)), disabled: disabled, selected: selected, multiple: multiple, align: align }));
-        }
-        return null;
-    };
+    var showCheckmark = Checkmark && showCheckMark;
     return (React.createElement("div", __assign({}, innerProps, { className: cn(styles.option, size && styles["size-".concat(size)], className, (_b = {},
             _b[styles.highlighted] = !mobile && highlighted,
             _b[styles.selected] = selected,
             _b[styles.disabled] = disabled,
             _b[styles.textContent] = isTextContent,
             _b[styles.mobile] = mobile,
-            _b[styles.checkmarkAfter] = !isTextContent && checkmarkPosition === 'after',
-            _b[styles.checkmarkBefore] = !isTextContent && checkmarkPosition === 'before',
-            _b)), "data-test-id": dataTestId, "aria-label": (_c = option === null || option === void 0 ? void 0 : option.value) === null || _c === void 0 ? void 0 : _c.name }),
-        checkmarkPosition === 'before' && renderCheckmark(),
-        React.createElement("div", { className: cn(styles.content) }, content),
-        checkmarkPosition === 'after' && renderCheckmark()));
+            _b[styles.checkmarkAfter] = showCheckmark && !isTextContent && checkmarkPosition === 'after',
+            _b[styles.checkmarkBefore] = showCheckmark && !isTextContent && checkmarkPosition === 'before',
+            _b)), "data-test-id": dataTestId, "aria-label": (_c = option === null || option === void 0 ? void 0 : option.value) === null || _c === void 0 ? void 0 : _c.name }), showCheckmark ? (React.createElement(Checkmark, { disabled: disabled, selected: selected, multiple: multiple, align: align, position: checkmarkPosition, content: content })) : (React.createElement("div", { className: cn(styles.content) }, content))));
 };
 export { BaseOption };