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

package/dist/components/Slider/Slider.js

@@ -1,158 +0,0 @@
-import { jsxs as w, jsx as o, Fragment as D } from "react/jsx-runtime";
-import { useRef as z, useCallback as y } from "react";
-import { DialLabel as B } from "../Label/Label.js";
-import { mergeClasses as u } from "../../utils/merge-classes.js";
-const m = (t) => (t.toString().split(".")[1] ?? "").length, q = ({
-  value: t,
-  min: e = 0,
-  max: c = 1,
-  step: r = 0.1,
-  disabled: a = !1,
-  labelProps: g,
-  labels: s,
-  formatValue: M,
-  onChange: l,
-  className: F,
-  trackClassName: N,
-  fillClassName: A,
-  thumbClassName: P,
-  labelsClassName: R,
-  "aria-label": j,
-  "aria-labelledby": X,
-  ...b
-}) => {
-  const k = z(null), v = Math.max(
-    0,
-    Math.min(100, (t - e) / (c - e) * 100)
-  ), I = m(r), K = M ? M(t) : t.toFixed(I), h = y(
-    (n) => {
-      const p = k.current;
-      if (!p) return t;
-      const d = p.getBoundingClientRect(), x = (n - d.left) / d.width, i = e + x * (c - e), f = m(r), $ = parseFloat(
-        (Math.round((i - e) / r) * r + e).toFixed(f)
-      );
-      return Math.min(c, Math.max(e, $));
-    },
-    [e, c, r, t]
-  ), L = y(
-    (n) => {
-      a || (n.currentTarget.setPointerCapture(n.pointerId), l?.(h(n.clientX)));
-    },
-    [a, h, l]
-  ), S = y(
-    (n) => {
-      a || n.buttons === 0 || l?.(h(n.clientX));
-    },
-    [a, h, l]
-  ), V = y(
-    (n) => {
-      if (a) return;
-      const p = m(r), d = (f) => parseFloat((Math.round((f - e) / r) * r + e).toFixed(p)), x = (f) => Math.min(c, Math.max(e, f));
-      let i = t;
-      switch (n.key) {
-        case "ArrowRight":
-        case "ArrowUp":
-          i = x(d(t + r));
-          break;
-        case "ArrowLeft":
-        case "ArrowDown":
-          i = x(d(t - r));
-          break;
-        case "Home":
-          i = e;
-          break;
-        case "End":
-          i = c;
-          break;
-        default:
-          return;
-      }
-      n.preventDefault(), i !== t && l?.(i);
-    },
-    [a, t, r, e, c, l]
-  );
-  return /* @__PURE__ */ w(
-    "div",
-    {
-      className: u(
-        "flex flex-col",
-        a && "pointer-events-none opacity-50",
-        F
-      ),
-      ...b,
-      children: [
-        g && /* @__PURE__ */ o(B, { ...g, htmlFor: b.id }),
-        /* @__PURE__ */ w(
-          "div",
-          {
-            ref: k,
-            className: "relative flex h-[38px] cursor-pointer items-center",
-            onPointerDown: L,
-            onPointerMove: S,
-            children: [
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: u(
-                    "pointer-events-none absolute inset-x-0 h-3 rounded-[10px] bg-layer-1",
-                    N
-                  )
-                }
-              ),
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  className: u(
-                    "pointer-events-none absolute left-0 h-3 rounded-[10px] bg-controls-accent-primary",
-                    A
-                  ),
-                  style: { width: `${v}%` }
-                }
-              ),
-              /* @__PURE__ */ o(
-                "div",
-                {
-                  role: "slider",
-                  tabIndex: a ? -1 : 0,
-                  "aria-valuenow": t,
-                  "aria-valuemin": e,
-                  "aria-valuemax": c,
-                  "aria-disabled": a || void 0,
-                  "aria-label": j,
-                  "aria-labelledby": X,
-                  className: u(
-                    "dial-small-text absolute -translate-x-1/2 flex size-[38px] cursor-grab select-none items-center justify-center rounded-full bg-layer-3 text-primary shadow focus:outline-hidden focus-visible:ring-2 focus-visible:ring-focus",
-                    P
-                  ),
-                  style: { left: `${v}%` },
-                  onKeyDown: V,
-                  children: K
-                }
-              )
-            ]
-          }
-        ),
-        s && /* @__PURE__ */ o(
-          "div",
-          {
-            className: u(
-              "dial-tiny-text flex text-secondary",
-              R
-            ),
-            children: s.length === 3 ? /* @__PURE__ */ w(D, { children: [
-              /* @__PURE__ */ o("span", { children: s[0] }),
-              /* @__PURE__ */ o("span", { className: "flex-1 text-center", children: s[1] }),
-              /* @__PURE__ */ o("span", { children: s[2] })
-            ] }) : /* @__PURE__ */ w(D, { children: [
-              /* @__PURE__ */ o("span", { children: s[0] }),
-              /* @__PURE__ */ o("span", { className: "ml-auto", children: s[1] })
-            ] })
-          }
-        )
-      ]
-    }
-  );
-};
-export {
-  q as DialSlider
-};

package/dist/components/Switch/Switch.js

@@ -1,70 +0,0 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import t from "classnames";
-import { useCallback as x } from "react";
-const y = ({
-  label: s,
-  switchId: c,
-  isOn: e = !1,
-  disabled: r,
-  onChange: o,
-  caption: l
-}) => {
-  const n = t(
-    "flex shrink-0 w-[36px] h-[18px] cursor-pointer items-center gap-1 rounded-full p-0.5 transition-all duration-200",
-    e ? "flex-row-reverse" : "flex-row",
-    r ? "pointer-events-none" : "",
-    r ? e ? "bg-controls-disable" : "bg-layer-4" : e ? "bg-accent-primary" : "bg-layer-4"
-  ), m = x(
-    (p) => {
-      p.stopPropagation(), o?.(!e);
-    },
-    [o, e]
-  );
-  return /* @__PURE__ */ i("div", { className: "flex flex-row items-start", role: "switch", children: [
-    /* @__PURE__ */ a(
-      "input",
-      {
-        type: "checkbox",
-        onChange: m,
-        id: c,
-        disabled: r,
-        className: "invisible size-0",
-        checked: e
-      }
-    ),
-    /* @__PURE__ */ a(
-      "label",
-      {
-        htmlFor: c,
-        className: n,
-        "aria-describedby": l && "caption",
-        children: /* @__PURE__ */ a(
-          "span",
-          {
-            className: t(
-              "size-3 rounded-full",
-              r ? "bg-controls-disable-accent" : "bg-controls-enable-primary"
-            )
-          }
-        )
-      }
-    ),
-    (s || l) && /* @__PURE__ */ i("div", { className: "flex flex-col gap-1 ml-2", children: [
-      s && /* @__PURE__ */ a(
-        "span",
-        {
-          className: t(
-            "dial-small-text py-[1px]",
-            r ? "text-secondary" : "text-primary"
-          ),
-          "aria-label": "switch-title",
-          children: s
-        }
-      ),
-      l && /* @__PURE__ */ a("span", { id: "caption", className: "dial-tiny-text text-secondary", children: l })
-    ] })
-  ] });
-};
-export {
-  y as DialSwitch
-};

package/dist/components/TagInput/TagInput.js

@@ -1,179 +0,0 @@
-import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { useRef as C, useState as d, useCallback as H, useEffect as D } from "react";
-import v from "classnames";
-import { DialLabel as y } from "../Label/Label.js";
-import { DialTag as x } from "../Tag/Tag.js";
-import { DialErrorText as O, DialCaptionText as ee } from "../CaptionText/CaptionText.js";
-import { DialTooltip as te } from "../Tooltip/Tooltip.js";
-const k = 8, ne = 24, fe = ({
-  initialTags: a = [],
-  label: I,
-  required: K,
-  elementId: E,
-  placeholder: X,
-  captionDescription: _,
-  errorText: P,
-  invalid: F,
-  disabled: c,
-  collapseTagOverflow: i = !1,
-  readOnly: s = !1,
-  containerClassName: J,
-  tagClassName: V,
-  onChange: $
-}) => {
-  const o = C(null), b = C([]), S = C(null), [n, w] = d(a), [h, R] = d(""), [T, U] = d(!1), [m, g] = d(a.length), q = H((e) => (t) => {
-    b.current[e] = t;
-  }, []), W = H(() => {
-    if (!i) return;
-    const e = o.current;
-    if (!e) return;
-    const t = e.offsetWidth;
-    if (t === 0) return;
-    const u = S.current?.offsetWidth ?? 0, z = t - (s ? 0 : ne) - k;
-    let p = 0, l = 0;
-    for (let f = 0; f < n.length; f++) {
-      const B = b.current[f];
-      if (!B) continue;
-      const G = B.offsetWidth + k;
-      if (p + G > z) break;
-      p += G, l++;
-    }
-    if (l < n.length && l > 0)
-      for (; p + u > z && l > 0; ) {
-        l--;
-        const f = b.current[l]?.offsetWidth ?? 0;
-        p -= f + k;
-      }
-    g(l);
-  }, [i, s, n.length]), j = (e) => {
-    const t = e.trim().replace(/,$/, "");
-    if (t && !n.includes(t)) {
-      const u = [t, ...n];
-      w(u), $?.(u);
-    }
-  }, Q = (e) => {
-    (e.key === "," || e.key === "Enter") && (e.preventDefault(), j(h), R(""));
-  }, Y = () => {
-    h.trim() && (j(h), R(""));
-  }, A = (e) => {
-    const t = n.filter((u, M) => M !== e);
-    w(t), $?.(t);
-  }, Z = () => P ? /* @__PURE__ */ r(O, { text: P }) : _ ? /* @__PURE__ */ r(ee, { text: _ }) : null;
-  D(() => {
-    if (i) return;
-    const e = new ResizeObserver(() => {
-      if (o.current) {
-        const t = o.current.scrollHeight > o.current.clientHeight + 10;
-        U(t);
-      }
-    });
-    return o.current && e.observe(o.current), () => e.disconnect();
-  }, [n, i]), D(() => {
-    if (!i) {
-      g(n.length);
-      return;
-    }
-    g(n.length);
-    const e = new ResizeObserver(() => {
-      W();
-    }), t = o.current;
-    return t && e.observe(t), W(), () => e.disconnect();
-  }, [i, W, n]), D(() => {
-    w(a);
-  }, [JSON.stringify(a)]);
-  const L = /* @__PURE__ */ N(
-    "div",
-    {
-      ref: o,
-      className: v(
-        "flex gap-2 items-center relative",
-        i ? "flex-nowrap overflow-hidden w-full min-w-0" : v("flex-wrap", T ? "flex-col-reverse" : "flex-row"),
-        J
-      ),
-      children: [
-        (i ? n.slice(0, m) : n).map(
-          (e, t) => /* @__PURE__ */ r(
-            x,
-            {
-              label: e,
-              className: V,
-              closable: !c && !s,
-              onRemove: !c && !s ? () => A(t) : void 0
-            },
-            e + t
-          )
-        ),
-        i && m < n.length && /* @__PURE__ */ r(
-          te,
-          {
-            tooltip: n.slice(m).join(", "),
-            triggerClassName: "inline-flex shrink-0 cursor-pointer",
-            children: /* @__PURE__ */ r(x, { label: `+${n.length - m}` })
-          }
-        ),
-        !s && /* @__PURE__ */ r(
-          "input",
-          {
-            id: E,
-            type: "text",
-            value: h,
-            onChange: (e) => R(e.target.value),
-            onKeyDown: Q,
-            onBlur: Y,
-            className: v(
-              "dial-input outline-hidden !border-none w-full flex-1 !p-1 !h-auto",
-              i ? "min-w-0" : "min-w-[100px]"
-            ),
-            placeholder: X ?? "",
-            disabled: c
-          }
-        ),
-        i && /* @__PURE__ */ N(
-          "div",
-          {
-            className: "absolute left-0 top-0 invisible pointer-events-none h-0 overflow-hidden whitespace-nowrap",
-            "aria-hidden": !0,
-            children: [
-              n.map((e, t) => /* @__PURE__ */ r(
-                "div",
-                {
-                  ref: q(t),
-                  className: "inline-flex shrink-0",
-                  children: /* @__PURE__ */ r(
-                    x,
-                    {
-                      label: e,
-                      className: V,
-                      closable: !c && !s,
-                      onRemove: !c && !s ? () => A(t) : void 0
-                    }
-                  )
-                },
-                `measure-${e}-${t}`
-              )),
-              /* @__PURE__ */ r("div", { ref: S, className: "inline-flex shrink-0", children: /* @__PURE__ */ r(x, { label: `+${n.length}` }) })
-            ]
-          }
-        )
-      ]
-    }
-  );
-  return s ? L : /* @__PURE__ */ N("div", { className: "flex flex-col gap-2 w-full", children: [
-    /* @__PURE__ */ r(y, { label: I, required: K, htmlFor: E }),
-    /* @__PURE__ */ r(
-      "div",
-      {
-        className: v(
-          "dial-input min-h-[38px] p-[6px]",
-          F && "dial-input-error",
-          c && "dial-input-disable"
-        ),
-        children: L
-      }
-    ),
-    Z()
-  ] });
-};
-export {
-  fe as DialTagInput
-};

package/dist/components/Textarea/Textarea.js

@@ -1,43 +0,0 @@
-import { jsxs as f, jsx as e } from "react/jsx-runtime";
-import "react";
-import { mergeClasses as l } from "../../utils/merge-classes.js";
-import { DialErrorText as u, DialCaptionText as g } from "../CaptionText/CaptionText.js";
-import { DialLabel as v } from "../Label/Label.js";
-const b = ({
-  className: s = "",
-  value: o,
-  onChange: m,
-  error: t,
-  containerClassName: n,
-  resize: x = !1,
-  labelProps: i,
-  caption: d,
-  id: r,
-  ...a
-}) => {
-  const p = l(
-    "dial-textarea dial-input px-3 py-2",
-    a.invalid && "dial-input-error",
-    a.disabled && "dial-input-disable",
-    x ? "resize" : "resize-none",
-    s
-  );
-  return /* @__PURE__ */ f("div", { className: l("flex flex-col gap-y-1", n), children: [
-    i && /* @__PURE__ */ e(v, { ...i, htmlFor: r }),
-    /* @__PURE__ */ e(
-      "textarea",
-      {
-        id: r,
-        value: o || "",
-        className: p,
-        onChange: (c) => m?.(c.currentTarget.value),
-        ...a
-      }
-    ),
-    /* @__PURE__ */ e(u, { text: t }),
-    !t && /* @__PURE__ */ e(g, { text: d })
-  ] });
-};
-export {
-  b as DialTextarea
-};

package/dist/constants/editor.js

@@ -1,52 +0,0 @@
-import { EditorThemes as r } from "../types/editor.js";
-const e = {
-  [r.dark]: {
-    base: "vs-dark",
-    inherit: !1,
-    rules: [
-      { token: "string.key.json", foreground: "#37BABC" },
-      { token: "string.value.json", foreground: "#5C8DEA" },
-      { token: "number", foreground: "#D97C27" },
-      { token: "keyword.json", foreground: "#F4CE46" },
-      { token: "delimiter", foreground: "#EEF1F7" },
-      { token: "delimiter.bracket.json", foreground: "#A972FF" },
-      { token: "delimiter.parenthesis", foreground: "#A972FF" }
-    ],
-    colors: {
-      "editor.foreground": "#F76464",
-      "editor.background": "#161B2D",
-      "editorCursor.foreground": "#EEF1F7",
-      "editor.selectionBackground": "#5C8DEA2B",
-      "editorLineNumber.foreground": "#242C42",
-      "scrollbarSlider.background": "#242C42",
-      "scrollbarSlider.hoverBackground": "#242C42",
-      "scrollbarSlider.activeBackground": "#242C42"
-    }
-  },
-  [r.light]: {
-    base: "vs",
-    inherit: !1,
-    rules: [
-      { token: "string.key.json", foreground: "#009D9F" },
-      { token: "string.value.json", foreground: "#2764D9" },
-      { token: "number", foreground: "#B25500" },
-      { token: "keyword.json", foreground: "#3F3D25" },
-      { token: "delimiter", foreground: "#161B2D" },
-      { token: "delimiter.bracket.json", foreground: "#7E39EC" },
-      { token: "delimiter.parenthesis", foreground: "#7E39EC" }
-    ],
-    colors: {
-      "editor.foreground": "#AE2F2F",
-      "editor.background": "#EEF1F7",
-      "editorCursor.foreground": "#161B2D",
-      "editor.selectionBackground": "#5C8DEA2B",
-      "editorLineNumber.foreground": "#242C42",
-      "scrollbarSlider.background": "#242C42",
-      "scrollbarSlider.hoverBackground": "#242C42",
-      "scrollbarSlider.activeBackground": "#242C42"
-    }
-  }
-};
-export {
-  e as EDITOR_THEMES_CONFIG
-};

package/dist/icon-CrGVkVpG.cjs

@@ -1 +0,0 @@
-"use strict";var t=(s=>(s[s.LG=24]="LG",s[s.MD=20]="MD",s[s.SM=16]="SM",s))(t||{});const S=18,r={size:S,stroke:2};exports.BASE_ICON_PROPS=r;exports.BASE_ICON_SIZE=S;exports.DIAL_ICON_SIZE=t;

package/dist/icon-DhjrDQ8I.cjs

@@ -1 +0,0 @@
-"use strict";exports.DIAL_KIT_ICON_STROKE=1.5;

package/dist/lazy-kq-xfXXv.cjs

@@ -1 +0,0 @@
-"use strict";var o=(r=>(r.dark="dark",r.light="light",r))(o||{});const e=()=>Promise.resolve().then(()=>require("./JsonEditor-DQhHSm93.cjs")),i=()=>Promise.resolve().then(()=>require("./MarkdownEditor-TR6X_gdl.cjs")),a=()=>Promise.resolve().then(()=>require("./MarkdownEditor-CvIPIbPq.cjs"));exports.EditorThemes=o;exports.LazyDialJsonEditor=e;exports.LazyDialMarkdownEditor=i;exports.LazyMarkdownEditor=a;

package/dist/node_modules/react-dnd/dist/hooks/useDrag/DragSourceImpl.js

@@ -1,25 +0,0 @@
-class r {
-  beginDrag() {
-    const t = this.spec, o = this.monitor;
-    let n = null;
-    return typeof t.item == "object" ? n = t.item : typeof t.item == "function" ? n = t.item(o) : n = {}, n ?? null;
-  }
-  canDrag() {
-    const t = this.spec, o = this.monitor;
-    return typeof t.canDrag == "boolean" ? t.canDrag : typeof t.canDrag == "function" ? t.canDrag(o) : !0;
-  }
-  isDragging(t, o) {
-    const n = this.spec, e = this.monitor, { isDragging: s } = n;
-    return s ? s(e) : o === t.getSourceId();
-  }
-  endDrag() {
-    const t = this.spec, o = this.monitor, n = this.connector, { end: e } = t;
-    e && e(o.getItem(), o), n.reconnect();
-  }
-  constructor(t, o, n) {
-    this.spec = t, this.monitor = o, this.connector = n;
-  }
-}
-export {
-  r as DragSourceImpl
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/connectors.js

@@ -1,21 +0,0 @@
-import { useMemo as r } from "react";
-function u(e) {
-  return r(
-    () => e.hooks.dragSource(),
-    [
-      e
-    ]
-  );
-}
-function n(e) {
-  return r(
-    () => e.hooks.dragPreview(),
-    [
-      e
-    ]
-  );
-}
-export {
-  n as useConnectDragPreview,
-  u as useConnectDragSource
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDrag.js

@@ -1,20 +0,0 @@
-import { invariant as n } from "../../../../@react-dnd/invariant/dist/index.js";
-import { useCollectedProps as c } from "../useCollectedProps.js";
-import { useOptionalFactory as s } from "../useOptionalFactory.js";
-import { useConnectDragSource as p, useConnectDragPreview as a } from "./connectors.js";
-import { useDragSourceConnector as m } from "./useDragSourceConnector.js";
-import { useDragSourceMonitor as u } from "./useDragSourceMonitor.js";
-import { useRegisteredDragSource as g } from "./useRegisteredDragSource.js";
-function w(t, i) {
-  const e = s(t, i);
-  n(!e.begin, "useDrag::spec.begin was deprecated in v14. Replace spec.begin() with spec.item(). (see more here - https://react-dnd.github.io/react-dnd/docs/api/use-drag)");
-  const r = u(), o = m(e.options, e.previewOptions);
-  return g(e, r, o), [
-    c(e.collect, r, o),
-    p(o),
-    a(o)
-  ];
-}
-export {
-  w as useDrag
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSource.js

@@ -1,19 +0,0 @@
-import { useMemo as f, useEffect as m } from "react";
-import { DragSourceImpl as t } from "./DragSourceImpl.js";
-function p(r, e, u) {
-  const o = f(
-    () => new t(r, e, u),
-    [
-      e,
-      u
-    ]
-  );
-  return m(() => {
-    o.spec = r;
-  }, [
-    r
-  ]), o;
-}
-export {
-  p as useDragSource
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceConnector.js

@@ -1,22 +0,0 @@
-import { useMemo as t } from "react";
-import { useDragDropManager as u } from "../useDragDropManager.js";
-import { useIsomorphicLayoutEffect as c } from "../useIsomorphicLayoutEffect.js";
-import { SourceConnector as m } from "../../internals/SourceConnector.js";
-function g(o, e) {
-  const n = u(), r = t(
-    () => new m(n.getBackend()),
-    [
-      n
-    ]
-  );
-  return c(() => (r.dragSourceOptions = o || null, r.reconnect(), () => r.disconnectDragSource()), [
-    r,
-    o
-  ]), c(() => (r.dragPreviewOptions = e || null, r.reconnect(), () => r.disconnectDragPreview()), [
-    r,
-    e
-  ]), r;
-}
-export {
-  g as useDragSourceConnector
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragSourceMonitor.js

@@ -1,15 +0,0 @@
-import { useMemo as o } from "react";
-import { useDragDropManager as e } from "../useDragDropManager.js";
-import { DragSourceMonitorImpl as m } from "../../internals/DragSourceMonitorImpl.js";
-function u() {
-  const r = e();
-  return o(
-    () => new m(r),
-    [
-      r
-    ]
-  );
-}
-export {
-  u as useDragSourceMonitor
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useDragType.js

@@ -1,13 +0,0 @@
-import { invariant as t } from "../../../../@react-dnd/invariant/dist/index.js";
-import { useMemo as n } from "react";
-function i(e) {
-  return n(() => {
-    const r = e.type;
-    return t(r != null, "spec.type must be defined"), r;
-  }, [
-    e
-  ]);
-}
-export {
-  i as useDragType
-};

package/dist/node_modules/react-dnd/dist/hooks/useDrag/useRegisteredDragSource.js

@@ -1,23 +0,0 @@
-import { useDragDropManager as n } from "../useDragDropManager.js";
-import { useIsomorphicLayoutEffect as g } from "../useIsomorphicLayoutEffect.js";
-import { useDragSource as m } from "./useDragSource.js";
-import { useDragType as f } from "./useDragType.js";
-import { registerSource as c } from "../../internals/registration.js";
-function h(t, r, e) {
-  const u = n(), a = m(t, r, e), o = f(t);
-  g(function() {
-    if (o != null) {
-      const [i, s] = c(o, a, u);
-      return r.receiveHandlerId(i), e.receiveHandlerId(i), s;
-    }
-  }, [
-    u,
-    r,
-    e,
-    a,
-    o
-  ]);
-}
-export {
-  h as useRegisteredDragSource
-};