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

package/dist/components/SchemaRenderer/utils.js

@@ -1,63 +1,64 @@
-import { JsonSchemaType as d } from "./types.js";
-function b(r, n) {
+import { JsonSchemaType as f } from "./types.js";
+function $(r, n) {
   const i = { ...r, ...n };
   return (r.properties || n.properties) && (i.properties = { ...r.properties, ...n.properties }), (r.required || n.required) && (i.required = Array.from(
     /* @__PURE__ */ new Set([...r.required ?? [], ...n.required ?? []])
   )), i;
 }
-function u(r, n, i = 0) {
+function p(r, n, i = 0) {
   if (i > 10) return r;
   let t = r;
   if (t.$ref) {
     const e = t.$ref.replace(/^#\//, "").split("/");
     let o = n;
-    for (const l of e)
-      o = o?.[l];
+    for (const u of e)
+      o = o?.[u];
     if (!o || typeof o != "object") return r;
-    const { $ref: f, ...y } = t, p = o;
-    t = { ...p.$ref ? u(p, n, i + 1) : p, ...y };
+    const { $ref: s, ...y } = t, d = o;
+    t = { ...d.$ref ? p(d, n, i + 1) : d, ...y };
   }
   if (t.allOf && t.allOf.length > 0) {
     const { allOf: e, ...o } = t;
-    let f = {};
+    let s = {};
     for (const y of e)
-      f = b(f, u(y, n, i + 1));
-    t = b(f, o);
+      s = $(s, p(y, n, i + 1));
+    t = $(s, o);
   }
   return t;
 }
-function P(r) {
+function T(r) {
   return r.map((n, i) => ({ entry: n, index: i })).sort((n, i) => {
     const t = n.entry[1]["dial:meta"]?.["dial:propertyOrder"] ?? 1 / 0, e = i.entry[1]["dial:meta"]?.["dial:propertyOrder"] ?? 1 / 0;
     return t !== e ? t - e : n.index - i.index;
   }).map(({ entry: n }) => n);
 }
-function A(r) {
+function j(r) {
   return r == null || r === "";
 }
 function O(r) {
-  return r.type === d.Object || r.properties != null && r.oneOf == null && r.anyOf == null && r.type == null;
+  return r.type === f.Object || r.properties != null && r.oneOf == null && r.anyOf == null && r.type == null;
 }
-function I(r) {
+function N(r) {
   return r.replace(/_/g, " ").replace(/([a-z])([A-Z])/g, "$1 $2").replace(/\b\w/g, (n) => n.toUpperCase());
 }
+const I = (r) => `"${r}" is required`;
 function q(r, n) {
-  return r.type === d.Null ? "null" : r.$ref ? u(r, n).title ?? r.$ref.split("/").pop() ?? "Option" : r.title ? r.title : r.type ? Array.isArray(r.type) ? r.type.join(" | ") : r.type : r.discriminator ? Object.keys(r.discriminator.mapping).join(" | ") : r.const != null ? String(r.const) : r.oneOf ? "One of options" : "Option";
+  return r.type === f.Null ? "null" : r.$ref ? p(r, n).title ?? r.$ref.split("/").pop() ?? "Option" : r.title ? r.title : r.type ? Array.isArray(r.type) ? r.type.join(" | ") : r.type : r.discriminator ? Object.keys(r.discriminator.mapping).join(" | ") : r.const != null ? String(r.const) : r.oneOf ? "One of options" : "Option";
 }
-function j(r, n, i = 0) {
+function A(r, n, i = 0) {
   if (i > 15) return;
-  const t = u(r, n);
+  const t = p(r, n);
   if ("default" in t)
     return t.default;
   if (t.discriminator && t.oneOf) {
     const e = Object.keys(t.discriminator.mapping)[0];
     if (e) {
-      const o = u(
+      const o = p(
         { $ref: t.discriminator.mapping[e] },
         n
       );
       return {
-        ...j(o, n, i + 1) ?? {},
+        ...A(o, n, i + 1) ?? {},
         [t.discriminator.propertyName]: e
       };
     }
@@ -66,9 +67,9 @@ function j(r, n, i = 0) {
     if (t.properties) {
       const e = {};
       let o = !1;
-      for (const [f, y] of Object.entries(t.properties)) {
-        const p = j(y, n, i + 1);
-        p !== void 0 && (e[f] = p, o = !0);
+      for (const [s, y] of Object.entries(t.properties)) {
+        const d = A(y, n, i + 1);
+        d !== void 0 && (e[s] = d, o = !0);
       }
       return o ? e : void 0;
     }
@@ -76,26 +77,26 @@ function j(r, n, i = 0) {
       return {};
   }
 }
-function $(r, n, i, t = "", e = 0) {
+function b(r, n, i, t = "", e = 0) {
   if (e > 15) return [];
-  const o = [], f = u(n, i);
-  if (f.anyOf) {
-    const s = f.anyOf.filter(
-      (l) => l.type !== d.Null
+  const o = [], s = p(n, i);
+  if (s.anyOf) {
+    const l = s.anyOf.filter(
+      (u) => u.type !== f.Null
     );
-    return r != null && s.length === 1 ? $(
+    return r != null && l.length === 1 ? b(
       r,
-      s[0],
+      l[0],
       i,
       t,
       e + 1
     ) : o;
   }
-  if (f.oneOf && f.discriminator) {
-    const s = f.discriminator.propertyName, l = r?.[s];
-    if (l && f.discriminator.mapping[l]) {
-      const a = { $ref: f.discriminator.mapping[l] }, c = u(a, i);
-      return $(
+  if (s.oneOf && s.discriminator) {
+    const l = s.discriminator.propertyName, u = r?.[l];
+    if (u && s.discriminator.mapping[u]) {
+      const a = { $ref: s.discriminator.mapping[u] }, c = p(a, i);
+      return b(
         r,
         c,
         i,
@@ -105,41 +106,41 @@ function $(r, n, i, t = "", e = 0) {
     }
     return o;
   }
-  if (f.type === d.Array || !f.type && Array.isArray(r)) {
-    if (Array.isArray(r) && f.items)
-      for (let s = 0; s < r.length; s++) {
-        const l = $(
-          r[s],
-          f.items,
+  if (s.type === f.Array || !s.type && Array.isArray(r)) {
+    if (Array.isArray(r) && s.items)
+      for (let l = 0; l < r.length; l++) {
+        const u = b(
+          r[l],
+          s.items,
           i,
-          `${t}[${s}]`,
+          `${t}[${l}]`,
           e + 1
         );
-        o.push(...l);
+        o.push(...u);
       }
     return o;
   }
-  if (!O(f)) return o;
-  const y = f.required ?? [], p = r;
-  for (const s of y) {
-    const l = f.properties?.[s];
-    if (l && u(l, i).isHidden)
+  if (!O(s)) return o;
+  const y = s.required ?? [], d = r;
+  for (const l of y) {
+    const u = s.properties?.[l];
+    if (u && p(u, i).isHidden)
       continue;
-    const a = t ? `${t}.${s}` : s, c = p?.[s];
-    if (A(c)) {
-      const g = l?.title ?? I(s);
-      o.push({ path: a, message: `${g} is required` });
+    const a = t ? `${t}.${l}` : l, c = d?.[l];
+    if (j(c)) {
+      const g = u?.title ?? N(l);
+      o.push({ path: a, message: I(g) });
     }
   }
-  if (p && f.properties)
-    for (const [s, l] of Object.entries(f.properties)) {
-      if (u(l, i).isHidden)
+  if (d && s.properties)
+    for (const [l, u] of Object.entries(s.properties)) {
+      if (p(u, i).isHidden)
         continue;
-      const a = t ? `${t}.${s}` : s, c = p[s];
+      const a = t ? `${t}.${l}` : l, c = d[l];
       if (c != null) {
-        const g = $(
+        const g = b(
           c,
-          l,
+          u,
           i,
           a,
           e + 1
@@ -147,12 +148,12 @@ function $(r, n, i, t = "", e = 0) {
         o.push(...g);
       }
     }
-  if (p && f.additionalProperties != null && f.additionalProperties !== !1 && typeof f.additionalProperties == "object") {
-    const s = f.additionalProperties;
-    for (const [l, a] of Object.entries(p)) {
-      const c = t ? `${t}.${l}` : l, g = $(
+  if (d && s.additionalProperties != null && s.additionalProperties !== !1 && typeof s.additionalProperties == "object") {
+    const l = s.additionalProperties;
+    for (const [u, a] of Object.entries(d)) {
+      const c = t ? `${t}.${u}` : u, g = b(
         a,
-        s,
+        l,
         i,
         c,
         e + 1
@@ -162,61 +163,61 @@ function $(r, n, i, t = "", e = 0) {
   }
   return o;
 }
-function v(r, n, i) {
-  const t = u(n, i);
+function E(r, n, i) {
+  const t = p(n, i);
   if (Array.isArray(r))
     return `${r.length} item${r.length !== 1 ? "s" : ""}`;
   if (O(t) && t.properties) {
     const e = Object.entries(t.properties).filter(
-      ([, p]) => !u(p, i).isHidden
-    ), o = e.length, f = r;
-    return `${e.filter(([p]) => {
-      const s = f?.[p];
-      return s != null && s !== "";
+      ([, d]) => !p(d, i).isHidden
+    ), o = e.length, s = r;
+    return `${e.filter(([d]) => {
+      const l = s?.[d];
+      return l != null && l !== "";
     }).length}/${o} fields`;
   }
   return "";
 }
-function N(r, n, i) {
+function R(r, n, i) {
   if (r == null) {
-    const t = n.findIndex((e) => e.type === d.Null);
+    const t = n.findIndex((e) => e.type === f.Null);
     return t >= 0 ? t : 0;
   }
   if (Array.isArray(r)) {
-    const t = n.findIndex((e) => u(e, i).type === d.Array);
+    const t = n.findIndex((e) => p(e, i).type === f.Array);
     return t >= 0 ? t : 0;
   }
   if (typeof r == "boolean") {
-    const t = n.findIndex((e) => u(e, i).type === d.Boolean);
+    const t = n.findIndex((e) => p(e, i).type === f.Boolean);
     return t >= 0 ? t : 0;
   }
   if (typeof r == "number") {
     const t = n.findIndex((e) => {
-      const o = u(e, i);
-      return o.type === d.Number || o.type === d.Integer;
+      const o = p(e, i);
+      return o.type === f.Number || o.type === f.Integer;
     });
     return t >= 0 ? t : 0;
   }
   if (typeof r == "string") {
-    const t = n.findIndex((e) => u(e, i).type === d.String);
+    const t = n.findIndex((e) => p(e, i).type === f.String);
     return t >= 0 ? t : 0;
   }
   if (typeof r == "object") {
     const t = r;
     for (let e = 0; e < n.length; e++) {
-      const o = u(n[e], i);
+      const o = p(n[e], i);
       if (o.discriminator && o.discriminator.propertyName in t)
         return e;
     }
     for (let e = 0; e < n.length; e++) {
-      const o = u(n[e], i);
+      const o = p(n[e], i);
       if (O(o) || o.oneOf) return e;
     }
     return 0;
   }
   return 0;
 }
-function V(r, n, i) {
+function B(r, n, i) {
   if (n && typeof r == "object" && r !== null) {
     const t = r[n];
     if (t) return `Item ${i + 1}: ${t}`;
@@ -227,32 +228,58 @@ function V(r, n, i) {
   }
   return `Item ${i + 1}`;
 }
-function k(r) {
+function D(r) {
   switch (Array.isArray(r.type) ? r.type[0] : r.type) {
-    case d.String:
+    case f.String:
       return "";
-    case d.Boolean:
+    case f.Boolean:
       return !1;
-    case d.Array:
+    case f.Array:
       return [];
-    case d.Integer:
-    case d.Number:
+    case f.Integer:
+    case f.Number:
       return;
     default:
       return {};
   }
 }
+const V = [
+  f.String,
+  f.Number,
+  f.Boolean,
+  f.Null,
+  f.Object,
+  f.Array
+];
+function k(r) {
+  return Array.isArray(r) ? f.Array : typeof r == "object" && r !== null ? f.Object : typeof r == "boolean" ? f.Boolean : typeof r == "number" ? f.Number : r === null ? f.Null : f.String;
+}
+const P = {
+  [f.String]: "",
+  [f.Number]: 0,
+  [f.Boolean]: !1,
+  [f.Null]: null,
+  [f.Object]: {},
+  [f.Array]: []
+};
+function _(r) {
+  return P[r];
+}
 export {
-  v as buildSummary,
-  N as detectAnyOfVariant,
-  j as extractDefaults,
-  V as getItemTitle,
+  V as ENTRY_TYPE_OPTIONS,
+  E as buildSummary,
+  R as detectAnyOfVariant,
+  A as extractDefaults,
+  _ as getEntryTypeDefault,
+  B as getItemTitle,
   q as getOptionLabel,
-  k as getSchemaDefault,
-  A as isMissingRequiredValue,
+  D as getSchemaDefault,
+  k as inferEntryType,
+  j as isMissingRequiredValue,
   O as isObjectType,
-  u as resolveRef,
-  P as sortByPropertyOrder,
-  I as toFieldLabel,
-  $ as validateRequired
+  p as resolveRef,
+  T as sortByPropertyOrder,
+  N as toFieldLabel,
+  I as toRequiredMessage,
+  b as validateRequired
 };

package/dist/components/Skeleton/Skeleton.js

@@ -1,14 +1,15 @@
-import { jsx as t, Fragment as $, jsxs as k } from "react/jsx-runtime";
+import { jsx as t, Fragment as L, jsxs as k } from "react/jsx-runtime";
 import "react";
 import { mergeClasses as n } from "../../utils/merge-classes.js";
-import { SkeletonVariant as i, SkeletonAvatarShape as N } from "../../types/skeleton.js";
-import { getAvatarSize as F } from "./utils.js";
-const G = ({
-  active: j = !0,
+import { SkeletonVariant as i, SkeletonAvatarShape as S } from "../../types/skeleton.js";
+import { getAvatarSize as P } from "./utils.js";
+import { DIAL_KIT_CLASS as R } from "../../constants/public-class-names.js";
+const B = ({
+  active: A = !0,
   paragraph: u = !0,
   avatar: m = !1,
   showTitle: p = !0,
-  loading: S = !0,
+  loading: N = !0,
   children: g,
   variant: o = i.Default,
   width: l,
@@ -16,13 +17,13 @@ const G = ({
   overlay: s,
   color: e,
   className: h,
-  ...b
+  ...C
 }) => {
-  if (!S && g)
-    return /* @__PURE__ */ t($, { children: g });
+  if (!N && g)
+    return /* @__PURE__ */ t(L, { children: g });
   const d = n(
     "bg-layer-raised",
-    j && "animate-pulse",
+    A && "animate-pulse",
     h
   );
   if (o !== i.Default) {
@@ -33,21 +34,26 @@ const G = ({
       o === i.Text && "rounded",
       !!s && "relative"
     ), r = {};
-    return l && (r.width = typeof l == "number" ? `${l}px` : l), c && (r.height = typeof c == "number" ? `${c}px` : c), e && (r.backgroundColor = e), /* @__PURE__ */ t("div", { className: a, style: r, ...b, children: s && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: s }) });
+    return l && (r.width = typeof l == "number" ? `${l}px` : l), c && (r.height = typeof c == "number" ? `${c}px` : c), e && (r.backgroundColor = e), /* @__PURE__ */ t("div", { className: a, style: r, ...C, children: s && /* @__PURE__ */ t("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: s }) });
   }
-  const A = !!m, w = !!p, z = !!u, x = typeof m == "object" ? m : {}, W = typeof p == "object" ? p : {}, C = typeof u == "object" ? u : {}, y = F(x.size), D = x.shape ?? N.Circle, P = W.width ?? "38%", v = C.rows ?? 3, f = C.width, R = (a) => f ? Array.isArray(f) ? f[a] ?? "100%" : f : a === v - 1 ? "61%" : "100%";
+  const j = !!m, w = !!p, z = !!u, b = typeof m == "object" ? m : {}, D = typeof p == "object" ? p : {}, x = typeof u == "object" ? u : {}, y = P(b.size), W = b.shape ?? S.Circle, _ = D.width ?? "38%", v = x.rows ?? 3, f = x.width, I = (a) => f ? Array.isArray(f) ? f[a] ?? "100%" : f : a === v - 1 ? "61%" : "100%";
   return /* @__PURE__ */ k(
     "div",
     {
-      ...b,
-      className: n("flex gap-4", !!s && "relative", h),
+      ...C,
+      className: n(
+        "flex gap-4",
+        !!s && "relative",
+        h,
+        R.skeleton
+      ),
       children: [
-        A && /* @__PURE__ */ t(
+        j && /* @__PURE__ */ t(
           "div",
           {
             className: n(
               d,
-              D === N.Circle ? "rounded-full" : "rounded",
+              W === S.Circle ? "rounded-full" : "rounded",
               "flex-shrink-0"
             ),
             style: {
@@ -63,7 +69,7 @@ const G = ({
             {
               className: n(d, "h-4 rounded"),
               style: {
-                width: P,
+                width: _,
                 ...e && { backgroundColor: e }
               }
             }
@@ -73,7 +79,7 @@ const G = ({
             {
               className: n(d, "h-4 rounded"),
               style: {
-                width: R(r),
+                width: I(r),
                 ...e && { backgroundColor: e }
               }
             },
@@ -86,5 +92,5 @@ const G = ({
   );
 };
 export {
-  G as Skeleton
+  B as Skeleton
 };

package/dist/components/Spinner/Spinner.js

@@ -1,6 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { mergeClasses as a } from "../../utils/merge-classes.js";
-const o = ({
+import { mergeClasses as n } from "../../utils/merge-classes.js";
+import { DIAL_KIT_CLASS as o } from "../../constants/public-class-names.js";
+const d = ({
   size: e = 40,
   className: s,
   fullWidth: t = !1,
@@ -9,10 +10,11 @@ const o = ({
   "div",
   {
     role: "status",
-    className: a(
+    className: n(
       "flex items-center justify-center",
       { "size-full": t },
-      s
+      s,
+      o.spinner
     ),
     children: /* @__PURE__ */ r(
       "div",
@@ -26,5 +28,5 @@ const o = ({
   }
 );
 export {
-  o as Spinner
+  d as Spinner
 };

package/dist/components/Tooltip/TooltipContent.js

@@ -4,28 +4,28 @@ import c from "classnames";
 import { useRef as f } from "react";
 import { useHasHover as d } from "../../hooks/use-has-hover.js";
 import { useTooltipContext as x } from "./TooltipContext.js";
-const F = ({ style: e, ...o }) => {
-  const r = x(), s = d(), a = f(null), l = n([r.refs.setFloating, a]);
-  return !r.open || !s ? null : /* @__PURE__ */ t(p, { id: "tooltip-portal", children: /* @__PURE__ */ i(
+const F = ({ style: e, ...r }) => {
+  const o = x(), s = d(), l = f(null), a = n([o.refs.setFloating, l]);
+  return !o.open || !s ? null : /* @__PURE__ */ t(p, { id: "tooltip-portal", children: /* @__PURE__ */ i(
     "div",
     {
-      ref: l,
+      ref: a,
       style: {
-        ...r.floatingStyles,
+        ...o.floatingStyles,
         ...e
       },
-      ...r.getFloatingProps(o),
+      ...o.getFloatingProps(r),
       className: c(
-        "z-[55] whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",
-        r.getFloatingProps(o).className
+        "z-tooltip whitespace-pre-wrap break-words rounded border border-primary bg-layer-0 px-2 py-1 dial-tiny-text shadow max-w-[300px]",
+        o.getFloatingProps(r).className
       ),
       children: [
-        o.children,
+        r.children,
         /* @__PURE__ */ t(
           m,
           {
-            ref: r.arrowRef,
-            context: r.context,
+            ref: o.arrowRef,
+            context: o.context,
             fill: "currentColor",
             strokeWidth: 1,
             className: "stroke-primary text-[var(--bg-layer-0,_#000000)]"