@cloud-ru/ds-uikit-product-fields-predefined 1.0.0

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { CountrySettings, FieldPhoneOptionsProps } from '../types.js';
+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.js';
+import { uniqueSet } from '../utils.js';
+import { useMapCountryToOptions } from './useMapCountryToOptions.js';
+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?.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.js';
+export declare function useMapCountryToOptions(): ({ value: id, mask, caption, icon, iso2 }: Country) => FieldPhoneOptionsProps;

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

@@ -0,0 +1,17 @@
+import { createElement, useCallback } from 'react';
+import { fieldsPredefinedLocale } from '../../../locale/index.js';
+import { FLAG_ICON_SIZE } from '../constants.js';
+export function useMapCountryToOptions() {
+    const { t } = fieldsPredefinedLocale.useTranslations();
+    const mapCountryToOption = useCallback(({ value: id, mask, caption, icon, iso2 }) => ({
+        id,
+        mask,
+        content: {
+            label: t(`FieldPhone.${id}`),
+            caption,
+        },
+        beforeContent: createElement(icon, { size: FLAG_ICON_SIZE }),
+        iso2,
+    }), [t]);
+    return mapCountryToOption;
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+.fieldPhone input[data-empty]{
+  color:var(--sn-theme-color-available-version-textDisabled, var(--sn-brand-color-text-version-disabled, rgba(65, 66, 78, 0.3490196078)));
+}

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.js';
+export type FieldPhoneOptionsProps = {
+    id: string;
+    beforeContent: ReactNode;
+    content: {
+        label: 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,14 @@
+import { FieldPhoneOptionsProps } from './types.js';
+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;
+export declare const handleAutoInsert: ({ raw, onValueChange, onCountryChange, country, options, }: {
+    raw: string;
+    onValueChange(str: string): void;
+    onCountryChange(country: FieldPhoneOptionsProps): void;
+    country?: FieldPhoneOptionsProps;
+    options: FieldPhoneOptionsProps[];
+}) => void;

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

@@ -0,0 +1,78 @@
+import { parsePhoneNumber } from 'awesome-phonenumber';
+import { ABKHAZIA_COUNTRY_CODE, RUSSIA_COUNTRY_CODE } from './countries.js';
+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);
+}
+export const handleAutoInsert = ({ raw, onValueChange, onCountryChange, country, options, }) => {
+    if (!raw)
+        return;
+    const parsed = parsePhoneNumber(raw);
+    const ok = parsed.valid || parsed.possible;
+    if (!ok)
+        return;
+    const detected = detectCountryByPhone(raw, options);
+    if (!detected)
+        return;
+    let national = parsed.number?.significant.replace(/\D/g, '');
+    if (!national)
+        return;
+    const nextNationalLength = (detected.mask?.match(/X/g) ?? []).length;
+    if (nextNationalLength && national.length > nextNationalLength) {
+        national = national.slice(-nextNationalLength);
+    }
+    const fullDigits = (parsed.number?.e164 ?? raw).replace(/\D/g, '');
+    const countryCodeDigits = String(parsed.countryCode ?? '');
+    const expected = countryCodeDigits.length + nextNationalLength;
+    if (fullDigits.length < expected)
+        return;
+    if (detected.id !== country?.id) {
+        onCountryChange(detected);
+    }
+    onValueChange(national);
+};

package/dist/esm/components/FieldSelectCreate/FieldSelectCreate.d.ts

@@ -0,0 +1,8 @@
+import { FieldSelectCreateProps } from './types.js';
+/**
+ * Поле выбора с действием «создать»: `FieldSelect` из `@cloud-ru/ds-fields` + встроенная форма создания опции
+ * в модалке или дровере (`createLayoutType`). Кнопка «Создать <entityName>» — под полем и в футере
+ * дроплиста (`SelectFooter`). Пустые состояния и тексты строятся из `entityName`. Доступ рулит `permission`.
+ * На mobile дроплист и модалка/дровер — `BottomSheet` (адаптив `@ds`), своего пропа `layoutType` нет.
+ */
+export declare const FieldSelectCreate: import("react").ForwardRefExoticComponent<FieldSelectCreateProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/FieldSelectCreate/FieldSelectCreate.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { APPEARANCE, Button, ICON_POSITION, VIEW } from '@cloud-ru/ds-button';
+import { Drawer, POSITION } from '@cloud-ru/ds-drawer';
+import { FieldSelect } from '@cloud-ru/ds-fields';
+import { PlusSVG } from '@cloud-ru/ds-icons/interface/system';
+import { Modal } from '@cloud-ru/ds-modal';
+import { Tooltip } from '@cloud-ru/ds-tooltip';
+import { extractSupportProps } from '@cloud-ru/ds-utils';
+import cn from 'classnames';
+import { forwardRef, useCallback } from 'react';
+import { TEST_IDS } from '../../constants.js';
+import { useOpen } from '../../hooks/index.js';
+import { fieldsPredefinedLocale } from '../../locale/index.js';
+import { CREATE_LAYOUT_TYPE, PERMISSION } from './constants.js';
+import { SelectFooter } from './helperComponents/SelectFooter/index.js';
+import styles from './styles.module.css';
+import { useSelectDataStates } from './useSelectDataStates.js';
+/**
+ * Поле выбора с действием «создать»: `FieldSelect` из `@cloud-ru/ds-fields` + встроенная форма создания опции
+ * в модалке или дровере (`createLayoutType`). Кнопка «Создать <entityName>» — под полем и в футере
+ * дроплиста (`SelectFooter`). Пустые состояния и тексты строятся из `entityName`. Доступ рулит `permission`.
+ * На mobile дроплист и модалка/дровер — `BottomSheet` (адаптив `@ds`), своего пропа `layoutType` нет.
+ */
+export const FieldSelectCreate = forwardRef(function FieldSelectCreate({ selectProps, createLayoutProps, createLayoutType = CREATE_LAYOUT_TYPE.Drawer, entityName, submitHandler, onRefetch, className, afterClose, entityIcon, permission = PERMISSION.CanCreate, ...rest }, ref) {
+    const { t } = fieldsPredefinedLocale.useTranslations();
+    const { isOpen, onOpen, onClose } = useOpen();
+    const selectDataStates = useSelectDataStates({ entityName, entityIcon, onRefetch });
+    const size = selectProps.size ?? 'm';
+    const isNone = permission === PERMISSION.None;
+    const canCreate = permission === PERMISSION.CanCreate;
+    const handleClose = useCallback(() => {
+        onClose();
+        afterClose?.();
+    }, [afterClose, onClose]);
+    const handleCreate = useCallback(async () => {
+        const newValue = await submitHandler();
+        // Автовыбор новой опции — в single-режиме; в multiple выбор оставляем потребителю.
+        if (typeof newValue === 'string' && selectProps.selection !== 'multiple') {
+            selectProps.onChange?.(newValue);
+        }
+        handleClose();
+    }, [handleClose, selectProps, submitHandler]);
+    const createButtonLabel = `${t('FieldSelectCreate.create')} ${entityName.single.toLocaleLowerCase()}`;
+    const noPermissionTip = t('FieldSelectCreate.noPermission');
+    // createLayoutType и createLayoutProps дискриминируются союзом, но при деструктуризации корреляция
+    // теряется — поэтому приводим тип поверхности к целевому внутри ветки (как в легаси).
+    const layoutProps = {
+        ...createLayoutProps,
+        open: isOpen,
+        onClose: handleClose,
+        'data-test-id': TEST_IDS.fieldSelectCreateSurface,
+        approveButton: { label: t('FieldSelectCreate.create'), onClick: handleCreate },
+        cancelButton: { label: t('FieldSelectCreate.cancel'), onClick: handleClose },
+    };
+    const formLayout = createLayoutType === CREATE_LAYOUT_TYPE.Modal ? (_jsx(Modal, { ...layoutProps })) : (_jsx(Drawer, { ...layoutProps, position: createLayoutProps.position ?? POSITION.Right }));
+    const withTip = (node, show) => show ? _jsx(Tooltip, { tip: noPermissionTip, children: node }) : node;
+    return (_jsxs("div", { className: cn(styles.fieldSelectCreate, className), ...extractSupportProps(rest), "data-test-id": TEST_IDS.fieldSelectCreate, children: [withTip(_jsx(FieldSelect, { ...selectProps, ref: ref, size: size, disabled: isNone || selectProps.disabled, placeholder: selectProps.placeholder ?? t('FieldSelectCreate.placeholder'), ...selectDataStates, footer: 
+                // В состоянии ошибки показываем только «Обновить» из errorDataState — без футера «Создать» (по макету).
+                selectProps.dataError ? undefined : (_jsx(SelectFooter, { onClick: onOpen, createButtonLabel: createButtonLabel, canCreate: canCreate })) }), isNone), withTip(_jsx(Button, { view: VIEW.Function, appearance: APPEARANCE.Neutral, label: createButtonLabel, icon: _jsx(PlusSVG, {}), iconPosition: ICON_POSITION.Before, onClick: onOpen, size: size, disabled: !canCreate, className: styles.createButton, "data-test-id": TEST_IDS.fieldSelectCreateButton }), !canCreate), formLayout] }));
+});

package/dist/esm/components/FieldSelectCreate/constants.d.ts

@@ -0,0 +1,14 @@
+/** Поверхность формы создания опции: модальное окно или дровер. */
+export declare const CREATE_LAYOUT_TYPE: {
+    readonly Modal: "modal";
+    readonly Drawer: "drawer";
+};
+/** Права пользователя на чтение/создание опций. */
+export declare const PERMISSION: {
+    /** Поле недоступно. */
+    readonly None: "none";
+    /** Поле активно, создание опции недоступно. */
+    readonly CanRead: "canRead";
+    /** Полный доступ: чтение и создание. */
+    readonly CanCreate: "canCreate";
+};

package/dist/esm/components/FieldSelectCreate/constants.js

@@ -0,0 +1,14 @@
+/** Поверхность формы создания опции: модальное окно или дровер. */
+export const CREATE_LAYOUT_TYPE = {
+    Modal: 'modal',
+    Drawer: 'drawer',
+};
+/** Права пользователя на чтение/создание опций. */
+export const PERMISSION = {
+    /** Поле недоступно. */
+    None: 'none',
+    /** Поле активно, создание опции недоступно. */
+    CanRead: 'canRead',
+    /** Полный доступ: чтение и создание. */
+    CanCreate: 'canCreate',
+};

package/dist/esm/components/FieldSelectCreate/helperComponents/SelectFooter/SelectFooter.d.ts

@@ -0,0 +1,8 @@
+type SelectFooterProps = {
+    onClick(): void;
+    createButtonLabel: string;
+    canCreate: boolean;
+};
+/** Персистентный футер дроплиста с кнопкой «Создать» (недоступна и с tooltip при нехватке прав). */
+export declare function SelectFooter({ onClick, createButtonLabel, canCreate }: SelectFooterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/FieldSelectCreate/helperComponents/SelectFooter/SelectFooter.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { APPEARANCE, Button, ICON_POSITION, VIEW } from '@cloud-ru/ds-button';
+import { PlusSVG } from '@cloud-ru/ds-icons/interface/system';
+import { Tooltip } from '@cloud-ru/ds-tooltip';
+import { TEST_IDS } from '../../../../constants.js';
+import { fieldsPredefinedLocale } from '../../../../locale/index.js';
+import styles from './styles.module.css';
+/** Персистентный футер дроплиста с кнопкой «Создать» (недоступна и с tooltip при нехватке прав). */
+export function SelectFooter({ onClick, createButtonLabel, canCreate }) {
+    const { t } = fieldsPredefinedLocale.useTranslations();
+    const button = (_jsx(Button, { view: VIEW.Function, appearance: APPEARANCE.Neutral, label: createButtonLabel, icon: _jsx(PlusSVG, {}), iconPosition: ICON_POSITION.Before, onClick: onClick, disabled: !canCreate, "data-test-id": TEST_IDS.fieldSelectCreateFooterButton }));
+    return (_jsx("div", { className: styles.footerWrapper, children: canCreate ? button : _jsx(Tooltip, { tip: t('FieldSelectCreate.noPermission'), children: button }) }));
+}

package/dist/esm/components/FieldSelectCreate/helperComponents/SelectFooter/index.d.ts

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

package/dist/esm/components/FieldSelectCreate/helperComponents/SelectFooter/index.js

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

package/dist/esm/components/FieldSelectCreate/helperComponents/SelectFooter/styles.module.css

@@ -0,0 +1,6 @@
+.footerWrapper{
+  display:flex;
+  align-items:center;
+  padding-top:var(--sn-primitive-dimension-4, 4px);
+  border-top:var(--sn-primitive-strokeWeight-strokeRegular, 1px) solid var(--sn-theme-color-available-borderColor, var(--sn-brand-color-state-neutralBorder-forLightMode-default-borderColor, rgba(159, 166, 198, 0.3019607843)));
+}

package/dist/esm/components/FieldSelectCreate/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants.js';
+export * from './FieldSelectCreate.js';
+export * from './types.js';

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

@@ -0,0 +1,3 @@
+export * from './constants.js';
+export * from './FieldSelectCreate.js';
+export * from './types.js';

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

@@ -0,0 +1,9 @@
+.fieldSelectCreate{
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-8, 8px);
+}
+
+.createButton{
+  align-self:flex-start;
+}

package/dist/esm/components/FieldSelectCreate/types.d.ts

@@ -0,0 +1,58 @@
+import { DrawerProps, Position } from '@cloud-ru/ds-drawer';
+import { FieldSelectMultipleProps, FieldSelectSingleProps } from '@cloud-ru/ds-fields';
+import { ModalProps } from '@cloud-ru/ds-modal';
+import { ValueOf, WithSupportProps } from '@cloud-ru/ds-utils';
+import { CREATE_LAYOUT_TYPE, PERMISSION } from './constants.js';
+export type CreateLayoutType = ValueOf<typeof CREATE_LAYOUT_TYPE>;
+export type Permission = ValueOf<typeof PERMISSION>;
+export type EntityName = {
+    /** Единственное число (винительный падеж) — для кнопки «Создать <single>». */
+    single: string;
+    /** Множественное число — для текстов пустых состояний и ошибки. */
+    plural: string;
+};
+export type EntityIcon = NonNullable<NonNullable<FieldSelectSingleProps['noDataState']>['icon']>['icon'];
+type OmittedSelectKeys = 'footer' | 'noDataState' | 'noResultsState' | 'errorDataState';
+export type SelectFieldProps = (Omit<FieldSelectSingleProps, OmittedSelectKeys> & {
+    selection?: 'single';
+}) | (Omit<FieldSelectMultipleProps, OmittedSelectKeys> & {
+    selection: 'multiple';
+});
+type ManagedLayoutKeys = 'open' | 'onClose' | 'approveButton' | 'cancelButton';
+export type LayoutProps = {
+    /** По клику на «Создать» открывается модальное окно. */
+    createLayoutType: 'modal';
+    /** Пропсы модалки создания (`content` — форма создания опции). */
+    createLayoutProps: Omit<ModalProps, ManagedLayoutKeys>;
+} | {
+    /** По клику на «Создать» открывается дровер (по умолчанию). */
+    createLayoutType?: 'drawer';
+    /** Пропсы дровера создания (`content` — форма создания опции); `position` по умолчанию `right`. */
+    createLayoutProps: Omit<DrawerProps, ManagedLayoutKeys | 'position'> & {
+        position?: Position;
+    };
+};
+export type FieldSelectCreateProps = WithSupportProps<LayoutProps & {
+    /** Название сущности в единственном и множественном числе — для кнопок и пустых состояний. */
+    entityName: EntityName;
+    /** Действие создания опции: возвращает `value` новой опции, которая выбирается в поле (single-режим). */
+    submitHandler(): Promise<string | void>;
+    /** Пропсы, прокидываемые в `FieldSelect` (`@cloud-ru/ds-fields`). */
+    selectProps: SelectFieldProps;
+    /** Повтор загрузки в состоянии ошибки (кнопка «Обновить» в футере `errorDataState`). */
+    onRefetch?(): void;
+    /** CSS-класс корневой обёртки. */
+    className?: string;
+    /** Колбэк после закрытия модалки/дровера создания. */
+    afterClose?(): void;
+    /** Иконка пустого состояния `noData` (по умолчанию — иконка поиска). */
+    entityIcon?: EntityIcon;
+    /**
+     * Права пользователя:
+     * - `canCreate` (по умолчанию) — доступны и выбор, и создание;
+     * - `canRead` — поле активно, но создание недоступно (кнопки «Создать» с tooltip);
+     * - `none` — поле недоступно (с tooltip).
+     */
+    permission?: Permission;
+}>;
+export {};

package/dist/esm/components/FieldSelectCreate/types.js

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

package/dist/esm/components/FieldSelectCreate/useSelectDataStates.d.ts

@@ -0,0 +1,11 @@
+import { FieldSelectSingleProps } from '@cloud-ru/ds-fields';
+import { EntityIcon, EntityName } from './types.js';
+type Props = {
+    entityName: EntityName;
+    entityIcon?: EntityIcon;
+    onRefetch?(): void;
+};
+type SelectDataStates = Pick<FieldSelectSingleProps, 'noDataState' | 'noResultsState' | 'errorDataState'>;
+/** Строит пустые/ошибочные состояния дроплиста из `entityName` (единственное/множественное число). */
+export declare function useSelectDataStates({ entityName, entityIcon, onRefetch }: Props): SelectDataStates;
+export {};

package/dist/esm/components/FieldSelectCreate/useSelectDataStates.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { APPEARANCE, Button, ICON_POSITION, VIEW } from '@cloud-ru/ds-button';
+import { CrossCircleSVG, SearchSVG, UpdateSVG } from '@cloud-ru/ds-icons/interface/system';
+import { useMemo } from 'react';
+import { TEST_IDS } from '../../constants.js';
+import { fieldsPredefinedLocale } from '../../locale/index.js';
+import { capitalize } from './utils.js';
+/** Строит пустые/ошибочные состояния дроплиста из `entityName` (единственное/множественное число). */
+export function useSelectDataStates({ entityName, entityIcon, onRefetch }) {
+    const { t } = fieldsPredefinedLocale.useTranslations();
+    return useMemo(() => ({
+        noDataState: {
+            icon: { icon: entityIcon ?? SearchSVG, appearance: 'green' },
+            description: `${capitalize(entityName.plural)} ${t('FieldSelectCreate.noData')}`,
+        },
+        noResultsState: {
+            icon: { icon: SearchSVG, appearance: 'green' },
+            description: (_jsxs(_Fragment, { children: [capitalize(entityName.plural), " ", t('FieldSelectCreate.noResult'), ".", _jsx("br", {}), t('FieldSelectCreate.changeRequest'), " ", entityName.single.toLocaleLowerCase()] })),
+        },
+        errorDataState: {
+            icon: { icon: CrossCircleSVG, appearance: 'neutral' },
+            description: `${t('FieldSelectCreate.loadError')} ${entityName.plural.toLocaleLowerCase()}`,
+            footer: onRefetch ? (_jsx(Button, { view: VIEW.Tonal, appearance: APPEARANCE.Neutral, label: t('FieldSelectCreate.refetch'), icon: _jsx(UpdateSVG, {}), iconPosition: ICON_POSITION.After, onClick: onRefetch, "data-test-id": TEST_IDS.fieldSelectCreateRetry })) : undefined,
+        },
+    }), [entityIcon, entityName, onRefetch, t]);
+}

package/dist/esm/components/FieldSelectCreate/utils.d.ts

@@ -0,0 +1,2 @@
+/** Первая буква строки в верхний регистр. */
+export declare function capitalize(value: string): string;

package/dist/esm/components/FieldSelectCreate/utils.js

@@ -0,0 +1,4 @@
+/** Первая буква строки в верхний регистр. */
+export function capitalize(value) {
+    return value.charAt(0).toUpperCase() + value.slice(1);
+}

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

@@ -0,0 +1,7 @@
+export * from './FieldChat/index.js';
+export * from './FieldCode/index.js';
+export * from './FieldDescription/index.js';
+export * from './FieldMask/index.js';
+export * from './FieldName/index.js';
+export * from './FieldPhone/index.js';
+export * from './FieldSelectCreate/index.js';

package/dist/esm/components/index.js

@@ -0,0 +1,7 @@
+export * from './FieldChat/index.js';
+export * from './FieldCode/index.js';
+export * from './FieldDescription/index.js';
+export * from './FieldMask/index.js';
+export * from './FieldName/index.js';
+export * from './FieldPhone/index.js';
+export * from './FieldSelectCreate/index.js';

package/dist/esm/constants.d.ts

@@ -0,0 +1,19 @@
+export declare const TEST_IDS: {
+    readonly fieldMask: "field-mask";
+    readonly fieldName: "field-name";
+    readonly fieldDescription: "field-description";
+    readonly fieldDescriptionAddButton: "field-description__add-button";
+    readonly fieldPhone: "field-phone";
+    readonly fieldPhoneCountrySelect: "field-phone__country-select";
+    readonly fieldChat: "field-chat";
+    readonly fieldCode: "field-code";
+    readonly fieldCodeCell: "field-code__cell";
+    readonly fieldCodeResend: "field-code__resend";
+    readonly fieldChatUpload: "field-chat__upload";
+    readonly fieldChatSubmit: "field-chat__submit";
+    readonly fieldSelectCreate: "field-select-create";
+    readonly fieldSelectCreateButton: "field-select-create__button";
+    readonly fieldSelectCreateFooterButton: "field-select-create__footer-button";
+    readonly fieldSelectCreateRetry: "field-select-create__retry";
+    readonly fieldSelectCreateSurface: "field-select-create__surface";
+};

package/dist/esm/constants.js

@@ -0,0 +1,19 @@
+export const TEST_IDS = {
+    fieldMask: 'field-mask',
+    fieldName: 'field-name',
+    fieldDescription: 'field-description',
+    fieldDescriptionAddButton: 'field-description__add-button',
+    fieldPhone: 'field-phone',
+    fieldPhoneCountrySelect: 'field-phone__country-select',
+    fieldChat: 'field-chat',
+    fieldCode: 'field-code',
+    fieldCodeCell: 'field-code__cell',
+    fieldCodeResend: 'field-code__resend',
+    fieldChatUpload: 'field-chat__upload',
+    fieldChatSubmit: 'field-chat__submit',
+    fieldSelectCreate: 'field-select-create',
+    fieldSelectCreateButton: 'field-select-create__button',
+    fieldSelectCreateFooterButton: 'field-select-create__footer-button',
+    fieldSelectCreateRetry: 'field-select-create__retry',
+    fieldSelectCreateSurface: 'field-select-create__surface',
+};

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

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

package/dist/esm/helpers/getSymbolsRangeFromMask.js

@@ -0,0 +1,12 @@
+/**
+ * Возвращает количество символов для маски — со скобками и без.
+ */
+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 @@
+export * from './getSymbolsRangeFromMask.js';

package/dist/esm/helpers/index.js

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

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

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

package/dist/esm/hooks/index.js

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

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

@@ -0,0 +1,12 @@
+import { AnySchema, ValidationError } from 'yup';
+export type UseFieldValidationProps = {
+    schema: AnySchema;
+};
+export declare const useCustomFieldValidation: ({ schema }: UseFieldValidationProps) => {
+    validate: (value: string) => {
+        error: null;
+    } | {
+        error: ValidationError;
+    };
+    validateRHF: (value: string) => string | true | undefined;
+};