@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/DocumentNumberEdit/DocumentNumberEdit.js

@@ -1,64 +1,99 @@
-import { jsxs as k, jsx as i } from "react/jsx-runtime";
-import { useState as y, useMemo as z } from "react";
-import { SmallInput as A } from "../SmallInput/SmallInput.js";
-import { Text as E } from "../Typography/Text.js";
-import { EFontType as h, ETextSize as N } from "../Typography/enums.js";
-import { getCaretPosition as F, setCaretPosition as R } from "../../utils/inputUtils.js";
-import { StringUtils as B } from "../../utils/stringUtils.js";
-import { isKey as O } from "../../utils/keyboard.js";
-import { c as U } from "../../chunks/vendor-D5cfSbgz.js";
-import { Link as Y } from "../Link/Link.js";
-const $ = "documentNumberEdit__e587fe87", G = "label__877f92e3", H = "inputEditWrapper__c43ad9c5", c = {
-  documentNumberEdit: $,
-  label: G,
-  inputEditWrapper: H
-}, V = 6, X = ({
-  className: g,
-  value: r,
-  buttonLabel: _,
-  emptyNumberButtonLabel: b,
-  emptyNumberLabel: u,
-  numberLabel: n,
-  maxLength: f = V,
-  onBlur: l,
-  onChange: a,
-  onKeyDown: d,
-  ...S
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useMemo } from "react";
+import { SmallInput } from "../SmallInput/SmallInput.js";
+import { Text } from "../Typography/Text.js";
+import { EFontType, ETextSize } from "../Typography/enums.js";
+import { getCaretPosition, setCaretPosition } from "../../utils/inputUtils.js";
+import { StringUtils } from "../../utils/stringUtils.js";
+import { isKey } from "../../utils/keyboard.js";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { Link } from "../Link/Link.js";
+const documentNumberEdit = "documentNumberEdit__792bc379";
+const label = "label__fb8e8d87";
+const inputEditWrapper = "inputEditWrapper__3fec79b5";
+const styles = {
+  documentNumberEdit,
+  label,
+  inputEditWrapper
+};
+const INPUT_MAX_LENGTH = 6;
+const DocumentNumberEdit = ({
+  className,
+  value,
+  buttonLabel,
+  emptyNumberButtonLabel,
+  emptyNumberLabel,
+  numberLabel,
+  maxLength = INPUT_MAX_LENGTH,
+  onBlur,
+  onChange,
+  onKeyDown,
+  ...rest
 }) => {
-  const [p, m] = y(!1), T = z(() => p ? n : r ? `${n} ${r}` : u, [r, n, u, p]), x = () => /* @__PURE__ */ i("div", { className: c.inputEditWrapper, children: /* @__PURE__ */ i(
-    A,
+  const [editingMode, setEditingMode] = useState(false);
+  const labelText = useMemo(() => {
+    if (editingMode) {
+      return numberLabel;
+    } else if (value) {
+      return `${numberLabel} ${value}`;
+    } else {
+      return emptyNumberLabel;
+    }
+  }, [value, numberLabel, emptyNumberLabel, editingMode]);
+  const renderInput = () => /* @__PURE__ */ jsx("div", { className: styles.inputEditWrapper, children: /* @__PURE__ */ jsx(
+    SmallInput,
     {
-      ...S,
-      value: r || "",
-      placeholder: I,
-      maxLength: f,
-      autoFocus: !0,
-      onBlur: C,
-      onKeyDown: D,
-      onChange: M
+      ...rest,
+      value: value || "",
+      placeholder: inputPlaceholder,
+      maxLength,
+      autoFocus: true,
+      onBlur: handleInputBlur,
+      onKeyDown: handleInputKeyDown,
+      onChange: handleInputChange
+    }
+  ) });
+  const inputPlaceholder = "0".repeat(maxLength);
+  const handleInputBlur = (event) => {
+    setEditingMode(false);
+    onBlur == null ? void 0 : onBlur(event);
+  };
+  const handleInputKeyDown = (event) => {
+    if (isKey(event.code, "ENTER")) {
+      setEditingMode(false);
     }
-  ) }), I = "0".repeat(f), C = (t) => {
-    m(!1), l == null || l(t);
-  }, D = (t) => {
-    O(t.code, "ENTER") && m(!1), d == null || d(t);
-  }, M = (t) => {
-    const o = F(t.target), s = P(t.target.value), e = s.length - t.target.value.length;
-    t.target.value = s, R(t.target, o + e), a == null || a(t);
-  }, P = (t) => {
-    const o = [], s = t.length;
-    for (let e = 0; e < s; e++)
-      B.isDigit(t[e]) && o.push(t[e]);
-    return o.join("");
-  }, W = () => /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: /* @__PURE__ */ i(Y, { href: "#", onClick: j, children: r ? _ : b }) }), j = (t) => {
-    t.preventDefault(), m(!0);
+    onKeyDown == null ? void 0 : onKeyDown(event);
+  };
+  const handleInputChange = (event) => {
+    const caret = getCaretPosition(event.target);
+    const value2 = getFilteredValue(event.target.value);
+    const caretShift = value2.length - event.target.value.length;
+    event.target.value = value2;
+    setCaretPosition(event.target, caret + caretShift);
+    onChange == null ? void 0 : onChange(event);
+  };
+  const getFilteredValue = (value2) => {
+    const buffer = [];
+    const length = value2.length;
+    for (let i = 0; i < length; i++) {
+      if (StringUtils.isDigit(value2[i])) {
+        buffer.push(value2[i]);
+      }
+    }
+    return buffer.join("");
+  };
+  const renderButton = () => /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: /* @__PURE__ */ jsx(Link, { href: "#", onClick: handleButtonClick, children: value ? buttonLabel : emptyNumberButtonLabel }) });
+  const handleButtonClick = (event) => {
+    event.preventDefault();
+    setEditingMode(true);
   };
-  return /* @__PURE__ */ k("div", { className: U(c.documentNumberEdit, g), children: [
-    /* @__PURE__ */ i(E, { className: c.label, tag: "div", size: N.B3, type: h.SECONDARY, children: T }),
-    p ? x() : W()
+  return /* @__PURE__ */ jsxs("div", { className: clsx(styles.documentNumberEdit, className), children: [
+    /* @__PURE__ */ jsx(Text, { className: styles.label, tag: "div", size: ETextSize.B3, type: EFontType.SECONDARY, children: labelText }),
+    editingMode ? renderInput() : renderButton()
   ] });
 };
-X.displayName = "DocumentNumberEdit";
+DocumentNumberEdit.displayName = "DocumentNumberEdit";
 export {
-  X as DocumentNumberEdit
+  DocumentNumberEdit
 };
 //# sourceMappingURL=DocumentNumberEdit.js.map

package/components/DocumentNumberEdit/DocumentNumberEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentNumberEdit.js","sources":["../../../src/components/DocumentNumberEdit/DocumentNumberEdit.tsx"],"sourcesContent":["import React, { useState, useMemo } from \"react\";\nimport { SmallInput, ISmallInputProps } from \"../SmallInput/SmallInput\";\nimport { Text } from \"../Typography/Text\";\nimport { EFontType, ETextSize } from \"../Typography/enums\";\nimport { getCaretPosition, setCaretPosition } from \"../../utils/inputUtils\";\nimport { StringUtils } from \"../../utils/stringUtils\";\nimport { isKey } from \"../../utils/keyboard\";\nimport styles from \"./styles/DocumentNumberEdit.module.less\";\nimport clsx from \"clsx\";\nimport { Link } from \"../Link/Link\";\n\n/** Свойства компонента DocumentNumberEdit. */\nexport interface IDocumentNumberEditProps extends ISmallInputProps {\n    /** Номер документа. */\n    value?: React.ReactText;\n    /** Текст кнопки \"Изменить\". По умолчанию - \"Изменить\". */\n    buttonLabel: string;\n    /** Текст кнопки \"Изменить\" при отсутствии номера. По умолчанию - \"Задать номер\". */\n    emptyNumberButtonLabel: string;\n    /** Текст перед номером, при отсутствии номера. По умолчанию - \"Номер документа будет присвоен автоматически\". */\n    emptyNumberLabel: string;\n    /** Текст перед номером. По умолчанию - \"Документ №\". */\n    numberLabel: string;\n    /** Максимальная длина поля ввода. */\n    maxLength?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n}\n\n// Максимальное число символов.\nconst INPUT_MAX_LENGTH = 6;\n\n/** Поле редактирования номера документа. */\nexport const DocumentNumberEdit: React.FC<IDocumentNumberEditProps> = ({\n    className,\n    value,\n    buttonLabel,\n    emptyNumberButtonLabel,\n    emptyNumberLabel,\n    numberLabel,\n    maxLength = INPUT_MAX_LENGTH,\n    onBlur,\n    onChange,\n    onKeyDown,\n    ...rest\n}) => {\n    const [editingMode, setEditingMode] = useState(false);\n\n    /** Текст лейбла. */\n    const labelText = useMemo(() => {\n        if (editingMode) {\n            return numberLabel;\n        } else if (value) {\n            return `${numberLabel} ${value}`;\n        } else {\n            return emptyNumberLabel;\n        }\n    }, [value, numberLabel, emptyNumberLabel, editingMode]);\n\n    /** Рендер поля ввода. */\n    const renderInput = () => (\n        <div className={styles.inputEditWrapper}>\n            <SmallInput\n                {...rest}\n                value={value || \"\"}\n                placeholder={inputPlaceholder}\n                maxLength={maxLength}\n                autoFocus={true}\n                onBlur={handleInputBlur}\n                onKeyDown={handleInputKeyDown}\n                onChange={handleInputChange}\n            />\n        </div>\n    );\n\n    /** Плейсхолдер поля ввода. */\n    const inputPlaceholder = \"0\".repeat(maxLength);\n\n    /** Обработчик потери фокуса поля ввода. */\n    const handleInputBlur = (event: React.FocusEvent<HTMLInputElement>) => {\n        setEditingMode(false);\n\n        onBlur?.(event);\n    };\n\n    /** Обработчик нажатия клавиши поля ввода. */\n    const handleInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n        if (isKey(event.code, \"ENTER\")) {\n            setEditingMode(false);\n        }\n\n        onKeyDown?.(event);\n    };\n\n    /** Обработчик изменения значения поля ввода. */\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n        const caret = getCaretPosition(event.target);\n        const value = getFilteredValue(event.target.value);\n        const caretShift = value.length - event.target.value.length;\n\n        event.target.value = value;\n\n        setCaretPosition(event.target, caret + caretShift);\n\n        onChange?.(event);\n    };\n\n    /** Функция, возвращающая отфильтрованное значение. */\n    const getFilteredValue = (value: string) => {\n        const buffer: string[] = [];\n        const length = value.length;\n\n        for (let i = 0; i < length; i++) {\n            if (StringUtils.isDigit(value[i])) {\n                buffer.push(value[i]);\n            }\n        }\n\n        return buffer.join(\"\");\n    };\n\n    /** Рендер кнопки. */\n    const renderButton = () => (\n        <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n            <Link href=\"#\" onClick={handleButtonClick}>\n                {value ? buttonLabel : emptyNumberButtonLabel}\n            </Link>\n        </Text>\n    );\n\n    /** Обработчик клика кнопки. */\n    const handleButtonClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        event.preventDefault();\n        setEditingMode(true);\n    };\n\n    return (\n        <div className={clsx(styles.documentNumberEdit, className)}>\n            <Text className={styles.label} tag=\"div\" size={ETextSize.B3} type={EFontType.SECONDARY}>\n                {labelText}\n            </Text>\n\n            {editingMode ? renderInput() : renderButton()}\n        </div>\n    );\n};\n\nDocumentNumberEdit.displayName = \"DocumentNumberEdit\";\n"],"names":["value"],"mappings":";;;;;;;;;;;;;;;;;;AA4BA,MAAM,mBAAmB;AAGlB,MAAM,qBAAyD,CAAC;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACP,MAAM;AACF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAGpD,QAAM,YAAY,QAAQ,MAAM;AAC5B,QAAI,aAAa;AACb,aAAO;AAAA,IACX,WAAW,OAAO;AACd,aAAO,GAAG,WAAW,IAAI,KAAK;AAAA,IAClC,OAAO;AACH,aAAO;AAAA,IACX;AAAA,EACJ,GAAG,CAAC,OAAO,aAAa,kBAAkB,WAAW,CAAC;AAGtD,QAAM,cAAc,MAChB,oBAAC,OAAA,EAAI,WAAW,OAAO,kBACnB,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ,OAAO,SAAS;AAAA,MAChB,aAAa;AAAA,MACb;AAAA,MACA,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,WAAW;AAAA,MACX,UAAU;AAAA,IAAA;AAAA,EAAA,GAElB;AAIJ,QAAM,mBAAmB,IAAI,OAAO,SAAS;AAG7C,QAAM,kBAAkB,CAAC,UAA8C;AACnE,mBAAe,KAAK;AAEpB,qCAAS;AAAA,EACb;AAGA,QAAM,qBAAqB,CAAC,UAAiD;AACzE,QAAI,MAAM,MAAM,MAAM,OAAO,GAAG;AAC5B,qBAAe,KAAK;AAAA,IACxB;AAEA,2CAAY;AAAA,EAChB;AAGA,QAAM,oBAAoB,CAAC,UAA+C;AACtE,UAAM,QAAQ,iBAAiB,MAAM,MAAM;AAC3C,UAAMA,SAAQ,iBAAiB,MAAM,OAAO,KAAK;AACjD,UAAM,aAAaA,OAAM,SAAS,MAAM,OAAO,MAAM;AAErD,UAAM,OAAO,QAAQA;AAErB,qBAAiB,MAAM,QAAQ,QAAQ,UAAU;AAEjD,yCAAW;AAAA,EACf;AAGA,QAAM,mBAAmB,CAACA,WAAkB;AACxC,UAAM,SAAmB,CAAA;AACzB,UAAM,SAASA,OAAM;AAErB,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC7B,UAAI,YAAY,QAAQA,OAAM,CAAC,CAAC,GAAG;AAC/B,eAAO,KAAKA,OAAM,CAAC,CAAC;AAAA,MACxB;AAAA,IACJ;AAEA,WAAO,OAAO,KAAK,EAAE;AAAA,EACzB;AAGA,QAAM,eAAe,MACjB,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACzE,UAAA,oBAAC,MAAA,EAAK,MAAK,KAAI,SAAS,mBACnB,UAAA,QAAQ,cAAc,uBAAA,CAC3B,EAAA,CACJ;AAIJ,QAAM,oBAAoB,CAAC,UAA+C;AACtE,UAAM,eAAA;AACN,mBAAe,IAAI;AAAA,EACvB;AAEA,8BACK,OAAA,EAAI,WAAW,KAAK,OAAO,oBAAoB,SAAS,GACrD,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,WAAW,OAAO,OAAO,KAAI,OAAM,MAAM,UAAU,IAAI,MAAM,UAAU,WACxE,UAAA,WACL;AAAA,IAEC,cAAc,YAAA,IAAgB,aAAA;AAAA,EAAa,GAChD;AAER;AAEA,mBAAmB,cAAc;"}

package/components/DocumentNumberEdit/index.js

@@ -1,5 +1,5 @@
-import { DocumentNumberEdit as o } from "./DocumentNumberEdit.js";
+import { DocumentNumberEdit } from "./DocumentNumberEdit.js";
 export {
-  o as DocumentNumberEdit
+  DocumentNumberEdit
 };
 //# sourceMappingURL=index.js.map

package/components/DocumentNumberEdit/index.js.map

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

package/components/Dropdown/Dropdown.js

@@ -1,25 +1,32 @@
-import { jsx as f } from "react/jsx-runtime";
-import h, { useRef as l, useEffect as o } from "react";
-import { Portal as x } from "../Portal/Portal.js";
-import { DropdownDesktop as i } from "./desktop/DropdownDesktop.js";
-import { DropdownMobile as y } from "./mobile/DropdownMobile.js";
-import { MobileView as M } from "../MobileView/MobileView.js";
-const _ = h.forwardRef(
-  ({ children: c, opened: r, setOpened: a, onOpen: m, onClose: u, mobileViewProps: t, ...D }, d) => {
-    const R = l(!1);
-    return o(() => {
-      R.current ? r ? m == null || m() : u == null || u() : R.current = !0;
-    }, [r]), /* @__PURE__ */ f(x, { container: document.body, children: t ? /* @__PURE__ */ f(
-      M,
+import { jsx } from "react/jsx-runtime";
+import React__default, { useRef, useEffect } from "react";
+import { Portal } from "../Portal/Portal.js";
+import { DropdownDesktop } from "./desktop/DropdownDesktop.js";
+import { DropdownMobile } from "./mobile/DropdownMobile.js";
+import { MobileView } from "../MobileView/MobileView.js";
+const Dropdown = React__default.forwardRef(
+  ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {
+    const mountedRef = useRef(false);
+    useEffect(() => {
+      if (!mountedRef.current) {
+        mountedRef.current = true;
+      } else if (opened) {
+        onOpen == null ? void 0 : onOpen();
+      } else {
+        onClose == null ? void 0 : onClose();
+      }
+    }, [opened]);
+    return /* @__PURE__ */ jsx(Portal, { container: document.body, children: mobileViewProps ? /* @__PURE__ */ jsx(
+      MobileView,
       {
-        fallback: /* @__PURE__ */ f(i, { opened: r, setOpened: a, ...D, ref: d, children: c }),
-        children: /* @__PURE__ */ f(y, { opened: r, setOpened: a, ...t, ref: d, children: (t == null ? void 0 : t.children) || c })
+        fallback: /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }),
+        children: /* @__PURE__ */ jsx(DropdownMobile, { opened, setOpened, ...mobileViewProps, ref, children: (mobileViewProps == null ? void 0 : mobileViewProps.children) || children })
       }
-    ) : /* @__PURE__ */ f(i, { opened: r, setOpened: a, ...D, ref: d, children: c }) });
+    ) : /* @__PURE__ */ jsx(DropdownDesktop, { opened, setOpened, ...desktopProps, ref, children }) });
   }
 );
-_.displayName = "Dropdown";
+Dropdown.displayName = "Dropdown";
 export {
-  _ as Dropdown
+  Dropdown
 };
 //# sourceMappingURL=Dropdown.js.map

package/components/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { Portal } from \"@sberbusiness/triplex-next/components/Portal/Portal\";\nimport {\n    DropdownDesktop,\n    IDropdownDesktopProps,\n} from \"@sberbusiness/triplex-next/components/Dropdown/desktop/DropdownDesktop\";\nimport { DropdownMobile, IDropdownMobileProps } from \"./mobile/DropdownMobile\";\nimport { MobileView } from \"@sberbusiness/triplex-next/components/MobileView/MobileView\";\n\n/** Свойства компонента Dropdown. */\nexport interface IDropdownProps extends IDropdownDesktopProps {\n    /** Функция, вызывающаяся при открытии. */\n    onOpen?: () => void;\n    /** Функция, вызывающаяся при закрытии. */\n    onClose?: () => void;\n    /** Свойства отображения в адаптивном режиме. В этом режиме на мобильном устройстве Dropdown рендерится на весь экран. */\n    mobileViewProps?: Omit<IDropdownMobileProps, \"opened\" | \"setOpened\">;\n}\n\n/** Выпадающее меню. */\nexport const Dropdown = React.forwardRef<HTMLDivElement, IDropdownProps>(\n    ({ children, opened, setOpened, onOpen, onClose, mobileViewProps, ...desktopProps }, ref) => {\n        const mountedRef = useRef(false);\n\n        useEffect(() => {\n            if (!mountedRef.current) {\n                mountedRef.current = true;\n            } else if (opened) {\n                onOpen?.();\n            } else {\n                onClose?.();\n            }\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [opened]);\n\n        return (\n            <Portal container={document.body}>\n                {mobileViewProps ? (\n                    <MobileView\n                        fallback={\n                            <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                                {children}\n                            </DropdownDesktop>\n                        }\n                    >\n                        <DropdownMobile opened={opened} setOpened={setOpened} {...mobileViewProps} ref={ref}>\n                            {mobileViewProps?.children || children}\n                        </DropdownMobile>\n                    </MobileView>\n                ) : (\n                    <DropdownDesktop opened={opened} setOpened={setOpened} {...desktopProps} ref={ref}>\n                        {children}\n                    </DropdownDesktop>\n                )}\n            </Portal>\n        );\n    },\n);\n\nDropdown.displayName = \"Dropdown\";\n"],"names":["React"],"mappings":";;;;;;AAoBO,MAAM,WAAWA,eAAM;AAAA,EAC1B,CAAC,EAAE,UAAU,QAAQ,WAAW,QAAQ,SAAS,iBAAiB,GAAG,aAAA,GAAgB,QAAQ;AACzF,UAAM,aAAa,OAAO,KAAK;AAE/B,cAAU,MAAM;AACZ,UAAI,CAAC,WAAW,SAAS;AACrB,mBAAW,UAAU;AAAA,MACzB,WAAW,QAAQ;AACf;AAAA,MACJ,OAAO;AACH;AAAA,MACJ;AAAA,IAEJ,GAAG,CAAC,MAAM,CAAC;AAEX,WACI,oBAAC,QAAA,EAAO,WAAW,SAAS,MACvB,UAAA,kBACG;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,8BACK,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,UACL;AAAA,QAGJ,UAAA,oBAAC,kBAAe,QAAgB,WAAuB,GAAG,iBAAiB,KACtE,WAAA,mDAAiB,aAAY,SAAA,CAClC;AAAA,MAAA;AAAA,IAAA,wBAGH,iBAAA,EAAgB,QAAgB,WAAuB,GAAG,cAAc,KACpE,SAAA,CACL,GAER;AAAA,EAER;AACJ;AAEA,SAAS,cAAc;"}

package/components/Dropdown/DropdownListContext.js

@@ -1,10 +1,10 @@
-import { createContext as t } from "react";
-const o = t({
+import { createContext } from "react";
+const DropdownListContext = createContext({
   activeDescendant: void 0,
   setActiveDescendant: () => {
   }
 });
 export {
-  o as DropdownListContext
+  DropdownListContext
 };
 //# sourceMappingURL=DropdownListContext.js.map

package/components/Dropdown/DropdownListContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListContext.js","sources":["../../../src/components/Dropdown/DropdownListContext.ts"],"sourcesContent":["import { createContext } from \"react\";\n\n/** Контекст вложенного списка. */\nexport interface IDropdownListContext {\n    /** Текущий активный элемент (его идентификатор). */\n    activeDescendant: string | undefined;\n    /** Установить текущий активный элемент (его идентификатор). */\n    setActiveDescendant: (id?: string) => void;\n}\n\nexport const DropdownListContext = createContext<IDropdownListContext>({\n    activeDescendant: undefined,\n    setActiveDescendant: () => {},\n});\n"],"names":[],"mappings":";AAUO,MAAM,sBAAsB,cAAoC;AAAA,EACnE,kBAAkB;AAAA,EAClB,qBAAqB,MAAM;AAAA,EAAC;AAChC,CAAC;"}

package/components/Dropdown/desktop/DropdownDesktop.js

@@ -1,103 +1,181 @@
-import { jsx as U } from "react/jsx-runtime";
-import B, { useState as F, useRef as I, useCallback as d, useEffect as O } from "react";
-import { c as j } from "../../../chunks/vendor-D5cfSbgz.js";
-import { EDropdownDirection as u, EDropdownAlignment as R, EDropdownWidth as T } from "./enums.js";
-import { EComponentSize as K } from "../../../enums/EComponentSize.js";
-import { createSizeToClassNameMap as V } from "../../../utils/classNameMaps.js";
-import { useToken as q } from "../../ThemeProvider/useToken.js";
-import { isKey as n } from "../../../utils/keyboard.js";
-const J = "dropdownDesktop__1525cb4c", Q = "sm__fdfa5586", X = "md__afe9b339", Y = "lg__51ab00a2", Z = "dropdownDesktopOverflowHidden__af069618", _ = {
-  dropdownDesktop: J,
-  sm: Q,
-  md: X,
-  lg: Y,
-  dropdownDesktopOverflowHidden: Z
-}, $ = V(_), N = _.dropdownDesktopOverflowHidden, ee = B.forwardRef((H, m) => {
+import { jsx } from "react/jsx-runtime";
+import React__default, { useState, useRef, useCallback, useEffect } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { EDropdownDirection, EDropdownAlignment, EDropdownWidth } from "./enums.js";
+import { EComponentSize } from "../../../enums/EComponentSize.js";
+import { createSizeToClassNameMap } from "../../../utils/classNameMaps.js";
+import { useToken } from "../../ThemeProvider/useToken.js";
+import { isKey } from "../../../utils/keyboard.js";
+const dropdownDesktop = "dropdownDesktop__300eeb59";
+const sm = "sm__921d59c6";
+const md = "md__c69f97cc";
+const lg = "lg__8086d7dc";
+const dropdownDesktopOverflowHidden = "dropdownDesktopOverflowHidden__949c722c";
+const styles = {
+  dropdownDesktop,
+  sm,
+  md,
+  lg,
+  dropdownDesktopOverflowHidden
+};
+const sizeToClassNameMap = createSizeToClassNameMap(styles);
+const overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;
+const DropdownDesktop = React__default.forwardRef((props, ref) => {
   const {
-    children: P,
-    className: A,
-    style: C,
-    size: M = K.MD,
-    direction: a = u.AUTO,
-    alignment: b = R.LEFT,
-    width: p = T.CONTENT,
-    opened: s,
-    targetRef: l,
-    setOpened: te,
-    ...S
-  } = H, [W, k] = F({ opacity: 0 }), i = I(null), { scopeClassName: z } = q(), x = j(_.dropdownDesktop, $[M], z, A), w = d(
-    (e) => {
-      var t;
-      (t = i.current) != null && t.contains(e.target) || e.preventDefault();
+    children,
+    className,
+    style: styleProp,
+    size = EComponentSize.MD,
+    direction = EDropdownDirection.AUTO,
+    alignment = EDropdownAlignment.LEFT,
+    width = EDropdownWidth.CONTENT,
+    opened,
+    targetRef,
+    setOpened,
+    ...rest
+  } = props;
+  const [styleState, setStyleState] = useState({ opacity: 0 });
+  const dropdownRef = useRef(null);
+  const { scopeClassName } = useToken();
+  const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);
+  const wheelHandler = useCallback(
+    (event) => {
+      var _a;
+      if (!((_a = dropdownRef.current) == null ? void 0 : _a.contains(event.target))) {
+        event.preventDefault();
+      }
     },
-    [i]
-  ), h = d((e) => {
-    if (e.target === document.body) {
-      const t = e.code || e.keyCode;
-      (n(t, "SPACE") || n(t, "PAGE_UP") || n(t, "PAGE_DOWN") || n(t, "END") || n(t, "HOME") || n(t, "ARROW_LEFT") || n(t, "ARROW_UP") || n(t, "ARROW_RIGHT") || n(t, "ARROW_DOWN")) && e.preventDefault();
+    [dropdownRef]
+  );
+  const keyDownHandler = useCallback((event) => {
+    if (event.target === document.body) {
+      const key = event.code || event.keyCode;
+      if (isKey(key, "SPACE") || isKey(key, "PAGE_UP") || isKey(key, "PAGE_DOWN") || isKey(key, "END") || isKey(key, "HOME") || isKey(key, "ARROW_LEFT") || isKey(key, "ARROW_UP") || isKey(key, "ARROW_RIGHT") || isKey(key, "ARROW_DOWN")) {
+        event.preventDefault();
+      }
     }
-  }, []), E = d(
+  }, []);
+  const toggleScrollEventListener = useCallback(
     /** Запрет скролла всей страницы. */
-    (e) => {
-      e ? (document.addEventListener("wheel", w, { passive: !1 }), document.addEventListener("keydown", h)) : (document.removeEventListener("wheel", w), document.removeEventListener("keydown", h));
+    (add) => {
+      if (add) {
+        document.addEventListener("wheel", wheelHandler, { passive: false });
+        document.addEventListener("keydown", keyDownHandler);
+      } else {
+        document.removeEventListener("wheel", wheelHandler);
+        document.removeEventListener("keydown", keyDownHandler);
+      }
     },
-    [w, h]
-  ), g = d(
-    (e, t, o) => {
-      const r = document.documentElement.clientWidth, v = t.left, D = t.right - o;
-      if (b === R.LEFT) {
-        const y = v + o <= r;
-        e.left = y ? v : Math.max(0, D);
+    [wheelHandler, keyDownHandler]
+  );
+  const calculatePositionHorizontal = useCallback(
+    (css, targetRect, expectedWidth) => {
+      const clientWidth = document.documentElement.clientWidth;
+      const leftPos = targetRect.left;
+      const rightPos = targetRect.right - expectedWidth;
+      if (alignment === EDropdownAlignment.LEFT) {
+        const fitsRightSide = leftPos + expectedWidth <= clientWidth;
+        css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);
       } else {
-        const y = D >= 0;
-        e.left = y ? D : Math.max(0, Math.min(v, r - o));
+        const fitsLeftSide = rightPos >= 0;
+        css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));
       }
     },
-    [b]
-  ), L = d(
-    (e, t, o) => {
-      a === u.AUTO ? o.bottom + 4 + t.height < document.documentElement.clientHeight ? e.top = o.bottom + 4 : o.top - 4 - t.height > 0 ? e.bottom = document.documentElement.clientHeight - o.top + 4 : e.top = o.bottom + 4 : a === u.BOTTOM ? e.top = o.bottom + 4 : a === u.TOP && (e.bottom = document.documentElement.clientHeight - o.top + 4);
+    [alignment]
+  );
+  const calculatePositionVertical = useCallback(
+    (css, dropdownRect, targetRect) => {
+      const offset = 4;
+      if (direction === EDropdownDirection.AUTO) {
+        if (targetRect.bottom + offset + dropdownRect.height < document.documentElement.clientHeight) {
+          css.top = targetRect.bottom + offset;
+        } else if (targetRect.top - offset - dropdownRect.height > 0) {
+          css.bottom = document.documentElement.clientHeight - targetRect.top + offset;
+        } else {
+          css.top = targetRect.bottom + offset;
+        }
+      } else if (direction === EDropdownDirection.BOTTOM) {
+        css.top = targetRect.bottom + offset;
+      } else if (direction === EDropdownDirection.TOP) {
+        css.bottom = document.documentElement.clientHeight - targetRect.top + offset;
+      }
     },
-    [a]
-  ), c = d(() => {
-    if (i.current === null || l.current === null) return;
-    const e = i.current.getBoundingClientRect(), t = l.current.getBoundingClientRect(), o = {};
-    let r = e.width;
-    p === T.TARGET ? (r = t.width, o.width = t.width) : p === T.MIN_TARGET && (r = Math.max(e.width, t.width), o.minWidth = t.width), L(o, e, t), g(o, t, r), k(o);
-  }, [l, p, L, g]);
-  O(() => {
-    s ? c() : k({ opacity: 0 });
-  }, [s, c]), O(() => {
-    if (!s || i.current === null || l.current === null) return;
-    const e = new ResizeObserver(c);
-    return e.observe(i.current), e.observe(l.current), () => e.disconnect();
-  }, [s, l, c]);
-  const f = d(() => {
-    setTimeout(c);
-  }, [c]);
-  O(() => {
-    if (s)
-      return document.addEventListener("scroll", f, !0), window.addEventListener("resize", f), E(!0), document.body.classList.add(N), f(), () => {
-        document.removeEventListener("scroll", f, !0), window.removeEventListener("resize", f), E(!1), document.body.classList.remove(N);
+    [direction]
+  );
+  const setPosition = useCallback(() => {
+    if (dropdownRef.current === null || targetRef.current === null) return;
+    const dropdownRect = dropdownRef.current.getBoundingClientRect();
+    const targetRect = targetRef.current.getBoundingClientRect();
+    const css = {};
+    let expectedWidth = dropdownRect.width;
+    if (width === EDropdownWidth.TARGET) {
+      expectedWidth = targetRect.width;
+      css.width = targetRect.width;
+    } else if (width === EDropdownWidth.MIN_TARGET) {
+      expectedWidth = Math.max(dropdownRect.width, targetRect.width);
+      css.minWidth = targetRect.width;
+    }
+    calculatePositionVertical(css, dropdownRect, targetRect);
+    calculatePositionHorizontal(css, targetRect, expectedWidth);
+    setStyleState(css);
+  }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);
+  useEffect(() => {
+    if (opened) {
+      setPosition();
+    } else {
+      setStyleState({ opacity: 0 });
+    }
+  }, [opened, setPosition]);
+  useEffect(() => {
+    if (!opened || dropdownRef.current === null || targetRef.current === null) return;
+    const observer = new ResizeObserver(setPosition);
+    observer.observe(dropdownRef.current);
+    observer.observe(targetRef.current);
+    return () => observer.disconnect();
+  }, [opened, targetRef, setPosition]);
+  const updatePosition = useCallback(() => {
+    setTimeout(setPosition);
+  }, [setPosition]);
+  useEffect(() => {
+    if (opened) {
+      document.addEventListener("scroll", updatePosition, true);
+      window.addEventListener("resize", updatePosition);
+      toggleScrollEventListener(true);
+      document.body.classList.add(overflowHiddenClassName);
+      updatePosition();
+      return () => {
+        document.removeEventListener("scroll", updatePosition, true);
+        window.removeEventListener("resize", updatePosition);
+        toggleScrollEventListener(false);
+        document.body.classList.remove(overflowHiddenClassName);
       };
-  }, [s, f, E]);
-  const G = (e) => {
-    i.current = e, typeof m == "function" ? m(e) : m && (m.current = e);
+    }
+  }, [opened, updatePosition, toggleScrollEventListener]);
+  const setRef = (instance) => {
+    dropdownRef.current = instance;
+    if (typeof ref === "function") {
+      ref(instance);
+    } else if (ref) {
+      ref.current = instance;
+    }
   };
-  return s ? /* @__PURE__ */ U(
+  if (!opened) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
     "div",
     {
-      className: x,
-      style: { ...W, ...C },
-      ...S,
-      "data-tx": "1.34.0",
-      ref: G,
-      children: P
+      className: classNames,
+      style: { ...styleState, ...styleProp },
+      ...rest,
+      "data-tx": "1.35.0",
+      ref: setRef,
+      children
     }
-  ) : null;
+  );
 });
-ee.displayName = "DropdownDesktop";
+DropdownDesktop.displayName = "DropdownDesktop";
 export {
-  ee as DropdownDesktop
+  DropdownDesktop
 };
 //# sourceMappingURL=DropdownDesktop.js.map

package/components/Dropdown/desktop/DropdownDesktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownDesktop.js","sources":["../../../../src/components/Dropdown/desktop/DropdownDesktop.tsx"],"sourcesContent":["import React, { useState, useRef, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { EDropdownAlignment, EDropdownDirection, EDropdownWidth } from \"./enums\";\nimport { EComponentSize } from \"../../../enums/EComponentSize\";\nimport { createSizeToClassNameMap } from \"../../../utils/classNameMaps\";\nimport { useToken } from \"../../ThemeProvider/useToken\";\nimport { isKey } from \"../../../utils/keyboard\";\nimport styles from \"../styles/DropdownDesktop.module.less\";\n\n/** Свойства компонента DropdownDesktop. */\nexport interface IDropdownDesktopProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Открыт. */\n    opened: boolean;\n    /** Устанавливает флаг opened. */\n    setOpened: (opened: boolean) => void;\n    /** Ссылка на управляющий элемент. */\n    targetRef: React.RefObject<HTMLElement>;\n    /** Размер дропдауна. */\n    size?: EComponentSize;\n    /** Направление выпадающего меню. */\n    direction?: EDropdownDirection;\n    /** Выравнивание списка относительно управляющего элемента. */\n    alignment?: EDropdownAlignment;\n    /** Вариант расчёта ширины выпадающего списка. */\n    width?: EDropdownWidth;\n}\n\nconst sizeToClassNameMap = createSizeToClassNameMap(styles);\n\nconst overflowHiddenClassName = styles.dropdownDesktopOverflowHidden;\n\n/** Выпадающее меню. */\nexport const DropdownDesktop = React.forwardRef<HTMLDivElement, IDropdownDesktopProps>((props, ref) => {\n    const {\n        children,\n        className,\n        style: styleProp,\n        size = EComponentSize.MD,\n        direction = EDropdownDirection.AUTO,\n        alignment = EDropdownAlignment.LEFT,\n        width = EDropdownWidth.CONTENT,\n        opened,\n        targetRef,\n        setOpened,\n        ...rest\n    } = props;\n    const [styleState, setStyleState] = useState<React.CSSProperties>({ opacity: 0 });\n    const dropdownRef = useRef<HTMLDivElement | null>(null);\n\n    const { scopeClassName } = useToken();\n    const classNames = clsx(styles.dropdownDesktop, sizeToClassNameMap[size], scopeClassName, className);\n\n    /** Блокировка скролла вне дропдауна. */\n    const wheelHandler = useCallback(\n        (event: WheelEvent) => {\n            if (!dropdownRef.current?.contains(event.target as Node)) {\n                event.preventDefault();\n            }\n        },\n        [dropdownRef],\n    );\n\n    const keyDownHandler = useCallback((event: KeyboardEvent) => {\n        if (event.target === document.body) {\n            const key = event.code || event.keyCode;\n\n            if (\n                isKey(key, \"SPACE\") ||\n                isKey(key, \"PAGE_UP\") ||\n                isKey(key, \"PAGE_DOWN\") ||\n                isKey(key, \"END\") ||\n                isKey(key, \"HOME\") ||\n                isKey(key, \"ARROW_LEFT\") ||\n                isKey(key, \"ARROW_UP\") ||\n                isKey(key, \"ARROW_RIGHT\") ||\n                isKey(key, \"ARROW_DOWN\")\n            ) {\n                event.preventDefault();\n            }\n        }\n    }, []);\n\n    /** Управление скроллом внешней области.  */\n    const toggleScrollEventListener = useCallback(\n        /** Запрет скролла всей страницы. */\n        (add: boolean) => {\n            if (add) {\n                document.addEventListener(\"wheel\", wheelHandler, { passive: false });\n                document.addEventListener(\"keydown\", keyDownHandler);\n            } else {\n                document.removeEventListener(\"wheel\", wheelHandler);\n                document.removeEventListener(\"keydown\", keyDownHandler);\n            }\n        },\n        [wheelHandler, keyDownHandler],\n    );\n\n    /** Расчёт положения по горизонтали. */\n    const calculatePositionHorizontal = useCallback(\n        (css: React.CSSProperties, targetRect: DOMRect, expectedWidth: number) => {\n            const clientWidth = document.documentElement.clientWidth;\n\n            const leftPos = targetRect.left;\n            const rightPos = targetRect.right - expectedWidth;\n\n            if (alignment === EDropdownAlignment.LEFT) {\n                const fitsRightSide = leftPos + expectedWidth <= clientWidth;\n                css.left = fitsRightSide ? leftPos : Math.max(0, rightPos);\n            } else {\n                const fitsLeftSide = rightPos >= 0;\n                css.left = fitsLeftSide ? rightPos : Math.max(0, Math.min(leftPos, clientWidth - expectedWidth));\n            }\n        },\n        [alignment],\n    );\n\n    /** Расчёт положения по вертикали. */\n    const calculatePositionVertical = useCallback(\n        (css: React.CSSProperties, dropdownRect: DOMRect, targetRect: DOMRect) => {\n            // Отступ между target и dropdown.\n            const offset = 4;\n\n            if (direction === EDropdownDirection.AUTO) {\n                if (targetRect.bottom + offset + dropdownRect.height < document.documentElement.clientHeight) {\n                    // Если влезает снизу.\n                    css.top = targetRect.bottom + offset;\n                } else if (targetRect.top - offset - dropdownRect.height > 0) {\n                    // Если не влезает снизу, но влезает сверху.\n                    css.bottom = document.documentElement.clientHeight - targetRect.top + offset;\n                } else {\n                    // Если не влезает снизу и сверху.\n                    css.top = targetRect.bottom + offset;\n                }\n            } else if (direction === EDropdownDirection.BOTTOM) {\n                css.top = targetRect.bottom + offset;\n            } else if (direction === EDropdownDirection.TOP) {\n                css.bottom = document.documentElement.clientHeight - targetRect.top + offset;\n            }\n        },\n        [direction],\n    );\n\n    /** Установка положения меню. */\n    const setPosition = useCallback(() => {\n        if (dropdownRef.current === null || targetRef.current === null) return;\n\n        const dropdownRect = dropdownRef.current.getBoundingClientRect();\n        const targetRect = targetRef.current.getBoundingClientRect();\n        const css: React.CSSProperties = {};\n        let expectedWidth = dropdownRect.width;\n\n        if (width === EDropdownWidth.TARGET) {\n            expectedWidth = targetRect.width;\n            css.width = targetRect.width;\n        } else if (width === EDropdownWidth.MIN_TARGET) {\n            expectedWidth = Math.max(dropdownRect.width, targetRect.width);\n            css.minWidth = targetRect.width;\n        }\n\n        calculatePositionVertical(css, dropdownRect, targetRect);\n        calculatePositionHorizontal(css, targetRect, expectedWidth);\n\n        setStyleState(css);\n    }, [targetRef, width, calculatePositionVertical, calculatePositionHorizontal]);\n\n    useEffect(() => {\n        if (opened) {\n            // eslint-disable-next-line react-hooks/set-state-in-effect\n            setPosition();\n        } else {\n            setStyleState({ opacity: 0 });\n        }\n    }, [opened, setPosition]);\n\n    useEffect(() => {\n        if (!opened || dropdownRef.current === null || targetRef.current === null) return;\n\n        const observer = new ResizeObserver(setPosition);\n\n        observer.observe(dropdownRef.current);\n        observer.observe(targetRef.current);\n        return () => observer.disconnect();\n    }, [opened, targetRef, setPosition]);\n\n    /** Планирует перерасчет позиции дропдауна в следующем кадре. */\n    const updatePosition = useCallback(() => {\n        setTimeout(setPosition);\n    }, [setPosition]);\n\n    useEffect(() => {\n        if (opened) {\n            document.addEventListener(\"scroll\", updatePosition, true);\n            window.addEventListener(\"resize\", updatePosition);\n            toggleScrollEventListener(true);\n            document.body.classList.add(overflowHiddenClassName);\n            updatePosition();\n\n            return () => {\n                document.removeEventListener(\"scroll\", updatePosition, true);\n                window.removeEventListener(\"resize\", updatePosition);\n                toggleScrollEventListener(false);\n                document.body.classList.remove(overflowHiddenClassName);\n            };\n        }\n    }, [opened, updatePosition, toggleScrollEventListener]);\n\n    /** Функция для хранения ссылки. */\n    const setRef = (instance: HTMLDivElement | null) => {\n        dropdownRef.current = instance;\n        if (typeof ref === \"function\") {\n            ref(instance);\n        } else if (ref) {\n            ref.current = instance;\n        }\n    };\n\n    if (!opened) {\n        return null;\n    }\n\n    return (\n        <div\n            className={classNames}\n            style={{ ...styleState, ...styleProp }}\n            {...rest}\n            data-tx={process.env.npm_package_version}\n            ref={setRef}\n        >\n            {children}\n        </div>\n    );\n});\n\nDropdownDesktop.displayName = \"DropdownDesktop\";\n"],"names":["React"],"mappings":"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"}