@smwb/ui-react 2.4.0 → 2.5.0

package/dist/components/dataDisplay/treeView/treeView.js

@@ -1,116 +1,119 @@
-import { jsx as n, jsxs as p } from "react/jsx-runtime";
+import { jsx as n, jsxs as b } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/treeView/treeView.entry.css';/* empty css                                                           */
-import { forwardRef as Z, useState as A, useMemo as v } from "react";
-import D from "clsx";
-import { Icon as g } from "../../base/icon/icon.js";
-import { useControllableState as O } from "../../../hooks/useControllableState.js";
-const re = Z(function({
-  className: R,
-  listIcon: w = "draft",
-  nodeIcon: r = { closed: "folder", opened: "folder_open" },
-  data: b = [],
-  expanded: T,
-  defaultExpanded: K = [],
-  onExpandedChange: M,
-  selected: P,
-  defaultSelected: q = [],
-  onSelectedChange: B,
-  selectable: c = !1,
-  checkboxes: f = !1,
-  renderLabel: u,
-  loadChildren: m,
-  ...F
-}, G) {
-  const [o, H] = A({}), [N, k] = A([]), [x, y] = O({
-    value: T,
-    defaultValue: K,
-    onChange: M
-  }), [C, J] = O({
+import { forwardRef as v, useState as D, useRef as I, useMemo as ee } from "react";
+import O from "clsx";
+import { Icon as N } from "../../base/icon/icon.js";
+import { useControllableState as K } from "../../../hooks/useControllableState.js";
+const oe = v(function({
+  className: M,
+  listIcon: k = "draft",
+  nodeIcon: a = { closed: "folder", opened: "folder_open" },
+  data: x = [],
+  expanded: P,
+  defaultExpanded: S = [],
+  onExpandedChange: q,
+  selected: B,
+  defaultSelected: F = [],
+  onSelectedChange: d,
+  selectable: f = !1,
+  checkboxes: u = !1,
+  renderLabel: m,
+  loadChildren: _,
+  ...G
+}, H) {
+  const [o, J] = D({}), [y, L] = D([]), [z, C] = K({
     value: P,
-    defaultValue: q,
-    onChange: B
-  }), Q = (s) => {
-    y((t) => t.includes(s) ? t.filter((e) => e !== s) : [...t, s]);
-  }, L = (s, t) => {
-    y((e) => {
-      const l = e.includes(s);
-      return t && !l ? [...e, s] : !t && l ? e.filter((_) => _ !== s) : e;
+    defaultValue: S,
+    onChange: q
+  }), p = I(), [h, Q] = K({
+    value: B,
+    defaultValue: F,
+    onChange: (e) => {
+      const t = p.current;
+      p.current = void 0, d == null || d(e, t);
+    }
+  }), U = (e) => {
+    C((t) => t.includes(e) ? t.filter((s) => s !== e) : [...t, e]);
+  }, R = (e, t) => {
+    C((s) => {
+      const l = s.includes(e);
+      return t && !l ? [...s, e] : !t && l ? s.filter((w) => w !== e) : s;
     });
-  }, S = (s) => {
-    J((t) => t.includes(s) ? t.filter((e) => e !== s) : [...t, s]);
-  }, z = (s, t) => {
-    !m || o[t] || s.children && s.children.length > 0 || (k((e) => e.includes(t) ? e : [...e, t]), m(s, t).then((e) => {
-      H((l) => ({ ...l, [t]: e }));
+  }, V = (e) => {
+    p.current = { id: e, selected: !h.includes(e) }, Q((t) => t.includes(e) ? t.filter((s) => s !== e) : [...t, e]);
+  }, E = (e, t) => {
+    !_ || o[t] || e.children && e.children.length > 0 || (L((s) => s.includes(t) ? s : [...s, t]), _(e, t).then((s) => {
+      J((l) => ({ ...l, [t]: s }));
     }).finally(() => {
-      k((e) => e.filter((l) => l !== t));
+      L((s) => s.filter((l) => l !== t));
     }));
-  }, V = (s, t) => {
-    var $, j;
-    const e = ($ = s.id) != null ? $ : t, l = (j = s.children) != null ? j : o[e], _ = !!m && (s.hasChildren || !!o[e]), i = !!l && l.length > 0 || _, d = x.includes(e), h = C.includes(e), W = N.includes(e), E = () => {
-      i && (d || z(s, e), Q(e)), c && S(e);
-    }, X = (a) => {
-      a.key === "Enter" || a.key === " " ? (a.preventDefault(), E()) : a.key === "ArrowRight" && i ? (z(s, e), L(e, !0)) : a.key === "ArrowLeft" && i && L(e, !1);
+  }, T = (e, t) => {
+    var j, A;
+    const s = (j = e.id) != null ? j : t, l = (A = e.children) != null ? A : o[s], w = !!_ && (e.hasChildren || !!o[s]), i = !!l && l.length > 0 || w, c = z.includes(s), g = h.includes(s), X = y.includes(s), $ = () => {
+      i && (c || E(e, s), U(s)), f && V(s);
+    }, Y = (r) => {
+      r.key === "Enter" || r.key === " " ? (r.preventDefault(), $()) : r.key === "ArrowRight" && i ? (E(e, s), R(s, !0)) : r.key === "ArrowLeft" && i && R(s, !1);
     };
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ b(
       "div",
       {
-        className: D("smwb-tree__node", { "smwb-tree__node_selected": h }),
+        className: O("smwb-tree__node", { "smwb-tree__node_selected": g }),
         role: "treeitem",
-        "aria-expanded": i ? d : void 0,
-        "aria-selected": c || f ? h : void 0,
+        "aria-expanded": i ? c : void 0,
+        "aria-selected": f || u ? g : void 0,
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ b(
             "span",
             {
               className: "smwb-tree__node__content",
-              onClick: E,
-              onKeyDown: X,
+              onClick: $,
+              onKeyDown: Y,
               tabIndex: 0,
               role: "button",
               children: [
-                f && /* @__PURE__ */ n(
+                u && /* @__PURE__ */ n(
                   "input",
                   {
                     type: "checkbox",
                     className: "smwb-tree__node__checkbox",
-                    checked: h,
-                    onClick: (a) => a.stopPropagation(),
-                    onChange: () => S(e),
-                    "aria-label": s.label
+                    checked: g,
+                    onClick: (r) => r.stopPropagation(),
+                    onChange: () => V(s),
+                    "aria-label": e.label
                   }
                 ),
-                /* @__PURE__ */ p("span", { className: "smwb-tree__node__label", children: [
-                  i && d ? /* @__PURE__ */ n(g, { name: r == null ? void 0 : r.opened, fill: 1, size: 20 }) : i ? /* @__PURE__ */ n(g, { name: r == null ? void 0 : r.closed, fill: 1, size: 20 }) : /* @__PURE__ */ n(g, { name: w, size: 20 }),
-                  u ? u(s, e) : s.label
+                /* @__PURE__ */ b("span", { className: "smwb-tree__node__label", children: [
+                  i && c ? /* @__PURE__ */ n(N, { name: a == null ? void 0 : a.opened, fill: 1, size: 20 }) : i ? /* @__PURE__ */ n(N, { name: a == null ? void 0 : a.closed, fill: 1, size: 20 }) : /* @__PURE__ */ n(N, { name: k, size: 20 }),
+                  m ? m(e, s) : e.label
                 ] })
               ]
             }
           ),
-          i && d && /* @__PURE__ */ n("div", { role: "group", children: W && !l ? /* @__PURE__ */ n("div", { className: "smwb-tree__node__loading", role: "status", children: "Загрузка…" }) : l == null ? void 0 : l.map((a, Y) => V(a, `${t}.${Y}`)) })
+          i && c && /* @__PURE__ */ n("div", { role: "group", children: X && !l ? /* @__PURE__ */ n("div", { className: "smwb-tree__node__loading", role: "status", children: "Загрузка…" }) : l == null ? void 0 : l.map((r, Z) => T(r, `${t}.${Z}`)) })
         ]
       },
-      e
+      s
     );
-  }, U = v(
-    () => b.map((s, t) => V(s, `${t}`)),
+  }, W = ee(
+    () => x.map((e, t) => T(e, `${t}`)),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      b,
       x,
-      C,
-      c,
+      z,
+      h,
       f,
-      w,
-      r,
       u,
+      k,
+      a,
+      m,
       o,
-      N
+      y
     ]
   );
-  return /* @__PURE__ */ n("div", { "data-testid": "tree-view", ...F, ref: G, role: "tree", className: D("smwb-tree", R), children: U.map((s, t) => /* @__PURE__ */ n("div", { className: "smwb-tree__wrapper", role: "presentation", children: s }, t)) });
+  return /* @__PURE__ */ n("div", { "data-testid": "tree-view", ...G, ref: H, role: "tree", className: O("smwb-tree", M), children: W.map((e, t) => /* @__PURE__ */ n("div", { className: "smwb-tree__wrapper", role: "presentation", children: e }, t)) });
 });
 export {
-  re as TreeView,
-  re as default
+  oe as TreeView,
+  oe as default
 };
 //# sourceMappingURL=treeView.js.map

package/dist/components/dataDisplay/treeView/treeView.js.map

@@ -1 +1 @@
-{"version":3,"file":"treeView.js","sources":["../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import React, { forwardRef, KeyboardEvent, ReactNode, useMemo, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\n\nexport interface ITreeNodeItem {\n  /** Stable identifier. Falls back to the positional path when omitted. */\n  id?: string;\n  label: string;\n  children?: ITreeNodeItem[];\n  /** Hint that the node is expandable even before its children are loaded. */\n  hasChildren?: boolean;\n}\n\nexport interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodeIcon?: {\n    opened?: string;\n    closed?: string;\n  };\n  listIcon?: string;\n  data: ITreeNodeItem[];\n  /** Controlled list of expanded node ids. */\n  expanded?: string[];\n  /** Initially expanded node ids (uncontrolled). */\n  defaultExpanded?: string[];\n  /** Called with the next expanded ids. */\n  onExpandedChange?: (expanded: string[]) => void;\n  /** Controlled list of selected node ids. */\n  selected?: string[];\n  /** Initially selected node ids (uncontrolled). */\n  defaultSelected?: string[];\n  /** Called with the next selected ids. */\n  onSelectedChange?: (selected: string[]) => void;\n  /** Enables label click selection. */\n  selectable?: boolean;\n  /** Renders a checkbox per node bound to selection. */\n  checkboxes?: boolean;\n  /** Custom node renderer. */\n  renderLabel?: (item: ITreeNodeItem, nodeId: string) => ReactNode;\n  /** Lazily resolves children the first time a node is expanded. */\n  loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;\n}\n\nexport const TreeView = forwardRef<HTMLDivElement, TreeViewProps>(function TreeView(\n  {\n    className,\n    listIcon = \"draft\",\n    nodeIcon = { closed: \"folder\", opened: \"folder_open\" },\n    data = [],\n    expanded,\n    defaultExpanded = [],\n    onExpandedChange,\n    selected,\n    defaultSelected = [],\n    onSelectedChange,\n    selectable = false,\n    checkboxes = false,\n    renderLabel,\n    loadChildren,\n    ...props\n  },\n  ref\n) {\n  const [loadedChildren, setLoadedChildren] = useState<Record<string, ITreeNodeItem[]>>({});\n  const [loadingIds, setLoadingIds] = useState<string[]>([]);\n  const [expandedIds, setExpandedIds] = useControllableState<string[]>({\n    value: expanded,\n    defaultValue: defaultExpanded,\n    onChange: onExpandedChange,\n  });\n  const [selectedIds, setSelectedIds] = useControllableState<string[]>({\n    value: selected,\n    defaultValue: defaultSelected,\n    onChange: onSelectedChange,\n  });\n\n  const toggleExpanded = (id: string) => {\n    setExpandedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const setOpen = (id: string, open: boolean) => {\n    setExpandedIds((prev) => {\n      const has = prev.includes(id);\n      if (open && !has) return [...prev, id];\n      if (!open && has) return prev.filter((x) => x !== id);\n      return prev;\n    });\n  };\n\n  const toggleSelected = (id: string) => {\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const ensureLoaded = (item: ITreeNodeItem, nodeId: string) => {\n    if (!loadChildren || loadedChildren[nodeId] || (item.children && item.children.length > 0)) {\n      return;\n    }\n    setLoadingIds((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    void loadChildren(item, nodeId)\n      .then((children) => {\n        setLoadedChildren((prev) => ({ ...prev, [nodeId]: children }));\n      })\n      .finally(() => {\n        setLoadingIds((prev) => prev.filter((x) => x !== nodeId));\n      });\n  };\n\n  const renderNode = (item: ITreeNodeItem, path: string): ReactNode => {\n    const nodeId = item.id ?? path;\n    const resolvedChildren = item.children ?? loadedChildren[nodeId];\n    const isLazy = !!loadChildren && (item.hasChildren || !!loadedChildren[nodeId]);\n    const hasChildNodes = (!!resolvedChildren && resolvedChildren.length > 0) || isLazy;\n    const isOpen = expandedIds.includes(nodeId);\n    const isSelected = selectedIds.includes(nodeId);\n    const isLoading = loadingIds.includes(nodeId);\n\n    const onLabelClick = () => {\n      if (hasChildNodes) {\n        if (!isOpen) {\n          ensureLoaded(item, nodeId);\n        }\n        toggleExpanded(nodeId);\n      }\n      if (selectable) {\n        toggleSelected(nodeId);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        onLabelClick();\n      } else if (event.key === \"ArrowRight\" && hasChildNodes) {\n        ensureLoaded(item, nodeId);\n        setOpen(nodeId, true);\n      } else if (event.key === \"ArrowLeft\" && hasChildNodes) {\n        setOpen(nodeId, false);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\"smwb-tree__node\", { \"smwb-tree__node_selected\": isSelected })}\n        role=\"treeitem\"\n        aria-expanded={hasChildNodes ? isOpen : undefined}\n        aria-selected={selectable || checkboxes ? isSelected : undefined}\n        key={nodeId}\n      >\n        <span\n          className=\"smwb-tree__node__content\"\n          onClick={onLabelClick}\n          onKeyDown={onKeyDown}\n          tabIndex={0}\n          role=\"button\"\n        >\n          {checkboxes && (\n            <input\n              type=\"checkbox\"\n              className=\"smwb-tree__node__checkbox\"\n              checked={isSelected}\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => toggleSelected(nodeId)}\n              aria-label={item.label}\n            />\n          )}\n          <span className=\"smwb-tree__node__label\">\n            {hasChildNodes && isOpen ? (\n              <Icon name={nodeIcon?.opened as string} fill={1} size={20} />\n            ) : hasChildNodes ? (\n              <Icon name={nodeIcon?.closed as string} fill={1} size={20} />\n            ) : (\n              <Icon name={listIcon} size={20} />\n            )}\n            {renderLabel ? renderLabel(item, nodeId) : item.label}\n          </span>\n        </span>\n        {hasChildNodes && isOpen && (\n          <div role=\"group\">\n            {isLoading && !resolvedChildren ? (\n              <div className=\"smwb-tree__node__loading\" role=\"status\">\n                Загрузка…\n              </div>\n            ) : (\n              resolvedChildren?.map((c, idx) => renderNode(c, `${path}.${idx}`))\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const tree = useMemo(\n    () => data.map((d, idx) => renderNode(d, `${idx}`)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      data,\n      expandedIds,\n      selectedIds,\n      selectable,\n      checkboxes,\n      listIcon,\n      nodeIcon,\n      renderLabel,\n      loadedChildren,\n      loadingIds,\n    ]\n  );\n\n  return (\n    <div data-testid=\"tree-view\" {...props} ref={ref} role=\"tree\" className={cn(\"smwb-tree\", className)}>\n      {tree.map((node, idx) => (\n        <div className=\"smwb-tree__wrapper\" key={idx} role=\"presentation\">\n          {node}\n        </div>\n      ))}\n    </div>\n  );\n});\n\nexport default TreeView;\n"],"names":["TreeView","forwardRef","className","listIcon","nodeIcon","data","expanded","defaultExpanded","onExpandedChange","selected","defaultSelected","onSelectedChange","selectable","checkboxes","renderLabel","loadChildren","props","ref","loadedChildren","setLoadedChildren","useState","loadingIds","setLoadingIds","expandedIds","setExpandedIds","useControllableState","selectedIds","setSelectedIds","toggleExpanded","id","prev","x","setOpen","open","has","toggleSelected","ensureLoaded","item","nodeId","children","renderNode","path","_a","resolvedChildren","_b","isLazy","hasChildNodes","isOpen","isSelected","isLoading","onLabelClick","onKeyDown","event","jsxs","cn","jsx","e","Icon","c","idx","tree","useMemo","d","node"],"mappings":"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"}
+{"version":3,"file":"treeView.js","sources":["../../../../src/components/dataDisplay/treeView/treeView.tsx"],"sourcesContent":["import React, { forwardRef, KeyboardEvent, ReactNode, useMemo, useRef, useState } from \"react\";\nimport cn from \"clsx\";\nimport Icon from \"../../base/icon/icon\";\nimport { useControllableState } from \"../../../hooks/useControllableState\";\n\nexport interface ITreeNodeItem {\n  /** Stable identifier. Falls back to the positional path when omitted. */\n  id?: string;\n  label: string;\n  children?: ITreeNodeItem[];\n  /** Hint that the node is expandable even before its children are loaded. */\n  hasChildren?: boolean;\n}\n\nexport interface TreeViewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onSelect\"> {\n  nodeIcon?: {\n    opened?: string;\n    closed?: string;\n  };\n  listIcon?: string;\n  data: ITreeNodeItem[];\n  /** Controlled list of expanded node ids. */\n  expanded?: string[];\n  /** Initially expanded node ids (uncontrolled). */\n  defaultExpanded?: string[];\n  /** Called with the next expanded ids. */\n  onExpandedChange?: (expanded: string[]) => void;\n  /** Controlled list of selected node ids. */\n  selected?: string[];\n  /** Initially selected node ids (uncontrolled). */\n  defaultSelected?: string[];\n  /** Called with the next selected ids plus, for user toggles, the node that just changed. */\n  onSelectedChange?: (selected: string[], changed?: { id: string; selected: boolean }) => void;\n  /** Enables label click selection. */\n  selectable?: boolean;\n  /** Renders a checkbox per node bound to selection. */\n  checkboxes?: boolean;\n  /** Custom node renderer. */\n  renderLabel?: (item: ITreeNodeItem, nodeId: string) => ReactNode;\n  /** Lazily resolves children the first time a node is expanded. */\n  loadChildren?: (item: ITreeNodeItem, nodeId: string) => Promise<ITreeNodeItem[]>;\n}\n\nexport const TreeView = forwardRef<HTMLDivElement, TreeViewProps>(function TreeView(\n  {\n    className,\n    listIcon = \"draft\",\n    nodeIcon = { closed: \"folder\", opened: \"folder_open\" },\n    data = [],\n    expanded,\n    defaultExpanded = [],\n    onExpandedChange,\n    selected,\n    defaultSelected = [],\n    onSelectedChange,\n    selectable = false,\n    checkboxes = false,\n    renderLabel,\n    loadChildren,\n    ...props\n  },\n  ref\n) {\n  const [loadedChildren, setLoadedChildren] = useState<Record<string, ITreeNodeItem[]>>({});\n  const [loadingIds, setLoadingIds] = useState<string[]>([]);\n  const [expandedIds, setExpandedIds] = useControllableState<string[]>({\n    value: expanded,\n    defaultValue: defaultExpanded,\n    onChange: onExpandedChange,\n  });\n  const lastToggledRef = useRef<{ id: string; selected: boolean }>();\n  const [selectedIds, setSelectedIds] = useControllableState<string[]>({\n    value: selected,\n    defaultValue: defaultSelected,\n    onChange: (next) => {\n      // useControllableState calls onChange synchronously from the setter,\n      // so lastToggledRef still refers to the toggle that caused this change.\n      const changed = lastToggledRef.current;\n      lastToggledRef.current = undefined;\n      onSelectedChange?.(next, changed);\n    },\n  });\n\n  const toggleExpanded = (id: string) => {\n    setExpandedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const setOpen = (id: string, open: boolean) => {\n    setExpandedIds((prev) => {\n      const has = prev.includes(id);\n      if (open && !has) return [...prev, id];\n      if (!open && has) return prev.filter((x) => x !== id);\n      return prev;\n    });\n  };\n\n  const toggleSelected = (id: string) => {\n    lastToggledRef.current = { id, selected: !selectedIds.includes(id) };\n    setSelectedIds((prev) => (prev.includes(id) ? prev.filter((x) => x !== id) : [...prev, id]));\n  };\n\n  const ensureLoaded = (item: ITreeNodeItem, nodeId: string) => {\n    if (!loadChildren || loadedChildren[nodeId] || (item.children && item.children.length > 0)) {\n      return;\n    }\n    setLoadingIds((prev) => (prev.includes(nodeId) ? prev : [...prev, nodeId]));\n    void loadChildren(item, nodeId)\n      .then((children) => {\n        setLoadedChildren((prev) => ({ ...prev, [nodeId]: children }));\n      })\n      .finally(() => {\n        setLoadingIds((prev) => prev.filter((x) => x !== nodeId));\n      });\n  };\n\n  const renderNode = (item: ITreeNodeItem, path: string): ReactNode => {\n    const nodeId = item.id ?? path;\n    const resolvedChildren = item.children ?? loadedChildren[nodeId];\n    const isLazy = !!loadChildren && (item.hasChildren || !!loadedChildren[nodeId]);\n    const hasChildNodes = (!!resolvedChildren && resolvedChildren.length > 0) || isLazy;\n    const isOpen = expandedIds.includes(nodeId);\n    const isSelected = selectedIds.includes(nodeId);\n    const isLoading = loadingIds.includes(nodeId);\n\n    const onLabelClick = () => {\n      if (hasChildNodes) {\n        if (!isOpen) {\n          ensureLoaded(item, nodeId);\n        }\n        toggleExpanded(nodeId);\n      }\n      if (selectable) {\n        toggleSelected(nodeId);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent<HTMLSpanElement>) => {\n      if (event.key === \"Enter\" || event.key === \" \") {\n        event.preventDefault();\n        onLabelClick();\n      } else if (event.key === \"ArrowRight\" && hasChildNodes) {\n        ensureLoaded(item, nodeId);\n        setOpen(nodeId, true);\n      } else if (event.key === \"ArrowLeft\" && hasChildNodes) {\n        setOpen(nodeId, false);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\"smwb-tree__node\", { \"smwb-tree__node_selected\": isSelected })}\n        role=\"treeitem\"\n        aria-expanded={hasChildNodes ? isOpen : undefined}\n        aria-selected={selectable || checkboxes ? isSelected : undefined}\n        key={nodeId}\n      >\n        <span\n          className=\"smwb-tree__node__content\"\n          onClick={onLabelClick}\n          onKeyDown={onKeyDown}\n          tabIndex={0}\n          role=\"button\"\n        >\n          {checkboxes && (\n            <input\n              type=\"checkbox\"\n              className=\"smwb-tree__node__checkbox\"\n              checked={isSelected}\n              onClick={(e) => e.stopPropagation()}\n              onChange={() => toggleSelected(nodeId)}\n              aria-label={item.label}\n            />\n          )}\n          <span className=\"smwb-tree__node__label\">\n            {hasChildNodes && isOpen ? (\n              <Icon name={nodeIcon?.opened as string} fill={1} size={20} />\n            ) : hasChildNodes ? (\n              <Icon name={nodeIcon?.closed as string} fill={1} size={20} />\n            ) : (\n              <Icon name={listIcon} size={20} />\n            )}\n            {renderLabel ? renderLabel(item, nodeId) : item.label}\n          </span>\n        </span>\n        {hasChildNodes && isOpen && (\n          <div role=\"group\">\n            {isLoading && !resolvedChildren ? (\n              <div className=\"smwb-tree__node__loading\" role=\"status\">\n                Загрузка…\n              </div>\n            ) : (\n              resolvedChildren?.map((c, idx) => renderNode(c, `${path}.${idx}`))\n            )}\n          </div>\n        )}\n      </div>\n    );\n  };\n\n  const tree = useMemo(\n    () => data.map((d, idx) => renderNode(d, `${idx}`)),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n      data,\n      expandedIds,\n      selectedIds,\n      selectable,\n      checkboxes,\n      listIcon,\n      nodeIcon,\n      renderLabel,\n      loadedChildren,\n      loadingIds,\n    ]\n  );\n\n  return (\n    <div data-testid=\"tree-view\" {...props} ref={ref} role=\"tree\" className={cn(\"smwb-tree\", className)}>\n      {tree.map((node, idx) => (\n        <div className=\"smwb-tree__wrapper\" key={idx} role=\"presentation\">\n          {node}\n        </div>\n      ))}\n    </div>\n  );\n});\n\nexport default TreeView;\n"],"names":["TreeView","forwardRef","className","listIcon","nodeIcon","data","expanded","defaultExpanded","onExpandedChange","selected","defaultSelected","onSelectedChange","selectable","checkboxes","renderLabel","loadChildren","props","ref","loadedChildren","setLoadedChildren","useState","loadingIds","setLoadingIds","expandedIds","setExpandedIds","useControllableState","lastToggledRef","useRef","selectedIds","setSelectedIds","next","changed","toggleExpanded","id","prev","x","setOpen","open","has","toggleSelected","ensureLoaded","item","nodeId","children","renderNode","path","_a","resolvedChildren","_b","isLazy","hasChildNodes","isOpen","isSelected","isLoading","onLabelClick","onKeyDown","event","jsxs","cn","jsx","e","Icon","c","idx","tree","useMemo","d","node"],"mappings":"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"}

package/dist/components/feedBack/modal/modal.js

@@ -1,42 +1,43 @@
-import { jsx as t, Fragment as D } from "react/jsx-runtime";
+import { jsx as o, Fragment as D } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/modal/modal.entry.css';/* empty css                                                     */
-import { forwardRef as S, useState as $, useRef as c, useEffect as h } from "react";
-import { CSSTransition as A } from "react-transition-group";
-import { createPortal as F } from "react-dom";
+import { forwardRef as L, useState as S, useRef as c, useEffect as $ } from "react";
+import { CSSTransition as h } from "react-transition-group";
+import { createPortal as A } from "react-dom";
 import a from "clsx";
-import { useSafeLayoutEffect as L } from "../../../hooks/useSafeLayoutEffect.js";
+import { useSafeLayoutEffect as F } from "../../../hooks/useSafeLayoutEffect.js";
 import { useForkRef as M } from "../../../hooks/useForkRef.js";
-const j = S(function({
+import { isTopOverlayLayer as O } from "../../../utils/overlayLayer.js";
+const j = L(function({
   children: e,
   onClose: r,
   open: m,
   className: f,
   animation: u = "fade",
   backdrop: p = "dark",
-  size: s = "large",
+  size: i = "large",
   closeOnOutsideClick: v = !0,
   asForm: _ = !1,
   disableAppearAnimation: w = !1,
   role: b = "dialog",
-  closeOnEsc: i = !0,
+  closeOnEsc: d = !0,
   ...y
 }, k) {
-  const [d, x] = $(), l = c(null), R = c(null), E = M(k, R);
-  if (L(() => {
+  const [l, x] = S(), s = c(null), R = c(null), E = M(k, R);
+  if (F(() => {
     x(document.body);
-  }, []), h(() => {
-    if (!m || !i || !r)
+  }, []), $(() => {
+    if (!m || !d || !r)
       return;
     const n = (g) => {
-      g.key === "Escape" && r();
+      g.key === "Escape" && O(s.current) && r();
     };
     return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [m, i, r]), !d)
-    return /* @__PURE__ */ t(D, {});
+  }, [m, d, r]), !l)
+    return /* @__PURE__ */ o(D, {});
   const N = _ ? "form" : "div";
-  return F(
-    /* @__PURE__ */ t(
-      A,
+  return A(
+    /* @__PURE__ */ o(
+      h,
       {
         timeout: {
           appear: 225,
@@ -57,18 +58,19 @@ const j = S(function({
         appear: !w,
         mountOnEnter: !0,
         unmountOnExit: !0,
-        nodeRef: l,
-        children: /* @__PURE__ */ t(
+        nodeRef: s,
+        children: /* @__PURE__ */ o(
           "div",
           {
-            ref: l,
-            className: a("smwb-modal__overlay", `smwb-${p}`, `smwb-${s}`),
+            ref: s,
+            "data-smwb-overlay-layer": "",
+            className: a("smwb-modal__overlay", `smwb-${p}`, `smwb-${i}`),
             onClick: v && r ? r : void 0,
-            children: /* @__PURE__ */ t(
+            children: /* @__PURE__ */ o(
               N,
               {
                 ref: E,
-                className: a("smwb-modal", `smwb-${s}`, `smwb-${u}`, f),
+                className: a("smwb-modal", `smwb-${i}`, `smwb-${u}`, f),
                 onClick: (n) => n.stopPropagation(),
                 role: b,
                 "aria-modal": "true",
@@ -80,28 +82,28 @@ const j = S(function({
         )
       }
     ),
-    d
+    l
   );
 });
-function C({ className: o, children: e }) {
-  return /* @__PURE__ */ t("div", { className: a("smwb-modal__header", o), children: e });
+function C({ className: t, children: e }) {
+  return /* @__PURE__ */ o("div", { className: a("smwb-modal__header", t), children: e });
 }
-function O({ className: o, children: e }) {
-  return /* @__PURE__ */ t("div", { className: a("smwb-modal__content", o), children: e });
+function P({ className: t, children: e }) {
+  return /* @__PURE__ */ o("div", { className: a("smwb-modal__content", t), children: e });
 }
-function P({ className: o, children: e }) {
-  return /* @__PURE__ */ t("div", { className: a("smwb-modal__footer", o), children: e });
+function T({ className: t, children: e }) {
+  return /* @__PURE__ */ o("div", { className: a("smwb-modal__footer", t), children: e });
 }
-const Q = Object.assign(j, {
-  Footer: P,
+const V = Object.assign(j, {
+  Footer: T,
   Header: C,
-  Content: O
+  Content: P
 });
 export {
-  O as Content,
-  P as Footer,
+  P as Content,
+  T as Footer,
   C as Header,
-  Q as Modal,
-  Q as default
+  V as Modal,
+  V as default
 };
 //# sourceMappingURL=modal.js.map

package/dist/components/feedBack/modal/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../../src/components/feedBack/modal/modal.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\n\nexport interface ModalProps {\n  size?: \"small\" | \"medium\" | \"large\" | \"fullscreen\";\n  closeOnOutsideClick?: boolean;\n  onClose?: () => void;\n  open: boolean;\n  animation?: \"fade\" | \"scale\" | \"drop\";\n  className?: string;\n  backdrop?: \"blured\" | \"dark\" | \"transparent\" | \"darkBlured\";\n  asForm?: boolean;\n  disableAppearAnimation?: boolean;\n  /** ARIA role of the dialog. */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Close the modal when Escape is pressed. */\n  closeOnEsc?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n}\n\nconst ModalBase = forwardRef<HTMLDivElement, PropsWithChildren<ModalProps>>(function Modal(\n  {\n    children,\n    onClose,\n    open,\n    className,\n    animation = \"fade\",\n    backdrop = \"dark\",\n    size = \"large\",\n    closeOnOutsideClick = true,\n    asForm = false,\n    disableAppearAnimation = false,\n    role = \"dialog\",\n    closeOnEsc = true,\n    ...rest\n  },\n  ref\n) {\n  const [domRoot, setDomRoot] = useState<HTMLElement>();\n\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const forkedContentRef = useForkRef<HTMLDivElement>(ref, contentRef);\n\n  useSafeLayoutEffect(() => {\n    setDomRoot(document.body);\n  }, []);\n\n  useEffect(() => {\n    if (!open || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, closeOnEsc, onClose]);\n\n  if (!domRoot) {\n    return <></>;\n  }\n\n  const Component = (asForm ? \"form\" : \"div\") as \"div\";\n\n  return createPortal(\n    <CSSTransition\n      timeout={{\n        appear: 225,\n        enter: 225,\n        exit: 150,\n      }}\n      in={open}\n      classNames={{\n        appear: \"smwb-modal__overlay-appear\",\n        appearActive: \"smwb-modal__overlay-appear-active\",\n        appearDone: \"smwb-modal__overlay-appear-done\",\n        enter: \"smwb-modal__overlay-enter\",\n        enterActive: \"smwb-modal__overlay-enter-active\",\n        enterDone: \"smwb-modal__overlay-enter-done\",\n        exit: \"smwb-modal__overlay-exit\",\n        exitActive: \"smwb-modal__overlay-exit-active\",\n      }}\n      appear={!disableAppearAnimation}\n      mountOnEnter\n      unmountOnExit\n      nodeRef={nodeRef}\n    >\n      <div\n        ref={nodeRef}\n        className={cn(\"smwb-modal__overlay\", `smwb-${backdrop}`, `smwb-${size}`)}\n        onClick={closeOnOutsideClick && onClose ? onClose : undefined}\n      >\n        <Component\n          ref={forkedContentRef}\n          className={cn(\"smwb-modal\", `smwb-${size}`, `smwb-${animation}`, className)}\n          onClick={(e) => e.stopPropagation()}\n          role={role}\n          aria-modal=\"true\"\n          {...rest}\n        >\n          {children}\n        </Component>\n      </div>\n    </CSSTransition>,\n    domRoot\n  );\n});\n\nexport interface HeaderProps {\n  className?: string;\n}\n\nexport function Header({ className, children }: PropsWithChildren<HeaderProps>) {\n  return <div className={cn(\"smwb-modal__header\", className)}>{children}</div>;\n}\n\nexport interface ContentProps {\n  className?: string;\n}\n\nexport function Content({ className, children }: PropsWithChildren<ContentProps>) {\n  return <div className={cn(\"smwb-modal__content\", className)}>{children}</div>;\n}\n\nexport interface FooterProps {\n  className?: string;\n}\n\nexport function Footer({ className, children }: PropsWithChildren<FooterProps>) {\n  return <div className={cn(\"smwb-modal__footer\", className)}>{children}</div>;\n}\n\nexport const Modal = Object.assign(ModalBase, {\n  Footer,\n  Header,\n  Content,\n});\n\nexport default Modal;\n"],"names":["ModalBase","forwardRef","children","onClose","open","className","animation","backdrop","size","closeOnOutsideClick","asForm","disableAppearAnimation","role","closeOnEsc","rest","ref","domRoot","setDomRoot","useState","nodeRef","useRef","contentRef","forkedContentRef","useForkRef","useSafeLayoutEffect","useEffect","onKeyDown","event","jsx","Fragment","Component","createPortal","CSSTransition","cn","e","Header","Content","Footer","Modal"],"mappings":"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"}
+{"version":3,"file":"modal.js","sources":["../../../../src/components/feedBack/modal/modal.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren, useEffect, useRef, useState } from \"react\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { createPortal } from \"react-dom\";\nimport cn from \"clsx\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { isTopOverlayLayer } from \"../../../utils/overlayLayer\";\n\nexport interface ModalProps {\n  size?: \"small\" | \"medium\" | \"large\" | \"fullscreen\";\n  closeOnOutsideClick?: boolean;\n  onClose?: () => void;\n  open: boolean;\n  animation?: \"fade\" | \"scale\" | \"drop\";\n  className?: string;\n  backdrop?: \"blured\" | \"dark\" | \"transparent\" | \"darkBlured\";\n  asForm?: boolean;\n  disableAppearAnimation?: boolean;\n  /** ARIA role of the dialog. */\n  role?: \"dialog\" | \"alertdialog\";\n  /** Close the modal when Escape is pressed. */\n  closeOnEsc?: boolean;\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n  \"aria-describedby\"?: string;\n}\n\nconst ModalBase = forwardRef<HTMLDivElement, PropsWithChildren<ModalProps>>(function Modal(\n  {\n    children,\n    onClose,\n    open,\n    className,\n    animation = \"fade\",\n    backdrop = \"dark\",\n    size = \"large\",\n    closeOnOutsideClick = true,\n    asForm = false,\n    disableAppearAnimation = false,\n    role = \"dialog\",\n    closeOnEsc = true,\n    ...rest\n  },\n  ref\n) {\n  const [domRoot, setDomRoot] = useState<HTMLElement>();\n\n  const nodeRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const forkedContentRef = useForkRef<HTMLDivElement>(ref, contentRef);\n\n  useSafeLayoutEffect(() => {\n    setDomRoot(document.body);\n  }, []);\n\n  useEffect(() => {\n    if (!open || !closeOnEsc || !onClose) {\n      return;\n    }\n    const onKeyDown = (event: KeyboardEvent) => {\n      // Only the topmost overlay layer reacts to Escape.\n      if (event.key === \"Escape\" && isTopOverlayLayer(nodeRef.current)) {\n        onClose();\n      }\n    };\n    document.addEventListener(\"keydown\", onKeyDown);\n\n    return () => document.removeEventListener(\"keydown\", onKeyDown);\n  }, [open, closeOnEsc, onClose]);\n\n  if (!domRoot) {\n    return <></>;\n  }\n\n  const Component = (asForm ? \"form\" : \"div\") as \"div\";\n\n  return createPortal(\n    <CSSTransition\n      timeout={{\n        appear: 225,\n        enter: 225,\n        exit: 150,\n      }}\n      in={open}\n      classNames={{\n        appear: \"smwb-modal__overlay-appear\",\n        appearActive: \"smwb-modal__overlay-appear-active\",\n        appearDone: \"smwb-modal__overlay-appear-done\",\n        enter: \"smwb-modal__overlay-enter\",\n        enterActive: \"smwb-modal__overlay-enter-active\",\n        enterDone: \"smwb-modal__overlay-enter-done\",\n        exit: \"smwb-modal__overlay-exit\",\n        exitActive: \"smwb-modal__overlay-exit-active\",\n      }}\n      appear={!disableAppearAnimation}\n      mountOnEnter\n      unmountOnExit\n      nodeRef={nodeRef}\n    >\n      <div\n        ref={nodeRef}\n        data-smwb-overlay-layer=\"\"\n        className={cn(\"smwb-modal__overlay\", `smwb-${backdrop}`, `smwb-${size}`)}\n        onClick={closeOnOutsideClick && onClose ? onClose : undefined}\n      >\n        <Component\n          ref={forkedContentRef}\n          className={cn(\"smwb-modal\", `smwb-${size}`, `smwb-${animation}`, className)}\n          onClick={(e) => e.stopPropagation()}\n          role={role}\n          aria-modal=\"true\"\n          {...rest}\n        >\n          {children}\n        </Component>\n      </div>\n    </CSSTransition>,\n    domRoot\n  );\n});\n\nexport interface HeaderProps {\n  className?: string;\n}\n\nexport function Header({ className, children }: PropsWithChildren<HeaderProps>) {\n  return <div className={cn(\"smwb-modal__header\", className)}>{children}</div>;\n}\n\nexport interface ContentProps {\n  className?: string;\n}\n\nexport function Content({ className, children }: PropsWithChildren<ContentProps>) {\n  return <div className={cn(\"smwb-modal__content\", className)}>{children}</div>;\n}\n\nexport interface FooterProps {\n  className?: string;\n}\n\nexport function Footer({ className, children }: PropsWithChildren<FooterProps>) {\n  return <div className={cn(\"smwb-modal__footer\", className)}>{children}</div>;\n}\n\nexport const Modal = Object.assign(ModalBase, {\n  Footer,\n  Header,\n  Content,\n});\n\nexport default Modal;\n"],"names":["ModalBase","forwardRef","children","onClose","open","className","animation","backdrop","size","closeOnOutsideClick","asForm","disableAppearAnimation","role","closeOnEsc","rest","ref","domRoot","setDomRoot","useState","nodeRef","useRef","contentRef","forkedContentRef","useForkRef","useSafeLayoutEffect","useEffect","onKeyDown","event","isTopOverlayLayer","jsx","Fragment","Component","createPortal","CSSTransition","cn","e","Header","Content","Footer","Modal"],"mappings":"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"}

package/dist/components/inputs/datePicker/datePicker.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as $, Fragment as pe } from "react/jsx-runtime";
 import '../../../assets/styles/less/components/datePicker/dataPicker.entry.css';/* empty css                                                               */
-import he, { useMemo as x, useState as D, useRef as A, useCallback as i } from "react";
-import { useFloating as ye, autoUpdate as ke } from "@floating-ui/react";
+import ye, { useMemo as x, useState as D, useRef as A, useCallback as i } from "react";
+import { useFloating as he, autoUpdate as ke } from "@floating-ui/react";
 import be from "react-transition-group/Transition";
 import { resolvePlacement as ve, buildFloatingMiddleware as we } from "../../../utils/floating.js";
 import { useSafeLayoutEffect as De } from "../../../hooks/useSafeLayoutEffect.js";
@@ -24,7 +24,7 @@ const Ie = (l) => ({
   entering: { opacity: 1 },
   entered: { opacity: 1 },
   exiting: { opacity: 0 }
-}, at = he.forwardRef(function(C, H) {
+}, at = ye.forwardRef(function(C, H) {
   const {
     value: R,
     onChange: f,
@@ -43,24 +43,24 @@ const Ie = (l) => ({
     format: d,
     range: g,
     rangeValue: P,
-    onRangeChange: h,
+    onRangeChange: y,
     calendarIcon: B,
     onBlur: ee,
     ...L
-  } = C, c = x(() => R === void 0 ? void 0 : new Date(R), [R]), M = P !== void 0, [te, ae] = D([void 0, void 0]), r = M && P ? P : te, [s, y] = D(() => V(c) ? c : /* @__PURE__ */ new Date()), [m, k] = D(
+  } = C, c = x(() => R === void 0 ? void 0 : new Date(R), [R]), M = P !== void 0, [te, ae] = D([void 0, void 0]), r = M && P ? P : te, [s, h] = D(() => V(c) ? c : /* @__PURE__ */ new Date()), [m, k] = D(
     "days"
     /* days */
-  ), [O, b] = D(!1), Y = A(null), S = A(null), E = ve(K), { refs: I, floatingStyles: ne } = ye({
+  ), [O, b] = D(!1), Y = A(null), S = A(null), E = ve(K), { refs: I, floatingStyles: ne } = he({
     open: O,
     placement: E.placement,
     whileElementsMounted: ke,
     middleware: we(E)
   }), T = N(Y, I.setReference, H), oe = N(S, I.setFloating);
   De(() => {
-    o || y(V(c) ? c : /* @__PURE__ */ new Date());
+    o || h(V(c) ? c : /* @__PURE__ */ new Date());
   }, [c, o]);
   const re = i((e) => {
-    y(e);
+    h(e);
   }, []), se = i(() => {
     k(
       m === "months" ? "days" : "months"
@@ -73,7 +73,7 @@ const Ie = (l) => ({
     );
   }, [m]), le = i(
     (e) => {
-      y(Fe(s, e)), k(
+      h(Fe(s, e)), k(
         "days"
         /* days */
       );
@@ -81,7 +81,7 @@ const Ie = (l) => ({
     [s]
   ), ce = i(
     (e) => {
-      y(Pe(s, e)), k(
+      h(Pe(s, e)), k(
         "days"
         /* days */
       );
@@ -94,12 +94,12 @@ const Ie = (l) => ({
           return;
         const [n, w] = r;
         let u;
-        !n || n && w ? u = [a, void 0] : u = V(n) && a.getTime() < n.getTime() ? [a, n] : [n, a], M || ae(u), h == null || h(u), u[0] && u[1] && b(!1);
+        !n || n && w ? u = [a, void 0] : u = V(n) && a.getTime() < n.getTime() ? [a, n] : [n, a], M || ae(u), y == null || y(u), u[0] && u[1] && b(!1);
         return;
       }
       f == null || f(e, a, C), b(!1);
     },
-    [f, C, g, r, M, h]
+    [f, C, g, r, M, y]
   ), _ = i(() => {
     o || b((e) => !e);
   }, [o]), me = i((e) => {
@@ -196,6 +196,7 @@ const Ie = (l) => ({
                 ...Te[e]
               },
               "data-testid": "date-picker",
+              "data-smwb-overlay-layer": "",
               role: "dialog",
               "aria-modal": "false",
               "aria-label": Q,

package/dist/components/inputs/datePicker/datePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextField, TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate, getDisplayDate } from \"./utils\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { createPortal } from \"react-dom\";\n\nexport enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface DatePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string;\n  /** Enables date-range selection. */\n  range?: boolean;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined];\n  /** Called when the range changes. */\n  onRangeChange?: (range: [Date | undefined, Date | undefined]) => void;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n}\n\nexport const DatePicker = React.forwardRef(function DatePicker(props: DatePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    showDaysOutsideMonth,\n    disablePast,\n    disableFuture,\n    weekStartsOn = 1,\n    placement = \"bottom-start\",\n    disabled,\n    disableCalendar,\n    calendarAriaLabel = \"Choose date\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    range,\n    rangeValue,\n    onRangeChange,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const isRangeControlled = rangeValue !== undefined;\n  const [rangeState, setRangeState] = useState<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = isRangeControlled && rangeValue ? rangeValue : rangeState;\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidDate(value) ? value : new Date()));\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const calendarForkRef = useForkRef(calendarRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((value: Date) => {\n    setViewValue(value);\n  }, []);\n\n  const onMonthLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.months ? OpenView.days : OpenView.months);\n  }, [openView]);\n\n  const onYearLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.years ? OpenView.days : OpenView.years);\n  }, [openView]);\n\n  const onMonthChange = useCallback(\n    (month: number) => {\n      setViewValue(setMonth(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onYearChange = useCallback(\n    (month: number) => {\n      setViewValue(setYear(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onChange = useCallback(\n    (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (range) {\n        if (!date) {\n          return;\n        }\n        const [start, end] = currentRange;\n        let next: [Date | undefined, Date | undefined];\n        if (!start || (start && end)) {\n          next = [date, undefined];\n        } else {\n          next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n        }\n        if (!isRangeControlled) {\n          setRangeState(next);\n        }\n        onRangeChange?.(next);\n        if (next[0] && next[1]) {\n          setIsOpen(false);\n        }\n        return;\n      }\n      onChangeProp?.(event, date, props);\n      setIsOpen(false);\n    },\n    [onChangeProp, props, range, currentRange, isRangeControlled, onRangeChange]\n  );\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (calendarRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const months = useMemo(() => getMonths(locale), [locale]);\n  const years = useMemo(() => getYears(new Date().getFullYear(), 100), []);\n\n  let view: React.ReactNode = null;\n\n  switch (openView) {\n    case OpenView.days:\n      view = (\n        <DataPickerDays\n          viewValue={viewValue}\n          value={value}\n          showDaysOutsideMonth={showDaysOutsideMonth}\n          onChange={onChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n          range={range}\n          rangeStart={currentRange[0]}\n          rangeEnd={currentRange[1]}\n        />\n      );\n      break;\n    case OpenView.months:\n      view = <DatePickerList value={viewValue.getMonth()} items={months} onChange={onMonthChange} />;\n      break;\n    case OpenView.years:\n      view = <DatePickerList value={viewValue.getFullYear()} items={years} onChange={onYearChange} />;\n      break;\n  }\n\n  const rangeDisplay =\n    range && (currentRange[0] || currentRange[1])\n      ? `${getDisplayDate(currentRange[0], format)} – ${getDisplayDate(currentRange[1], format)}`\n      : \"\";\n\n  return (\n    <>\n      {range ? (\n        <TextField\n          ref={anchorForkRef}\n          value={rangeDisplay}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(disabled)}\n          placeholder={format ? `${format} – ${format}` : undefined}\n          endAdornment={\n            !disableCalendar && (\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n              </DatePickerIconButton>\n            )\n          }\n          {...rest}\n        />\n      ) : (\n        <DataPickerInput\n          ref={anchorForkRef}\n          value={value}\n          onChange={onChangeProp}\n          onBlur={onBlurProp}\n          onToggle={onToggle}\n          disabled={disabled}\n          disableCalendar={disableCalendar}\n          format={format}\n          calendarIcon={calendarIcon}\n          {...rest}\n        />\n      )}\n      {createPortal(\n        <Transition\n          nodeRef={calendarRef}\n          in={isOpen && !disabled && !disableCalendar}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={calendarForkRef}\n                className=\"smwb-date-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"date-picker\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={calendarAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner\">\n                  <DataPickerHeader\n                    viewValue={viewValue}\n                    locale={locale}\n                    openView={openView}\n                    onChange={onViewValueChange}\n                    onMonthLabelClick={onMonthLabelClick}\n                    onYearLabelClick={onYearLabelClick}\n                  />\n                  <div className=\"smwb-date-picker__body\">{view}</div>\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default DatePicker;\n"],"names":["OpenView","defaultStyle","duration","transitionStyles","DatePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","range","rangeValue","onRangeChange","calendarIcon","onBlurProp","rest","value","useMemo","isRangeControlled","rangeState","setRangeState","useState","currentRange","viewValue","setViewValue","isValidDate","openView","setOpenView","isOpen","setIsOpen","anchorRef","useRef","calendarRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","calendarForkRef","useSafeLayoutEffect","onViewValueChange","useCallback","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","setYear","onChange","event","date","start","end","next","onToggle","prevState","onClickAway","target","_a","_b","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","rangeDisplay","getDisplayDate","jsxs","Fragment","TextField","DatePickerIconButton","Icon","DataPickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader"],"mappings":"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"}
+{"version":3,"file":"datePicker.js","sources":["../../../../src/components/inputs/datePicker/datePicker.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from \"react\";\nimport { autoUpdate, useFloating } from \"@floating-ui/react\";\nimport Transition, { TransitionStatus } from \"react-transition-group/Transition\";\nimport { buildFloatingMiddleware, Placement, resolvePlacement } from \"../../../utils/floating\";\nimport { useSafeLayoutEffect } from \"../../../hooks/useSafeLayoutEffect\";\nimport { useForkRef } from \"../../../hooks/useForkRef\";\nimport { TextField, TextFieldProps } from \"../textField\";\nimport { ClickAwayListener } from \"../../clickAwayListener\";\nimport { DataPickerHeader } from \"./dataPickerHeader\";\nimport { DataPickerDays } from \"./dataPickerDays\";\nimport { DatePickerList } from \"./datePickerList\";\nimport { getMonths, setMonth, getYears, setYear, isValidDate, getDisplayDate } from \"./utils\";\nimport { DataPickerInput } from \"./dataPickerInput\";\nimport { DatePickerIconButton } from \"./datePickerIconButton\";\nimport Icon from \"../../base/icon/icon\";\nimport { createPortal } from \"react-dom\";\n\nexport enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\n\nconst defaultStyle = (duration: number) => ({\n  transition: `opacity ${duration}ms ease-in-out`,\n  opacity: 0,\n});\n\nconst transitionStyles = {\n  entering: { opacity: 1 },\n  entered: { opacity: 1 },\n  exiting: { opacity: 0 },\n} as Record<TransitionStatus, { opacity: number }>;\n\nexport interface DatePickerProps extends Omit<TextFieldProps, \"onBlur\" | \"onChange\" | \"value\" | \"defaultValue\"> {\n  showDaysOutsideMonth?: boolean;\n  disablePast?: boolean;\n  disableFuture?: boolean;\n  /** Earliest selectable date (inclusive). */\n  minDate?: Date;\n  /** Latest selectable date (inclusive). */\n  maxDate?: Date;\n  /** Predicate to disable arbitrary days. */\n  isDateDisabled?: (day: Date) => boolean;\n  weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;\n  /** BCP-47 locale for calendar labels (day/month/year names). */\n  locale?: string;\n  /** Input format pattern with tokens dd, MM, yyyy, e.g. \"dd/MM/yyyy\". */\n  format?: string;\n  /** Enables date-range selection. */\n  range?: boolean;\n  /** Controlled range value `[start, end]`. */\n  rangeValue?: [Date | undefined, Date | undefined];\n  /** Called when the range changes. */\n  onRangeChange?: (range: [Date | undefined, Date | undefined]) => void;\n  placement?: Placement;\n  disableCalendar?: boolean;\n  label?: string;\n  /** Accessible label for the calendar popup dialog. */\n  calendarAriaLabel?: string;\n  autoComplete?: string;\n  value?: Date | string;\n  calendarIcon?: React.ReactNode;\n  onChange?: (event?: React.ChangeEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n  onBlur?: (event?: React.FocusEvent<HTMLInputElement>, value?: Date, data?: DatePickerProps) => void;\n}\n\nexport const DatePicker = React.forwardRef(function DatePicker(props: DatePickerProps, ref) {\n  const {\n    value: valueProp,\n    onChange: onChangeProp,\n    showDaysOutsideMonth,\n    disablePast,\n    disableFuture,\n    weekStartsOn = 1,\n    placement = \"bottom-start\",\n    disabled,\n    disableCalendar,\n    calendarAriaLabel = \"Choose date\",\n    minDate,\n    maxDate,\n    isDateDisabled,\n    locale,\n    format,\n    range,\n    rangeValue,\n    onRangeChange,\n    calendarIcon,\n    onBlur: onBlurProp,\n    ...rest\n  } = props;\n  const value = useMemo(() => (valueProp === undefined ? undefined : new Date(valueProp)), [valueProp]);\n  const isRangeControlled = rangeValue !== undefined;\n  const [rangeState, setRangeState] = useState<[Date | undefined, Date | undefined]>([undefined, undefined]);\n  const currentRange = isRangeControlled && rangeValue ? rangeValue : rangeState;\n  const [viewValue, setViewValue] = useState<Date>(() => (isValidDate(value) ? value : new Date()));\n  const [openView, setOpenView] = useState<OpenView>(OpenView.days);\n  const [isOpen, setIsOpen] = useState(false);\n\n  const anchorRef = useRef<HTMLDivElement | null>(null);\n  const calendarRef = useRef<HTMLDivElement | null>(null);\n\n  const resolved = resolvePlacement(placement);\n  const { refs, floatingStyles } = useFloating({\n    open: isOpen,\n    placement: resolved.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: buildFloatingMiddleware(resolved),\n  });\n\n  const anchorForkRef = useForkRef(anchorRef, refs.setReference, ref);\n  const calendarForkRef = useForkRef(calendarRef, refs.setFloating);\n\n  useSafeLayoutEffect(() => {\n    if (disabled) {\n      return;\n    }\n\n    setViewValue(isValidDate(value) ? value : new Date());\n  }, [value, disabled]);\n\n  const onViewValueChange = useCallback((value: Date) => {\n    setViewValue(value);\n  }, []);\n\n  const onMonthLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.months ? OpenView.days : OpenView.months);\n  }, [openView]);\n\n  const onYearLabelClick = useCallback(() => {\n    setOpenView(openView === OpenView.years ? OpenView.days : OpenView.years);\n  }, [openView]);\n\n  const onMonthChange = useCallback(\n    (month: number) => {\n      setViewValue(setMonth(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onYearChange = useCallback(\n    (month: number) => {\n      setViewValue(setYear(viewValue, month));\n      setOpenView(OpenView.days);\n    },\n    [viewValue]\n  );\n\n  const onChange = useCallback(\n    (event?: React.ChangeEvent<HTMLInputElement>, date?: Date) => {\n      if (range) {\n        if (!date) {\n          return;\n        }\n        const [start, end] = currentRange;\n        let next: [Date | undefined, Date | undefined];\n        if (!start || (start && end)) {\n          next = [date, undefined];\n        } else {\n          next = isValidDate(start) && date.getTime() < start.getTime() ? [date, start] : [start, date];\n        }\n        if (!isRangeControlled) {\n          setRangeState(next);\n        }\n        onRangeChange?.(next);\n        if (next[0] && next[1]) {\n          setIsOpen(false);\n        }\n        return;\n      }\n      onChangeProp?.(event, date, props);\n      setIsOpen(false);\n    },\n    [onChangeProp, props, range, currentRange, isRangeControlled, onRangeChange]\n  );\n\n  const onToggle = useCallback(() => {\n    if (!disabled) {\n      setIsOpen((prevState) => !prevState);\n    }\n  }, [disabled]);\n\n  const onClickAway = useCallback((event: Event | React.SyntheticEvent) => {\n    const target = event.target as HTMLElement;\n\n    if (calendarRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n      return;\n    }\n\n    setIsOpen(false);\n  }, []);\n\n  const months = useMemo(() => getMonths(locale), [locale]);\n  const years = useMemo(() => getYears(new Date().getFullYear(), 100), []);\n\n  let view: React.ReactNode = null;\n\n  switch (openView) {\n    case OpenView.days:\n      view = (\n        <DataPickerDays\n          viewValue={viewValue}\n          value={value}\n          showDaysOutsideMonth={showDaysOutsideMonth}\n          onChange={onChange}\n          disablePast={disablePast}\n          disableFuture={disableFuture}\n          weekStartsOn={weekStartsOn}\n          minDate={minDate}\n          maxDate={maxDate}\n          isDateDisabled={isDateDisabled}\n          locale={locale}\n          range={range}\n          rangeStart={currentRange[0]}\n          rangeEnd={currentRange[1]}\n        />\n      );\n      break;\n    case OpenView.months:\n      view = <DatePickerList value={viewValue.getMonth()} items={months} onChange={onMonthChange} />;\n      break;\n    case OpenView.years:\n      view = <DatePickerList value={viewValue.getFullYear()} items={years} onChange={onYearChange} />;\n      break;\n  }\n\n  const rangeDisplay =\n    range && (currentRange[0] || currentRange[1])\n      ? `${getDisplayDate(currentRange[0], format)} – ${getDisplayDate(currentRange[1], format)}`\n      : \"\";\n\n  return (\n    <>\n      {range ? (\n        <TextField\n          ref={anchorForkRef}\n          value={rangeDisplay}\n          readOnly\n          onChange={() => undefined}\n          disabled={Boolean(disabled)}\n          placeholder={format ? `${format} – ${format}` : undefined}\n          endAdornment={\n            !disableCalendar && (\n              <DatePickerIconButton\n                edge=\"end\"\n                onClick={onToggle}\n                disabled={Boolean(disabled)}\n                data-testid=\"date-picker-icon-button\"\n              >\n                {calendarIcon || <Icon name=\"calendar_today\" fill={1} weight={500} size={24} />}\n              </DatePickerIconButton>\n            )\n          }\n          {...rest}\n        />\n      ) : (\n        <DataPickerInput\n          ref={anchorForkRef}\n          value={value}\n          onChange={onChangeProp}\n          onBlur={onBlurProp}\n          onToggle={onToggle}\n          disabled={disabled}\n          disableCalendar={disableCalendar}\n          format={format}\n          calendarIcon={calendarIcon}\n          {...rest}\n        />\n      )}\n      {createPortal(\n        <Transition\n          nodeRef={calendarRef}\n          in={isOpen && !disabled && !disableCalendar}\n          timeout={150}\n          mountOnEnter\n          unmountOnExit\n        >\n          {(state) => (\n            <ClickAwayListener onClickAway={onClickAway}>\n              <div\n                ref={calendarForkRef}\n                className=\"smwb-date-picker\"\n                style={{\n                  ...floatingStyles,\n                  ...defaultStyle(150),\n                  ...transitionStyles[state],\n                }}\n                data-testid=\"date-picker\"\n                data-smwb-overlay-layer=\"\"\n                role=\"dialog\"\n                aria-modal=\"false\"\n                aria-label={calendarAriaLabel}\n              >\n                <div className=\"smwb-date-picker__inner\">\n                  <DataPickerHeader\n                    viewValue={viewValue}\n                    locale={locale}\n                    openView={openView}\n                    onChange={onViewValueChange}\n                    onMonthLabelClick={onMonthLabelClick}\n                    onYearLabelClick={onYearLabelClick}\n                  />\n                  <div className=\"smwb-date-picker__body\">{view}</div>\n                </div>\n              </div>\n            </ClickAwayListener>\n          )}\n        </Transition>,\n        document.body\n      )}\n    </>\n  );\n});\n\nexport default DatePicker;\n"],"names":["OpenView","defaultStyle","duration","transitionStyles","DatePicker","React","props","ref","valueProp","onChangeProp","showDaysOutsideMonth","disablePast","disableFuture","weekStartsOn","placement","disabled","disableCalendar","calendarAriaLabel","minDate","maxDate","isDateDisabled","locale","format","range","rangeValue","onRangeChange","calendarIcon","onBlurProp","rest","value","useMemo","isRangeControlled","rangeState","setRangeState","useState","currentRange","viewValue","setViewValue","isValidDate","openView","setOpenView","isOpen","setIsOpen","anchorRef","useRef","calendarRef","resolved","resolvePlacement","refs","floatingStyles","useFloating","autoUpdate","buildFloatingMiddleware","anchorForkRef","useForkRef","calendarForkRef","useSafeLayoutEffect","onViewValueChange","useCallback","onMonthLabelClick","onYearLabelClick","onMonthChange","month","setMonth","onYearChange","setYear","onChange","event","date","start","end","next","onToggle","prevState","onClickAway","target","_a","_b","months","getMonths","years","getYears","view","jsx","DataPickerDays","DatePickerList","rangeDisplay","getDisplayDate","jsxs","Fragment","TextField","DatePickerIconButton","Icon","DataPickerInput","createPortal","Transition","state","ClickAwayListener","DataPickerHeader"],"mappings":"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"}