@epam/ai-dial-ui-kit 0.14.0-dev.35 → 0.14.0-dev.36

package/dist/components/New/Grid/Grid.js

@@ -1,37 +1,36 @@
 import { jsx as o } from "react/jsx-runtime";
-import { themeBalham as ge, colorSchemeLight as _e, setupAgTestIds as Ne, ModuleRegistry as Ie, AllCommunityModule as Te } from "../../../node_modules/ag-grid-community/dist/package/main.esm.js";
-import { AgGridReact as Ae } from "../../../node_modules/ag-grid-react/dist/package/index.esm.js";
-import { IconZoomCancel as be } from "@tabler/icons-react";
-import { useState as De, useRef as D, useId as Ge, useCallback as s, useMemo as m, useEffect as g } from "react";
-import { useIsMobileScreen as Le } from "../../../hooks/use-is-mobile-screen.js";
-import { useIsTabletScreen as we } from "../../../hooks/use-is-tablet-screen.js";
-import { GridSelectionMode as K } from "../../../models/selection-mode.js";
-import { DropdownTrigger as Oe } from "../../../types/dropdown.js";
-import { debounceFn as ye } from "../../../utils/debounce.js";
-import { baseColumnComparator as ve, omitUndefined as xe } from "../../../utils/grid-comparators.js";
+import { themeBalham as ge, colorSchemeLight as _e } from "../../../node_modules/ag-grid-community/dist/package/main.esm.js";
+import { AgGridReact as Ne } from "../../../node_modules/ag-grid-react/dist/package/index.esm.js";
+import { IconZoomCancel as Ie } from "@tabler/icons-react";
+import { useState as Te, useRef as D, useId as Ae, useCallback as s, useMemo as m, useEffect as g } from "react";
+import { useIsMobileScreen as Ge } from "../../../hooks/use-is-mobile-screen.js";
+import { useIsTabletScreen as De } from "../../../hooks/use-is-tablet-screen.js";
+import { GridSelectionMode as Q } from "../../../models/selection-mode.js";
+import { DropdownTrigger as be } from "../../../types/dropdown.js";
+import { debounceFn as Le } from "../../../utils/debounce.js";
+import { baseColumnComparator as Oe, omitUndefined as we } from "../../../utils/grid-comparators.js";
+import { registerAgGridModulesOnce as ye } from "../../../utils/grid-registration.js";
 import { mergeClasses as X } from "../../../utils/merge-classes.js";
-import { Dropdown as He } from "../Dropdown/Dropdown.js";
-import { EllipsisTooltip as We } from "../EllipsisTooltip/EllipsisTooltip.js";
-import { NoDataContent as ke } from "../NoDataContent/NoDataContent.js";
-import { SelectionCell as ze } from "./components/SelectionCell.js";
-import { SelectionHeader as Pe } from "./components/SelectionHeader.js";
-import { GRID_THEME_PARAMS as G, SelectionEventSourceType as S, GRID_ROW_SELECT_CLASS as Me, GRID_HEADER_SELECT_CLASS as Fe, ROW_HEIGHT as Y, GRID_WITHOUT_HEADER_BORDERS_CLASS as Ue, GRID_SELECTION_VISIBLE_CLASS as Be, GRID_WITH_SELECTION_CLASS as Ve, GRID_ROOT_CLASS as je } from "./constants.js";
-import { SELECTION_COL_DEF as Je } from "./renderers/constants.js";
-Ne({ testIdAttribute: "dataQA" });
-Ie.registerModules([Te]);
-const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
+import { Dropdown as ve } from "../Dropdown/Dropdown.js";
+import { EllipsisTooltip as xe } from "../EllipsisTooltip/EllipsisTooltip.js";
+import { NoDataContent as He } from "../NoDataContent/NoDataContent.js";
+import { SelectionCell as We } from "./components/SelectionCell.js";
+import { SelectionHeader as ke } from "./components/SelectionHeader.js";
+import { GRID_THEME_PARAMS as b, SelectionEventSourceType as S, GRID_ROW_SELECT_CLASS as ze, GRID_HEADER_SELECT_CLASS as Pe, ROW_HEIGHT as Y, GRID_WITHOUT_HEADER_BORDERS_CLASS as Fe, GRID_SELECTION_VISIBLE_CLASS as Ue, GRID_WITH_SELECTION_CLASS as Me, GRID_ROOT_CLASS as Be } from "./constants.js";
+import { SELECTION_COL_DEF as Ve } from "./renderers/constants.js";
+const je = "dial-kit-grid-selection", Je = 150, Ze = 100, Sr = ({
   columnDefs: _,
   rowData: c,
   additionalGridOptions: L,
   getContextMenuItems: N,
   className: ee,
-  ariaLabel: te = "Data grid",
+  ariaLabel: re = "Data grid",
   wrapCustomCellRenderers: I = !0,
   disabledRowIds: p,
-  selectedRowIds: a,
-  onSelectionChange: w,
-  onGridApiChange: re,
-  getRowId: O,
+  selectedRowIds: l,
+  onSelectionChange: O,
+  onGridApiChange: te,
+  getRowId: w,
   alternateOddRowColors: y = !1,
   filterPlaceholder: v = "Enter value",
   emptyStateIcon: x,
@@ -42,46 +41,47 @@ const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
   withoutHeaderBorders: oe = !1,
   allowDisabledContextMenu: P = !1,
   selectionMode: n,
-  selectRowLabel: M,
-  selectAllLabel: F = "Select all rows"
+  selectRowLabel: F,
+  selectAllLabel: U = "Select all rows"
 }) => {
-  const [r, ne] = De(), ie = Le(), se = we(), T = D(/* @__PURE__ */ new Set()), U = D(
+  ye();
+  const [t, ne] = Te(), ie = Ge(), se = De(), T = D(/* @__PURE__ */ new Set()), M = D(
     void 0
-  ), B = `dial-kit-grid-selection-${Ge()}`, u = D({
-    getRowId: O,
+  ), B = `dial-kit-grid-selection-${Ae()}`, d = D({
+    getRowId: w,
     getContextMenuItems: N,
-    onSelectionChange: w,
-    selectRowLabel: M,
+    onSelectionChange: O,
+    selectRowLabel: F,
     wrapCustomCellRenderers: I
   });
-  u.current = {
-    getRowId: O,
+  d.current = {
+    getRowId: w,
     getContextMenuItems: N,
-    onSelectionChange: w,
-    selectRowLabel: M,
+    onSelectionChange: O,
+    selectRowLabel: F,
     wrapCustomCellRenderers: I
   };
-  const l = s((e) => {
-    const t = u.current.getRowId;
-    return t ? t(e) : String(e.id ?? JSON.stringify(e));
-  }, []), V = !!N, j = !!I, le = m(
+  const a = s((e) => {
+    const r = d.current.getRowId;
+    return r ? r(e) : String(e.id ?? JSON.stringify(e));
+  }, []), V = !!N, j = !!I, ae = m(
     () => ge.withPart(_e).withParams({
-      ...G,
-      oddRowBackgroundColor: y ? G.oddRowBackgroundColor : G.backgroundColor,
+      ...b,
+      oddRowBackgroundColor: y ? b.oddRowBackgroundColor : b.backgroundColor,
       wrapperBorder: z
     }),
     [y, z]
-  ), ae = s((e) => {
+  ), le = s((e) => {
     e.api.sizeColumnsToFit();
-  }, []), ce = ie || se || (a?.size ?? 0) > 0, d = s(
-    (e) => !!e && !!p?.has(l(e)),
-    [p, l]
+  }, []), ce = ie || se || (l?.size ?? 0) > 0, u = s(
+    (e) => !!e && !!p?.has(a(e)),
+    [p, a]
   ), C = s(
-    (e, t, i) => V ? /* @__PURE__ */ o(
-      He,
+    (e, r, i) => V ? /* @__PURE__ */ o(
+      ve,
       {
-        trigger: [Oe.ContextMenu],
-        items: e.data ? u.current.getContextMenuItems?.(e.data) ?? [] : [],
+        trigger: [be.ContextMenu],
+        items: e.data ? d.current.getContextMenuItems?.(e.data) ?? [] : [],
         anchorToMouse: !0,
         matchReferenceWidth: !0,
         className: X(
@@ -89,93 +89,93 @@ const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
           i && "cursor-not-allowed opacity-75"
         ),
         disabled: i && !P,
-        children: /* @__PURE__ */ o("span", { className: "block min-w-0 max-w-full flex-1", children: t })
+        children: /* @__PURE__ */ o("span", { className: "block min-w-0 max-w-full flex-1", children: r })
       }
-    ) : t,
+    ) : r,
     [V, P]
   ), A = s(
     (e) => {
       if (!e.data) return null;
-      const t = d(e.data);
+      const r = u(e.data);
       return C(
         e,
         /* @__PURE__ */ o(
-          We,
+          xe,
           {
             text: e.value == null ? "" : String(e.value),
             className: "max-w-full dial-small-text text-primary",
-            hideTooltip: t
+            hideTooltip: r
           }
         ),
-        t
+        r
       );
     },
-    [d, C]
+    [u, C]
   ), R = s(
     (e) => e === S.API || e === S.ROW_DATA_CHANGED,
     []
-  ), ue = m(
-    () => ye((e) => {
-      const i = (e.selectedNodes ?? []).map(($) => $.data), f = new Set(i.map(l));
-      T.current = f, U.current = e.source, !R(e.source) && u.current.onSelectionChange?.(f, i);
-    }, $e),
-    [R, l]
-  ), b = m(() => {
+  ), de = m(
+    () => Le((e) => {
+      const i = (e.selectedNodes ?? []).map((q) => q.data), f = new Set(i.map(a));
+      T.current = f, M.current = e.source, !R(e.source) && d.current.onSelectionChange?.(f, i);
+    }, Ze),
+    [R, a]
+  ), G = m(() => {
     if (n)
       return {
-        ...Je,
-        colId: Qe,
+        ...Ve,
+        colId: je,
         headerName: "",
-        headerClass: Fe,
-        cellClass: Me,
-        headerComponent: n === K.MULTIPLE ? Pe : void 0,
-        headerComponentParams: { label: F },
+        headerClass: Pe,
+        cellClass: ze,
+        headerComponent: n === Q.MULTIPLE ? ke : void 0,
+        headerComponentParams: { label: U },
         cellRenderer: (e) => {
           if (!e.data) return null;
-          const t = l(e.data);
+          const r = a(e.data);
           return /* @__PURE__ */ o(
-            ze,
+            We,
             {
               params: e,
               mode: n,
-              rowId: t,
+              rowId: r,
               radioName: B,
-              label: u.current.selectRowLabel?.(e.data) ?? "Select row",
-              disabled: p?.has(t)
+              label: d.current.selectRowLabel?.(e.data) ?? "Select row",
+              disabled: p?.has(r)
             }
           );
         }
       };
   }, [
     n,
-    F,
-    l,
+    U,
+    a,
     p,
     B
   ]), J = s(
     (e) => {
       if (!e.cellRenderer)
         return { ...e, cellRenderer: A };
-      const t = u.current.wrapCustomCellRenderers;
-      if (!(typeof t == "function" ? t(e) : !!t))
+      const r = d.current.wrapCustomCellRenderers;
+      if (!(typeof r == "function" ? r(e) : !!r))
         return e;
       const f = e.cellRenderer;
       return { ...e, cellRenderer: (E) => {
-        const he = d(E.data), q = typeof f == "function" ? f : void 0, Ee = q ? /* @__PURE__ */ o(q, { ...E }) : A(E);
+        const he = u(E.data), K = typeof f == "function" ? f : void 0, Ee = K ? /* @__PURE__ */ o(K, { ...E }) : A(E);
         return C(E, Ee, he);
       } };
     },
-    [d, A, C]
-  ), de = m(() => {
+    [u, A, C]
+  ), ue = m(() => {
     const e = j ? (_ ?? []).map(J) : _ ?? [];
-    return b ? [b, ...e] : e;
-  }, [_, j, J, b]), {
-    defaultColDef: Q,
+    return G ? [G, ...e] : e;
+  }, [_, j, J, G]), {
+    defaultColDef: Z,
     rowSelection: h,
     ...me
   } = L ?? {}, fe = m(
     () => ({
-      minWidth: Ze,
+      minWidth: Je,
       resizable: !0,
       sortable: !0,
       floatingFilter: !0,
@@ -184,102 +184,102 @@ const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
         filterPlaceholder: v,
         buttons: ["reset"]
       },
-      comparator: ve,
-      ...xe(Q)
+      comparator: Oe,
+      ...we(Z)
     }),
-    [v, Q]
+    [v, Z]
   ), Se = (e) => {
-    e.api.sizeColumnsToFit(), ne(e.api), L?.onGridReady?.(e), re?.(e.api);
+    e.api.sizeColumnsToFit(), ne(e.api), L?.onGridReady?.(e), te?.(e.api);
   };
   g(() => {
-    r && c && r.setGridOption("rowData", c);
-  }, [r, c]);
+    t && c && t.setGridOption("rowData", c);
+  }, [t, c]);
   const pe = s(
     () => /* @__PURE__ */ o(
-      ke,
+      He,
       {
         live: !0,
         title: H,
         description: W,
-        icon: x ?? /* @__PURE__ */ o(be, { size: 100, stroke: 0.5, "aria-hidden": "true" })
+        icon: x ?? /* @__PURE__ */ o(Ie, { size: 100, stroke: 0.5, "aria-hidden": "true" })
       }
     ),
     [H, W, x]
-  ), Z = typeof h == "object" ? h : void 0, Ce = m(() => n ? {
-    isRowSelectable: (e) => !d(e.data),
+  ), $ = typeof h == "object" ? h : void 0, Ce = m(() => n ? {
+    isRowSelectable: (e) => !u(e.data),
     /*
       Merged, not replaced, the way `defaultColDef` is: a consumer reaching
       for `isRowSelectable` alone would otherwise hand ag-Grid a whole new
       object and lose the three settings below with it.
     */
-    ...Z,
+    ...$,
     /*
       `selectionMode` owns the mode, because it also decides whether the
       selection column draws checkboxes or radios.
     */
-    mode: n === K.SINGLE ? "singleRow" : "multiRow",
+    mode: n === Q.SINGLE ? "singleRow" : "multiRow",
     // The controls live in this component's own selection column, so
     // ag-Grid's inputs are switched off and only its behaviour is used.
     checkboxes: !1,
     headerCheckbox: !1
   } : h, [
     h,
-    Z,
-    d,
+    $,
+    u,
     n
   ]);
   g(() => {
-    r && c && T.current.size && T.current.forEach((e) => {
-      const t = r.getRowNode(e);
-      t && !t.isSelected() && t.setSelected(!0, !1, S.API);
+    t && c && T.current.size && T.current.forEach((e) => {
+      const r = t.getRowNode(e);
+      r && !r.isSelected() && r.setSelected(!0, !1, S.API);
     });
-  }, [r, c]), g(() => {
-    r && a && (r.deselectAll("all", S.API), a.forEach((e) => {
-      const t = r.getRowNode(e);
-      t && !t.isSelected() && t.setSelected(!0, !1, S.API);
+  }, [t, c]), g(() => {
+    t && l && (t.deselectAll("all", S.API), l.forEach((e) => {
+      const r = t.getRowNode(e);
+      r && !r.isSelected() && r.setSelected(!0, !1, S.API);
     }));
-  }, [r, a]);
+  }, [t, l]);
   const Re = s(
-    (e) => e.data ? l(e.data) : "",
-    [l]
+    (e) => e.data ? a(e.data) : "",
+    [a]
   );
   return g(() => {
     const e = R(
-      U.current
+      M.current
     );
-    if (r && a?.size && e) {
-      const t = Array.from(a)[0];
-      if (t) {
-        const i = r.getRowNode(t);
-        i && r.ensureNodeVisible(i);
+    if (t && l?.size && e) {
+      const r = Array.from(l)[0];
+      if (r) {
+        const i = t.getRowNode(r);
+        i && t.ensureNodeVisible(i);
       }
     }
-  }, [r, R, a]), /* @__PURE__ */ o(
+  }, [t, R, l]), /* @__PURE__ */ o(
     "div",
     {
       className: X(
-        je,
+        Be,
         "size-full",
-        n && Ve,
-        n && ce && Be,
-        oe && Ue,
+        n && Me,
+        n && ce && Ue,
+        oe && Fe,
         ee
       ),
       role: "region",
-      "aria-label": te,
+      "aria-label": re,
       "aria-busy": k,
       children: /* @__PURE__ */ o("div", { className: "h-full overflow-x-auto", children: /* @__PURE__ */ o(
-        Ae,
+        Ne,
         {
           rowModelType: "clientSide",
           headerHeight: Y,
           rowHeight: Y,
           cellSelection: !1,
-          theme: le,
+          theme: ae,
           autoSizeStrategy: { type: "fitGridWidth" },
-          columnDefs: de,
+          columnDefs: ue,
           defaultColDef: fe,
-          onGridSizeChanged: ae,
+          onGridSizeChanged: le,
           onGridReady: Se,
           loading: k,
           suppressCellFocus: !0,
@@ -287,7 +287,7 @@ const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
           noRowsOverlayComponent: pe,
           rowData: c,
           rowSelection: Ce,
-          onSelectionChanged: ue,
+          onSelectionChanged: de,
           getRowId: Re,
           ...me
         }
@@ -296,6 +296,6 @@ const Qe = "dial-kit-grid-selection", Ze = 150, $e = 100, pt = ({
   );
 };
 export {
-  Qe as GRID_SELECTION_COLUMN_ID,
-  pt as Grid
+  je as GRID_SELECTION_COLUMN_ID,
+  Sr as Grid
 };

package/dist/components/New/MarkdownEditor/lazy.js

@@ -0,0 +1,4 @@
+const o = () => import("./MarkdownEditor.js");
+export {
+  o as LazyMarkdownEditor
+};

package/dist/components-manifest.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.14.0-dev.35",
-  "generatedAt": "2026-09-08T09:17:00.546Z",
+  "version": "0.14.0-dev.36",
+  "generatedAt": "2026-09-08T13:07:17.129Z",
   "kit": {
     "name": "@epam/ai-dial-ui-kit",
     "description": "A modern UI kit for building AI DIAL interfaces with React",