@epam/ai-dial-ui-kit 0.16.0-dev.6 → 0.16.0-dev.60

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

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