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

package/dist/components/SchemaRenderer/components/SchemaArrayEditor.js

@@ -1,118 +0,0 @@
-import { jsx as a, jsxs as x } from "react/jsx-runtime";
-import { useState as k, useMemo as p } from "react";
-import { IconPlus as w } from "@tabler/icons-react";
-import { DialSelect as B } from "../../Select/Select.js";
-import { DialGhostButton as E } from "../../Button/ButtonWrappers.js";
-import { useSchemaContext as L } from "../context.js";
-import { resolveRef as g, getItemTitle as O, buildSummary as P, validateRequired as q, extractDefaults as A, getSchemaDefault as z } from "../../../utils/json-schema.js";
-import { SchemaSection as F } from "./SchemaSection.js";
-import { SchemaFieldContent as G } from "./SchemaFieldContent.js";
-const W = ({
-  schema: I,
-  value: h,
-  onChange: f,
-  path: u,
-  level: y
-}) => {
-  const {
-    rootSchema: r,
-    texts: m,
-    readonly: v = !1,
-    defaultExpanded: T = !0
-  } = L(), n = Array.isArray(h) ? h : [], i = I.items, [S, N] = k(
-    void 0
-  );
-  if (!i)
-    return /* @__PURE__ */ a("p", { className: "dial-tiny-text text-secondary italic", children: m.noItemSchema });
-  const l = p(
-    () => g(i, r),
-    [i, r]
-  ), o = p(
-    () => l.discriminator,
-    [l]
-  ), b = p(
-    () => o?.propertyName,
-    [o]
-  ), c = p(
-    () => o ? Object.keys(o.mapping).map((e) => ({
-      value: e,
-      label: e
-    })) : [],
-    [o]
-  ), C = () => {
-    const e = S ?? c[0]?.value;
-    let t;
-    if (o && e) {
-      const s = g(
-        { $ref: o.mapping[e] },
-        r
-      );
-      t = { ...A(s, r) ?? {}, [o.propertyName]: e };
-    } else
-      t = A(l, r) ?? z(l);
-    f([...n, t]);
-  }, j = (e) => {
-    f(n.filter((t, s) => s !== e));
-  }, D = (e, t) => {
-    f(n.map((s, d) => d === e ? t : s));
-  };
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-3", children: [
-    n.length === 0 && /* @__PURE__ */ a("p", { className: "dial-tiny-text text-secondary italic", children: m.noItemsYet }),
-    n.map((e, t) => {
-      const s = O(e, b, t), d = P(e, l, r), R = q(
-        e,
-        l,
-        r,
-        `${u.join(".")}[${t}]`
-      );
-      return /* @__PURE__ */ a(
-        F,
-        {
-          title: s,
-          level: y,
-          summary: d,
-          errorCount: R.length,
-          onRemove: v ? void 0 : () => j(t),
-          defaultExpanded: T,
-          removeItemAriaLabel: m.removeItemAriaLabel,
-          children: /* @__PURE__ */ a(
-            G,
-            {
-              schema: i,
-              value: e,
-              onChange: ($) => D(t, $),
-              path: [...u, String(t)],
-              level: y + 1
-            }
-          )
-        },
-        t
-      );
-    }),
-    !v && /* @__PURE__ */ x("div", { className: "flex items-center gap-2 pt-1", children: [
-      c.length > 0 && /* @__PURE__ */ a("div", { className: "flex-1 max-w-[280px]", children: /* @__PURE__ */ a(
-        B,
-        {
-          options: c,
-          value: S ?? c[0]?.value,
-          placeholder: m.selectTypeToAdd,
-          onChange: (e) => {
-            const t = typeof e == "string" ? e : e[0];
-            N(t);
-          }
-        }
-      ) }),
-      /* @__PURE__ */ a(
-        E,
-        {
-          label: m.addItem,
-          iconBefore: /* @__PURE__ */ a(w, { size: 16, stroke: 2 }),
-          onClick: C
-        }
-      )
-    ] })
-  ] });
-};
-export {
-  W as SchemaArrayEditor
-};

package/dist/components/SchemaRenderer/components/SchemaField.js

@@ -1,78 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { DialFormItem as g } from "../../FormItem/FormItem.js";
-import { useSchemaContext as A } from "../context.js";
-import { resolveRef as C, isObjectType as E, buildSummary as I, validateRequired as M, isMissingRequiredValue as O, toRequiredMessage as b } from "../../../utils/json-schema.js";
-import { SchemaSection as k } from "./SchemaSection.js";
-import { SchemaFieldContent as u } from "./SchemaFieldContent.js";
-import { JsonSchemaType as w } from "../../../types/json-schema.js";
-const B = ({
-  schema: a,
-  value: t,
-  onChange: d,
-  path: e,
-  level: i = 0,
-  required: r,
-  label: n
-}) => {
-  const {
-    rootSchema: c,
-    defaultExpanded: f = !0,
-    touchedPaths: m = /* @__PURE__ */ new Set(),
-    skipUntouched: h = !1
-  } = A(), o = C(a, c), S = E(o), l = o.type === w.Array;
-  if (S || l) {
-    const j = I(t, o, c), x = M(
-      t,
-      o,
-      c,
-      e.join(".")
-    ), p = e.join("."), T = p + ".", F = !h || m.has(p) || [...m].some((R) => R.startsWith(T));
-    return /* @__PURE__ */ s(
-      k,
-      {
-        title: n ?? o.title ?? e[e.length - 1] ?? "Section",
-        description: o.description,
-        level: i,
-        summary: j,
-        errorCount: F ? x.length : 0,
-        defaultExpanded: f,
-        children: /* @__PURE__ */ s(
-          u,
-          {
-            schema: o,
-            value: t,
-            onChange: d,
-            path: e,
-            level: i + 1,
-            required: r
-          }
-        )
-      }
-    );
-  }
-  const y = (!h || m.has(e.join("."))) && r && O(t) ? b(n ?? "Field") : void 0;
-  return /* @__PURE__ */ s(
-    g,
-    {
-      label: n,
-      required: r,
-      description: o.description,
-      error: y,
-      children: /* @__PURE__ */ s(
-        u,
-        {
-          schema: o,
-          value: t,
-          onChange: d,
-          path: e,
-          level: i,
-          required: r,
-          suppressInlineError: !0
-        }
-      )
-    }
-  );
-};
-export {
-  B as SchemaField
-};

package/dist/components/SchemaRenderer/components/SchemaFieldContent.js

@@ -1,114 +0,0 @@
-import { jsx as t, jsxs as O, Fragment as P } from "react/jsx-runtime";
-import { DialErrorText as x } from "../../CaptionText/CaptionText.js";
-import { useSchemaContext as F } from "../context.js";
-import { resolveRef as T, isObjectType as u, toRequiredMessage as A, isMissingRequiredValue as b } from "../../../utils/json-schema.js";
-import { SchemaObjectEditor as k } from "./SchemaObjectEditor.js";
-import { SchemaArrayEditor as M } from "./SchemaArrayEditor.js";
-import { SchemaOneOfEditor as R } from "./SchemaOneOfEditor.js";
-import { SchemaAnyOfEditor as q } from "./SchemaAnyOfEditor.js";
-import { SchemaKeyValueEditor as V } from "./SchemaKeyValueEditor.js";
-import { SchemaPrimitiveField as w } from "./SchemaPrimitiveField.js";
-import { SchemaAdditionalPropertiesEditor as D } from "./SchemaAdditionalPropertiesEditor.js";
-import { JsonSchemaType as c } from "../../../types/json-schema.js";
-const X = ({
-  schema: h,
-  value: i,
-  onChange: f,
-  path: r,
-  level: m,
-  required: p,
-  suppressInlineError: l = !1
-}) => {
-  const {
-    rootSchema: g,
-    renderField: d,
-    markTouched: S = () => {
-    },
-    touchedPaths: y = /* @__PURE__ */ new Set(),
-    skipUntouched: C = !1,
-    jsonEditorTheme: E
-  } = F(), e = T(h, g), s = (n) => {
-    S(r.join(".")), f(n);
-  }, j = !C || y.has(r.join("."));
-  let o;
-  if (e.oneOf)
-    o = /* @__PURE__ */ t(
-      R,
-      {
-        schema: e,
-        value: i,
-        onChange: s,
-        path: r,
-        level: m
-      }
-    );
-  else if (e.anyOf && e.type !== c.Object)
-    o = /* @__PURE__ */ t(
-      q,
-      {
-        schema: e,
-        value: i,
-        onChange: s,
-        path: r,
-        level: m
-      }
-    );
-  else if (u(e)) {
-    const n = e.additionalProperties != null && e.additionalProperties !== !1, a = !e.properties || Object.keys(e.properties).length === 0;
-    n && a ? o = /* @__PURE__ */ t(
-      V,
-      {
-        schema: e,
-        value: i,
-        onChange: s,
-        path: r,
-        level: m
-      }
-    ) : a && e.additionalProperties !== !1 ? o = /* @__PURE__ */ t(
-      D,
-      {
-        value: i,
-        onChange: s,
-        theme: E
-      }
-    ) : o = /* @__PURE__ */ t(
-      k,
-      {
-        schema: e,
-        value: i,
-        onChange: s,
-        path: r,
-        level: m
-      }
-    );
-  } else if (e.type === c.Array)
-    o = /* @__PURE__ */ t(
-      M,
-      {
-        schema: e,
-        value: i,
-        onChange: s,
-        path: r,
-        level: m
-      }
-    );
-  else {
-    const n = j && p && b(i), a = !l && n ? A(e.title ?? "Field") : void 0;
-    o = /* @__PURE__ */ O(P, { children: [
-      /* @__PURE__ */ t(
-        w,
-        {
-          schema: e,
-          value: i,
-          onChange: s,
-          invalid: n
-        }
-      ),
-      /* @__PURE__ */ t(x, { text: a })
-    ] });
-  }
-  return d ? d(r, e, o) : o;
-};
-export {
-  X as SchemaFieldContent
-};

package/dist/components/SchemaRenderer/components/SchemaKeyValueEditor.js

@@ -1,272 +0,0 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { useState as R, useCallback as U, useMemo as M } from "react";
-import { IconPlus as V } from "@tabler/icons-react";
-import { DialInput as L } from "../../Input/Input.js";
-import { DialErrorText as ee } from "../../CaptionText/CaptionText.js";
-import { DialGhostButton as te } from "../../Button/ButtonWrappers.js";
-import { DialRemoveButton as oe } from "../../RemoveButton/RemoveButton.js";
-import { DialSelect as Y } from "../../Select/Select.js";
-import { DialTooltip as ne } from "../../Tooltip/Tooltip.js";
-import { ElementSize as re } from "../../../types/size.js";
-import { useSchemaContext as q } from "../context.js";
-import { resolveRef as le, isObjectType as ae, inferEntryType as ie, getEntryTypeDefault as se, ENTRY_TYPE_OPTIONS as ce, buildSummary as de, validateRequired as me, extractDefaults as pe, getSchemaDefault as ye } from "../../../utils/json-schema.js";
-import { SchemaPrimitiveField as ue } from "./SchemaPrimitiveField.js";
-import { SchemaSection as fe } from "./SchemaSection.js";
-import { SchemaFieldContent as he } from "./SchemaFieldContent.js";
-import { SchemaAdditionalPropertiesEditor as be } from "./SchemaAdditionalPropertiesEditor.js";
-import { JsonSchemaType as c } from "../../../types/json-schema.js";
-const _ = (l, d) => ({
-  id: Math.random().toString(36).slice(2),
-  key: l,
-  value: d
-}), J = (l) => !!(l.oneOf || l.anyOf || l.type === c.Array || ae(l)), ve = {
-  [c.String]: "entryTypeString",
-  [c.Number]: "entryTypeNumber",
-  [c.Boolean]: "entryTypeBoolean",
-  [c.Null]: "entryTypeNull",
-  [c.Object]: "entryTypeObject",
-  [c.Array]: "entryTypeArray"
-}, xe = ({
-  pairId: l,
-  pairKey: d,
-  pairValue: i,
-  valueSchema: u,
-  isUnschematizedValue: f,
-  jsonEditorTheme: C,
-  onKeyChange: m,
-  onValueChange: p,
-  onRemove: P,
-  keyInputPlaceholder: O,
-  removeFieldAriaLabel: T,
-  path: h,
-  level: N,
-  readonly: s = !1,
-  inputClassName: b
-}) => {
-  const {
-    rootSchema: v,
-    texts: y,
-    defaultExpanded: E = !0,
-    touchedPaths: j = /* @__PURE__ */ new Set(),
-    markTouched: w = () => {
-    },
-    skipUntouched: D = !1
-  } = q(), [t, o] = R(d), a = J(u), [n, g] = R(
-    () => ie(i)
-  ), B = f && (n === c.Object || n === c.Array), $ = f && n === c.Null, F = a || B, I = [...h, l, "key"].join("."), S = (!D || j.has(I)) && d === "", z = U(
-    (r) => {
-      p(se(r)), g(r);
-    },
-    [p]
-  ), G = M(
-    () => ce.map((r) => ({
-      value: r,
-      label: y[ve[r]]
-    })),
-    [y]
-  ), W = M(
-    () => [
-      { value: "true", label: y.booleanTrueOption },
-      { value: "false", label: y.booleanFalseOption }
-    ],
-    [y]
-  ), K = `${l}-key-error`, Q = f && n === c.Boolean, A = /* @__PURE__ */ x("div", { className: "flex gap-2 items-start", children: [
-    /* @__PURE__ */ x("div", { className: F ? "flex-1 min-w-0" : "w-2/5 min-w-0", children: [
-      /* @__PURE__ */ e(
-        L,
-        {
-          value: t,
-          disabled: s,
-          invalid: S,
-          "aria-describedby": S ? K : void 0,
-          onChange: (r) => o(r ?? ""),
-          onBlur: () => {
-            w(I), t !== d && m(t);
-          },
-          placeholder: O,
-          containerClassName: b
-        }
-      ),
-      /* @__PURE__ */ e(
-        ee,
-        {
-          id: K,
-          text: S ? `${y.keyColumnHeader} is required` : void 0
-        }
-      )
-    ] }),
-    !a && !B && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: $ ? /* @__PURE__ */ e(
-      L,
-      {
-        value: "null",
-        disabled: !0,
-        onChange: void 0,
-        className: "opacity-60"
-      }
-    ) : Q ? /* @__PURE__ */ e(
-      Y,
-      {
-        options: W,
-        value: i ? "true" : "false",
-        disabled: s,
-        onChange: (r) => {
-          const k = typeof r == "string" ? r : r[0];
-          k && p(k === "true");
-        }
-      }
-    ) : /* @__PURE__ */ e(
-      ue,
-      {
-        schema: f ? { type: n } : u,
-        value: i,
-        onChange: p
-      }
-    ) }),
-    f && /* @__PURE__ */ e("div", { className: "w-28 shrink-0", children: /* @__PURE__ */ e(
-      ne,
-      {
-        tooltip: y.entryTypeChangeWarning,
-        triggerClassName: "block",
-        children: /* @__PURE__ */ e(
-          Y,
-          {
-            options: G,
-            value: n,
-            disabled: s,
-            onChange: (r) => {
-              const k = typeof r == "string" ? r : r[0];
-              k && z(k);
-            }
-          }
-        )
-      }
-    ) }),
-    !s && /* @__PURE__ */ e(
-      oe,
-      {
-        size: re.Small,
-        onClick: P,
-        "aria-label": T,
-        className: "shrink-0 p-1"
-      }
-    )
-  ] });
-  if (!F) return A;
-  if (B)
-    return /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-      A,
-      /* @__PURE__ */ e(
-        be,
-        {
-          value: i,
-          onChange: p,
-          theme: C
-        },
-        n
-      )
-    ] });
-  const H = [...h, d], X = de(i, u, v), Z = me(
-    i,
-    u,
-    v,
-    H.join(".")
-  );
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-    A,
-    /* @__PURE__ */ e(
-      fe,
-      {
-        title: d,
-        level: N,
-        summary: X,
-        errorCount: Z.length + (S ? 1 : 0),
-        defaultExpanded: E,
-        children: /* @__PURE__ */ e(
-          he,
-          {
-            schema: u,
-            value: i,
-            onChange: p,
-            path: H,
-            level: N + 1
-          }
-        )
-      }
-    )
-  ] });
-}, He = ({
-  schema: l,
-  value: d,
-  onChange: i,
-  path: u,
-  level: f
-}) => {
-  const {
-    rootSchema: C,
-    texts: m,
-    readonly: p = !1,
-    inputClassName: P,
-    jsonEditorTheme: O
-  } = q(), T = l.additionalProperties === !0 || l.additionalProperties == null, h = T ? { type: "string" } : typeof l.additionalProperties == "object" ? le(l.additionalProperties, C) : { type: "string" }, N = J(h), [s, b] = R(
-    () => Object.entries(d ?? {}).map(
-      ([t, o]) => _(t, o)
-    )
-  ), v = (t) => Object.fromEntries(
-    t.filter((o) => o.key !== "").map((o) => [o.key, o.value])
-  ), y = (t, o) => {
-    const a = s.map(
-      (n, g) => g === t ? { ...n, key: o } : n
-    );
-    b(a), i(v(a));
-  }, E = (t, o) => {
-    const a = s.map(
-      (n, g) => g === t ? { ...n, value: o } : n
-    );
-    b(a), i(v(a));
-  }, j = () => N ? pe(h, C) ?? ye(h) : "", w = () => {
-    b((t) => [...t, _("", j())]);
-  }, D = (t) => {
-    const o = s.filter((a, n) => n !== t);
-    b(o), i(v(o));
-  };
-  return /* @__PURE__ */ x("div", { className: "flex flex-col gap-2", children: [
-    s.length === 0 && /* @__PURE__ */ e("p", { className: "dial-tiny-text text-secondary italic", children: m.noFieldsYet }),
-    s.length > 0 && !N && /* @__PURE__ */ x("div", { className: "flex gap-2 mb-1 pr-7", children: [
-      /* @__PURE__ */ e("span", { className: "w-2/5 dial-tiny-text text-secondary font-medium", children: m.keyColumnHeader }),
-      /* @__PURE__ */ e("span", { className: "flex-1 dial-tiny-text text-secondary font-medium", children: m.valueColumnHeader }),
-      T && /* @__PURE__ */ e("span", { className: "w-28 shrink-0 dial-tiny-text text-secondary font-medium", children: m.typeColumnHeader })
-    ] }),
-    s.map((t, o) => /* @__PURE__ */ e(
-      xe,
-      {
-        pairId: t.id,
-        pairKey: t.key,
-        pairValue: t.value,
-        valueSchema: h,
-        isUnschematizedValue: T,
-        jsonEditorTheme: O,
-        onKeyChange: (a) => y(o, a),
-        onValueChange: (a) => E(o, a),
-        onRemove: () => D(o),
-        keyInputPlaceholder: m.keyInputPlaceholder,
-        removeFieldAriaLabel: m.removeFieldAriaLabel,
-        path: u,
-        level: f,
-        readonly: p,
-        inputClassName: P
-      },
-      t.id
-    )),
-    !p && /* @__PURE__ */ e("div", { className: "pt-1", children: /* @__PURE__ */ e(
-      te,
-      {
-        label: m.addField,
-        iconBefore: /* @__PURE__ */ e(V, { size: 16, stroke: 2 }),
-        onClick: w
-      }
-    ) })
-  ] });
-};
-export {
-  He as SchemaKeyValueEditor
-};

package/dist/components/SchemaRenderer/components/SchemaObjectEditor.js

@@ -1,36 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useSchemaContext as v } from "../context.js";
-import { resolveRef as i, sortByPropertyOrder as g, toFieldLabel as j } from "../../../utils/json-schema.js";
-import { SchemaField as q } from "./SchemaField.js";
-const N = ({
-  schema: c,
-  value: a,
-  onChange: d,
-  path: p,
-  level: m
-}) => {
-  const { rootSchema: r, texts: u } = v(), s = i(c, r), l = g(
-    Object.entries(s.properties ?? {}).filter(
-      ([, e]) => !i(e, r).isHidden
-    )
-  ), f = s.required ?? [], n = a ?? {};
-  return l.length === 0 ? /* @__PURE__ */ o("p", { className: "dial-tiny-text text-secondary italic", children: u.noConfigurableProperties }) : /* @__PURE__ */ o("div", { className: "flex flex-col gap-4", children: l.map(([e, t]) => {
-    const h = i(t, r).title ?? t.title ?? j(e), x = f.includes(e);
-    return /* @__PURE__ */ o(
-      q,
-      {
-        schema: t,
-        value: n[e],
-        onChange: (b) => d({ ...n, [e]: b }),
-        path: [...p, e],
-        level: m,
-        required: x,
-        label: h
-      },
-      e
-    );
-  }) });
-};
-export {
-  N as SchemaObjectEditor
-};