@alphakits/ui 1.31.5 → 2.0.1

package/dist/select/typings.d.ts

@@ -1,100 +1,311 @@
-/// <reference types="react" />
 import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, UIEvent } from 'react';
-import { InputProps } from "../input/index";
-import { PopoverProps } from "../popover/index";
-type OptionShape = {
+import { InputProps } from '../input';
+import { PopoverProps } from '../popover';
+export declare type OptionShape = {
+    /**
+     * Текстовое представление пункта
+     */
     key: number | string;
+    /**
+     * Контент, который будет отрисован в выпадающем списке и в поле при выборе
+     */
     content?: ReactNode;
+    /**
+     * Блокирует данный пункт для выбора
+     */
     disabled?: boolean;
+    /**
+     * состояние прелоада
+     */
     loading?: boolean;
+    /**
+     * Дополнительные данные
+     */
     value?: any;
 };
-type GroupShape = {
+export declare type GroupShape = {
+    /**
+     * Заголовок группы
+     */
     label?: string;
+    /**
+     * Дочерние элементы
+     */
     options: OptionShape[];
 };
-type BaseSelectProps = {
+export declare type BaseSelectProps = {
     filteredOptions?: any[];
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
     offset?: PopoverProps['offset'];
     withArrow?: boolean;
+    /**
+     * Класс для внешнего компонента листа опций
+     */
     popoverOuterClassname?: string;
     required?: boolean;
+    /**
+     * Дополнительный класс для поля
+     */
     fieldClassName?: string;
+    /**
+     * Дополнительный класс выпадающего меню
+     */
     optionsListClassName?: string;
+    /**
+     * Дополнительный класс для пункта меню
+     */
     optionClassName?: string;
+    /**
+     * Список вариантов выбора
+     */
     options: Array<OptionShape | GroupShape>;
+    /**
+     * Кнопка в листе опций
+     */
     actionButton?: {
         label: string;
         onClick: () => void;
     };
+    /**
+     * Атрибут id
+     */
     id?: string;
+    /**
+     * Атрибут name
+     */
     name?: string;
+    /**
+     * Управление возможностью выбора значения
+     */
     disabled?: boolean;
+    /**
+     * Начальное состояние селекта
+     */
     defaultOpen?: boolean;
+    /**
+     * Управление открытием
+     */
     open?: boolean;
+    /**
+     * Возможность выбрать несколько значений
+     */
     multiple?: boolean;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Размер пунктов меню
+     */
     optionsSize?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Растягивает компонент на ширину контейнера
+     */
     block?: boolean;
+    /**
+     * Управляет шириной выпадающего меню.
+     * Ширину определяет контент, либо ширина равна ширине поля
+     */
     optionsListWidth?: 'content' | 'field';
+    /**
+     * Лейбл поля
+     */
     label?: ReactNode;
+    /**
+     * Плейсхолдер поля
+     */
     placeholder?: string;
+    /**
+     * Отображение ошибки
+     */
     error?: string | boolean;
+    /**
+     * Подсказка под полем
+     */
     hint?: string;
+    /**
+     * Возможность использовать селект как input-autocomplete
+     */
     autocomplete?: boolean;
+    /**
+     * Позволяет снять выбранное значение
+     */
     allowUnselect?: boolean;
+    /**
+     * Закрывать меню после выбора?
+     */
     closeOnSelect?: boolean;
+    /**
+     * При навигации с клавиатуры переходить от последнего пункта меню к первому и наоборот.
+     */
     circularNavigation?: boolean;
+    /**
+     * Запрещает поповеру менять свою позицию.
+     * Например, если места снизу недостаточно,то он все равно будет показан снизу
+     */
     preventFlip?: boolean;
+    /**
+     * Список value выбранных пунктов (controlled-селект)
+     */
     selected?: Array<string | number | OptionShape> | string | number | OptionShape | null;
+    /**
+     * Рендерит нативный селект вместо выпадающего меню. (на десктопе использовать только с multiple=false)
+     */
     nativeSelect?: boolean;
+    /**
+     * Позиционирование выпадающего списка
+     */
     popoverPosition?: PopoverProps['position'];
+    /**
+     * Количество видимых пунктов меню (5 = 5.5)
+     */
     visibleOptions?: number;
+    /**
+     * Кастомный рендер выбранного пункта
+     */
     valueRenderer?: ({ selected, selectedMultiple, }: {
         selected?: OptionShape;
         selectedMultiple: OptionShape[];
     }) => ReactNode;
+    /**
+     * Компонент стрелки
+     */
     Arrow?: FC<ArrowProps> | null | false;
+    /**
+     * Компонент поля
+     */
     Field?: FC<FieldProps>;
+    /**
+     * Пропсы, которые будут прокинуты в компонент поля
+     */
     fieldProps?: Record<string, unknown>;
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
     optionsListProps?: Record<string, unknown>;
+    /**
+     * Пропсы, которые будут прокинуты в компонент пункта меню
+     */
     optionProps?: Record<string, unknown>;
+    /**
+     * Компонент выпадающего меню
+     */
     OptionsList?: FC<OptionsListProps>;
+    /**
+     * Компонент группы
+     */
     Optgroup?: FC<OptgroupProps>;
+    /**
+     * Компонент пункта меню
+     */
     Option?: FC<OptionProps>;
+    /**
+     * Обработчик выбора
+     */
     onChange?: (payload: {
         selected: OptionShape | null;
         selectedMultiple: OptionShape[];
         name?: string;
     }) => void;
+    /**
+     * Обработчик открытия\закрытия селекта
+     */
     onOpen?: (payload: {
         open?: boolean;
         name?: string;
     }) => void;
+    /**
+     * Обработчик фокуса поля
+     */
     onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
+    /**
+     * Обработчик блюра поля
+     */
     onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
+    /**
+     * Обработчик скрола
+     */
     onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     * Хранит функцию, с помощью которой можно обновить положение поповера
+     */
     updatePopover?: PopoverProps['update'];
+    /**
+     * z-index поповера
+     */
     zIndexPopover?: PopoverProps['zIndex'];
+    /**
+     * Показывать OptionsList, если он пустой
+     */
     showEmptyOptionsList?: boolean;
 };
-type FieldProps = {
+export declare type FieldProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Выбранный пункт
+     */
     selected?: OptionShape;
+    /**
+     * Список выбранных пунктов
+     */
     selectedMultiple?: OptionShape[];
+    /**
+     * Флаг, можно ли выбрать несколько значений
+     */
     multiple?: boolean;
+    /**
+     * Флаг, открыто ли меню
+     */
     open?: boolean;
+    /**
+     * Флаг, поле заблокировано
+     */
     disabled?: boolean;
+    /**
+     * Лейбл поля
+     */
     label?: ReactNode;
+    /**
+     * Плейсхолдер поля
+     */
     placeholder?: string;
+    /**
+     * Отображение ошибки
+     */
     error?: string | boolean;
+    /**
+     * Отображение иконки успеха
+     */
     success?: boolean;
+    /**
+     * Подсказка под полем
+     */
     hint?: string;
+    /**
+     * Компонент стрелки
+     */
     Arrow?: ReactElement | false | null;
+    /**
+     * Кастомный рендер выбранного пункта
+     */
     valueRenderer?: BaseSelectProps['valueRenderer'];
+    /**
+     * Внутренние свойства, которые должны быть установлены компоненту.
+     */
     innerProps: {
         onBlur?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
         onFocus?: (event: FocusEvent<HTMLDivElement | HTMLInputElement>) => void;
@@ -102,50 +313,140 @@ type FieldProps = {
         tabIndex: number;
         id: string;
     } & RefAttributes<HTMLDivElement | HTMLInputElement> & AriaAttributes;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-type ArrowProps = {
+export declare type ArrowProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Флаг, открыто ли меню
+     */
     open?: boolean;
 };
-type OptionsListProps = {
+export declare type OptionsListProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Компонент пункта меню
+     */
     Option: (props: {
         option: OptionShape;
         index: number;
     }) => JSX.Element | null;
+    /**
+     * Список вариантов выбора
+     */
     options?: Array<OptionShape | GroupShape>;
+    /**
+     * Плоский список пунктов меню (например, нужно для виртуализации)
+     */
     flatOptions?: OptionShape[];
+    /**
+     * Кнопка в листе опций
+     */
     actionButton?: {
         label: string;
         onClick: () => void;
     };
+    /**
+     * Индекс выделенного пункта
+     */
     highlightedIndex?: number;
+    /**
+     * Флаг, открыто ли меню
+     */
     open?: boolean;
+    /**
+     * Компонент группы
+     */
     Optgroup?: BaseSelectProps['Optgroup'];
+    /**
+     * Будет отображаться, если компонент пустой
+     */
     emptyPlaceholder?: string | ReactNode;
+    /**
+     * Количество видимых пунктов меню (5 = 5.5)
+     */
     visibleOptions?: number;
+    /**
+     * Обработчик скрола
+     */
     onScroll?: (event: UIEvent<HTMLDivElement>) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Дополнительные пропсы для Input'a, находящегося внутри кастомного OptionsList
+     */
     inputProps?: InputProps;
     toggleMenu: () => void;
 };
-type OptgroupProps = {
+export declare type OptgroupProps = {
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Заголовок группы
+     */
     label?: string;
+    /**
+     * Дочерние элементы
+     */
     children?: ReactNode;
 };
-type OptionProps = {
+export declare type OptionProps = {
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Размер компонента
+     */
     size?: 's' | 'm' | 'l' | 'xl' | 'xs';
+    /**
+     * Контент пункта меню
+     */
     children?: ReactNode;
+    /**
+     * Данные пункта меню
+     */
     option: OptionShape;
+    /**
+     * Индект пункта
+     */
     index: number;
+    /**
+     * Флаг, выбран ли данный пункт
+     */
     selected?: boolean;
+    /**
+     * Флаг, подсвечен ли данный пункт
+     */
     highlighted?: boolean;
+    /**
+     * Флаг, заблокирован ли данный пункт
+     */
     disabled?: boolean;
+    /**
+     * Компонент пункта меню
+     */
     Checkmark?: FC<CheckmarkProps>;
+    /**
+     * Внутренние свойства, которые должны быть установлены компоненту.
+     */
     innerProps?: {
         id?: string;
         onClick?: (event: MouseEvent<HTMLDivElement>) => void;
@@ -154,7 +455,9 @@ type OptionProps = {
         role?: string;
     } & RefAttributes<HTMLDivElement> & AriaAttributes;
 };
-type CheckmarkProps = {
+export declare type CheckmarkProps = {
+    /**
+     * Флаг, данный пункт выбран
+     */
     selected?: boolean;
 };
-export { OptionShape, GroupShape, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };

package/dist/select/typings.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=typings.js.map

package/dist/select/typings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typings.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/select/utils.d.ts

@@ -1,34 +1,49 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings";
-declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
-declare const isOptionShape: (item: OptionShape | string | number | null) => item is OptionShape;
-declare const joinOptions: ({ selected, selectedMultiple, }: {
+import { BaseSelectProps, GroupShape, OptionShape } from './typings';
+export declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+export declare const isOptionShape: (item: OptionShape | string | number | null) => item is OptionShape;
+export declare const joinOptions: ({ selected, selectedMultiple, }: {
     selected?: OptionShape | undefined;
     selectedMultiple?: OptionShape[] | undefined;
 }) => ReactNode[] | null;
-declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
+export declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected']): {
     flatOptions: OptionShape[];
     selectedOptions: OptionShape[];
 };
-type useVisibleOptionsArgs = {
+declare type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
     visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
     listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
     styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
     open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
     invalidate?: unknown;
 };
-declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
-declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
-type OptionsType<T> = Array<{
+export declare function useVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, }: useVisibleOptionsArgs): void;
+export declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+export declare type OptionsType<T> = Array<{
     key: T;
     content: any;
 }>;
-type ConvertToOptions = <T extends {
+declare type ConvertToOptions = <T extends {
     id: string | number;
     [field: string]: any;
 }>(data: T[], field?: string) => Array<{
     key: T['id'];
     content: any;
 }>;
-declare const convertToOptions: ConvertToOptions;
-export { isGroup, isOptionShape, joinOptions, processOptions, useVisibleOptions, lastIndexOf, OptionsType, convertToOptions };
+export declare const convertToOptions: ConvertToOptions;
+export {};

package/dist/select/utils.js

@@ -1 +1,56 @@
-import{isValidElement as t,cloneElement as n,useEffect as e}from"react";var r=function(t){return Object.prototype.hasOwnProperty.call(t,"options")},i=function(t){return!!t&&Object.prototype.hasOwnProperty.call(t,"key")},o=function(e){var r=e.selected,i=e.selectedMultiple||(r?[r]:[]);return i.length?i.reduce((function(e,r,o){return t(r.content)?e.push(n(r.content,{key:r.key})):e.push(r.content),o<i.length-1&&e.push(", "),e}),[]):null};function c(t,n){void 0===n&&(n=[]);var e=[],o=Array.isArray(n)?n:[n],c=o.filter(i),u=o.filter((function(t){return"string"==typeof t||"number"==typeof t})),l=function(t){e.push(t),function(t){return u.includes(t.key)}(t)&&c.push(t)};return t.forEach((function(t){r(t)?t.options.forEach(l):l(t)})),{flatOptions:e,selectedOptions:c}}function u(t){var n=t.visibleOptions,r=t.listRef,i=t.styleTargetRef,o=void 0===i?r:i,c=t.open,u=t.invalidate;e((function(){var t=r.current,e=o.current;if(c&&t&&e){var i=[].slice.call(t.children,0,n+1),u=i.slice(0,n).reduce((function(t,n){return t+n.clientHeight}),0);n<t.children.length&&(u+=Math.round(i[i.length-1].clientHeight/2)),e.style.height=u+"px"}}),[r,c,o,n,u])}var l=function(t,n){for(var e=t.length-1;e>=0;e--)if(n(t[e]))return e;return-1},f=function(t,n){return t.map((function(t){return{key:t.id,content:n&&t[n]||t.title||t.name}}))};export{f as convertToOptions,r as isGroup,i as isOptionShape,o as joinOptions,l as lastIndexOf,c as processOptions,u as useVisibleOptions};
+import { useEffect as p, isValidElement as f, cloneElement as y } from "react";
+const a = (t) => Object.prototype.hasOwnProperty.call(t, "options"), d = (t) => !!t && Object.prototype.hasOwnProperty.call(t, "key"), O = ({
+  selected: t,
+  selectedMultiple: s
+}) => {
+  const e = s || (t ? [t] : []);
+  return e.length ? e.reduce((r, c, o) => (f(c.content) ? r.push(y(c.content, { key: c.key })) : r.push(c.content), o < e.length - 1 && r.push(", "), r), []) : null;
+};
+function k(t, s = []) {
+  const e = [], r = Array.isArray(s) ? s : [s], c = r.filter(d), o = r.filter(
+    (n) => typeof n == "string" || typeof n == "number"
+  ), i = (n) => o.includes(n.key), l = (n) => {
+    e.push(n), i(n) && c.push(n);
+  };
+  return t.forEach((n) => {
+    a(n) ? n.options.forEach(l) : l(n);
+  }), { flatOptions: e, selectedOptions: c };
+}
+function E({
+  visibleOptions: t,
+  listRef: s,
+  styleTargetRef: e = s,
+  open: r,
+  invalidate: c
+}) {
+  p(() => {
+    const o = s.current, i = e.current;
+    if (r && o && i) {
+      const l = [].slice.call(
+        o.children,
+        0,
+        t + 1
+      );
+      let n = l.slice(0, t).reduce((h, u) => h + u.clientHeight, 0);
+      t < o.children.length && (n += Math.round(l[l.length - 1].clientHeight / 2)), i.style.height = `${n}px`;
+    }
+  }, [s, r, e, t, c]);
+}
+const j = (t, s) => {
+  for (let e = t.length - 1; e >= 0; e--)
+    if (s(t[e])) return e;
+  return -1;
+}, m = (t, s) => t.map((e) => ({
+  key: e.id,
+  content: s && e[s] || e.title || e.name
+}));
+export {
+  m as convertToOptions,
+  a as isGroup,
+  d as isOptionShape,
+  O as joinOptions,
+  j as lastIndexOf,
+  k as processOptions,
+  E as useVisibleOptions
+};
+//# sourceMappingURL=utils.js.map

package/dist/select/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/select/utils.ts"],"sourcesContent":["import {\n    cloneElement, isValidElement, ReactNode, RefObject, useEffect,\n} from 'react';\n\nimport { BaseSelectProps, GroupShape, OptionShape } from './typings';\n\nexport const isGroup = (item: OptionShape | GroupShape): item is GroupShape =>\n    Object.prototype.hasOwnProperty.call(item, 'options');\n\nexport const isOptionShape = (item: OptionShape | string | number | null): item is OptionShape =>\n    !!item && Object.prototype.hasOwnProperty.call(item, 'key');\n\nexport const joinOptions = ({\n    selected,\n    selectedMultiple,\n}: {\n    selected?: OptionShape;\n    selectedMultiple?: OptionShape[];\n}) => {\n    const options = selectedMultiple || (selected ? [selected] : []);\n\n    if (!options.length) return null;\n\n    return options.reduce((acc: Array<ReactNode | string>, option: OptionShape, index: number) => {\n        if (isValidElement(option.content)) {\n            acc.push(cloneElement(option.content, { key: option.key }));\n        } else {\n            acc.push(option.content);\n        }\n\n        if (index < options.length - 1) acc.push(', ');\n\n        return acc;\n    }, []);\n};\n\n// За один проход делает список пунктов меню плоским и находит выбранные пункты по ключу\nexport function processOptions(\n    options: BaseSelectProps['options'],\n    selected: BaseSelectProps['selected'] = [],\n) {\n    const flatOptions: OptionShape[] = [];\n\n    const selectedArray = Array.isArray(selected) ? selected : [selected];\n    const selectedOptions = selectedArray.filter(isOptionShape);\n    const selectedKeys = selectedArray.filter(\n        (option): option is string | number => typeof option === 'string' || typeof option === 'number',\n    );\n\n    const isSelected = (option: OptionShape) => selectedKeys.includes(option.key);\n\n    const process = (option: OptionShape) => {\n        flatOptions.push(option);\n\n        if (isSelected(option)) {\n            selectedOptions.push(option);\n        }\n    };\n\n    options.forEach((option) => {\n        if (isGroup(option)) {\n            option.options.forEach(process);\n        } else {\n            process(option);\n        }\n    });\n\n    return { flatOptions, selectedOptions };\n}\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\ntype useVisibleOptionsArgs = {\n    /**\n     * Количество видимых пунктов\n     */\n    visibleOptions: number;\n\n    /**\n     * Реф на контейнер с пунтами меню\n     */\n    listRef: RefObject<HTMLElement>;\n\n    /**\n     * Реф на контейнер, которому нужно установить высоту\n     */\n    styleTargetRef?: RefObject<HTMLElement>;\n\n    /**\n     * Флаг открытия меню\n     */\n    open?: boolean;\n\n    /**\n     * Позволяет вызвать пересчет высоты\n     */\n    invalidate?: unknown;\n};\n\nexport function useVisibleOptions({\n    visibleOptions,\n    listRef,\n    styleTargetRef = listRef,\n    open,\n    invalidate,\n}: useVisibleOptionsArgs) {\n    useEffect(() => {\n        const list = listRef.current;\n        const styleTarget = styleTargetRef.current;\n\n        if (open && list && styleTarget) {\n            const optionsNodes = ([] as HTMLElement[]).slice.call(\n                list.children,\n                0,\n                visibleOptions + 1,\n            );\n\n            let height = optionsNodes\n                .slice(0, visibleOptions)\n                .reduce((acc, child) => acc + child.clientHeight, 0);\n\n            if (visibleOptions < list.children.length) {\n                // Добавляем половинку\n                height += Math.round(optionsNodes[optionsNodes.length - 1].clientHeight / 2);\n            }\n\n            styleTarget.style.height = `${height}px`;\n        }\n    }, [listRef, open, styleTargetRef, visibleOptions, invalidate]);\n}\n\n// TODO: перенести\n// export function usePrevious<T>(value: T) {\n//     const ref = useRef<T>();\n\n//     useEffect(() => {\n//         ref.current = value;\n//     }, [value]);\n\n//     return ref.current;\n// }\n\n// TODO: перенести\nexport const lastIndexOf = <T>(array: T[], predicate: (item: T) => boolean) => {\n    for (let i = array.length - 1; i >= 0; i--) {\n        if (predicate(array[i])) return i;\n    }\n\n    return -1;\n};\n\nexport type OptionsType<T> = Array<{\n    key: T;\n    content: any;\n}>;\n\ntype ConvertToOptions = <T extends {id: string | number; [field: string]: any}>(data: T[], field?: string) => Array<{key: T['id']; content: any}>;\n\nexport const convertToOptions: ConvertToOptions = (data, field) => data.map((item) => ({\n    key: item.id,\n    content: (field && item[field]) || item.title || item.name,\n}));\n"],"names":["isGroup","item","isOptionShape","joinOptions","selected","selectedMultiple","options","acc","option","index","isValidElement","cloneElement","processOptions","flatOptions","selectedArray","selectedOptions","selectedKeys","isSelected","process","useVisibleOptions","visibleOptions","listRef","styleTargetRef","open","invalidate","useEffect","list","styleTarget","optionsNodes","height","child","lastIndexOf","array","predicate","i","convertToOptions","data","field"],"mappings":";AAMO,MAAMA,IAAU,CAACC,MACpB,OAAO,UAAU,eAAe,KAAKA,GAAM,SAAS,GAE3CC,IAAgB,CAACD,MAC1B,CAAC,CAACA,KAAQ,OAAO,UAAU,eAAe,KAAKA,GAAM,KAAK,GAEjDE,IAAc,CAAC;AAAA,EACxB,UAAAC;AAAA,EACA,kBAAAC;AACJ,MAGM;AACF,QAAMC,IAAUD,MAAqBD,IAAW,CAACA,CAAQ,IAAI,CAAA;AAE7D,SAAKE,EAAQ,SAENA,EAAQ,OAAO,CAACC,GAAgCC,GAAqBC,OACpEC,EAAeF,EAAO,OAAO,IAC7BD,EAAI,KAAKI,EAAaH,EAAO,SAAS,EAAE,KAAKA,EAAO,IAAA,CAAK,CAAC,IAE1DD,EAAI,KAAKC,EAAO,OAAO,GAGvBC,IAAQH,EAAQ,SAAS,KAAGC,EAAI,KAAK,IAAI,GAEtCA,IACR,CAAA,CAAE,IAZuB;AAahC;AAGO,SAASK,EACZN,GACAF,IAAwC,IAC1C;AACE,QAAMS,IAA6B,CAAA,GAE7BC,IAAgB,MAAM,QAAQV,CAAQ,IAAIA,IAAW,CAACA,CAAQ,GAC9DW,IAAkBD,EAAc,OAAOZ,CAAa,GACpDc,IAAeF,EAAc;AAAA,IAC/B,CAACN,MAAsC,OAAOA,KAAW,YAAY,OAAOA,KAAW;AAAA,EAAA,GAGrFS,IAAa,CAACT,MAAwBQ,EAAa,SAASR,EAAO,GAAG,GAEtEU,IAAU,CAACV,MAAwB;AACrC,IAAAK,EAAY,KAAKL,CAAM,GAEnBS,EAAWT,CAAM,KACjBO,EAAgB,KAAKP,CAAM;AAAA,EAEnC;AAEA,SAAAF,EAAQ,QAAQ,CAACE,MAAW;AACxB,IAAIR,EAAQQ,CAAM,IACdA,EAAO,QAAQ,QAAQU,CAAO,IAE9BA,EAAQV,CAAM;AAAA,EAEtB,CAAC,GAEM,EAAE,aAAAK,GAAa,iBAAAE,EAAA;AAC1B;AA8BO,SAASI,EAAkB;AAAA,EAC9B,gBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC,IAAiBD;AAAA,EACjB,MAAAE;AAAA,EACA,YAAAC;AACJ,GAA0B;AACtB,EAAAC,EAAU,MAAM;AACZ,UAAMC,IAAOL,EAAQ,SACfM,IAAcL,EAAe;AAEnC,QAAIC,KAAQG,KAAQC,GAAa;AAC7B,YAAMC,IAAgB,GAAqB,MAAM;AAAA,QAC7CF,EAAK;AAAA,QACL;AAAA,QACAN,IAAiB;AAAA,MAAA;AAGrB,UAAIS,IAASD,EACR,MAAM,GAAGR,CAAc,EACvB,OAAO,CAACb,GAAKuB,MAAUvB,IAAMuB,EAAM,cAAc,CAAC;AAEvD,MAAIV,IAAiBM,EAAK,SAAS,WAE/BG,KAAU,KAAK,MAAMD,EAAaA,EAAa,SAAS,CAAC,EAAE,eAAe,CAAC,IAG/ED,EAAY,MAAM,SAAS,GAAGE,CAAM;AAAA,IACxC;AAAA,EACJ,GAAG,CAACR,GAASE,GAAMD,GAAgBF,GAAgBI,CAAU,CAAC;AAClE;AAcO,MAAMO,IAAc,CAAIC,GAAYC,MAAoC;AAC3E,WAASC,IAAIF,EAAM,SAAS,GAAGE,KAAK,GAAGA;AACnC,QAAID,EAAUD,EAAME,CAAC,CAAC,EAAG,QAAOA;AAGpC,SAAO;AACX,GASaC,IAAqC,CAACC,GAAMC,MAAUD,EAAK,IAAI,CAACnC,OAAU;AAAA,EACnF,KAAKA,EAAK;AAAA,EACV,SAAUoC,KAASpC,EAAKoC,CAAK,KAAMpC,EAAK,SAASA,EAAK;AAC1D,EAAE;"}

package/dist/sidepanel/component.d.ts

@@ -1,14 +1,13 @@
-/// <reference types="react" />
-import React from 'react';
-import { TFunction } from "../modal/index";
-type Back = {
+import { default as React } from 'react';
+import { TFunction } from '../modal';
+declare type Back = {
     back?: () => void;
     t: TFunction;
 } | {
     back?: never;
     t?: never;
 };
-type SidepanelProps = {
+export declare type SidepanelProps = {
     title?: string;
     loading?: boolean;
     subtitle?: string;
@@ -20,5 +19,5 @@ type SidepanelProps = {
     noStickyFooter?: boolean;
     noStickyHeader?: boolean;
 } & Back;
-declare const Sidepanel: React.FC<SidepanelProps>;
-export { SidepanelProps, Sidepanel };
+export declare const Sidepanel: React.FC<SidepanelProps>;
+export {};