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

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

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

package/dist/esm/components/FieldPhone/hooks/index.js

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

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

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

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

@@ -0,0 +1,33 @@
+import { useMemo } from 'react';
+import { ALL_COUNTRY_CODES } from '../countries';
+import { uniqueSet } from '../utils';
+import { useMapCountryToOptions } from './useMapCountryToOptions';
+export function useCountries(optionsSettings) {
+    const mapCountryToOption = useMapCountryToOptions();
+    const filterCountries = useMemo(() => {
+        if (!optionsSettings) {
+            return () => true;
+        }
+        const { includedCountries, excludedCountries } = optionsSettings;
+        const uniqueKey = 'value';
+        if (includedCountries) {
+            const includedSet = uniqueSet(includedCountries, uniqueKey);
+            return (country) => includedSet.has(country[uniqueKey]);
+        }
+        if (excludedCountries) {
+            const excludedSet = uniqueSet(excludedCountries, uniqueKey);
+            return (country) => !excludedSet.has(country[uniqueKey]);
+        }
+        return () => true;
+    }, [optionsSettings]);
+    return useMemo(() => {
+        if (optionsSettings === null || optionsSettings === void 0 ? void 0 : optionsSettings.overriddenOptions)
+            return optionsSettings.overriddenOptions;
+        return ALL_COUNTRY_CODES.reduce((result, country) => {
+            if (filterCountries(country)) {
+                result.push(mapCountryToOption(country));
+            }
+            return result;
+        }, []);
+    }, [optionsSettings, filterCountries, mapCountryToOption]);
+}

package/dist/esm/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/esm/components/FieldPhone/hooks/useMapCountryToOptions.js

@@ -0,0 +1,16 @@
+import { useCallback } from 'react';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+export function useMapCountryToOptions() {
+    const { t } = useLocale('FieldsPredefined');
+    const mapCountryToOption = useCallback(({ value: id, mask, caption, beforeContent, iso2 }) => ({
+        id,
+        mask,
+        content: {
+            option: t(`FieldPhone.${id}`),
+            caption: caption,
+        },
+        beforeContent,
+        iso2,
+    }), [t]);
+    return mapCountryToOption;
+}

package/dist/esm/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/esm/components/FieldPhone/index.js

@@ -0,0 +1,4 @@
+export * from './FieldPhone';
+export * from './countries';
+export * from './hooks';
+export { formatPhoneNumber, detectCountryByPhone } from './utils';

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

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

package/dist/esm/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/esm/components/FieldPhone/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/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/esm/components/FieldPhone/utils.js

@@ -0,0 +1,51 @@
+import { parsePhoneNumber } from 'awesome-phonenumber';
+import { ABKHAZIA_COUNTRY_CODE, RUSSIA_COUNTRY_CODE } from './countries';
+export const uniqueSet = (arr, key) => new Set(arr.map(obj => obj[key]));
+/* Приходит +79878887879/+7987****875, на основании mask возвращается +7 987-888-78-79/+7 987-***-*8-75 */
+export 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}`;
+};
+const byId = (id) => (option) => option.id === id;
+export function detectCountryByPhone(text, options) {
+    const cleaned = text.replace(/[^\d+]/g, '');
+    const withPlus = cleaned.startsWith('+') ? cleaned : `+${cleaned}`;
+    const parsedNumber = 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 === ABKHAZIA_COUNTRY_CODE.value) {
+                return option;
+            }
+            if (!russia && (id === RUSSIA_COUNTRY_CODE.value || iso === RUSSIA_COUNTRY_CODE.iso2)) {
+                russia = option;
+            }
+        }
+        return russia;
+    }
+    if (regionCode === RUSSIA_COUNTRY_CODE.iso2) {
+        return options.find(byId(RUSSIA_COUNTRY_CODE.value));
+    }
+    return options.find(opt => opt.iso2 === regionCode);
+}

package/dist/esm/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/esm/components/SelectCreate/SelectCreate.js

@@ -0,0 +1,63 @@
+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;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { memo, useCallback, useMemo } from 'react';
+import { PlusSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { AdaptiveFieldSelect } from '@sbercloud/uikit-product-mobile-fields';
+import { AdaptiveDrawer, AdaptiveModal } from '@sbercloud/uikit-product-mobile-modal';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { ButtonFunction } from '@snack-uikit/button';
+import { WithTooltip } from '@snack-uikit/tooltip';
+import { useOpen } from '../../hooks';
+import { SelectFooter } from './SelectFooter';
+import { useSelectDataStates } from './useSelectDataStates';
+export const SelectCreate = 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 } = useLocale('FieldsPredefined');
+    const { onClose, onOpen, isOpen } = useOpen();
+    const selectDataStates = useSelectDataStates({ entityName, entityIcon, onRefetch });
+    const selectSize = selectProps.size || 'm';
+    const handleClose = useCallback(() => {
+        onClose();
+        afterClose === null || afterClose === void 0 ? void 0 : afterClose();
+    }, [afterClose, onClose]);
+    const handleCreate = 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 = useMemo(() => ({
+        approveButton: { label: t('SelectCreate.buttonCreate'), onClick: handleCreate },
+        cancelButton: { label: t('SelectCreate.buttonCancel'), onClick: onClose },
+    }), [t, handleCreate, onClose]);
+    const formLayout = useMemo(() => {
+        const layoutProps = Object.assign(Object.assign(Object.assign({}, createLayoutProps), buttons), { open: isOpen, onClose: handleClose, layoutType });
+        return createLayoutType === 'modal' ? (_jsx(AdaptiveModal, Object.assign({}, layoutProps))) : (_jsx(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 (_jsxs("div", Object.assign({ className: className }, extractSupportProps(rest), { "data-test-id": 'select-create__wrapper', children: [_jsxs(WithTooltip, { tooltip: permission === 'none' ? tooltipProps : undefined, children: [_jsx(AdaptiveFieldSelect, Object.assign({ layoutType: layoutType, placeholder: t('SelectCreate.selectPlaceholder') }, selectDataStates, selectProps, { size: selectSize, footer: _jsx(SelectFooter, { onClick: onOpen, createButtonLabel: createBtnLabel, canCreate: permission === 'canCreate' }), disabled: permission === 'none' })), _jsx(WithTooltip, { tooltip: permission === 'canRead' ? tooltipProps : undefined, children: _jsx(ButtonFunction, { label: createBtnLabel, icon: _jsx(PlusSVG, {}), iconPosition: 'before', onClick: onOpen, size: selectSize, "data-test-id": 'select-create__create-button', disabled: permission !== 'canCreate' }) })] }), formLayout] })));
+});

package/dist/esm/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/esm/components/SelectCreate/SelectFooter/SelectFooter.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PlusSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFunction } from '@snack-uikit/button';
+import { WithTooltip } from '@snack-uikit/tooltip';
+import styled from './styles.module.css';
+export function SelectFooter({ onClick, createButtonLabel, canCreate }) {
+    const { t } = useLocale('FieldsPredefined');
+    return (_jsx("div", { className: styled.footerWrapper, children: _jsx(WithTooltip, { tooltip: canCreate ? undefined : { tip: t('SelectCreate.noPermission'), placement: 'top' }, children: _jsx(ButtonFunction, { label: createButtonLabel, onClick: onClick, icon: _jsx(PlusSVG, {}), iconPosition: 'before', "data-test-id": 'select-create__create-button-footer', disabled: !canCreate }) }) }));
+}

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

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

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

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

package/dist/esm/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/esm/components/SelectCreate/index.d.ts

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

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

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

package/dist/esm/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/esm/components/SelectCreate/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/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/esm/components/SelectCreate/useSelectDataStates.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { SearchSVG, UpdateSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonTonal } from '@snack-uikit/button';
+import { capitalize } from '../../helpers';
+export function useSelectDataStates({ onRefetch, entityName, entityIcon }) {
+    const { t } = useLocale('FieldsPredefined');
+    return useMemo(() => ({
+        noDataState: {
+            icon: { icon: entityIcon !== null && entityIcon !== void 0 ? entityIcon : SearchSVG },
+            description: `${capitalize(entityName.plural)} ${t('SelectCreate.noData')}`,
+        },
+        noResultsState: {
+            icon: { icon: SearchSVG },
+            description: (_jsxs(_Fragment, { children: [capitalize(entityName.plural), " ", t('SelectCreate.noResult'), ".", _jsx("br", {}), t('SelectCreate.changeRequest'), " ", entityName.single.toLocaleLowerCase()] })),
+        },
+        errorDataState: {
+            description: `${t('SelectCreate.loadError')} ${entityName.plural.toLocaleLowerCase()}`,
+            footer: onRefetch ? (_jsx(ButtonTonal, { label: t('SelectCreate.buttonRefetch'), icon: _jsx(UpdateSVG, {}), appearance: 'neutral', onClick: onRefetch })) : (_jsx(_Fragment, {})),
+        },
+    }), [entityIcon, entityName, t, onRefetch]);
+}

package/dist/esm/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/esm/components/index.js

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

package/dist/esm/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/esm/helperComponents/FieldSubmitButton/FieldSubmitButton.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ArrowUpSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFilled } from '@snack-uikit/button';
+import { Tooltip } from '@snack-uikit/tooltip';
+export function FieldSubmitButton({ active, handleClick, size = 'xs', className, fullWidth, showTooltip = true, }) {
+    const { t } = useLocale('FieldsPredefined');
+    if (active) {
+        return (_jsx(Tooltip, { tip: t('FieldAi.submit.tooltip'), hoverDelayOpen: 600, open: showTooltip ? undefined : false, children: _jsx(ButtonFilled, { fullWidth: fullWidth, icon: _jsx(ArrowUpSVG, {}), size: size, appearance: 'primary', type: 'submit', onClick: handleClick, className: className }) }));
+    }
+    return _jsx(ButtonFilled, { icon: _jsx(ArrowUpSVG, {}), size: size, disabled: true, className: className, fullWidth: fullWidth });
+}

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

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

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

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

package/dist/esm/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/esm/helperComponents/TextAreaActionsFooter/TextAreaActionsFooter.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import styles from './styles.module.css';
+export function TextAreaActionsFooter({ left, right }) {
+    return (_jsxs("div", { className: styles.actionsFooter, children: [_jsx("div", { className: styles.actionsWrapper, children: left }), _jsx("div", { className: cn(styles.actionsWrapper, styles.right), children: right })] }));
+}

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

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

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

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

package/dist/esm/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/esm/helpers/capitalize.d.ts

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

package/dist/esm/helpers/capitalize.js

@@ -0,0 +1,3 @@
+export function capitalize(word) {
+    return word.charAt(0).toUpperCase() + word.slice(1);
+}

package/dist/esm/helpers/getSymbolsRangeFromMask.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Возвращает кол-во символов для маски - со скобками и без
+ * @function helper
+ */
+export declare function getSymbolsRangeFromMask(mask?: string): {
+    minNumberLength: number;
+    maxNumberLength: number;
+};

package/dist/esm/helpers/getSymbolsRangeFromMask.js

@@ -0,0 +1,14 @@
+/**
+ * Возвращает кол-во символов для маски - со скобками и без
+ * @function helper
+ */
+export function getSymbolsRangeFromMask(mask = '') {
+    // Считаем все 'X' и цифры в строке
+    const maxNumberLength = (mask.match(/[X\d]/g) || []).length;
+    // Удаляем содержимое внутри скобок, включая сами скобки для подсчёта без учёта их содержимого
+    const stringWithoutBrackets = mask.replace(/\[[^\]]*\]/g, '');
+    // Считаем 'X' и цифры после удаления содержимого в скобках
+    const minNumberLength = (stringWithoutBrackets.match(/[X\d]/g) || []).length;
+    // Возвращаем оба значения: без учёта и с учётом содержимого в скобках
+    return { minNumberLength, maxNumberLength };
+}

package/dist/esm/helpers/index.d.ts

@@ -0,0 +1,3 @@
+export * from './capitalize';
+export * from './isTouchDevice';
+export * from './getSymbolsRangeFromMask';

package/dist/esm/helpers/index.js

@@ -0,0 +1,3 @@
+export * from './capitalize';
+export * from './isTouchDevice';
+export * from './getSymbolsRangeFromMask';

package/dist/esm/helpers/isTouchDevice.d.ts

@@ -0,0 +1,2 @@
+import { LayoutType } from '@sbercloud/uikit-product-utils';
+export declare function isTouchDevice(layoutType: LayoutType): boolean;

package/dist/esm/helpers/isTouchDevice.js

@@ -0,0 +1,3 @@
+export function isTouchDevice(layoutType) {
+    return ['mobile', 'tablet'].includes(layoutType);
+}

package/dist/esm/hooks/index.d.ts

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

package/dist/esm/hooks/index.js

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

package/dist/esm/hooks/useOpen.d.ts

@@ -0,0 +1,5 @@
+export declare function useOpen(defaultState?: boolean): {
+    isOpen: boolean;
+    onClose: () => void;
+    onOpen: () => void;
+};

package/dist/esm/hooks/useOpen.js

@@ -0,0 +1,15 @@
+import { useCallback, useMemo, useState } from 'react';
+export function useOpen(defaultState = false) {
+    const [isOpen, setIsOpen] = useState(defaultState);
+    const onClose = useCallback(() => {
+        setIsOpen(false);
+    }, []);
+    const onOpen = useCallback(() => {
+        setIsOpen(true);
+    }, []);
+    return useMemo(() => ({
+        isOpen,
+        onClose,
+        onOpen,
+    }), [isOpen, onClose, onOpen]);
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export { getSymbolsRangeFromMask } from './helpers';
+export { setNonce } from '@sbercloud/uikit-product-mobile-fields';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export { getSymbolsRangeFromMask } from './helpers';
+export { setNonce } from '@sbercloud/uikit-product-mobile-fields';