@postxl/ui-components 1.2.0 → 1.2.1

package/dist/index.js

@@ -48,7 +48,7 @@ import * as React$4 from "react";
 import * as React$3 from "react";
 import * as React$2 from "react";
 import * as React$1 from "react";
-import React, { memo, useEffect, useMemo, useRef, useState } from "react";
+import React, { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
@@ -6837,8 +6837,27 @@ function SidebarMenuSubButton({ asChild = false, size = "md", isActive = false,
 
 //#endregion
 //#region src/slicer/slicer.tsx
-function Slicer({ filterValues, selectedValues, onChange, title, isLoading = false, optionsHeight = 200, className, defaultCollapsed = false }) {
-	const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+function usePersistedState(storageKey, defaultValue) {
+	const [state, setState] = useState(() => {
+		if (!storageKey) return defaultValue;
+		try {
+			const stored = localStorage.getItem(storageKey);
+			return stored === null ? defaultValue : JSON.parse(stored);
+		} catch {
+			return defaultValue;
+		}
+	});
+	const setPersistedState = useCallback((value) => {
+		setState(value);
+		if (storageKey) try {
+			localStorage.setItem(storageKey, JSON.stringify(value));
+		} catch {}
+	}, [storageKey]);
+	return [state, setPersistedState];
+}
+function Slicer({ filterValues, selectedValues, onChange, title, isLoading = false, optionsHeight = 200, className, defaultCollapsed = false, storageKey }) {
+	const effectiveStorageKey = storageKey === null ? void 0 : storageKey ?? `slicer-collapsed-${title}`;
+	const [isCollapsed, setIsCollapsed] = usePersistedState(effectiveStorageKey, defaultCollapsed);
 	const [searchQuery, setSearchQuery] = useState("");
 	const filteredOptions = useMemo(() => {
 		if (!searchQuery) return filterValues;