npm - @alfalab/core-components-select - Versions diffs - 17.20.13 → 17.20.14-snapshot-1393ffa - Mend

@alfalab/core-components-select 17.20.13 → 17.20.14-snapshot-1393ffa

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 (1523) hide show

package/moderncssm/src/utils.d.ts ADDED Viewed

@@ -0,0 +1,82 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from './typings';
+export declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+export declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+export declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+export declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape | GroupShape) => boolean, filterGroup?: boolean): {
+    filteredOptions: (OptionShape | GroupShape)[];
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+declare type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+    /**
+     * Список вариантов выбора
+     */
+    options?: Array<OptionShape | GroupShape>;
+    /**
+     * Максимальный размер варианта выбора
+     */
+    size?: Extract<OptionsListProps['size'], number>;
+    /**
+     * Учитывать действительное число вариантов выбора
+     */
+    actualOptionsCount?: boolean;
+};
+export declare function useVirtualVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
+export declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): boolean;
+export declare function defaultFilterFn(optionText: string, search: string): boolean;
+export declare function defaultGroupAccessor(option: GroupShape): string | undefined;
+export declare function defaultAccessor(option: OptionShape): string;
+export declare function usePrevious<T>(value: T): T | undefined;
+export declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export declare function getSelectTestIds(dataTestId: string): {
+    select: string;
+    option: string;
+    optionsList: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    fieldClearIcon: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+};
+export {};

package/moderncssm/typings.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1
2	+ //# sourceMappingURL=typings.js.map

package/moderncssm/typings.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/moderncssm/utils.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { isValidElement, cloneElement, useEffect, useState, useRef } from 'react';
+import { useState, useEffect, isValidElement, cloneElement, useRef } from 'react';
 import { useIsMounted, fnUtils, getDataTestId } from '@alfalab/core-components-shared/moderncssm';
 const isGroup = (item) => Object.prototype.hasOwnProperty.call(item, 'options');
@@ -224,3 +224,4 @@ function getSelectTestIds(dataTestId) {
 }
 export { defaultAccessor, defaultFilterFn, defaultGroupAccessor, getSelectTestIds, isGroup, isOptionShape, joinOptions, lastIndexOf, processOptions, usePrevious, useVirtualVisibleOptions, useVisibleOptions };
+//# sourceMappingURL=utils.js.map

package/moderncssm/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../src/utils.ts"],"sourcesContent":["import {\n cloneElement,\n isValidElement,\n ReactNode,\n RefObject,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport { fnUtils, getDataTestId, useIsMounted } from '@alfalab/core-components-shared';\n\nimport { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | null): item is OptionShape =>\n !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n selected,\n selectedMultiple,\n}: {\n selected?: OptionShape;\n selectedMultiple?: OptionShape[];\n}) => {\n const options = selectedMultiple || (selected ? [selected] : []);\n\n if (!options.length) return null;\n\n return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n if (isValidElement(option.content)) {\n acc.push(cloneElement(option.content, { key: option.key }));\n } else {\n acc.push(option.content);\n }\n\n if (index < options.length - 1) acc.push(', ');\n\n return acc;\n }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n options: BaseSelectProps['options'],\n selected: BaseSelectProps['selected'] = [],\n filterFn: (option: OptionShape | GroupShape) => boolean = () => true,\n filterGroup = false,\n) {\n const flatOptions: OptionShape[] = [];\n const filteredOptions: BaseSelectProps['options'] = [];\n\n const selectedArray = Array.isArray(selected) ? selected : [selected];\n const selectedOptions = selectedArray.filter(isOptionShape);\n const selectedKeys = selectedArray.filter(\n (option): option is string => typeof option === 'string',\n );\n\n const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n const process = (option: OptionShape | GroupShape) => {\n const isGroupOption = isGroup(option);\n\n if (!isGroupOption && isSelected(option)) {\n selectedOptions.push(option);\n }\n\n if (!filterFn(option)) return false;\n\n if (isGroupOption) {\n if (filterGroup) {\n Array.prototype.push.apply(flatOptions, option.options);\n }\n } else {\n flatOptions.push(option);\n }\n\n return true;\n };\n\n options.forEach((option) => {\n if (isGroup(option)) {\n const group: GroupShape = {\n ...option,\n options: [],\n };\n\n option.options.forEach((groupOption) => {\n const matched = process(groupOption);\n\n if (matched) group.options.push(groupOption);\n });\n\n if (group.options.length) {\n filteredOptions.push(group);\n\n return;\n }\n\n if (!filterGroup) return;\n }\n const matched = process(option);\n\n if (matched) filteredOptions.push(option);\n });\n\n return { filteredOptions, flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n /**\n * Количество видимых пунктов\n */\n visibleOptions: number;\n\n /**\n * Реф на контейнер с пунтами меню\n */\n listRef: RefObject<HTMLElement>;\n\n /**\n * Реф на контейнер, которому нужно установить высоту\n */\n styleTargetRef?: RefObject<HTMLElement>;\n\n /**\n * Флаг открытия меню\n */\n open?: boolean;\n\n /**\n * Позволяет вызвать пересчет высоты\n */\n invalidate?: unknown;\n\n /**\n * Список вариантов выбора\n */\n options?: Array<OptionShape | GroupShape>;\n\n /**\n * Максимальный размер варианта выбора\n */\n size?: Extract<OptionsListProps['size'], number>;\n\n /**\n * Учитывать действительное число вариантов выбора\n */\n actualOptionsCount?: boolean;\n};\n\n// copy-paste of original `useVisibleOptions` before https://github.com/core-ds/core-components/pull/1368\nexport function useVirtualVisibleOptions({\n visibleOptions,\n listRef,\n styleTargetRef = listRef,\n open,\n invalidate,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n useEffect(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n const styleTarget = styleTargetRef.current;\n\n if (open && list && styleTarget && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let height = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n height += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n height =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n height += size / 2;\n }\n }\n\n styleTarget.style.height = `${height}px`;\n }\n }, [\n actualOptionsCount,\n listRef,\n open,\n options,\n size,\n styleTargetRef,\n visibleOptions,\n invalidate,\n ]);\n}\n\nexport function useVisibleOptions({\n visibleOptions,\n listRef,\n styleTargetRef = listRef,\n open,\n invalidate,\n options,\n size,\n actualOptionsCount,\n}: useVisibleOptionsArgs) {\n const [, runIfMounted] = useIsMounted();\n const [measured, setMeasured] = useState(false);\n\n useEffect(() => {\n const measureOptionHeight = (element: HTMLElement) =>\n typeof size === 'number' ? Math.min(element.clientHeight, size) : element.clientHeight;\n\n const list = listRef.current;\n const styleTarget = styleTargetRef.current;\n\n if (open && list && styleTarget && visibleOptions > 0) {\n const childCount = list.children.length;\n const optionsNodes = ([] as HTMLElement[]).slice.call(\n list.children,\n 0,\n visibleOptions + 1,\n );\n\n let height = optionsNodes\n .slice(0, visibleOptions)\n .reduce((acc, child) => acc + measureOptionHeight(child), 0);\n\n if (visibleOptions < childCount) {\n const lastVisibleOptionHeight = measureOptionHeight(\n optionsNodes[optionsNodes.length - 1],\n );\n\n // Если кол-во опций больше visibleOptions на 1, то показываем все опции, иначе добавляем половинку\n height += Math.round(\n childCount - visibleOptions === 1\n ? lastVisibleOptionHeight\n : lastVisibleOptionHeight / 2,\n );\n } else if (\n visibleOptions > childCount &&\n actualOptionsCount &&\n typeof size === 'number'\n ) {\n const actualCount = (options ?? []).reduce(\n (sum, option) => sum + 1 + (isGroup(option) ? option.options.length : 0),\n 0,\n );\n\n height =\n Math.min(\n actualCount === 0 ? /** empty placeholder */ 1 : actualCount,\n visibleOptions,\n ) * size;\n\n if (visibleOptions < actualCount) {\n height += size / 2;\n }\n }\n\n const prevHeight = styleTarget.style.height;\n\n styleTarget.style.height = `${height}px`;\n\n setMeasured(true);\n\n return () => {\n styleTarget.style.height = prevHeight;\n runIfMounted(() => setMeasured(false));\n };\n }\n\n return fnUtils.noop;\n }, [\n actualOptionsCount,\n listRef,\n open,\n options,\n size,\n styleTargetRef,\n visibleOptions,\n invalidate,\n runIfMounted,\n ]);\n\n return measured;\n}\n\nexport function defaultFilterFn(optionText: string, search: string) {\n if (!search) return true;\n\n return optionText.toLowerCase().includes(search.toLowerCase());\n}\n\nexport function defaultGroupAccessor(option: GroupShape) {\n return option.label;\n}\n\nexport function defaultAccessor(option: OptionShape) {\n if (typeof option.content === 'string') return option.content;\n if (typeof option.value === 'string') return option.value;\n\n return option.key;\n}\n\n// TODO: перенести\nexport function usePrevious<T>(value: T) {\n const ref = useRef<T>();\n\n useEffect(() => {\n ref.current = value;\n }, [value]);\n\n return ref.current;\n}\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n for (let i = array.length - 1; i >= 0; i--) {\n if (predicate(array[i])) return i;\n }\n\n return -1;\n};\n\nexport function getSelectTestIds(dataTestId: string) {\n return {\n select: dataTestId,\n option: getDataTestId(dataTestId, 'option'),\n optionsList: getDataTestId(dataTestId, 'options-list'),\n clearButton: getDataTestId(dataTestId, 'options-list-clear'),\n applyButton: getDataTestId(dataTestId, 'options-list-apply'),\n field: getDataTestId(dataTestId, 'field'),\n fieldFormControl: getDataTestId(dataTestId, 'field-form-control'),\n fieldLeftAddons: getDataTestId(dataTestId, 'field-form-control-left-addons'),\n fieldRightAddons: getDataTestId(dataTestId, 'field-form-control-right-addons'),\n fieldError: getDataTestId(dataTestId, 'field-form-control-error-message'),\n fieldHint: getDataTestId(dataTestId, 'field-form-control-hint'),\n fieldClearIcon: getDataTestId(dataTestId, 'field-clear-icon'),\n searchInput: getDataTestId(dataTestId, 'search'),\n searchFormControl: getDataTestId(dataTestId, 'search-form-control'),\n searchInner: getDataTestId(dataTestId, 'search-form-control-inner'),\n searchLeftAddons: getDataTestId(dataTestId, 'search-form-control-left-addons'),\n searchRightAddons: getDataTestId(dataTestId, 'search-form-control-right-addons'),\n searchError: getDataTestId(dataTestId, 'search-form-control-error-message'),\n searchHint: getDataTestId(dataTestId, 'search-form-control-hint'),\n\n bottomSheet: getDataTestId(dataTestId, 'bottom-sheet'),\n bottomSheetHeader: getDataTestId(dataTestId, 'bottom-sheet-header'),\n bottomSheetContent: getDataTestId(dataTestId, 'bottom-sheet-content'),\n\n modal: getDataTestId(dataTestId, 'modal'),\n modalHeader: getDataTestId(dataTestId, 'modal-header'),\n modalContent: getDataTestId(dataTestId, 'modal-content'),\n };\n}\n"],"names":[],"mappings":";;;MAca,OAAO,GAAG,CAAC,IAA8B,KAClD,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS;AAE3C,MAAA,aAAa,GAAG,CAAC,IAAiC,KAC3D,CAAC,CAAC,IAAI,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,KAAK;AAEjD,MAAA,WAAW,GAAG,CAAC,EACxB,QAAQ,EACR,gBAAgB,GAInB,KAAI;AACD,IAAA,MAAM,OAAO,GAAG,gBAAgB,KAAK,QAAQ,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC;IAEhE,IAAI,CAAC,OAAO,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;IAEhC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,GAA8B,EAAE,MAAmB,EAAE,KAAa,KAAI;AACzF,QAAA,IAAI,cAAc,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE;AAChC,YAAA,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC;AAC9D;AAAM,aAAA;AACH,YAAA,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;AAC3B;AAED,QAAA,IAAI,KAAK,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;AAAE,YAAA,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;AAE9C,QAAA,OAAO,GAAG;KACb,EAAE,EAAE,CAAC;AACV;AAEA;SACgB,cAAc,CAC1B,OAAmC,EACnC,WAAwC,EAAE,EAC1C,QAA0D,GAAA,MAAM,IAAI,EACpE,WAAW,GAAG,KAAK,EAAA;IAEnB,MAAM,WAAW,GAAkB,EAAE;IACrC,MAAM,eAAe,GAA+B,EAAE;AAEtD,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,QAAQ,GAAG,CAAC,QAAQ,CAAC;IACrE,MAAM,eAAe,GAAG,aAAa,CAAC,MAAM,CAAC,aAAa,CAAC;AAC3D,IAAA,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,CACrC,CAAC,MAAM,KAAuB,OAAO,MAAM,KAAK,QAAQ,CAC3D;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,MAAmB,KAAK,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;AAE7E,IAAA,MAAM,OAAO,GAAG,CAAC,MAAgC,KAAI;AACjD,QAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,CAAC;AAErC,QAAA,IAAI,CAAC,aAAa,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE;AACtC,YAAA,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;AAC/B;AAED,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AAAE,YAAA,OAAO,KAAK;AAEnC,QAAA,IAAI,aAAa,EAAE;AACf,YAAA,IAAI,WAAW,EAAE;AACb,gBAAA,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,CAAC,OAAO,CAAC;AAC1D;AACJ;AAAM,aAAA;AACH,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC;AAC3B;AAED,QAAA,OAAO,IAAI;AACf,KAAC;AAED,IAAA,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,KAAI;AACvB,QAAA,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE;AACjB,YAAA,MAAM,KAAK,GAAe;AACtB,gBAAA,GAAG,MAAM;AACT,gBAAA,OAAO,EAAE,EAAE;aACd;YAED,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,WAAW,KAAI;AACnC,gBAAA,MAAM,OAAO,GAAG,OAAO,CAAC,WAAW,CAAC;AAEpC,gBAAA,IAAI,OAAO;AAAE,oBAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,CAAC;AAChD,aAAC,CAAC;AAEF,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AACtB,gBAAA,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;gBAE3B;AACH;AAED,YAAA,IAAI,CAAC,WAAW;gBAAE;AACrB;AACD,QAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC;AAE/B,QAAA,IAAI,OAAO;AAAE,YAAA,eAAe,CAAC,IAAI,CAAC,MAAM,CAAC;AAC7C,KAAC,CAAC;AAEF,IAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,eAAe,EAAE;AAC5D;AA6CA;AACM,SAAU,wBAAwB,CAAC,EACrC,cAAc,EACd,OAAO,EACP,cAAc,GAAG,OAAO,EACxB,IAAI,EACJ,UAAU,EACV,OAAO,EACP,IAAI,EACJ,kBAAkB,GACE,EAAA;IACpB,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,mBAAmB,GAAG,CAAC,OAAoB,KAC7C,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,YAAY;AAE1F,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;QAE1C,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,IAAI,cAAc,GAAG,CAAC,EAAE;AACnD,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;AACvC,YAAA,MAAM,YAAY,GAAI,EAAoB,CAAC,KAAK,CAAC,IAAI,CACjD,IAAI,CAAC,QAAQ,EACb,CAAC,EACD,cAAc,GAAG,CAAC,CACrB;YAED,IAAI,MAAM,GAAG;AACR,iBAAA,KAAK,CAAC,CAAC,EAAE,cAAc;AACvB,iBAAA,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,GAAG,GAAG,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAEhE,IAAI,cAAc,GAAG,UAAU,EAAE;AAC7B,gBAAA,MAAM,uBAAuB,GAAG,mBAAmB,CAC/C,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CACxC;;gBAGD,MAAM,IAAI,IAAI,CAAC,KAAK,CAChB,UAAU,GAAG,cAAc,KAAK;AAC5B,sBAAE;AACF,sBAAE,uBAAuB,GAAG,CAAC,CACpC;AACJ;iBAAM,IACH,cAAc,GAAG,UAAU;gBAC3B,kBAAkB;gBAClB,OAAO,IAAI,KAAK,QAAQ,EAC1B;AACE,gBAAA,MAAM,WAAW,GAAG,CAAC,OAAO,IAAI,EAAE,EAAE,MAAM,CACtC,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EACxE,CAAC,CACJ;gBAED,MAAM;oBACF,IAAI,CAAC,GAAG,CACJ,WAAW,KAAK,CAAC,4BAA4B,CAAC,GAAG,WAAW,EAC5D,cAAc,CACjB,GAAG,IAAI;gBAEZ,IAAI,cAAc,GAAG,WAAW,EAAE;AAC9B,oBAAA,MAAM,IAAI,IAAI,GAAG,CAAC;AACrB;AACJ;YAED,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,MAAM,IAAI;AAC3C;AACL,KAAC,EAAE;QACC,kBAAkB;QAClB,OAAO;QACP,IAAI;QACJ,OAAO;QACP,IAAI;QACJ,cAAc;QACd,cAAc;QACd,UAAU;AACb,KAAA,CAAC;AACN;AAEM,SAAU,iBAAiB,CAAC,EAC9B,cAAc,EACd,OAAO,EACP,cAAc,GAAG,OAAO,EACxB,IAAI,EACJ,UAAU,EACV,OAAO,EACP,IAAI,EACJ,kBAAkB,GACE,EAAA;AACpB,IAAA,MAAM,GAAG,YAAY,CAAC,GAAG,YAAY,EAAE;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE/C,SAAS,CAAC,MAAK;AACX,QAAA,MAAM,mBAAmB,GAAG,CAAC,OAAoB,KAC7C,OAAO,IAAI,KAAK,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,IAAI,CAAC,GAAG,OAAO,CAAC,YAAY;AAE1F,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO;AAC5B,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;QAE1C,IAAI,IAAI,IAAI,IAAI,IAAI,WAAW,IAAI,cAAc,GAAG,CAAC,EAAE;AACnD,YAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM;AACvC,YAAA,MAAM,YAAY,GAAI,EAAoB,CAAC,KAAK,CAAC,IAAI,CACjD,IAAI,CAAC,QAAQ,EACb,CAAC,EACD,cAAc,GAAG,CAAC,CACrB;YAED,IAAI,MAAM,GAAG;AACR,iBAAA,KAAK,CAAC,CAAC,EAAE,cAAc;AACvB,iBAAA,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,GAAG,GAAG,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;YAEhE,IAAI,cAAc,GAAG,UAAU,EAAE;AAC7B,gBAAA,MAAM,uBAAuB,GAAG,mBAAmB,CAC/C,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CACxC;;gBAGD,MAAM,IAAI,IAAI,CAAC,KAAK,CAChB,UAAU,GAAG,cAAc,KAAK;AAC5B,sBAAE;AACF,sBAAE,uBAAuB,GAAG,CAAC,CACpC;AACJ;iBAAM,IACH,cAAc,GAAG,UAAU;gBAC3B,kBAAkB;gBAClB,OAAO,IAAI,KAAK,QAAQ,EAC1B;AACE,gBAAA,MAAM,WAAW,GAAG,CAAC,OAAO,IAAI,EAAE,EAAE,MAAM,CACtC,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,GAAG,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,EACxE,CAAC,CACJ;gBAED,MAAM;oBACF,IAAI,CAAC,GAAG,CACJ,WAAW,KAAK,CAAC,4BAA4B,CAAC,GAAG,WAAW,EAC5D,cAAc,CACjB,GAAG,IAAI;gBAEZ,IAAI,cAAc,GAAG,WAAW,EAAE;AAC9B,oBAAA,MAAM,IAAI,IAAI,GAAG,CAAC;AACrB;AACJ;AAED,YAAA,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,CAAC,MAAM;YAE3C,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,MAAM,IAAI;YAExC,WAAW,CAAC,IAAI,CAAC;AAEjB,YAAA,OAAO,MAAK;AACR,gBAAA,WAAW,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;gBACrC,YAAY,CAAC,MAAM,WAAW,CAAC,KAAK,CAAC,CAAC;AAC1C,aAAC;AACJ;QAED,OAAO,OAAO,CAAC,IAAI;AACvB,KAAC,EAAE;QACC,kBAAkB;QAClB,OAAO;QACP,IAAI;QACJ,OAAO;QACP,IAAI;QACJ,cAAc;QACd,cAAc;QACd,UAAU;QACV,YAAY;AACf,KAAA,CAAC;AAEF,IAAA,OAAO,QAAQ;AACnB;AAEgB,SAAA,eAAe,CAAC,UAAkB,EAAE,MAAc,EAAA;AAC9D,IAAA,IAAI,CAAC,MAAM;AAAE,QAAA,OAAO,IAAI;AAExB,IAAA,OAAO,UAAU,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;AAClE;AAEM,SAAU,oBAAoB,CAAC,MAAkB,EAAA;IACnD,OAAO,MAAM,CAAC,KAAK;AACvB;AAEM,SAAU,eAAe,CAAC,MAAmB,EAAA;AAC/C,IAAA,IAAI,OAAO,MAAM,CAAC,OAAO,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,OAAO;AAC7D,IAAA,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,QAAQ;QAAE,OAAO,MAAM,CAAC,KAAK;IAEzD,OAAO,MAAM,CAAC,GAAG;AACrB;AAEA;AACM,SAAU,WAAW,CAAI,KAAQ,EAAA;AACnC,IAAA,MAAM,GAAG,GAAG,MAAM,EAAK;IAEvB,SAAS,CAAC,MAAK;AACX,QAAA,GAAG,CAAC,OAAO,GAAG,KAAK;AACvB,KAAC,EAAE,CAAC,KAAK,CAAC,CAAC;IAEX,OAAO,GAAG,CAAC,OAAO;AACtB;AAEA;MACa,WAAW,GAAG,CAAI,KAAU,EAAE,SAA+B,KAAI;AAC1E,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE;AACxC,QAAA,IAAI,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;AAAE,YAAA,OAAO,CAAC;AACpC;IAED,OAAO,EAAE;AACb;AAEM,SAAU,gBAAgB,CAAC,UAAkB,EAAA;IAC/C,OAAO;AACH,QAAA,MAAM,EAAE,UAAU;AAClB,QAAA,MAAM,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAC3C,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AAC5D,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AAC5D,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,oBAAoB,CAAC;AACjE,QAAA,eAAe,EAAE,aAAa,CAAC,UAAU,EAAE,gCAAgC,CAAC;AAC5E,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,iCAAiC,CAAC;AAC9E,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,kCAAkC,CAAC;AACzE,QAAA,SAAS,EAAE,aAAa,CAAC,UAAU,EAAE,yBAAyB,CAAC;AAC/D,QAAA,cAAc,EAAE,aAAa,CAAC,UAAU,EAAE,kBAAkB,CAAC;AAC7D,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,QAAQ,CAAC;AAChD,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,2BAA2B,CAAC;AACnE,QAAA,gBAAgB,EAAE,aAAa,CAAC,UAAU,EAAE,iCAAiC,CAAC;AAC9E,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,kCAAkC,CAAC;AAChF,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,mCAAmC,CAAC;AAC3E,QAAA,UAAU,EAAE,aAAa,CAAC,UAAU,EAAE,0BAA0B,CAAC;AAEjE,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,iBAAiB,EAAE,aAAa,CAAC,UAAU,EAAE,qBAAqB,CAAC;AACnE,QAAA,kBAAkB,EAAE,aAAa,CAAC,UAAU,EAAE,sBAAsB,CAAC;AAErE,QAAA,KAAK,EAAE,aAAa,CAAC,UAAU,EAAE,OAAO,CAAC;AACzC,QAAA,WAAW,EAAE,aAAa,CAAC,UAAU,EAAE,cAAc,CAAC;AACtD,QAAA,YAAY,EAAE,aAAa,CAAC,UAAU,EAAE,eAAe,CAAC;KAC3D;AACL;;;;"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-select",
-    "version": "17.20.13",
+    "version": "17.20.14-snapshot-1393ffa",
     "description": "Select component",
     "keywords": [],
     "license": "MIT",
@@ -16,19 +16,19 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-badge": "^5.6.4",
-        "@alfalab/core-components-base-modal": "^5.9.0",
-        "@alfalab/core-components-bottom-sheet": "^6.18.8",
-        "@alfalab/core-components-button": "^11.11.7",
-        "@alfalab/core-components-checkbox": "^4.9.0",
-        "@alfalab/core-components-form-control": "^12.8.2",
-        "@alfalab/core-components-input": "^15.5.4",
-        "@alfalab/core-components-modal": "^9.9.12",
-        "@alfalab/core-components-mq": "^4.4.1",
-        "@alfalab/core-components-popover": "^6.3.8",
-        "@alfalab/core-components-scrollbar": "^3.2.0",
-        "@alfalab/core-components-skeleton": "^5.3.0",
-        "@alfalab/core-components-shared": "^0.16.0",
+        "@alfalab/core-components-badge": "5.6.5-snapshot-1393ffa",
+        "@alfalab/core-components-base-modal": "6.0.0-snapshot-1393ffa",
+        "@alfalab/core-components-bottom-sheet": "6.18.9-snapshot-1393ffa",
+        "@alfalab/core-components-button": "11.11.8-snapshot-1393ffa",
+        "@alfalab/core-components-checkbox": "4.9.1-snapshot-1393ffa",
+        "@alfalab/core-components-form-control": "12.8.3-snapshot-1393ffa",
+        "@alfalab/core-components-input": "15.5.5-snapshot-1393ffa",
+        "@alfalab/core-components-modal": "9.9.13-snapshot-1393ffa",
+        "@alfalab/core-components-mq": "5.0.0-snapshot-1393ffa",
+        "@alfalab/core-components-popover": "7.0.0-snapshot-1393ffa",
+        "@alfalab/core-components-scrollbar": "3.2.1-snapshot-1393ffa",
+        "@alfalab/core-components-skeleton": "5.3.1-snapshot-1393ffa",
+        "@alfalab/core-components-shared": "0.16.1-snapshot-1393ffa",
         "@alfalab/hooks": "^1.13.1",
         "@alfalab/icons-glyph": "^2.210.0",
         "@juggle/resize-observer": "^3.3.1",
@@ -41,6 +41,6 @@
         "react-virtual": "^2.3.2",
         "tslib": "^2.4.0"
     },
-    "themesVersion": "13.7.2",
-    "varsVersion": "9.20.0"
+    "themesVersion": "14.0.0-snapshot-1393ffa",
+    "varsVersion": "9.20.1-snapshot-1393ffa"
 }

package/presets/index.js CHANGED Viewed

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-var presets_useSelectWithLoading_hook = require('./useSelectWithLoading/hook.js');
-var presets_useLazyLoading_hook = require('./useLazyLoading/hook.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../hook-ced8e8e7.js');
+var hook = require('./useSelectWithLoading/hook.js');
+var hook$1 = require('./useLazyLoading/hook.js');
+var hook$2 = require('./useSelectWithApply/hook.js');
-exports.useSelectWithLoading = presets_useSelectWithLoading_hook.useSelectWithLoading;
-exports.useLazyLoading = presets_useLazyLoading_hook.useLazyLoading;
-exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
-exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
+exports.useSelectWithLoading = hook.useSelectWithLoading;
+exports.useLazyLoading = hook$1.useLazyLoading;
+exports.SELECT_ALL_KEY = hook$2.SELECT_ALL_KEY;
+exports.useSelectWithApply = hook$2.useSelectWithApply;
+//# sourceMappingURL=index.js.map

package/presets/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/presets/useLazyLoading/hook.js CHANGED Viewed

@@ -10,7 +10,11 @@ require('@alfalab/core-components-badge');
 require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
-var components_option_Component_responsive = require('../../components/option/Component.responsive.js');
+require('../../components/checkmark/index.css');
+require('../../components/option/desktop/index.css');
+require('../../components/checkmark-mobile/index.css');
+require('../../components/option/mobile/index.css');
+var Component_responsive = require('../../components/option/Component.responsive.js');
 require('intersection-observer');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -46,7 +50,7 @@ var skeletonStyle = {
     width: '50%',
 };
 function useLazyLoading(_a) {
-    var _b = _a.limit, limit = _b === void 0 ? 10 : _b, _c = _a.initialOffset, initialOffset = _c === void 0 ? 0 : _c, optionsFetcher = _a.optionsFetcher, _d = _a.skeleton, skeleton = _d === void 0 ? React__default.default.createElement(coreComponentsSkeleton.Skeleton, { style: skeletonStyle, visible: true }) : _d, _e = _a.Option, Option = _e === void 0 ? components_option_Component_responsive.OptionResponsive : _e;
+    var _b = _a.limit, limit = _b === void 0 ? 10 : _b, _c = _a.initialOffset, initialOffset = _c === void 0 ? 0 : _c, optionsFetcher = _a.optionsFetcher, _d = _a.skeleton, skeleton = _d === void 0 ? React__default.default.createElement(coreComponentsSkeleton.Skeleton, { style: skeletonStyle, visible: true }) : _d, _e = _a.Option, Option = _e === void 0 ? Component_responsive.OptionResponsive : _e;
     var initialOptions = [];
     var initialLoading = false;
     var lazyLoadingInitialState = {
@@ -213,3 +217,4 @@ function useLazyLoading(_a) {
 }
 exports.useLazyLoading = useLazyLoading;
+//# sourceMappingURL=hook.js.map

package/presets/useLazyLoading/hook.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useLazyLoading/hook.tsx"],"sourcesContent":["import React, { Reducer, useCallback, useEffect, useMemo, useReducer, useRef } from 'react';\n\nimport { InputProps } from '@alfalab/core-components-input';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport { Option as DefaultOption } from '../../components/option';\nimport { OptionProps, 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":";;;;;;;;;;;;;;;;;;;;;;;AAUA,IAAM,gBAAgB,GAAG,GAAG;AAsC5B,IAAM,OAAO,GAAG;AACZ,IAAA,iBAAiB,EAAjB,YAAA;AACI,QAAA,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAW;KAClD;AACD,IAAA,iBAAiB,EAAjB,YAAA;AACI,QAAA,OAAO,EAAE,IAAI,EAAE,qBAAqB,EAAW;KAClD;IACD,mBAAmB,EAAnB,UAAoB,OAAqD,EAAA;QACrE,OAAO,EAAE,IAAI,EAAE,uBAAuB,EAAE,OAAO,EAAA,OAAA,EAAW;KAC7D;IACD,WAAW,EAAX,UAAY,MAAe,EAAA;QACvB,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAW;KAC7D;IACD,cAAc,EAAd,UAAe,EAAU,EAAA;QACrB,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,EAAE,EAAW;KAC5D;AACD,IAAA,KAAK,EAAL,YAAA;AACI,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAW;KACpC;CACJ;AAKD,IAAM,aAAa,GAAwB;AACvC,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,SAAS,EAAE,kBAAkB;AAC7B,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,KAAK,EAAE,KAAK;CACf;AAEK,SAAU,cAAc,CAAC,EAMT,EAAA;AALlB,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,KAAU,EAAV,KAAK,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EACV,EAAiB,GAAA,EAAA,CAAA,aAAA,EAAjB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,CAAC,GAAA,EAAA,EACjB,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,gBAA4D,EAA5D,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAAA,sBAAA,CAAA,aAAA,CAACC,+BAAQ,EAAC,EAAA,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,IAAI,EAAA,CAAI,KAAA,EAC5D,EAAA,GAAA,EAAA,CAAA,MAAsB,EAAtB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAGC,qCAAa,GAAA,EAAA;IAEtB,IAAM,cAAc,GAAkB,EAAE;IACxC,IAAM,cAAc,GAAG,KAAK;AAE5B,IAAA,IAAM,uBAAuB,GAAG;AAC5B,QAAA,MAAM,EAAE,KAAK;AACb,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,gBAAgB,EAAE,KAAK;AACvB,QAAA,WAAW,EAAE,EAAE;KAClB;AAED,IAAA,IAAM,kBAAkB,GAAqD,UACzE,KAAK,EACL,MAAM,EAAA;QAEN,QAAQ,MAAM,CAAC,IAAI;YACf,KAAK,qBAAqB,EAAE;AACxB,gBAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACO,KAAK,CAAA,EAAA,EACR,OAAO,EAAE,IAAI,EACf,CAAA;AACL;YACD,KAAK,qBAAqB,EAAE;AACxB,gBAAA,OAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EACO,KAAK,CAAA,EAAA,EACR,OAAO,EAAE,KAAK,EAChB,CAAA;AACL;YACD,KAAK,uBAAuB,EAAE;gBAC1B,OACOA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,KAAK,KACR,OAAO,EAAAC,mBAAA,CAAAA,mBAAA,CAAA,EAAA,EAAM,KAAK,CAAC,OAAO,EAAK,IAAA,CAAA,EAAA,MAAM,CAAC,OAAO,CAAC,OAAO,EAAA,IAAA,CAAA,EACrD,MAAM,EAAE,KAAK,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,EAC9D,gBAAgB,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,EACzC,OAAO,EAAE,KAAK,EAChB,CAAA;AACL;YACD,KAAK,eAAe,EAAE;AAClB,gBAAA,OAAAD,cAAA,CAAAA,cAAA,CAAA,EAAA,EACO,KAAK,CACR,EAAA,EAAA,MAAM,EAAE,MAAM,CAAC,OAAO,EACxB,CAAA;AACL;YACD,KAAK,kBAAkB,EAAE;AACrB,gBAAA,OAAAA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAEO,uBAAuB,CAC1B,EAAA,EAAA,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,MAAM,CAAC,OAAO,EAC7B,CAAA;AACL;YACD,KAAK,OAAO,EAAE;AACV,gBAAA,OAAAA,cAAA,CAAA,EAAA,EACO,uBAAuB,CAC5B;AACL;AACD,YAAA,SAAS;AACL,gBAAA,OAAO,KAAK;AACf;AACJ;AACL,KAAC;AAEK,IAAA,IAAA,EACF,GAAAE,gBAAU,CAAC,kBAAkB,EAAE,uBAAuB,CAAC,EADpD,EAAmE,GAAA,EAAA,CAAA,CAAA,CAAA,EAAjE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,OAAO,GAAA,EAAA,CAAA,OAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAI,QAAQ,QACzB;AAE3D,IAAA,IAAM,uBAAuB,GAAGC,YAAM,EAAc;IAEpD,IAAM,sBAAsB,GAAGC,iBAAW,CAAC,YAAA;AACvC,QAAA,QAAQ,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;AAErC,QAAA,IAAI,OAAO,CAAyB,UAAC,OAAO,EAAE,MAAM,EAAA;;;AAEhD,YAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,uBAAA,CAAI;AACnC,YAAA,uBAAuB,CAAC,OAAO,GAAG,MAAM;YACxC,cAAc,CAAC,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,EAAA;gBAChD,OAAO,CAAC,GAAG,CAAC;AAChB,aAAC,CAAC;AACN,SAAC;aACI,IAAI,CAAC,UAAC,GAAG,EAAA;YACN,QAAQ,CAAC,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC;AAC1C,YAAA,uBAAuB,CAAC,OAAO,GAAG,SAAS;AAC/C,SAAC;aACA,KAAK;;QAEF,YAAO,GAAC,CACX;KACR,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;AAEhD,IAAA,IAAM,OAAO,GAAGD,YAAM,CAAiB,IAAI,CAAC;AAE5C,IAAAE,eAAS,CAAC,YAAA;;AACN,QAAA,IAAI,QAA8B;AAElC,QAAA,IAAI,MAAM,IAAI,CAAC,OAAO,IAAI,CAAC,gBAAgB,EAAE;AACzC,YAAA,QAAQ,GAAG,IAAI,oBAAoB,CAC/B,UAAC,EAAO,EAAA;AAAN,gBAAA,IAAA,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA;gBACH,IAAI,KAAK,CAAC,cAAc,EAAE;AACtB,oBAAA,IAAI,QAAQ,EAAE;wBACV,QAAQ,CAAC,UAAU,EAAE;AACxB;AACD,oBAAA,sBAAsB,EAAE;AAC3B;AACL,aAAC,EACD;gBACI,IAAI,EAAE,OAAO,CAAC,OAAO;AACxB,aAAA,CACJ;AAED;;;;AAIG;YACH,IAAM,UAAU,GAAG,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,gBAAgB,CAAC,iBAAiB,CAAC;AACvE,YAAA,IAAM,UAAU,GAAG,UAAU,KAAA,IAAA,IAAV,UAAU,KAAV,MAAA,GAAA,MAAA,GAAA,UAAU,CAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;AAEtD,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;AAC/B;AACJ;QAED,OAAO,YAAA;AACH,YAAA,IAAI,QAAQ,EAAE;gBACV,QAAQ,CAAC,UAAU,EAAE;AACxB;AACL,SAAC;AACL,KAAC,EAAE,CAAC,MAAM,EAAE,sBAAsB,EAAE,MAAM,EAAE,gBAAgB,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;AAEtF,IAAA,IAAM,MAAM,GAAGD,iBAAW,CACtB,UAAC,OAA2B,EAAA;;QACxB,IAAI,OAAO,CAAC,IAAI,EAAE;AACd,YAAA,IAAI,OAAO,CAAC,MAAM,KAAK,cAAc,CAAC,MAAM,EAAE;AAC1C,gBAAA,sBAAsB,EAAE;AAC3B;AACJ;AAAM,aAAA;;AAEH,YAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,uBAAA,CAAI;AACnC,YAAA,QAAQ,CAAC,OAAO,CAAC,iBAAiB,EAAE,CAAC;AACxC;AAED,QAAA,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,CAAA,EAAA,GAAA,OAAO,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK,CAAC,CAAC;AACxD,KAAC,EACD,CAAC,cAAc,CAAC,MAAM,EAAE,sBAAsB,EAAE,OAAO,CAAC,MAAM,CAAC,CAClE;AAED,IAAA,IAAM,mBAAmB,GAAGD,YAAM,EAAc;AAChD,IAAA,IAAM,wBAAwB,GAAGA,YAAM,EAAiC;AAExE,IAAAE,eAAS,CAAC,YAAA;AACN,QAAA,mBAAmB,CAAC,OAAO,GAAG,sBAAsB;AACxD,KAAC,EAAE,CAAC,sBAAsB,CAAC,CAAC;AAE5B,IAAA,IAAM,mBAAmB,GAAGD,iBAAW,CACnC,UAAC,CAAC,EAAE,OAAO,EAAA;;QACP,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;;AAG/C;;;AAGG;AACH,QAAA,CAAA,EAAA,GAAA,uBAAuB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,uBAAA,CAAI;AAEnC,QAAA,CAAA,EAAA,GAAA,OAAO,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,QAAQ,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;;QAGrC,IAAI,wBAAwB,CAAC,OAAO,EAAE;AAClC,YAAA,YAAY,CAAC,wBAAwB,CAAC,OAAO,CAAC;AACjD;AACD,QAAA,wBAAwB,CAAC,OAAO,GAAG,UAAU,CAAC,YAAA;;AAC1C;;;;;;AAMG;AACH,YAAA,CAAA,EAAA,GAAA,mBAAmB,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,CAAA,mBAAA,CAAI;SAClC,EAAE,gBAAgB,CAAC;;KAEvB,EACD,EAAE,CACL;AAED,IAAA,IAAM,YAAY,GAAG,UAAC,KAAkB,EAAK,EAAA,QACzCP,sBAAA,CAAA,aAAA,CAAC,MAAM,EAAAG,cAAA,CAAA,EAAA,EAAK,KAAK,EAAA,EAAE,WAAW,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC,WAAW,EAAA,CAAA,CAAI,EAC1E,EAAA;IAED,IAAM,eAAe,GAAkBM,aAAO,CAC1C,YAAA;QACI,OAAA,KAAK,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC;aACpB,IAAI,CAAC,CAAC;AACN,aAAA,GAAG,CAAC,UAAC,CAAC,EAAE,GAAG,EAAA,EAAK,QAAC;YACd,GAAG,EAAE,UAAW,CAAA,MAAA,CAAA,GAAG,CAAE;AACrB,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,OAAO,EAAE,QAAQ;SACpB,EAAC,EAAA,CAAC;KAAA,EACX,CAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC,CAC7B;IAED,IAAM,KAAK,GAAGF,iBAAW,CAAC,YAAA;AACtB,QAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;KAC5B,EAAE,EAAE,CAAC;IAEN,OAAO;AACH,QAAA,YAAY,EAAE;AACV,YAAA,MAAM,EAAE,YAAY;AACpB,YAAA,OAAO,EAAMH,mBAAA,CAAAA,mBAAA,CAAA,EAAA,EAAA,OAAO,EAAK,IAAA,CAAA,EAAA,eAAe,EAAC,IAAA,CAAA;AACzC,YAAA,gBAAgB,EAAE;AACd,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,UAAU,EAAE;AACR,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,KAAK,EAAE,WAAW;AACrB,iBAAA;AACJ,aAAA;AACD,YAAA,MAAM,EAAA,MAAA;AACT,SAAA;AACD,QAAA,KAAK,EAAA,KAAA;KACR;AACL;;;;"}

package/presets/useSelectWithApply/hook.js CHANGED Viewed

@@ -2,13 +2,133 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-require('tslib');
-require('react');
-require('react-fast-compare');
-require('../../utils.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../hook-ced8e8e7.js');
+var tslib = require('tslib');
+var React = require('react');
+var reactFastCompare = require('react-fast-compare');
+var utils = require('../../utils.js');
+var Component = require('./options-list-with-apply/Component.js');
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+var reactFastCompare__default = /*#__PURE__*/_interopDefaultCompat(reactFastCompare);
-exports.SELECT_ALL_KEY = presets_useSelectWithApply_optionsListWithApply_Component.SELECT_ALL_KEY;
-exports.useSelectWithApply = presets_useSelectWithApply_optionsListWithApply_Component.useSelectWithApply;
+var SELECT_ALL_KEY = 'select_all';
+var selectAllOption = { key: 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;
+    var _m = React.useState(''), searchState = _m[0], setSearchState = _m[1];
+    var _o = typeof (searchProps === null || searchProps === void 0 ? void 0 : searchProps.value) === 'string'
+        ? [searchProps.value, searchProps.onChange]
+        : [searchState, setSearchState], search = _o[0], setSearch = _o[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 _p = React.useMemo(function () {
+        return utils.processOptions(options, selected, showSearch
+            ? function (option) {
+                if (utils.isGroup(option)) {
+                    var groupAccessorValue = groupAccessor(option);
+                    return (typeof groupAccessorValue === 'string' &&
+                        filterFn(groupAccessorValue, search));
+                }
+                return filterFn(accessor(option), search);
+            }
+            : undefined, filterGroup);
+    }, [options, selected, showSearch, filterGroup, filterFn, accessor, search, groupAccessor]), flatOptions = _p.flatOptions, filteredOptions = _p.filteredOptions, selectedOptions = _p.selectedOptions;
+    var _q = React.useState(selectedOptions), selectedDraft = _q[0], setSelectedDraft = _q[1];
+    var selectedOptionsRef = React.useRef(selectedOptions);
+    var handleApply = function () {
+        onChange({
+            selected: selectedDraft[0],
+            selectedMultiple: selectedDraft,
+            initiator: null,
+            name: 'apply-footer',
+        });
+    };
+    var handleClear = function () {
+        setSelectedDraft([]);
+        onChange({
+            selected: null,
+            selectedMultiple: [],
+            initiator: null,
+            name: 'reset-footer',
+        });
+    };
+    var handleToggleAll = function () {
+        var optionsToSet = flatOptions.length === selectedDraft.length ? [] : flatOptions;
+        onSelectAllClick(optionsToSet);
+        setSelectedDraft(optionsToSet);
+    };
+    var selectedKeys = React.useMemo(function () { return selectedDraft.map(function (_a) {
+        var key = _a.key;
+        return key;
+    }); }, [selectedDraft]);
+    var handleChange = function (_a) {
+        var initiator = _a.initiator, restArgs = tslib.__rest(_a, ["initiator"]);
+        if (!initiator) {
+            onChange(tslib.__assign({ initiator: null }, restArgs));
+            return;
+        }
+        var initiatorSelected = selectedDraft.some(function (selectedDraftOption) { return selectedDraftOption.key === initiator.key; }) ||
+            (initiator.key === SELECT_ALL_KEY &&
+                (selectedDraft.length === flatOptions.length ||
+                    flatOptions.every(function (_a) {
+                        var key = _a.key;
+                        return selectedKeys.includes(key);
+                    })));
+        if (initiator.key === SELECT_ALL_KEY) {
+            setSelectedDraft(initiatorSelected ? [] : flatOptions);
+        }
+        else {
+            setSelectedDraft(initiatorSelected
+                ? selectedDraft.filter(function (o) { return o.key !== initiator.key; })
+                : selectedDraft.concat(initiator));
+        }
+    };
+    var handleClose = function () { return setSelectedDraft(selectedOptionsRef.current); };
+    React.useEffect(function () {
+        // устанавливать selectedDraft если selectedOptions изменились
+        if (!reactFastCompare__default.default(selectedOptionsRef.current, selectedOptions)) {
+            setSelectedDraft(selectedOptions);
+        }
+        selectedOptionsRef.current = selectedOptions;
+    }, [selectedOptions]);
+    var memoizedOptions = React.useMemo(function () {
+        return filteredOptions.length && showSelectAll
+            ? tslib.__spreadArray([selectAllOption], filteredOptions, true) : filteredOptions;
+    }, [filteredOptions, showSelectAll]);
+    return {
+        OptionsList: Component.OptionsListWithApply,
+        optionsListProps: tslib.__assign(tslib.__assign({}, optionsListProps), { OptionsList: OptionsList, showClear: showClear, onClear: handleClear, onApply: handleApply, onClose: handleClose, selectedDraft: selectedDraft, setSelectedDraft: setSelectedDraft, showHeaderWithSelectAll: showHeaderWithSelectAll, headerProps: tslib.__assign(tslib.__assign({}, optionsListProps === null || optionsListProps === void 0 ? void 0 : optionsListProps.headerProps), { indeterminate: selectedDraft.length > 0, checked: selectedDraft.length === flatOptions.length ||
+                    flatOptions.every(function (_a) {
+                        var key = _a.key;
+                        return selectedKeys.includes(key);
+                    }), onChange: handleToggleAll }) }),
+        multiple: true,
+        options: memoizedOptions,
+        onChange: handleChange,
+        selected: selected,
+        showSearch: showSearch,
+        searchProps: showSearch
+            ? tslib.__assign(tslib.__assign({}, searchProps), { value: search, onChange: setSearch }) : undefined,
+        /* Костыль для респонсив селекта. В мобильную версию хук уже зашит, и это единственный передать в мобилку оригинальные пропсы */
+        originalProps: {
+            options: options,
+            selected: selected,
+            onChange: onChange,
+            OptionsList: OptionsList,
+            optionsListProps: optionsListProps,
+            showClear: showClear,
+            showSelectAll: showSelectAll,
+            showHeaderWithSelectAll: showHeaderWithSelectAll,
+            showSearch: showSearch,
+            searchProps: searchProps,
+        },
+    };
+}
+exports.SELECT_ALL_KEY = SELECT_ALL_KEY;
+exports.useSelectWithApply = useSelectWithApply;
+//# sourceMappingURL=hook.js.map

package/presets/useSelectWithApply/hook.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hook.js","sources":["../../../src/presets/useSelectWithApply/hook.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport reactFastCompare from 'react-fast-compare';\n\nimport type { AnyObject, BaseSelectProps, 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\nexport const SELECT_ALL_KEY = 'select_all';\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}: 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: 'apply-footer',\n });\n };\n\n const handleClear = () => {\n setSelectedDraft([]);\n onChange({\n selected: null,\n selectedMultiple: [],\n initiator: null,\n name: 'reset-footer',\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 },\n };\n}\n"],"names":["useState","defaultAccessor","defaultFilterFn","defaultGroupAccessor","useMemo","processOptions","isGroup","useRef","__rest","useEffect","reactFastCompare","OptionsListWithApply","__assign"],"mappings":";;;;;;;;;;;;;;AAuEO,IAAM,cAAc,GAAG;AAE9B,IAAM,eAAe,GAAG,EAAE,GAAG,EAAE,cAAc,EAAE,OAAO,EAAE,aAAa,EAAE;AAEjE,SAAU,kBAAkB,CAAC,EAYT,EAAA;;AAXtB,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAqB,GAAA,EAAA,CAAA,QAAA,EAArB,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,YAAM,EAAA,OAAA,IAAI,CAAA,EAAA,GAAA,EAAA,EACrB,EAA6B,GAAA,EAAA,CAAA,gBAAA,EAA7B,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,YAAM,EAAA,OAAA,IAAI,CAAJ,EAAI,GAAA,EAAA,EAC7B,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,EAAqB,GAAA,EAAA,CAAA,gBAAA,EAArB,gBAAgB,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EACrB,EAAgB,GAAA,EAAA,CAAA,SAAA,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,EAAqB,GAAA,EAAA,CAAA,aAAA,EAArB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACrB,EAA+B,GAAA,EAAA,CAAA,uBAAA,EAA/B,uBAAuB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAC/B,EAAA,GAAA,EAAA,CAAA,UAAkB,EAAlB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EAClB,EAAgB,GAAA,EAAA,CAAA,WAAA,EAAhB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA;IAEV,IAAA,EAAA,GAAgCA,cAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,cAAc,GAAA,EAAA,CAAA,CAAA,CAAgB;AAE5C,IAAA,IAAA,EACF,GAAA,QAAO,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,MAAA,GAAA,MAAA,GAAA,WAAW,CAAE,KAAK,CAAA,KAAK;UACxB,CAAC,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ;AAC1C,UAAE,CAAC,WAAW,EAAE,cAAc,CAAC,EAHhC,MAAM,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,SAAS,GAAA,EAAA,CAAA,CAAA,CAGe;AAEvC,IAAA,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAIC,qBAAe;AACxD,IAAA,IAAM,QAAQ,GAAG,WAAW,CAAC,QAAQ,IAAIC,qBAAe;IACxD,IAAM,aAAa,GAAG,CAAA,EAAA,GAAA,WAAW,CAAC,aAAa,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAIC,0BAAoB;IACvE,IAAM,WAAW,GAAG,CAAA,EAAA,GAAA,WAAW,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,KAAK;IAE9C,IAAA,EAAA,GAAoDC,aAAO,CAC7D,YAAA;AACI,QAAA,OAAAC,oBAAc,CACV,OAAO,EACP,QAAQ,EACR;cACM,UAAC,MAAM,EAAA;AACH,gBAAA,IAAIC,aAAO,CAAC,MAAM,CAAC,EAAE;AACjB,oBAAA,IAAM,kBAAkB,GAAG,aAAa,CAAC,MAAM,CAAC;AAEhD,oBAAA,QACI,OAAO,kBAAkB,KAAK,QAAQ;AACtC,wBAAA,QAAQ,CAAC,kBAAkB,EAAE,MAAM,CAAC;AAE3C;gBAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;;AAE/C,cAAE,SAAS,EACf,WAAW,CACd;AAlBD,KAkBC,EACL,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAa,CAAC,CAC1F,EAtBO,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAAA,EAAE,eAAe,GAAA,EAAA,CAAA,eAsBpD;IAEK,IAAA,EAAA,GAAoCN,cAAQ,CAAgB,eAAe,CAAC,EAA3E,aAAa,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,gBAAgB,GAAA,EAAA,CAAA,CAAA,CAA4C;AAElF,IAAA,IAAM,kBAAkB,GAAGO,YAAM,CAAgB,eAAe,CAAC;AAEjE,IAAA,IAAM,WAAW,GAAG,YAAA;AAChB,QAAA,QAAQ,CAAC;AACL,YAAA,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAC;AAC1B,YAAA,gBAAgB,EAAE,aAAa;AAC/B,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,cAAc;AACvB,SAAA,CAAC;AACN,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,gBAAgB,CAAC,EAAE,CAAC;AACpB,QAAA,QAAQ,CAAC;AACL,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,gBAAgB,EAAE,EAAE;AACpB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,IAAI,EAAE,cAAc;AACvB,SAAA,CAAC;AACN,KAAC;AAED,IAAA,IAAM,eAAe,GAAG,YAAA;AACpB,QAAA,IAAM,YAAY,GAAG,WAAW,CAAC,MAAM,KAAK,aAAa,CAAC,MAAM,GAAG,EAAE,GAAG,WAAW;QAEnF,gBAAgB,CAAC,YAAY,CAAC;QAC9B,gBAAgB,CAAC,YAAY,CAAC;AAClC,KAAC;IAED,IAAM,YAAY,GAAGH,aAAO,CAAC,YAAA,EAAM,OAAA,aAAa,CAAC,GAAG,CAAC,UAAC,EAAO,EAAA;AAAL,QAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,QAAA,OAAA,GAAG;KAAA,CAAC,GAAA,EAAE,CAAC,aAAa,CAAC,CAAC;IAExF,IAAM,YAAY,GAA0C,UAAC,EAA0B,EAAA;AAAxB,QAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,QAAQ,GAAAI,YAAA,CAAA,EAAA,EAAxB,aAA0B,CAAF;QACjF,IAAI,CAAC,SAAS,EAAE;AACZ,YAAA,QAAQ,kBACJ,SAAS,EAAE,IAAI,EACZ,EAAA,QAAQ,EACb;YAEF;AACH;AAED,QAAA,IAAM,iBAAiB,GACnB,aAAa,CAAC,IAAI,CACd,UAAC,mBAAmB,EAAA,EAAK,OAAA,mBAAmB,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAA,EAAA,CACrE;AACD,aAAC,SAAS,CAAC,GAAG,KAAK,cAAc;AAC7B,iBAAC,aAAa,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM;AACxC,oBAAA,WAAW,CAAC,KAAK,CAAC,UAAC,EAAO,EAAA;AAAL,wBAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,wBAAA,OAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;qBAAA,CAAC,CAAC,CAAC;AAExE,QAAA,IAAI,SAAS,CAAC,GAAG,KAAK,cAAc,EAAE;YAClC,gBAAgB,CAAC,iBAAiB,GAAG,EAAE,GAAG,WAAW,CAAC;AACzD;AAAM,aAAA;AACH,YAAA,gBAAgB,CACZ;AACI,kBAAE,aAAa,CAAC,MAAM,CAAC,UAAC,CAAC,EAAK,EAAA,OAAA,CAAC,CAAC,GAAG,KAAK,SAAS,CAAC,GAAG,CAAA,EAAA;kBACnD,aAAa,CAAC,MAAM,CAAC,SAAS,CAAC,CACxC;AACJ;AACL,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAM,EAAA,OAAA,gBAAgB,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAA5C,EAA4C;AAEtE,IAAAC,eAAS,CAAC,YAAA;;QAEN,IAAI,CAACC,iCAAgB,CAAC,kBAAkB,CAAC,OAAO,EAAE,eAAe,CAAC,EAAE;YAChE,gBAAgB,CAAC,eAAe,CAAC;AACpC;AACD,QAAA,kBAAkB,CAAC,OAAO,GAAG,eAAe;AAChD,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC;IAErB,IAAM,eAAe,GAAGN,aAAO,CAC3B,YAAA;AACI,QAAA,OAAA,eAAe,CAAC,MAAM,IAAI;AACtB,mCAAG,eAAe,CAAA,EAAK,eAAe,EACtC,IAAA,CAAA,GAAE,eAAe;AAFrB,KAEqB,EACzB,CAAC,eAAe,EAAE,aAAa,CAAC,CACnC;IAED,OAAO;AACH,QAAA,WAAW,EAAEO,8BAAoB;QACjC,gBAAgB,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACR,gBAA8B,CAAA,EAAA,EAClC,WAAW,EAAA,WAAA,EACX,SAAS,EAAA,SAAA,EACT,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,WAAW,EACpB,aAAa,EAAA,aAAA,EACb,gBAAgB,EAAA,gBAAA,EAChB,uBAAuB,yBAAA,EACvB,WAAW,EACHA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,gBAA8B,KAA9B,IAAA,IAAA,gBAAgB,KAAhB,MAAA,GAAA,MAAA,GAAA,gBAAgB,CAAgB,WAAW,CAC/C,EAAA,EAAA,aAAa,EAAE,aAAa,CAAC,MAAM,GAAG,CAAC,EACvC,OAAO,EACH,aAAa,CAAC,MAAM,KAAK,WAAW,CAAC,MAAM;AAC3C,oBAAA,WAAW,CAAC,KAAK,CAAC,UAAC,EAAO,EAAA;AAAL,wBAAA,IAAA,GAAG,GAAA,EAAA,CAAA,GAAA;AAAO,wBAAA,OAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC;AAA1B,qBAA0B,CAAC,EAC9D,QAAQ,EAAE,eAAe,EAEhC,CAAA,EAAA,CAAA;AACD,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,OAAO,EAAE,eAAe;AACxB,QAAA,QAAQ,EAAE,YAAY;AACtB,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,UAAU,EAAA,UAAA;AACV,QAAA,WAAW,EAAE;AACT,cACSA,cAAA,CAAAA,cAAA,CAAA,EAAA,EAAA,WAAW,CACd,EAAA,EAAA,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,SAAS,EAEzB,CAAA,GAAE,SAAS;;AAEf,QAAA,aAAa,EAAE;AACX,YAAA,OAAO,EAAA,OAAA;AACP,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,QAAQ,EAAA,QAAA;AACR,YAAA,WAAW,EAAA,WAAA;AACX,YAAA,gBAAgB,EAAA,gBAAA;AAChB,YAAA,SAAS,EAAA,SAAA;AACT,YAAA,aAAa,EAAA,aAAA;AACb,YAAA,uBAAuB,EAAA,uBAAA;AACvB,YAAA,UAAU,EAAA,UAAA;AACV,YAAA,WAAW,EAAA,WAAA;AACd,SAAA;KACJ;AACL;;;;;"}

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

@@ -2,14 +2,60 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-require('tslib');
-require('react');
-require('../../../components/options-list/Component.js');
-require('../../../consts.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../hook-ced8e8e7.js');
-require('./footer/Component.js');
-require('./header/Component.js');
+var tslib = require('tslib');
+var React = require('react');
+var Component = require('../../../components/options-list/Component.js');
+var consts = require('../../../consts.js');
+var hook = require('../hook.js');
+var Component$1 = require('./footer/Component.js');
+var Component$2 = require('./header/Component.js');
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-exports.OptionsListWithApply = presets_useSelectWithApply_optionsListWithApply_Component.OptionsListWithApply;
+var OptionsListWithApply = React.forwardRef(function (_a, ref) {
+    var toggleMenu = _a.toggleMenu, defaultGetOptionProps = _a.getOptionProps, _b = _a.showClear, showClear = _b === void 0 ? true : _b, showHeaderWithSelectAll = _a.showHeaderWithSelectAll, _c = _a.selectedDraft, selectedDraft = _c === void 0 ? [] : _c, _d = _a.flatOptions, flatOptions = _d === void 0 ? [] : _d, _e = _a.OptionsList, OptionsList = _e === void 0 ? Component.OptionsList : _e, _f = _a.onApply, onApply = _f === void 0 ? function () { return null; } : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.onClose, onClose = _h === void 0 ? function () { return null; } : _h, _j = _a.visibleOptions, visibleOptions = _j === void 0 ? consts.DEFAULT_VISIBLE_OPTIONS : _j, _k = _a.Footer, Footer = _k === void 0 ? Component$1.Footer : _k, _l = _a.Header, Header = _l === void 0 ? Component$2.Header : _l, header = _a.header, headerProps = _a.headerProps, setSelectedDraft = _a.setSelectedDraft, restProps = tslib.__rest(_a, ["toggleMenu", "getOptionProps", "showClear", "showHeaderWithSelectAll", "selectedDraft", "flatOptions", "OptionsList", "onApply", "onClear", "onClose", "visibleOptions", "Footer", "Header", "header", "headerProps", "setSelectedDraft"]);
+    var getOptionProps = React.useCallback(function (option, index) {
+        var optionProps = defaultGetOptionProps(option, index);
+        var selected = option.key === hook.SELECT_ALL_KEY
+            ? selectedDraft.length === flatOptions.length - 1
+            : selectedDraft.some(function (_a) {
+                var key = _a.key;
+                return key === option.key;
+            });
+        return tslib.__assign(tslib.__assign({}, optionProps), { selected: selected });
+    }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
+    var handleApply = React.useCallback(function () {
+        onApply();
+        toggleMenu();
+    }, [onApply, toggleMenu]);
+    var handleClear = React.useCallback(function () {
+        onClear();
+        toggleMenu();
+    }, [onClear, toggleMenu]);
+    var handleSelectedItems = React.useCallback(function (items) {
+        setSelectedDraft === null || setSelectedDraft === void 0 ? void 0 : setSelectedDraft(items);
+    }, [setSelectedDraft]);
+    React.useEffect(function () {
+        var activeElement = document.activeElement;
+        return function () {
+            onClose();
+            if (activeElement) {
+                activeElement.focus();
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var renderHeader = function () {
+        if (!showHeaderWithSelectAll && !header)
+            return undefined;
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            header,
+            showHeaderWithSelectAll && flatOptions.length > 0 && (React__default.default.createElement(Header, tslib.__assign({}, headerProps)))));
+    };
+    return (React__default.default.createElement(OptionsList, tslib.__assign({}, restProps, { ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, header: renderHeader(), selectedItems: selectedDraft, setSelectedItems: handleSelectedItems, footer: React__default.default.createElement(Footer, { handleApply: handleApply, handleClear: handleClear, showClear: showClear, selectedDraft: selectedDraft, dataTestId: restProps === null || restProps === void 0 ? void 0 : restProps.dataTestId }) })));
+});
+exports.OptionsListWithApply = OptionsListWithApply;
+//# sourceMappingURL=Component.js.map

package/presets/useSelectWithApply/options-list-with-apply/Component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Component.js","sources":["../../../../src/presets/useSelectWithApply/options-list-with-apply/Component.tsx"],"sourcesContent":["import React, { FC, forwardRef, RefAttributes, useCallback, useEffect } from 'react';\n\nimport { OptionsList as DefaultOptionsList } from '../../../components/options-list';\nimport { DEFAULT_VISIBLE_OPTIONS } from '../../../consts';\nimport { OptionShape, OptionsListProps } from '../../../typings';\nimport { SELECT_ALL_KEY } from '../hook';\n\nimport { Footer as DefaultFooter, FooterProps } from './footer/Component';\nimport { Header as DefaultHeader, HeaderProps } from './header/Component';\n\ntype OptionsListWithApplyProps = OptionsListProps & {\n showClear?: boolean;\n onClose?: () => void;\n selectedDraft?: OptionShape[];\n OptionsList?: React.FC<OptionsListProps & RefAttributes<HTMLDivElement>>;\n Footer?: FC<FooterProps>;\n Header?: FC<HeaderProps>;\n headerProps?: HeaderProps;\n showHeaderWithSelectAll?: boolean;\n setSelectedDraft?: (selectedDraft: OptionShape[]) => void;\n};\n\nexport const OptionsListWithApply = forwardRef<HTMLDivElement, OptionsListWithApplyProps>(\n (\n {\n toggleMenu,\n getOptionProps: defaultGetOptionProps,\n showClear = true,\n showHeaderWithSelectAll,\n selectedDraft = [],\n flatOptions = [],\n OptionsList = DefaultOptionsList,\n onApply = () => null,\n onClear = () => null,\n onClose = () => null,\n visibleOptions = DEFAULT_VISIBLE_OPTIONS,\n Footer = DefaultFooter,\n Header = DefaultHeader,\n header,\n headerProps,\n setSelectedDraft,\n ...restProps\n }: OptionsListWithApplyProps,\n ref,\n ) => {\n const getOptionProps = useCallback(\n (option: OptionShape, index: number) => {\n const optionProps = defaultGetOptionProps(option, index);\n\n const selected =\n option.key === SELECT_ALL_KEY\n ? selectedDraft.length === flatOptions.length - 1\n : selectedDraft.some(({ key }) => key === option.key);\n\n return {\n ...optionProps,\n selected,\n };\n },\n [defaultGetOptionProps, flatOptions.length, selectedDraft],\n );\n\n const handleApply = useCallback(() => {\n onApply();\n\n toggleMenu();\n }, [onApply, toggleMenu]);\n\n const handleClear = useCallback(() => {\n onClear();\n\n toggleMenu();\n }, [onClear, toggleMenu]);\n\n const handleSelectedItems = useCallback(\n (items: OptionShape[]) => {\n setSelectedDraft?.(items);\n },\n [setSelectedDraft],\n );\n\n useEffect(() => {\n const activeElement = document.activeElement as HTMLElement;\n\n return () => {\n onClose();\n if (activeElement) {\n activeElement.focus();\n }\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n const renderHeader = () => {\n if (!showHeaderWithSelectAll && !header) return undefined;\n\n return (\n <React.Fragment>\n {header}\n {showHeaderWithSelectAll && flatOptions.length > 0 && (\n <Header {...headerProps} />\n )}\n </React.Fragment>\n );\n };\n\n return (\n <OptionsList\n {...restProps}\n ref={ref}\n visibleOptions={visibleOptions}\n toggleMenu={toggleMenu}\n flatOptions={flatOptions}\n getOptionProps={getOptionProps}\n onApply={handleApply}\n onClear={handleClear}\n header={renderHeader()}\n selectedItems={selectedDraft}\n setSelectedItems={handleSelectedItems}\n footer={\n <Footer\n handleApply={handleApply}\n handleClear={handleClear}\n showClear={showClear}\n selectedDraft={selectedDraft}\n dataTestId={restProps?.dataTestId}\n />\n }\n />\n );\n },\n);\n"],"names":["forwardRef","DefaultOptionsList","DEFAULT_VISIBLE_OPTIONS","DefaultFooter","DefaultHeader","__rest","useCallback","SELECT_ALL_KEY","__assign","useEffect","React"],"mappings":"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"}

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

@@ -5,21 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var desktop = require('@alfalab/core-components-button/desktop');
 var coreComponentsShared = require('@alfalab/core-components-shared');
+var index_module = require('./index.module.css.js');
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var styles = {"footer":"select__footer_11gjc","button":"select__button_11gjc"};
-require('./index.css')
 var Footer = function (_a) {
     var handleApply = _a.handleApply, handleClear = _a.handleClear, showClear = _a.showClear, _b = _a.selectedDraft, selectedDraft = _b === void 0 ? [] : _b, dataTestId = _a.dataTestId;
     return (React__default.default.createElement("div", {
         // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
-        tabIndex: 0, className: styles.footer },
-        React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply'), className: styles.button }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
-        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear'), className: styles.button }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
+        tabIndex: 0, className: index_module.footer },
+        React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'primary', onClick: handleApply, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'apply'), className: index_module.button }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
+        showClear && selectedDraft.length > 0 && (React__default.default.createElement(desktop.ButtonDesktop, { size: 32, view: 'secondary', onClick: handleClear, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'clear'), className: index_module.button }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))));
 };
 exports.Footer = Footer;
+//# sourceMappingURL=Component.js.map

package/presets/useSelectWithApply/options-list-with-apply/footer/Component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Component.js","sources":["../../../../../src/presets/useSelectWithApply/options-list-with-apply/footer/Component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { OptionShape } from '../../../../typings';\n\nimport styles from './index.module.css';\n\nexport type FooterProps = {\n handleClear?: () => void;\n handleApply?: () => void;\n showClear?: boolean;\n selectedDraft?: OptionShape[];\n dataTestId?: string;\n};\n\nexport const Footer = ({\n handleApply,\n handleClear,\n showClear,\n selectedDraft = [],\n dataTestId,\n}: FooterProps) => (\n <div\n // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n tabIndex={0}\n className={styles.footer}\n >\n <ButtonDesktop\n size={32}\n view='primary'\n onClick={handleApply}\n dataTestId={getDataTestId(dataTestId, 'apply')}\n className={styles.button}\n >\n Применить\n </ButtonDesktop>\n\n {showClear && selectedDraft.length > 0 && (\n <ButtonDesktop\n size={32}\n view='secondary'\n onClick={handleClear}\n dataTestId={getDataTestId(dataTestId, 'clear')}\n className={styles.button}\n >\n Сбросить\n </ButtonDesktop>\n )}\n </div>\n);\n"],"names":["React","styles","ButtonDesktop","getDataTestId"],"mappings":";;;;;;;;;;;;;AAiBO,IAAM,MAAM,GAAG,UAAC,EAMT,EAAA;AALV,IAAA,IAAA,WAAW,iBAAA,EACX,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,EAAkB,GAAA,EAAA,CAAA,aAAA,EAAlB,aAAa,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA;AACK,IAAA,QACfA,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;;AAEI,QAAA,QAAQ,EAAE,CAAC,EACX,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAA;AAExB,QAAAD,sBAAA,CAAA,aAAA,CAACE,qBAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,WAAW,EACpB,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAEF,YAAM,CAAC,MAAM,EAGZ,EAAA,wDAAA,CAAA;AAEf,QAAA,SAAS,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,KAClCD,sBAAA,CAAA,aAAA,CAACE,qBAAa,EAAA,EACV,IAAI,EAAE,EAAE,EACR,IAAI,EAAC,WAAW,EAChB,OAAO,EAAE,WAAW,EACpB,UAAU,EAAEC,kCAAa,CAAC,UAAU,EAAE,OAAO,CAAC,EAC9C,SAAS,EAAEF,YAAM,CAAC,MAAM,EAGZ,EAAA,kDAAA,CAAA,CACnB,CACC;AA3BS;;;;"}