@smwb/ui-react 2.6.3 → 2.8.0

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

@@ -0,0 +1,194 @@
+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 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 Ce from "../../../components/dataDisplay/table/tableHead.js";
+import d from "../../../components/dataDisplay/table/tableRow.js";
+import xe from "../../../components/dataDisplay/table/tableHeadCell.js";
+import Re from "../../../components/dataDisplay/table/tableBody.js";
+import h from "../../../components/dataDisplay/table/tableCell.js";
+const He = ({
+  data: b,
+  columns: i,
+  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,
+  ...D
+}) => {
+  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: []
+  });
+  re(() => {
+    if (f) {
+      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(n)
+        })).reduce(pe, {})
+      ), H(i.map((n) => g(n)));
+    }
+  }, [f, i]);
+  const m = {
+    data: b,
+    columns: i,
+    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(s)[0], a = i.findIndex((n) => g(n) === l);
+      if (a >= 0 && a < i.length - 1) {
+        const n = g(i[a + 1]);
+        e[n] = r[n] - (e[l] - r[l]);
+      } else if (a === i.length - 1) {
+        const n = g(i[a - 1]);
+        e[n] = r[n] - (e[l] - r[l]);
+      }
+      $(e), O && setTimeout(() => O(r, e));
+    },
+    onColumnSizingInfoChange: (t) => {
+      te(typeof t == "function" ? t(A) : t);
+    }
+  };
+  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
+  }), ne = () => {
+    c.nextPage(), C == null || C();
+  }, oe = () => {
+    c.previousPage(), x == null || x();
+  }, ie = (t) => (e) => {
+    u == null || u(t, e);
+  }, {
+    pagination: { pageIndex: le, pageSize: ae }
+  } = c.getState();
+  let p;
+  return I && (p = {
+    limit: ae,
+    page: le + 1,
+    limitOptions: J,
+    onNext: ne,
+    onPrev: oe,
+    onLimitChange: c.setPageSize,
+    ...w ? { hasNextPage: b.length >= N } : { totalCount: b.length }
+  }), /* @__PURE__ */ v(
+    be,
+    {
+      dense: K,
+      isLoading: j,
+      ...D,
+      paginationSettings: p != null ? p : D.paginationSettings,
+      hovered: (q = D.hovered) != null ? q : !!u,
+      ref: ee,
+      children: [
+        /* @__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(
+            xe,
+            {
+              cellAlign: y,
+              sortable: s,
+              sortDirection: e.column.getIsSorted(),
+              onSort: () => e.column.toggleSorting(),
+              onClick: () => {
+                R == null || R(e.column.columnDef);
+              },
+              style: {
+                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(
+                he,
+                {
+                  draggableColumn: Q && ((G = e.column.columnDef.meta) == null ? void 0 : G.draggableColumn),
+                  table: c,
+                  onColumnOrderChange: X,
+                  header: e,
+                  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
+          );
+        }) }, 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(
+              h,
+              {
+                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: T(e.column.columnDef.cell, e.getContext())
+              },
+              e.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)) })
+      ]
+    }
+  );
+};
+export {
+  He as TableWrapper,
+  He as default
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"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/connects/rt/table/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../src/connects/rt/table/utils.ts"],"sourcesContent":["import { AccessorKeyColumnDef, ColumnDef, ColumnSizingState } from \"@tanstack/react-table\";\n\nexport function columnSizingStateReducer(\n  sum: ColumnSizingState,\n  el: { name: string; size?: number }\n): ColumnSizingState {\n  sum[el.name] = el.size || 0;\n  return sum;\n}\n\nexport function getDefaultColumnSizingState<T, K>(columnDef: ColumnDef<T, K>[]): ColumnSizingState {\n  return columnDef\n    .map((el) => ({\n      size: el.size,\n      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n      name: typeof el.header === \"string\" ? el.header : el.id!,\n    }))\n    .filter((el) => !!el.size)\n    .reduce<ColumnSizingState>(columnSizingStateReducer, {});\n}\n\nexport function getColumnName<T, K>(column: ColumnDef<T, K>): string {\n  return (\n    (column as AccessorKeyColumnDef<T>).accessorKey\n      ? (column as AccessorKeyColumnDef<T>).accessorKey\n      : typeof column.header === \"string\"\n        ? column.header\n        : // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n          column.id!\n  ).toString();\n}\n"],"names":["columnSizingStateReducer","sum","el","getDefaultColumnSizingState","columnDef","getColumnName","column"],"mappings":"AAEO,SAASA,EACdC,GACAC,GACmB;AACnB,SAAAD,EAAIC,EAAG,IAAI,IAAIA,EAAG,QAAQ,GACnBD;AACT;AAEO,SAASE,EAAkCC,GAAiD;AACjG,SAAOA,EACJ,IAAI,CAACF,OAAQ;AAAA,IACZ,MAAMA,EAAG;AAAA;AAAA,IAET,MAAM,OAAOA,EAAG,UAAW,WAAWA,EAAG,SAASA,EAAG;AAAA,EAAA,EACrD,EACD,OAAO,CAACA,MAAO,CAAC,CAACA,EAAG,IAAI,EACxB,OAA0BF,GAA0B,EAAE;AAC3D;AAEO,SAASK,EAAoBC,GAAiC;AACnE,UACGA,EAAmC,cAC/BA,EAAmC,cACpC,OAAOA,EAAO,UAAW,WACvBA,EAAO;AAAA;AAAA,IAEPA,EAAO;AAAA,KACb,SAAA;AACJ;"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name. When provided the icon is exposed as\n   * `role=\"img\"`; otherwise it is `aria-hidden` (decorative).\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  { className, weight = 400, fill = 0, size = 20, grade = 100, name, color = \"inherit\", title, source, ...props },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = title === undefined;\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid=\"icon\"\n      data-icon-source={mode}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? true : undefined}\n      aria-label={title}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b"],"mappings":";;;;;;;AAUA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AA4CO,MAAME,IAAOC,EAAuC,SACzD,EAAE,WAAAC,GAAW,QAAAC,IAAS,KAAK,MAAAC,IAAO,GAAG,MAAAC,IAAO,IAAI,OAAAC,IAAQ,KAAK,MAAAR,GAAM,OAAAS,IAAQ,WAAW,OAAAC,GAAO,QAAAC,GAAQ,GAAGC,EAAA,GACxGC,GACA;;AACA,QAAMC,IAAiBC,EAAcJ,CAAM,GACrCK,IAAS,OAAOhB,KAAS,WAAWA,IAAO,MAI3CiB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOvB,KAAS,WAAWA,IAAOoB,GAC/CI,IAAQ,OAAOxB,KAAS,WAAWA,IAAOA,EAAK,MAE/CyB,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW1B,EAAYyB,CAAK;AAEzC,QAAME,IAAahB,MAAU,QACvBiB,IAAalB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFmB,IAAU,OAAOrB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDsB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGxB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAAyB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAY;AAAA,MACZ,oBAAkBY;AAAA,MAClB,MAAMC,IAAa,SAAY;AAAA,MAC/B,eAAaA,IAAa,KAAO;AAAA,MACjC,cAAYhB;AAAA,MACZ,OAAAA;AAAA,MACA,OAAO;AAAA,QACL,GAAGE,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUnB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWuB,EAAG,sBAAsBJ,GAAYvB,CAAS;AAAA,MAExD,UAAAqB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASZ,IAAAK,KAAA,gBAAAA,EAAY,YAAZ,OAAAL,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOU,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQG,IAAAT,KAAA,gBAAAA,EAAY,SAAZ,OAAAS,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}
+{"version":3,"file":"icon.js","sources":["../../../../../src/components/base/icon/icon.tsx"],"sourcesContent":["import { forwardRef, HTMLAttributes, useSyncExternalStore } from \"react\";\nimport cn from \"clsx\";\nimport { getIcon } from \"../../../icons/registry\";\nimport { getIconConfig } from \"../../../icons/config\";\nimport { subscribeIcons } from \"../../../icons/store\";\nimport type { IconDefinition, IconSource } from \"../../../icons/types\";\nimport { useIconSource } from \"./iconProvider\";\n\nexport type IconColor = \"inherit\" | \"primary\" | \"secondary\" | \"error\" | \"success\" | \"warning\" | \"info\" | \"disabled\";\n\nconst COLOR_TOKENS = [\"primary\", \"secondary\", \"error\", \"success\", \"warning\", \"info\", \"disabled\"];\n\nconst warned = new Set<string>();\n\nfunction warnMissing(name: string): void {\n  if (!getIconConfig().warnOnMissing || warned.has(name)) return;\n  warned.add(name);\n  // eslint-disable-next-line no-console -- a missing icon is silent otherwise\n  console.warn(\n    `[smwb] Icon \"${name}\" is not registered. Register it (import { ${name} } from \"@smwb/ui-react/icons\") ` +\n      `or use source=\"auto\" to fall back to Material Symbols.`\n  );\n}\n\nexport interface IconProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Icon name — the Google Material Symbols name, e.g. `\"arrow_right_alt\"`.\n   * Lookup is forgiving: `arrowRightAlt` and `arrow-right-alt` resolve too, as\n   * do an icon's aliases.\n   *\n   * An {@link IconDefinition} may be passed instead, which skips the registry\n   * entirely and is the most bundle-friendly form:\n   *\n   * ```tsx\n   * import { arrowRightAlt } from \"@smwb/ui-react/icons\";\n   * <Icon name={arrowRightAlt} />\n   * ```\n   */\n  name: string | IconDefinition;\n  className?: string;\n  /**\n   * Material Symbols weight axis (100-700). For the smwb SVG set it maps to the\n   * stroke width: 400 → 2px, 700 → 3px, 100 → 1px.\n   */\n  weight?: number;\n  /** Material Symbols FILL axis. Not used by the smwb SVG set (it is a contour set). */\n  fill?: 0 | 1;\n  /** Pixel number or any CSS length (e.g. \"1.5rem\"). */\n  size?: number | string;\n  /** Material Symbols GRAD axis. Not used by the smwb SVG set. */\n  grade?: number;\n  /**\n   * Semantic color token; `inherit` (default) keeps the text color.\n   * Any string is accepted for backward compatibility, but only known\n   * {@link IconColor} tokens emit a color class.\n   */\n  color?: IconColor | (string & {});\n  /**\n   * Accessible name, also shown as a tooltip. A non-empty `title`,\n   * `aria-label` or `aria-labelledby` names the icon: it is exposed as\n   * `role=\"img\"`, or with the `role` you pass. Without any of them the icon is\n   * decorative and `aria-hidden`.\n   */\n  title?: string;\n  /** Overrides the icon source for this icon only. See {@link IconSource}. */\n  source?: IconSource;\n  /** Test id of the root `<span>`; `icon` unless given. */\n  \"data-testid\"?: string;\n}\n\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>(function Icon(\n  {\n    className,\n    weight = 400,\n    fill = 0,\n    size = 20,\n    grade = 100,\n    name,\n    color = \"inherit\",\n    title,\n    source,\n    \"data-testid\": dataTestId = \"icon\",\n    ...props\n  },\n  ref\n) {\n  const resolvedSource = useIconSource(source);\n  const lookup = typeof name === \"string\" ? name : null;\n  // Subscribing keeps late registrations (lazy chunks, Storybook HMR) from\n  // leaving a mounted icon blank. getIcon returns the same object for the same\n  // registration, so the snapshot is stable.\n  const getSnapshot = () => (lookup === null ? null : (getIcon(lookup) ?? null));\n  const registered = useSyncExternalStore(subscribeIcons, getSnapshot, getSnapshot);\n  const definition = typeof name === \"object\" ? name : registered;\n  const glyph = typeof name === \"string\" ? name : name.name;\n\n  const mode =\n    resolvedSource === \"google\" ? \"google\" : definition ? \"smwb\" : resolvedSource === \"smwb\" ? \"missing\" : \"google\";\n  if (mode === \"missing\") warnMissing(glyph);\n\n  const decorative = !(title || props[\"aria-label\"] || props[\"aria-labelledby\"]);\n  const colorClass = color && COLOR_TOKENS.includes(color) ? `smwb-icon_color-${color}` : null;\n  const cssSize = typeof size === \"number\" ? `${size}px` : size;\n  const strokeWidth = Math.round(Math.min(3, Math.max(1, weight / 200)) * 100) / 100;\n\n  return (\n    <span\n      {...props}\n      ref={ref}\n      data-testid={dataTestId}\n      data-icon-source={mode}\n      // An unnamed icon is hidden over the caller's aria-hidden. A named one is\n      // an image unless the caller gives it a role, and a title names it over\n      // the caller's aria-label.\n      role={props.role ?? (decorative ? undefined : \"img\")}\n      aria-hidden={decorative ? true : props[\"aria-hidden\"]}\n      aria-label={title || props[\"aria-label\"]}\n      title={title}\n      style={{\n        ...props.style,\n        ...(mode === \"google\"\n          ? { fontVariationSettings: `'FILL' ${fill}, 'wght' ${weight}, 'GRAD' ${grade}, 'opsz' 48` }\n          : null),\n      }}\n      className={cn(\"smwb-icon__wrapper\", colorClass, className)}\n    >\n      {mode === \"google\" ? (\n        <span className=\"material-symbols-outlined\" style={{ fontSize: cssSize }}>\n          {glyph}\n        </span>\n      ) : (\n        <svg\n          className=\"smwb-icon__svg\"\n          viewBox={definition?.viewBox ?? \"0 0 24 24\"}\n          style={{ width: cssSize, height: cssSize }}\n          fill=\"none\"\n          stroke=\"currentColor\"\n          strokeWidth={strokeWidth}\n          strokeLinecap=\"round\"\n          strokeLinejoin=\"round\"\n          aria-hidden=\"true\"\n          dangerouslySetInnerHTML={{ __html: definition?.body ?? \"\" }}\n        />\n      )}\n    </span>\n  );\n});\n\nexport default Icon;\n"],"names":["COLOR_TOKENS","warned","warnMissing","name","getIconConfig","Icon","forwardRef","className","weight","fill","size","grade","color","title","source","dataTestId","props","ref","resolvedSource","useIconSource","lookup","getSnapshot","_a","getIcon","registered","useSyncExternalStore","subscribeIcons","definition","glyph","mode","decorative","colorClass","cssSize","strokeWidth","jsx","cn","_b","_c"],"mappings":";;;;;;;AAUA,MAAMA,IAAe,CAAC,WAAW,aAAa,SAAS,WAAW,WAAW,QAAQ,UAAU,GAEzFC,wBAAa,IAAA;AAEnB,SAASC,EAAYC,GAAoB;AACvC,EAAI,CAACC,EAAA,EAAgB,iBAAiBH,EAAO,IAAIE,CAAI,MACrDF,EAAO,IAAIE,CAAI,GAEf,QAAQ;AAAA,IACN,gBAAgBA,CAAI,8CAA8CA,CAAI;AAAA,EAAA;AAG1E;AAgDO,MAAME,IAAOC,EAAuC,SACzD;AAAA,EACE,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,OAAAC,IAAQ;AAAA,EACR,MAAAR;AAAA,EACA,OAAAS,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAeC,IAAa;AAAA,EAC5B,GAAGC;AACL,GACAC,GACA;;AACA,QAAMC,IAAiBC,EAAcL,CAAM,GACrCM,IAAS,OAAOjB,KAAS,WAAWA,IAAO,MAI3CkB,IAAc,MAAA;;AAAO,WAAAD,MAAW,OAAO,QAAQE,IAAAC,EAAQH,CAAM,MAAd,OAAAE,IAAmB;AAAA,KAClEE,IAAaC,EAAqBC,GAAgBL,GAAaA,CAAW,GAC1EM,IAAa,OAAOxB,KAAS,WAAWA,IAAOqB,GAC/CI,IAAQ,OAAOzB,KAAS,WAAWA,IAAOA,EAAK,MAE/C0B,IACJX,MAAmB,WAAW,WAAWS,IAAa,SAAST,MAAmB,SAAS,YAAY;AACzG,EAAIW,MAAS,aAAW3B,EAAY0B,CAAK;AAEzC,QAAME,IAAa,EAAEjB,KAASG,EAAM,YAAY,KAAKA,EAAM,iBAAiB,IACtEe,IAAanB,KAASZ,EAAa,SAASY,CAAK,IAAI,mBAAmBA,CAAK,KAAK,MAClFoB,IAAU,OAAOtB,KAAS,WAAW,GAAGA,CAAI,OAAOA,GACnDuB,IAAc,KAAK,MAAM,KAAK,IAAI,GAAG,KAAK,IAAI,GAAGzB,IAAS,GAAG,CAAC,IAAI,GAAG,IAAI;AAE/E,SACE,gBAAA0B;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,eAAaF;AAAA,MACb,oBAAkBc;AAAA,MAIlB,OAAMP,IAAAN,EAAM,SAAN,OAAAM,IAAeQ,IAAa,SAAY;AAAA,MAC9C,eAAaA,IAAa,KAAOd,EAAM,aAAa;AAAA,MACpD,cAAYH,KAASG,EAAM,YAAY;AAAA,MACvC,OAAAH;AAAA,MACA,OAAO;AAAA,QACL,GAAGG,EAAM;AAAA,QACT,GAAIa,MAAS,WACT,EAAE,uBAAuB,UAAUpB,CAAI,YAAYD,CAAM,YAAYG,CAAK,cAAA,IAC1E;AAAA,MAAA;AAAA,MAEN,WAAWwB,EAAG,sBAAsBJ,GAAYxB,CAAS;AAAA,MAExD,UAAAsB,MAAS,WACR,gBAAAK,EAAC,QAAA,EAAK,WAAU,6BAA4B,OAAO,EAAE,UAAUF,EAAA,GAC5D,UAAAJ,EAAA,CACH,IAEA,gBAAAM;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAASE,IAAAT,KAAA,gBAAAA,EAAY,YAAZ,OAAAS,IAAuB;AAAA,UAChC,OAAO,EAAE,OAAOJ,GAAS,QAAQA,EAAA;AAAA,UACjC,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAAC;AAAA,UACA,eAAc;AAAA,UACd,gBAAe;AAAA,UACf,eAAY;AAAA,UACZ,yBAAyB,EAAE,SAAQI,IAAAV,KAAA,gBAAAA,EAAY,SAAZ,OAAAU,IAAoB,GAAA;AAAA,QAAG;AAAA,MAAA;AAAA,IAC5D;AAAA,EAAA;AAIR,CAAC;"}

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

@@ -1,41 +1,56 @@
 import { jsx as R } from "react/jsx-runtime";
-import u, { forwardRef as N } from "react";
-import b from "clsx";
-const B = N(function({ actionRef: x, className: l, classes: i, center: g, style: e, duration: f = 600, color: r, ...a }, C) {
-  const [n, c] = u.useState([]), w = u.useRef(0);
-  return u.useImperativeHandle(
-    x,
+import r, { forwardRef as S } from "react";
+import x from "clsx";
+const k = S(function({ actionRef: b, className: T, classes: e, center: u, duration: m = 600, color: l, "data-testid": y = "ripple", ...C }, E) {
+  const [o, a] = r.useState([]), f = r.useRef(0), p = r.useRef(/* @__PURE__ */ new Set());
+  return r.useEffect(() => {
+    const i = p.current;
+    return () => {
+      i.forEach((g) => clearTimeout(g)), i.clear();
+    };
+  }, []), r.useImperativeHandle(
+    b,
     () => ({
-      onRipple(d) {
-        const t = d.currentTarget.getBoundingClientRect(), h = Math.max(t.width, t.height), p = h / 2;
-        let o, m;
-        g ? (o = t.width > t.height ? 0 : t.width / 2 - p, m = t.height > t.width ? 0 : t.height / 2 - p) : (o = d.clientX - t.left - p, m = d.clientY - t.top - p), c([
-          ...n,
+      onRipple(i) {
+        const t = i.currentTarget.getBoundingClientRect(), d = Math.max(t.width, t.height), n = d / 2;
+        let h, c;
+        u ? (h = t.width > t.height ? 0 : t.width / 2 - n, c = t.height > t.width ? 0 : t.height / 2 - n) : (h = i.clientX - t.left - n, c = i.clientY - t.top - n), a([
+          ...o,
           /* @__PURE__ */ R(
             "span",
             {
-              className: b("smwb-ripple__child", i == null ? void 0 : i.child),
+              className: x("smwb-ripple__child", e == null ? void 0 : e.child),
               style: {
-                ...e,
-                left: o,
-                top: m,
-                width: h,
-                height: h,
-                backgroundColor: r != null ? r : e == null ? void 0 : e.backgroundColor
-              },
-              ...a
+                left: h,
+                top: c,
+                width: d,
+                height: d,
+                backgroundColor: l
+              }
             },
-            w.current
+            f.current
           )
-        ]), w.current += 1, setTimeout(() => {
-          c((k) => k.slice(1));
-        }, f);
+        ]), f.current += 1;
+        const w = setTimeout(() => {
+          p.current.delete(w), a((N) => N.slice(1));
+        }, m);
+        p.current.add(w);
       }
     }),
-    [a, g, n, i == null ? void 0 : i.child, e, f, r]
-  ), /* @__PURE__ */ R("span", { ref: C, className: b("smwb-ripple", l, i == null ? void 0 : i.ripple), "data-testid": "ripple", "aria-hidden": "true", children: n });
+    [u, o, e == null ? void 0 : e.child, m, l]
+  ), /* @__PURE__ */ R(
+    "span",
+    {
+      ...C,
+      ref: E,
+      className: x("smwb-ripple", T, e == null ? void 0 : e.ripple),
+      "data-testid": y,
+      "aria-hidden": "true",
+      children: o
+    }
+  );
 });
 export {
-  B as Ripple
+  k as Ripple
 };
 //# sourceMappingURL=ripple.js.map

package/dist/headless/components/base/ripple/ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.js","sources":["../../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: React.MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  actionRef: React.Ref<RippleActionsRef>;\n  classes?: RippleClasses;\n  center?: boolean;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string;\n}\n\n/**\n * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**\n */\n\nexport const Ripple = forwardRef<HTMLSpanElement, RippleProps>(function Ripple(\n  { actionRef, className, classes, center, style, duration = 600, color, ...rest },\n  ref\n) {\n  const [ripples, setRipples] = React.useState<React.ReactNode[]>([]);\n  const nextKey = React.useRef<number>(0);\n\n  React.useImperativeHandle(\n    actionRef,\n    () => ({\n      onRipple(event: React.MouseEvent) {\n        const target = event.currentTarget as HTMLElement;\n        const rect = target.getBoundingClientRect();\n        const diameter = Math.max(rect.width, rect.height);\n        const radius = diameter / 2;\n\n        let coordX;\n        let coordY;\n\n        if (center) {\n          coordX = rect.width > rect.height ? 0 : rect.width / 2 - radius;\n          coordY = rect.height > rect.width ? 0 : rect.height / 2 - radius;\n        } else {\n          coordX = event.clientX - rect.left - radius;\n          coordY = event.clientY - rect.top - radius;\n        }\n\n        setRipples([\n          ...ripples,\n          <span\n            key={nextKey.current}\n            className={cn(\"smwb-ripple__child\", classes?.child)}\n            style={{\n              ...style,\n              left: coordX,\n              top: coordY,\n              width: diameter,\n              height: diameter,\n              backgroundColor: color ?? style?.backgroundColor,\n            }}\n            {...rest}\n          />,\n        ]);\n\n        nextKey.current += 1;\n\n        setTimeout(() => {\n          setRipples((prevRipples) => prevRipples.slice(1));\n        }, duration);\n      },\n    }),\n    [rest, center, ripples, classes?.child, style, duration, color]\n  );\n\n  return (\n    <span ref={ref} className={cn(\"smwb-ripple\", className, classes?.ripple)} data-testid=\"ripple\" aria-hidden=\"true\">\n      {ripples}\n    </span>\n  );\n});\n"],"names":["Ripple","forwardRef","actionRef","className","classes","center","style","duration","color","rest","ref","ripples","setRipples","React","nextKey","event","rect","diameter","radius","coordX","coordY","jsx","cn","prevRipples"],"mappings":";;;AA0BO,MAAMA,IAASC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,OAAAC,GAAO,UAAAC,IAAW,KAAK,OAAAC,GAAO,GAAGC,EAAA,GAC1EC,GACA;AACA,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAA4B,CAAA,CAAE,GAC5DC,IAAUD,EAAM,OAAe,CAAC;AAEtC,SAAAA,EAAM;AAAA,IACJX;AAAA,IACA,OAAO;AAAA,MACL,SAASa,GAAyB;AAEhC,cAAMC,IADSD,EAAM,cACD,sBAAA,GACdE,IAAW,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM,GAC3CE,IAASD,IAAW;AAE1B,YAAIE,GACAC;AAEJ,QAAIf,KACFc,IAASH,EAAK,QAAQA,EAAK,SAAS,IAAIA,EAAK,QAAQ,IAAIE,GACzDE,IAASJ,EAAK,SAASA,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIE,MAE1DC,IAASJ,EAAM,UAAUC,EAAK,OAAOE,GACrCE,IAASL,EAAM,UAAUC,EAAK,MAAME,IAGtCN,EAAW;AAAA,UACT,GAAGD;AAAA,UACH,gBAAAU;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAG,sBAAsBlB,KAAA,gBAAAA,EAAS,KAAK;AAAA,cAClD,OAAO;AAAA,gBACL,GAAGE;AAAA,gBACH,MAAMa;AAAA,gBACN,KAAKC;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,iBAAiBT,KAAA,OAAAA,IAASF,KAAA,gBAAAA,EAAO;AAAA,cAAA;AAAA,cAElC,GAAGG;AAAA,YAAA;AAAA,YAVCK,EAAQ;AAAA,UAAA;AAAA,QAWf,CACD,GAEDA,EAAQ,WAAW,GAEnB,WAAW,MAAM;AACf,UAAAF,EAAW,CAACW,MAAgBA,EAAY,MAAM,CAAC,CAAC;AAAA,QAClD,GAAGhB,CAAQ;AAAA,MACb;AAAA,IAAA;AAAA,IAEF,CAACE,GAAMJ,GAAQM,GAASP,KAAA,gBAAAA,EAAS,OAAOE,GAAOC,GAAUC,CAAK;AAAA,EAAA,GAI9D,gBAAAa,EAAC,QAAA,EAAK,KAAAX,GAAU,WAAWY,EAAG,eAAenB,GAAWC,KAAA,gBAAAA,EAAS,MAAM,GAAG,eAAY,UAAS,eAAY,QACxG,UAAAO,GACH;AAEJ,CAAC;"}
+{"version":3,"file":"ripple.js","sources":["../../../../../src/components/base/ripple/ripple.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cn from \"clsx\";\n\nexport interface RippleActionsRef {\n  onRipple: (event: React.MouseEvent) => void;\n}\n\nexport interface RippleClasses {\n  ripple?: string;\n  child?: string;\n}\n\nexport interface RippleProps extends React.HTMLAttributes<HTMLSpanElement> {\n  actionRef: React.Ref<RippleActionsRef>;\n  /** Extra classes: `ripple` for the root, `child` for each ripple. */\n  classes?: RippleClasses;\n  center?: boolean;\n  /** Ripple lifetime in ms. */\n  duration?: number;\n  /** Ripple color (any CSS color). Defaults to inherited currentColor. */\n  color?: string;\n  /** Test id of the root `<span>`; `ripple` unless given. */\n  \"data-testid\"?: string;\n}\n\n/**\n * ⚠️ Для правильной работы этого эффекта, установите у компонента родителя CSS: **position: relative;**\n */\n\nexport const Ripple = forwardRef<HTMLSpanElement, RippleProps>(function Ripple(\n  { actionRef, className, classes, center, duration = 600, color, \"data-testid\": dataTestId = \"ripple\", ...rest },\n  ref\n) {\n  const [ripples, setRipples] = React.useState<React.ReactNode[]>([]);\n  const nextKey = React.useRef<number>(0);\n  // Removal timers still pending. Unmounting clears them: one left running would\n  // set state on the unmounted Ripple, and in a test that ends first it fires\n  // after jsdom's teardown, where React's setState throws \"window is not defined\".\n  const timeouts = React.useRef(new Set<ReturnType<typeof setTimeout>>());\n\n  React.useEffect(() => {\n    const pending = timeouts.current;\n    return () => {\n      pending.forEach((timeout) => clearTimeout(timeout));\n      pending.clear();\n    };\n  }, []);\n\n  React.useImperativeHandle(\n    actionRef,\n    () => ({\n      onRipple(event: React.MouseEvent) {\n        const target = event.currentTarget as HTMLElement;\n        const rect = target.getBoundingClientRect();\n        const diameter = Math.max(rect.width, rect.height);\n        const radius = diameter / 2;\n\n        let coordX;\n        let coordY;\n\n        if (center) {\n          coordX = rect.width > rect.height ? 0 : rect.width / 2 - radius;\n          coordY = rect.height > rect.width ? 0 : rect.height / 2 - radius;\n        } else {\n          coordX = event.clientX - rect.left - radius;\n          coordY = event.clientY - rect.top - radius;\n        }\n\n        setRipples([\n          ...ripples,\n          <span\n            key={nextKey.current}\n            className={cn(\"smwb-ripple__child\", classes?.child)}\n            style={{\n              left: coordX,\n              top: coordY,\n              width: diameter,\n              height: diameter,\n              backgroundColor: color,\n            }}\n          />,\n        ]);\n\n        nextKey.current += 1;\n\n        const timeout = setTimeout(() => {\n          timeouts.current.delete(timeout);\n          setRipples((prevRipples) => prevRipples.slice(1));\n        }, duration);\n        timeouts.current.add(timeout);\n      },\n    }),\n    [center, ripples, classes?.child, duration, color]\n  );\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      className={cn(\"smwb-ripple\", className, classes?.ripple)}\n      data-testid={dataTestId}\n      aria-hidden=\"true\"\n    >\n      {ripples}\n    </span>\n  );\n});\n"],"names":["Ripple","forwardRef","actionRef","className","classes","center","duration","color","dataTestId","rest","ref","ripples","setRipples","React","nextKey","timeouts","pending","timeout","event","rect","diameter","radius","coordX","coordY","jsx","cn","prevRipples"],"mappings":";;;AA6BO,MAAMA,IAASC,EAAyC,SAC7D,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,IAAW,KAAK,OAAAC,GAAO,eAAeC,IAAa,UAAU,GAAGC,EAAA,GACzGC,GACA;AACA,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAM,SAA4B,CAAA,CAAE,GAC5DC,IAAUD,EAAM,OAAe,CAAC,GAIhCE,IAAWF,EAAM,OAAO,oBAAI,KAAoC;AAEtE,SAAAA,EAAM,UAAU,MAAM;AACpB,UAAMG,IAAUD,EAAS;AACzB,WAAO,MAAM;AACX,MAAAC,EAAQ,QAAQ,CAACC,MAAY,aAAaA,CAAO,CAAC,GAClDD,EAAQ,MAAA;AAAA,IACV;AAAA,EACF,GAAG,CAAA,CAAE,GAELH,EAAM;AAAA,IACJX;AAAA,IACA,OAAO;AAAA,MACL,SAASgB,GAAyB;AAEhC,cAAMC,IADSD,EAAM,cACD,sBAAA,GACdE,IAAW,KAAK,IAAID,EAAK,OAAOA,EAAK,MAAM,GAC3CE,IAASD,IAAW;AAE1B,YAAIE,GACAC;AAEJ,QAAIlB,KACFiB,IAASH,EAAK,QAAQA,EAAK,SAAS,IAAIA,EAAK,QAAQ,IAAIE,GACzDE,IAASJ,EAAK,SAASA,EAAK,QAAQ,IAAIA,EAAK,SAAS,IAAIE,MAE1DC,IAASJ,EAAM,UAAUC,EAAK,OAAOE,GACrCE,IAASL,EAAM,UAAUC,EAAK,MAAME,IAGtCT,EAAW;AAAA,UACT,GAAGD;AAAA,UACH,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,WAAWC,EAAG,sBAAsBrB,KAAA,gBAAAA,EAAS,KAAK;AAAA,cAClD,OAAO;AAAA,gBACL,MAAMkB;AAAA,gBACN,KAAKC;AAAA,gBACL,OAAOH;AAAA,gBACP,QAAQA;AAAA,gBACR,iBAAiBb;AAAA,cAAA;AAAA,YACnB;AAAA,YARKO,EAAQ;AAAA,UAAA;AAAA,QASf,CACD,GAEDA,EAAQ,WAAW;AAEnB,cAAMG,IAAU,WAAW,MAAM;AAC/B,UAAAF,EAAS,QAAQ,OAAOE,CAAO,GAC/BL,EAAW,CAACc,MAAgBA,EAAY,MAAM,CAAC,CAAC;AAAA,QAClD,GAAGpB,CAAQ;AACX,QAAAS,EAAS,QAAQ,IAAIE,CAAO;AAAA,MAC9B;AAAA,IAAA;AAAA,IAEF,CAACZ,GAAQM,GAASP,KAAA,gBAAAA,EAAS,OAAOE,GAAUC,CAAK;AAAA,EAAA,GAIjD,gBAAAiB;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,KAAAC;AAAA,MACA,WAAWe,EAAG,eAAetB,GAAWC,KAAA,gBAAAA,EAAS,MAAM;AAAA,MACvD,eAAaI;AAAA,MACb,eAAY;AAAA,MAEX,UAAAG;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;"}