@epam/ai-dial-ui-kit 0.16.0-dev.5 → 0.16.0-dev.51

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
-};

package/dist/components/SchemaRenderer/components/SchemaOneOfEditor.js

@@ -1,192 +0,0 @@
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useId as q } from "react";
-import { DialSelect as y } from "../../Select/Select.js";
-import { DialRadioButton as j } from "../../RadioButton/RadioButton.js";
-import { useSchemaContext as B } from "../context.js";
-import { resolveRef as a, getOptionLabel as G, extractDefaults as P } from "../../../utils/json-schema.js";
-import { SchemaObjectEditor as w } from "./SchemaObjectEditor.js";
-import { SchemaFieldContent as _ } from "./SchemaFieldContent.js";
-import { SchemaDisplayMode as C, SchemaOrientation as L } from "../../../types/json-schema.js";
-const Z = ({
-  schema: x,
-  value: c,
-  onChange: d,
-  path: u,
-  level: S
-}) => {
-  const { rootSchema: i, texts: A, readonly: b = !1 } = B(), p = q(), O = x.discriminator;
-  if (O) {
-    const r = O.propertyName, e = O.mapping, n = Object.keys(e).map((s) => ({
-      value: s,
-      label: s
-    })), l = typeof c == "object" && c !== null ? c[r] : void 0, g = l ? a({ $ref: e[l] }, i) : void 0, I = (s) => {
-      const m = a({ $ref: e[s] }, i), t = P(m, i) ?? {};
-      d({ ...t, [r]: s });
-    };
-    if (x.discriminatorDisplay === C.Radio) {
-      const s = x.discriminatorOrientation === L.Row, m = l ? (() => {
-        const t = a(
-          { $ref: e[l] },
-          i
-        ), { [r]: h, ...N } = t.properties ?? {};
-        return { ...t, properties: N };
-      })() : void 0;
-      return s ? /* @__PURE__ */ v("div", { className: "flex flex-col gap-3", children: [
-        /* @__PURE__ */ o("div", { role: "radiogroup", className: "flex flex-row flex-wrap gap-4", children: Object.keys(e).map((t) => {
-          const h = a(
-            { $ref: e[t] },
-            i
-          );
-          return /* @__PURE__ */ o(
-            j,
-            {
-              name: p,
-              value: t,
-              inputId: `${p}-${t}`,
-              label: h.title ?? t,
-              checked: l === t,
-              disabled: b,
-              onChange: () => I(t)
-            },
-            t
-          );
-        }) }),
-        m && /* @__PURE__ */ o(
-          w,
-          {
-            schema: m,
-            value: c,
-            onChange: d,
-            path: u,
-            level: S
-          }
-        )
-      ] }) : /* @__PURE__ */ o("div", { role: "radiogroup", className: "flex flex-col gap-2", children: Object.keys(e).map((t) => {
-        const h = a({ $ref: e[t] }, i), N = l === t, { [r]: z, ...F } = h.properties ?? {}, T = {
-          ...h,
-          properties: F
-        };
-        return /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
-          /* @__PURE__ */ o(
-            j,
-            {
-              name: p,
-              value: t,
-              inputId: `${p}-${t}`,
-              label: h.title ?? t,
-              checked: N,
-              disabled: b,
-              onChange: () => I(t)
-            }
-          ),
-          N && /* @__PURE__ */ o("div", { className: "ml-6 mt-2", children: /* @__PURE__ */ o(
-            w,
-            {
-              schema: T,
-              value: c,
-              onChange: d,
-              path: u,
-              level: S
-            }
-          ) })
-        ] }, t);
-      }) });
-    }
-    return /* @__PURE__ */ v("div", { className: "flex flex-col gap-3", children: [
-      /* @__PURE__ */ o("div", { className: "flex-1 max-w-[280px]", children: /* @__PURE__ */ o(
-        y,
-        {
-          options: n,
-          value: l,
-          placeholder: A.selectTypePlaceholder,
-          disabled: b,
-          onChange: (s) => {
-            const m = typeof s == "string" ? s : s[0];
-            m && I(m);
-          }
-        }
-      ) }),
-      g && /* @__PURE__ */ o("div", { className: "pl-3", children: /* @__PURE__ */ o(
-        w,
-        {
-          schema: g,
-          value: c,
-          onChange: d,
-          path: u,
-          level: S
-        }
-      ) })
-    ] });
-  }
-  const f = x.oneOf ?? [], $ = (() => {
-    if (c == null) return 0;
-    if (typeof c == "object" && !Array.isArray(c)) {
-      for (let r = 0; r < f.length; r++)
-        if (a(f[r], i).required?.every((n) => n in c))
-          return r;
-    }
-    return 0;
-  })(), D = (r) => {
-    const e = a(f[r], i), n = P(e, i);
-    d(n ?? null);
-  }, R = f[$];
-  if (x.discriminatorDisplay === C.Radio)
-    return /* @__PURE__ */ o("div", { role: "radiogroup", className: "flex flex-col gap-2", children: f.map((r, e) => {
-      const n = a(r, i), l = G(r, i) ?? `Option ${e + 1}`, g = $ === e;
-      return /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ o(
-          j,
-          {
-            name: p,
-            value: String(e),
-            inputId: `${p}-${e}`,
-            label: l,
-            checked: g,
-            disabled: b,
-            onChange: () => D(e)
-          }
-        ),
-        g && n && /* @__PURE__ */ o("div", { className: "ml-6 mt-2", children: /* @__PURE__ */ o(
-          _,
-          {
-            schema: n,
-            value: c,
-            onChange: d,
-            path: u,
-            level: S
-          }
-        ) })
-      ] }, e);
-    }) });
-  const E = f.map((r, e) => {
-    const n = a(r, i);
-    return { value: String(e), label: n.title ?? `Option ${e + 1}` };
-  });
-  return /* @__PURE__ */ v("div", { className: "flex flex-col gap-3", children: [
-    /* @__PURE__ */ o("div", { className: "flex-1 max-w-[280px]", children: /* @__PURE__ */ o(
-      y,
-      {
-        options: E,
-        value: String($),
-        disabled: b,
-        onChange: (r) => {
-          const e = typeof r == "string" ? r : r[0];
-          D(Number(e));
-        }
-      }
-    ) }),
-    R && /* @__PURE__ */ o("div", { className: "pl-3 border-l-2 border-secondary", children: /* @__PURE__ */ o(
-      _,
-      {
-        schema: R,
-        value: c,
-        onChange: d,
-        path: u,
-        level: S
-      }
-    ) })
-  ] });
-};
-export {
-  Z as SchemaOneOfEditor
-};

package/dist/components/SchemaRenderer/components/SchemaPrimitiveField.js

@@ -1,161 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useId as I } from "react";
-import { DialInput as S } from "../../Input/Input.js";
-import { DialPasswordInput as R } from "../../PasswordInput/PasswordInput.js";
-import { DialNumberInput as b } from "../../NumberInput/NumberInput.js";
-import { DialSwitch as C } from "../../Switch/Switch.js";
-import { DialSelect as y } from "../../Select/Select.js";
-import { DialRadioButton as P } from "../../RadioButton/RadioButton.js";
-import { useSchemaContext as w } from "../context.js";
-import { JsonSchemaType as c, SchemaDisplayMode as D, SchemaOrientation as x } from "../../../types/json-schema.js";
-const E = ({
-  schema: t,
-  value: e,
-  onChange: n,
-  invalid: s
-}) => {
-  const u = I(), {
-    texts: d,
-    readonly: l = !1,
-    inputClassName: p,
-    acceptableResourceTypes: h
-  } = w(), N = t.const !== void 0, g = Array.isArray(t.enum) && t.enum.length > 0;
-  if (t["dial:resource"] === !0 && Array.isArray(t.acceptableResourceTypes) && t.acceptableResourceTypes.length > 0 && (t.type === c.String || t.type === void 0)) {
-    const r = (t.acceptableResourceTypes ?? []).flatMap(
-      (o) => {
-        const a = h?.[o];
-        return Array.isArray(a) ? a.map((m) => {
-          const f = String(m);
-          return { value: f, label: f };
-        }) : [];
-      }
-    );
-    return /* @__PURE__ */ i(
-      y,
-      {
-        options: r,
-        value: e != null ? String(e) : void 0,
-        invalid: s,
-        disabled: l,
-        onChange: (o) => n(typeof o == "string" ? o : o[0]),
-        placeholder: d.enumSelectPlaceholder,
-        className: p
-      }
-    );
-  }
-  if (N)
-    return /* @__PURE__ */ i(
-      S,
-      {
-        value: String(t.const ?? ""),
-        disabled: !0,
-        onChange: void 0,
-        className: "opacity-60"
-      }
-    );
-  if (g && t.enumDisplay === D.Radio) {
-    const r = t.enumOrientation === x.Row;
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        role: "radiogroup",
-        className: r ? "flex flex-row flex-wrap gap-x-4 gap-y-2" : "flex flex-col gap-2",
-        children: t.enum.map((o) => {
-          const a = String(o);
-          return /* @__PURE__ */ i(
-            P,
-            {
-              name: u,
-              value: a,
-              inputId: `${u}-${a}`,
-              label: a,
-              checked: e != null ? String(e) === a : !1,
-              disabled: l,
-              onChange: (m) => n(m)
-            },
-            a
-          );
-        })
-      }
-    );
-  }
-  if (g) {
-    const r = t.enum.map((o) => ({
-      value: String(o),
-      label: String(o)
-    }));
-    return /* @__PURE__ */ i(
-      y,
-      {
-        options: r,
-        value: e != null ? String(e) : void 0,
-        invalid: s,
-        disabled: l,
-        onChange: (o) => n(typeof o == "string" ? o : o[0]),
-        placeholder: d.enumSelectPlaceholder
-      }
-    );
-  }
-  switch (t.type) {
-    case c.Boolean:
-      return /* @__PURE__ */ i(
-        C,
-        {
-          switchId: u,
-          isOn: !!e,
-          disabled: l,
-          onChange: (r) => n(r)
-        }
-      );
-    case c.Integer:
-      return /* @__PURE__ */ i(
-        b,
-        {
-          integer: !0,
-          value: e != null ? String(e) : "",
-          invalid: s,
-          disabled: l,
-          onChange: (r) => n(r !== void 0 ? Number(r) : void 0),
-          placeholder: d.integerInputPlaceholder,
-          containerClassName: p
-        }
-      );
-    case c.Number:
-      return /* @__PURE__ */ i(
-        b,
-        {
-          value: e != null ? String(e) : "",
-          invalid: s,
-          disabled: l,
-          onChange: (r) => n(r !== void 0 ? Number(r) : void 0),
-          placeholder: d.numberInputPlaceholder,
-          containerClassName: p
-        }
-      );
-    default:
-      return t.isProtected ? /* @__PURE__ */ i(
-        R,
-        {
-          value: e != null ? String(e) : "",
-          invalid: s,
-          disabled: l,
-          onChange: (r) => n(r ?? void 0),
-          placeholder: d.stringInputPlaceholder,
-          containerClassName: p
-        }
-      ) : /* @__PURE__ */ i(
-        S,
-        {
-          value: e != null ? String(e) : "",
-          invalid: s,
-          disabled: l,
-          onChange: (r) => n(r ?? void 0),
-          placeholder: d.stringInputPlaceholder,
-          containerClassName: p
-        }
-      );
-  }
-};
-export {
-  E as SchemaPrimitiveField
-};