@epam/ai-dial-ui-kit 0.16.0-dev.44 → 0.16.0-dev.46

package/dist/MarkdownEditor-BtLY7OVq.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),O=require("react"),h=require("@uiw/react-md-editor"),k=require("./editors.cjs"),b=require("./icon-D93YIwGJ.cjs"),t=require("@tabler/icons-react");function p(n){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const r in n)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(n,r);Object.defineProperty(i,r,c.get?c:{enumerable:!0,get:()=>n[r]})}}return i.default=n,Object.freeze(i)}const C=p(h),f=b.DIAL_ICON_SIZE.SM,o={size:f,stroke:b.DIAL_KIT_ICON_STROKE},s=(n,i)=>({...n,icon:i}),E=()=>{const{bold:n,code:i,divider:r,group:c,heading1:a,heading2:d,heading3:u,italic:l,link:m,orderedListCommand:I,quote:x,strikethrough:g,table:j,unorderedListCommand:_}=C;return[s(n,e.jsx(t.IconBold,{...o})),s(l,e.jsx(t.IconItalic,{...o})),s(g,e.jsx(t.IconStrikethrough,{...o})),r,c([a,d,u],{name:"heading",groupName:"heading",icon:e.jsx(t.IconTextSize,{...o}),buttonProps:{"aria-label":"Text style",title:"Text style"}}),r,s(_,e.jsx(t.IconList,{...o})),s(I,e.jsx(t.IconListNumbers,{...o})),r,s(x,e.jsx(t.IconQuote,{...o})),s(m,e.jsx(t.IconLink,{...o})),s(i,e.jsx(t.IconCode,{...o})),r,s(j,e.jsx(t.IconTable,{...o}))]},L=()=>{const{codeEdit:n,codeLive:i,codePreview:r,divider:c,fullscreen:a}=C;return[s(n,e.jsx(t.IconPencil,{...o})),s(i,e.jsx(t.IconLayoutColumns,{...o})),s(r,e.jsx(t.IconEye,{...o})),c,s(a,e.jsx(t.IconMaximize,{...o}))]},M=({value:n,onChange:i,height:r=300,theme:c=k.EditorThemes.light,className:a,placeholder:d,defaultPreview:u="edit",id:l,ariaLabel:m,showDragbar:I=!0})=>{const x=O.useMemo(()=>E(),[]),g=O.useMemo(()=>L(),[]);return e.jsx("div",{"data-color-mode":c,className:b.mergeClasses("dial-kit-markdown-editor",a),children:e.jsx(h,{value:n,onChange:j=>i?.(j||""),height:r,preview:u,visibleDragbar:I,commands:x,extraCommands:g,textareaProps:{placeholder:d,id:l,"aria-label":m}})})};exports.MarkdownEditor=M;

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

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { themeBalham as Ae, colorSchemeDark as De, colorSchemeLight as Ge } from "../../../node_modules/ag-grid-community/dist/package/main.esm.js";
 import { AgGridReact as Le } from "../../../node_modules/ag-grid-react/dist/package/index.esm.js";
 import { IconZoomCancel as be } from "@tabler/icons-react";
-import { useState as we, useRef as b, useId as Oe, useCallback as s, useMemo as m, useEffect as _ } from "react";
+import { useState as we, useRef as b, useId as Oe, useCallback as s, useMemo as m, useEffect as g } from "react";
 import { useIsMobileScreen as ye } from "../../../hooks/use-is-mobile-screen.js";
 import { useIsTabletScreen as ve } from "../../../hooks/use-is-tablet-screen.js";
 import { GridSelectionMode as Y } from "../../../models/selection-mode.js";
@@ -20,7 +20,7 @@ import { SelectionHeader as Me } from "./components/SelectionHeader.js";
 import { GRID_THEME_PARAMS as w, SelectionEventSourceType as S, GRID_ROW_SELECT_CLASS as Ve, GRID_HEADER_SELECT_CLASS as je, ROW_HEIGHT as oe, GRID_CHAT_CLASS as Je, GRID_WITHOUT_HEADER_BORDERS_CLASS as Ze, GRID_SELECTION_VISIBLE_CLASS as $e, GRID_WITH_SELECTION_CLASS as qe, GRID_ROOT_CLASS as Ke } from "./constants.js";
 import { SELECTION_COL_DEF as Qe } from "./renderers/constants.js";
 const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
-  columnDefs: g,
+  columnDefs: _,
   rowData: c,
   additionalGridOptions: O,
   getContextMenuItems: N,
@@ -77,8 +77,13 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
       browserColorScheme: T,
       oddRowBackgroundColor: H ? w.oddRowBackgroundColor : w.backgroundColor,
       // The Chat table is a borderless card whose row dividers stop at the
-      // cell padding, so `styles/grid.scss` draws them instead.
-      ...D ? { wrapperBorder: !1, rowBorder: !1 } : { wrapperBorder: F }
+      // cell padding, so `styles/grid.scss` draws them instead. Its header
+      // and row cells take 12px on each side, not Balham's 8px.
+      ...D ? {
+        wrapperBorder: !1,
+        rowBorder: !1,
+        cellHorizontalPadding: 12
+      } : { wrapperBorder: F }
     }),
     [H, T, F, D]
   ), fe = s((e) => {
@@ -177,9 +182,9 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
     },
     [u, G, C]
   ), Ce = m(() => {
-    const e = Z ? (g ?? []).map($) : g ?? [];
+    const e = Z ? (_ ?? []).map($) : _ ?? [];
     return L ? [L, ...e] : e;
-  }, [g, Z, $, L]), {
+  }, [_, Z, $, L]), {
     defaultColDef: q,
     rowSelection: R,
     ...he
@@ -201,10 +206,10 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
   ), Ee = (e) => {
     e.api.sizeColumnsToFit(), ce(e.api), O?.onGridReady?.(e), se?.(e.api);
   };
-  _(() => {
+  g(() => {
     t && c && t.setGridOption("rowData", c);
   }, [t, c]);
-  const _e = s(
+  const ge = s(
     () => /* @__PURE__ */ o(
       Ue,
       {
@@ -215,7 +220,7 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
       }
     ),
     [W, z, x]
-  ), K = typeof R == "object" ? R : void 0, ge = m(() => n ? {
+  ), K = typeof R == "object" ? R : void 0, _e = m(() => n ? {
     isRowSelectable: (e) => !u(e.data),
     /*
       Merged, not replaced, the way `defaultColDef` is: a consumer reaching
@@ -238,12 +243,12 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
     u,
     n
   ]);
-  _(() => {
+  g(() => {
     t && c && A.current.size && A.current.forEach((e) => {
       const r = t.getRowNode(e);
       r && !r.isSelected() && r.setSelected(!0, !1, S.API);
     });
-  }, [t, c]), _(() => {
+  }, [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);
@@ -253,7 +258,7 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
     (e) => e.data ? a(e.data) : "",
     [a]
   );
-  return _(() => {
+  return g(() => {
     const e = h(
       V.current
     );
@@ -295,9 +300,9 @@ const Xe = "dial-kit-grid-selection", Ye = 150, er = 100, Nr = ({
           loading: P,
           suppressCellFocus: !0,
           suppressDragLeaveHidesColumns: !0,
-          noRowsOverlayComponent: _e,
+          noRowsOverlayComponent: ge,
           rowData: c,
-          rowSelection: ge,
+          rowSelection: _e,
           onSelectionChanged: pe,
           getRowId: Ne,
           ...he

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

@@ -1,5 +1,5 @@
 import { PopupSize as e } from "../../../types/popup.js";
-const o = "z-popup flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", a = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", t = "flex flex-row items-center justify-between px-6 py-4", s = "flex-1 min-w-0 mr-3 truncate dial-h3-text text-primary", l = "border-b border-tertiary", r = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", i = "flex shrink-0 flex-row items-center gap-2", x = "ml-auto mobile:flex-1", n = "mobile:flex-1", u = {
+const o = "z-popup flex items-center justify-center bg-backdrop md:p-4 gap-5 p-6", a = "relative flex w-full max-h-full flex-col rounded-xl bg-layer-raised md:h-auto", t = "flex flex-row items-center justify-between px-6 py-4", s = "flex-1 min-w-0 mr-3 truncate dial-h2-text text-primary", l = "border-b border-tertiary", r = "flex flex-row items-center gap-2 px-6 py-4", m = "border-t border-tertiary", i = "flex shrink-0 flex-row items-center gap-2", x = "ml-auto mobile:flex-1", n = "mobile:flex-1", u = {
   [e.Sm]: "max-w-full md:max-w-[400px]",
   [e.Md]: "max-w-full md:max-w-[800px]",
   [e.Lg]: "max-w-full md:max-w-[1200px]"