@cloud-ru/uikit-product-mobile-fields 0.11.24 → 0.11.26

package/dist/cjs/components/MobileFieldSelect/legacy/utils.js

@@ -0,0 +1,114 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withCollapsedItems = withCollapsedItems;
+exports.extractItemIds = extractItemIds;
+exports.extractChildIds = extractChildIds;
+exports.extractAllChildIds = extractAllChildIds;
+exports.flattenItems = flattenItems;
+const list_1 = require("@snack-uikit/list");
+function withCollapsedItems({ items, openCollapsedItems, }) {
+    let itemRefs = [];
+    let newItems = [];
+    let ids = [];
+    let expandedIds = [];
+    items.forEach(item => {
+        var _a;
+        if ((((0, list_1.isBaseItemProps)(item) && !item.inactive) || (0, list_1.isNextListItemProps)(item) || (0, list_1.isAccordionItemProps)(item)) &&
+            !item.disabled) {
+            newItems = newItems.concat([item]);
+            ids = ids.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']);
+            if (item.itemRef) {
+                itemRefs = itemRefs.concat([item.itemRef]);
+            }
+        }
+        if ((0, list_1.isNextListItemProps)(item) && item.id && !item.disabled) {
+            expandedIds = expandedIds.concat(item.id);
+        }
+        if ((0, list_1.isGroupItemProps)(item)) {
+            const { itemRefs: nestedItemsRefs, ids: nestedIds } = withCollapsedItems({
+                items: item.items,
+                openCollapsedItems,
+            });
+            ids = ids.concat(nestedIds);
+            itemRefs = itemRefs.concat(nestedItemsRefs);
+        }
+        if ((0, list_1.isAccordionItemProps)(item) && item.id && openCollapsedItems.includes(item.id)) {
+            const { itemRefs: nestedItemsRefs, ids: nestedIds, items: nestedItems, expandedIds: nestedExpandedIds, } = withCollapsedItems({
+                items: item.items,
+                openCollapsedItems,
+            });
+            ids = ids.concat(nestedIds);
+            newItems = newItems.concat(nestedItems);
+            itemRefs = itemRefs.concat(nestedItemsRefs);
+            expandedIds = expandedIds.concat(nestedExpandedIds);
+        }
+    });
+    return { items, itemRefs, ids, expandedIds };
+}
+/**
+ * Функция возвращает массив id дочерних items
+ * @function  extractItemIds
+ */
+function extractItemIds(items) {
+    return items.reduce((prev, item) => {
+        if ((0, list_1.isGroupItemProps)(item)) {
+            return prev.concat(extractItemIds(item.items));
+        }
+        return item.id ? prev.concat([item.id]) : prev;
+    }, []);
+}
+function extractChildIds({ items }) {
+    return items
+        .filter(item => (0, list_1.isAccordionItemProps)(item) ||
+        (0, list_1.isNextListItemProps)(item) ||
+        (0, list_1.isGroupItemProps)(item) ||
+        ((0, list_1.isBaseItemProps)(item) && !item.disabled && !item.inactive))
+        .reduce((prev, item) => {
+        var _a;
+        if ((0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item)) {
+            return prev.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']).concat(extractChildIds({ items: item.items }));
+        }
+        if ((0, list_1.isGroupItemProps)(item)) {
+            return prev.concat(extractChildIds({ items: item.items }));
+        }
+        return item.id && !(0, list_1.isGroupItemProps)(item) ? prev.concat([item.id]) : prev;
+    }, []);
+}
+function extractAllChildIds({ items }) {
+    return items
+        .filter(item => (0, list_1.isAccordionItemProps)(item) ||
+        (0, list_1.isNextListItemProps)(item) ||
+        (0, list_1.isGroupItemProps)(item) ||
+        ((0, list_1.isBaseItemProps)(item) && !item.inactive))
+        .reduce((prev, item) => {
+        var _a;
+        if ((0, list_1.isAccordionItemProps)(item) || (0, list_1.isNextListItemProps)(item)) {
+            return prev.concat([(_a = item.id) !== null && _a !== void 0 ? _a : '']).concat(extractAllChildIds({ items: item.items }));
+        }
+        if ((0, list_1.isGroupItemProps)(item)) {
+            return prev.concat(extractAllChildIds({ items: item.items }));
+        }
+        return item.id && !(0, list_1.isGroupItemProps)(item) ? prev.concat([item.id]) : prev;
+    }, []);
+}
+/**
+ * Функция разворачивает массив айтемов в плоский список
+ *  @function  flattenItems
+ */
+function flattenItems(items) {
+    const flattenItems = [];
+    function flatten(item) {
+        if (!(0, list_1.isGroupItemProps)(item)) {
+            flattenItems.push(item);
+        }
+        if ('items' in item) {
+            for (const nestedItem of item.items) {
+                flatten(nestedItem);
+            }
+        }
+    }
+    for (const item of items) {
+        flatten(item);
+    }
+    return flattenItems;
+}

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

@@ -0,0 +1,213 @@
+.triggerClassName{
+  --offset:var(--space-drop-list-drop-offset, 4px);
+  width:100%;
+}
+
+.contentWrapper{
+  position:relative;
+  overflow:hidden;
+  display:flex;
+  flex-wrap:wrap;
+  width:100%;
+}
+
+.tagContainer{
+  height:auto !important;
+}
+.tagContainer[data-size=s]{
+  border-radius:var(--radius-fields-s, 4px);
+  border-width:var(--border-width-fields-single, 1px);
+  padding-left:var(--space-fields-single-line-container-s-left, 7px);
+  gap:var(--space-fields-single-line-container-s-gap, 4px);
+  padding-right:var(--space-fields-single-line-container-s-right, 7px);
+  min-height:var(--size-fields-s, 32px);
+  padding-top:var(--space-fields-select-multiple-s-vertical-padding, 2px);
+  padding-bottom:var(--space-fields-select-multiple-s-vertical-padding, 2px);
+}
+.tagContainer[data-size=s] .contentWrapper{
+  gap:var(--space-fields-single-line-container-s-gap, 4px);
+}
+.tagContainer[data-size=m]{
+  border-radius:var(--radius-fields-m, 4px);
+  border-width:var(--border-width-fields-single, 1px);
+  padding-left:var(--space-fields-single-line-container-m-left, 9px);
+  gap:var(--space-fields-single-line-container-m-gap, 4px);
+  padding-right:var(--space-fields-single-line-container-m-right, 9px);
+  padding-top:var(--space-fields-select-multiple-m-vertical-padding, 6px);
+  padding-bottom:var(--space-fields-select-multiple-m-vertical-padding, 6px);
+  min-height:var(--size-fields-m, 40px);
+}
+.tagContainer[data-size=m] .contentWrapper{
+  gap:var(--space-fields-single-line-container-m-gap, 4px);
+}
+.tagContainer[data-size=l]{
+  border-radius:var(--radius-fields-l, 4px);
+  border-width:var(--border-width-fields-single, 1px);
+  padding-left:var(--space-fields-single-line-container-l-left, 11px);
+  gap:var(--space-fields-single-line-container-l-gap, 8px);
+  padding-right:var(--space-fields-single-line-container-l-right, 11px);
+  min-height:var(--size-fields-l, 48px);
+  padding-top:var(--space-fields-select-multiple-l-vertical-padding, 6px);
+  padding-bottom:var(--space-fields-select-multiple-l-vertical-padding, 6px);
+}
+.tagContainer[data-size=l] .contentWrapper{
+  gap:var(--space-fields-single-line-container-l-gap, 8px);
+}
+
+.container{
+  position:relative;
+}
+.container[data-size=s] .inputPlug{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+}
+.container[data-size=s] .arrowIcon{
+  width:var(--size-icon-container-xs, 16px) !important;
+  height:var(--size-icon-container-xs, 16px) !important;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.container[data-size=s][data-variant=single-line-container] .displayValue{
+  width:calc(100% - (var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2)));
+  margin-right:calc(var(--space-fields-single-line-container-s-right, 7px) + var(--space-fields-single-line-container-s-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-xs, 16px) * 2));
+  padding-left:var(--space-fields-single-line-container-s-left, 7px);
+  border-radius:var(--radius-fields-s, 4px);
+}
+.container[data-size=m] .inputPlug{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+}
+.container[data-size=m] .arrowIcon{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.container[data-size=m][data-variant=single-line-container] .displayValue{
+  width:calc(100% - (var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
+  margin-right:calc(var(--space-fields-single-line-container-m-right, 9px) + var(--space-fields-single-line-container-m-gap, 4px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
+  padding-left:var(--space-fields-single-line-container-m-left, 9px);
+  border-radius:var(--radius-fields-m, 4px);
+}
+.container[data-size=l] .inputPlug{
+  font-family:var(--sans-body-l-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-l-font-weight, Regular);
+  line-height:var(--sans-body-l-line-height, 24px);
+  font-size:var(--sans-body-l-font-size, 16px);
+  letter-spacing:var(--sans-body-l-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-l-paragraph-spacing, 8.8px);
+}
+.container[data-size=l] .arrowIcon{
+  width:var(--size-icon-container-s, 24px) !important;
+  height:var(--size-icon-container-s, 24px) !important;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+.container[data-size=l][data-variant=single-line-container] .displayValue{
+  width:calc(100% - (var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2)));
+  margin-right:calc(var(--space-fields-single-line-container-l-right, 11px) + var(--space-fields-single-line-container-l-gap, 8px) + calc(var(var(--space-fields-postfix-gap, 4px)) + var(--size-icon-container-s, 24px) * 2));
+  padding-left:var(--space-fields-single-line-container-l-left, 11px);
+  border-radius:var(--radius-fields-l, 4px);
+}
+.container:hover .arrowIcon, .container:focus-within .arrowIcon, .container[data-focused] .arrowIcon{
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+.container[data-disabled] .arrowIcon, .container[data-readonly] .arrowIcon{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}
+
+.inputPlug{
+  content:"";
+  position:absolute;
+  top:0;
+  left:0;
+  overflow:hidden;
+  width:-moz-fit-content;
+  width:fit-content;
+  max-width:100%;
+  height:0;
+}
+
+.inputWrapper{
+  position:relative;
+  display:inline-flex;
+  flex:1;
+  color:transparent;
+}
+.inputWrapper[data-searchable=false]{
+  width:0;
+  min-width:0;
+  max-width:0;
+}
+
+.postfix{
+  display:inline-flex;
+  flex-shrink:0;
+  gap:var(--space-fields-postfix-gap, 4px);
+}
+
+input.readonlyCursor{
+  cursor:pointer;
+  caret-color:transparent;
+}
+
+.searchDivider{
+  margin-bottom:4px;
+}
+
+.footer{
+  width:100%;
+}
+
+.footerTopLine{
+  display:flex;
+  align-items:center;
+  justify-content:space-between;
+  gap:4px;
+}
+
+.counter{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.listWrapper{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  flex:1 1 auto;
+  box-sizing:border-box;
+  min-height:var(--dimension-2m, 16px);
+  color:var(--sys-neutral-text-main, #41424e);
+  padding:16px 0;
+}
+
+.body{
+  font-family:var(--sans-body-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-m-font-weight, Regular);
+  line-height:var(--sans-body-m-line-height, 20px);
+  font-size:var(--sans-body-m-font-size, 14px);
+  letter-spacing:var(--sans-body-m-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-m-paragraph-spacing, 7.7px);
+  flex:1 1 auto;
+  box-sizing:border-box;
+  min-height:var(--dimension-2m, 16px);
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.bodyNoPadding{
+  padding:0 !important;
+}

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

@@ -0,0 +1,88 @@
+import { ReactElement, ReactNode } from 'react';
+import { FieldDecoratorProps } from '@snack-uikit/fields';
+import { InputPrivateProps } from '@snack-uikit/input-private';
+import { AccordionItemProps, BaseItemProps, DroplistProps, GroupItemProps, ItemContentProps, NextListItemProps, SelectionMultipleState, SelectionSingleState } from '@snack-uikit/list';
+import { TagProps } from '@snack-uikit/tag';
+import { WithSupportProps } from '@snack-uikit/utils';
+export type AnyType = any;
+export type OptionProps = BaseOptionProps | AccordionOptionProps | GroupOptionProps | NestListOptionProps;
+export type OptionWithoutGroup = BaseOptionProps | AccordionOptionProps | NestListOptionProps;
+export type BaseOptionProps = Pick<BaseItemProps, 'beforeContent' | 'afterContent' | 'disabled'> & Pick<ItemContentProps, 'option' | 'caption' | 'description'> & {
+    value: string | number;
+} & Pick<TagProps, 'appearance'>;
+export type AccordionOptionProps = Pick<AccordionItemProps, 'type'> & BaseOptionProps & {
+    options: OptionProps[];
+};
+export type GroupOptionProps = Omit<GroupItemProps, 'items' | 'id'> & {
+    options: OptionProps[];
+};
+export type NestListOptionProps = Pick<NextListItemProps, 'type' | 'onSublistOpenChanged' | 'id'> & BaseOptionProps & {
+    options: OptionProps[];
+};
+export type InputProps = Pick<InputPrivateProps, 'id' | 'name' | 'placeholder' | 'disabled' | 'readonly' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'autoFocus'>;
+export type WrapperProps = Pick<FieldDecoratorProps, 'className' | 'label' | 'labelTooltip' | 'required' | 'caption' | 'hint' | 'showHintIcon' | 'size' | 'validationState' | 'labelTooltipPlacement' | 'error'>;
+export type ItemWithId = (BaseItemProps | AccordionItemProps | NextListItemProps) & {
+    placeholder?: boolean;
+    appearance?: TagProps['appearance'];
+};
+export type SelectedOptionFormatter = (item?: ItemWithId) => string;
+export type SearchState = {
+    value?: string;
+    defaultValue?: string;
+    onChange?(value: string): void;
+};
+export type FieldSelectPrivateProps = InputProps & WrapperProps & {
+    options: OptionProps[];
+    loading?: boolean;
+    /** Произвольный префикс для поля */
+    prefix?: ReactNode;
+    /** Произвольный постфикс для поля */
+    postfix?: ReactNode;
+};
+type FiledSelectCommonProps = WithSupportProps<{
+    options: OptionProps[];
+    pinTop?: OptionProps[];
+    pinBottom?: OptionProps[];
+    searchable?: boolean;
+    /** Отображение кнопки Копировать для поля (актуально только для `readonly = true`) */
+    showCopyButton?: boolean;
+    /**
+     * Отображение кнопки очистки поля
+     * @default true
+     */
+    showClearButton?: boolean;
+    /**
+     * Является ли поле доступным только для чтения
+     * @default false
+     */
+    readonly?: boolean;
+    /** Иконка-префикс для поля */
+    prefixIcon?: ReactElement;
+    footer?: DroplistProps['footer'];
+    /**
+     * Включить виртуализацию на компоненты списка. Рекомендуется если у вас от 1к элементов списка
+     */
+    virtualized?: boolean;
+    widthStrategy?: DroplistProps['widthStrategy'];
+    search?: SearchState;
+    /**
+     * Включить нечеткий поиск
+     * @default true
+     */
+    enableFuzzySearch?: boolean;
+    autocomplete?: boolean;
+    addOptionByEnter?: boolean;
+    open?: boolean;
+    onOpenChange?(open: boolean): void;
+    selectedOptionFormatter?: SelectedOptionFormatter;
+}> & Pick<DroplistProps, 'dataError' | 'noDataState' | 'noResultsState' | 'errorDataState' | 'dataFiltered'>;
+export type MobileFieldSelectSingleProps = FieldSelectPrivateProps & Omit<SelectionSingleState, 'mode'> & WrapperProps & FiledSelectCommonProps;
+export type MobileFieldSelectMultipleProps = FieldSelectPrivateProps & {
+    removeByBackspace?: boolean;
+} & Omit<SelectionMultipleState, 'mode'> & Omit<FiledSelectCommonProps, 'showCopyButton'>;
+export type MobileFieldSelectProps = (MobileFieldSelectSingleProps & {
+    selection?: 'single';
+}) | (MobileFieldSelectMultipleProps & {
+    selection: 'multiple';
+});
+export {};

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

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

package/dist/cjs/components/MobileFieldSelect/utils/extractFieldDecoratorProps.d.ts

@@ -0,0 +1,2 @@
+import { FieldDecoratorProps } from '@snack-uikit/fields';
+export declare function extractFieldDecoratorProps({ error, required, readonly, label, labelTooltip, labelTooltipPlacement, labelFor, caption, hint, disabled, showHintIcon, size, validationState, className, }: Partial<FieldDecoratorProps>): Partial<FieldDecoratorProps>;

package/dist/cjs/components/MobileFieldSelect/utils/extractFieldDecoratorProps.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractFieldDecoratorProps = extractFieldDecoratorProps;
+function extractFieldDecoratorProps({ error, required, readonly, label, labelTooltip, labelTooltipPlacement, labelFor, caption, hint, disabled, showHintIcon, size, validationState, className, }) {
+    return {
+        error,
+        required,
+        readonly,
+        label,
+        labelTooltip,
+        labelTooltipPlacement,
+        labelFor,
+        caption,
+        hint,
+        disabled,
+        showHintIcon,
+        size,
+        validationState,
+        className,
+    };
+}

package/dist/cjs/components/MobileFieldSelect/utils/extractListProps.d.ts

@@ -0,0 +1,3 @@
+import { DroplistProps } from '@snack-uikit/list';
+import { MobileFieldSelectProps } from '../types';
+export declare function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, }: Partial<MobileFieldSelectProps>): Partial<DroplistProps>;

package/dist/cjs/components/MobileFieldSelect/utils/extractListProps.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractListProps = extractListProps;
+function extractListProps({ dataError, noDataState, noResultsState, errorDataState, dataFiltered, loading, footer, widthStrategy, }) {
+    return {
+        dataError,
+        noDataState,
+        noResultsState,
+        errorDataState,
+        dataFiltered,
+        loading,
+        footer,
+        widthStrategy,
+        trigger: 'clickAndFocusVisible',
+        placement: 'bottom',
+        'data-test-id': 'field-select__list',
+        scroll: true,
+        marker: true,
+    };
+}

package/dist/cjs/components/MobileFieldSelect/utils/getArrowIcon.d.ts

@@ -0,0 +1,13 @@
+import { JSXElementConstructor } from 'react';
+import { ICON_SIZE, Size } from '@snack-uikit/input-private';
+import { ValueOf } from '@snack-uikit/utils';
+export declare function getArrowIcon({ size, open }: {
+    size: Size;
+    open: boolean;
+}): {
+    ArrowIcon: JSXElementConstructor<{
+        className?: string;
+        size: ValueOf<typeof ICON_SIZE>;
+    }>;
+    arrowIconSize: ValueOf<typeof ICON_SIZE>;
+};

package/dist/cjs/components/MobileFieldSelect/utils/getArrowIcon.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getArrowIcon = getArrowIcon;
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const input_private_1 = require("@snack-uikit/input-private");
+function getArrowIcon({ size, open }) {
+    return {
+        ArrowIcon: open ? uikit_product_icons_1.ChevronUpSVG : uikit_product_icons_1.ChevronDownSVG,
+        arrowIconSize: size === input_private_1.SIZE.S ? input_private_1.ICON_SIZE.Xs : input_private_1.ICON_SIZE.S,
+    };
+}

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

@@ -0,0 +1,6 @@
+export * from './typeGuards';
+export * from './extractFieldDecoratorProps';
+export * from './extractListProps';
+export * from './options';
+export * from './updateItems';
+export * from './getArrowIcon';

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

@@ -0,0 +1,22 @@
+"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("./extractFieldDecoratorProps"), exports);
+__exportStar(require("./extractListProps"), exports);
+__exportStar(require("./options"), exports);
+__exportStar(require("./updateItems"), exports);
+__exportStar(require("./getArrowIcon"), exports);

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

@@ -0,0 +1,8 @@
+import { ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
+import { TagProps } from '@snack-uikit/tag';
+import { ItemWithId, OptionProps } from '../types';
+export declare function transformOptionsToItems(options: OptionProps[]): (ItemProps & {
+    appearance?: TagProps['appearance'];
+})[];
+export declare function findSelectedOption(items: ItemProps[], value: SelectionSingleValueType): [ItemWithId | undefined, ItemWithId | undefined];
+export declare function findSelectedOptions(items: ItemProps[], value: SelectionSingleValueType[] | undefined): [ItemWithId[] | undefined, ItemWithId[] | undefined];

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

@@ -0,0 +1,61 @@
+"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;
+exports.findSelectedOption = findSelectedOption;
+exports.findSelectedOptions = findSelectedOptions;
+const legacy_1 = require("../legacy");
+const typeGuards_1 = require("./typeGuards");
+function transformOptionsToItems(options) {
+    return options.map(option => {
+        if ((0, typeGuards_1.isAccordionOptionProps)(option) || (0, typeGuards_1.isNextListOptionProps)(option)) {
+            const { description, option: contentOption, caption, options, value } = option, rest = __rest(option, ["description", "option", "caption", "options", "value"]);
+            return Object.assign(Object.assign({ 'data-test-id': 'field-select__list-option-' + option.value }, rest), { id: value, content: { option: contentOption, caption, description }, items: transformOptionsToItems(options) });
+        }
+        if ((0, typeGuards_1.isGroupOptionProps)(option)) {
+            const { options } = option, rest = __rest(option, ["options"]);
+            return Object.assign(Object.assign({}, rest), { items: transformOptionsToItems(options) });
+        }
+        const _a = option, { description, option: contentOption, caption, value, appearance } = _a, rest = __rest(_a, ["description", "option", "caption", "value", "appearance"]);
+        return Object.assign(Object.assign({ 'data-test-id': 'field-select__list-option-' + option.value }, rest), { id: value, appearance: appearance, content: { description, option: contentOption, caption: caption } });
+    });
+}
+function findSelectedOption(items, value) {
+    const flatten = (0, legacy_1.flattenItems)(items);
+    if (!value) {
+        return [undefined, undefined];
+    }
+    const foundItem = flatten.find(item => String(item.id) === String(value));
+    const placeholderItem = { id: value, content: { option: String(value) } };
+    return [foundItem, !foundItem ? placeholderItem : undefined];
+}
+function findSelectedOptions(items, value) {
+    const flatten = (0, legacy_1.flattenItems)(items);
+    if (!value || !(value === null || value === void 0 ? void 0 : value.length)) {
+        return [undefined, undefined];
+    }
+    let foundItems;
+    let placeholderItems;
+    value.forEach(value => {
+        if (flatten) {
+            const [found, placeholder] = findSelectedOption(flatten, value);
+            if (found || foundItems) {
+                foundItems = (foundItems !== null && foundItems !== void 0 ? foundItems : []).concat(found !== null && found !== void 0 ? found : []);
+            }
+            if (placeholder || placeholderItems) {
+                placeholderItems = (placeholderItems !== null && placeholderItems !== void 0 ? placeholderItems : []).concat(placeholder !== null && placeholder !== void 0 ? placeholder : []);
+            }
+        }
+    });
+    return [foundItems, placeholderItems];
+}

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

@@ -0,0 +1,7 @@
+import { AccordionOptionProps, BaseOptionProps, GroupOptionProps, MobileFieldSelectMultipleProps, MobileFieldSelectSingleProps, NestListOptionProps } from '../types';
+export declare function isBaseOptionProps(option: any): option is BaseOptionProps;
+export declare function isAccordionOptionProps(option: any): option is AccordionOptionProps;
+export declare function isNextListOptionProps(option: any): option is NestListOptionProps;
+export declare function isGroupOptionProps(option: any): option is GroupOptionProps;
+export declare function isFieldSelectMultipleProps(props: any): props is MobileFieldSelectMultipleProps;
+export declare function isFieldSelectSingleProps(props: any): props is MobileFieldSelectSingleProps;

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

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isBaseOptionProps = isBaseOptionProps;
+exports.isAccordionOptionProps = isAccordionOptionProps;
+exports.isNextListOptionProps = isNextListOptionProps;
+exports.isGroupOptionProps = isGroupOptionProps;
+exports.isFieldSelectMultipleProps = isFieldSelectMultipleProps;
+exports.isFieldSelectSingleProps = isFieldSelectSingleProps;
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isBaseOptionProps(option) {
+    return !('options' in option);
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isAccordionOptionProps(option) {
+    return 'options' in option && option['type'] === 'collapse';
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isNextListOptionProps(option) {
+    return 'options' in option && option['type'] === 'next-list';
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isGroupOptionProps(option) {
+    return 'options' in option && option['type'] === 'group';
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isFieldSelectMultipleProps(props) {
+    return 'selection' in props && props['selection'] === 'multiple';
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function isFieldSelectSingleProps(props) {
+    return ('selection' in props && props['selection'] === 'single') || props['selection'] === undefined;
+}