@epam/ai-dial-ui-kit 0.15.0-dev.24 → 0.15.0-dev.27

package/dist/components/FileManager/hooks/use-grid-context-menu.js

@@ -1,24 +1,24 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { useMemo as F } from "react";
-import { DialFileNodeType as r, DialFilePermission as U } from "../../../models/file.js";
+import { DialFileNodeType as i, DialFilePermission as X } from "../../../models/file.js";
 import { DialFileManagerActions as e } from "../../../types/file-manager.js";
-import { IconExternalLink as A, IconCopy as X, IconDownload as _, IconEye as j, IconTrashX as W, IconPencilMinus as $, IconInfoCircle as q, IconUserX as B } from "@tabler/icons-react";
-import H from "../../../assets/icons/copy-to.svg.js";
-import J from "../../../assets/icons/move-to.svg.js";
-import K from "../../../assets/icons/unshare.svg.js";
-import Q from "../../../assets/icons/add-child.svg.js";
-import V from "../../../assets/icons/add-sibling.svg.js";
+import { IconExternalLink as O, IconCopy as _, IconDownload as j, IconEye as W, IconTrashX as $, IconPencilMinus as q, IconInfoCircle as B, IconUserX as H } from "@tabler/icons-react";
+import J from "../../../assets/icons/copy-to.svg.js";
+import K from "../../../assets/icons/move-to.svg.js";
+import Q from "../../../assets/icons/unshare.svg.js";
+import V from "../../../assets/icons/add-child.svg.js";
+import Y from "../../../assets/icons/add-sibling.svg.js";
 import { BASE_ICON_PROPS as n } from "../../../constants/icon.js";
-import { DropdownItemType as Y } from "../../../types/dropdown.js";
-import { cleanForbiddenSymbolsRegExp as Z } from "../utils.js";
-const de = ({
+import { DropdownItemType as Z } from "../../../types/dropdown.js";
+import { cleanForbiddenSymbolsRegExp as G } from "../utils.js";
+const ye = ({
   actionLabels: s,
   onDuplicate: u,
   onCopy: a,
   onMove: k,
   onDownload: l,
-  onRename: C,
-  onDelete: T,
+  onRename: T,
+  onDelete: C,
   onInfo: I,
   onUnshare: x,
   onRemoveAccess: c,
@@ -31,62 +31,61 @@ const de = ({
   isRenameFileAvailable: v = !0,
   isDuplicateFolderAvailable: E = !0,
   forbiddenSymbolsRegExp: z,
-  onGridCreateSiblingFolder: w,
-  onGridCreateChildFolder: M
+  skipForbiddenSymbolsCheckForActions: w,
+  onGridCreateSiblingFolder: M,
+  onGridCreateChildFolder: R
 }) => F(() => (o) => {
   const t = [];
   if (!s)
     return t;
-  const p = Z(
-    z
-  )?.test(o.name);
-  s[e.AddSibling] && o.nodeType === r.FOLDER && t.push({
+  const p = !w && G(z)?.test(o.name);
+  s[e.AddSibling] && o.nodeType === i.FOLDER && t.push({
     key: "addSibling",
     label: s[e.AddSibling],
-    icon: /* @__PURE__ */ i(
-      V,
+    icon: /* @__PURE__ */ r(
+      Y,
       {
         width: n.size,
         height: n.size,
         className: "text-secondary"
       }
     ),
-    onClick: () => w([o])
-  }), s[e.AddChild] && o.nodeType === r.FOLDER && !p && t.push(
+    onClick: () => M([o])
+  }), s[e.AddChild] && o.nodeType === i.FOLDER && !p && t.push(
     {
       key: "addChild",
       label: s[e.AddChild],
-      icon: /* @__PURE__ */ i(
-        Q,
+      icon: /* @__PURE__ */ r(
+        V,
         {
           width: n.size,
           height: n.size,
           className: "text-secondary"
         }
       ),
-      onClick: () => M([o])
+      onClick: () => R([o])
     },
     {
       key: "divider",
-      type: Y.Divider
+      type: Z.Divider
     }
-  ), s[e.OpenInNewTab] && typeof y == "function" && o.nodeType === r.ITEM && !p && t.push({
+  ), s[e.OpenInNewTab] && typeof y == "function" && o.nodeType === i.ITEM && !p && t.push({
     key: e.OpenInNewTab,
     label: s[e.OpenInNewTab],
-    icon: /* @__PURE__ */ i(A, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(O, { ...n, className: "text-secondary" }),
     onClick: () => y?.(o)
   });
-  const O = o.nodeType === r.ITEM || o.nodeType === r.FOLDER && E;
-  s[e.Duplicate] && O && !p && t.push({
+  const P = o.nodeType === i.ITEM || o.nodeType === i.FOLDER && E;
+  s[e.Duplicate] && P && !p && t.push({
     key: e.Duplicate,
     label: s[e.Duplicate],
-    icon: /* @__PURE__ */ i(X, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(_, { ...n, className: "text-secondary" }),
     onClick: () => u(o)
   }), s[e.Copy] && !p && t.push({
     key: e.Copy,
     label: s[e.Copy],
-    icon: /* @__PURE__ */ i(
-      H,
+    icon: /* @__PURE__ */ r(
+      J,
       {
         width: n.size,
         height: n.size,
@@ -97,8 +96,8 @@ const de = ({
   }), s[e.Move] && !p && t.push({
     key: e.Move,
     label: s[e.Move],
-    icon: /* @__PURE__ */ i(
-      J,
+    icon: /* @__PURE__ */ r(
+      K,
       {
         width: n.size,
         height: n.size,
@@ -109,44 +108,44 @@ const de = ({
   }), s[e.Download] && !p && t.push({
     key: e.Download,
     label: s[e.Download],
-    icon: /* @__PURE__ */ i(_, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(j, { ...n, className: "text-secondary" }),
     onClick: () => l(o)
-  }), s[e.ManagePermissions] && typeof m == "function" && o.nodeType === r.FOLDER && !p && t.push({
+  }), s[e.ManagePermissions] && typeof m == "function" && o.nodeType === i.FOLDER && !p && t.push({
     key: e.ManagePermissions,
     label: s[e.ManagePermissions],
-    icon: /* @__PURE__ */ i(A, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(O, { ...n, className: "text-secondary" }),
     onClick: () => m?.(o.path)
   });
-  const h = o.name.split("."), R = h.length > 1 ? h[h.length - 1] : "", P = R && D?.includes(`.${R}`);
-  s[e.Preview] && typeof d == "function" && o.nodeType === r.ITEM && P && !p && t.push({
+  const h = o.name.split("."), S = h.length > 1 ? h[h.length - 1] : "", f = S && D?.includes(`.${S}`);
+  s[e.Preview] && typeof d == "function" && o.nodeType === i.ITEM && f && !p && t.push({
     key: e.Preview,
     label: s[e.Preview],
-    icon: /* @__PURE__ */ i(j, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(W, { ...n, className: "text-secondary" }),
     onClick: () => d?.(o.path)
   });
-  const S = !o.permissions || o.permissions.includes(U.WRITE);
-  s[e.Delete] && S && t.push({
+  const A = !o.permissions || o.permissions.includes(X.WRITE);
+  s[e.Delete] && A && t.push({
     key: e.Delete,
     label: s[e.Delete],
-    icon: /* @__PURE__ */ i(W, { ...n, className: "text-secondary" }),
-    onClick: () => T(o, o.parentPath ?? "")
+    icon: /* @__PURE__ */ r($, { ...n, className: "text-secondary" }),
+    onClick: () => C(o, o.parentPath ?? "")
   });
-  const f = o.nodeType === r.FOLDER || o.nodeType === r.ITEM && v;
-  return s[e.Rename] && f && S && t.push({
+  const U = o.nodeType === i.FOLDER || o.nodeType === i.ITEM && v;
+  return s[e.Rename] && U && A && t.push({
     key: e.Rename,
     label: s[e.Rename],
-    icon: /* @__PURE__ */ i($, { ...n, className: "text-secondary" }),
-    onClick: () => C(o.path)
-  }), s[e.Info] && o.nodeType === r.ITEM && !p && t.push({
+    icon: /* @__PURE__ */ r(q, { ...n, className: "text-secondary" }),
+    onClick: () => T(o.path)
+  }), s[e.Info] && o.nodeType === i.ITEM && !p && t.push({
     key: e.Info,
     label: s[e.Info],
-    icon: /* @__PURE__ */ i(q, { ...n, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(B, { ...n, className: "text-secondary" }),
     onClick: () => I(o)
   }), s[e.Unshare] && N?.includes(o.path) && t.push({
     key: e.Unshare,
     label: s[e.Unshare],
-    icon: /* @__PURE__ */ i(
-      K,
+    icon: /* @__PURE__ */ r(
+      Q,
       {
         width: n.size,
         height: n.size,
@@ -157,7 +156,7 @@ const de = ({
   }), s[e.RemoveAccess] && g?.has(o.path) && c && t.push({
     key: e.RemoveAccess,
     label: s[e.RemoveAccess],
-    icon: /* @__PURE__ */ i(B, { size: n.size, className: "text-secondary" }),
+    icon: /* @__PURE__ */ r(H, { size: n.size, className: "text-secondary" }),
     onClick: () => c(o)
   }), t;
 }, [
@@ -166,8 +165,8 @@ const de = ({
   a,
   k,
   l,
-  T,
   C,
+  T,
   I,
   x,
   c,
@@ -180,9 +179,10 @@ const de = ({
   v,
   E,
   z,
-  M,
-  w
+  w,
+  R,
+  M
 ]);
 export {
-  de as useGridContextMenu
+  ye as useGridContextMenu
 };

package/dist/components/New/Button/Button.js

@@ -1,76 +1,76 @@
 import { jsx as t, jsxs as I, Fragment as j } from "react/jsx-runtime";
-import { DialIcon as u } from "../../Icon/Icon.js";
-import { ButtonAppearance as s } from "../../../types/button.js";
+import { DialIcon as f } from "../../Icon/Icon.js";
+import { ButtonAppearance as c } from "../../../types/button.js";
 import { ElementSize as o } from "../../../types/size.js";
 import { mergeClasses as y } from "../../../utils/merge-classes.js";
 import { resolveAccessibleName as A } from "../../../utils/accessible-name.js";
-import { Tooltip as F } from "../Tooltip/Tooltip.js";
-import { getButtonClassNames as L } from "./utils.js";
-const J = ({
+import { Tooltip as D } from "../Tooltip/Tooltip.js";
+import { getButtonClassNames as F, getDisabledButtonProps as L } from "./utils.js";
+const K = ({
   label: a,
-  variant: c,
-  appearance: l = s.Solid,
+  variant: s,
+  appearance: r = c.Solid,
   size: n = o.Standard,
   className: k,
-  textClassName: S,
-  iconAfter: g,
+  textClassName: g,
+  iconAfter: S,
   iconBefore: v,
-  type: N = "button",
-  tooltipProps: r,
+  type: C = "button",
+  tooltipProps: l,
   href: d,
-  target: p,
-  rel: C,
+  target: b,
+  rel: N,
   disabled: i,
   ...e
 }) => {
   const h = y(
     "dial-kit-base-button",
-    c && L(c, l),
+    s && F(s, r),
     n === o.Small ? "dial-tiny-semi-text" : "dial-small-paragraph-semi-text",
     n === o.Small ? "h-[24px] gap-1" : "h-[40px] gap-2",
     // Corner radius is themable per size — see the radius tokens in
     // `buttons.scss`; the standard radius comes from `dial-kit-base-button`.
     n === o.Small && "dial-kit-base-button-small",
-    l !== s.Link && (n === o.Small ? "px-2" : "px-4"),
+    r !== c.Link && (n === o.Small ? "px-2" : "px-4"),
     // A link-appearance button sits inline in text, where WCAG 2.5.5 exempts
     // it and an expanded target would overlap the surrounding copy.
-    n !== o.Small && l !== s.Link && "dial-kit-enhanced-target",
+    n !== o.Small && r !== c.Link && "dial-kit-enhanced-target",
     k
-  ), B = a ? void 0 : r?.tooltip, x = A(
+  ), B = a ? void 0 : l?.tooltip, p = A(
     typeof a == "string" ? a : void 0,
     e["aria-label"],
     B
-  ), b = /* @__PURE__ */ I(j, { children: [
-    /* @__PURE__ */ t(u, { icon: v }),
-    a && /* @__PURE__ */ t("span", { className: S, children: a }),
-    /* @__PURE__ */ t(u, { icon: g })
-  ] }), m = e, f = d !== void 0 ? /* @__PURE__ */ t(
+  ), u = /* @__PURE__ */ I(j, { children: [
+    /* @__PURE__ */ t(f, { icon: v }),
+    a && /* @__PURE__ */ t("span", { className: g, children: a }),
+    /* @__PURE__ */ t(f, { icon: S })
+  ] }), m = e, x = d !== void 0 ? /* @__PURE__ */ t(
     "a",
     {
       ...m,
       href: i ? void 0 : d,
-      target: p,
-      rel: C ?? (p === "_blank" ? "noopener noreferrer" : void 0),
+      target: b,
+      rel: N ?? (b === "_blank" ? "noopener noreferrer" : void 0),
       "aria-disabled": i || void 0,
       tabIndex: i ? -1 : m.tabIndex,
       onClick: i ? void 0 : m.onClick,
       className: h,
-      "aria-label": x,
-      children: b
+      "aria-label": p,
+      children: u
     }
   ) : /* @__PURE__ */ t(
     "button",
     {
       ...e,
-      type: N,
-      disabled: i,
+      ...L(i, l, e.onClick),
+      type: C,
       className: h,
-      "aria-label": x,
-      children: b
+      "aria-label": p,
+      children: u
     }
   );
-  return r ? /* @__PURE__ */ t(F, { asChild: !0, ...r, children: f }) : f;
+  return l ? /* @__PURE__ */ t(D, { asChild: !0, ...l, children: x }) : x;
 };
 export {
-  J as Button
+  K as Button
 };

package/dist/components/New/Button/utils.js

@@ -1,11 +1,21 @@
-import { ButtonVariant as o, ButtonAppearance as a } from "../../../types/button.js";
-import { variantClassMap as i } from "./constants.js";
-const l = (t = o.Primary, r = a.Solid) => {
-  const n = i[t]?.[r];
-  return n || (console.warn(
-    `Could not find Button styles for variant: ${t} and appearance: ${r}. Using default primary solid button styles.`
-  ), i[o.Primary][a.Solid]);
+import { ButtonVariant as o, ButtonAppearance as r } from "../../../types/button.js";
+import { variantClassMap as a } from "./constants.js";
+const l = (t) => {
+  t.preventDefault();
+}, d = (t, n, i) => {
+  const e = n != null && !n.hideTooltip && n.tooltip != null && n.tooltip !== "";
+  return t && e ? {
+    disabled: void 0,
+    "aria-disabled": !0,
+    onClick: l
+  } : { disabled: t, onClick: i };
+}, c = (t = o.Primary, n = r.Solid) => {
+  const i = a[t]?.[n];
+  return i || (console.warn(
+    `Could not find Button styles for variant: ${t} and appearance: ${n}. Using default primary solid button styles.`
+  ), a[o.Primary][r.Solid]);
 };
 export {
-  l as getButtonClassNames
+  c as getButtonClassNames,
+  d as getDisabledButtonProps
 };

package/dist/components/New/IconButton/IconButton.js

@@ -1,46 +1,48 @@
-import { jsx as r } from "react/jsx-runtime";
-import { ButtonAppearance as b } from "../../../types/button.js";
-import { mergeClasses as u } from "../../../utils/merge-classes.js";
-import { resolveAccessibleName as p } from "../../../utils/accessible-name.js";
-import { ElementSize as t } from "../../../types/size.js";
-import { Tooltip as S } from "../Tooltip/Tooltip.js";
-import { getButtonClassNames as f } from "../Button/utils.js";
-const g = {
-  [t.Small]: "size-[24px]",
-  [t.Standard]: "size-[40px] dial-kit-enhanced-target",
-  [t.Large]: "size-[48px] dial-kit-enhanced-target"
-}, B = ({
-  variant: a,
-  appearance: n = b.Solid,
-  size: l = t.Standard,
+import { jsx as o } from "react/jsx-runtime";
+import { ButtonAppearance as u } from "../../../types/button.js";
+import { mergeClasses as S } from "../../../utils/merge-classes.js";
+import { resolveAccessibleName as f } from "../../../utils/accessible-name.js";
+import { ElementSize as e } from "../../../types/size.js";
+import { Tooltip as g } from "../Tooltip/Tooltip.js";
+import { getButtonClassNames as p, getDisabledButtonProps as C } from "../Button/utils.js";
+const h = {
+  [e.Small]: "size-[24px]",
+  [e.Standard]: "size-[40px] dial-kit-enhanced-target",
+  [e.Large]: "size-[48px] dial-kit-enhanced-target"
+}, I = ({
+  variant: i,
+  appearance: r = u.Solid,
+  size: l = e.Standard,
   className: m,
   icon: s,
-  tooltipProps: e,
+  tooltipProps: t,
   type: c = "button",
-  ...o
+  disabled: d,
+  ...a
 }) => {
-  const d = u(
+  const b = S(
     "dial-kit-base-icon-button dial-kit-base-button",
-    a && f(a, n),
+    i && p(i, r),
     // 24px is below the AAA target size, so only the larger tiers get the
     // enhanced pointer target — see the accessibility rules in AGENTS.md.
-    g[l],
+    h[l],
     m
-  ), i = /* @__PURE__ */ r(
+  ), n = /* @__PURE__ */ o(
     "button",
     {
-      ...o,
+      ...a,
+      ...C(d, t, a.onClick),
       type: c,
-      className: d,
-      "aria-label": p(
-        o["aria-label"],
-        e?.tooltip
+      className: b,
+      "aria-label": f(
+        a["aria-label"],
+        t?.tooltip
       ),
       children: s
     }
   );
-  return e ? /* @__PURE__ */ r(S, { asChild: !0, ...e, children: i }) : i;
+  return t ? /* @__PURE__ */ o(g, { asChild: !0, ...t, children: n }) : n;
 };
 export {
-  B as IconButton
+  I as IconButton
 };

package/dist/components/New/InlineSelect/InlineSelect.js

@@ -1,98 +1,110 @@
-import { jsx as s, jsxs as y } from "react/jsx-runtime";
-import { IconChevronDown as _ } from "@tabler/icons-react";
-import { useState as p, useMemo as D, useCallback as N } from "react";
-import { Dropdown as K } from "../Dropdown/Dropdown.js";
-import { DIAL_KIT_ICON_STROKE as O } from "../constants/icon.js";
-import { DIAL_ICON_SIZE as A } from "../../../constants/icon.js";
-import { mergeClasses as f } from "../../../utils/merge-classes.js";
-import { ElementSize as L } from "../../../types/size.js";
-import { DIAL_KIT_CLASS as T } from "../../../constants/public-class-names.js";
-const E = ({
+import { jsx as i, jsxs as O } from "react/jsx-runtime";
+import { IconChevronDown as A } from "@tabler/icons-react";
+import { useState as u, useCallback as h, useMemo as L } from "react";
+import { Dropdown as T } from "../Dropdown/Dropdown.js";
+import { DIAL_KIT_ICON_STROKE as E } from "../constants/icon.js";
+import { DIAL_ICON_SIZE as j } from "../../../constants/icon.js";
+import { mergeClasses as b } from "../../../utils/merge-classes.js";
+import { ElementSize as w } from "../../../types/size.js";
+import { DIAL_KIT_CLASS as z } from "../../../constants/public-class-names.js";
+const M = ({
   label: e,
-  size: n,
-  isOpen: r = !1,
-  "aria-label": t,
-  ...a
+  size: o,
+  isOpen: l = !1,
+  labelClassName: n,
+  className: s,
+  "aria-label": a,
+  ...c
 }) => {
-  const l = n === L.Small ? "h-[32px]" : "h-[40px] dial-kit-enhanced-target";
-  return /* @__PURE__ */ y(
+  const m = o === w.Small ? "h-[32px]" : "h-[40px] dial-kit-enhanced-target";
+  return /* @__PURE__ */ O(
     "button",
     {
       type: "button",
+      ...c,
       "aria-haspopup": "menu",
-      "aria-expanded": r,
-      "aria-label": t ? `${t} ${e}` : void 0,
-      className: f(
+      "aria-expanded": l,
+      "aria-label": a ? `${a} ${e}` : void 0,
+      className: b(
         "dial-small-paragraph-text px-3 focus-visible:outline focus-visible:outline-focus",
         "flex items-center gap-1 rounded-full text-primary disabled:text-control-disable-primary",
         "hover:bg-control-accent-alpha-hover focus-visible:outline-offset-2 active:bg-control-accent-alpha-active",
-        l,
-        a.className,
-        T.inlineSelect
+        m,
+        s,
+        z.inlineSelect
       ),
-      ...a,
       children: [
-        e,
-        /* @__PURE__ */ s(
-          _,
+        /* @__PURE__ */ i("span", { className: n, children: e }),
+        /* @__PURE__ */ i(
+          A,
           {
-            size: A.MD,
-            stroke: O,
+            size: j.MD,
+            stroke: E,
             "aria-hidden": !0,
-            className: f("transition-transform", r && "rotate-180")
+            className: b("transition-transform", l && "rotate-180")
           }
         )
       ]
     }
   );
-}, B = ({
+}, J = ({
   items: e,
-  selectedKey: n,
-  defaultSelectedKey: r,
-  onSelect: t,
-  size: a,
-  disabled: l,
-  placement: d = "bottom-end",
-  matchReferenceWidth: u = !1,
-  listClassName: b,
-  ariaLabel: h
+  selectedKey: o,
+  defaultSelectedKey: l,
+  onSelect: n,
+  size: s,
+  disabled: a,
+  placement: c = "bottom-end",
+  matchReferenceWidth: m = !1,
+  listClassName: I,
+  ariaLabel: v,
+  triggerClassName: S,
+  triggerLabelClassName: x,
+  onOpenChange: d
 }) => {
-  const [I, v] = p(!1), [S, x] = p(
-    r ?? e[0]?.key
-  ), c = n !== void 0, m = c ? n : S, g = D(() => {
-    const o = e.find((i) => i.key === m);
-    return o?.label ? String(o.label) : "";
-  }, [e, m]), C = N(
-    ({ key: o }) => {
-      const i = e.find((k) => k.key === o);
-      i && (c || x(o), t?.(i));
+  const [C, g] = u(!1), N = h(
+    (t) => {
+      g(t), d?.(t);
     },
-    [e, c, t]
+    [d]
+  ), [k, y] = u(
+    l ?? e[0]?.key
+  ), p = o !== void 0, f = p ? o : k, _ = L(() => {
+    const t = e.find((r) => r.key === f);
+    return t?.label ? String(t.label) : "";
+  }, [e, f]), D = h(
+    ({ key: t }) => {
+      const r = e.find((K) => K.key === t);
+      r && (p || y(t), n?.(r));
+    },
+    [e, p, n]
   );
-  return /* @__PURE__ */ s(
-    K,
+  return /* @__PURE__ */ i(
+    T,
     {
       items: e,
-      placement: d,
-      matchReferenceWidth: u,
-      listClassName: b,
-      disabled: l,
-      onOpenChange: v,
-      onItemClick: C,
-      children: /* @__PURE__ */ s(
-        E,
+      placement: c,
+      matchReferenceWidth: m,
+      listClassName: I,
+      disabled: a,
+      onOpenChange: N,
+      onItemClick: D,
+      children: /* @__PURE__ */ i(
+        M,
         {
-          label: g,
-          size: a,
-          isOpen: I,
-          disabled: l,
-          "aria-label": h
+          label: _,
+          size: s,
+          isOpen: C,
+          disabled: a,
+          "aria-label": v,
+          className: S,
+          labelClassName: x
         }
       )
     }
   );
 };
 export {
-  B as InlineSelect,
-  E as InlineSelectTrigger
+  J as InlineSelect,
+  M as InlineSelectTrigger
 };