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

package/dist/components/RadioGroup/RadioGroup.js

@@ -1,92 +0,0 @@
-import { jsx as s, jsxs as g } from "react/jsx-runtime";
-import { DialFormItem as j } from "../FormItem/FormItem.js";
-import { DialRadioButton as v } from "../RadioButton/RadioButton.js";
-import { mergeClasses as a } from "../../utils/merge-classes.js";
-import { selectedContentClassName as $, orientationClassMap as k, optionsWrapperBaseClassName as F } from "./constants.js";
-const y = ({
-  fieldTitle: n,
-  radioClassName: p,
-  containerClassName: o,
-  selectedItemClassName: t,
-  selectedLabelClassName: d,
-  radioGroupClassName: N,
-  inputContainerClassName: h,
-  selectedInputContainerClassName: C,
-  groupLabelClassName: i,
-  formItemChildrenClassName: f,
-  labelClassName: r,
-  disabled: c,
-  elementId: m,
-  radioButtons: x,
-  activeRadioButton: l,
-  orientation: b,
-  labelDescription: u,
-  onChange: D
-}) => /* @__PURE__ */ s(
-  j,
-  {
-    id: m,
-    label: n,
-    labelClassName: i || r,
-    description: u,
-    className: o,
-    childrenClassName: f,
-    children: /* @__PURE__ */ s(
-      "div",
-      {
-        role: "radiogroup",
-        "aria-label": n,
-        "aria-disabled": c || void 0,
-        className: a(
-          F,
-          k[b],
-          N
-        ),
-        children: x.map((e) => /* @__PURE__ */ g(
-          "div",
-          {
-            className: a(
-              "flex flex-col",
-              h,
-              e.id === l && C
-            ),
-            children: [
-              /* @__PURE__ */ s(
-                v,
-                {
-                  name: m,
-                  value: e.id,
-                  inputId: `${m}-${e.id}`,
-                  disabled: c,
-                  className: p,
-                  labelClassName: a(
-                    r,
-                    e.id === l && d
-                  ),
-                  label: e.name,
-                  caption: e.caption,
-                  checked: e.id === l,
-                  onChange: () => D(e.id)
-                }
-              ),
-              e.id === l && e.content ? /* @__PURE__ */ s(
-                "div",
-                {
-                  className: a(
-                    $,
-                    t
-                  ),
-                  children: e.content
-                }
-              ) : null
-            ]
-          },
-          e.id
-        ))
-      }
-    )
-  }
-);
-export {
-  y as DialRadioGroup
-};

package/dist/components/RadioGroup/constants.js

@@ -1,10 +0,0 @@
-import { RadioGroupOrientation as o } from "../../types/radio-group.js";
-const t = "flex", a = "pb-1 mt-2", s = {
-  [o.Column]: "flex-col gap-y-2",
-  [o.Row]: "flex-row gap-x-4"
-};
-export {
-  t as optionsWrapperBaseClassName,
-  s as orientationClassMap,
-  a as selectedContentClassName
-};

package/dist/components/RadioGroupPopupField/RadioGroupPopupField.js

@@ -1,101 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import B from "classnames";
-import { useState as S, useCallback as l } from "react";
-import { DialNeutralButton as w, DialPrimaryButton as z } from "../Button/ButtonWrappers.js";
-import { DialLabel as A } from "../Label/Label.js";
-import { DialInputPopup as F } from "../InputPopup/InputPopup.js";
-import { DialPopup as L } from "../Popup/Popup.js";
-import { DialRadioGroup as M } from "../RadioGroup/RadioGroup.js";
-import { PopupSize as q } from "../../types/popup.js";
-import { RadioGroupOrientation as E } from "../../types/radio-group.js";
-const _ = ({
-  label: c,
-  htmlFor: f,
-  disabled: a,
-  selectedValue: d,
-  radioButtons: i,
-  customInputValue: x,
-  valueClassName: C,
-  inputClassName: D,
-  emptyValueText: N,
-  placeholder: P,
-  onClose: p,
-  header: h,
-  portalId: y,
-  onApply: t,
-  onCancel: n,
-  cancelButtonTitle: O = "Cancel",
-  applyButtonTitle: b = "Apply",
-  isValid: v,
-  selectedRadioValue: R,
-  onChangeRadioField: g,
-  id: j,
-  size: k = q.Md
-}) => {
-  const [r, m] = S(!1), G = l(() => {
-    a || m(!0);
-  }, [a]), o = l(() => {
-    m(!1), p?.();
-  }, [p]), s = l(() => {
-    n?.(), o();
-  }, [n, o]), I = l(() => {
-    t(), o();
-  }, [t, o]);
-  return /* @__PURE__ */ u("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ e(A, { label: c, htmlFor: f }),
-    /* @__PURE__ */ e(
-      F,
-      {
-        disabled: a,
-        open: r,
-        selectedValue: x ?? i.find((V) => V.id === d)?.name,
-        valueClassName: C,
-        inputClassName: B(D, "py-2", "px-3"),
-        emptyValueText: N,
-        placeholder: P,
-        onOpen: G,
-        children: /* @__PURE__ */ e(
-          L,
-          {
-            open: r,
-            onClose: s,
-            header: h,
-            portalId: y,
-            size: k,
-            footer: /* @__PURE__ */ u("div", { className: "flex flex-row items-center justify-end gap-2 px-6 py-4", children: [
-              /* @__PURE__ */ e(
-                w,
-                {
-                  label: O,
-                  onClick: s
-                }
-              ),
-              /* @__PURE__ */ e(
-                z,
-                {
-                  label: b,
-                  onClick: I,
-                  disabled: !v
-                }
-              )
-            ] }),
-            children: /* @__PURE__ */ e("div", { className: "px-6 py-4", children: /* @__PURE__ */ e(
-              M,
-              {
-                radioButtons: i,
-                labelClassName: "dial-small-text",
-                activeRadioButton: R,
-                onChange: g,
-                elementId: j,
-                orientation: E.Column
-              }
-            ) })
-          }
-        )
-      }
-    )
-  ] });
-};
-export {
-  _ as DialRadioGroupPopupField
-};

package/dist/components/ResizableContainer/ConditionalResizableContainer.js

@@ -1,6 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { DialResizableContainer as e } from "./ResizableContainer.js";
-const l = ({ enabled: i = !0, children: r, ...o }) => i ? /* @__PURE__ */ t(e, { ...o, children: r }) : r;
-export {
-  l as DialConditionalResizableContainer
-};

package/dist/components/ResizableContainer/ResizableContainer.js

@@ -1,79 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { ResizableContainerSide as R } from "../../types/resizable-container.js";
-import { Resizable as H } from "../../node_modules/re-resizable/lib/index.js";
-import { useState as v, useRef as L, useCallback as b, useMemo as _ } from "react";
-import { ResizeHandle as j } from "./components/ResizeHandle.js";
-const E = ({
-  children: C,
-  minWidth: n,
-  maxWidth: l,
-  width: a,
-  defaultWidth: S,
-  onResizeStop: d,
-  onResize: f,
-  side: o = R.Right,
-  resizeHandlerClassName: c,
-  resizeHandler: h
-}) => {
-  const [u, g] = v(!1), [x, y] = v(S), t = a !== void 0, r = t ? a : x, z = L(null), p = b(() => {
-    g(!0);
-  }, []), m = b(() => {
-    g(!1);
-    const e = z.current?.resizable?.getBoundingClientRect(), i = e ? Math.round(e.width) : n;
-    t || y(i), d?.(i);
-  }, [d, t, n]), I = _(() => {
-    const e = o === R.Left, i = /* @__PURE__ */ s(
-      j,
-      {
-        side: o,
-        isResizing: u,
-        customHandler: h,
-        handlerClassName: c
-      }
-    );
-    return {
-      size: t ? { width: r, height: "100%" } : void 0,
-      defaultSize: t ? void 0 : { width: r, height: "100%" },
-      minWidth: n,
-      maxWidth: l,
-      enable: {
-        left: e,
-        right: !e
-      },
-      handleClasses: {
-        right: "group",
-        left: "group"
-      },
-      handleStyles: {
-        right: { right: "-8px", zIndex: 10 },
-        left: { left: 0, zIndex: 10 }
-      },
-      handleComponent: {
-        left: e ? i : void 0,
-        right: e ? void 0 : i
-      },
-      onResizeStart: p,
-      onResize: (k, B, w) => {
-        const M = Math.round(w.offsetWidth);
-        f?.(M);
-      },
-      onResizeStop: m
-    };
-  }, [
-    o,
-    t,
-    r,
-    n,
-    l,
-    h,
-    c,
-    u,
-    p,
-    m,
-    f
-  ]);
-  return /* @__PURE__ */ s(H, { ref: z, ...I, children: /* @__PURE__ */ s("div", { className: "group flex size-full flex-col bg-layer-3 divide-y divide-tertiary transition-all", children: C }) });
-};
-export {
-  E as DialResizableContainer
-};

package/dist/components/ResizableContainer/components/ResizeHandle.js

@@ -1,20 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { mergeClasses as a } from "../../../utils/merge-classes.js";
-import "react";
-import { ResizeIcon as n } from "./ResizeIcon.js";
-const u = ({
-  side: s,
-  isResizing: o,
-  customHandler: e,
-  handlerClassName: t
-}) => {
-  const i = a(
-    "invisible h-full w-0.5 group-hover:visible bg-accent-primary text-accent-primary cursor-col-resize transition-opacity",
-    o && "visible",
-    t
-  ), c = /* @__PURE__ */ r(n, { side: s, className: i });
-  return e ? /* @__PURE__ */ r("div", { className: i, children: e }) : c;
-};
-export {
-  u as ResizeHandle
-};

package/dist/components/ResizableContainer/components/ResizeIcon.js

@@ -1,11 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { ResizableContainerSide as t } from "../../../types/resizable-container.js";
-import { IconChevronLeft as i, IconChevronRight as s } from "@tabler/icons-react";
-import c from "classnames";
-const p = ({ side: r, className: n }) => {
-  const o = r === t.Left;
-  return /* @__PURE__ */ e("div", { className: n, children: /* @__PURE__ */ e(o ? i : s, { className: c("h-full", o && "-ml-6") }) });
-};
-export {
-  p as ResizeIcon
-};

package/dist/components/SchemaRenderer/SchemaRenderer.js

@@ -1,151 +0,0 @@
-import { jsx as i, jsxs as f } from "react/jsx-runtime";
-import { useMemo as b, useState as q, useCallback as J, useEffect as Q } from "react";
-import { mergeClasses as U } from "../../utils/merge-classes.js";
-import { SchemaRendererContext as Y } from "./context.js";
-import { extractDefaults as Z, sortByPropertyOrder as $, resolveRef as R, toFieldLabel as F, validateRequired as y, isMissingRequiredValue as k } from "../../utils/json-schema.js";
-import { SchemaSection as L } from "./components/SchemaSection.js";
-import { SchemaFieldContent as T } from "./components/SchemaFieldContent.js";
-import { SchemaField as ee } from "./components/SchemaField.js";
-import { SchemaAdditionalPropertiesEditor as te } from "./components/SchemaAdditionalPropertiesEditor.js";
-import { DEFAULT_SCHEMA_TEXTS as re } from "../../constants/schema-renderer.js";
-import { SchemaRendererVariant as m } from "../../types/json-schema.js";
-const pe = ({
-  schema: r,
-  defaultValue: v,
-  texts: x,
-  className: N,
-  readonly: j = !1,
-  defaultExpanded: u = !0,
-  inputClassName: M,
-  variant: h = m.Sections,
-  onChange: O,
-  onPropertyChange: A,
-  onDefaultValues: D,
-  renderField: V,
-  skipUntouched: S = !1,
-  jsonEditorTheme: g,
-  acceptableResourceTypes: w
-}) => {
-  const E = b(
-    () => ({ ...re, ...x }),
-    [x]
-  ), C = b(() => v || (Z(r, r) ?? {}), []), [a, H] = q(C), [p, K] = q(
-    /* @__PURE__ */ new Set()
-  ), _ = J((e) => {
-    K((t) => t.has(e) ? t : /* @__PURE__ */ new Set([...t, e]));
-  }, []);
-  Q(() => {
-    D?.(C);
-  }, []);
-  const c = (e, t) => {
-    const o = { ...a, [e]: t };
-    H(o), O?.(o), A?.(e, t);
-  }, B = new Set(Object.keys(r.properties ?? {})), W = Object.keys(a).filter(
-    (e) => !B.has(e)
-  ), X = $(
-    Object.entries(r.properties ?? {}).filter(
-      ([, e]) => !R(e, r).isHidden
-    )
-  ), z = r.required ?? [];
-  return /* @__PURE__ */ i(
-    Y.Provider,
-    {
-      value: {
-        rootSchema: r,
-        texts: E,
-        readonly: j,
-        defaultExpanded: u,
-        inputClassName: M,
-        jsonEditorTheme: g,
-        acceptableResourceTypes: w,
-        renderField: V,
-        touchedPaths: p,
-        markTouched: _,
-        skipUntouched: S
-      },
-      children: /* @__PURE__ */ f("div", { className: U("flex flex-col gap-4", N), children: [
-        X.map(([e, t]) => {
-          const o = R(t, r), s = o.title ?? t.title ?? F(e), d = z.includes(e), n = a[e];
-          if (h === m.Flat)
-            return /* @__PURE__ */ i(
-              ee,
-              {
-                schema: t,
-                value: n,
-                onChange: (l) => c(e, l),
-                path: [e],
-                level: 0,
-                required: d,
-                label: s
-              },
-              e
-            );
-          if (h === m.FlatSections)
-            return /* @__PURE__ */ f("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ i("h2", { className: "dial-small-semi-text text-primary", children: s }),
-              /* @__PURE__ */ i(
-                T,
-                {
-                  schema: t,
-                  value: n,
-                  onChange: (l) => c(e, l),
-                  path: [e],
-                  level: 0,
-                  required: d
-                }
-              )
-            ] }, e);
-          const P = y(n, o, r, e), G = e + ".", I = !S || p.has(e) || [...p].some((l) => l.startsWith(G));
-          return /* @__PURE__ */ i(
-            L,
-            {
-              title: s,
-              description: o.description,
-              level: 0,
-              defaultExpanded: u,
-              errorCount: I ? d && k(n) ? Math.max(P.length, 1) : P.length : 0,
-              children: /* @__PURE__ */ i(
-                T,
-                {
-                  schema: t,
-                  value: n,
-                  onChange: (l) => c(e, l),
-                  path: [e],
-                  level: 1,
-                  required: d
-                }
-              )
-            },
-            e
-          );
-        }),
-        W.map((e) => {
-          const t = F(e), o = /* @__PURE__ */ i(
-            te,
-            {
-              value: a[e],
-              onChange: (s) => c(e, s),
-              theme: g
-            }
-          );
-          return h === m.Sections ? /* @__PURE__ */ i(
-            L,
-            {
-              title: t,
-              level: 0,
-              defaultExpanded: u,
-              children: o
-            },
-            e
-          ) : /* @__PURE__ */ f("div", { className: "flex flex-col gap-3", children: [
-            /* @__PURE__ */ i("h2", { className: "dial-small-semi-text text-primary", children: t }),
-            o
-          ] }, e);
-        })
-      ] })
-    }
-  );
-};
-export {
-  pe as DialSchemaRenderer
-};

package/dist/components/SchemaRenderer/components/SchemaAdditionalPropertiesEditor.js

@@ -1,56 +0,0 @@
-import { jsxs as u, jsx as e } from "react/jsx-runtime";
-import { useState as s, useEffect as E } from "react";
-import { DialErrorText as y } from "../../CaptionText/CaptionText.js";
-import { useSchemaContext as S } from "../context.js";
-import { EditorThemes as v } from "../../../types/editor.js";
-const O = ({ value: a, onChange: d, theme: m = v.dark, height: l = 240 }) => {
-  const { readonly: c, texts: p } = S(), [r, h] = s(null), [o, f] = s(
-    () => JSON.stringify(a, null, 2)
-  );
-  E(() => {
-    typeof window < "u" && import("../../JsonEditor/JsonEditor.js").then((t) => {
-      h(() => t.DialJsonEditor);
-    });
-  }, []);
-  let n = !1;
-  try {
-    JSON.parse(o);
-  } catch {
-    n = !0;
-  }
-  const x = (t) => {
-    const i = t ?? "";
-    f(i);
-    try {
-      d(JSON.parse(i));
-    } catch {
-    }
-  };
-  return /* @__PURE__ */ u("div", { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: "border border-primary rounded",
-        style: { height: `${l}px` },
-        children: r && /* @__PURE__ */ e(
-          r,
-          {
-            value: o,
-            currentTheme: m,
-            onChange: x,
-            options: { readOnly: c }
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e(
-      y,
-      {
-        text: n ? p.invalidJsonError : void 0
-      }
-    )
-  ] });
-};
-export {
-  O as SchemaAdditionalPropertiesEditor
-};

package/dist/components/SchemaRenderer/components/SchemaAnyOfEditor.js

@@ -1,74 +0,0 @@
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import { DialSelect as x } from "../../Select/Select.js";
-import { useSchemaContext as N } from "../context.js";
-import { getOptionLabel as k, detectAnyOfVariant as O, resolveRef as d, extractDefaults as w } from "../../../utils/json-schema.js";
-import { SchemaFieldContent as A } from "./SchemaFieldContent.js";
-import { JsonSchemaType as a } from "../../../types/json-schema.js";
-const J = ({
-  schema: f,
-  value: n,
-  onChange: e,
-  path: p,
-  level: u
-}) => {
-  const { rootSchema: s, readonly: S = !1 } = N(), l = f.anyOf ?? [], b = l.map((t, r) => ({
-    value: String(r),
-    label: k(t, s)
-  })), i = O(n, l, s), o = l[i], y = d(o, s).type === a.Null, h = (t) => {
-    const r = d(l[t], s);
-    if (r.type === a.Null) {
-      e(null);
-      return;
-    }
-    const m = w(r, s);
-    if (m !== void 0) {
-      e(m);
-      return;
-    }
-    switch (r.type) {
-      case a.Array:
-        e([]);
-        break;
-      case a.String:
-        e("");
-        break;
-      case a.Boolean:
-        e(!1);
-        break;
-      case a.Integer:
-      case a.Number:
-        e(0);
-        break;
-      default:
-        e({});
-        break;
-    }
-  };
-  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ c("div", { className: "flex-1 max-w-[280px]", children: /* @__PURE__ */ c(
-      x,
-      {
-        options: b,
-        value: String(i),
-        disabled: S,
-        onChange: (t) => {
-          const r = typeof t == "string" ? t : t[0];
-          h(Number(r));
-        }
-      }
-    ) }),
-    !y && o && /* @__PURE__ */ c("div", { className: "pl-3 border-l-2 border-secondary", children: /* @__PURE__ */ c(
-      A,
-      {
-        schema: o,
-        value: n,
-        onChange: e,
-        path: p,
-        level: u
-      }
-    ) })
-  ] });
-};
-export {
-  J as SchemaAnyOfEditor
-};