@wallarm-org/design-system 0.72.3 → 0.73.0

package/dist/components/Table/TableContext/TableProvider.js

@@ -8,7 +8,7 @@ import { useTableState } from "../hooks/index.js";
 import { TABLE_EXPAND_COLUMN_ID, TABLE_MIN_COLUMN_WIDTH, TABLE_SELECT_COLUMN_ID, TABLE_SKELETON_ROWS, TABLE_VIRTUALIZATION_OVERSCAN, createExpandColumn, createSelectionColumn } from "../lib/index.js";
 import { TableContext } from "./TableContext.js";
 const TableProvider = (props)=>{
-    const { data, columns, isLoading = false, isLoadingPrevious = false, skeletonCount = TABLE_SKELETON_ROWS, children, getRowId, sorting: sortingProp, onSortingChange, manualSorting = false, rowSelection: rowSelectionProp, onRowSelectionChange, columnSizing: columnSizingProp, onColumnSizingChange, columnPinning: columnPinningProp, onColumnPinningChange, columnOrder: columnOrderProp, onColumnOrderChange, grouping: groupingProp, onGroupingChange, expanded: expandedProp, onExpandedChange, renderGroupRow, getSubRows, renderExpandedRow, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, defaultColumnVisibility, defaultColumnOrder, virtualized, estimateRowHeight, overscan = TABLE_VIRTUALIZATION_OVERSCAN, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold, initialScrollToRowId, onMasterCellClick, activeRowId: activeRowIdProp } = props;
+    const { data, columns, isLoading = false, isLoadingPrevious = false, skeletonCount = TABLE_SKELETON_ROWS, children, getRowId, sorting: sortingProp, onSortingChange, manualSorting = false, rowSelection: rowSelectionProp, onRowSelectionChange, columnSizing: columnSizingProp, onColumnSizingChange, columnPinning: columnPinningProp, onColumnPinningChange, columnOrder: columnOrderProp, onColumnOrderChange, grouping: groupingProp, onGroupingChange, expanded: expandedProp, onExpandedChange, renderGroupRow, getSubRows, renderExpandedRow, columnVisibility: columnVisibilityProp, onColumnVisibilityChange, defaultColumnVisibility, defaultColumnOrder, virtualized, estimateRowHeight, overscan = TABLE_VIRTUALIZATION_OVERSCAN, onEndReached, onEndReachedThreshold, onStartReached, onStartReachedThreshold, initialScrollToRowId, onMasterCellClick, activeRowId: activeRowIdProp, onSettingsOpenChange } = props;
     const masterCellActiveRowId = activeRowIdProp ?? null;
     const sortingEnabled = !!onSortingChange;
     const selectionEnabled = !!onRowSelectionChange;
@@ -218,7 +218,8 @@ const TableProvider = (props)=>{
             onStartReachedThreshold,
             initialScrollToRowId,
             onMasterCellClick,
-            activeRowId: masterCellActiveRowId
+            activeRowId: masterCellActiveRowId,
+            onSettingsOpenChange
         }), [
         table,
         isLoading,
@@ -248,7 +249,8 @@ const TableProvider = (props)=>{
         onStartReachedThreshold,
         initialScrollToRowId,
         masterCellActiveRowId,
-        onMasterCellClick
+        onMasterCellClick,
+        onSettingsOpenChange
     ]);
     useEffect(()=>{
         if (!selectionEnabled) return;

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

@@ -42,6 +42,7 @@ export interface TableContextValue<T> {
     initialScrollToRowId?: string;
     onMasterCellClick?: (rowId: string) => void;
     activeRowId: string | null;
+    onSettingsOpenChange?: (open: boolean) => void;
 }
 export interface TableProviderProps<T> extends Omit<TableProps<T>, 'children' | 'aria-label'> {
     children: ReactNode;

package/dist/components/Table/TableSettingsMenu/TableSettingsMenu.js

@@ -24,10 +24,14 @@ const TableSettingsMenu = ({ 'data-testid': testIdProp, children, ...rest })=>{
     const testId = useTestId('settings-menu', testIdProp);
     const { anchorNode } = useTableSettingsMenuContext();
     const ctx = useTableContext();
-    const { table, alwaysPinnedLeft, masterColumnId } = ctx;
+    const { table, alwaysPinnedLeft, masterColumnId, onSettingsOpenChange } = ctx;
     const hasTextDescription = table.getAllLeafColumns().some((col)=>col.columnDef.meta?.description?.type === 'text');
     const [search, setSearch] = useState('');
     const [menuOpen, setMenuOpen] = useState(false);
+    const handleOpenChange = (open)=>{
+        setMenuOpen(open);
+        onSettingsOpenChange?.(open);
+    };
     const allColumns = table.getAllLeafColumns().filter((col)=>col.id !== TABLE_SELECT_COLUMN_ID && col.id !== TABLE_EXPAND_COLUMN_ID);
     const filteredColumns = useMemo(()=>{
         if (!search) return allColumns;
@@ -111,7 +115,7 @@ const TableSettingsMenu = ({ 'data-testid': testIdProp, children, ...rest })=>{
                         children: /*#__PURE__*/ jsx("span", {
                             className: "inline-flex",
                             children: /*#__PURE__*/ jsxs(DropdownMenu, {
-                                onOpenChange: setMenuOpen,
+                                onOpenChange: handleOpenChange,
                                 children: [
                                     /*#__PURE__*/ jsx(DropdownMenuTrigger, {
                                         asChild: true,

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

@@ -190,6 +190,14 @@ export interface TableProps<T> extends TestableProps {
     onColumnVisibilityChange?: TableOnChangeFn<TableVisibilityState>;
     defaultColumnVisibility?: TableVisibilityState;
     defaultColumnOrder?: string[];
+    /**
+     * Fired when the built-in column-settings menu opens (`true`) or closes
+     * (`false`). The menu's open state otherwise lives inside the DS and is not
+     * observable, so consumers that want to defer expensive work — e.g. refetch
+     * once with the final column selection instead of on every toggle — can hook
+     * the close edge here.
+     */
+    onSettingsOpenChange?: (open: boolean) => void;
     /** Enable row virtualization. `'container'` virtualizes within the scroll container; `'window'` virtualizes against the browser window. */
     virtualized?: TableVirtualized;
     estimateRowHeight?: (index: number) => number;

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "0.72.2",
-  "generatedAt": "2026-07-09T15:04:50.670Z",
+  "version": "0.72.3",
+  "generatedAt": "2026-07-10T11:20:32.066Z",
   "components": [
     {
       "name": "Accordion",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.72.3",
+  "version": "0.73.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",