@dss-kit/ui-kit 0.3.1 → 0.3.3

package/dist/components/builders/Table/Table.d.ts

@@ -1,7 +1,7 @@
 import { createColumnHelper } from '@tanstack/react-table';
 import { TableProps } from './Table.types';
 declare const Table: {
-    <TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, enableColumnPinning, columnPinning: controlledColumnPinning, onColumnPinningChange, sorting: controlledSorting, onSortingChange, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, emptyLabels, loadingLabels, className, containerClassName, theadClassName, tbodyClassName, emptyStateClassName, emptyStateTitleClassName, emptyStateDescriptionClassName, paginationClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset, paginationVariant, paginationLabels, renderPageSizeSelectorDropdownItem, renderPageSizeSelectorInputItem, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
+    <TData>({ ref, data, columns, showBorders, enableSorting, enablePagination, enableRowSelection, enableMultiRowSelection, enableColumnPinning, columnPinning: controlledColumnPinning, onColumnPinningChange, sorting: controlledSorting, onSortingChange, manualSorting, columnFilters: controlledColumnFilters, onColumnFiltersChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, pagination: controlledPagination, onPaginationChange, rowSelection: controlledRowSelection, onRowSelectionChange, totalCount, loading, loadingRowCount, emptyLabels, className, containerClassName, theadClassName, tbodyClassName, emptyStateClassName, emptyStateTitleClassName, emptyStateDescriptionClassName, paginationClassName, tableOptions, onRowClick, getRowId, headCellComponent: HeadCellComponent, bodyCellComponent: BodyCellComponent, headRowComponent: HeadRowComponent, bodyRowComponent: BodyRowComponent, onReset, paginationVariant, paginationLabels, renderPageSizeSelectorDropdownItem, renderPageSizeSelectorInputItem, }: TableProps<TData>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     HeadCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
     BodyCellContent: import('react').ForwardRefExoticComponent<Omit<import('../Box').BoxProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/builders/Table/Table.js

@@ -1,229 +1,248 @@
-import { jsx as o, jsxs as T } from "react/jsx-runtime";
-import { cx as r, css as M } from "@emotion/css";
-import { useReactTable as Re, getPaginationRowModel as xe, getSortedRowModel as Pe, getCoreRowModel as Te, flexRender as H, createColumnHelper as He } from "@tanstack/react-table";
-import { useImperativeHandle as Ne } from "react";
-import ve from "../../../assets/svg/table/loading.svg.js";
-import Me from "../../../assets/svg/table/search.svg.js";
-import { styles as ze } from "./styles.js";
-import { useControllableState as t } from "./Table.hooks.js";
-import { getColumnPinningStyles as N } from "./Table.utils.js";
-import { TablePlaceholder as v } from "./TablePlaceholder/TablePlaceholder.js";
-import { TableWrapper as Be } from "./TableWrapper/TableWrapper.js";
-import { TableHeadRow as Ie } from "./TableHeadRow/TableHeadRow.js";
-import { TablePagination as Ve } from "./TablePagination/TablePagination.js";
-import { TableHeadCell as ke } from "./TableHeadCell/TableHeadCell.js";
-import { TableBodyCell as Fe } from "./TableBodyCell/TableBodyCell.js";
-import { TableBodyRow as We } from "./TableBodyRow/TableBodyRow.js";
-import { TableHeadCellContent as je } from "./TableHeadCellContent/TableHeadCellContent.js";
-import { TableBodyCellContent as Le } from "./TableBodyCellContent/TableBodyCellContent.js";
-import { TableHeadCellContentSortable as De } from "./TableHeadCellContentSortable/TableHeadCellContentSortable.js";
-import { theme as qe } from "../../../utils/theme/index.js";
-import { Box as Ae } from "../Box/Box.js";
-const { spacing: f, color: l } = qe, Ee = M({
+import { jsx as o, jsxs as P } from "react/jsx-runtime";
+import { cx as p, css as b } from "@emotion/css";
+import { useReactTable as He, getPaginationRowModel as ve, getSortedRowModel as Ne, getCoreRowModel as Me, flexRender as H, createColumnHelper as ke } from "@tanstack/react-table";
+import { useImperativeHandle as Ie } from "react";
+import ze from "../../../assets/svg/table/search.svg.js";
+import { styles as Ve } from "./styles.js";
+import { useControllableState as m } from "./Table.hooks.js";
+import { getColumnPinningStyles as f } from "./Table.utils.js";
+import { TablePlaceholder as Le } from "./TablePlaceholder/TablePlaceholder.js";
+import { TableWrapper as Ee } from "./TableWrapper/TableWrapper.js";
+import { TableHeadRow as Fe } from "./TableHeadRow/TableHeadRow.js";
+import { TablePagination as We } from "./TablePagination/TablePagination.js";
+import { TableHeadCell as je } from "./TableHeadCell/TableHeadCell.js";
+import { TableBodyCell as Be } from "./TableBodyCell/TableBodyCell.js";
+import { TableBodyRow as De } from "./TableBodyRow/TableBodyRow.js";
+import { TableBodyCellContent as M } from "./TableBodyCellContent/TableBodyCellContent.js";
+import { Skeleton as _e } from "../../shared/Skeleton/Skeleton.js";
+import { TableHeadCellContent as Ae } from "./TableHeadCellContent/TableHeadCellContent.js";
+import { TableHeadCellContentSortable as Ke } from "./TableHeadCellContentSortable/TableHeadCellContentSortable.js";
+import { theme as Oe } from "../../../utils/theme/index.js";
+import { Box as $e } from "../Box/Box.js";
+const { spacing: v, color: n } = Oe, qe = b({
   width: "100%",
   maxWidth: "100%",
   minWidth: "max-content",
   borderCollapse: "collapse",
   borderSpacing: 0,
-  backgroundColor: l.fill.bgPrimary
-}), Ge = M({
-  backgroundColor: l.fill.bgSecondary,
-  color: l.text.tertiary
-}), m = ({
-  ref: z,
-  data: g,
-  columns: B,
-  showBorders: d = !0,
-  enableSorting: I = !1,
-  enablePagination: b = !1,
+  backgroundColor: n.fill.bgPrimary
+}), Ge = b({
+  backgroundColor: n.fill.bgSecondary,
+  color: n.text.tertiary
+}), Je = b({
+  pointerEvents: "none",
+  userSelect: "none"
+}), N = ["70%", "55%", "80%", "60%"], c = ({
+  ref: k,
+  data: h,
+  columns: I,
+  showBorders: g = !0,
+  enableSorting: z = !1,
+  enablePagination: S = !1,
   enableRowSelection: V = !1,
-  enableMultiRowSelection: k = !1,
-  enableColumnPinning: p = !1,
-  columnPinning: F,
-  onColumnPinningChange: W,
-  sorting: j,
-  onSortingChange: L,
+  enableMultiRowSelection: L = !1,
+  enableColumnPinning: d = !1,
+  columnPinning: E,
+  onColumnPinningChange: F,
+  sorting: W,
+  onSortingChange: j,
+  manualSorting: B,
   columnFilters: D,
-  onColumnFiltersChange: q,
+  onColumnFiltersChange: _,
   columnVisibility: A,
-  onColumnVisibilityChange: E,
-  pagination: G,
-  onPaginationChange: J,
-  rowSelection: K,
-  onRowSelectionChange: O,
+  onColumnVisibilityChange: K,
+  pagination: O,
+  onPaginationChange: $,
+  rowSelection: q,
+  onRowSelectionChange: G,
   totalCount: s,
-  loading: u = !1,
+  loading: i = !1,
+  loadingRowCount: J = 10,
   emptyLabels: Q = {
     title: "Nothing found",
-    description: "No results found for “result”",
+    description: "Try adjusting your search or filters",
     action: "Reset"
   },
-  loadingLabels: U = {
-    title: "Loading...",
-    description: "Please wait or reset your promt",
-    action: "Reset"
-  },
-  className: X,
-  containerClassName: C,
-  theadClassName: Y,
-  tbodyClassName: Z,
-  emptyStateClassName: S,
-  emptyStateTitleClassName: y,
-  emptyStateDescriptionClassName: w,
-  paginationClassName: _,
-  tableOptions: $ = {},
-  onRowClick: R,
-  getRowId: ee,
-  headCellComponent: oe = ke,
-  bodyCellComponent: le = Fe,
-  headRowComponent: ne = Ie,
-  bodyRowComponent: te = We,
-  onReset: x,
-  paginationVariant: ie,
-  paginationLabels: ae,
-  renderPageSizeSelectorDropdownItem: re,
-  renderPageSizeSelectorInputItem: me
+  className: U,
+  containerClassName: u,
+  theadClassName: X,
+  tbodyClassName: Y,
+  emptyStateClassName: Z,
+  emptyStateTitleClassName: ee,
+  emptyStateDescriptionClassName: oe,
+  paginationClassName: te,
+  tableOptions: le = {},
+  onRowClick: y,
+  getRowId: ne,
+  headCellComponent: ie = je,
+  bodyCellComponent: w = Be,
+  headRowComponent: ae = Fe,
+  bodyRowComponent: x = De,
+  onReset: re,
+  paginationVariant: me,
+  paginationLabels: se,
+  renderPageSizeSelectorDropdownItem: ce,
+  renderPageSizeSelectorInputItem: ge
 }) => {
-  const [se, ce] = t(
+  const [de, pe] = m(
+    W,
     j,
-    L,
     []
-  ), [ge, de] = t(
+  ), [he, Ce] = m(
     D,
-    q,
+    _,
     []
-  ), [pe, Ce] = t(
+  ), [fe, be] = m(
     A,
-    E,
+    K,
     {}
-  ), [n, h] = t(
-    G,
-    J,
+  ), [a, C] = m(
+    O,
+    $,
     { pageIndex: 0, pageSize: 10 }
-  ), [he, fe] = t(K, O, {}), [be, ue] = t(
+  ), [Se, ue] = m(q, G, {}), [ye, we] = m(
+    E,
     F,
-    W,
     { left: [], right: [] }
-  ), i = Re({
-    data: g,
-    columns: B,
+  ), R = B ?? !!s, l = He({
+    data: h,
+    columns: I,
     state: {
-      sorting: se,
-      columnFilters: ge,
-      columnVisibility: pe,
-      pagination: n,
-      rowSelection: he,
-      columnPinning: be
+      sorting: de,
+      columnFilters: he,
+      columnVisibility: fe,
+      pagination: a,
+      rowSelection: Se,
+      columnPinning: ye
     },
-    onSortingChange: ce,
-    onColumnFiltersChange: de,
-    onColumnVisibilityChange: Ce,
-    onPaginationChange: h,
-    onRowSelectionChange: fe,
-    onColumnPinningChange: ue,
-    getCoreRowModel: Te(),
-    getSortedRowModel: I ? Pe() : void 0,
-    getPaginationRowModel: b ? xe() : void 0,
+    onSortingChange: pe,
+    onColumnFiltersChange: Ce,
+    onColumnVisibilityChange: be,
+    onPaginationChange: C,
+    onRowSelectionChange: ue,
+    onColumnPinningChange: we,
+    getCoreRowModel: Me(),
+    getSortedRowModel: z && !R ? Ne() : void 0,
+    getPaginationRowModel: S ? ve() : void 0,
     enableRowSelection: V,
-    enableMultiRowSelection: k,
-    enableColumnPinning: p,
-    getRowId: ee,
+    enableMultiRowSelection: L,
+    enableColumnPinning: d,
+    getRowId: ne,
+    manualSorting: R,
     manualPagination: !!s,
-    pageCount: s ? Math.ceil(s / n.pageSize) : void 0,
-    ...$
+    pageCount: s ? Math.ceil(s / a.pageSize) : void 0,
+    ...le
   });
-  Ne(z, () => i);
-  const { rows: P } = i.getRowModel(), Se = (e, a) => {
-    R && R(e.original, a);
-  }, ye = (e) => /* @__PURE__ */ o(
-    oe,
+  Ie(k, () => l);
+  const { rows: T } = l.getRowModel(), xe = (e, t) => {
+    y && y(e.original, t);
+  }, Re = (e) => /* @__PURE__ */ o(
+    ie,
     {
       style: {
         width: e.getSize(),
-        ...p && N(i, e.column, l.fill.bgSecondary)
+        ...d && f(l, e.column, n.fill.bgSecondary)
       },
-      onClick: e.column.getToggleSortingHandler(),
+      onClick: i ? void 0 : e.column.getToggleSortingHandler(),
       children: e.isPlaceholder ? null : H(e.column.columnDef.header, e.getContext())
     },
     e.id
-  ), we = (e, a) => /* @__PURE__ */ o(
-    te,
+  ), Te = (e, t) => /* @__PURE__ */ o(
+    x,
     {
-      showBorders: d,
+      showBorders: g,
       isSelected: e.getIsSelected(),
-      onClick: () => Se(e, a),
-      children: e.getVisibleCells().map((c) => /* @__PURE__ */ o(
-        le,
+      onClick: () => xe(e, t),
+      children: e.getVisibleCells().map((r) => /* @__PURE__ */ o(
+        w,
         {
-          style: p ? N(i, c.column, l.fill.bgPrimary) : void 0,
-          children: H(c.column.columnDef.cell, c.getContext())
+          style: d ? f(l, r.column, n.fill.bgPrimary) : void 0,
+          children: H(r.column.columnDef.cell, r.getContext())
         },
-        c.id
+        r.id
       ))
     },
     e.id
-  );
-  return u ? /* @__PURE__ */ o(
-    v,
+  ), Pe = (e) => /* @__PURE__ */ o(
+    x,
     {
-      icon: /* @__PURE__ */ o(
-        ve,
+      showBorders: g,
+      children: l.getVisibleLeafColumns().map((t, r) => /* @__PURE__ */ o(
+        w,
         {
-          width: 32,
-          height: 32,
-          style: { color: l.icon.tertiary, marginBottom: f.sm }
-        }
-      ),
-      labels: U,
-      onReset: x,
-      className: r(C, S),
-      titleClassName: y,
-      descriptionClassName: w
-    }
-  ) : P.length ? /* @__PURE__ */ T(Ae, { w: "full", gap: f.xl, className: r(C), children: [
-    /* @__PURE__ */ o(Be, { data: g, showBorders: d, children: /* @__PURE__ */ T("table", { className: r(Ee, ze.table, X), children: [
-      /* @__PURE__ */ o("thead", { className: r(Ge, Y), children: i.getHeaderGroups().map((e) => /* @__PURE__ */ o(ne, { showBorders: d, children: e.headers.map(ye) }, e.id)) }),
-      /* @__PURE__ */ o("tbody", { className: Z, children: P.map((e, a) => we(e, a)) })
-    ] }) }),
-    b && !u && /* @__PURE__ */ o(
-      Ve,
-      {
-        pageIndex: n.pageIndex,
-        pageSize: n.pageSize,
-        totalCount: s || g.length,
-        variant: ie,
-        labels: ae,
-        renderPageSizeSelectorDropdownItem: re,
-        renderPageSizeSelectorInputItem: me,
-        onPageChange: (e) => h({ ...n, pageIndex: e }),
-        onPageSizeChange: (e) => h({ ...n, pageSize: e, pageIndex: 0 }),
-        className: _
-      }
-    )
-  ] }) : /* @__PURE__ */ o(
-    v,
+          style: d ? f(l, t, n.fill.bgPrimary) : void 0,
+          children: /* @__PURE__ */ o(M, { children: /* @__PURE__ */ o(
+            _e,
+            {
+              variant: "text",
+              height: 16,
+              width: N[r % N.length]
+            }
+          ) })
+        },
+        t.id
+      ))
+    },
+    `skeleton-row-${e}`
+  );
+  return !i && !T.length ? /* @__PURE__ */ o(
+    Le,
     {
       icon: /* @__PURE__ */ o(
-        Me,
+        ze,
         {
           width: 24,
           height: 24,
-          style: { color: l.icon.tertiary, marginBottom: f.sm }
+          style: { color: n.icon.tertiary, marginBottom: v.sm }
         }
       ),
       labels: Q,
-      onReset: x,
-      className: r(C, S),
-      titleClassName: y,
-      descriptionClassName: w
+      onReset: re,
+      className: p(u, Z),
+      titleClassName: ee,
+      descriptionClassName: oe
     }
-  );
+  ) : /* @__PURE__ */ P($e, { w: "full", gap: v.xl, className: p(u), children: [
+    /* @__PURE__ */ o(Ee, { data: h, showBorders: g, children: /* @__PURE__ */ P("table", { className: p(qe, Ve.table, U), children: [
+      /* @__PURE__ */ o(
+        "thead",
+        {
+          className: p(
+            Ge,
+            { [Je]: i },
+            X
+          ),
+          "aria-busy": i,
+          children: l.getHeaderGroups().map((e) => /* @__PURE__ */ o(ae, { showBorders: g, children: e.headers.map(Re) }, e.id))
+        }
+      ),
+      /* @__PURE__ */ o("tbody", { className: Y, children: i ? Array.from(
+        { length: J },
+        (e, t) => Pe(t)
+      ) : T.map((e, t) => Te(e, t)) })
+    ] }) }),
+    S && !i && /* @__PURE__ */ o(
+      We,
+      {
+        pageIndex: a.pageIndex,
+        pageSize: a.pageSize,
+        totalCount: s || h.length,
+        variant: me,
+        labels: se,
+        renderPageSizeSelectorDropdownItem: ce,
+        renderPageSizeSelectorInputItem: ge,
+        onPageChange: (e) => C({ ...a, pageIndex: e }),
+        onPageSizeChange: (e) => C({ ...a, pageSize: e, pageIndex: 0 }),
+        className: te
+      }
+    )
+  ] });
 };
-m.displayName = "Table";
-m.HeadCellContent = je;
-m.BodyCellContent = Le;
-m.HeadCellContentSortable = De;
-m.createColumnHelper = He;
+c.displayName = "Table";
+c.HeadCellContent = Ae;
+c.BodyCellContent = M;
+c.HeadCellContentSortable = Ke;
+c.createColumnHelper = ke;
 export {
-  m as Table
+  c as Table
 };

package/dist/components/builders/Table/Table.types.d.ts

@@ -32,6 +32,17 @@ export interface TableProps<TData> {
     sorting?: SortingState;
     /** Callback при изменении сортировки */
     onSortingChange?: (sorting: SortingState) => void;
+    /**
+     * Серверная (manual) сортировка. Когда `true`, таблица не сортирует данные
+     * на клиенте — она лишь сообщает о смене состояния через `onSortingChange`,
+     * а отсортированные данные должен вернуть бэкенд. Используйте вместе с
+     * контролируемым `sorting`, чтобы отображать активную колонку и направление.
+     *
+     * По умолчанию включается автоматически, когда задан `totalCount`
+     * (признак серверной пагинации).
+     * @default Boolean(totalCount)
+     */
+    manualSorting?: boolean;
     /** Состояние фильтров (контролируемое) */
     columnFilters?: ColumnFiltersState;
     /** Callback при изменении фильтров */
@@ -71,20 +82,18 @@ export interface TableProps<TData> {
     /** Загружается ли таблица */
     /** @default false */
     loading?: boolean;
+    /**
+     * Количество строк-скелетонов, отображаемых во время загрузки (`loading`).
+     * @default 10
+     */
+    loadingRowCount?: number;
     /** Сообщение при отсутствии данных */
-    /** @default { title: "Nothing found", description: "No results found for “result”", action: "Reset" } */
+    /** @default { title: "Nothing found", description: "Try adjusting your search or filters", action: "Reset" } */
     emptyLabels?: {
         title: string;
         description: string;
         action: string | React.ReactNode;
     };
-    /** Сообщение при загрузке данных */
-    /** @default { title: "Loading...", description: "Please wait or reset your promt", action: "Reset" } */
-    loadingLabels?: {
-        title: string;
-        description: string;
-        action: string | React.ReactNode;
-    };
     /** Кастомный класс для таблицы */
     className?: string;
     /** Кастомный класс для контейнера таблицы */

package/dist/components/builders/Table/TablePlaceholder/TablePlaceholder.js

@@ -1,10 +1,10 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import { Button as l } from "../../../controls/Button/Button.js";
 import { Box as s } from "../../Box/Box.js";
 import { theme as p } from "../../../../utils/theme/index.js";
-import { Text as e } from "../../Text/Text.js";
-const { spacing: o, cornerRadius: h } = p, f = ({
-  icon: r,
+import { Text as r } from "../../Text/Text.js";
+const { spacing: e, cornerRadius: h } = p, f = ({
+  icon: i,
   labels: t,
   onReset: n,
   className: c,
@@ -15,34 +15,36 @@ const { spacing: o, cornerRadius: h } = p, f = ({
   {
     w: "full",
     borderRadius: h.md,
-    py: o["5xl"],
-    px: o["10xl"],
+    py: e["5xl"],
+    px: e["10xl"],
     alignItems: "center",
     className: c,
     children: [
-      r,
-      /* @__PURE__ */ i(
-        e,
+      i,
+      /* @__PURE__ */ o(
+        r,
         {
-          mb: o.xs,
+          mb: e.xs,
           variant: "title-3",
           fontWeight: "semibold",
           className: m,
+          center: !0,
           children: t.title
         }
       ),
-      /* @__PURE__ */ i(
-        e,
+      /* @__PURE__ */ o(
+        r,
         {
-          mb: o.md,
+          mb: e.md,
           colorName: "tertiary",
           variant: "body-1",
           fontWeight: "medium",
           className: a,
+          center: !0,
           children: t.description
         }
       ),
-      typeof t.action == "string" ? /* @__PURE__ */ i(
+      typeof t.action == "string" ? /* @__PURE__ */ o(
         l,
         {
           width: "auto",

package/dist/components/controls/MarkdownTextEditor/MarkdownTextEditor.js

@@ -8,10 +8,10 @@ import { MarkdownShortcutPlugin as U } from "@lexical/react/LexicalMarkdownShort
 import { OnChangePlugin as W } from "@lexical/react/LexicalOnChangePlugin";
 import { TablePlugin as H } from "@lexical/react/LexicalTablePlugin";
 import { useState as u, useMemo as a, useCallback as p } from "react";
-import { MARKDOWN_TOOLBAR_DEFAULT_ACTIONS as K } from "./MarkdownTextEditor.const.js";
-import { MarkdownTextEditorLocaleProvider as q } from "./MarkdownTextEditor.locale.js";
+import { getEditorConfig as K } from "./configs/editor.config.js";
+import { MARKDOWN_TOOLBAR_DEFAULT_ACTIONS as q } from "./MarkdownTextEditor.const.js";
+import { MarkdownTextEditorLocaleProvider as z } from "./MarkdownTextEditor.locale.js";
 import { EDITOR_TRANSFORMERS as g } from "./transformers/index.js";
-import { getEditorConfig as z } from "./configs/editor.config.js";
 import { EditorStateContext as G } from "./contexts/EditorStateContext/EditorStateContext.js";
 import { ToolbarContext as J } from "./contexts/ToolbarContext/ToolbarContext.js";
 import { EditorToolbar as Q } from "./components/EditorToolbar/EditorToolbar.js";
@@ -40,7 +40,7 @@ function No({
   fieldClassName: R,
   previewClassName: v
 }) {
-  const [d, A] = u(""), [i, N] = u(!1), { availableActions: s, onImagesUpload: O } = P || {}, I = a(() => z(), []), L = a(
+  const [d, A] = u(""), [i, N] = u(!1), { availableActions: s, onImagesUpload: O } = P || {}, I = a(() => K(), []), L = a(
     () => ({
       isEditable: !m,
       isPreviewMode: i,
@@ -49,7 +49,7 @@ function No({
     }),
     [m, i, d]
   ), F = a(() => ({
-    availableActions: s || K
+    availableActions: s || q
   }), [s]), f = p(
     (t) => {
       A(t), r.onMarkdownChange && r.onMarkdownChange(t);
@@ -64,7 +64,7 @@ function No({
     },
     [f, r]
   );
-  return /* @__PURE__ */ o(q, { locale: M, children: /* @__PURE__ */ o(D, { initialConfig: I, children: /* @__PURE__ */ o(G.Provider, { value: L, children: /* @__PURE__ */ c(J.Provider, { value: F, children: [
+  return /* @__PURE__ */ o(z, { locale: M, children: /* @__PURE__ */ o(D, { initialConfig: I, children: /* @__PURE__ */ o(G.Provider, { value: L, children: /* @__PURE__ */ c(J.Provider, { value: F, children: [
     /* @__PURE__ */ c(
       h,
       {

package/dist/components/shared/MarkdownText/MarkdownText.js

@@ -6,11 +6,11 @@ import { ContentEditable as f } from "@lexical/react/LexicalContentEditable";
 import { LexicalErrorBoundary as c } from "@lexical/react/LexicalErrorBoundary";
 import { RichTextPlugin as p } from "@lexical/react/LexicalRichTextPlugin";
 import { useMemo as s } from "react";
-import { EDITOR_TRANSFORMERS as u } from "../../controls/MarkdownTextEditor/transformers/index.js";
-import { markdownTextStyle as x } from "./MarkdownText.styles.js";
-import { Text as w } from "../../builders/Text/Text.js";
-import { EditorStateContext as E } from "../../controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.js";
-import { getEditorConfig as k } from "../../controls/MarkdownTextEditor/configs/editor.config.js";
+import { getEditorConfig as u } from "../../controls/MarkdownTextEditor/configs/editor.config.js";
+import { EDITOR_TRANSFORMERS as x } from "../../controls/MarkdownTextEditor/transformers/index.js";
+import { markdownTextStyle as w } from "./MarkdownText.styles.js";
+import { Text as E } from "../../builders/Text/Text.js";
+import { EditorStateContext as k } from "../../controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.js";
 function F({
   markdown: t,
   className: i,
@@ -27,15 +27,15 @@ function F({
     }),
     [r]
   );
-  return r ? /* @__PURE__ */ o(E.Provider, { value: a, children: /* @__PURE__ */ o(
+  return r ? /* @__PURE__ */ o(k.Provider, { value: a, children: /* @__PURE__ */ o(
     d,
     {
       initialConfig: {
-        ...k(),
+        ...u(),
         editable: !1,
         namespace: "ui-kit-markdown-text-viewer",
         editorState: () => {
-          l(r, u);
+          l(r, x);
         }
       },
       children: /* @__PURE__ */ o(
@@ -44,7 +44,7 @@ function F({
           contentEditable: /* @__PURE__ */ o(
             f,
             {
-              className: m(x, i),
+              className: m(w, i),
               "aria-placeholder": "markdown text",
               placeholder: () => null
             }
@@ -56,7 +56,7 @@ function F({
     },
     r
   ) }) : typeof e == "string" ? /* @__PURE__ */ o(
-    w,
+    E,
     {
       variant: "body-2",
       colorName: "tertiary",