@max-ts/components 0.1.1 → 0.2.1

package/lib/_virtual/jsx-runtime.mjs

@@ -0,0 +1,5 @@
+import { __require as r } from "../node_modules/.pnpm/react@19.0.0/node_modules/react/jsx-runtime.mjs";
+var i = r();
+export {
+  i as j
+};

package/lib/_virtual/jsx-runtime2.mjs

@@ -0,0 +1,4 @@
+var e = { exports: {} };
+export {
+  e as __module
+};

package/lib/_virtual/react-jsx-runtime.development.mjs

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/lib/_virtual/react-jsx-runtime.production.mjs

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/lib/components/Accordion/Accordion.d.ts

@@ -0,0 +1,39 @@
+import { PropsWithChildren } from 'react';
+export type AccordionProps = PropsWithChildren<{
+    /**
+     *  Заголовок
+     */
+    summary: React.ReactElement | string;
+    /**
+     *  Элемент, отображаемый перед заголовком
+     */
+    startAdorment?: React.ReactNode;
+    /**
+     *  Управляет состоянием аккордеона
+     */
+    isExpanded?: boolean;
+    /**
+     *  Обработчик, вызываемый при клике по хедеру
+     */
+    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}>;
+export declare const Accordion: import('react').ForwardRefExoticComponent<{
+    /**
+     *  Заголовок
+     */
+    summary: React.ReactElement | string;
+    /**
+     *  Элемент, отображаемый перед заголовком
+     */
+    startAdorment?: React.ReactNode;
+    /**
+     *  Управляет состоянием аккордеона
+     */
+    isExpanded?: boolean;
+    /**
+     *  Обработчик, вызываемый при клике по хедеру
+     */
+    onChange?: (isExpanded: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Accordion/Accordion.mjs

@@ -0,0 +1,35 @@
+import { j as r } from "../../_virtual/jsx-runtime.mjs";
+import { forwardRef as j, useState as u, Fragment as C } from "react";
+import { Chevron as S } from "../Chevron/Chevron.mjs";
+import { Collapse as w } from "../Collapse/Collapse.mjs";
+import { Header as A, Summary as v, ChevronWrapper as y, ContentWrapper as W } from "./styles.mjs";
+const U = j(
+  ({ summary: e, startAdorment: t, isExpanded: o, onChange: n, children: p }, m) => {
+    const [s, f] = u(!1), i = typeof o == "boolean", l = i ? o : s, a = !!t, x = (c) => {
+      if (i)
+        n?.(!o, c);
+      else {
+        const d = !s;
+        f(d), n?.(d, c);
+      }
+    }, h = typeof e == "string" ? v : C;
+    return /* @__PURE__ */ r.jsxs("div", { ref: m, children: [
+      /* @__PURE__ */ r.jsxs(
+        A,
+        {
+          onClick: x,
+          withStartAdornment: a,
+          children: [
+            t,
+            /* @__PURE__ */ r.jsx(h, { children: e }),
+            /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(S, { isActive: l }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsx(w, { in: l, children: /* @__PURE__ */ r.jsx(W, { withStartAdorment: a, children: p }) })
+    ] });
+  }
+);
+export {
+  U as Accordion
+};

package/lib/components/Accordion/styles.d.ts

@@ -0,0 +1,21 @@
+export declare const Header: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    withStartAdornment: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+export declare const ContentWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    withStartAdorment: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Summary: import('@emotion/styled').StyledComponent<{
+    ref?: import('react').Ref<HTMLSpanElement> | undefined;
+    children?: import('react').ReactNode;
+    align?: "inherit" | "left" | "center" | "right" | "justify" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+} & {
+    color?: import('../Typography').TypographyColor;
+    variant?: import('../Typography').TypographyVariant;
+    colorIntensity?: import('../Typography').Intensity;
+    component?: "symbol" | "object" | "style" | "clipPath" | "filter" | "mask" | "path" | import('react').ComponentType<any> | "map" | "search" | "big" | "link" | "small" | "sub" | "sup" | "marker" | "svg" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "center" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "main" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "source" | "span" | "strong" | "summary" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view";
+    isUpperCase?: boolean;
+} & import('react').HTMLAttributes<HTMLParagraphElement> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
+export declare const ChevronWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/Accordion/styles.mjs

@@ -0,0 +1,25 @@
+import { styled as p } from "@mui/material";
+import { Typography as o } from "../Typography/Typography.mjs";
+const t = p("header")`
+  cursor: pointer;
+
+  display: grid;
+  grid-column-gap: ${({ theme: r }) => r.spacing(2)};
+  grid-template-columns: ${({ withStartAdornment: r }) => r ? "24px 1fr 24px" : " 1fr 24px"};
+`, a = p("div")`
+  margin-left: ${({ theme: r, withStartAdorment: e }) => r.spacing(e ? 8 : 0)};
+  padding-top: ${({ theme: r }) => r.spacing(2)};
+`, d = p(o)`
+  align-self: center;
+`, g = p("div")`
+  overflow: hidden;
+
+  width: 24px;
+  height: 24px;
+`;
+export {
+  g as ChevronWrapper,
+  a as ContentWrapper,
+  t as Header,
+  d as Summary
+};

package/lib/components/ActionCell/ActionCell.d.ts

@@ -0,0 +1,24 @@
+import { TooltipProps } from '../Tooltip';
+import { MainActionKind, SecondaryActionKind } from './types';
+export type Actions<T> = {
+    /**
+     * Основные действия
+     */
+    main: MainActionKind<T>[];
+    /**
+     * Второстепенные действия
+     */
+    secondary?: SecondaryActionKind<T>[];
+};
+export type ActionsCellProps<T> = {
+    actions: Actions<T>;
+    /**
+     * Данные строки из DataGrid
+     */
+    row: T;
+    /**
+     * @deprecated Положение тултипа инкапсулировано внутри ActionCell
+     */
+    tooltipPlacement?: TooltipProps['placement'];
+};
+export declare const ActionCell: <T>(props: ActionsCellProps<T>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/ActionCell/ActionCell.mjs

@@ -0,0 +1,40 @@
+import { j as o } from "../../_virtual/jsx-runtime.mjs";
+import { MainAction as A } from "./MainAction/MainAction.mjs";
+import { SecondaryActions as p } from "./SecondaryAction/SecondaryActions.mjs";
+import { Wrapper as d } from "./styles.mjs";
+import { useLogic as C } from "./useLogic/useLogic.mjs";
+const e = {
+  mainAction: "top",
+  secondaryAction: "left"
+}, b = (i) => {
+  const {
+    isSecondaryActionsAvailable: s,
+    handleActionClick: n,
+    handleWrapperClick: r,
+    isDisabledAction: t
+  } = C(i), { actions: a } = i, { main: l = [], secondary: m = [] } = a;
+  return /* @__PURE__ */ o.jsxs(d, { onClick: r, children: [
+    l.map((c) => /* @__PURE__ */ o.jsx(
+      A,
+      {
+        tooltipPlacement: e.mainAction,
+        onActionClick: n,
+        action: c,
+        isDisabled: t
+      },
+      c.name
+    )),
+    s && /* @__PURE__ */ o.jsx(
+      p,
+      {
+        isDisabled: t,
+        actions: m,
+        tooltipPlacement: e.secondaryAction,
+        onActionClick: n
+      }
+    )
+  ] });
+};
+export {
+  b as ActionCell
+};

package/lib/components/ActionCell/MainAction/MainAction.d.ts

@@ -0,0 +1,13 @@
+import { TooltipProps } from '../../Tooltip';
+import { ActionCellHandler, MainActionKind } from '../types';
+type MainActionProps<T> = {
+    action: MainActionKind<T>;
+    onActionClick: ActionCellHandler<T>;
+    tooltipPlacement: TooltipProps['placement'];
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+};
+export declare const MainAction: <T>({ action, onActionClick, tooltipPlacement, isDisabled, }: MainActionProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ActionCell/MainAction/MainAction.mjs

@@ -0,0 +1,78 @@
+import { j as o } from "../../../_virtual/jsx-runtime.mjs";
+import { createElement as w } from "react";
+import { IconButton as B } from "../../IconButton/IconButton.mjs";
+import { IconDropdownButton as I } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as g } from "../../MenuItem/MenuItem.mjs";
+import { Tooltip as d } from "../../Tooltip/Tooltip.mjs";
+const z = ({
+  action: t,
+  onActionClick: e,
+  tooltipPlacement: i,
+  isDisabled: n
+}) => {
+  if ("actions" in t) {
+    const { icon: j, disabled: c, disabledReason: b, name: m, actions: k } = t;
+    return /* @__PURE__ */ o.jsx(
+      d,
+      {
+        title: b || m,
+        placement: i,
+        withoutContainer: !(n || c),
+        children: /* @__PURE__ */ o.jsx(
+          I,
+          {
+            icon: j,
+            variant: "text",
+            disabled: n || c,
+            children: k.map(
+              // @ts-ignore
+              ({ name: s, onClick: C, ...R }) => /* @__PURE__ */ w(
+                g,
+                {
+                  ...R,
+                  key: s,
+                  tooltipPlacement: i,
+                  onClick: e(C)
+                },
+                s
+              )
+            )
+          }
+        )
+      },
+      m
+    );
+  }
+  const {
+    onClick: l,
+    name: r,
+    icon: p,
+    disabledReason: x,
+    disabled: a,
+    loading: u,
+    isBlockingOperation: v,
+    ...f
+  } = t, h = !u && (x || r);
+  return /* @__PURE__ */ o.jsx(
+    d,
+    {
+      title: h,
+      placement: i,
+      withoutContainer: !(n || a),
+      children: /* @__PURE__ */ o.jsx(
+        B,
+        {
+          disabled: n || a,
+          ...f,
+          variant: "text",
+          onClick: e(l),
+          children: p
+        }
+      )
+    },
+    r
+  );
+};
+export {
+  z as MainAction
+};

package/lib/components/ActionCell/SecondaryAction/SecondaryActions.d.ts

@@ -0,0 +1,13 @@
+import { TooltipProps } from '../../Tooltip';
+import { ActionCellHandler, SecondaryActionKind } from '../types';
+type SecondaryActionsProps<T> = {
+    actions: SecondaryActionKind<T>[];
+    onActionClick: ActionCellHandler<T>;
+    tooltipPlacement: TooltipProps['placement'];
+    /**
+     *  Если true, action не доступен
+     */
+    isDisabled?: boolean;
+};
+export declare const SecondaryActions: <T>({ actions, onActionClick, tooltipPlacement, isDisabled, }: SecondaryActionsProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/components/ActionCell/SecondaryAction/SecondaryActions.mjs

@@ -0,0 +1,34 @@
+import { j as t } from "../../../_virtual/jsx-runtime.mjs";
+import { createElement as p } from "react";
+import { EllipsisVertical as a } from "lucide-react";
+import { IconDropdownButton as c } from "../../IconDropdownButton/IconDropdownButton.mjs";
+import { MenuItem as l } from "../../MenuItem/MenuItem.mjs";
+const k = ({
+  actions: e,
+  onActionClick: n,
+  tooltipPlacement: i,
+  isDisabled: m = !1
+}) => /* @__PURE__ */ t.jsx(
+  c,
+  {
+    icon: /* @__PURE__ */ t.jsx(a, {}),
+    variant: "text",
+    disabled: m,
+    children: e.map((o) => {
+      const { onClick: s, name: r } = o;
+      return /* @__PURE__ */ p(
+        l,
+        {
+          ...o,
+          key: r,
+          tooltipPlacement: i,
+          onClick: n(s)
+        },
+        r
+      );
+    })
+  }
+);
+export {
+  k as SecondaryActions
+};

package/lib/components/ActionCell/styles.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/lib/components/ActionCell/styles.mjs

@@ -0,0 +1,8 @@
+import { styled as e } from "@mui/material";
+const r = e("div")`
+  display: inline-flex;
+  align-items: center;
+`;
+export {
+  r as Wrapper
+};

package/lib/components/ActionCell/types.d.ts

@@ -0,0 +1,66 @@
+import { MouseEventHandler, ReactNode } from 'react';
+import { IconButtonProps } from '../IconButton';
+import { MenuItemProps } from '../MenuItem';
+import { TooltipProps } from '../Tooltip';
+export type SecondaryActionKind<T> = MenuItemProps & SingleAction<T> & {
+    /**
+     * Причина блокировки
+     */
+    disabledReason?: TooltipProps['title'];
+};
+export type NestedAction<T> = MenuItemProps & {
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: T) => void;
+    /**
+     * Название действия
+     */
+    name: string;
+};
+export type SingleAction<T> = {
+    /**
+     * Причина блокировки
+     */
+    disabledReason?: TooltipProps['title'];
+    /**
+     * Иконка действия
+     */
+    icon?: ReactNode;
+    /**
+     * Обработчик действия
+     */
+    onClick?: (row: T) => void;
+    /**
+     * Название действия
+     */
+    name: string;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested?: false;
+    /**
+     * Если true, блокирует взаимодействие с actions
+     */
+    isBlockingOperation?: boolean;
+};
+export type MultipleAction<T> = MenuItemProps & {
+    /**
+     * Иконка действия
+     */
+    icon: ReactNode;
+    /**
+     * Список действий для выпадающего списка
+     */
+    actions: Array<NestedAction<T>>;
+    /**
+     * Флаг показа выпадающего списка при клике
+     */
+    nested: true;
+    /**
+     * Название действия
+     */
+    name: string;
+};
+export type ActionCellHandler<T> = (onClick: SingleAction<T>['onClick'] | NestedAction<T>['onClick']) => MouseEventHandler<HTMLButtonElement | HTMLAnchorElement | HTMLLIElement> | undefined;
+export type MainActionKind<T> = (IconButtonProps<'button'> & SingleAction<T>) | MultipleAction<T>;

package/lib/components/ActionCell/useLogic/useLogic.d.ts

@@ -0,0 +1,11 @@
+import { MouseEventHandler } from 'react';
+import { ActionsCellProps } from '../ActionCell';
+import { NestedAction, SingleAction } from '../types';
+type UseLogicParams<TRowData> = ActionsCellProps<TRowData>;
+export declare const useLogic: <TRowData>({ actions, row, }: UseLogicParams<TRowData>) => {
+    isSecondaryActionsAvailable: boolean | undefined;
+    handleActionClick: (onClick: SingleAction<TRowData>["onClick"] | NestedAction<TRowData>["onClick"]) => () => void;
+    handleWrapperClick: MouseEventHandler<HTMLDivElement>;
+    isDisabledAction: boolean;
+};
+export {};

package/lib/components/ActionCell/useLogic/useLogic.mjs

@@ -0,0 +1,23 @@
+import { useCallback as l } from "react";
+const p = ({
+  actions: s,
+  row: o
+}) => {
+  const { main: e, secondary: i } = s, a = e.some((n) => "actions" in n ? !1 : n?.isBlockingOperation && n?.loading), t = l(
+    (n) => () => {
+      n?.(o);
+    },
+    [o]
+  ), c = (n) => {
+    n.stopPropagation();
+  };
+  return {
+    isSecondaryActionsAvailable: i && i.length >= 1,
+    handleActionClick: t,
+    handleWrapperClick: c,
+    isDisabledAction: a
+  };
+};
+export {
+  p as useLogic
+};

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -0,0 +1,61 @@
+import { AutocompleteProps } from '../Autocomplete';
+export type AsyncAutocompleteProps<TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false> = Omit<AutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>, 'inputValue' | 'loading' | 'disabled' | 'fullWidth' | 'error' | 'required' | 'success' | 'options'> & {
+    /**
+     * Если `true`, будет показан индикатор загрузки
+     */
+    isLoading?: boolean;
+    /**
+     * Если `true`, компонент будет не доступен для взаимодействия
+     */
+    isDisabled?: boolean;
+    /**
+     * Если `true`, компонент растянется на всю ширину
+     */
+    isFullWidth?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии ошибки
+     */
+    isError?: boolean;
+    /**
+     * Если `true`, компонент будет помечен как обязательный
+     */
+    isRequired?: boolean;
+    /**
+     * Если `true`, компонент будет отображаться в состоянии успеха
+     */
+    isSuccess?: boolean;
+    /**
+     * Задержка для fetchOptions
+     * @default 300
+     */
+    fetchDelayMs?: number;
+    /**
+     * Функция для асинхронной загрузки опций на основе поискового запроса
+     *
+     * @param search - Строка поиска, введенная пользователем. На основе этой
+     *   строки функция должна вернуть подходящие опции.
+     * @param signal - Объект `AbortSignal`, который позволяет отменить запрос,
+     *   если пользователь изменил поисковый запрос или закрыл компонент.
+     *
+     * @returns Promise<TOptions[]> Промис, который разрешается массивом опций
+     *   (`TOptions[]`). Эти опции будут отображены в выпадающем списке.
+     *
+     * @example
+     * ```typescript
+     * const fetchOptions = async (search: string, signal: AbortSignal) => {
+     *   const response = await fetch(`/api/search?query=${search}`, { signal });
+     *   const data = await response.json();
+     *   return data.results;
+     * };
+     *
+     * <AsyncAutocomplete fetchOptions={fetchOptions} />
+     * ```
+     */
+    fetchOptions: (search: string, signal?: AbortSignal) => Promise<TOptions[]>;
+    /**
+     * Минимальное количество символов для выполнения запроса
+     * @default 0
+     */
+    minSymbolsToFetch?: number;
+};
+export declare const AsyncAutocomplete: <TOptions, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>(props: AsyncAutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>) => import("react/jsx-runtime").JSX.Element;

package/lib/components/AsyncAutocomplete/AsyncAutocomplete.mjs

@@ -0,0 +1,45 @@
+import { j as m } from "../../_virtual/jsx-runtime.mjs";
+import { Autocomplete as h } from "../Autocomplete/Autocomplete.mjs";
+import { useLogic as g } from "./useLogic/useLogic.mjs";
+const D = (o) => {
+  const {
+    options: e,
+    isLoadingData: t,
+    handleOpen: n,
+    handleInputChange: s,
+    emptyOptionsText: i
+  } = g(o), {
+    fetchOptions: x,
+    fetchDelayMs: O,
+    minSymbolsToFetch: f,
+    isDisabled: r,
+    isRequired: p,
+    isSuccess: a,
+    isError: c,
+    isLoading: u,
+    isFullWidth: l,
+    onOpen: y,
+    noOptionsText: T,
+    onInputChange: b,
+    ...d
+  } = o;
+  return /* @__PURE__ */ m.jsx(
+    h,
+    {
+      options: e,
+      disabled: r,
+      fullWidth: l,
+      loading: u || t,
+      onOpen: n,
+      error: c,
+      required: p,
+      success: a,
+      noOptionsText: i,
+      onInputChange: s,
+      ...d
+    }
+  );
+};
+export {
+  D as AsyncAutocomplete
+};

package/lib/components/AsyncAutocomplete/constants.mjs

@@ -0,0 +1,7 @@
+const T = 0, _ = 300, E = "Продолжайте вводить для поиска", A = "Нет данных";
+export {
+  _ as DEFAULT_DELAY_MS,
+  E as DEFAULT_EMPTY_OPTIONS_TEXT,
+  T as DEFAULT_MIN_SEARCH_CHARACTERS,
+  A as DEFAULT_NO_OPTIONS_TEXT
+};

package/lib/components/AsyncAutocomplete/useLogic/useLogic.d.ts

@@ -0,0 +1,12 @@
+import { SyntheticEvent } from 'react';
+import { AutocompleteInputChangeReason } from '@mui/material';
+import { AsyncAutocompleteProps } from '../AsyncAutocomplete';
+type UseLogicParams<TOptions, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean> = AsyncAutocompleteProps<TOptions, Multiple, DisableClearable, FreeSolo>;
+export declare const useLogic: <TOptions, Multiple extends boolean, DisableClearable extends boolean, FreeSolo extends boolean>({ fetchOptions, fetchDelayMs, minSymbolsToFetch, defaultValue, getOptionLabel, noOptionsText, onOpen, onInputChange, }: UseLogicParams<TOptions, Multiple, DisableClearable, FreeSolo>) => {
+    handleOpen: (event: SyntheticEvent) => void;
+    handleInputChange: (event: SyntheticEvent, search: string, reason: AutocompleteInputChangeReason) => void;
+    options: TOptions[];
+    isLoadingData: boolean;
+    emptyOptionsText: string | number | bigint | boolean | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null;
+};
+export {};

package/lib/components/AsyncAutocomplete/useLogic/useLogic.mjs

@@ -0,0 +1,47 @@
+import { useState as r, useRef as g, useCallback as L } from "react";
+import { debounce as D } from "@mui/material";
+import { DEFAULT_DELAY_MS as F, DEFAULT_NO_OPTIONS_TEXT as S, DEFAULT_EMPTY_OPTIONS_TEXT as h, DEFAULT_MIN_SEARCH_CHARACTERS as R } from "../constants.mjs";
+const H = ({
+  fetchOptions: a,
+  fetchDelayMs: c = F,
+  minSymbolsToFetch: p = R,
+  defaultValue: i,
+  getOptionLabel: u,
+  noOptionsText: f = S,
+  onOpen: _,
+  onInputChange: A
+}) => {
+  const [d, e] = r(!1), [E, m] = r(!0), [C, O] = r(!0), l = g(null), [I, T] = r([]), o = L(
+    D((n) => {
+      l.current?.abort();
+      const t = new AbortController();
+      l.current = t, a(n, t?.signal).then((s) => {
+        T(s), O(s.length === 0);
+      }).finally(() => {
+        e(!1), l.current = null;
+      });
+    }, c),
+    [a, c, f]
+  );
+  return {
+    handleOpen: (n) => {
+      if (E) {
+        m(!1);
+        const t = i && u ? u(i) : "";
+        (i || p === 0) && (e(!0), o(t));
+      }
+      _?.(n);
+    },
+    handleInputChange: (n, t, s) => {
+      if (!t || t.length < p)
+        return o && o.clear(), O(!1), e(!1), T([]);
+      e(!0), E || o(t), A?.(n, t, s);
+    },
+    options: I,
+    isLoadingData: d,
+    emptyOptionsText: C ? f : h
+  };
+};
+export {
+  H as useLogic
+};