@krak-stack/registry 0.1.42 → 0.1.43

package/dist/components/ui/data-table.js

@@ -1339,9 +1339,7 @@ var uiFromState = (state) => ({
 var sameUiState = (left, right) => left.columnVisibility === right.columnVisibility && left.columnSizing === right.columnSizing && left.rowSelection === right.rowSelection && left.grouping === right.grouping && left.collapsedGroups === right.collapsedGroups && left.view === right.view;
 var sameQueryState = (left, right) => left.page === right.page && left.pageSize === right.pageSize && left.globalFilter === right.globalFilter && left.sort === right.sort;
 var initialPublicState = (props, uiState) => ({
-  ...DEFAULT_QUERY,
-  ...props.initialState,
-  ...props.state,
+  ...queryFromState(props.state ?? { ...DEFAULT_QUERY, ...props.initialState }),
   ...uiState
 });
 var buildDataTableModel = (store) => {
@@ -1378,7 +1376,7 @@ var changeState = (setStore, update) => {
     if (!sameUiState(uiState, store.state)) {
       store.config.onUiStateChange(uiState);
     }
-    const state = store.controlledState ? { ...proposed, ...store.controlledState } : proposed;
+    const state = store.controlledState ? { ...proposed, ...queryFromState(store.controlledState) } : proposed;
     if (sameDataTableState(state, store.state))
       return store;
     const next = { ...store, state };
@@ -1700,7 +1698,7 @@ var DataTableToolbar = ({
           }),
           store.state.globalFilter ? /* @__PURE__ */ jsx14(Button, {
             "aria-label": labels.filter,
-            className: "absolute top-1/2 right-1 size-7 -translate-y-1/2",
+            className: "absolute top-1/2 right-1 size-7 -translate-y-1/2 active:not-aria-[haspopup]:-translate-y-1/2",
             onClick: () => update((state) => ({
               ...state,
               globalFilter: undefined,
@@ -2887,7 +2885,11 @@ var HydratedDataTable = ({
         labels: dataTableMessages(props.locale, props.messages),
         locale: props.locale ?? "en"
       };
-      const state = { ...store.state, ...uiState, ...props.state };
+      const state = {
+        ...store.state,
+        ...uiState,
+        ...queryFromState(props.state ?? store.state)
+      };
       const modelChanged = store.rowData !== props.rowData || store.columnDefs !== props.columnDefs || !sameDataTableState(store.state, state) || store.config.getRowId !== config.getRowId || store.config.features.pagination !== config.features.pagination;
       const next = {
         ...store,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krak-stack/registry",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "description": "Tree-shakable KrakStack components and Effect services.",
   "license": "MIT",
   "repository": {