@sberbusiness/triplex-next 1.34.0 → 1.35.1

package/components/Stepper/StepperStep.js

@@ -1,85 +1,125 @@
-import { jsxs as R, jsx as d } from "react/jsx-runtime";
-import { useContext as U, useState as V, useRef as k } from "react";
-import { c as q } from "../../chunks/vendor-D5cfSbgz.js";
-import { StepperStepIcon as v } from "./StepperStepIcon.js";
-import { createSizeToClassNameMap as F } from "../../utils/classNameMaps.js";
-import { isKey as g } from "../../utils/keyboard.js";
-import { StepperExtendedContext as H } from "./StepperExtendedContext.js";
-import { EFocusSource as o } from "../../enums/EFocusSource.js";
-import { EStepperStepType as y } from "./enums.js";
-import { s as t, S as J } from "../../chunks/StepperStepArrowBorder-D7k-xdb7.js";
-import { IconWrapper as L } from "../IconWrapper/IconWrapper.js";
-const Q = F(t), X = ({
-  children: N,
-  className: A,
-  id: s,
-  isInActiveStep: x,
-  onFocus: m,
-  onBlur: n,
-  onKeyDown: a,
-  onMouseDown: i,
-  onClick: f,
-  disabled: r,
-  icon: h,
-  forwardedRef: c,
-  type: C,
-  ...T
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useContext, useState, useRef } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { StepperStepIcon } from "./StepperStepIcon.js";
+import { createSizeToClassNameMap } from "../../utils/classNameMaps.js";
+import { isKey } from "../../utils/keyboard.js";
+import { StepperExtendedContext } from "./StepperExtendedContext.js";
+import { EFocusSource } from "../../enums/EFocusSource.js";
+import { EStepperStepType } from "./enums.js";
+import { s as styles, S as StepperStepArrowBorder } from "../../chunks/StepperStepArrowBorder-BCJTjyD2.js";
+import { IconWrapper } from "../IconWrapper/IconWrapper.js";
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const StepperStep = ({
+  children,
+  className,
+  id,
+  isInActiveStep,
+  onFocus,
+  onBlur,
+  onKeyDown,
+  onMouseDown,
+  onClick,
+  disabled,
+  icon,
+  forwardedRef,
+  type,
+  ...rest
 }) => {
-  const { selectedId: z, size: I, onSelectStep: S } = U(H), [l, u] = V(o.NONE), p = k(null), E = s === z, j = q(
-    t.stepperStep,
-    Q[I],
+  const { selectedId, size, onSelectStep } = useContext(StepperExtendedContext);
+  const [focusSource, setFocusSource] = useState(EFocusSource.NONE);
+  const ref = useRef(null);
+  const progress = id === selectedId;
+  const classNames = clsx(
+    styles.stepperStep,
+    sizeToClassNameMap[size],
     {
-      [t.active]: E,
-      [t.inactive]: x,
-      [t.completed]: !E && !x,
-      [t.disabled]: !!r,
-      [t.nonempty]: !!N,
-      [t.error]: !r && C === y.ERROR,
-      [t.warning]: !r && C === y.WARNING,
-      [t.focusVisible]: l === o.KEYBOARD
+      [styles.active]: progress,
+      [styles.inactive]: isInActiveStep,
+      [styles.completed]: !progress && !isInActiveStep,
+      [styles.disabled]: !!disabled,
+      [styles.nonempty]: !!children,
+      [styles.error]: !disabled && type === EStepperStepType.ERROR,
+      [styles.warning]: !disabled && type === EStepperStepType.WARNING,
+      [styles.focusVisible]: focusSource === EFocusSource.KEYBOARD
     },
-    A
-  ), W = (e) => {
-    !l && p.current === e.target && u(o.KEYBOARD), m == null || m(e);
-  }, Y = (e) => {
-    p.current !== document.activeElement && p.current === e.target && u(o.NONE), n == null || n(e);
-  }, B = (e) => {
-    const O = e.code || e.keyCode;
-    g(O, "ENTER") ? r || S(s) : g(O, "SPACE") && (e.preventDefault(), r || S(s)), a == null || a(e);
-  }, G = (e) => {
-    l || u(o.MOUSE), i == null || i(e);
-  }, K = (e) => {
-    r || S(s), f == null || f(e);
-  }, M = (e) => {
-    p.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
-  }, P = () => /* @__PURE__ */ d(L, { className: t.icon, disabled: !!r, children: h });
-  return /* @__PURE__ */ R(
+    className
+  );
+  const handleFocus = (event) => {
+    if (!focusSource && ref.current === event.target) {
+      setFocusSource(EFocusSource.KEYBOARD);
+    }
+    onFocus == null ? void 0 : onFocus(event);
+  };
+  const handleBlur = (event) => {
+    if (ref.current !== document.activeElement && ref.current === event.target) {
+      setFocusSource(EFocusSource.NONE);
+    }
+    onBlur == null ? void 0 : onBlur(event);
+  };
+  const handleKeyDown = (event) => {
+    const key = event.code || event.keyCode;
+    if (isKey(key, "ENTER")) {
+      if (!disabled) {
+        onSelectStep(id);
+      }
+    } else if (isKey(key, "SPACE")) {
+      event.preventDefault();
+      if (!disabled) {
+        onSelectStep(id);
+      }
+    }
+    onKeyDown == null ? void 0 : onKeyDown(event);
+  };
+  const handleMouseDown = (event) => {
+    if (!focusSource) {
+      setFocusSource(EFocusSource.MOUSE);
+    }
+    onMouseDown == null ? void 0 : onMouseDown(event);
+  };
+  const handleClick = (event) => {
+    if (!disabled) {
+      onSelectStep(id);
+    }
+    onClick == null ? void 0 : onClick(event);
+  };
+  const setRef = (instance) => {
+    ref.current = instance;
+    if (typeof forwardedRef === "function") {
+      forwardedRef(instance);
+    } else if (forwardedRef) {
+      forwardedRef.current = instance;
+    }
+  };
+  const renderIcon = () => /* @__PURE__ */ jsx(IconWrapper, { className: styles.icon, disabled: !!disabled, children: icon });
+  const renderContent = () => /* @__PURE__ */ jsxs("div", { className: styles.content, "data-tx": "1.35.1", children: [
+    icon && renderIcon(),
+    children
+  ] });
+  return /* @__PURE__ */ jsxs(
     "li",
     {
-      className: j,
-      onFocus: W,
-      onBlur: Y,
-      onKeyDown: B,
-      onMouseDown: G,
-      onClick: K,
-      tabIndex: r ? -1 : 0,
-      "aria-disabled": r,
-      "aria-current": E || void 0,
+      className: classNames,
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      onKeyDown: handleKeyDown,
+      onMouseDown: handleMouseDown,
+      onClick: handleClick,
+      tabIndex: disabled ? -1 : 0,
+      "aria-disabled": disabled,
+      "aria-current": progress || void 0,
       role: "button",
-      ...T,
-      ref: M,
+      ...rest,
+      ref: setRef,
       children: [
-        /* @__PURE__ */ R("div", { className: t.content, "data-tx": "1.34.0", children: [
-          h && P(),
-          N
-        ] }),
-        /* @__PURE__ */ d(J, { size: I })
+        renderContent(),
+        /* @__PURE__ */ jsx(StepperStepArrowBorder, { size })
       ]
     }
   );
 };
-X.Icon = v;
+StepperStep.Icon = StepperStepIcon;
 export {
-  X as StepperStep
+  StepperStep
 };
 //# sourceMappingURL=StepperStep.js.map

package/components/Stepper/StepperStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStep.js","sources":["../../../src/components/Stepper/StepperStep.tsx"],"sourcesContent":["import React, { useState, useContext, useRef } from \"react\";\nimport clsx from \"clsx\";\nimport { StepperStepIcon } from \"./StepperStepIcon\";\nimport { createSizeToClassNameMap, isKey } from \"../../utils\";\nimport { StepperExtendedContext } from \"./StepperExtendedContext\";\nimport { EFocusSource } from \"../../enums/EFocusSource\";\nimport { EStepperStepType } from \"./enums\";\nimport { StepperStepArrowBorder } from \"./StepperStepArrowBorder\";\nimport { IconWrapper } from \"../IconWrapper\";\nimport { IStepperStepProps } from \"./types\";\nimport styles from \"./styles/StepperStep.module.less\";\n\n/** Внутренние составляющие StepperStep. */\ninterface IStepperStepComposition {\n    Icon: typeof StepperStepIcon;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\n/** Компонент StepperStep, шаг в Stepper. */\nexport const StepperStep: React.FC<IStepperStepProps> & IStepperStepComposition = ({\n    children,\n    className,\n    id,\n    isInActiveStep,\n    onFocus,\n    onBlur,\n    onKeyDown,\n    onMouseDown,\n    onClick,\n    disabled,\n    icon,\n    forwardedRef,\n    type,\n    ...rest\n}) => {\n    const { selectedId, size, onSelectStep } = useContext(StepperExtendedContext);\n    const [focusSource, setFocusSource] = useState(EFocusSource.NONE);\n    const ref = useRef<HTMLLIElement | null>(null);\n    const progress = id === selectedId;\n\n    const classNames = clsx(\n        styles.stepperStep,\n        sizeToClassNameMap[size],\n        {\n            [styles.active]: progress,\n            [styles.inactive]: isInActiveStep,\n            [styles.completed]: !progress && !isInActiveStep,\n            [styles.disabled]: !!disabled,\n            [styles.nonempty]: !!children,\n            [styles.error]: !disabled && type === EStepperStepType.ERROR,\n            [styles.warning]: !disabled && type === EStepperStepType.WARNING,\n            [styles.focusVisible]: focusSource === EFocusSource.KEYBOARD,\n        },\n        className,\n    );\n\n    const handleFocus = (event: React.FocusEvent<HTMLLIElement>): void => {\n        if (!focusSource && ref.current === event.target) {\n            setFocusSource(EFocusSource.KEYBOARD);\n        }\n\n        onFocus?.(event);\n    };\n\n    const handleBlur = (event: React.FocusEvent<HTMLLIElement>): void => {\n        if (ref.current !== document.activeElement && ref.current === event.target) {\n            setFocusSource(EFocusSource.NONE);\n        }\n\n        onBlur?.(event);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLLIElement>) => {\n        const key = event.code || event.keyCode;\n\n        if (isKey(key, \"ENTER\")) {\n            if (!disabled) {\n                onSelectStep(id);\n            }\n        } else if (isKey(key, \"SPACE\")) {\n            event.preventDefault();\n            if (!disabled) {\n                onSelectStep(id);\n            }\n        }\n\n        onKeyDown?.(event);\n    };\n\n    const handleMouseDown = (event: React.MouseEvent<HTMLLIElement>): void => {\n        if (!focusSource) {\n            setFocusSource(EFocusSource.MOUSE);\n        }\n\n        onMouseDown?.(event);\n    };\n\n    const handleClick = (event: React.MouseEvent<HTMLLIElement>) => {\n        if (!disabled) {\n            onSelectStep(id);\n        }\n        onClick?.(event);\n    };\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLLIElement | null) => {\n        ref.current = instance;\n\n        if (typeof forwardedRef === \"function\") {\n            forwardedRef(instance);\n        } else if (forwardedRef) {\n            // eslint-disable-next-line react-hooks/immutability\n            (forwardedRef as React.MutableRefObject<HTMLLIElement | null>).current = instance;\n        }\n    };\n\n    const renderIcon = () => (\n        <IconWrapper className={styles.icon} disabled={!!disabled}>\n            {icon}\n        </IconWrapper>\n    );\n\n    const renderContent = () => (\n        <div className={styles.content} data-tx={process.env.npm_package_version}>\n            {icon && renderIcon()}\n            {children}\n        </div>\n    );\n\n    return (\n        <li\n            className={classNames}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            onKeyDown={handleKeyDown}\n            onMouseDown={handleMouseDown}\n            onClick={handleClick}\n            tabIndex={disabled ? -1 : 0}\n            aria-disabled={disabled}\n            aria-current={progress || undefined}\n            role=\"button\"\n            {...rest}\n            ref={setRef}\n        >\n            {renderContent()}\n            <StepperStepArrowBorder size={size} />\n        </li>\n    );\n};\n\nStepperStep.Icon = StepperStepIcon;\n"],"names":[],"mappings":"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"}

package/components/Stepper/StepperStepArrowBorder.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../enums/EComponentSize.js";
-import { S as t } from "../../chunks/StepperStepArrowBorder-D7k-xdb7.js";
+import { S } from "../../chunks/StepperStepArrowBorder-BCJTjyD2.js";
 export {
-  t as StepperStepArrowBorder
+  S as StepperStepArrowBorder
 };
 //# sourceMappingURL=StepperStepArrowBorder.js.map

package/components/Stepper/StepperStepArrowBorder.js.map

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

package/components/Stepper/StepperStepIcon.js

@@ -1,23 +1,23 @@
-import { jsx as e } from "react/jsx-runtime";
-import { WaitStrokeStsIcon16 as n, ErrorStrokeStsIcon16 as o, WarningStrokeStsIcon16 as S, SuccessStrokeStsIcon16 as c, TickStrokeSrvIcon16 as p } from "@sberbusiness/icons-next";
-import { EStepperStepIconType as t } from "./enums.js";
-const u = ({ type: r }) => {
-  switch (r) {
-    case t.FILLED:
-      return /* @__PURE__ */ e(p, { paletteIndex: 0 });
-    case t.SUCCESS:
-      return /* @__PURE__ */ e(c, { paletteIndex: 0 });
-    case t.WARNING:
-      return /* @__PURE__ */ e(S, { paletteIndex: 2 });
-    case t.ERROR:
-      return /* @__PURE__ */ e(o, { paletteIndex: 1 });
-    case t.WAIT:
-      return /* @__PURE__ */ e(n, { paletteIndex: 4 });
+import { jsx } from "react/jsx-runtime";
+import { WaitStrokeStsIcon16, ErrorStrokeStsIcon16, WarningStrokeStsIcon16, SuccessStrokeStsIcon16, TickStrokeSrvIcon16 } from "@sberbusiness/icons-next";
+import { EStepperStepIconType } from "./enums.js";
+const StepperStepIcon = ({ type }) => {
+  switch (type) {
+    case EStepperStepIconType.FILLED:
+      return /* @__PURE__ */ jsx(TickStrokeSrvIcon16, { paletteIndex: 0 });
+    case EStepperStepIconType.SUCCESS:
+      return /* @__PURE__ */ jsx(SuccessStrokeStsIcon16, { paletteIndex: 0 });
+    case EStepperStepIconType.WARNING:
+      return /* @__PURE__ */ jsx(WarningStrokeStsIcon16, { paletteIndex: 2 });
+    case EStepperStepIconType.ERROR:
+      return /* @__PURE__ */ jsx(ErrorStrokeStsIcon16, { paletteIndex: 1 });
+    case EStepperStepIconType.WAIT:
+      return /* @__PURE__ */ jsx(WaitStrokeStsIcon16, { paletteIndex: 4 });
     default:
       return null;
   }
 };
 export {
-  u as StepperStepIcon
+  StepperStepIcon
 };
 //# sourceMappingURL=StepperStepIcon.js.map

package/components/Stepper/StepperStepIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStepIcon.js","sources":["../../../src/components/Stepper/StepperStepIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    WarningStrokeStsIcon16,\n    ErrorStrokeStsIcon16,\n    SuccessStrokeStsIcon16,\n    WaitStrokeStsIcon16,\n    TickStrokeSrvIcon16,\n} from \"@sberbusiness/icons-next\";\nimport { EStepperStepIconType } from \"./enums\";\n\n/** Свойства иконки в шаге. */\nexport type TStepperStepIconProps = {\n    /** Тип иконки. */\n    type: EStepperStepIconType;\n};\n\n/** Компонент StepperStepIcon, иконка в шаге. */\nexport const StepperStepIcon: React.FC<TStepperStepIconProps> = ({ type }) => {\n    switch (type) {\n        case EStepperStepIconType.FILLED:\n            return <TickStrokeSrvIcon16 paletteIndex={0} />;\n        case EStepperStepIconType.SUCCESS:\n            return <SuccessStrokeStsIcon16 paletteIndex={0} />;\n        case EStepperStepIconType.WARNING:\n            return <WarningStrokeStsIcon16 paletteIndex={2} />;\n        case EStepperStepIconType.ERROR:\n            return <ErrorStrokeStsIcon16 paletteIndex={1} />;\n        case EStepperStepIconType.WAIT:\n            return <WaitStrokeStsIcon16 paletteIndex={4} />;\n        default:\n            return null;\n    }\n};\n"],"names":[],"mappings":";;;AAiBO,MAAM,kBAAmD,CAAC,EAAE,WAAW;AAC1E,UAAQ,MAAA;AAAA,IACJ,KAAK,qBAAqB;AACtB,aAAO,oBAAC,qBAAA,EAAoB,cAAc,EAAA,CAAG;AAAA,IACjD,KAAK,qBAAqB;AACtB,aAAO,oBAAC,wBAAA,EAAuB,cAAc,EAAA,CAAG;AAAA,IACpD,KAAK,qBAAqB;AACtB,aAAO,oBAAC,wBAAA,EAAuB,cAAc,EAAA,CAAG;AAAA,IACpD,KAAK,qBAAqB;AACtB,aAAO,oBAAC,sBAAA,EAAqB,cAAc,EAAA,CAAG;AAAA,IAClD,KAAK,qBAAqB;AACtB,aAAO,oBAAC,qBAAA,EAAoB,cAAc,EAAA,CAAG;AAAA,IACjD;AACI,aAAO;AAAA,EAAA;AAEnB;"}

package/components/Stepper/enums.js

@@ -1,6 +1,19 @@
-var R = /* @__PURE__ */ ((r) => (r.NEUTRAL = "neutral", r.ERROR = "error", r.WARNING = "warning", r))(R || {}), a = /* @__PURE__ */ ((r) => (r.FILLED = "filled", r.SUCCESS = "success", r.ERROR = "error", r.WARNING = "warning", r.WAIT = "wait", r))(a || {});
+var EStepperStepType = /* @__PURE__ */ ((EStepperStepType2) => {
+  EStepperStepType2["NEUTRAL"] = "neutral";
+  EStepperStepType2["ERROR"] = "error";
+  EStepperStepType2["WARNING"] = "warning";
+  return EStepperStepType2;
+})(EStepperStepType || {});
+var EStepperStepIconType = /* @__PURE__ */ ((EStepperStepIconType2) => {
+  EStepperStepIconType2["FILLED"] = "filled";
+  EStepperStepIconType2["SUCCESS"] = "success";
+  EStepperStepIconType2["ERROR"] = "error";
+  EStepperStepIconType2["WARNING"] = "warning";
+  EStepperStepIconType2["WAIT"] = "wait";
+  return EStepperStepIconType2;
+})(EStepperStepIconType || {});
 export {
-  a as EStepperStepIconType,
-  R as EStepperStepType
+  EStepperStepIconType,
+  EStepperStepType
 };
 //# sourceMappingURL=enums.js.map

package/components/Stepper/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sources":["../../../src/components/Stepper/enums.ts"],"sourcesContent":["/** Возможные типы шагов Step. */\nexport enum EStepperStepType {\n    NEUTRAL = \"neutral\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n}\n\n/** Возможные типы Иконок для шагов Step. */\nexport enum EStepperStepIconType {\n    FILLED = \"filled\",\n    SUCCESS = \"success\",\n    ERROR = \"error\",\n    WARNING = \"warning\",\n    WAIT = \"wait\",\n}\n"],"names":["EStepperStepType","EStepperStepIconType"],"mappings":"AACO,IAAK,qCAAAA,sBAAL;AACHA,oBAAA,SAAA,IAAU;AACVA,oBAAA,OAAA,IAAQ;AACRA,oBAAA,SAAA,IAAU;AAHF,SAAAA;AAAA,GAAA,oBAAA,CAAA,CAAA;AAOL,IAAK,yCAAAC,0BAAL;AACHA,wBAAA,QAAA,IAAS;AACTA,wBAAA,SAAA,IAAU;AACVA,wBAAA,OAAA,IAAQ;AACRA,wBAAA,SAAA,IAAU;AACVA,wBAAA,MAAA,IAAO;AALC,SAAAA;AAAA,GAAA,wBAAA,CAAA,CAAA;"}

package/components/Stepper/index.js

@@ -1,12 +1,12 @@
-import { EStepperStepIconType as r, EStepperStepType as t } from "./enums.js";
-import { Stepper as S } from "./Stepper.js";
-import { StepperExtended as f } from "./StepperExtended.js";
-import { StepperStepIcon as n } from "./StepperStepIcon.js";
+import { EStepperStepIconType, EStepperStepType } from "./enums.js";
+import { Stepper } from "./Stepper.js";
+import { StepperExtended } from "./StepperExtended.js";
+import { StepperStepIcon } from "./StepperStepIcon.js";
 export {
-  r as EStepperStepIconType,
-  t as EStepperStepType,
-  S as Stepper,
-  f as StepperExtended,
-  n as StepperStepIcon
+  EStepperStepIconType,
+  EStepperStepType,
+  Stepper,
+  StepperExtended,
+  StepperStepIcon
 };
 //# sourceMappingURL=index.js.map

package/components/Stepper/index.js.map

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

package/components/Stepper/types.js.map

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

package/components/Suggest/Suggest.js

@@ -1,63 +1,77 @@
-import { SuggestContext as K } from "./SuggestContext.js";
-import { jsx as p } from "react/jsx-runtime";
-import P, { useRef as a, useEffect as C, useCallback as F } from "react";
-import { useSuggest as _ } from "./useSuggest.js";
-const b = (t, e) => {
+import { SuggestContext } from "./SuggestContext.js";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef, useEffect, useCallback } from "react";
+import { useSuggest } from "./useSuggest.js";
+const SuggestBase = (props, ref) => {
   const {
-    children: f,
-    value: g,
-    options: m,
-    size: j,
-    placeholder: w,
-    noOptionsText: v,
-    loading: R,
-    dropdownListLoading: S,
-    tooltipOpen: D,
-    clearInputOnFocus: O,
-    onKeyDown: k,
-    onSelect: z,
-    onFilter: B,
-    onScrollEnd: h,
-    ...x
-  } = t, r = _(t), { dropdownOpen: s, closeDropdown: u, onKeyDown: y } = r, n = a(null), c = a(null);
-  C(() => {
-    if (!s)
+    children,
+    value,
+    options,
+    size,
+    placeholder,
+    noOptionsText,
+    loading,
+    dropdownListLoading,
+    tooltipOpen,
+    clearInputOnFocus,
+    onKeyDown: onKeyDownProp,
+    onSelect,
+    onFilter,
+    onScrollEnd,
+    ...restProps
+  } = props;
+  const suggest = useSuggest(props);
+  const { dropdownOpen, closeDropdown, onKeyDown } = suggest;
+  const suggestRef = useRef(null);
+  const dropdownRef = useRef(null);
+  useEffect(() => {
+    if (!dropdownOpen) {
       return;
-    const o = (L) => {
-      var i, l;
-      const d = L.target;
-      !((i = n.current) != null && i.contains(d)) && !((l = c.current) != null && l.contains(d)) && u();
+    }
+    const handleOutsideMouseDown = (event) => {
+      var _a, _b;
+      const target = event.target;
+      if (!((_a = suggestRef.current) == null ? void 0 : _a.contains(target)) && !((_b = dropdownRef.current) == null ? void 0 : _b.contains(target))) {
+        closeDropdown();
+      }
     };
-    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
-  }, [s, u]);
-  const E = F(
-    (o) => {
-      n.current = o, typeof e == "function" ? e(o) : e && (e.current = o);
+    document.addEventListener("mousedown", handleOutsideMouseDown);
+    return () => document.removeEventListener("mousedown", handleOutsideMouseDown);
+  }, [dropdownOpen, closeDropdown]);
+  const setRef = useCallback(
+    (instance) => {
+      suggestRef.current = instance;
+      if (typeof ref === "function") {
+        ref(instance);
+      } else if (ref) {
+        ref.current = instance;
+      }
     },
-    [e]
+    [ref]
   );
-  return /* @__PURE__ */ p("div", { ...x, onKeyDown: y, ref: E, children: /* @__PURE__ */ p(
-    K.Provider,
+  return /* @__PURE__ */ jsx("div", { ...restProps, onKeyDown, ref: setRef, children: /* @__PURE__ */ jsx(
+    SuggestContext.Provider,
     {
       value: {
-        value: g,
-        options: m,
-        placeholder: w,
-        noOptionsText: v,
-        loading: R,
-        dropdownListLoading: S,
-        tooltipOpen: D,
-        clearInputOnFocus: O,
-        onScrollEnd: h,
-        suggestRef: n,
-        dropdownRef: c,
-        ...r
+        value,
+        options,
+        placeholder,
+        noOptionsText,
+        loading,
+        dropdownListLoading,
+        tooltipOpen,
+        clearInputOnFocus,
+        onScrollEnd,
+        suggestRef,
+        dropdownRef,
+        ...suggest
       },
-      children: f
+      children
     }
   ) });
-}, A = P.forwardRef(b);
+};
+const Suggest = React__default.forwardRef(SuggestBase);
 export {
-  A as Suggest
+  Suggest
 };
 //# sourceMappingURL=Suggest.js.map

package/components/Suggest/Suggest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Suggest.js","sources":["../../../src/components/Suggest/Suggest.tsx"],"sourcesContent":["import React, { useRef, useEffect, useCallback } from \"react\";\nimport { ISuggestOption, ISuggestProps } from \"./types\";\nimport { SuggestContext } from \"./SuggestContext\";\nimport { useSuggest } from \"./useSuggest\";\n\nconst SuggestBase = <T extends ISuggestOption = ISuggestOption>(\n    props: ISuggestProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n    const {\n        children,\n        value,\n        options,\n        size,\n        placeholder,\n        noOptionsText,\n        loading,\n        dropdownListLoading,\n        tooltipOpen,\n        clearInputOnFocus,\n        onKeyDown: onKeyDownProp,\n        onSelect,\n        onFilter,\n        onScrollEnd,\n        ...restProps\n    } = props;\n    const suggest = useSuggest(props);\n    const { dropdownOpen, closeDropdown, onKeyDown } = suggest;\n    const suggestRef = useRef<HTMLDivElement | null>(null);\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        if (!dropdownOpen) {\n            return;\n        }\n\n        const handleOutsideMouseDown = (event: MouseEvent) => {\n            const target = event.target as Node;\n\n            if (!suggestRef.current?.contains(target) && !dropdownRef.current?.contains(target)) {\n                closeDropdown();\n            }\n        };\n\n        document.addEventListener(\"mousedown\", handleOutsideMouseDown);\n        return () => document.removeEventListener(\"mousedown\", handleOutsideMouseDown);\n    }, [dropdownOpen, closeDropdown]);\n\n    const setRef = useCallback(\n        (instance: HTMLDivElement | null) => {\n            suggestRef.current = instance;\n\n            if (typeof ref === \"function\") {\n                ref(instance);\n            } else if (ref) {\n                ref.current = instance;\n            }\n        },\n        [ref],\n    );\n\n    return (\n        <div {...restProps} onKeyDown={onKeyDown} ref={setRef}>\n            <SuggestContext.Provider\n                value={{\n                    value,\n                    options,\n                    placeholder,\n                    noOptionsText,\n                    loading,\n                    dropdownListLoading,\n                    tooltipOpen,\n                    clearInputOnFocus,\n                    onScrollEnd,\n                    suggestRef,\n                    dropdownRef,\n                    ...suggest,\n                }}\n            >\n                {children}\n            </SuggestContext.Provider>\n        </div>\n    );\n};\n\nexport const Suggest = React.forwardRef(SuggestBase) as <T extends ISuggestOption = ISuggestOption>(\n    props: ISuggestProps<T> & React.RefAttributes<HTMLDivElement>,\n) => JSX.Element;\n"],"names":["React"],"mappings":";;;;AAKA,MAAM,cAAc,CAChB,OACA,QACC;AACD,QAAM;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACH;AACJ,QAAM,UAAU,WAAW,KAAK;AAChC,QAAM,EAAE,cAAc,eAAe,UAAA,IAAc;AACnD,QAAM,aAAa,OAA8B,IAAI;AACrD,QAAM,cAAc,OAA8B,IAAI;AAEtD,YAAU,MAAM;AACZ,QAAI,CAAC,cAAc;AACf;AAAA,IACJ;AAEA,UAAM,yBAAyB,CAAC,UAAsB;;AAClD,YAAM,SAAS,MAAM;AAErB,UAAI,GAAC,gBAAW,YAAX,mBAAoB,SAAS,YAAW,GAAC,iBAAY,YAAZ,mBAAqB,SAAS,UAAS;AACjF,sBAAA;AAAA,MACJ;AAAA,IACJ;AAEA,aAAS,iBAAiB,aAAa,sBAAsB;AAC7D,WAAO,MAAM,SAAS,oBAAoB,aAAa,sBAAsB;AAAA,EACjF,GAAG,CAAC,cAAc,aAAa,CAAC;AAEhC,QAAM,SAAS;AAAA,IACX,CAAC,aAAoC;AACjC,iBAAW,UAAU;AAErB,UAAI,OAAO,QAAQ,YAAY;AAC3B,YAAI,QAAQ;AAAA,MAChB,WAAW,KAAK;AACZ,YAAI,UAAU;AAAA,MAClB;AAAA,IACJ;AAAA,IACA,CAAC,GAAG;AAAA,EAAA;AAGR,6BACK,OAAA,EAAK,GAAG,WAAW,WAAsB,KAAK,QAC3C,UAAA;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACG,OAAO;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MAAA;AAAA,MAGN;AAAA,IAAA;AAAA,EAAA,GAET;AAER;AAEO,MAAM,UAAUA,eAAM,WAAW,WAAW;"}

package/components/Suggest/SuggestContext.js

@@ -1,5 +1,5 @@
-import e, { useContext as t } from "react";
-const o = e.createContext({
+import React__default, { useContext } from "react";
+const SuggestContext = React__default.createContext({
   value: void 0,
   options: [],
   inputValue: "",
@@ -10,7 +10,7 @@ const o = e.createContext({
   setInputValue: () => {
   },
   activeDescendant: void 0,
-  dropdownOpen: !1,
+  dropdownOpen: false,
   setDropdownOpen: () => {
   },
   closeDropdown: () => {
@@ -18,9 +18,13 @@ const o = e.createContext({
   dropdownListId: "",
   suggestRef: { current: null },
   dropdownRef: { current: null }
-}), s = () => t(o);
+});
+const useSuggestContext = () => {
+  const context = useContext(SuggestContext);
+  return context;
+};
 export {
-  o as SuggestContext,
-  s as useSuggestContext
+  SuggestContext,
+  useSuggestContext
 };
 //# sourceMappingURL=SuggestContext.js.map

package/components/Suggest/SuggestContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuggestContext.js","sources":["../../../src/components/Suggest/SuggestContext.ts"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { ISuggestOption, ISuggestProps } from \"./types\";\n\n/** Свойства контекста Suggest. */\ninterface ISuggestContext<T extends ISuggestOption>\n    extends Pick<\n        ISuggestProps<T>,\n        | \"value\"\n        | \"options\"\n        | \"placeholder\"\n        | \"noOptionsText\"\n        | \"loading\"\n        | \"dropdownListLoading\"\n        | \"tooltipOpen\"\n        | \"clearInputOnFocus\"\n        | \"onSelect\"\n        | \"onFilter\"\n        | \"onScrollEnd\"\n    > {\n    inputValue: string;\n    setInputValue: React.Dispatch<React.SetStateAction<string>>;\n    activeDescendant: string | undefined;\n    dropdownOpen: boolean;\n    setDropdownOpen: React.Dispatch<React.SetStateAction<boolean>>;\n    closeDropdown: (newInputValue?: string) => void;\n    dropdownListId: string;\n    suggestRef: React.MutableRefObject<HTMLDivElement | null>;\n    dropdownRef: React.MutableRefObject<HTMLDivElement | null>;\n}\n\n/** Контекст компонента SuggestContext. */\nexport const SuggestContext = React.createContext<ISuggestContext<any>>({\n    value: undefined,\n    options: [],\n    inputValue: \"\",\n    onSelect: () => {},\n    onFilter: () => {},\n    setInputValue: () => {},\n    activeDescendant: undefined,\n    dropdownOpen: false,\n    setDropdownOpen: () => {},\n    closeDropdown: () => {},\n    dropdownListId: \"\",\n    suggestRef: { current: null },\n    dropdownRef: { current: null },\n});\n\n/** Хук для получения контекста Suggest. */\nexport const useSuggestContext = <T extends ISuggestOption>() => {\n    const context = useContext(SuggestContext);\n\n    return context as ISuggestContext<T>;\n};\n"],"names":["React"],"mappings":";AA+BO,MAAM,iBAAiBA,eAAM,cAAoC;AAAA,EACpE,OAAO;AAAA,EACP,SAAS,CAAA;AAAA,EACT,YAAY;AAAA,EACZ,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,iBAAiB,MAAM;AAAA,EAAC;AAAA,EACxB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,gBAAgB;AAAA,EAChB,YAAY,EAAE,SAAS,KAAA;AAAA,EACvB,aAAa,EAAE,SAAS,KAAA;AAC5B,CAAC;AAGM,MAAM,oBAAoB,MAAgC;AAC7D,QAAM,UAAU,WAAW,cAAc;AAEzC,SAAO;AACX;"}