@epam/ai-dial-ui-kit 0.15.0-dev.9 → 0.15.0

package/dist/components/New/TransferQueue/TransferQueueRow.js

@@ -0,0 +1,119 @@
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { IconX as d, IconCheck as u, IconAlertCircleFilled as f, IconAlertTriangleFilled as g } from "@tabler/icons-react";
+import { EllipsisTooltip as I } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { FileIcon as h } from "../FileIcon/FileIcon.js";
+import { GhostIconButton as S } from "../IconButton/IconButtonWrappers.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
+import { DIAL_KIT_ICON_STROKE as m } from "../constants/icon.js";
+import { Spinner as y } from "../../Spinner/Spinner.js";
+import { DIAL_ICON_SIZE as t } from "../../../constants/icon.js";
+import { DialItemType as N } from "../../../types/item.js";
+import { ElementSize as T } from "../../../types/size.js";
+import { TransferQueueItemStatus as s } from "../../../types/transfer-queue.js";
+import { mergeClasses as i } from "../../../utils/merge-classes.js";
+import { STATUS_SLOT_CLASS as c } from "./constants.js";
+const p = ({ message: e, isError: a }) => /* @__PURE__ */ r(x, { tooltip: e, asChild: !0, children: /* @__PURE__ */ r(
+  "span",
+  {
+    className: c,
+    role: "img",
+    "aria-label": e,
+    tabIndex: 0,
+    children: /* @__PURE__ */ r(
+      a ? f : g,
+      {
+        size: t.SM,
+        className: a ? "text-error" : "text-warning-icon",
+        "aria-hidden": !0
+      }
+    )
+  }
+) }), j = ({
+  item: e,
+  labels: a,
+  onCancel: o
+}) => {
+  const n = e.status === s.Canceled;
+  return /* @__PURE__ */ l("div", { className: "group flex items-center gap-2 px-4 py-2", children: [
+    /* @__PURE__ */ r(
+      h,
+      {
+        type: N.File,
+        name: e.name,
+        size: t.MD,
+        className: i(n && "opacity-50"),
+        decorative: !0
+      }
+    ),
+    /* @__PURE__ */ r(
+      I,
+      {
+        text: e.name,
+        className: i(
+          "dial-small-text",
+          n ? "text-secondary" : "text-primary"
+        )
+      }
+    ),
+    e.status === s.InProgress && /* @__PURE__ */ l("div", { className: i(c, "grid"), children: [
+      /* @__PURE__ */ r(
+        y,
+        {
+          size: t.SM,
+          ariaLabel: a.itemProgressAriaLabel(e.name),
+          className: i(
+            "pointer-events-none col-start-1 row-start-1 transition-opacity",
+            o && "group-focus-within:opacity-0 group-hover:opacity-0"
+          )
+        }
+      ),
+      o && /* @__PURE__ */ r(
+        S,
+        {
+          "aria-label": a.cancelItemAriaLabel(e.name),
+          size: T.Small,
+          icon: /* @__PURE__ */ r(
+            d,
+            {
+              size: t.SM,
+              stroke: m,
+              className: "text-secondary",
+              "aria-hidden": !0
+            }
+          ),
+          onClick: () => o(e.id),
+          className: "col-start-1 row-start-1 opacity-0 transition-opacity group-focus-within:opacity-100 group-hover:opacity-100"
+        }
+      )
+    ] }),
+    e.status === s.Success && /* @__PURE__ */ r(
+      "span",
+      {
+        className: c,
+        role: "img",
+        "aria-label": a.successLabel,
+        children: /* @__PURE__ */ r(
+          u,
+          {
+            size: t.SM,
+            stroke: m,
+            className: "text-accent",
+            "aria-hidden": !0
+          }
+        )
+      }
+    ),
+    e.status === s.Warning && /* @__PURE__ */ r(
+      p,
+      {
+        message: e.message || a.warningMessage,
+        isError: !1
+      }
+    ),
+    e.status === s.Failed && /* @__PURE__ */ r(p, { message: e.message || a.failedMessage, isError: !0 }),
+    n && /* @__PURE__ */ r("span", { className: "dial-small-text shrink-0 text-secondary", children: a.canceledLabel })
+  ] });
+};
+export {
+  j as TransferQueueRow
+};

package/dist/components/New/TransferQueue/constants.js

@@ -0,0 +1,24 @@
+const l = 8e3, a = "flex size-7 shrink-0 items-center justify-center", i = {
+  cancelItemAriaLabel: (e) => `Cancel "${e}"`,
+  itemProgressAriaLabel: (e) => `"${e}" in progress`,
+  successLabel: "Completed",
+  canceledLabel: "Canceled",
+  failedMessage: "Failed",
+  warningMessage: "Completed with warnings",
+  queueProgressAriaLabel: "Progress",
+  queueProgressValueText: (e, s) => `${e} of ${s}`,
+  collapseAriaLabel: "Collapse",
+  expandAriaLabel: "Expand",
+  closeAriaLabel: "Close",
+  closeConfirmHeader: "Close?",
+  closeConfirmDescriptionInProgress: "Some items are still in progress.",
+  closeConfirmDescriptionFailed: "Some items have failed.",
+  closeConfirmDescriptionMixed: "Some items are still in progress, and some have failed.",
+  closeConfirmLabel: "Close",
+  closeCancelLabel: "Cancel"
+};
+export {
+  i as DEFAULT_TRANSFER_QUEUE_LABELS,
+  a as STATUS_SLOT_CLASS,
+  l as TRANSFER_QUEUE_AUTO_CLOSE_DELAY_MS
+};

package/dist/components/New/constants/overlay.js

@@ -1,27 +1,35 @@
 import { mergeClasses as e } from "../../../utils/merge-classes.js";
-const a = "rounded-xl bg-layer-raised p-1 shadow-md", l = e(
+const a = "rounded-xl bg-layer-raised p-1 shadow-md", s = "flex flex-col gap-0.5", l = e(
   a,
   "w-max"
 ), r = e(
-  "flex w-full cursor-pointer items-center gap-2 px-3 h-[40px] rounded-lg",
+  l,
+  s,
+  "py-2"
+), n = e(
+  // `shrink-0` keeps the 40px: a column squeezed by the panel's height cap
+  // would otherwise collapse the rows to their content.
+  "flex w-full shrink-0 cursor-pointer items-center gap-2 px-3 h-[40px] rounded-lg",
   "dial-small-text text-primary truncate",
   // Hover sits one step up the accent-alpha ramp from the selected tint, so a
   // hovered row reads as hovered whether or not it is also selected.
   "hover:bg-control-accent-alpha-hover",
   "focus-visible:outline focus-visible:outline-focus"
-), t = "bg-control-accent-alpha", s = e(
+), t = "bg-control-accent-alpha", c = e(
   t,
   "text-accent"
-), n = e(
+), m = e(
   "cursor-not-allowed text-control-disable-primary",
   "bg-transparent hover:bg-transparent"
-), c = 4;
+), i = 4;
 export {
-  c as overlayGap,
-  r as overlayItemClassName,
-  n as overlayItemDisabledClassName,
-  s as overlayItemHighlightClassName,
+  i as overlayGap,
+  n as overlayItemClassName,
+  m as overlayItemDisabledClassName,
+  c as overlayItemHighlightClassName,
   t as overlayItemSelectedClassName,
+  s as overlayListClassName,
   l as overlaySubMenuClassName,
+  r as overlaySubMenuListClassName,
   a as overlaySurfaceClassName
 };

package/dist/components/Popup/constants.js

@@ -1,12 +1,12 @@
-import { PopupSize as e } from "../../types/popup.js";
-const s = "z-[52] flex items-center justify-center bg-blackout md:p-4", i = "divide-tertiary divide-y", o = "flex flex-row justify-between py-4 px-6 items-center", t = {
-  [e.Sm]: "dial-sm-popup",
-  [e.Md]: "dial-md-popup",
-  [e.Lg]: "dial-lg-popup"
+import { PopupSize as p } from "../../types/popup.js";
+const o = "z-popup flex items-center justify-center bg-blackout md:p-4", s = "divide-tertiary divide-y", i = "flex flex-row justify-between py-4 px-6 items-center", t = {
+  [p.Sm]: "dial-sm-popup",
+  [p.Md]: "dial-md-popup",
+  [p.Lg]: "dial-lg-popup"
 };
 export {
-  s as overlayBaseClassName,
-  i as popupDividerClassName,
-  o as popupHeaderClassName,
+  o as overlayBaseClassName,
+  s as popupDividerClassName,
+  i as popupHeaderClassName,
   t as popupSizeClassMap
 };

package/dist/components/ProgressBar/ProgressBar.js

@@ -31,13 +31,13 @@ const z = ({
         a ? void 0 : "Progress"
       ),
       className: h(
+        "w-full overflow-hidden rounded-full bg-control-disable-primary",
+        u === f.Small ? "h-1" : "h-2",
+        g,
         /* The track is the component's root when there is no label and no
            readout to wrap it, and the public class belongs on whichever
            element that is. */
-        !a && !r && p.progressBar,
-        "w-full overflow-hidden rounded-full bg-control-disable-primary",
-        u === f.Small ? "h-1" : "h-2",
-        g
+        !a && !r && p.progressBar
       ),
       children: /* @__PURE__ */ i(
         "div",
@@ -52,8 +52,8 @@ const z = ({
     "div",
     {
       className: h(
-        p.progressBar,
-        "flex w-full flex-col gap-1"
+        "flex w-full flex-col gap-1",
+        p.progressBar
       ),
       children: [
         /* @__PURE__ */ c("div", { className: "flex items-baseline gap-2", children: [

package/dist/components/SchemaRenderer/SchemaRenderer.js

@@ -1,14 +1,15 @@
 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 { DEFAULT_SCHEMA_TEXTS as Y, SchemaRendererVariant as m } from "./types.js";
-import { SchemaRendererContext as Z } from "./context.js";
-import { extractDefaults as $, sortByPropertyOrder as y, resolveRef as R, toFieldLabel as F, validateRequired as k, isMissingRequiredValue as ee } from "./utils.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 te } from "./components/SchemaField.js";
-import { SchemaAdditionalPropertiesEditor as re } from "./components/SchemaAdditionalPropertiesEditor.js";
-const he = ({
+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,
@@ -26,9 +27,9 @@ const he = ({
   acceptableResourceTypes: w
 }) => {
   const E = b(
-    () => ({ ...Y, ...x }),
+    () => ({ ...re, ...x }),
     [x]
-  ), C = b(() => v || ($(r, r) ?? {}), []), [a, H] = q(C), [p, K] = q(
+  ), 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]));
@@ -41,13 +42,13 @@ const he = ({
     H(o), O?.(o), A?.(e, t);
   }, B = new Set(Object.keys(r.properties ?? {})), W = Object.keys(a).filter(
     (e) => !B.has(e)
-  ), X = y(
+  ), X = $(
     Object.entries(r.properties ?? {}).filter(
       ([, e]) => !R(e, r).isHidden
     )
   ), z = r.required ?? [];
   return /* @__PURE__ */ i(
-    Z.Provider,
+    Y.Provider,
     {
       value: {
         rootSchema: r,
@@ -67,7 +68,7 @@ const he = ({
           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(
-              te,
+              ee,
               {
                 schema: t,
                 value: n,
@@ -94,7 +95,7 @@ const he = ({
                 }
               )
             ] }, e);
-          const P = k(n, o, r, e), G = e + ".", I = !S || p.has(e) || [...p].some((l) => l.startsWith(G));
+          const P = y(n, o, r, e), G = e + ".", I = !S || p.has(e) || [...p].some((l) => l.startsWith(G));
           return /* @__PURE__ */ i(
             L,
             {
@@ -102,7 +103,7 @@ const he = ({
               description: o.description,
               level: 0,
               defaultExpanded: u,
-              errorCount: I ? d && ee(n) ? Math.max(P.length, 1) : P.length : 0,
+              errorCount: I ? d && k(n) ? Math.max(P.length, 1) : P.length : 0,
               children: /* @__PURE__ */ i(
                 T,
                 {
@@ -120,7 +121,7 @@ const he = ({
         }),
         W.map((e) => {
           const t = F(e), o = /* @__PURE__ */ i(
-            re,
+            te,
             {
               value: a[e],
               onChange: (s) => c(e, s),
@@ -146,5 +147,5 @@ const he = ({
   );
 };
 export {
-  he as DialSchemaRenderer
+  pe as DialSchemaRenderer
 };

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

@@ -1,9 +1,9 @@
 import { jsxs as v, jsx as c } from "react/jsx-runtime";
 import { DialSelect as x } from "../../Select/Select.js";
-import { JsonSchemaType as a } from "../types.js";
 import { useSchemaContext as N } from "../context.js";
-import { getOptionLabel as k, detectAnyOfVariant as O, resolveRef as d, extractDefaults as w } from "../utils.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,

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

@@ -4,7 +4,7 @@ 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.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 = ({

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

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

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

@@ -1,16 +1,16 @@
 import { jsx as t, jsxs as O, Fragment as P } from "react/jsx-runtime";
 import { DialErrorText as x } from "../../CaptionText/CaptionText.js";
-import { JsonSchemaType as c } from "../types.js";
 import { useSchemaContext as F } from "../context.js";
-import { resolveRef as T, isObjectType as u, isMissingRequiredValue as A } from "../utils.js";
-import { SchemaObjectEditor as b } from "./SchemaObjectEditor.js";
-import { SchemaArrayEditor as k } from "./SchemaArrayEditor.js";
-import { SchemaOneOfEditor as q } from "./SchemaOneOfEditor.js";
-import { SchemaAnyOfEditor as M } from "./SchemaAnyOfEditor.js";
-import { SchemaKeyValueEditor as R } from "./SchemaKeyValueEditor.js";
-import { SchemaPrimitiveField as V } from "./SchemaPrimitiveField.js";
-import { SchemaAdditionalPropertiesEditor as w } from "./SchemaAdditionalPropertiesEditor.js";
-const Q = ({
+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,
@@ -33,7 +33,7 @@ const Q = ({
   let o;
   if (e.oneOf)
     o = /* @__PURE__ */ t(
-      q,
+      R,
       {
         schema: e,
         value: i,
@@ -44,7 +44,7 @@ const Q = ({
     );
   else if (e.anyOf && e.type !== c.Object)
     o = /* @__PURE__ */ t(
-      M,
+      q,
       {
         schema: e,
         value: i,
@@ -56,7 +56,7 @@ const Q = ({
   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(
-      R,
+      V,
       {
         schema: e,
         value: i,
@@ -65,14 +65,14 @@ const Q = ({
         level: m
       }
     ) : a && e.additionalProperties !== !1 ? o = /* @__PURE__ */ t(
-      w,
+      D,
       {
         value: i,
         onChange: s,
         theme: E
       }
     ) : o = /* @__PURE__ */ t(
-      b,
+      k,
       {
         schema: e,
         value: i,
@@ -83,7 +83,7 @@ const Q = ({
     );
   } else if (e.type === c.Array)
     o = /* @__PURE__ */ t(
-      k,
+      M,
       {
         schema: e,
         value: i,
@@ -93,10 +93,10 @@ const Q = ({
       }
     );
   else {
-    const n = j && p && A(i), a = !l && n ? `${e.title ?? "Field"} is required` : void 0;
+    const n = j && p && b(i), a = !l && n ? A(e.title ?? "Field") : void 0;
     o = /* @__PURE__ */ O(P, { children: [
       /* @__PURE__ */ t(
-        V,
+        w,
         {
           schema: e,
           value: i,
@@ -110,5 +110,5 @@ const Q = ({
   return d ? d(r, e, o) : o;
 };
 export {
-  Q as SchemaFieldContent
+  X as SchemaFieldContent
 };

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

@@ -8,13 +8,13 @@ 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 { JsonSchemaType as c } from "../types.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.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,

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

@@ -1,6 +1,6 @@
 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 { 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,

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

@@ -2,11 +2,11 @@ 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 { 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 C } from "./SchemaFieldContent.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,
@@ -14,17 +14,17 @@ const Z = ({
   path: u,
   level: S
 }) => {
-  const { rootSchema: i, texts: A, readonly: b = !1 } = G(), p = q(), O = x.discriminator;
+  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 = _(m, i) ?? {};
+      const m = a({ $ref: e[s] }, i), t = P(m, i) ?? {};
       d({ ...t, [r]: s });
     };
-    if (x.discriminatorDisplay === P.Radio) {
-      const s = x.discriminatorOrientation === B.Row, m = l ? (() => {
+    if (x.discriminatorDisplay === C.Radio) {
+      const s = x.discriminatorOrientation === L.Row, m = l ? (() => {
         const t = a(
           { $ref: e[l] },
           i
@@ -127,12 +127,12 @@ const Z = ({
     }
     return 0;
   })(), D = (r) => {
-    const e = a(f[r], i), n = _(e, i);
+    const e = a(f[r], i), n = P(e, i);
     d(n ?? null);
   }, R = f[$];
-  if (x.discriminatorDisplay === P.Radio)
+  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 = L(r, i) ?? `Option ${e + 1}`, g = $ === 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,
@@ -147,7 +147,7 @@ const Z = ({
           }
         ),
         g && n && /* @__PURE__ */ o("div", { className: "ml-6 mt-2", children: /* @__PURE__ */ o(
-          C,
+          _,
           {
             schema: n,
             value: c,
@@ -176,7 +176,7 @@ const Z = ({
       }
     ) }),
     R && /* @__PURE__ */ o("div", { className: "pl-3 border-l-2 border-secondary", children: /* @__PURE__ */ o(
-      C,
+      _,
       {
         schema: R,
         value: c,