@carto/ps-react-ui 5.0.0-widgets.6 → 5.0.0-widgets.8

package/dist/types/widgets/root/utils.d.ts

@@ -1 +1 @@
-export declare function mergeWidgetConfig<T>(...options: [T | undefined, T | undefined]): T;
+export declare function mergeWidgetConfig<T>(...options: [Partial<T> | undefined, Partial<T> | undefined]): T;

package/dist/types/widgets/table/config.d.ts

@@ -1,5 +1,11 @@
 import { ConfigProps } from '../root/types';
-import { TableDownloadConfig, TableWidgetConfig, TableColumn } from './types';
+import { TableDownloadConfig, TableWidgetConfig, TableColumn, Mode, SortDirection } from './types';
+export declare const DEFAULT_MODE: Mode;
+export declare const DEFAULT_PAGE = 0;
+export declare const DEFAULT_ROWS_PER_PAGE = 10;
+export declare const DEFAULT_ROWS_PER_PAGE_OPTIONS: number[];
+export declare const DEFAULT_COLUMN_ID: null;
+export declare const DEFAULT_DIRECTION: SortDirection;
 /**
  * Default table download configuration
  * Supports PNG export (screenshot) and CSV export (data)

package/dist/types/widgets/table/hooks/use-pagination.d.ts

@@ -1,13 +1,7 @@
 import { TableRow } from '../types';
-export interface UsePaginationOptions {
-    /** Available rows per page options */
-    rowsPerPageOptions?: number[];
-    /** Total rows (for remote pagination) */
-    total?: number;
-    /** Callback when page changes (for remote pagination) */
-    onPageChange?: (page: number, rowsPerPage: number) => void;
-}
 export interface UsePaginationResult<T> {
+    /** Whether pagination is enabled */
+    paginationEnabled: boolean;
     /** Current page (0-indexed) */
     page: number;
     /** Rows per page */
@@ -36,4 +30,4 @@ export interface UsePaginationResult<T> {
  * Supports both local (client-side) and remote (server-side) pagination
  * State is persisted in the widget store for the given widgetId
  */
-export declare function usePagination<T extends TableRow>(widgetId: string, data: T[], options: UsePaginationOptions): UsePaginationResult<T>;
+export declare function usePagination<T extends TableRow>(widgetId: string, data: T[]): UsePaginationResult<T>;

package/dist/types/widgets/table/hooks/use-sort.d.ts

@@ -3,9 +3,12 @@ export interface UseSortOptions {
     /** Callback when sort changes (for remote sorting) */
     onSortChange?: (columnId: string, direction: SortDirection) => void;
 }
-export interface UseSortResult<T> {
+export interface UseSortResult<T> extends SortState {
+    /** Whether sorting is enabled */
+    sortEnabled: boolean;
     /** Current sort state */
-    sortState: SortState;
+    columnId: string | null;
+    direction: SortDirection;
     /** Sorted data (for local mode) */
     sortedData: T[];
     /** Toggle sort on a column */
@@ -20,4 +23,4 @@ export interface UseSortResult<T> {
  * Supports both local (client-side) and remote (server-side) sorting
  * State is persisted in the widget store for the given widgetId
  */
-export declare function useSort<T extends TableRow>(widgetId: string, data: T[], options: UseSortOptions): UseSortResult<T>;
+export declare function useSort<T extends TableRow>(widgetId: string, data: T[], options?: UseSortOptions): UseSortResult<T>;

package/dist/types/widgets/table/index.d.ts

@@ -9,5 +9,5 @@ export { TableSkeleton } from './skeleton';
 export { sanitizeTableRow, sanitizeTableData } from './serializer';
 export { getCellValue, compareValues, sortData, paginateData } from './helpers';
 export { styles as tableStyles } from './style';
-export type { TableUIProps, TableColumn, TableRow, TableWidgetData, TablePaginationState, SortDirection, SortState, PaginationMode, SortMode, TableWidgetConfig, TableWidgetState, TableDownloadConfig, TableProps, CellHeaderProps, RowProps, PaginationProps, PaginationActionsProps, } from './types';
+export type { TableUIProps, TableColumn, TableRow, TableWidgetData, TablePaginationState, SortDirection, SortState, Mode, TableWidgetConfig, TableWidgetState, TableDownloadConfig, TableProps, CellHeaderProps, RowProps, PaginationProps, PaginationActionsProps, } from './types';
 export type { UsePaginationOptions, UsePaginationResult, UseSortOptions, UseSortResult, UseSelectionOptions, UseSelectionResult, } from './hooks';

package/dist/types/widgets/table/types.d.ts

@@ -63,13 +63,9 @@ export interface SortState {
     direction: SortDirection;
 }
 /**
- * Pagination mode
+ * Pagination and sort mode
  */
-export type PaginationMode = 'local' | 'remote';
-/**
- * Sort mode
- */
-export type SortMode = 'local' | 'remote';
+export type Mode = 'local' | 'remote';
 /**
  * Table widget configuration
  */
@@ -80,25 +76,25 @@ export interface TableWidgetConfig {
     selectable?: boolean;
     /** Currently selected row IDs */
     selected: Set<string | number>;
+    /** Pagination and sort mode: local (client-side) or remote (server-side) */
+    mode: Mode;
     /** Pagination configuration */
     pagination?: {
-        /** Pagination mode: local (client-side) or remote (server-side) */
-        mode: PaginationMode;
+        /** Current page (0-indexed) */
+        page?: number;
         /** Available rows per page options */
         rowsPerPageOptions?: number[];
         /** Default rows per page */
-        defaultRowsPerPage?: number;
+        rowsPerPage?: number;
         /** Total rows for remote pagination */
         total?: number;
     };
     /** Sort configuration */
     sort?: {
-        /** Sort mode: local (client-side) or remote (server-side) */
-        mode: SortMode;
         /** Default sort column */
-        defaultColumnId?: string;
+        columnId: string | null;
         /** Default sort direction */
-        defaultDirection?: SortDirection;
+        direction?: SortDirection;
     };
     /** Callback when a row is clicked */
     onRowClick?: (row: TableRow) => void;
@@ -114,20 +110,8 @@ export interface TableWidgetConfig {
 /**
  * Table widget state - includes both configuration and runtime state
  */
-export type TableWidgetState = BaseWidgetState<WrapperState<TableWidgetConfig> & {
+export type TableWidgetState = BaseWidgetState<WrapperState<TableWidgetConfig & {}> & {
     data: TableWidgetData;
-    pagination?: {
-        page: number;
-        rowsPerPage: number;
-        rowsPerPageOptions: number[];
-        mode: PaginationMode;
-        total?: number;
-    };
-    sort?: {
-        columnId: string | null;
-        direction: SortDirection;
-        mode: SortMode;
-    };
 }>;
 /**
  * Table download configuration

package/dist/widgets/actions.js

@@ -1,8 +1,8 @@
 import { jsx as g, jsxs as X, Fragment as ce } from "react/jsx-runtime";
-import { c as K } from "react/compiler-runtime";
-import { IconButton as q, DialogContent as Se, Typography as ve, DialogTitle as Ie, Dialog as Ce, CircularProgress as _e, MenuItem as ge, ListItemIcon as Te, ListItemText as pe, Menu as he, useTheme as ke, Box as ye, TextField as xe, InputAdornment as de, SvgIcon as Ee } from "@mui/material";
+import { c as U } from "react/compiler-runtime";
+import { IconButton as q, DialogContent as Se, Typography as ve, DialogTitle as Ie, Dialog as Ce, CircularProgress as _e, MenuItem as me, ListItemIcon as Te, ListItemText as ge, Menu as pe, useTheme as ke, Box as ye, TextField as xe, InputAdornment as ae, SvgIcon as Ee } from "@mui/material";
 import { u as O } from "../widget-store-Dd7_sWZT.js";
-import { FullscreenOutlined as Le, Close as we, FileDownloadOutlined as ze, PercentOutlined as $e, SubdirectoryArrowLeftOutlined as We, ZoomInOutlined as De, CheckBoxOutlined as Oe, SearchOutlined as be, ClearOutlined as Re } from "@mui/icons-material";
+import { FullscreenOutlined as Le, Close as we, FileDownloadOutlined as ze, PercentOutlined as $e, SubdirectoryArrowLeftOutlined as We, ZoomInOutlined as De, CheckBoxOutlined as Oe, SearchOutlined as he, ClearOutlined as Re } from "@mui/icons-material";
 import { useShallow as Q } from "zustand/shallow";
 import { useState as re, useEffect as j, useRef as se } from "react";
 import "react-markdown";
@@ -11,10 +11,10 @@ import "../lasso-tool-CYn3ivf-.js";
 import "../cjs-D9ro6BXv.js";
 import { T as ee } from "../tooltip-BDnrRKrp.js";
 import { b as Pe, a as Be, D as Fe } from "../utils-Dv5Z47UQ.js";
-import { useSensors as Ae, useSensor as ue, PointerSensor as Ve, KeyboardSensor as Ze, DndContext as Me, closestCenter as He } from "@dnd-kit/core";
+import { useSensors as Ae, useSensor as de, PointerSensor as Ve, KeyboardSensor as Ze, DndContext as Me, closestCenter as He } from "@dnd-kit/core";
 import { useSortable as je, sortableKeyboardCoordinates as Ge, arrayMove as Ne, SortableContext as Ue, verticalListSortingStrategy as Ke } from "@dnd-kit/sortable";
 import { CSS as Ye } from "@dnd-kit/utilities";
-const fe = {
+const ue = {
   title: {
     container: {
       display: "flex",
@@ -32,7 +32,7 @@ const fe = {
   }
 };
 function Yt(l) {
-  const e = K(46), {
+  const e = U(46), {
     id: t,
     labels: L,
     children: S,
@@ -91,13 +91,13 @@ function Yt(l) {
   let h;
   e[25] !== _ ? (h = /* @__PURE__ */ g(q, { onClick: _, children: W }), e[25] = _, e[26] = h) : h = e[26];
   let I;
-  e[27] !== E || e[28] !== C || e[29] !== h ? (I = /* @__PURE__ */ X(Ie, { id: E, sx: fe.title.container, children: [
+  e[27] !== E || e[28] !== C || e[29] !== h ? (I = /* @__PURE__ */ X(Ie, { id: E, sx: ue.title.container, children: [
     C,
     h
   ] }), e[27] = E, e[28] = C, e[29] = h, e[30] = I) : I = e[30];
   let y;
   e[31] !== f ? (y = {
-    ...fe.content,
+    ...ue.content,
     ...f
   }, e[31] = f, e[32] = y) : y = e[32];
   let z;
@@ -117,7 +117,7 @@ function qe(l) {
   return l.setWidget;
 }
 function qt(l) {
-  const e = K(35), {
+  const e = U(35), {
     id: t,
     items: L,
     labels: S,
@@ -174,16 +174,16 @@ function qt(l) {
   let $;
   if (e[23] !== m || e[24] !== L) {
     let D;
-    e[26] !== m ? (D = (P) => /* @__PURE__ */ X(ge, { disabled: P.disabled, onClick: (F) => void m(F, P), children: [
+    e[26] !== m ? (D = (P) => /* @__PURE__ */ X(me, { disabled: P.disabled, onClick: (F) => void m(F, P), children: [
       P.icon && /* @__PURE__ */ g(Te, { sx: {
         color: "text.primary"
       }, children: P.icon }),
-      /* @__PURE__ */ g(pe, { children: P.label })
+      /* @__PURE__ */ g(ge, { children: P.label })
     ] }, P.id), e[26] = m, e[27] = D) : D = e[27], $ = L.map(D), e[23] = m, e[24] = L, e[25] = $;
   } else
     $ = e[25];
   let R;
-  e[28] !== T || e[29] !== I || e[30] !== $ ? (R = /* @__PURE__ */ g(he, { variant: "menu", elevation: 8, anchorOrigin: W, transformOrigin: h, anchorEl: T, open: I, onClose: y, MenuListProps: z, children: $ }), e[28] = T, e[29] = I, e[30] = $, e[31] = R) : R = e[31];
+  e[28] !== T || e[29] !== I || e[30] !== $ ? (R = /* @__PURE__ */ g(pe, { variant: "menu", elevation: 8, anchorOrigin: W, transformOrigin: h, anchorEl: T, open: I, onClose: y, MenuListProps: z, children: $ }), e[28] = T, e[29] = I, e[30] = $, e[31] = R) : R = e[31];
   let A;
   return e[32] !== _ || e[33] !== R ? (A = /* @__PURE__ */ X(ce, { children: [
     _,
@@ -210,7 +210,7 @@ function Qe(l, e) {
 }
 const ie = "relative-data";
 function Jt(l) {
-  const e = K(35), {
+  const e = U(35), {
     id: t,
     order: L,
     defaultIsRelative: S,
@@ -271,7 +271,7 @@ function nt(l) {
 function ot(l) {
   return l.setWidget;
 }
-const me = {
+const fe = {
   container: {
     display: "flex",
     alignItems: "center",
@@ -286,7 +286,7 @@ const me = {
   }
 };
 function Qt(l) {
-  const e = K(59), {
+  const e = U(59), {
     id: t,
     defaultZoom: L,
     defaultZoomStart: S,
@@ -308,13 +308,13 @@ function Qt(l) {
       inside: !0,
       xSlider: !0,
       ySlider: !1
-    }, T), U = n(t)?.option;
+    }, T), Y = n(t)?.option;
     p(t, {
       zoom: B,
       zoomStart: Z,
       zoomEnd: N,
       option: {
-        ...U,
+        ...Y,
         ...J
       }
     });
@@ -359,16 +359,16 @@ function Qt(l) {
   let V;
   e[39] !== x ? (V = x ?? /* @__PURE__ */ g(De, {}), e[39] = x, e[40] = V) : V = e[40];
   let M;
-  e[41] !== u || e[42] !== _ || e[43] !== F || e[44] !== V || e[45] !== o ? (M = /* @__PURE__ */ g(q, { size: "small", "aria-label": F, onClick: _, sx: me.trigger, "data-active": o, ...u, children: V }), e[41] = u, e[42] = _, e[43] = F, e[44] = V, e[45] = o, e[46] = M) : M = e[46];
+  e[41] !== u || e[42] !== _ || e[43] !== F || e[44] !== V || e[45] !== o ? (M = /* @__PURE__ */ g(q, { size: "small", "aria-label": F, onClick: _, sx: fe.trigger, "data-active": o, ...u, children: V }), e[41] = u, e[42] = _, e[43] = F, e[44] = V, e[45] = o, e[46] = M) : M = e[46];
   let H;
   e[47] !== M || e[48] !== P ? (H = /* @__PURE__ */ g(ee, { title: P, children: M }), e[47] = M, e[48] = P, e[49] = H) : H = e[49];
   let G;
   e[50] !== u || e[51] !== d || e[52] !== h || e[53] !== D || e[54] !== o ? (G = o && /* @__PURE__ */ g(ee, { title: D, children: /* @__PURE__ */ g(q, { size: "small", "aria-label": D, onClick: h, ...u, children: d ?? /* @__PURE__ */ g(We, {}) }) }), e[50] = u, e[51] = d, e[52] = h, e[53] = D, e[54] = o, e[55] = G) : G = e[55];
-  let Y;
-  return e[56] !== H || e[57] !== G ? (Y = /* @__PURE__ */ X(ye, { sx: me.container, children: [
+  let K;
+  return e[56] !== H || e[57] !== G ? (K = /* @__PURE__ */ X(ye, { sx: fe.container, children: [
     H,
     G
-  ] }), e[56] = H, e[57] = G, e[58] = Y) : Y = e[58], Y;
+  ] }), e[56] = H, e[57] = G, e[58] = K) : K = e[58], K;
 }
 function st(l) {
   return l.getWidget;
@@ -377,12 +377,12 @@ function it(l) {
   return l.setWidget;
 }
 const rt = () => {
-  const l = K(1);
+  const l = U(1);
   let e;
   return l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ g("path", { d: "M4 20V8H8V20H4ZM9 20V13H13V20H9ZM16 20V4H20V20H16Z", fill: "currentColor" }) }), l[0] = e) : e = l[0], e;
 };
 function Xt(l) {
-  const e = K(30), {
+  const e = U(30), {
     id: t,
     defaultIsStacked: L,
     labels: S,
@@ -458,7 +458,7 @@ function dt(l) {
 }
 const le = "lock-selection";
 function el(l) {
-  const e = K(37), {
+  const e = U(37), {
     id: t,
     selectedItems: L,
     order: S,
@@ -539,7 +539,7 @@ function bt(l, e) {
 }
 const te = "searcher", St = 300;
 function tl(l) {
-  const e = K(49), {
+  const e = U(49), {
     id: t,
     filterFn: L,
     order: S,
@@ -549,12 +549,12 @@ function tl(l) {
     debounceDelay: d
   } = l, u = S === void 0 ? 20 : S, f = d === void 0 ? St : d, s = se(null), r = se(null);
   let T;
-  e[0] !== t ? (T = (U) => U.getWidget(t), e[0] = t, e[1] = T) : T = e[1];
+  e[0] !== t ? (T = (Y) => Y.getWidget(t), e[0] = t, e[1] = T) : T = e[1];
   const p = O(T), n = p?.isSearchEnabled ?? !1, a = p?.searchText ?? "", o = se(n), c = L ?? kt, i = O(Tt), m = O(_t), w = O(Ct), k = O(It), E = O(vt);
   let C;
-  e[2] !== t || e[3] !== i ? (C = (U) => {
+  e[2] !== t || e[3] !== i ? (C = (Y) => {
     i(t, {
-      searchText: U
+      searchText: Y
     });
   }, e[2] = t, e[3] = i, e[4] = C) : C = e[4];
   const _ = C;
@@ -563,9 +563,9 @@ function tl(l) {
     id: te,
     order: u,
     enabled: n,
-    fn: async (U, oe) => {
-      const ae = oe?.searchText || "";
-      return ae ? c(U, ae) : U;
+    fn: async (Y, oe) => {
+      const be = oe?.searchText || "";
+      return c(Y, be);
     },
     config: {
       searchText: a
@@ -577,10 +577,10 @@ function tl(l) {
     k(t, te, n);
   }, y = [t, n, k], e[14] = n, e[15] = t, e[16] = k, e[17] = I, e[18] = y) : (I = e[17], y = e[18]), j(I, y);
   let z;
-  e[19] !== f || e[20] !== t || e[21] !== E ? (z = (U) => {
+  e[19] !== f || e[20] !== t || e[21] !== E ? (z = (Y) => {
     r.current && clearTimeout(r.current), r.current = setTimeout(() => {
       E(t, te, {
-        searchText: U
+        searchText: Y
       });
     }, f);
   }, e[19] = f, e[20] = t, e[21] = E, e[22] = z) : z = e[22];
@@ -594,8 +594,8 @@ function tl(l) {
     r.current && clearTimeout(r.current);
   }, P = [], e[26] = D, e[27] = P) : (D = e[26], P = e[27]), j(D, P);
   let F;
-  e[28] !== $ || e[29] !== _ ? (F = (U) => {
-    const oe = U.target.value;
+  e[28] !== $ || e[29] !== _ ? (F = (Y) => {
+    const oe = Y.target.value;
     _(oe), $(oe);
   }, e[28] = $, e[29] = _, e[30] = F) : F = e[30];
   const V = F;
@@ -608,11 +608,11 @@ function tl(l) {
   const H = M;
   if (!n)
     return null;
-  const G = v?.placeholder ?? "Search...", Y = v?.clearAriaLabel ?? "Clear search";
+  const G = v?.placeholder ?? "Search...", K = v?.clearAriaLabel ?? "Clear search";
   let B;
-  e[35] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ g(de, { position: "start", children: /* @__PURE__ */ g(be, {}) }), e[35] = B) : B = e[35];
+  e[35] === Symbol.for("react.memo_cache_sentinel") ? (B = /* @__PURE__ */ g(ae, { position: "start", children: /* @__PURE__ */ g(he, {}) }), e[35] = B) : B = e[35];
   let Z;
-  e[36] !== x || e[37] !== Y || e[38] !== H || e[39] !== a ? (Z = a ? /* @__PURE__ */ g(de, { position: "end", children: /* @__PURE__ */ g(q, { size: "small", "aria-label": Y, onClick: H, edge: "end", children: x ?? /* @__PURE__ */ g(Re, { fontSize: "small" }) }) }) : null, e[36] = x, e[37] = Y, e[38] = H, e[39] = a, e[40] = Z) : Z = e[40];
+  e[36] !== x || e[37] !== K || e[38] !== H || e[39] !== a ? (Z = a ? /* @__PURE__ */ g(ae, { position: "end", children: /* @__PURE__ */ g(q, { size: "small", "aria-label": K, onClick: H, edge: "end", children: x ?? /* @__PURE__ */ g(Re, { fontSize: "small" }) }) }) : null, e[36] = x, e[37] = K, e[38] = H, e[39] = a, e[40] = Z) : Z = e[40];
   let N;
   e[41] !== Z ? (N = {
     startAdornment: B,
@@ -642,7 +642,7 @@ const kt = (l, e) => {
   return Promise.resolve(l.map((L) => L.filter((S) => Object.values(S).some((v) => typeof v == "string" && v.toLowerCase().includes(t)))));
 };
 function ll(l) {
-  const e = K(23), {
+  const e = U(23), {
     id: t,
     defaultEnabled: L,
     labels: S,
@@ -666,7 +666,7 @@ function ll(l) {
   }, e[8] = t, e[9] = r, e[10] = d, e[11] = n) : n = e[11];
   const a = n, o = r ? S?.disable ?? "Disable search" : S?.enable ?? "Enable search", c = S?.ariaLabel ?? o;
   let i;
-  e[12] !== v ? (i = v ?? /* @__PURE__ */ g(be, { fontSize: "small" }), e[12] = v, e[13] = i) : i = e[13];
+  e[12] !== v ? (i = v ?? /* @__PURE__ */ g(he, { fontSize: "small" }), e[12] = v, e[13] = i) : i = e[13];
   let m;
   e[14] !== b || e[15] !== c || e[16] !== a || e[17] !== r || e[18] !== i ? (m = /* @__PURE__ */ g(q, { size: "small", "aria-label": c, onClick: a, sx: ne.trigger, "data-active": r, ...b, children: i }), e[14] = b, e[15] = c, e[16] = a, e[17] = r, e[18] = i, e[19] = m) : m = e[19];
   let w;
@@ -679,12 +679,12 @@ function xt(l) {
   return l.setWidget;
 }
 const Et = () => {
-  const l = K(1);
+  const l = U(1);
   let e;
   return l[0] === Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ g("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 18 18", children: /* @__PURE__ */ g("path", { fill: "currentColor", fillRule: "evenodd", d: "M14.25 2.25H3.75c-.825 0-1.5.675-1.5 1.5v10.5c0 .825.675 1.5 1.5 1.5h10.5c.825 0 1.5-.675 1.5-1.5V3.75c0-.825-.675-1.5-1.5-1.5m-3.75 12h-3V3.75h3zM3.75 3.75H6v10.5H3.75zM12 14.25V3.75h2.25v10.5z", clipRule: "evenodd" }) }), l[0] = e) : e = l[0], e;
 };
 function Lt(l) {
-  const e = K(18), {
+  const e = U(18), {
     column: t
   } = l;
   let L;
@@ -718,15 +718,15 @@ function Lt(l) {
     }
   }, e[9] = n) : n = e[9];
   let a;
-  e[10] !== t.label ? (a = /* @__PURE__ */ g(pe, { children: t.label }), e[10] = t.label, e[11] = a) : a = e[11];
+  e[10] !== t.label ? (a = /* @__PURE__ */ g(ge, { children: t.label }), e[10] = t.label, e[11] = a) : a = e[11];
   let o;
-  return e[12] !== S || e[13] !== v || e[14] !== b || e[15] !== p || e[16] !== a ? (o = /* @__PURE__ */ g(ge, { ref: b, style: p, ...S, ...v, role: "menuitem", tabIndex: 0, sx: n, children: a }), e[12] = S, e[13] = v, e[14] = b, e[15] = p, e[16] = a, e[17] = o) : o = e[17], o;
+  return e[12] !== S || e[13] !== v || e[14] !== b || e[15] !== p || e[16] !== a ? (o = /* @__PURE__ */ g(me, { ref: b, style: p, ...S, ...v, role: "menuitem", tabIndex: 0, sx: n, children: a }), e[12] = S, e[13] = v, e[14] = b, e[15] = p, e[16] = a, e[17] = o) : o = e[17], o;
 }
 function wt(l) {
   return `2px solid ${l.palette.primary.main}`;
 }
 function nl(l) {
-  const e = K(42), {
+  const e = U(42), {
     id: t,
     labels: L,
     Icon: S,
@@ -740,7 +740,7 @@ function nl(l) {
   e[2] === Symbol.for("react.memo_cache_sentinel") ? (r = {
     coordinateGetter: Ge
   }, e[2] = r) : r = e[2];
-  const T = Ae(ue(Ve), ue(Ze, r));
+  const T = Ae(de(Ve), de(Ze, r));
   let p;
   e[3] !== s ? (p = s?.map($t) ?? [], e[3] = s, e[4] = p) : p = e[4];
   const n = p;
@@ -762,9 +762,9 @@ function nl(l) {
     } = V;
     if (!H || M.id === H.id || !s)
       return;
-    const G = s.findIndex((B) => B.id === M.id), Y = s.findIndex((B) => B.id === H.id);
-    if (G !== -1 && Y !== -1) {
-      const B = Ne(s, G, Y);
+    const G = s.findIndex((B) => B.id === M.id), K = s.findIndex((B) => B.id === H.id);
+    if (G !== -1 && K !== -1) {
+      const B = Ne(s, G, K);
       u(t, {
         columns: B
       });
@@ -793,7 +793,7 @@ function nl(l) {
   let A;
   e[27] !== n || e[28] !== R ? (A = /* @__PURE__ */ g(Ue, { items: n, strategy: Ke, children: R }), e[27] = n, e[28] = R, e[29] = A) : A = e[29];
   let D;
-  e[30] !== b || e[31] !== x || e[32] !== E || e[33] !== A ? (D = /* @__PURE__ */ g(he, { id: "change-column-menu", anchorEl: x, open: E, onClose: i, anchorOrigin: z, transformOrigin: $, ...b, children: A }), e[30] = b, e[31] = x, e[32] = E, e[33] = A, e[34] = D) : D = e[34];
+  e[30] !== b || e[31] !== x || e[32] !== E || e[33] !== A ? (D = /* @__PURE__ */ g(pe, { id: "change-column-menu", anchorEl: x, open: E, onClose: i, anchorOrigin: z, transformOrigin: $, ...b, children: A }), e[30] = b, e[31] = x, e[32] = E, e[33] = A, e[34] = D) : D = e[34];
   let P;
   e[35] !== w || e[36] !== T || e[37] !== D ? (P = /* @__PURE__ */ g(Me, { sensors: T, collisionDetection: He, onDragEnd: w, children: D }), e[35] = w, e[36] = T, e[37] = D, e[38] = P) : P = e[38];
   let F;