@canvas-components/react-list-table 0.3.2 → 0.3.4

package/dist/index.js

@@ -1,10 +1,10 @@
 import { forwardRef, useRef, useState, useMemo, useImperativeHandle, useEffect, useLayoutEffect, Fragment as Fragment$1 } from 'react';
 import { createPortal } from 'react-dom';
 import { ReactImagePreview, ReactNumberInput, ReactSelect, ReactPagination, ReactFilterPanel, ReactPopup, ReactModal, ReactInput, ReactPopconfirm, ReactContentScaleProvider, ReactInputNumber, ReactCheckbox, ReactAutoComplete, ReactColorPicker, ReactTimeRangePicker, ReactDateTimeRangePicker, ReactDateTimePicker, ReactTimePicker, ReactDateRangePicker, ReactDatePicker, ReactMonthPicker, ReactQuarterPicker, ReactYearPicker, ReactInputRange } from '@canvas-components/react-components';
+import { resetListTableStoredColumnConfig, ListTable } from '@canvas-components/list-table';
 import { formatDateTimeValue, isDateTimeFormatPattern } from '@canvas-components/utils/date';
 import { formatNumberValue, formatPercentValue, formatScientificValue, formatCustomNumberPattern } from '@canvas-components/utils/number';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { ListTable } from '@canvas-components/list-table';
 
 // #style-inject:#style-inject
 function styleInject(css, { insertAt } = {}) {
@@ -2219,6 +2219,8 @@ function getEditorInputStyle(request) {
     ["--canvas-react-control-padding-inline"]: `${paddingInline}px`,
     ["--canvas-react-control-padding-block"]: `${paddingBlock}px`,
     ["--canvas-react-content-zoom"]: String(contentZoom),
+    ["--canvas-react-radius-sm"]: "0px",
+    borderRadius: 0,
     boxSizing: "border-box"
   };
 }
@@ -2244,6 +2246,8 @@ function resolveEditorOverlayStyle(params) {
     ["--canvas-react-control-padding-inline"]: `${resolvedPaddingInline}px`,
     ["--canvas-react-control-padding-block"]: `${resolvedPaddingBlock}px`,
     ["--canvas-react-content-zoom"]: String(resolvedContentZoom),
+    ["--canvas-react-radius-sm"]: "0px",
+    borderRadius: 0,
     ...resolvedFontSize != null ? {
       ["--canvas-react-font-size"]: `${resolvedFontSize}px`,
       fontSize: resolvedFontSize
@@ -4010,9 +4014,20 @@ function ReactListTableInner(props, ref) {
                 });
               },
               onResetColumns: () => {
-                setColumnVisibility(/* @__PURE__ */ new Map());
-                setColumnOrders(/* @__PURE__ */ new Map());
-                setColumnConfig(/* @__PURE__ */ new Map());
+                const initialColumns = applyColumnManagerState(
+                  columns,
+                  /* @__PURE__ */ new Map(),
+                  /* @__PURE__ */ new Map(),
+                  /* @__PURE__ */ new Map()
+                );
+                void resetListTableStoredColumnConfig({
+                  storageKey,
+                  columns: initialColumns
+                }).finally(() => {
+                  setColumnVisibility(/* @__PURE__ */ new Map());
+                  setColumnOrders(/* @__PURE__ */ new Map());
+                  setColumnConfig(/* @__PURE__ */ new Map());
+                });
               }
             }
           ),