@epam/ai-dial-ui-kit 0.16.0-dev.45 → 0.16.0-dev.46

package/dist/components/DropdownIcon/DropdownIcon.js

@@ -1,103 +0,0 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { IconChevronDown as O } from "@tabler/icons-react";
-import { useState as j } from "react";
-import { DialDropdown as L } from "../Dropdown/Dropdown.js";
-import { DialIcon as m } from "../Icon/Icon.js";
-import { DIAL_ICON_SIZE as _ } from "../../constants/icon.js";
-import { DIAL_KIT_CLASS as p } from "../../constants/public-class-names.js";
-import { ElementSize as r } from "../../types/size.js";
-import { mergeClasses as o } from "../../utils/merge-classes.js";
-const F = ({
-  icon: f,
-  ariaLabel: b,
-  size: n = r.Standard,
-  disabled: a = !1,
-  className: u,
-  buttonClassName: h,
-  iconClassName: x,
-  caretIcon: y = /* @__PURE__ */ e(O, { size: _.SM }),
-  showCaret: t = !0,
-  placement: g = "bottom-start",
-  matchReferenceWidth: S = !1,
-  open: v,
-  onOpenChange: I,
-  defaultOpen: s = !1,
-  ...z
-}) => {
-  const i = n === r.Small, [C, D] = j(s), l = v ?? C, w = i ? "w-8 px-0" : "w-10 px-0", N = {
-    [r.Small]: "size-5",
-    [r.Standard]: "size-6",
-    [r.Large]: "size-7"
-  };
-  return /* @__PURE__ */ e(
-    L,
-    {
-      ...z,
-      disabled: a,
-      placement: g,
-      matchReferenceWidth: S,
-      className: u,
-      open: l,
-      onOpenChange: (c) => {
-        D(c), I?.(c);
-      },
-      defaultOpen: s,
-      children: /* @__PURE__ */ d(
-        "button",
-        {
-          type: "button",
-          "aria-label": b,
-          disabled: a,
-          className: o(
-            "group flex items-center justify-center rounded border border-transparent bg-layer-4 text-primary",
-            "enabled:hover:bg-accent-primary-alpha enabled:active:bg-controls-accent-primary-alpha-active",
-            "focus-visible:border-focus focus-visible:outline-hidden disabled:cursor-not-allowed disabled:text-controls-secondary-disable disabled:opacity-75",
-            i ? "h-8 px-2" : "h-10 px-2",
-            t ? void 0 : w,
-            h
-          ),
-          children: [
-            /* @__PURE__ */ e(
-              m,
-              {
-                icon: f,
-                className: o(
-                  "flex items-center justify-center text-inherit",
-                  N[n],
-                  t && "-mr-2",
-                  x,
-                  p.dropdownIcon
-                )
-              }
-            ),
-            t && /* @__PURE__ */ d(
-              "div",
-              {
-                className: o(
-                  "relative z-10 inline-grid size-5 shrink-0 place-items-center",
-                  p.dropdownIconCaret
-                ),
-                children: [
-                  /* @__PURE__ */ e("div", { className: "absolute inset-0 rounded-full bg-layer-2" }),
-                  /* @__PURE__ */ e(
-                    m,
-                    {
-                      icon: y,
-                      className: o(
-                        "relative flex items-center justify-center text-secondary transition-transform group-hover:text-primary group-disabled:text-controls-secondary-disable",
-                        l && "rotate-180"
-                      )
-                    }
-                  )
-                ]
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  F as DialDropdownIcon
-};

package/dist/components/FileIcon/FileIcon.js

@@ -1,37 +0,0 @@
-import { jsxs as u, jsx as s } from "react/jsx-runtime";
-import N from "classnames";
-import { DialIcon as b } from "../Icon/Icon.js";
-import { fileIconFactories as a } from "./constants.js";
-import { BASE_ICON_PROPS as l } from "../../constants/icon.js";
-const j = ({
-  extension: o,
-  size: n = l.size,
-  stroke: c = l.stroke,
-  className: m,
-  decorative: f = !1,
-  label: r,
-  indicator: t
-}) => {
-  const i = (() => {
-    if (!o) return "";
-    const e = o.trim().toLowerCase();
-    return e.startsWith(".") ? e : `.${e}`;
-  })(), p = (a[i] ?? a.default)({
-    size: n,
-    stroke: c
-  }), d = typeof r == "string" ? r : `${i.slice(1).toUpperCase()} file icon`;
-  return /* @__PURE__ */ u(
-    "span",
-    {
-      className: N("inline-flex relative", m),
-      ...f ? { "aria-hidden": !0 } : { role: "img", "aria-label": d },
-      children: [
-        /* @__PURE__ */ s(b, { icon: p, className: "inline-block align-middle" }),
-        t && /* @__PURE__ */ s("span", { className: "absolute -bottom-0.5 -left-0.5", children: t })
-      ]
-    }
-  );
-};
-export {
-  j as DialFileIcon
-};

package/dist/components/FileIcon/constants.js

@@ -1,60 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { IconFile as l, IconFileTypeZip as n, IconFileTypeXml as m, IconFileTypeXls as r, IconFileTypeVue as t, IconFileTypeTxt as I, IconFileTypeTsx as T, IconFileTypeTs as y, IconFileTypeSvg as F, IconFileTypeSql as g, IconFileTypeRs as f, IconFileTypePpt as v, IconFileTypePng as x, IconFileTypePhp as a, IconFileTypePdf as S, IconFileTypeJsx as d, IconFileTypeJs as z, IconFileTypeJpg as N, IconFileTypeHtml as P, IconFileTypeDocx as h, IconFileTypeDoc as C, IconFileTypeCsv as j, IconFileTypeCss as u, IconFileTypeBmp as b } from "@tabler/icons-react";
-import J from "../../assets/icons/file/cpp.svg.js";
-import k from "../../assets/icons/file/c.svg.js";
-import q from "../../assets/icons/file/cs.svg.js";
-import B from "../../assets/icons/file/ini.svg.js";
-import D from "../../assets/icons/file/json.svg.js";
-import O from "../../assets/icons/file/md.svg.js";
-import R from "../../assets/icons/file/py.svg.js";
-import { BASE_ICON_PROPS as s } from "../../constants/icon.js";
-const o = (e, i) => /* @__PURE__ */ c(
-  e,
-  {
-    size: i.size ?? s.size,
-    stroke: i.stroke ?? s.stroke,
-    className: i.className
-  }
-), p = (e, i) => /* @__PURE__ */ c(
-  e,
-  {
-    width: Number(i.size ?? s.size),
-    height: Number(i.size ?? s.size),
-    className: i.className
-  }
-), K = {
-  ".bmp": (e) => o(b, e),
-  ".cpp": (e) => p(J, e),
-  ".c": (e) => p(k, e),
-  ".cs": (e) => p(q, e),
-  ".css": (e) => o(u, e),
-  ".csv": (e) => o(j, e),
-  ".doc": (e) => o(C, e),
-  ".docx": (e) => o(h, e),
-  ".html": (e) => o(P, e),
-  ".ini": (e) => p(B, e),
-  ".jpg": (e) => o(N, e),
-  ".js": (e) => o(z, e),
-  ".json": (e) => p(D, e),
-  ".jsx": (e) => o(d, e),
-  ".md": (e) => p(O, e),
-  ".pdf": (e) => o(S, e),
-  ".php": (e) => o(a, e),
-  ".png": (e) => o(x, e),
-  ".ppt": (e) => o(v, e),
-  ".py": (e) => p(R, e),
-  ".rs": (e) => o(f, e),
-  ".sql": (e) => o(g, e),
-  ".svg": (e) => o(F, e),
-  ".ts": (e) => o(y, e),
-  ".tsx": (e) => o(T, e),
-  ".txt": (e) => o(I, e),
-  ".vue": (e) => o(t, e),
-  ".xls": (e) => o(r, e),
-  ".xml": (e) => o(m, e),
-  ".zip": (e) => o(n, e),
-  default: (e) => o(l, e)
-};
-export {
-  K as fileIconFactories
-};

package/dist/components/FileName/FileName.js

@@ -1,68 +0,0 @@
-import { jsxs as s, jsx as l } from "react/jsx-runtime";
-import { mergeClasses as N } from "../../utils/merge-classes.js";
-import { DialFileIcon as u } from "../FileIcon/FileIcon.js";
-import { DialSharedEntityIndicator as y } from "../SharedEntityIndicator/SharedEntityIndicator.js";
-import { DialEllipsisTooltip as w } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { BASE_ICON_SIZE as D } from "../../constants/icon.js";
-import t from "classnames";
-const S = ({
-  name: e,
-  className: o,
-  shared: a = !1,
-  iconSize: r = D,
-  details: i,
-  sharedIndicatorClassName: m,
-  sharedIndicatorTooltip: c,
-  fileExtension: n,
-  hideTooltip: p = !1,
-  isInvalidName: f = !1,
-  tooltipContent: x
-}) => {
-  const d = n || (e.includes(".") ? e.split(".").pop() : void 0);
-  return /* @__PURE__ */ s("div", { className: N("flex items-center gap-2 w-full", o), children: [
-    /* @__PURE__ */ l(
-      u,
-      {
-        extension: d,
-        size: r,
-        className: "text-secondary",
-        indicator: a ? /* @__PURE__ */ l(
-          y,
-          {
-            className: m,
-            sharedIndicatorTooltip: c
-          }
-        ) : null,
-        label: "File type icon"
-      }
-    ),
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: t([
-          "w-full flex min-w-0",
-          i && "flex-col gap-1"
-        ]),
-        children: [
-          /* @__PURE__ */ l(
-            w,
-            {
-              className: t([
-                "dial-small-text flex-1 min-w-0",
-                f ? "text-secondary" : "text-primary"
-              ]),
-              text: e,
-              id: "name",
-              hideTooltip: p,
-              customTooltipContent: x
-            }
-          ),
-          i
-        ]
-      }
-    )
-  ] });
-};
-export {
-  S as DialFileName
-};

package/dist/components/FolderName/FolderName.js

@@ -1,57 +0,0 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { mergeClasses as d } from "../../utils/merge-classes.js";
-import { DialSharedEntityIndicator as x } from "../SharedEntityIndicator/SharedEntityIndicator.js";
-import { DialEllipsisTooltip as N } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { DialIcon as I } from "../Icon/Icon.js";
-import { BASE_ICON_SIZE as u, BASE_ICON_PROPS as g } from "../../constants/icon.js";
-import { IconFolder as D } from "@tabler/icons-react";
-import { DialLoader as E } from "../Loader/Loader.js";
-import h from "classnames";
-const z = ({
-  name: r,
-  className: t,
-  shared: a = !1,
-  loading: i = !1,
-  iconSize: l = u,
-  sharedIndicatorClassName: s,
-  sharedIndicatorTooltip: m,
-  hideTooltip: n = !1,
-  isInvalidName: c = !1,
-  tooltipContent: f
-}) => {
-  const p = () => i ? /* @__PURE__ */ e(E, { size: l }) : /* @__PURE__ */ e(
-    I,
-    {
-      icon: /* @__PURE__ */ e(D, { ...g, size: l }),
-      className: "inline-block align-middle"
-    }
-  );
-  return /* @__PURE__ */ o("div", { className: d("flex items-center gap-2 w-full", t), children: [
-    /* @__PURE__ */ o("span", { className: "inline-flex relative text-secondary", role: "img", children: [
-      p(),
-      a && /* @__PURE__ */ e("span", { className: "absolute z-50 -bottom-0.5 -left-0.5", children: /* @__PURE__ */ e(
-        x,
-        {
-          className: s,
-          sharedIndicatorTooltip: m
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e(
-      N,
-      {
-        className: h(
-          "dial-small-text flex-1 min-w-0",
-          c ? "text-secondary" : "text-primary"
-        ),
-        text: r,
-        id: "name",
-        hideTooltip: n,
-        customTooltipContent: f
-      }
-    )
-  ] });
-};
-export {
-  z as DialFolderName
-};

package/dist/components/FormItem/FormItem.js

@@ -1,90 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { useCallback as y } from "react";
-import { DialErrorText as F } from "../CaptionText/CaptionText.js";
-import { DialLabel as k } from "../Label/Label.js";
-import { FormItemOrientation as w } from "../../types/form-item.js";
-import { orientationClassMap as C, containerBaseClassName as V } from "./constants.js";
-import { mergeClasses as t } from "../../utils/merge-classes.js";
-const A = ({
-  id: n,
-  label: o,
-  required: h,
-  description: s,
-  error: e,
-  orientation: d = w.Vertical,
-  labelVisuallyHidden: u = !1,
-  className: b,
-  labelClassName: x,
-  errorClassName: l,
-  childrenClassName: N,
-  captionDescription: c,
-  readonly: v,
-  value: r,
-  defaultEmptyText: m,
-  children: I
-}) => {
-  const p = `${n}-label`, g = s ? `${n}-desc` : void 0, a = e ? `${n}-err` : void 0, $ = `${n}-caption-desc`, j = [g, a].filter(Boolean).join(" ") || void 0, B = y(() => typeof e == "boolean" ? null : typeof e == "string" || typeof e > "u" ? e ? /* @__PURE__ */ i("div", { id: a, "aria-live": "polite", className: l, children: /* @__PURE__ */ i(F, { text: e }) }) : null : /* @__PURE__ */ i(
-    "div",
-    {
-      id: a,
-      role: "alert",
-      "aria-live": "polite",
-      className: l,
-      children: e
-    }
-  ), [e, l, a]), D = y(() => r ? typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ i("span", { "aria-readonly": "true", children: r }) : r : /* @__PURE__ */ i("span", { className: "flex min-h-4", "aria-readonly": "true", children: m ?? "None" }), [r, m]);
-  return /* @__PURE__ */ f(
-    "div",
-    {
-      role: "group",
-      "aria-labelledby": o ? p : void 0,
-      "aria-describedby": j,
-      className: t(
-        V,
-        C[d],
-        "gap-3",
-        b
-      ),
-      children: [
-        o && /* @__PURE__ */ i(
-          "div",
-          {
-            id: p,
-            className: t(d === "horizontal" && "shrink-0"),
-            children: /* @__PURE__ */ i(
-              k,
-              {
-                htmlFor: n,
-                label: o,
-                required: h,
-                className: t(
-                  u && "sr-only",
-                  x
-                ),
-                caption: s
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ f("div", { className: t("min-w-0 w-full", N), children: [
-          v ? /* @__PURE__ */ i("div", { className: "dial-input px-3 py-2", children: D() }) : I,
-          c && /* @__PURE__ */ i(
-            "div",
-            {
-              id: $,
-              className: t({
-                "dial-tiny-text text-secondary mt-1": !0,
-                "text-error": !!e
-              }),
-              children: c
-            }
-          ),
-          B()
-        ] })
-      ]
-    }
-  );
-};
-export {
-  A as DialFormItem
-};

package/dist/components/FormItem/constants.js

@@ -1,9 +0,0 @@
-import { FormItemOrientation as o } from "../../types/form-item.js";
-const t = "w-full flex gap-1", a = {
-  [o.Vertical]: "flex-col",
-  [o.Horizontal]: "flex-row items-end"
-};
-export {
-  t as containerBaseClassName,
-  a as orientationClassMap
-};

package/dist/components/FormPopup/FormPopup.js

@@ -1,59 +0,0 @@
-import { jsx as l, jsxs as D } from "react/jsx-runtime";
-import { useCallback as N } from "react";
-import { DialNeutralButton as P, DialPrimaryButton as k } from "../Button/ButtonWrappers.js";
-import { DialPopup as B } from "../Popup/Popup.js";
-import { DialLoader as h } from "../Loader/Loader.js";
-import { PopupSize as j } from "../../types/popup.js";
-import { defaultSubmitLabel as v, defaultCancelLabel as y, actionsBaseClassName as z } from "./constants.js";
-const E = ({
-  header: a,
-  open: i = !1,
-  submitLabel: m = v,
-  cancelLabel: s = y,
-  isLoading: r = !1,
-  disableSubmitButton: u = !1,
-  className: p,
-  submitClassName: f,
-  onClose: o,
-  onSubmit: n,
-  onCancel: t,
-  children: e,
-  dividers: c = !0,
-  size: d = j.Md,
-  footer: b
-}) => {
-  const x = r ? null : /* @__PURE__ */ D("div", { className: z, children: [
-    /* @__PURE__ */ l(
-      P,
-      {
-        label: s,
-        onClick: () => t ? t() : o?.()
-      }
-    ),
-    /* @__PURE__ */ l(
-      k,
-      {
-        className: f,
-        label: m,
-        disabled: u,
-        onClick: () => n()
-      }
-    )
-  ] }), C = N(() => r ? /* @__PURE__ */ l("div", { className: "px-6 py-4 h-[120px]", children: /* @__PURE__ */ l(h, { size: 50 }) }) : e ?? null, [e, r]);
-  return /* @__PURE__ */ l(
-    B,
-    {
-      open: i,
-      header: a,
-      className: p,
-      dividers: c,
-      onClose: () => o?.(),
-      footer: b ?? x,
-      size: d,
-      children: C()
-    }
-  );
-};
-export {
-  E as DialFormPopup
-};

package/dist/components/FormPopup/constants.js

@@ -1,6 +0,0 @@
-const e = "Create", a = "Cancel", t = "flex items-center justify-end gap-2 px-6 py-3";
-export {
-  t as actionsBaseClassName,
-  a as defaultCancelLabel,
-  e as defaultSubmitLabel
-};