@cloud-ru/uikit-product-fields-predefined 0.13.3 → 0.13.5

package/dist/cjs/components/FieldPhone/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useCountries';
+export * from './useMapCountryToOptions';

package/dist/cjs/components/FieldPhone/hooks/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("./useCountries"), exports);
+__exportStar(require("./useMapCountryToOptions"), exports);

package/dist/cjs/components/FieldPhone/hooks/useCountries.d.ts

@@ -0,0 +1,2 @@
+import { CountrySettings, FieldPhoneOptionsProps } from '../types';
+export declare function useCountries(optionsSettings?: CountrySettings): FieldPhoneOptionsProps[];

package/dist/cjs/components/FieldPhone/hooks/useCountries.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCountries = useCountries;
+const react_1 = require("react");
+const countries_1 = require("../countries");
+const utils_1 = require("../utils");
+const useMapCountryToOptions_1 = require("./useMapCountryToOptions");
+function useCountries(optionsSettings) {
+    const mapCountryToOption = (0, useMapCountryToOptions_1.useMapCountryToOptions)();
+    const filterCountries = (0, react_1.useMemo)(() => {
+        if (!optionsSettings) {
+            return () => true;
+        }
+        const { includedCountries, excludedCountries } = optionsSettings;
+        const uniqueKey = 'value';
+        if (includedCountries) {
+            const includedSet = (0, utils_1.uniqueSet)(includedCountries, uniqueKey);
+            return (country) => includedSet.has(country[uniqueKey]);
+        }
+        if (excludedCountries) {
+            const excludedSet = (0, utils_1.uniqueSet)(excludedCountries, uniqueKey);
+            return (country) => !excludedSet.has(country[uniqueKey]);
+        }
+        return () => true;
+    }, [optionsSettings]);
+    return (0, react_1.useMemo)(() => {
+        if (optionsSettings === null || optionsSettings === void 0 ? void 0 : optionsSettings.overriddenOptions)
+            return optionsSettings.overriddenOptions;
+        return countries_1.ALL_COUNTRY_CODES.reduce((result, country) => {
+            if (filterCountries(country)) {
+                result.push(mapCountryToOption(country));
+            }
+            return result;
+        }, []);
+    }, [optionsSettings, filterCountries, mapCountryToOption]);
+}

package/dist/cjs/components/FieldPhone/hooks/useMapCountryToOptions.d.ts

@@ -0,0 +1,2 @@
+import { Country, FieldPhoneOptionsProps } from '../types';
+export declare function useMapCountryToOptions(): ({ value: id, mask, caption, beforeContent, iso2 }: Country) => FieldPhoneOptionsProps;

package/dist/cjs/components/FieldPhone/hooks/useMapCountryToOptions.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMapCountryToOptions = useMapCountryToOptions;
+const react_1 = require("react");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+function useMapCountryToOptions() {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    const mapCountryToOption = (0, react_1.useCallback)(({ value: id, mask, caption, beforeContent, iso2 }) => ({
+        id,
+        mask,
+        content: {
+            option: t(`FieldPhone.${id}`),
+            caption: caption,
+        },
+        beforeContent,
+        iso2,
+    }), [t]);
+    return mapCountryToOption;
+}

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

@@ -0,0 +1,5 @@
+export * from './FieldPhone';
+export type { FieldPhoneOptionsProps, CountrySettings } from './types';
+export * from './countries';
+export * from './hooks';
+export { formatPhoneNumber, detectCountryByPhone } from './utils';

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

@@ -0,0 +1,23 @@
+"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 });
+exports.detectCountryByPhone = exports.formatPhoneNumber = void 0;
+__exportStar(require("./FieldPhone"), exports);
+__exportStar(require("./countries"), exports);
+__exportStar(require("./hooks"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "formatPhoneNumber", { enumerable: true, get: function () { return utils_1.formatPhoneNumber; } });
+Object.defineProperty(exports, "detectCountryByPhone", { enumerable: true, get: function () { return utils_1.detectCountryByPhone; } });

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

@@ -0,0 +1,3 @@
+.fieldPhone[data-empty] input{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+import { useIMask } from 'react-imask';
+import { ALL_COUNTRY_CODES } from './countries';
+export type FieldPhoneOptionsProps = {
+    id: string;
+    beforeContent: ReactNode;
+    content: {
+        option: string;
+        caption: string;
+    };
+    mask: string;
+    iso2: string;
+};
+export type MaskOptions = Parameters<typeof useIMask>[0];
+export type Country = (typeof ALL_COUNTRY_CODES)[number];
+type OneOf<T extends object> = {
+    [K in keyof T]: {
+        [P in K]: T[P];
+    } & {
+        [P in Exclude<keyof T, K>]?: never;
+    };
+}[keyof T];
+export type CountrySettings = OneOf<{
+    /** Список элементов выпадающего списка со странами, который будет передан в селект-компонент и переопределит список объявленных стран внутри пакета */
+    overriddenOptions: FieldPhoneOptionsProps[];
+    /** Список стран, которые должны отображаться в селекторе (будут выбраны из перечня стран, объявленных внутри пакета) */
+    includedCountries: Country[];
+    /** Список стран, которые будут исключены из списка объявленных стран внутри пакета */
+    excludedCountries: Country[];
+}>;
+export {};

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

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

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

@@ -0,0 +1,7 @@
+import { FieldPhoneOptionsProps } from './types';
+export declare const uniqueSet: <T, K extends keyof T>(arr: T[], key: K) => Set<T[K]>;
+export declare const formatPhoneNumber: <T extends {
+    caption: string;
+    mask: string;
+}>(phone: string, countries: readonly T[]) => string;
+export declare function detectCountryByPhone(text: string, options: FieldPhoneOptionsProps[]): FieldPhoneOptionsProps | undefined;

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

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatPhoneNumber = exports.uniqueSet = void 0;
+exports.detectCountryByPhone = detectCountryByPhone;
+const awesome_phonenumber_1 = require("awesome-phonenumber");
+const countries_1 = require("./countries");
+const uniqueSet = (arr, key) => new Set(arr.map(obj => obj[key]));
+exports.uniqueSet = uniqueSet;
+/* Приходит +79878887879/+7987****875, на основании mask возвращается +7 987-888-78-79/+7 987-***-*8-75 */
+const formatPhoneNumber = (phone, countries) => {
+    const digits = phone.replace(/[^\d*]/g, '');
+    const country = countries.find(item => digits.startsWith(item.caption.replace('+', '')));
+    if (!country) {
+        return phone;
+    }
+    const countryCode = country.caption.replace('+', '');
+    const restNumber = digits.slice(countryCode.length);
+    let formatted = '';
+    let index = 0;
+    for (const char of country.mask) {
+        if (char === 'X') {
+            formatted += restNumber.charAt(index) || '';
+            index++;
+        }
+        else {
+            formatted += char;
+        }
+    }
+    return `${country.caption} ${formatted}`;
+};
+exports.formatPhoneNumber = formatPhoneNumber;
+const byId = (id) => (option) => option.id === id;
+function detectCountryByPhone(text, options) {
+    const cleaned = text.replace(/[^\d+]/g, '');
+    const withPlus = cleaned.startsWith('+') ? cleaned : `+${cleaned}`;
+    const parsedNumber = (0, awesome_phonenumber_1.parsePhoneNumber)(withPlus);
+    const regionCode = parsedNumber.regionCode;
+    /* У Абхазии iso2 совпадает с Россией */
+    if (/^\+?7(840|940)/.test(cleaned)) {
+        let russia;
+        for (const option of options) {
+            const id = option.id;
+            const iso = option.iso2;
+            if (id === countries_1.ABKHAZIA_COUNTRY_CODE.value) {
+                return option;
+            }
+            if (!russia && (id === countries_1.RUSSIA_COUNTRY_CODE.value || iso === countries_1.RUSSIA_COUNTRY_CODE.iso2)) {
+                russia = option;
+            }
+        }
+        return russia;
+    }
+    if (regionCode === countries_1.RUSSIA_COUNTRY_CODE.iso2) {
+        return options.find(byId(countries_1.RUSSIA_COUNTRY_CODE.value));
+    }
+    return options.find(opt => opt.iso2 === regionCode);
+}

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

@@ -0,0 +1,21 @@
+import { WithLayoutType, WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
+import { EntityName, FieldSelectProps, LayoutProps } from './types';
+export type SelectCreateProps = WithSupportProps<WithLayoutType & LayoutProps & {
+    /** Тип объекта для создания новой опции (в единственном числе вин.падеже для кнопки Создать <entityName> и множественном числе) */
+    entityName: EntityName;
+    /** Коллбек создания новой опции, при успешном выполнении возвращает value новой опции */
+    submitHandler: () => Promise<string | void>;
+    /** Пропсы прокидываемые в селект */
+    selectProps: FieldSelectProps;
+    /** Коллбек рефетча запроса на получение списка опций в случае ошибки (при передаче dataError в selectProps). */
+    onRefetch?: VoidFunction;
+    className?: string;
+    /** Коллбек после закрытия модального окна/дровера */
+    afterClose?: VoidFunction;
+    /** Иконка сервиса */
+    entityIcon?: IconPredefinedProps['icon'];
+    /** Управление состоянием компонента в зависимости от прав пользователя (по дефолту permission = 'canCreate') */
+    permission?: 'none' | 'canRead' | 'canCreate';
+}>;
+export declare const SelectCreate: import("react").NamedExoticComponent<SelectCreateProps>;

package/dist/cjs/components/SelectCreate/SelectCreate.js

@@ -0,0 +1,66 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+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.SelectCreate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const uikit_product_mobile_fields_1 = require("@sbercloud/uikit-product-mobile-fields");
+const uikit_product_mobile_modal_1 = require("@sbercloud/uikit-product-mobile-modal");
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const button_1 = require("@snack-uikit/button");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const hooks_1 = require("../../hooks");
+const SelectFooter_1 = require("./SelectFooter");
+const useSelectDataStates_1 = require("./useSelectDataStates");
+exports.SelectCreate = (0, react_1.memo)(function SelectCreate(_a) {
+    var { selectProps, createLayoutProps, createLayoutType = 'drawer', entityName, submitHandler, onRefetch, className, afterClose, entityIcon, permission = 'canCreate', layoutType } = _a, rest = __rest(_a, ["selectProps", "createLayoutProps", "createLayoutType", "entityName", "submitHandler", "onRefetch", "className", "afterClose", "entityIcon", "permission", "layoutType"]);
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    const { onClose, onOpen, isOpen } = (0, hooks_1.useOpen)();
+    const selectDataStates = (0, useSelectDataStates_1.useSelectDataStates)({ entityName, entityIcon, onRefetch });
+    const selectSize = selectProps.size || 'm';
+    const handleClose = (0, react_1.useCallback)(() => {
+        onClose();
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+    }, [afterClose, onClose]);
+    const handleCreate = (0, react_1.useCallback)(() => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        const newOption = yield submitHandler();
+        (_a = selectProps.onChange) === null || _a === void 0 ? void 0 : _a.call(selectProps, newOption);
+        handleClose();
+    }), [handleClose, selectProps, submitHandler]);
+    const buttons = (0, react_1.useMemo)(() => ({
+        approveButton: { label: t('SelectCreate.buttonCreate'), onClick: handleCreate },
+        cancelButton: { label: t('SelectCreate.buttonCancel'), onClick: onClose },
+    }), [t, handleCreate, onClose]);
+    const formLayout = (0, react_1.useMemo)(() => {
+        const layoutProps = Object.assign(Object.assign(Object.assign({}, createLayoutProps), buttons), { open: isOpen, onClose: handleClose, layoutType });
+        return createLayoutType === 'modal' ? ((0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.AdaptiveModal, Object.assign({}, layoutProps))) : ((0, jsx_runtime_1.jsx)(uikit_product_mobile_modal_1.AdaptiveDrawer, Object.assign({}, layoutProps)));
+    }, [createLayoutProps, buttons, isOpen, handleClose, layoutType, createLayoutType]);
+    const createBtnLabel = `${t('SelectCreate.buttonCreate')} ${entityName.single.toLocaleLowerCase()}`;
+    const tooltipProps = {
+        tip: t('SelectCreate.noPermission'),
+        placement: 'top',
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: className }, (0, uikit_product_utils_1.extractSupportProps)(rest), { "data-test-id": 'select-create__wrapper', children: [(0, jsx_runtime_1.jsxs)(tooltip_1.WithTooltip, { tooltip: permission === 'none' ? tooltipProps : undefined, children: [(0, jsx_runtime_1.jsx)(uikit_product_mobile_fields_1.AdaptiveFieldSelect, Object.assign({ layoutType: layoutType, placeholder: t('SelectCreate.selectPlaceholder') }, selectDataStates, selectProps, { size: selectSize, footer: (0, jsx_runtime_1.jsx)(SelectFooter_1.SelectFooter, { onClick: onOpen, createButtonLabel: createBtnLabel, canCreate: permission === 'canCreate' }), disabled: permission === 'none' })), (0, jsx_runtime_1.jsx)(tooltip_1.WithTooltip, { tooltip: permission === 'canRead' ? tooltipProps : undefined, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { label: createBtnLabel, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PlusSVG, {}), iconPosition: 'before', onClick: onOpen, size: selectSize, "data-test-id": 'select-create__create-button', disabled: permission !== 'canCreate' }) })] }), formLayout] })));
+});

package/dist/cjs/components/SelectCreate/SelectFooter/SelectFooter.d.ts

@@ -0,0 +1,7 @@
+type SelectFooterProps = {
+    onClick: VoidFunction;
+    createButtonLabel: string;
+    canCreate: boolean;
+};
+export declare function SelectFooter({ onClick, createButtonLabel, canCreate }: SelectFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/components/SelectCreate/SelectFooter/SelectFooter.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectFooter = SelectFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const tooltip_1 = require("@snack-uikit/tooltip");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SelectFooter({ onClick, createButtonLabel, canCreate }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    return ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.footerWrapper, children: (0, jsx_runtime_1.jsx)(tooltip_1.WithTooltip, { tooltip: canCreate ? undefined : { tip: t('SelectCreate.noPermission'), placement: 'top' }, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFunction, { label: createButtonLabel, onClick: onClick, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.PlusSVG, {}), iconPosition: 'before', "data-test-id": 'select-create__create-button-footer', disabled: !canCreate }) }) }));
+}

package/dist/cjs/components/SelectCreate/SelectFooter/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectFooter';

package/dist/cjs/components/SelectCreate/SelectFooter/index.js

@@ -0,0 +1,17 @@
+"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("./SelectFooter"), exports);

package/dist/cjs/components/SelectCreate/SelectFooter/styles.module.css

@@ -0,0 +1,6 @@
+.footerWrapper{
+  display:flex;
+  align-items:center;
+  padding-top:4px;
+  border-top:1px solid var(--sys-neutral-decor-disabled, #e6e8ef);
+}

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

@@ -0,0 +1 @@
+export * from './SelectCreate';

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

@@ -0,0 +1,17 @@
+"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("./SelectCreate"), exports);

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

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { FieldSelectMultipleProps, FieldSelectSingleProps } from '@sbercloud/uikit-product-mobile-fields';
+import { AdaptiveDrawerProps, AdaptiveModalProps } from '@sbercloud/uikit-product-mobile-modal';
+type CommonModalDrawerProps = 'open' | 'onClose' | 'approveButton' | 'cancelButton' | 'layoutType';
+type CreateLayoutModalProps = Omit<AdaptiveModalProps, CommonModalDrawerProps> & {
+    content: ReactNode;
+};
+type CreateLayoutDrawerProps = Omit<AdaptiveDrawerProps, CommonModalDrawerProps>;
+export type LayoutProps = {
+    /** По клику на кнопку создания открывать модальное окно или дровер */
+    createLayoutType: 'modal';
+    /** Пропсы передаваемые в модалку или дровер создания новой опции */
+    createLayoutProps: CreateLayoutModalProps;
+} | {
+    createLayoutType: 'drawer';
+    createLayoutProps: CreateLayoutDrawerProps;
+};
+export type EntityName = {
+    plural: string;
+    single: string;
+};
+export type OmittedSelectProps = 'footer' | 'noResultState' | 'noDataState' | 'errorDataState';
+export type FieldSelectProps = (Omit<FieldSelectSingleProps, OmittedSelectProps> & {
+    selection?: 'single';
+}) | (Omit<FieldSelectMultipleProps, OmittedSelectProps> & {
+    selection: 'multiple';
+});
+export {};

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

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

package/dist/cjs/components/SelectCreate/useSelectDataStates.d.ts

@@ -0,0 +1,10 @@
+import { FieldSelectProps } from '@sbercloud/uikit-product-mobile-fields';
+import { IconPredefinedProps } from '@snack-uikit/icon-predefined';
+import { EntityName } from './types';
+type Props = {
+    onRefetch?: VoidFunction;
+    entityName: EntityName;
+    entityIcon?: IconPredefinedProps['icon'];
+};
+export declare function useSelectDataStates({ onRefetch, entityName, entityIcon }: Props): Pick<FieldSelectProps, "noDataState" | "noResultsState" | "errorDataState">;
+export {};

package/dist/cjs/components/SelectCreate/useSelectDataStates.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSelectDataStates = useSelectDataStates;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const helpers_1 = require("../../helpers");
+function useSelectDataStates({ onRefetch, entityName, entityIcon }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    return (0, react_1.useMemo)(() => ({
+        noDataState: {
+            icon: { icon: entityIcon !== null && entityIcon !== void 0 ? entityIcon : uikit_product_icons_1.SearchSVG },
+            description: `${(0, helpers_1.capitalize)(entityName.plural)} ${t('SelectCreate.noData')}`,
+        },
+        noResultsState: {
+            icon: { icon: uikit_product_icons_1.SearchSVG },
+            description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, helpers_1.capitalize)(entityName.plural), " ", t('SelectCreate.noResult'), ".", (0, jsx_runtime_1.jsx)("br", {}), t('SelectCreate.changeRequest'), " ", entityName.single.toLocaleLowerCase()] })),
+        },
+        errorDataState: {
+            description: `${t('SelectCreate.loadError')} ${entityName.plural.toLocaleLowerCase()}`,
+            footer: onRefetch ? ((0, jsx_runtime_1.jsx)(button_1.ButtonTonal, { label: t('SelectCreate.buttonRefetch'), icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.UpdateSVG, {}), appearance: 'neutral', onClick: onRefetch })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {})),
+        },
+    }), [entityIcon, entityName, t, onRefetch]);
+}

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

@@ -0,0 +1,5 @@
+export * from './FieldPhone';
+export * from './SelectCreate';
+export * from './FieldAi';
+export * from './FieldChat';
+export * from './AIDisclaimer';

package/dist/cjs/components/index.js

@@ -0,0 +1,21 @@
+"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("./FieldPhone"), exports);
+__exportStar(require("./SelectCreate"), exports);
+__exportStar(require("./FieldAi"), exports);
+__exportStar(require("./FieldChat"), exports);
+__exportStar(require("./AIDisclaimer"), exports);

package/dist/cjs/helperComponents/FieldSubmitButton/FieldSubmitButton.d.ts

@@ -0,0 +1,9 @@
+export type FieldSubmitButtonProps = {
+    active: boolean;
+    handleClick(): void;
+    size?: 'xs' | 's';
+    className?: string;
+    fullWidth?: boolean;
+    showTooltip?: boolean;
+};
+export declare function FieldSubmitButton({ active, handleClick, size, className, fullWidth, showTooltip, }: FieldSubmitButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/helperComponents/FieldSubmitButton/FieldSubmitButton.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldSubmitButton = FieldSubmitButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const uikit_product_icons_1 = require("@sbercloud/uikit-product-icons");
+const uikit_product_locale_1 = require("@sbercloud/uikit-product-locale");
+const button_1 = require("@snack-uikit/button");
+const tooltip_1 = require("@snack-uikit/tooltip");
+function FieldSubmitButton({ active, handleClick, size = 'xs', className, fullWidth, showTooltip = true, }) {
+    const { t } = (0, uikit_product_locale_1.useLocale)('FieldsPredefined');
+    if (active) {
+        return ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { tip: t('FieldAi.submit.tooltip'), hoverDelayOpen: 600, open: showTooltip ? undefined : false, children: (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { fullWidth: fullWidth, icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ArrowUpSVG, {}), size: size, appearance: 'primary', type: 'submit', onClick: handleClick, className: className }) }));
+    }
+    return (0, jsx_runtime_1.jsx)(button_1.ButtonFilled, { icon: (0, jsx_runtime_1.jsx)(uikit_product_icons_1.ArrowUpSVG, {}), size: size, disabled: true, className: className, fullWidth: fullWidth });
+}

package/dist/cjs/helperComponents/FieldSubmitButton/index.d.ts

@@ -0,0 +1 @@
+export * from './FieldSubmitButton';

package/dist/cjs/helperComponents/FieldSubmitButton/index.js

@@ -0,0 +1,17 @@
+"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("./FieldSubmitButton"), exports);

package/dist/cjs/helperComponents/TextAreaActionsFooter/TextAreaActionsFooter.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+type TextAreaActionsFooterProps = {
+    left?: ReactNode;
+    right?: ReactNode;
+};
+export declare function TextAreaActionsFooter({ left, right }: TextAreaActionsFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/TextAreaActionsFooter/TextAreaActionsFooter.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextAreaActionsFooter = TextAreaActionsFooter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function TextAreaActionsFooter({ left, right }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.actionsFooter, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.actionsWrapper, children: left }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(styles_module_scss_1.default.actionsWrapper, styles_module_scss_1.default.right), children: right })] }));
+}

package/dist/cjs/helperComponents/TextAreaActionsFooter/index.d.ts

@@ -0,0 +1 @@
+export * from './TextAreaActionsFooter';

package/dist/cjs/helperComponents/TextAreaActionsFooter/index.js

@@ -0,0 +1,17 @@
+"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("./TextAreaActionsFooter"), exports);

package/dist/cjs/helperComponents/TextAreaActionsFooter/styles.module.css

@@ -0,0 +1,21 @@
+.actionsFooter{
+  display:flex;
+  flex-direction:row;
+  justify-content:space-between;
+  align-items:center;
+  width:100%;
+  padding-bottom:7px;
+}
+
+.actionsWrapper{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.right{
+  justify-content:flex-end;
+  width:100%;
+  padding-right:8px;
+}

package/dist/cjs/helpers/capitalize.d.ts

@@ -0,0 +1 @@
+export declare function capitalize(word: string): string;

package/dist/cjs/helpers/capitalize.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.capitalize = capitalize;
+function capitalize(word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+}