@epam/ai-dial-ui-kit 0.14.0-dev.4 → 0.14.0-dev.41

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

@@ -0,0 +1,184 @@
+import { jsxs as y, jsx as a } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { IconPlus as K } from "@tabler/icons-react";
+import { DialInput as A } from "../../Input/Input.js";
+import { DialErrorText as V } from "../../CaptionText/CaptionText.js";
+import { DialGhostButton as z } from "../../Button/ButtonWrappers.js";
+import { DialRemoveButton as H } from "../../RemoveButton/RemoveButton.js";
+import { ElementSize as q } from "../../../types/size.js";
+import { JsonSchemaType as L } from "../types.js";
+import { useSchemaContext as E } from "../context.js";
+import { resolveRef as G, isObjectType as J, buildSummary as M, validateRequired as U, extractDefaults as Y, getSchemaDefault as _ } from "../utils.js";
+import { SchemaPrimitiveField as $ } from "./SchemaPrimitiveField.js";
+import { SchemaSection as Q } from "./SchemaSection.js";
+import { SchemaFieldContent as W } from "./SchemaFieldContent.js";
+const R = (n, i) => ({
+  id: Math.random().toString(36).slice(2),
+  key: n,
+  value: i
+}), F = (n) => !!(n.oneOf || n.anyOf || n.type === L.Array || J(n)), X = ({
+  pairId: n,
+  pairKey: i,
+  pairValue: s,
+  valueSchema: c,
+  onKeyChange: k,
+  onValueChange: p,
+  onRemove: d,
+  keyInputPlaceholder: x,
+  removeFieldAriaLabel: C,
+  path: m,
+  level: h,
+  readonly: l = !1,
+  inputClassName: u
+}) => {
+  const {
+    rootSchema: f,
+    texts: g,
+    defaultExpanded: N = !0,
+    touchedPaths: S = /* @__PURE__ */ new Set(),
+    markTouched: b = () => {
+    },
+    skipUntouched: P = !1
+  } = E(), [e, t] = T(i), o = F(c), r = [...m, n, "key"].join("."), w = (!P || S.has(r)) && i === "", j = /* @__PURE__ */ y("div", { className: "flex gap-2 items-start", children: [
+    /* @__PURE__ */ y("div", { className: o ? "flex-1 min-w-0" : "w-2/5 min-w-0", children: [
+      /* @__PURE__ */ a(
+        A,
+        {
+          value: e,
+          disabled: l,
+          invalid: w,
+          onChange: (I) => t(I ?? ""),
+          onBlur: () => {
+            b(r), e !== i && k(e);
+          },
+          placeholder: x,
+          containerClassName: u
+        }
+      ),
+      /* @__PURE__ */ a(
+        V,
+        {
+          text: w ? `${g.keyColumnHeader} is required` : void 0
+        }
+      )
+    ] }),
+    !o && /* @__PURE__ */ a("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ a(
+      $,
+      {
+        schema: c,
+        value: s,
+        onChange: p
+      }
+    ) }),
+    !l && /* @__PURE__ */ a(
+      H,
+      {
+        size: q.Small,
+        onClick: d,
+        "aria-label": C,
+        className: "shrink-0 p-1"
+      }
+    )
+  ] });
+  if (!o) return j;
+  const D = [...m, i], O = M(s, c, f), B = U(
+    s,
+    c,
+    f,
+    D.join(".")
+  );
+  return /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
+    j,
+    /* @__PURE__ */ a(
+      Q,
+      {
+        title: i,
+        level: h,
+        summary: O,
+        errorCount: B.length + (w ? 1 : 0),
+        defaultExpanded: N,
+        children: /* @__PURE__ */ a(
+          W,
+          {
+            schema: c,
+            value: s,
+            onChange: p,
+            path: D,
+            level: h + 1
+          }
+        )
+      }
+    )
+  ] });
+}, fe = ({
+  schema: n,
+  value: i,
+  onChange: s,
+  path: c,
+  level: k
+}) => {
+  const {
+    rootSchema: p,
+    texts: d,
+    readonly: x = !1,
+    inputClassName: C
+  } = E(), m = n.additionalProperties === !0 || n.additionalProperties == null ? { type: "string" } : typeof n.additionalProperties == "object" ? G(n.additionalProperties, p) : { type: "string" }, h = F(m), [l, u] = T(
+    () => Object.entries(i ?? {}).map(
+      ([e, t]) => R(e, t)
+    )
+  ), f = (e) => Object.fromEntries(
+    e.filter((t) => t.key !== "").map((t) => [t.key, t.value])
+  ), g = (e, t) => {
+    const o = l.map(
+      (r, v) => v === e ? { ...r, key: t } : r
+    );
+    u(o), s(f(o));
+  }, N = (e, t) => {
+    const o = l.map(
+      (r, v) => v === e ? { ...r, value: t } : r
+    );
+    u(o), s(f(o));
+  }, S = () => h ? Y(m, p) ?? _(m) : "", b = () => {
+    u((e) => [...e, R("", S())]);
+  }, P = (e) => {
+    const t = l.filter((o, r) => r !== e);
+    u(t), s(f(t));
+  };
+  return /* @__PURE__ */ y("div", { className: "flex flex-col gap-2", children: [
+    l.length === 0 && /* @__PURE__ */ a("p", { className: "dial-tiny-text text-secondary italic", children: d.noFieldsYet }),
+    l.length > 0 && !h && /* @__PURE__ */ y("div", { className: "flex gap-2 mb-1 pr-7", children: [
+      /* @__PURE__ */ a("span", { className: "w-2/5 dial-tiny-text text-secondary font-medium", children: d.keyColumnHeader }),
+      /* @__PURE__ */ a("span", { className: "flex-1 dial-tiny-text text-secondary font-medium", children: d.valueColumnHeader })
+    ] }),
+    l.map((e, t) => /* @__PURE__ */ a(
+      X,
+      {
+        pairId: e.id,
+        pairKey: e.key,
+        pairValue: e.value,
+        valueSchema: m,
+        onKeyChange: (o) => g(t, o),
+        onValueChange: (o) => N(t, o),
+        onRemove: () => P(t),
+        keyInputPlaceholder: d.keyInputPlaceholder,
+        removeFieldAriaLabel: d.removeFieldAriaLabel,
+        path: c,
+        level: k,
+        readonly: x,
+        inputClassName: C
+      },
+      e.id
+    )),
+    !x && /* @__PURE__ */ a("div", { className: "pt-1", children: /* @__PURE__ */ a(
+      z,
+      {
+        label: d.addField,
+        iconBefore: /* @__PURE__ */ a(K, { size: 16, stroke: 2 }),
+        onClick: b
+      }
+    ) })
+  ] });
+};
+export {
+  fe as SchemaKeyValueEditor
+};

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

@@ -0,0 +1,36 @@
+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.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

@@ -0,0 +1,192 @@
+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 { SchemaDisplayMode as P, SchemaOrientation as B } from "../types.js";
+import { useSchemaContext as G } from "../context.js";
+import { resolveRef as a, getOptionLabel as L, extractDefaults as _ } from "../utils.js";
+import { SchemaObjectEditor as w } from "./SchemaObjectEditor.js";
+import { SchemaFieldContent as C } from "./SchemaFieldContent.js";
+const Z = ({
+  schema: x,
+  value: c,
+  onChange: d,
+  path: u,
+  level: S
+}) => {
+  const { rootSchema: i, texts: A, readonly: b = !1 } = G(), 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 = _(m, i) ?? {};
+      d({ ...t, [r]: s });
+    };
+    if (x.discriminatorDisplay === P.Radio) {
+      const s = x.discriminatorOrientation === B.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 = _(e, i);
+    d(n ?? null);
+  }, R = f[$];
+  if (x.discriminatorDisplay === P.Radio)
+    return /* @__PURE__ */ o("div", { role: "radiogroup", className: "flex flex-col gap-2", children: f.map((r, e) => {
+      const n = a(r, i), l = L(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(
+          C,
+          {
+            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(
+      C,
+      {
+        schema: R,
+        value: c,
+        onChange: d,
+        path: u,
+        level: S
+      }
+    ) })
+  ] });
+};
+export {
+  Z as SchemaOneOfEditor
+};

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

@@ -0,0 +1,161 @@
+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 { JsonSchemaType as c, SchemaDisplayMode as w, SchemaOrientation as D } from "../types.js";
+import { useSchemaContext as x } from "../context.js";
+const E = ({
+  schema: t,
+  value: e,
+  onChange: n,
+  invalid: s
+}) => {
+  const u = I(), {
+    texts: d,
+    readonly: l = !1,
+    inputClassName: p,
+    acceptableResourceTypes: h
+  } = x(), 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 === w.Radio) {
+    const r = t.enumOrientation === D.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
+};

package/dist/components/SchemaRenderer/components/SchemaSection.js

@@ -0,0 +1,81 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { useState as u } from "react";
+import { IconChevronDown as v, IconChevronRight as N, IconAlertTriangle as C, IconCheck as I } from "@tabler/icons-react";
+import { DialIcon as m } from "../../Icon/Icon.js";
+import { DialInfoButton as z } from "../../InfoButton/InfoButton.js";
+import { DialRemoveButton as w } from "../../RemoveButton/RemoveButton.js";
+import { ElementSize as S } from "../../../types/size.js";
+import { mergeClasses as n } from "../../../utils/merge-classes.js";
+const P = ({
+  title: p,
+  description: i,
+  summary: l,
+  errorCount: s = 0,
+  level: d = 0,
+  children: x,
+  onRemove: c,
+  defaultExpanded: h = !0,
+  removeItemAriaLabel: y = "Remove item"
+}) => {
+  const [r, f] = u(h), t = d === 0, b = "rounded border border-secondary", g = n(
+    "flex items-center gap-2 cursor-pointer select-none transition-colors",
+    t ? "px-4 py-3 bg-layer-3 hover:bg-layer-4" : "px-3 py-2 bg-layer-4 hover:bg-layer-3",
+    r ? "rounded-t" : "rounded"
+  ), k = n(
+    "border-t border-secondary",
+    t ? "p-4" : "p-3"
+  );
+  return /* @__PURE__ */ a("div", { className: b, children: [
+    /* @__PURE__ */ a(
+      "div",
+      {
+        className: g,
+        onClick: () => f((o) => !o),
+        role: "button",
+        "aria-expanded": r,
+        children: [
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-secondary", children: r ? /* @__PURE__ */ e(v, { size: 16, stroke: 2 }) : /* @__PURE__ */ e(N, { size: 16, stroke: 2 }) }),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: n(
+                "flex-1 truncate",
+                t ? "dial-small-semi-text text-primary" : "dial-small-text text-primary"
+              ),
+              children: p
+            }
+          ),
+          i && /* @__PURE__ */ e(z, { caption: i }),
+          l && /* @__PURE__ */ e("span", { className: "dial-tiny-text text-secondary whitespace-nowrap ml-2", children: l }),
+          s > 0 ? /* @__PURE__ */ a("span", { className: "flex items-center gap-1 dial-tiny-text text-error whitespace-nowrap", children: [
+            /* @__PURE__ */ e(m, { icon: /* @__PURE__ */ e(C, { size: 13, stroke: 2 }) }),
+            s,
+            " error",
+            s > 1 ? "s" : ""
+          ] }) : /* @__PURE__ */ e(
+            m,
+            {
+              icon: /* @__PURE__ */ e(I, { size: 13, stroke: 2 }),
+              className: "text-success shrink-0"
+            }
+          ),
+          c && /* @__PURE__ */ e(
+            w,
+            {
+              size: S.Small,
+              onClick: (o) => {
+                o.stopPropagation(), c();
+              },
+              "aria-label": y,
+              className: "ml-1 shrink-0 p-0.5"
+            }
+          )
+        ]
+      }
+    ),
+    r && /* @__PURE__ */ e("div", { className: k, children: x })
+  ] });
+};
+export {
+  P as SchemaSection
+};

package/dist/components/SchemaRenderer/context.js

@@ -0,0 +1,12 @@
+import { createContext as t, useContext as n } from "react";
+const r = t(null);
+function c() {
+  const e = n(r);
+  if (!e)
+    throw new Error("useSchemaContext must be used inside DialSchemaRenderer");
+  return e;
+}
+export {
+  r as SchemaRendererContext,
+  c as useSchemaContext
+};

package/dist/components/SchemaRenderer/types.js

@@ -0,0 +1,27 @@
+var t = /* @__PURE__ */ ((e) => (e.Sections = "sections", e.Flat = "flat", e.FlatSections = "flat-sections", e))(t || {}), l = /* @__PURE__ */ ((e) => (e.Select = "select", e.Radio = "radio", e))(l || {}), r = /* @__PURE__ */ ((e) => (e.Row = "row", e.Column = "column", e))(r || {}), o = /* @__PURE__ */ ((e) => (e.String = "string", e.Number = "number", e.Integer = "integer", e.Boolean = "boolean", e.Object = "object", e.Array = "array", e.Null = "null", e))(o || {});
+const n = {
+  noItemSchema: "No item schema defined.",
+  noItemsYet: "No items yet. Add one below.",
+  addItem: "Add Item",
+  selectTypeToAdd: "Select type to add…",
+  noConfigurableProperties: "No configurable properties.",
+  noFieldsYet: "No fields yet. Add one below.",
+  keyColumnHeader: "Key",
+  valueColumnHeader: "Value",
+  addField: "Add Field",
+  keyInputPlaceholder: "Enter key",
+  stringInputPlaceholder: "Enter a value",
+  integerInputPlaceholder: "Enter a whole number",
+  numberInputPlaceholder: "Enter a number",
+  enumSelectPlaceholder: "Select an option",
+  selectTypePlaceholder: "Select type",
+  removeItemAriaLabel: "Remove item",
+  removeFieldAriaLabel: "Remove field"
+};
+export {
+  n as DEFAULT_SCHEMA_TEXTS,
+  o as JsonSchemaType,
+  l as SchemaDisplayMode,
+  r as SchemaOrientation,
+  t as SchemaRendererVariant
+};