@cloud-ru/uikit-product-mobile-chips 0.8.36 → 0.8.38

package/dist/cjs/components/MobileChipChoice/constants.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_LOCALE = exports.CHIP_CHOICE_TYPE = exports.BUTTON_CLEAR_VALUE_SIZE_MAP = void 0;
+const constants_1 = require("../../constants");
+exports.BUTTON_CLEAR_VALUE_SIZE_MAP = {
+    [constants_1.SIZE.Xs]: constants_1.BUTTON_SIZE.Xxs,
+    [constants_1.SIZE.S]: constants_1.BUTTON_SIZE.Xs,
+    [constants_1.SIZE.M]: constants_1.BUTTON_SIZE.Xs,
+    [constants_1.SIZE.L]: constants_1.BUTTON_SIZE.Xs,
+};
+exports.CHIP_CHOICE_TYPE = {
+    Multiple: 'multiple',
+    Date: 'date',
+    DateTime: 'date-time',
+    DateRange: 'date-range',
+    Single: 'single',
+    Custom: 'custom',
+    Time: 'time',
+};
+exports.DEFAULT_LOCALE = new Intl.Locale('ru-RU');

package/dist/cjs/components/MobileChipChoice/hooks.d.ts

@@ -0,0 +1,23 @@
+import { KeyboardEvent, KeyboardEventHandler } from 'react';
+import { MobileDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { AccordionOption, BaseOption, ContentRenderProps, FilterOption, NestListOption } from './types';
+type UseHandleOnKeyDownProps = {
+    setOpen(open: boolean): void;
+};
+export declare function useHandleOnKeyDown({ setOpen }: UseHandleOnKeyDownProps): (onKeyDown?: KeyboardEventHandler<HTMLElement>) => (e: KeyboardEvent<HTMLDivElement>) => void;
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
+export declare function useOptionSearch<T extends ContentRenderProps = ContentRenderProps>({ options, flatMapOptions, minSearchInputLength, disableFuzzySearch, }: {
+    options: FilterOption<T>[];
+    flatMapOptions: (BaseOption<T> | AccordionOption<T> | NestListOption<T>)[];
+    minSearchInputLength?: number;
+    disableFuzzySearch?: boolean;
+}): (search: string) => FilterOption<T>[];
+type UseAutoApplyProps = {
+    autoApply: boolean;
+    onApprove(): void;
+    onCancel(): void;
+};
+export declare function useAutoApplyFooter({ autoApply, onApprove, onCancel, }: UseAutoApplyProps): MobileDroplistProps['footer'];
+export {};

package/dist/cjs/components/MobileChipChoice/hooks.js

@@ -0,0 +1,69 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useHandleOnKeyDown = useHandleOnKeyDown;
+exports.useOptionSearch = useOptionSearch;
+exports.useAutoApplyFooter = useAutoApplyFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const fuzzy_search_1 = __importDefault(require("fuzzy-search"));
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const constants_1 = require("../../constants");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function useHandleOnKeyDown({ setOpen }) {
+    return (0, react_1.useCallback)((onKeyDown) => (e) => {
+        if (e.code === 'Space') {
+            e.stopPropagation();
+        }
+        else {
+            onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
+        }
+        if (['ArrowDown'].includes(e.key)) {
+            e.preventDefault();
+            setOpen(true);
+        }
+        if (['ArrowUp'].includes(e.key)) {
+            e.preventDefault();
+            setOpen(false);
+        }
+        if (e.key === 'Tab') {
+            setOpen(false);
+        }
+    }, [setOpen]);
+}
+const DEFAULT_MIN_SEARCH_INPUT_LENGTH = 2;
+/**
+ * Нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
+ */
+function useOptionSearch({ options, flatMapOptions, minSearchInputLength, disableFuzzySearch, }) {
+    return (0, react_1.useCallback)((search) => {
+        if (search.length < (minSearchInputLength !== null && minSearchInputLength !== void 0 ? minSearchInputLength : DEFAULT_MIN_SEARCH_INPUT_LENGTH))
+            return options;
+        if (disableFuzzySearch) {
+            return options.filter(option => {
+                var _a, _b;
+                const fieldsForSearch = [option.label];
+                if ('contentRenderProps' in option) {
+                    fieldsForSearch.push((_a = option === null || option === void 0 ? void 0 : option.contentRenderProps) === null || _a === void 0 ? void 0 : _a.description);
+                    fieldsForSearch.push((_b = option === null || option === void 0 ? void 0 : option.contentRenderProps) === null || _b === void 0 ? void 0 : _b.caption);
+                }
+                return fieldsForSearch
+                    .filter((v) => Boolean(v))
+                    .some(value => value.toString().includes(search));
+            });
+        }
+        return new fuzzy_search_1.default(flatMapOptions, ['label', 'contentRenderProps.description', 'contentRenderProps.caption'], {}).search(search);
+    }, [disableFuzzySearch, flatMapOptions, minSearchInputLength, options]);
+}
+function useAutoApplyFooter({ autoApply, onApprove, onCancel, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('Chips');
+    return (0, react_1.useMemo)(() => {
+        if (autoApply) {
+            return null;
+        }
+        return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.autoApplyFooter, "data-test-id": constants_1.CHIP_CHOICE_TEST_IDS.footer, children: [(0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { fullWidth: true, size: 'l', appearance: 'neutral', label: t('cancel'), onClick: onCancel, "data-test-id": constants_1.CHIP_CHOICE_TEST_IDS.cancelButton }), (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { size: 'l', fullWidth: true, appearance: 'primary', label: t('apply'), onClick: onApprove, "data-test-id": constants_1.CHIP_CHOICE_TEST_IDS.approveButton })] }));
+    }, [t, autoApply, onApprove, onCancel]);
+}

package/dist/cjs/components/MobileChipChoice/index.d.ts

@@ -0,0 +1,12 @@
+import { CustomContentRenderProps, MobileChipChoiceCustom, MobileChipChoiceCustomProps, MobileChipChoiceDate, MobileChipChoiceDateProps, MobileChipChoiceDateRange, MobileChipChoiceDateRangeProps, MobileChipChoiceMultiple, MobileChipChoiceSingle, MobileChipChoiceTime, MobileChipChoiceTimeProps } from './components';
+export type { FilterOption, MobileChipChoiceMultipleProps, MobileChipChoiceSingleProps, ContentRenderProps, } from './types';
+export type { MobileChipChoiceCustomProps, MobileChipChoiceDateProps, MobileChipChoiceDateRangeProps, MobileChipChoiceTimeProps, CustomContentRenderProps, };
+export declare namespace MobileChipChoice {
+    const Custom: typeof MobileChipChoiceCustom;
+    const Single: typeof MobileChipChoiceSingle;
+    const Multiple: typeof MobileChipChoiceMultiple;
+    const Date: typeof MobileChipChoiceDate;
+    const DateRange: typeof MobileChipChoiceDateRange;
+    const Time: typeof MobileChipChoiceTime;
+}
+export { isAccordionOption, isBaseOption, isGroupOption, isGroupSelectOption, isNextListOption } from './utils';

package/dist/cjs/components/MobileChipChoice/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNextListOption = exports.isGroupSelectOption = exports.isGroupOption = exports.isBaseOption = exports.isAccordionOption = exports.MobileChipChoice = void 0;
+const components_1 = require("./components");
+var MobileChipChoice;
+(function (MobileChipChoice) {
+    MobileChipChoice.Custom = components_1.MobileChipChoiceCustom;
+    MobileChipChoice.Single = components_1.MobileChipChoiceSingle;
+    MobileChipChoice.Multiple = components_1.MobileChipChoiceMultiple;
+    MobileChipChoice.Date = components_1.MobileChipChoiceDate;
+    MobileChipChoice.DateRange = components_1.MobileChipChoiceDateRange;
+    MobileChipChoice.Time = components_1.MobileChipChoiceTime;
+})(MobileChipChoice || (exports.MobileChipChoice = MobileChipChoice = {}));
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "isAccordionOption", { enumerable: true, get: function () { return utils_1.isAccordionOption; } });
+Object.defineProperty(exports, "isBaseOption", { enumerable: true, get: function () { return utils_1.isBaseOption; } });
+Object.defineProperty(exports, "isGroupOption", { enumerable: true, get: function () { return utils_1.isGroupOption; } });
+Object.defineProperty(exports, "isGroupSelectOption", { enumerable: true, get: function () { return utils_1.isGroupSelectOption; } });
+Object.defineProperty(exports, "isNextListOption", { enumerable: true, get: function () { return utils_1.isNextListOption; } });

package/dist/cjs/components/MobileChipChoice/styles.module.css

@@ -0,0 +1,211 @@
+.label,
+.value{
+  display:inline-flex;
+  align-items:center;
+}
+
+.choiceChip{
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+  cursor:pointer;
+  position:relative;
+  display:inline-flex;
+  align-items:center;
+  box-sizing:border-box;
+  width:-moz-max-content;
+  width:max-content;
+  min-width:-moz-max-content;
+  min-width:max-content;
+  margin:0;
+  padding:0;
+  text-decoration:none;
+  text-transform:none;
+  border-style:solid;
+  outline:0;
+  outline-offset:0;
+}
+.choiceChip .spinner{
+  display:inline-flex;
+}
+.choiceChip .icon{
+  display:inline-flex;
+}
+.choiceChip .icon svg{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+}
+.choiceChip .labelLayout{
+  display:inline-flex;
+  align-items:center;
+  min-width:0;
+}
+.choiceChip[data-size=xs]{
+  height:var(--size-chips-xs, 24px);
+  padding-left:var(--space-chips-container-padding-xs, 3px);
+  padding-right:var(--space-chips-container-padding-xs, 3px);
+  border-radius:var(--radius-chips-xs, 12px);
+  border-width:var(--border-width-chips-single, 1px);
+}
+.choiceChip[data-size=xs] .label{
+  font-family:var(--light-label-s-font-family, SB Sans Interface);
+  font-weight:var(--light-label-s-font-weight, Regular);
+  line-height:var(--light-label-s-line-height, 14px);
+  font-size:var(--light-label-s-font-size, 11px);
+  letter-spacing:var(--light-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-s-paragraph-spacing, 6.05px);
+}
+.choiceChip[data-size=xs] .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-xs, 4px);
+  padding-right:var(--space-chips-label-layout-padding-xs, 4px);
+  gap:var(--space-chips-label-layout-gap, 2px);
+}
+.choiceChip[data-size=s]{
+  height:var(--size-chips-s, 32px);
+  padding-left:var(--space-chips-container-padding-s, 3px);
+  padding-right:var(--space-chips-container-padding-s, 3px);
+  border-radius:var(--radius-chips-s, 16px);
+  border-width:var(--border-width-chips-single, 1px);
+}
+.choiceChip[data-size=s] .label{
+  font-family:var(--light-label-m-font-family, SB Sans Interface);
+  font-weight:var(--light-label-m-font-weight, Regular);
+  line-height:var(--light-label-m-line-height, 16px);
+  font-size:var(--light-label-m-font-size, 12px);
+  letter-spacing:var(--light-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-m-paragraph-spacing, 6.6px);
+}
+.choiceChip[data-size=s] .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-s, 4px);
+  padding-right:var(--space-chips-label-layout-padding-s, 4px);
+  gap:var(--space-chips-label-layout-gap, 2px);
+}
+.choiceChip[data-size=m]{
+  height:var(--size-chips-m, 40px);
+  padding-left:var(--space-chips-container-padding-m, 7px);
+  padding-right:var(--space-chips-container-padding-m, 7px);
+  border-radius:var(--radius-chips-m, 20px);
+  border-width:var(--border-width-chips-single, 1px);
+}
+.choiceChip[data-size=m] .label{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.choiceChip[data-size=m] .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-m, 8px);
+  padding-right:var(--space-chips-label-layout-padding-m, 8px);
+  gap:var(--space-chips-label-layout-gap, 2px);
+}
+.choiceChip[data-size=l]{
+  height:var(--size-chips-l, 48px);
+  padding-left:var(--space-chips-container-padding-l, 11px);
+  padding-right:var(--space-chips-container-padding-l, 11px);
+  border-radius:var(--radius-chips-l, 24px);
+  border-width:var(--border-width-chips-single, 1px);
+}
+.choiceChip[data-size=l] .label{
+  font-family:var(--light-label-l-font-family, SB Sans Interface);
+  font-weight:var(--light-label-l-font-weight, Regular);
+  line-height:var(--light-label-l-line-height, 20px);
+  font-size:var(--light-label-l-font-size, 14px);
+  letter-spacing:var(--light-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-l-paragraph-spacing, 7.7px);
+}
+.choiceChip[data-size=l] .labelLayout{
+  padding-left:var(--space-chips-label-layout-padding-l, 12px);
+  padding-right:var(--space-chips-label-layout-padding-l, 12px);
+  gap:var(--space-chips-label-layout-gap, 2px);
+}
+.choiceChip .label,
+.choiceChip .value{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.choiceChip .icon{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.choiceChip[data-size=xs] .value{
+  font-family:var(--sans-label-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-s-font-weight, Semibold);
+  line-height:var(--sans-label-s-line-height, 14px);
+  font-size:var(--sans-label-s-font-size, 11px);
+  letter-spacing:var(--sans-label-s-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-s-paragraph-spacing, 6.05px);
+}
+.choiceChip[data-size=s] .value{
+  font-family:var(--sans-label-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-m-font-weight, Semibold);
+  line-height:var(--sans-label-m-line-height, 16px);
+  font-size:var(--sans-label-m-font-size, 12px);
+  letter-spacing:var(--sans-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-m-paragraph-spacing, 6.6px);
+}
+.choiceChip[data-size=m] .value{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.choiceChip[data-size=l] .value{
+  font-family:var(--sans-label-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-label-l-font-weight, Semibold);
+  line-height:var(--sans-label-l-line-height, 20px);
+  font-size:var(--sans-label-l-font-size, 14px);
+  letter-spacing:var(--sans-label-l-letter-spacing, 0px);
+  paragraph-spacing:var(--sans-label-l-paragraph-spacing, 7.7px);
+}
+.choiceChip:hover, .choiceChip:active, .choiceChip:focus-visible{
+  background-color:var(--sys-neutral-background2-level, #ffffff);
+  border-color:var(--sys-neutral-decor-hovered, #cfd2dc);
+}
+.choiceChip:hover .label, .choiceChip:active .label, .choiceChip:focus-visible .label{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.choiceChip:hover .value, .choiceChip:active .value, .choiceChip:focus-visible .value{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.choiceChip:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-available-complementary, #1c1c24);
+  outline-offset:var(--spacing-state-focus-offset, 2px);
+}
+.choiceChip[data-disabled]{
+  cursor:not-allowed;
+  background-color:var(--sys-neutral-background, #eeeff3);
+  border-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+}
+.choiceChip[data-disabled] .label,
+.choiceChip[data-disabled] .value{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.choiceChip[data-loading]{
+  background-color:var(--sys-neutral-background, #eeeff3);
+  border-color:var(--sys-neutral-decor-activated, #b6bac7);
+  cursor:progress;
+}
+.choiceChip[data-loading] true .spinner{
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+.choiceChip[data-loading] .label,
+.choiceChip[data-loading] .value{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.triggerClassName{
+  --offset:var(--space-drop-list-drop-offset, 4px);
+}
+
+.autoApplyFooter{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  gap:8px;
+}

package/dist/cjs/components/MobileChipChoice/types.d.ts

@@ -0,0 +1,80 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { BaseItemProps, DroplistProps, GroupItemProps, GroupSelectItemProps, ItemContentProps, ItemId, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@sbercloud/uikit-product-mobile-dropdown';
+import { TruncateStringProps } from '@snack-uikit/truncate-string';
+import { WithSupportProps } from '@snack-uikit/utils';
+import { BaseChipProps, Size } from '../../types';
+export type AnyType = any;
+export type ContentRenderProps = Omit<ItemContentProps, 'option' | 'disabled'>;
+export type FilterOption<T extends ContentRenderProps = ContentRenderProps> = BaseOption<T> | AccordionOption<T> | GroupOption<T> | GroupSelectOption<T> | NestListOption<T>;
+export type BaseOption<T extends ContentRenderProps = ContentRenderProps> = Omit<BaseItemProps, 'content' | 'id'> & {
+    value: ItemId;
+    label: ItemId;
+    contentRenderProps?: T;
+};
+export type AccordionOption<T extends ContentRenderProps = ContentRenderProps> = Omit<BaseOption<T>, 'switch' | 'inactive' | 'value'> & {
+    id?: ItemId;
+    type: 'collapse';
+    options: FilterOption<T>[];
+};
+export type GroupOption<T extends ContentRenderProps = ContentRenderProps> = Omit<GroupItemProps, 'items'> & {
+    options: FilterOption<T>[];
+};
+export type GroupSelectOption<T extends ContentRenderProps = ContentRenderProps> = Omit<GroupSelectItemProps, 'items'> & {
+    options: FilterOption<T>[];
+};
+export type NestListOption<T extends ContentRenderProps = ContentRenderProps> = Omit<NextListItemProps, 'items' | 'content'> & {
+    label: ItemId;
+    contentRenderProps?: T;
+    options: FilterOption<T>[];
+};
+export type ChipChoiceCommonProps = WithSupportProps<Partial<BaseChipProps> & {
+    /** Размер */
+    size?: Size;
+    /** Колбек обработки клика */
+    onClick?: MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
+    /** Колбек для клика по кнопке очистки */
+    onClearButtonClick?: MouseEventHandler<HTMLButtonElement>;
+    /** Управляет состоянием показан/не показан. */
+    open?: boolean;
+    /** Колбек отображения компонента. Срабатывает при изменении состояния open. */
+    onOpenChange?(isOpen: boolean): void;
+    /** Вариант обрезания значения */
+    truncateVariant?: TruncateStringProps['variant'];
+}>;
+export type ChipChoiceSelectCommonProps<T extends ContentRenderProps = ContentRenderProps> = ChipChoiceCommonProps & {
+    options: FilterOption<T>[];
+    contentRender?(option: {
+        label: ItemId;
+        value?: ItemId;
+        contentRenderProps?: T;
+    }): ReactNode;
+    filterFn?(option: {
+        label: ItemId;
+        value?: ItemId;
+        contentRenderProps?: T;
+    }): boolean;
+    searchable?: boolean;
+    /**
+     * Отключает Fuzzy Search. Иногда в дроплисте могут быть различные айдишники - нам важно искать их без Fuzzy Search
+     * @default false
+     */
+    disableFuzzySearch?: boolean;
+    /** Флаг, отвечающий за применение выбранного значения по умолчанию  */
+    autoApply?: boolean;
+    /** Колбек основной кнопки */
+    onApprove?(): void;
+    /** Колбек кнопки отмены */
+    onCancel?(): void;
+} & Pick<DroplistProps, 'selection' | 'scrollRef' | 'scrollContainerRef' | 'noDataState' | 'footer' | 'footerActiveElementsRefs' | 'dataError' | 'errorDataState' | 'dataFiltered' | 'noResultsState' | 'loading' | 'virtualized'>;
+export type MobileChipChoiceSingleProps<T extends ContentRenderProps = ContentRenderProps> = ChipChoiceSelectCommonProps<T> & Omit<SelectionSingleState, 'mode'> & {
+    /** Массив опций */
+    options: FilterOption<T>[];
+    /** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
+    valueRender?(option?: BaseOption<T>): ReactNode;
+};
+export type MobileChipChoiceMultipleProps<T extends ContentRenderProps = ContentRenderProps> = ChipChoiceSelectCommonProps<T> & Omit<SelectionMultipleState, 'mode'> & {
+    /** Массив опций */
+    options: FilterOption<T>[];
+    /** Колбек формирующий отображение выбранного значения. Принимает выбранное значение. По умолчанию для отображения используется FilterOption.label */
+    valueRender?(option?: BaseOption<T>[]): ReactNode;
+};

package/dist/cjs/components/MobileChipChoice/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/MobileChipChoice/utils/index.d.ts

@@ -0,0 +1,2 @@
+export * from './typeGuards';
+export * from './utils';

package/dist/cjs/components/MobileChipChoice/utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./typeGuards"), exports);
+__exportStar(require("./utils"), exports);

package/dist/cjs/components/MobileChipChoice/utils/options.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { ItemId, MobileDroplistProps } from '@sbercloud/uikit-product-mobile-dropdown';
+import { ContentRenderProps, FilterOption } from '../types';
+export declare function transformOptionsToItems<T extends ContentRenderProps = ContentRenderProps>(options: FilterOption<T>[], contentRender?: (option: {
+    label: ItemId;
+    value?: ItemId;
+    contentRenderProps?: T;
+    disabled?: boolean;
+}) => ReactNode): MobileDroplistProps['items'];

package/dist/cjs/components/MobileChipChoice/utils/options.js

@@ -0,0 +1,36 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformOptionsToItems = transformOptionsToItems;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const helperComponents_1 = require("../../../helperComponents");
+const typeGuards_1 = require("./typeGuards");
+function transformOptionsToItems(options, contentRender) {
+    return options.map(option => {
+        if ((0, typeGuards_1.isAccordionOption)(option) || (0, typeGuards_1.isNextListOption)(option)) {
+            const { label, options, id, contentRenderProps, disabled } = option, rest = __rest(option, ["label", "options", "id", "contentRenderProps", "disabled"]);
+            return Object.assign(Object.assign({}, rest), { disabled,
+                id, content: contentRender ? (contentRender({ label, contentRenderProps, disabled })) : ((0, jsx_runtime_1.jsx)(helperComponents_1.ItemContent, Object.assign({ option: label }, contentRenderProps, { disabled: disabled }))), items: transformOptionsToItems(options) });
+        }
+        if ((0, typeGuards_1.isGroupSelectOption)(option)) {
+            const { options } = option, rest = __rest(option, ["options"]);
+            return Object.assign(Object.assign({}, rest), { items: transformOptionsToItems(options) });
+        }
+        if ((0, typeGuards_1.isGroupOption)(option)) {
+            const { options } = option, rest = __rest(option, ["options"]);
+            return Object.assign(Object.assign({}, rest), { items: transformOptionsToItems(options) });
+        }
+        const _a = option, { label, value, contentRenderProps, disabled } = _a, rest = __rest(_a, ["label", "value", "contentRenderProps", "disabled"]);
+        return Object.assign(Object.assign({}, rest), { disabled, id: value, content: contentRender ? (contentRender({ label, contentRenderProps, disabled, value })) : ((0, jsx_runtime_1.jsx)(helperComponents_1.ItemContent, Object.assign({ option: label }, contentRenderProps, { disabled: disabled }))) });
+    });
+}

package/dist/cjs/components/MobileChipChoice/utils/typeGuards.d.ts

@@ -0,0 +1,6 @@
+import { AccordionOption, AnyType, BaseOption, ContentRenderProps, GroupOption, GroupSelectOption, NestListOption } from '../types';
+export declare function isBaseOption<T extends ContentRenderProps = ContentRenderProps>(option: AnyType): option is BaseOption<T>;
+export declare function isAccordionOption<T extends ContentRenderProps = ContentRenderProps>(option: AnyType): option is AccordionOption<T>;
+export declare function isNextListOption<T extends ContentRenderProps = ContentRenderProps>(option: AnyType): option is NestListOption<T>;
+export declare function isGroupOption<T extends ContentRenderProps = ContentRenderProps>(option: AnyType): option is GroupOption<T>;
+export declare function isGroupSelectOption<T extends ContentRenderProps = ContentRenderProps>(option: AnyType): option is GroupSelectOption<T>;

package/dist/cjs/components/MobileChipChoice/utils/typeGuards.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBaseOption = isBaseOption;
+exports.isAccordionOption = isAccordionOption;
+exports.isNextListOption = isNextListOption;
+exports.isGroupOption = isGroupOption;
+exports.isGroupSelectOption = isGroupSelectOption;
+function isBaseOption(option) {
+    return !('options' in option);
+}
+function isAccordionOption(option) {
+    return option && 'options' in option && option['type'] === 'collapse';
+}
+function isNextListOption(option) {
+    return option && 'options' in option && option['type'] === 'next-list';
+}
+function isGroupOption(option) {
+    return option && 'options' in option && option['type'] === 'group';
+}
+function isGroupSelectOption(option) {
+    return option && 'options' in option && option['type'] === 'group-select';
+}

package/dist/cjs/components/MobileChipChoice/utils/utils.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { ItemId } from '@sbercloud/uikit-product-mobile-dropdown';
+import { ContentRenderProps, FilterOption } from '../types';
+export type FlattenOption<T extends ContentRenderProps = ContentRenderProps> = {
+    value: ItemId;
+    label: ItemId;
+    contentRenderProps?: T;
+    disabled?: boolean;
+    hidden?: boolean;
+    afterContent?: ReactNode;
+    beforeContent?: ReactNode;
+};
+type KindFlattenOptionsProps<T extends ContentRenderProps = ContentRenderProps> = {
+    options: FilterOption<T>[];
+};
+export declare function kindFlattenOptions<T extends ContentRenderProps = ContentRenderProps>({ options, }: KindFlattenOptionsProps<T>): {
+    flattenOptions: Record<string, FlattenOption<T>>;
+};
+export {};

package/dist/cjs/components/MobileChipChoice/utils/utils.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.kindFlattenOptions = kindFlattenOptions;
+const typeGuards_1 = require("./typeGuards");
+function kindFlattenOptions({ options, }) {
+    const flattenOptions = {};
+    function flatten(option) {
+        if ((0, typeGuards_1.isBaseOption)(option)) {
+            const { value, label, contentRenderProps, disabled, afterContent, beforeContent, hidden } = option;
+            flattenOptions[value] = {
+                value,
+                label,
+                contentRenderProps,
+                disabled,
+                afterContent,
+                beforeContent,
+                hidden,
+            };
+            return;
+        }
+        const { options } = option;
+        for (let idx = 0; idx < options.length; idx++) {
+            flatten(options[idx]);
+        }
+        return;
+    }
+    for (let idx = 0; idx < options.length; idx++) {
+        flatten(options[idx]);
+    }
+    return {
+        flattenOptions,
+    };
+}

package/dist/cjs/components/MobileChipChoiceRow/MobileChipChoiceRow.d.ts

@@ -0,0 +1,29 @@
+import { WithSupportProps } from '@snack-uikit/utils';
+import { ChipChoiceProps, ChipChoiceRowSize, OmitBetter } from './types';
+export type FiltersState = Record<string, unknown>;
+export type MobileChipChoiceRowFilter = OmitBetter<ChipChoiceProps, 'onChange' | 'value' | 'size' | 'defaultValue'> & {
+    pinned?: boolean;
+};
+export type MobileChipChoiceRowProps<TState extends FiltersState> = WithSupportProps<{
+    /** Состояние фильтров */
+    value?: TState;
+    /** Начальное состояние фильтров */
+    defaultValue?: Partial<TState>;
+    /** Колбек изменения состояния фильтров */
+    onChange?(filters: TState): void;
+    /** Массив чипов */
+    filters: MobileChipChoiceRowFilter[];
+    /** Размер @default 's' */
+    size?: ChipChoiceRowSize;
+    /** CSS-класс */
+    className?: string;
+    /** Скрыть/показать кнопку очиски фильтров @default true */
+    showClearButton?: boolean;
+    /** Скрыть/показать кнопку добавления фильров @default true */
+    showAddButton?: boolean;
+    /** Состояние для видимых фильтров */
+    visibleFilters?: string[];
+    /** Коллбек на изменение видимых фильтров */
+    onVisibleFiltersChange?(value: string[]): void;
+}>;
+export declare function MobileChipChoiceRow<TState extends FiltersState>({ filters, onChange, showClearButton: showClearButtonProp, showAddButton, className, value, defaultValue: defaultValueProp, size, visibleFilters: visibleFiltersProp, onVisibleFiltersChange, ...rest }: MobileChipChoiceRowProps<TState>): import("react/jsx-runtime").JSX.Element;