@smwb/ui-react 2.7.0 → 2.8.0

package/dist/connects/rt/table/table.d.ts

@@ -1,11 +1,19 @@
 import React, { TdHTMLAttributes } from "react";
-import { ColumnDef, RowData, Row, ColumnResizeMode, ColumnSizingState, ColumnOrderState } from "@tanstack/react-table";
+import { ColumnDef, RowData, Row, ColumnResizeMode, ColumnSizingState, ColumnOrderState, HeaderContext, Renderable } from "@tanstack/react-table";
 declare module "@tanstack/table-core" {
     interface ColumnMeta<TData extends RowData, TValue> {
         cellProps?: TdHTMLAttributes<HTMLTableCellElement>;
         draggableColumn?: boolean;
         /** The column's name on each cell when rows stack as cards (`stackBelow`); a string `header` is used by default. */
         label?: string;
+        /**
+         * The column's controls in its head cell, such as a filter field or a menu
+         * button. They go to the cell's `actions`, after the sort control and
+         * outside it, so they stay out of its accessible name, while `header` is
+         * drawn inside it. Whatever `flexRender` takes: a node, or a component that
+         * gets the header context (`{ column, header, table }`), as `header` does.
+         */
+        headerActions?: Renderable<HeaderContext<TData, TValue>>;
     }
 }
 import { TableProps as SMWBTableProps } from "../../../components/dataDisplay/table";
@@ -34,6 +42,12 @@ export type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps
     headerCellInnerRenderer?: React.ReactElement;
     onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;
     data: TData[];
+    /**
+     * TanStack column definitions. A column's `meta` may add `headerActions`
+     * (controls drawn beside the sort control in its head cell), `label` (its
+     * name on stacked rows), `cellProps` (attributes of its body cells) and
+     * `draggableColumn`.
+     */
     columns: ColumnDef<TData, TValue>[];
     columnResizeMode?: ColumnResizeMode;
 };

package/dist/connects/rt/table/table.js

@@ -1,194 +1,188 @@
-import { jsxs as x, jsx as o, Fragment as le } from "react/jsx-runtime";
+import { jsxs as v, jsx as o, Fragment as se } from "react/jsx-runtime";
 import '../../../assets/styles/less/connects/rt/table.entry.css';import '../../../assets/styles/less/tokens.entry.css';/* empty css                                     */
 /* empty css                                                */
-import D, { useState as p, useRef as ae, useEffect as re } from "react";
-import { getCoreRowModel as se, getPaginationRowModel as me, getSortedRowModel as ce, getExpandedRowModel as ge, useReactTable as fe, flexRender as F } from "@tanstack/react-table";
-import { getColumnName as g, getDefaultColumnSizingState as de, columnSizingStateReducer as ue } from "./utils.js";
-import { ProgressIndicator as pe } from "../../../components/feedBack/progressIndicator/progressIndicator.js";
-import Se from "../../../components/feedBack/message/message.js";
-import { DraggableColumnHeaderWrapper as ze } from "./draggableHeader.js";
+import M, { useState as z, useEffect as re } from "react";
+import { getCoreRowModel as me, getPaginationRowModel as ce, getSortedRowModel as ge, getExpandedRowModel as fe, useReactTable as de, flexRender as T } from "@tanstack/react-table";
+import { getColumnName as g, getDefaultColumnSizingState as ue, columnSizingStateReducer as pe } from "./utils.js";
+import { ProgressIndicator as Se } from "../../../components/feedBack/progressIndicator/progressIndicator.js";
+import ze from "../../../components/feedBack/message/message.js";
+import { DraggableColumnHeaderWrapper as he } from "./draggableHeader.js";
 import be from "../../../components/dataDisplay/table/table.js";
-import he from "../../../components/dataDisplay/table/tableHead.js";
+import Ce from "../../../components/dataDisplay/table/tableHead.js";
 import d from "../../../components/dataDisplay/table/tableRow.js";
-import Ce from "../../../components/dataDisplay/table/tableHeadCell.js";
+import xe from "../../../components/dataDisplay/table/tableHeadCell.js";
 import Re from "../../../components/dataDisplay/table/tableBody.js";
-import S from "../../../components/dataDisplay/table/tableCell.js";
+import h from "../../../components/dataDisplay/table/tableCell.js";
 const He = ({
-  data: z,
+  data: b,
   columns: i,
-  withPagination: _,
-  isInfinite: T,
-  limit: M = 5,
-  limitOptions: $ = [5, 10, 15],
-  dense: L,
-  sortable: v,
-  expandable: q,
-  draggableColumns: G,
-  columnResizeMode: J = "onChange",
-  enableColumnResizing: K,
-  onColumnSizingChange: I,
-  onColumnOrderChange: Q,
-  getRowCanExpand: U,
-  renderSubComponent: w,
-  cellAlign: E,
-  isLoading: N = !1,
-  onNextPage: b,
-  onPrevPage: h,
-  error: O,
-  onHeadCellClick: C,
-  headerCellInnerRenderer: W,
+  withPagination: I,
+  isInfinite: w,
+  limit: N = 5,
+  limitOptions: J = [5, 10, 15],
+  dense: K,
+  sortable: E,
+  expandable: L,
+  draggableColumns: Q,
+  columnResizeMode: U = "onChange",
+  enableColumnResizing: V,
+  onColumnSizingChange: O,
+  onColumnOrderChange: X,
+  getRowCanExpand: Y,
+  renderSubComponent: W,
+  cellAlign: y,
+  isLoading: j = !1,
+  onNextPage: C,
+  onPrevPage: x,
+  error: P,
+  onHeadCellClick: R,
+  headerCellInnerRenderer: F,
   onBodyRowClick: u,
-  ...V
+  ...D
 }) => {
-  const [X, Y] = p([]), [Z, y] = D.useState(
-    i.map((n) => g(n))
-  ), [f, A] = p(null), [s, j] = p(de(i)), [P, B] = p({
+  var q;
+  const [Z, B] = z([]), [k, H] = M.useState(
+    i.map((t) => g(t))
+  ), [f, ee] = z(null), [r, $] = z(ue(i)), [A, te] = z({
     startOffset: null,
     startSize: null,
     deltaOffset: null,
     deltaPercentage: null,
     isResizingColumn: !1,
     columnSizingStart: []
-  }), R = ae(!1);
+  });
   re(() => {
     if (f) {
-      const n = (f == null ? void 0 : f.offsetWidth) || 0, e = i.filter((t) => t.size), r = n - i.reduce((t, ie) => t + (ie.size || 0), 0), l = i.length - e.length, a = l ? r / l : 10;
-      j(
-        i.map((t) => ({
-          size: t.size ? t.size : a,
+      const t = (f == null ? void 0 : f.offsetWidth) || 0, e = i.filter((n) => n.size), s = t - i.reduce((n, S) => n + (S.size || 0), 0), l = i.length - e.length, a = l ? s / l : 10;
+      $(
+        i.map((n) => ({
+          size: n.size ? n.size : a,
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-          name: g(t)
-        })).reduce(ue, {})
-      ), y(i.map((t) => g(t)));
+          name: g(n)
+        })).reduce(pe, {})
+      ), H(i.map((n) => g(n)));
     }
   }, [f, i]);
   const m = {
-    data: z,
+    data: b,
     columns: i,
-    state: { sorting: X, columnSizing: s, columnSizingInfo: P, columnOrder: Z },
-    initialState: { pagination: { pageIndex: 0, pageSize: M } },
-    manualPagination: T,
-    columnResizeMode: J,
-    onColumnOrderChange: y,
-    getCoreRowModel: se(),
-    onColumnSizingChange: (n) => {
-      const e = typeof n == "function" ? n(s) : n, r = {};
-      Object.keys(e).forEach((t) => {
-        e[t] !== s[t] && (r[t] = e[t]);
+    state: { sorting: Z, columnSizing: r, columnSizingInfo: A, columnOrder: k },
+    initialState: { pagination: { pageIndex: 0, pageSize: N } },
+    manualPagination: w,
+    columnResizeMode: U,
+    onColumnOrderChange: H,
+    getCoreRowModel: me(),
+    onColumnSizingChange: (t) => {
+      const e = typeof t == "function" ? t(r) : t, s = {};
+      Object.keys(e).forEach((n) => {
+        e[n] !== r[n] && (s[n] = e[n]);
       });
-      const l = Object.keys(r)[0], a = i.findIndex((t) => g(t) === l);
+      const l = Object.keys(s)[0], a = i.findIndex((n) => g(n) === l);
       if (a >= 0 && a < i.length - 1) {
-        const t = g(i[a + 1]);
-        e[t] = s[t] - (e[l] - s[l]);
+        const n = g(i[a + 1]);
+        e[n] = r[n] - (e[l] - r[l]);
       } else if (a === i.length - 1) {
-        const t = g(i[a - 1]);
-        e[t] = s[t] - (e[l] - s[l]);
+        const n = g(i[a - 1]);
+        e[n] = r[n] - (e[l] - r[l]);
       }
-      j(e), I && setTimeout(() => I(s, e));
+      $(e), O && setTimeout(() => O(r, e));
     },
-    onColumnSizingInfoChange: (n) => {
-      B(typeof n == "function" ? n(P) : n);
+    onColumnSizingInfoChange: (t) => {
+      te(typeof t == "function" ? t(A) : t);
     }
   };
-  m.enableColumnResizing = !!K, _ && (m.getPaginationRowModel = me()), v && (m.getSortedRowModel = ce(), m.onSortingChange = Y), q && (m.getRowCanExpand = U, m.getExpandedRowModel = ge());
-  const c = fe({
+  m.enableColumnResizing = !!V, I && (m.getPaginationRowModel = ce()), E && (m.getSortedRowModel = ge(), m.onSortingChange = B), L && (m.getRowCanExpand = Y, m.getExpandedRowModel = fe());
+  const c = de({
     ...m
-  }), k = () => {
-    c.nextPage(), b == null || b();
-  }, ee = () => {
-    c.previousPage(), h == null || h();
-  }, te = (n) => (e) => {
-    u == null || u(n, e);
+  }), ne = () => {
+    c.nextPage(), C == null || C();
+  }, oe = () => {
+    c.previousPage(), x == null || x();
+  }, ie = (t) => (e) => {
+    u == null || u(t, e);
   }, {
-    pagination: { pageIndex: ne, pageSize: oe }
+    pagination: { pageIndex: le, pageSize: ae }
   } = c.getState();
-  let H;
-  return _ && (H = {
-    limit: oe,
-    page: ne + 1,
-    limitOptions: $,
-    onNext: k,
-    onPrev: ee,
+  let p;
+  return I && (p = {
+    limit: ae,
+    page: le + 1,
+    limitOptions: J,
+    onNext: ne,
+    onPrev: oe,
     onLimitChange: c.setPageSize,
-    ...T ? { hasNextPage: z.length >= M } : { totalCount: z.length }
-  }), /* @__PURE__ */ x(
+    ...w ? { hasNextPage: b.length >= N } : { totalCount: b.length }
+  }), /* @__PURE__ */ v(
     be,
     {
-      paginationSettings: H,
-      dense: L,
-      isLoading: N,
-      hovered: !!u,
-      ...V,
-      ref: A,
+      dense: K,
+      isLoading: j,
+      ...D,
+      paginationSettings: p != null ? p : D.paginationSettings,
+      hovered: (q = D.hovered) != null ? q : !!u,
+      ref: ee,
       children: [
-        /* @__PURE__ */ o(he, { children: c.getHeaderGroups().map((n) => /* @__PURE__ */ o(d, { children: n.headers.map((e) => {
-          var a;
-          const r = !!v && e.column.getCanSort(), l = e.getResizeHandler();
+        /* @__PURE__ */ o(Ce, { children: c.getHeaderGroups().map((t) => /* @__PURE__ */ o(d, { children: t.headers.map((e) => {
+          var S, G;
+          const s = !!E && e.column.getCanSort(), l = e.getResizeHandler(), a = e.isPlaceholder || (S = e.column.columnDef.meta) == null ? void 0 : S.headerActions, n = e.column.getCanResize() ? /* @__PURE__ */ o(
+            "div",
+            {
+              onMouseDown: (_) => {
+                _.preventDefault(), _.stopPropagation(), l(_);
+              },
+              onTouchStart: l,
+              className: `smwb-rt-table--resizer ${e.column.getIsResizing() ? "smwb-rt-table--isResizing" : ""}`
+            }
+          ) : null;
           return /* @__PURE__ */ o(
-            Ce,
+            xe,
             {
-              cellAlign: E,
-              sortable: r,
+              cellAlign: y,
+              sortable: s,
               sortDirection: e.column.getIsSorted(),
-              onSort: () => {
-                R.current || e.column.toggleSorting();
-              },
+              onSort: () => e.column.toggleSorting(),
               onClick: () => {
-                C == null || C(e.column.columnDef);
+                R == null || R(e.column.columnDef);
               },
               style: {
-                cursor: r ? "pointer" : "default",
+                cursor: s ? "pointer" : "default",
                 width: e.getSize()
               },
+              actions: a || n ? /* @__PURE__ */ v(se, { children: [
+                a ? T(a, e.getContext()) : null,
+                n
+              ] }) : void 0,
               children: /* @__PURE__ */ o(
-                ze,
+                he,
                 {
-                  draggableColumn: G && ((a = e.column.columnDef.meta) == null ? void 0 : a.draggableColumn),
+                  draggableColumn: Q && ((G = e.column.columnDef.meta) == null ? void 0 : G.draggableColumn),
                   table: c,
-                  onColumnOrderChange: Q,
+                  onColumnOrderChange: X,
                   header: e,
-                  children: /* @__PURE__ */ x(le, { children: [
-                    /* @__PURE__ */ o("div", { children: e.isPlaceholder ? null : W ? D.cloneElement(W, { header: e }) : F(e.column.columnDef.header, e.getContext()) }),
-                    e.column.getCanResize() && /* @__PURE__ */ o(
-                      "div",
-                      {
-                        onMouseDown: (t) => {
-                          t.preventDefault(), t.stopPropagation(), R.current = !0, document.addEventListener(
-                            "mouseup",
-                            () => setTimeout(() => {
-                              R.current = !1;
-                            }),
-                            { once: !0 }
-                          ), l(t);
-                        },
-                        onTouchStart: e.getResizeHandler(),
-                        className: `smwb-rt-table--resizer ${e.column.getIsResizing() ? "smwb-rt-table--isResizing" : ""}`
-                      }
-                    )
-                  ] })
+                  children: /* @__PURE__ */ o("div", { children: e.isPlaceholder ? null : F ? M.cloneElement(F, { header: e }) : T(e.column.columnDef.header, e.getContext()) })
                 },
                 e.id
               )
             },
             e.id
           );
-        }) }, n.id)) }),
-        /* @__PURE__ */ o(Re, { children: N ? /* @__PURE__ */ o(d, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(S, { className: "smwb-table__loader", children: /* @__PURE__ */ o(pe, { variant: "circular", type: "indeterminate" }) }) }) : O ? /* @__PURE__ */ o(d, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(S, { className: "smwb-table__loader", children: /* @__PURE__ */ o(Se, { variant: "filled", type: "error", children: O }) }) }) : c.getRowModel().rows.map((n) => /* @__PURE__ */ x(D.Fragment, { children: [
-          /* @__PURE__ */ o(d, { onClick: te(n), children: n.getVisibleCells().map((e) => {
-            var r, l, a;
+        }) }, t.id)) }),
+        /* @__PURE__ */ o(Re, { children: j ? /* @__PURE__ */ o(d, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(h, { className: "smwb-table__loader", children: /* @__PURE__ */ o(Se, { variant: "circular", type: "indeterminate" }) }) }) : P ? /* @__PURE__ */ o(d, { className: "smwb-table__loader__row", children: /* @__PURE__ */ o(h, { className: "smwb-table__loader", children: /* @__PURE__ */ o(ze, { variant: "filled", type: "error", children: P }) }) }) : c.getRowModel().rows.map((t) => /* @__PURE__ */ v(M.Fragment, { children: [
+          /* @__PURE__ */ o(d, { onClick: ie(t), children: t.getVisibleCells().map((e) => {
+            var s, l, a;
             return /* @__PURE__ */ o(
-              S,
+              h,
               {
-                cellAlign: E,
-                label: (l = (r = e.column.columnDef.meta) == null ? void 0 : r.label) != null ? l : typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0,
+                cellAlign: y,
+                label: ((l = (s = e.column.columnDef.meta) == null ? void 0 : s.label) != null ? l : typeof e.column.columnDef.header == "string" ? e.column.columnDef.header : void 0) || !1,
                 ...(a = e.column.columnDef.meta) == null ? void 0 : a.cellProps,
-                children: F(e.column.columnDef.cell, e.getContext())
+                children: T(e.column.columnDef.cell, e.getContext())
               },
               e.id
             );
-          }) }, n.id),
-          n.getIsExpanded() && w && /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(S, { colSpan: n.getVisibleCells().length, children: w({ row: n }) }) }, `${n.id}_expand`)
-        ] }, n.id)) })
+          }) }, t.id),
+          t.getIsExpanded() && W && /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(h, { colSpan: t.getVisibleCells().length, children: W({ row: t }) }) }, `${t.id}_expand`)
+        ] }, t.id)) })
       ]
     }
   );

package/dist/connects/rt/table/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","sources":["../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useState, useEffect, useRef } from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  ColumnDef,\n  getPaginationRowModel,\n  getExpandedRowModel,\n  TableOptions,\n  SortingState,\n  getSortedRowModel,\n  RowData,\n  Row,\n  ColumnResizeMode,\n  ColumnSizingState,\n  ColumnSizingInfoState,\n  ColumnOrderState,\n} from \"@tanstack/react-table\";\n\nimport { getColumnName, getDefaultColumnSizingState, columnSizingStateReducer } from \"./utils\";\n\ndeclare module \"@tanstack/table-core\" {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  interface ColumnMeta<TData extends RowData, TValue> {\n    cellProps?: TdHTMLAttributes<HTMLTableCellElement>;\n    draggableColumn?: boolean;\n    /** The column's name on each cell when rows stack as cards (`stackBelow`); a string `header` is used by default. */\n    label?: string;\n  }\n}\n\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  TableProps as SMWBTableProps,\n} from \"../../../components/dataDisplay/table\";\nimport { TablePaginationProps } from \"../../../components/dataDisplay/table\";\nimport ProgressIndicator from \"../../../components/feedBack/progressIndicator/progressIndicator\";\nimport Message from \"../../../components/feedBack/message/message\";\nimport { DraggableColumnHeaderWrapper } from \"./draggableHeader\";\n\nexport type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps & {\n  withPagination?: boolean;\n  isInfinite?: boolean;\n  dense?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  sortable?: boolean;\n  expandable?: boolean;\n  draggableColumns?: boolean;\n  enableColumnResizing?: boolean;\n  onColumnSizingChange?: (oldValue: ColumnSizingState, newValue: ColumnSizingState) => void;\n  onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => React.ReactElement;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  isLoading?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  error?: string;\n  onHeadCellClick?: (colDef?: ColumnDef<TData, TValue>) => void;\n  headerCellInnerRenderer?: React.ReactElement;\n  onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;\n  data: TData[];\n  columns: ColumnDef<TData, TValue>[];\n  columnResizeMode?: ColumnResizeMode;\n};\n\nexport const TableWrapper = <TData extends RowData, TValue = unknown>({\n  data,\n  columns,\n  withPagination,\n  isInfinite,\n  limit = 5,\n  limitOptions = [5, 10, 15],\n  dense,\n  sortable,\n  expandable,\n  draggableColumns,\n  columnResizeMode = \"onChange\",\n  enableColumnResizing,\n  onColumnSizingChange,\n  onColumnOrderChange,\n  getRowCanExpand,\n  renderSubComponent,\n  cellAlign,\n  isLoading = false,\n  onNextPage,\n  onPrevPage,\n  error,\n  onHeadCellClick,\n  headerCellInnerRenderer,\n  onBodyRowClick,\n  ...props\n}: TableProps<TData, TValue>) => {\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    columns.map((column) => getColumnName(column))\n  );\n  const [tableRef, setTableRef] = useState<HTMLDivElement | null>(null);\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>(getDefaultColumnSizingState(columns));\n  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({\n    startOffset: null,\n    startSize: null,\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    columnSizingStart: [],\n  });\n  // TableHeadCell renders its children inside its sort control, so the column\n  // resizer sits there too, and the click that ends a press on it would sort.\n  // That click lands on the resizer or, once the column stops at its minimum\n  // width and the pointer moves on over the header, on the sort control itself\n  // (the nearest common ancestor of press and release). The flag is up from the\n  // press until the release has been handled; sorting skips clicks meanwhile.\n  const resizePressed = useRef(false);\n  useEffect(() => {\n    if (tableRef) {\n      const totalSize: number = tableRef?.offsetWidth || 0;\n      const columnWithSize = columns.filter((el) => el.size);\n      const totalSizeWithoutConst = totalSize - columns.reduce((sum, el) => sum + (el.size || 0), 0);\n      const columnCountWithoutConstSize = columns.length - columnWithSize.length;\n      const avgSize = columnCountWithoutConstSize ? totalSizeWithoutConst / columnCountWithoutConstSize : 10;\n      setColumnSizing(\n        columns\n          .map((el) => ({\n            size: el.size ? el.size : avgSize,\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            name: getColumnName(el),\n          }))\n          .reduce(columnSizingStateReducer, {})\n      );\n      setColumnOrder(columns.map((column) => getColumnName(column)));\n    }\n  }, [tableRef, columns]);\n\n  const options: TableOptions<TData> = {\n    data,\n    columns,\n    state: { sorting, columnSizing, columnSizingInfo, columnOrder },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit } },\n    manualPagination: isInfinite,\n    columnResizeMode,\n    onColumnOrderChange: setColumnOrder,\n    getCoreRowModel: getCoreRowModel(),\n    onColumnSizingChange: (updater) => {\n      const newValue = typeof updater === \"function\" ? updater(columnSizing) : updater;\n      const diff: ColumnSizingState = {};\n      Object.keys(newValue).forEach((newValueColumn) => {\n        if (newValue[newValueColumn] !== columnSizing[newValueColumn]) {\n          diff[newValueColumn] = newValue[newValueColumn];\n        }\n      });\n      // Алгоритм не учитывает, что колонки могут меняться местами и что может измениться сразу несколько колонок\n      // двигаем соседнюю колонку на столько же, на сколько изменили ширину текущей\n      const diffColumnName = Object.keys(diff)[0];\n      const columnIndex = columns.findIndex((el) => getColumnName(el) === diffColumnName);\n      if (columnIndex >= 0 && columnIndex < columns.length - 1) {\n        const rightColumnName = getColumnName(columns[columnIndex + 1]);\n        newValue[rightColumnName] =\n          columnSizing[rightColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      } else if (columnIndex === columns.length - 1) {\n        const leftColumnName = getColumnName(columns[columnIndex - 1]);\n        newValue[leftColumnName] =\n          columnSizing[leftColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      }\n      setColumnSizing(newValue);\n      if (onColumnSizingChange) {\n        setTimeout(() => onColumnSizingChange(columnSizing, newValue));\n      }\n    },\n    onColumnSizingInfoChange: (updater) => {\n      setColumnSizingInfo(typeof updater === \"function\" ? updater(columnSizingInfo) : updater);\n    },\n  };\n\n  options.enableColumnResizing = !!enableColumnResizing;\n\n  if (withPagination) {\n    options.getPaginationRowModel = getPaginationRowModel();\n  }\n  if (sortable) {\n    options.getSortedRowModel = getSortedRowModel();\n    options.onSortingChange = setSorting;\n  }\n  if (expandable) {\n    options.getRowCanExpand = getRowCanExpand;\n    options.getExpandedRowModel = getExpandedRowModel();\n  }\n\n  const table = useReactTable({\n    ...options,\n  });\n\n  const handleNextPage = () => {\n    table.nextPage();\n    onNextPage?.();\n  };\n\n  const handlePrevPage = () => {\n    table.previousPage();\n    onPrevPage?.();\n  };\n\n  const handleBodyRowClick = (row: Row<TData>) => (event: React.MouseEvent<HTMLTableRowElement>) => {\n    onBodyRowClick?.(row, event);\n  };\n\n  const {\n    pagination: { pageIndex: page, pageSize },\n  } = table.getState();\n\n  let paginationSettings: TablePaginationProps | undefined = undefined;\n  if (withPagination) {\n    paginationSettings = {\n      limit: pageSize,\n      page: page + 1,\n      limitOptions,\n      onNext: handleNextPage,\n      onPrev: handlePrevPage,\n      onLimitChange: table.setPageSize,\n      ...(isInfinite ? { hasNextPage: data.length >= limit } : { totalCount: data.length }),\n    };\n  }\n\n  return (\n    <Table\n      paginationSettings={paginationSettings}\n      dense={dense}\n      isLoading={isLoading}\n      hovered={!!onBodyRowClick}\n      {...props}\n      ref={setTableRef}\n    >\n      <TableHead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <TableRow key={headerGroup.id}>\n            {headerGroup.headers.map((header) => {\n              const canSort = !!sortable && header.column.getCanSort();\n              const resizeHandler = header.getResizeHandler();\n              return (\n                <TableHeadCell\n                  key={header.id}\n                  cellAlign={cellAlign}\n                  sortable={canSort}\n                  sortDirection={header.column.getIsSorted()}\n                  onSort={() => {\n                    if (!resizePressed.current) header.column.toggleSorting();\n                  }}\n                  onClick={() => {\n                    onHeadCellClick?.(header.column.columnDef);\n                  }}\n                  style={{\n                    cursor: canSort ? \"pointer\" : \"default\",\n                    width: header.getSize(),\n                  }}\n                >\n                  <DraggableColumnHeaderWrapper<TData>\n                    key={header.id}\n                    draggableColumn={draggableColumns && header.column.columnDef.meta?.draggableColumn}\n                    table={table}\n                    onColumnOrderChange={onColumnOrderChange}\n                    // https://github.com/TanStack/table/issues/4241\n                    header={header}\n                  >\n                    <>\n                      <div>\n                        {header.isPlaceholder\n                          ? null\n                          : headerCellInnerRenderer\n                            ? React.cloneElement(headerCellInnerRenderer, { header })\n                            : flexRender(header.column.columnDef.header, header.getContext())}\n                      </div>\n                      {header.column.getCanResize() && (\n                        <div\n                          {...{\n                            onMouseDown: (e) => {\n                              e.preventDefault();\n                              e.stopPropagation();\n                              resizePressed.current = true;\n                              // Cleared a task later: the click, if any, follows the mouseup in the same task.\n                              document.addEventListener(\n                                \"mouseup\",\n                                () =>\n                                  setTimeout(() => {\n                                    resizePressed.current = false;\n                                  }),\n                                { once: true }\n                              );\n                              resizeHandler(e);\n                            },\n                            onTouchStart: header.getResizeHandler(),\n                            className: `smwb-rt-table--resizer ${\n                              header.column.getIsResizing() ? \"smwb-rt-table--isResizing\" : \"\"\n                            }`,\n                          }}\n                        />\n                      )}\n                    </>\n                  </DraggableColumnHeaderWrapper>\n                </TableHeadCell>\n              );\n            })}\n          </TableRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {isLoading ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n            </TableCell>\n          </TableRow>\n        ) : error ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <Message variant=\"filled\" type=\"error\">\n                {error}\n              </Message>\n            </TableCell>\n          </TableRow>\n        ) : (\n          table.getRowModel().rows.map((row) => (\n            <React.Fragment key={row.id}>\n              <TableRow key={row.id} onClick={handleBodyRowClick(row)}>\n                {row.getVisibleCells().map((cell) => {\n                  return (\n                    <TableCell\n                      key={cell.id}\n                      cellAlign={cellAlign}\n                      label={\n                        cell.column.columnDef.meta?.label ??\n                        (typeof cell.column.columnDef.header === \"string\" ? cell.column.columnDef.header : undefined)\n                      }\n                      {...cell.column.columnDef.meta?.cellProps}\n                    >\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n              {row.getIsExpanded() && renderSubComponent && (\n                <TableRow key={`${row.id}_expand`}>\n                  <TableCell colSpan={row.getVisibleCells().length}>{renderSubComponent({ row })}</TableCell>\n                </TableRow>\n              )}\n            </React.Fragment>\n          ))\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","data","columns","withPagination","isInfinite","limit","limitOptions","dense","sortable","expandable","draggableColumns","columnResizeMode","enableColumnResizing","onColumnSizingChange","onColumnOrderChange","getRowCanExpand","renderSubComponent","cellAlign","isLoading","onNextPage","onPrevPage","error","onHeadCellClick","headerCellInnerRenderer","onBodyRowClick","props","sorting","setSorting","useState","columnOrder","setColumnOrder","React","column","getColumnName","tableRef","setTableRef","columnSizing","setColumnSizing","getDefaultColumnSizingState","columnSizingInfo","setColumnSizingInfo","resizePressed","useRef","useEffect","totalSize","columnWithSize","el","totalSizeWithoutConst","sum","columnCountWithoutConstSize","avgSize","columnSizingStateReducer","options","getCoreRowModel","updater","newValue","diff","newValueColumn","diffColumnName","columnIndex","rightColumnName","leftColumnName","getPaginationRowModel","getSortedRowModel","getExpandedRowModel","table","useReactTable","handleNextPage","handlePrevPage","handleBodyRowClick","row","event","page","pageSize","paginationSettings","jsxs","Table","jsx","TableHead","headerGroup","TableRow","header","canSort","resizeHandler","TableHeadCell","DraggableColumnHeaderWrapper","_a","Fragment","flexRender","e","TableBody","TableCell","ProgressIndicator","Message","cell","_b","_c"],"mappings":"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"}
+{"version":3,"file":"table.js","sources":["../../../../src/connects/rt/table/table.tsx"],"sourcesContent":["import React, { TdHTMLAttributes, useState, useEffect } from \"react\";\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n  ColumnDef,\n  getPaginationRowModel,\n  getExpandedRowModel,\n  TableOptions,\n  SortingState,\n  getSortedRowModel,\n  RowData,\n  Row,\n  ColumnResizeMode,\n  ColumnSizingState,\n  ColumnSizingInfoState,\n  ColumnOrderState,\n  HeaderContext,\n  Renderable,\n} from \"@tanstack/react-table\";\n\nimport { getColumnName, getDefaultColumnSizingState, columnSizingStateReducer } from \"./utils\";\n\ndeclare module \"@tanstack/table-core\" {\n  interface ColumnMeta<TData extends RowData, TValue> {\n    cellProps?: TdHTMLAttributes<HTMLTableCellElement>;\n    draggableColumn?: boolean;\n    /** The column's name on each cell when rows stack as cards (`stackBelow`); a string `header` is used by default. */\n    label?: string;\n    /**\n     * The column's controls in its head cell, such as a filter field or a menu\n     * button. They go to the cell's `actions`, after the sort control and\n     * outside it, so they stay out of its accessible name, while `header` is\n     * drawn inside it. Whatever `flexRender` takes: a node, or a component that\n     * gets the header context (`{ column, header, table }`), as `header` does.\n     */\n    headerActions?: Renderable<HeaderContext<TData, TValue>>;\n  }\n}\n\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeadCell,\n  TableRow,\n  TableProps as SMWBTableProps,\n} from \"../../../components/dataDisplay/table\";\nimport { TablePaginationProps } from \"../../../components/dataDisplay/table\";\nimport ProgressIndicator from \"../../../components/feedBack/progressIndicator/progressIndicator\";\nimport Message from \"../../../components/feedBack/message/message\";\nimport { DraggableColumnHeaderWrapper } from \"./draggableHeader\";\n\nexport type TableProps<TData extends RowData, TValue = unknown> = SMWBTableProps & {\n  withPagination?: boolean;\n  isInfinite?: boolean;\n  dense?: boolean;\n  limit?: number;\n  limitOptions?: number[];\n  sortable?: boolean;\n  expandable?: boolean;\n  draggableColumns?: boolean;\n  enableColumnResizing?: boolean;\n  onColumnSizingChange?: (oldValue: ColumnSizingState, newValue: ColumnSizingState) => void;\n  onColumnOrderChange?: (oldValue: ColumnOrderState, newValue: ColumnOrderState) => void;\n  getRowCanExpand?: (row: Row<TData>) => boolean;\n  renderSubComponent?: (props: { row: Row<TData> }) => React.ReactElement;\n  cellAlign?: \"left\" | \"right\" | \"center\";\n  isLoading?: boolean;\n  onNextPage?: () => void;\n  onPrevPage?: () => void;\n  error?: string;\n  onHeadCellClick?: (colDef?: ColumnDef<TData, TValue>) => void;\n  headerCellInnerRenderer?: React.ReactElement;\n  onBodyRowClick?: (row: Row<TData>, event: React.MouseEvent<HTMLTableRowElement>) => void;\n  data: TData[];\n  /**\n   * TanStack column definitions. A column's `meta` may add `headerActions`\n   * (controls drawn beside the sort control in its head cell), `label` (its\n   * name on stacked rows), `cellProps` (attributes of its body cells) and\n   * `draggableColumn`.\n   */\n  columns: ColumnDef<TData, TValue>[];\n  columnResizeMode?: ColumnResizeMode;\n};\n\nexport const TableWrapper = <TData extends RowData, TValue = unknown>({\n  data,\n  columns,\n  withPagination,\n  isInfinite,\n  limit = 5,\n  limitOptions = [5, 10, 15],\n  dense,\n  sortable,\n  expandable,\n  draggableColumns,\n  columnResizeMode = \"onChange\",\n  enableColumnResizing,\n  onColumnSizingChange,\n  onColumnOrderChange,\n  getRowCanExpand,\n  renderSubComponent,\n  cellAlign,\n  isLoading = false,\n  onNextPage,\n  onPrevPage,\n  error,\n  onHeadCellClick,\n  headerCellInnerRenderer,\n  onBodyRowClick,\n  ...props\n}: TableProps<TData, TValue>) => {\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnOrder, setColumnOrder] = React.useState<ColumnOrderState>(\n    columns.map((column) => getColumnName(column))\n  );\n  const [tableRef, setTableRef] = useState<HTMLDivElement | null>(null);\n  const [columnSizing, setColumnSizing] = useState<ColumnSizingState>(getDefaultColumnSizingState(columns));\n  const [columnSizingInfo, setColumnSizingInfo] = useState<ColumnSizingInfoState>({\n    startOffset: null,\n    startSize: null,\n    deltaOffset: null,\n    deltaPercentage: null,\n    isResizingColumn: false,\n    columnSizingStart: [],\n  });\n  useEffect(() => {\n    if (tableRef) {\n      const totalSize: number = tableRef?.offsetWidth || 0;\n      const columnWithSize = columns.filter((el) => el.size);\n      const totalSizeWithoutConst = totalSize - columns.reduce((sum, el) => sum + (el.size || 0), 0);\n      const columnCountWithoutConstSize = columns.length - columnWithSize.length;\n      const avgSize = columnCountWithoutConstSize ? totalSizeWithoutConst / columnCountWithoutConstSize : 10;\n      setColumnSizing(\n        columns\n          .map((el) => ({\n            size: el.size ? el.size : avgSize,\n            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n            name: getColumnName(el),\n          }))\n          .reduce(columnSizingStateReducer, {})\n      );\n      setColumnOrder(columns.map((column) => getColumnName(column)));\n    }\n  }, [tableRef, columns]);\n\n  const options: TableOptions<TData> = {\n    data,\n    columns,\n    state: { sorting, columnSizing, columnSizingInfo, columnOrder },\n    initialState: { pagination: { pageIndex: 0, pageSize: limit } },\n    manualPagination: isInfinite,\n    columnResizeMode,\n    onColumnOrderChange: setColumnOrder,\n    getCoreRowModel: getCoreRowModel(),\n    onColumnSizingChange: (updater) => {\n      const newValue = typeof updater === \"function\" ? updater(columnSizing) : updater;\n      const diff: ColumnSizingState = {};\n      Object.keys(newValue).forEach((newValueColumn) => {\n        if (newValue[newValueColumn] !== columnSizing[newValueColumn]) {\n          diff[newValueColumn] = newValue[newValueColumn];\n        }\n      });\n      // Алгоритм не учитывает, что колонки могут меняться местами и что может измениться сразу несколько колонок\n      // двигаем соседнюю колонку на столько же, на сколько изменили ширину текущей\n      const diffColumnName = Object.keys(diff)[0];\n      const columnIndex = columns.findIndex((el) => getColumnName(el) === diffColumnName);\n      if (columnIndex >= 0 && columnIndex < columns.length - 1) {\n        const rightColumnName = getColumnName(columns[columnIndex + 1]);\n        newValue[rightColumnName] =\n          columnSizing[rightColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      } else if (columnIndex === columns.length - 1) {\n        const leftColumnName = getColumnName(columns[columnIndex - 1]);\n        newValue[leftColumnName] =\n          columnSizing[leftColumnName] - (newValue[diffColumnName] - columnSizing[diffColumnName]);\n      }\n      setColumnSizing(newValue);\n      if (onColumnSizingChange) {\n        setTimeout(() => onColumnSizingChange(columnSizing, newValue));\n      }\n    },\n    onColumnSizingInfoChange: (updater) => {\n      setColumnSizingInfo(typeof updater === \"function\" ? updater(columnSizingInfo) : updater);\n    },\n  };\n\n  options.enableColumnResizing = !!enableColumnResizing;\n\n  if (withPagination) {\n    options.getPaginationRowModel = getPaginationRowModel();\n  }\n  if (sortable) {\n    options.getSortedRowModel = getSortedRowModel();\n    options.onSortingChange = setSorting;\n  }\n  if (expandable) {\n    options.getRowCanExpand = getRowCanExpand;\n    options.getExpandedRowModel = getExpandedRowModel();\n  }\n\n  const table = useReactTable({\n    ...options,\n  });\n\n  const handleNextPage = () => {\n    table.nextPage();\n    onNextPage?.();\n  };\n\n  const handlePrevPage = () => {\n    table.previousPage();\n    onPrevPage?.();\n  };\n\n  const handleBodyRowClick = (row: Row<TData>) => (event: React.MouseEvent<HTMLTableRowElement>) => {\n    onBodyRowClick?.(row, event);\n  };\n\n  const {\n    pagination: { pageIndex: page, pageSize },\n  } = table.getState();\n\n  let paginationSettings: TablePaginationProps | undefined = undefined;\n  if (withPagination) {\n    paginationSettings = {\n      limit: pageSize,\n      page: page + 1,\n      limitOptions,\n      onNext: handleNextPage,\n      onPrev: handlePrevPage,\n      onLimitChange: table.setPageSize,\n      ...(isInfinite ? { hasNextPage: data.length >= limit } : { totalCount: data.length }),\n    };\n  }\n\n  return (\n    <Table\n      dense={dense}\n      isLoading={isLoading}\n      {...props}\n      // While the table paginates, its pagination wins over the caller's\n      // paginationSettings; otherwise the caller's stays. `hovered` is a\n      // default: the caller's wins, and an explicit undefined keeps it.\n      paginationSettings={paginationSettings ?? props.paginationSettings}\n      hovered={props.hovered ?? !!onBodyRowClick}\n      ref={setTableRef}\n    >\n      <TableHead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <TableRow key={headerGroup.id}>\n            {headerGroup.headers.map((header) => {\n              const canSort = !!sortable && header.column.getCanSort();\n              const resizeHandler = header.getResizeHandler();\n              const headerActions = header.isPlaceholder ? undefined : header.column.columnDef.meta?.headerActions;\n              // The resizer is one of the cell's actions, outside the sort\n              // control. The click that ends a press on it goes to the nearest\n              // element holding both the press and the release: the resizer, the\n              // head cell or an element above it, never the sort control.\n              const resizer = header.column.getCanResize() ? (\n                <div\n                  onMouseDown={(e) => {\n                    e.preventDefault();\n                    e.stopPropagation();\n                    resizeHandler(e);\n                  }}\n                  onTouchStart={resizeHandler}\n                  className={`smwb-rt-table--resizer ${\n                    header.column.getIsResizing() ? \"smwb-rt-table--isResizing\" : \"\"\n                  }`}\n                />\n              ) : null;\n              return (\n                <TableHeadCell\n                  key={header.id}\n                  cellAlign={cellAlign}\n                  sortable={canSort}\n                  sortDirection={header.column.getIsSorted()}\n                  onSort={() => header.column.toggleSorting()}\n                  onClick={() => {\n                    onHeadCellClick?.(header.column.columnDef);\n                  }}\n                  style={{\n                    cursor: canSort ? \"pointer\" : \"default\",\n                    width: header.getSize(),\n                  }}\n                  actions={\n                    headerActions || resizer ? (\n                      <>\n                        {headerActions ? flexRender(headerActions, header.getContext()) : null}\n                        {resizer}\n                      </>\n                    ) : undefined\n                  }\n                >\n                  <DraggableColumnHeaderWrapper<TData>\n                    key={header.id}\n                    draggableColumn={draggableColumns && header.column.columnDef.meta?.draggableColumn}\n                    table={table}\n                    onColumnOrderChange={onColumnOrderChange}\n                    // https://github.com/TanStack/table/issues/4241\n                    header={header}\n                  >\n                    <div>\n                      {header.isPlaceholder\n                        ? null\n                        : headerCellInnerRenderer\n                          ? React.cloneElement(headerCellInnerRenderer, { header })\n                          : flexRender(header.column.columnDef.header, header.getContext())}\n                    </div>\n                  </DraggableColumnHeaderWrapper>\n                </TableHeadCell>\n              );\n            })}\n          </TableRow>\n        ))}\n      </TableHead>\n      <TableBody>\n        {isLoading ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <ProgressIndicator variant=\"circular\" type=\"indeterminate\" />\n            </TableCell>\n          </TableRow>\n        ) : error ? (\n          <TableRow className=\"smwb-table__loader__row\">\n            <TableCell className=\"smwb-table__loader\">\n              <Message variant=\"filled\" type=\"error\">\n                {error}\n              </Message>\n            </TableCell>\n          </TableRow>\n        ) : (\n          table.getRowModel().rows.map((row) => (\n            <React.Fragment key={row.id}>\n              <TableRow key={row.id} onClick={handleBodyRowClick(row)}>\n                {row.getVisibleCells().map((cell) => {\n                  return (\n                    <TableCell\n                      key={cell.id}\n                      cellAlign={cellAlign}\n                      // Without meta.label or a string header, or with an empty\n                      // one, the cell stays unlabelled, as in Solid: it takes no\n                      // label from the head cell's content, which may be a control.\n                      label={\n                        (cell.column.columnDef.meta?.label ??\n                          (typeof cell.column.columnDef.header === \"string\"\n                            ? cell.column.columnDef.header\n                            : undefined)) ||\n                        false\n                      }\n                      {...cell.column.columnDef.meta?.cellProps}\n                    >\n                      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                    </TableCell>\n                  );\n                })}\n              </TableRow>\n              {row.getIsExpanded() && renderSubComponent && (\n                <TableRow key={`${row.id}_expand`}>\n                  <TableCell colSpan={row.getVisibleCells().length}>{renderSubComponent({ row })}</TableCell>\n                </TableRow>\n              )}\n            </React.Fragment>\n          ))\n        )}\n      </TableBody>\n    </Table>\n  );\n};\n\nexport default TableWrapper;\n"],"names":["TableWrapper","data","columns","withPagination","isInfinite","limit","limitOptions","dense","sortable","expandable","draggableColumns","columnResizeMode","enableColumnResizing","onColumnSizingChange","onColumnOrderChange","getRowCanExpand","renderSubComponent","cellAlign","isLoading","onNextPage","onPrevPage","error","onHeadCellClick","headerCellInnerRenderer","onBodyRowClick","props","sorting","setSorting","useState","columnOrder","setColumnOrder","React","column","getColumnName","tableRef","setTableRef","columnSizing","setColumnSizing","getDefaultColumnSizingState","columnSizingInfo","setColumnSizingInfo","useEffect","totalSize","columnWithSize","el","totalSizeWithoutConst","sum","columnCountWithoutConstSize","avgSize","columnSizingStateReducer","options","getCoreRowModel","updater","newValue","diff","newValueColumn","diffColumnName","columnIndex","rightColumnName","leftColumnName","getPaginationRowModel","getSortedRowModel","getExpandedRowModel","table","useReactTable","handleNextPage","handlePrevPage","handleBodyRowClick","row","event","page","pageSize","paginationSettings","jsxs","Table","_a","jsx","TableHead","headerGroup","TableRow","header","canSort","resizeHandler","headerActions","resizer","e","TableHeadCell","Fragment","flexRender","DraggableColumnHeaderWrapper","_b","TableBody","TableCell","ProgressIndicator","Message","cell","_c"],"mappings":"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"}

package/dist/headless/components/base/icon/icon.js

@@ -1,60 +1,72 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as L, useSyncExternalStore as C } from "react";
-import N from "clsx";
-import { getIcon as O } from "../../../icons/registry.js";
-import { getIconConfig as R } from "../../../icons/config.js";
-import { subscribeIcons as j } from "../../../icons/store.js";
-import { useIconSource as B } from "./iconProvider.js";
-const E = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], y = /* @__PURE__ */ new Set();
-function T(r) {
-  !R().warnOnMissing || y.has(r) || (y.add(r), console.warn(
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as N, useSyncExternalStore as O } from "react";
+import R from "clsx";
+import { getIcon as j } from "../../../icons/registry.js";
+import { getIconConfig as B } from "../../../icons/config.js";
+import { subscribeIcons as E } from "../../../icons/store.js";
+import { useIconSource as T } from "./iconProvider.js";
+const z = ["primary", "secondary", "error", "success", "warning", "info", "disabled"], S = /* @__PURE__ */ new Set();
+function A(r) {
+  !B().warnOnMissing || S.has(r) || (S.add(r), console.warn(
     `[smwb] Icon "${r}" is not registered. Register it (import { ${r} } from "@smwb/ui-react/icons") or use source="auto" to fall back to Material Symbols.`
   ));
 }
-const V = L(function({ className: S, weight: a = 400, fill: v = 0, size: n = 20, grade: I = 100, name: o, color: e = "inherit", title: i, source: _, ...u }, x) {
-  var w, b;
-  const d = B(_), g = typeof o == "string" ? o : null, m = () => {
-    var h;
-    return g === null ? null : (h = O(g)) != null ? h : null;
-  }, M = C(j, m, m), s = typeof o == "object" ? o : M, f = typeof o == "string" ? o : o.name, t = d === "google" ? "google" : s ? "smwb" : d === "smwb" ? "missing" : "google";
-  t === "missing" && T(f);
-  const p = i === void 0, $ = e && E.includes(e) ? `smwb-icon_color-${e}` : null, c = typeof n == "number" ? `${n}px` : n, k = Math.round(Math.min(3, Math.max(1, a / 200)) * 100) / 100;
-  return /* @__PURE__ */ l(
+const q = N(function({
+  className: I,
+  weight: d = 400,
+  fill: _ = 0,
+  size: n = 20,
+  grade: v = 100,
+  name: o,
+  color: i = "inherit",
+  title: a,
+  source: x,
+  "data-testid": M = "icon",
+  ...e
+}, $) {
+  var w, h, y;
+  const u = T(x), g = typeof o == "string" ? o : null, m = () => {
+    var p;
+    return g === null ? null : (p = j(g)) != null ? p : null;
+  }, k = O(E, m, m), t = typeof o == "object" ? o : k, f = typeof o == "string" ? o : o.name, s = u === "google" ? "google" : t ? "smwb" : u === "smwb" ? "missing" : "google";
+  s === "missing" && A(f);
+  const b = !(a || e["aria-label"] || e["aria-labelledby"]), L = i && z.includes(i) ? `smwb-icon_color-${i}` : null, l = typeof n == "number" ? `${n}px` : n, C = Math.round(Math.min(3, Math.max(1, d / 200)) * 100) / 100;
+  return /* @__PURE__ */ c(
     "span",
     {
-      ...u,
-      ref: x,
-      "data-testid": "icon",
-      "data-icon-source": t,
-      role: p ? void 0 : "img",
-      "aria-hidden": p ? !0 : void 0,
-      "aria-label": i,
-      title: i,
+      ...e,
+      ref: $,
+      "data-testid": M,
+      "data-icon-source": s,
+      role: (w = e.role) != null ? w : b ? void 0 : "img",
+      "aria-hidden": b ? !0 : e["aria-hidden"],
+      "aria-label": a || e["aria-label"],
+      title: a,
       style: {
-        ...u.style,
-        ...t === "google" ? { fontVariationSettings: `'FILL' ${v}, 'wght' ${a}, 'GRAD' ${I}, 'opsz' 48` } : null
+        ...e.style,
+        ...s === "google" ? { fontVariationSettings: `'FILL' ${_}, 'wght' ${d}, 'GRAD' ${v}, 'opsz' 48` } : null
       },
-      className: N("smwb-icon__wrapper", $, S),
-      children: t === "google" ? /* @__PURE__ */ l("span", { className: "material-symbols-outlined", style: { fontSize: c }, children: f }) : /* @__PURE__ */ l(
+      className: R("smwb-icon__wrapper", L, I),
+      children: s === "google" ? /* @__PURE__ */ c("span", { className: "material-symbols-outlined", style: { fontSize: l }, children: f }) : /* @__PURE__ */ c(
         "svg",
         {
           className: "smwb-icon__svg",
-          viewBox: (w = s == null ? void 0 : s.viewBox) != null ? w : "0 0 24 24",
-          style: { width: c, height: c },
+          viewBox: (h = t == null ? void 0 : t.viewBox) != null ? h : "0 0 24 24",
+          style: { width: l, height: l },
           fill: "none",
           stroke: "currentColor",
-          strokeWidth: k,
+          strokeWidth: C,
           strokeLinecap: "round",
           strokeLinejoin: "round",
           "aria-hidden": "true",
-          dangerouslySetInnerHTML: { __html: (b = s == null ? void 0 : s.body) != null ? b : "" }
+          dangerouslySetInnerHTML: { __html: (y = t == null ? void 0 : t.body) != null ? y : "" }
         }
       )
     }
   );
 });
 export {
-  V as Icon,
-  V as default
+  q as Icon,
+  q as default
 };
 //# sourceMappingURL=icon.js.map