@fuf-stack/megapixels 0.11.24 → 0.11.26

package/dist/Filter/index.cjs

@@ -2,7 +2,7 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-const require_Filter = require("../Filter-BVwu1kNx.cjs");
+const require_Filter = require("../Filter-B_YqTFA5.cjs");
 exports.createFilter = require_Filter.createFilter;
 exports.default = require_Filter.Filter_default;
 exports.filterVariants = require_Filter.filterVariants;

package/dist/Filter/index.d.cts

@@ -1,2 +1,2 @@
-import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-Dpm2SIC2.cjs";
+import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-BkliAQ5x.cjs";
 export { FilterChildRenderFn, type FilterDefinition, type FilterDisplayProps, type FilterFactory, type FilterFormProps, type FilterInstance, FilterProps, FilterValues, type FiltersConfiguration, createFilter, Filter as default, filterVariants, filters };

package/dist/Filter/index.d.ts

@@ -1,2 +1,2 @@
-import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-DU-9vg7q.js";
+import { a as FilterProps, c as FilterDefinition, d as FilterFormProps, f as FilterInstance, i as FilterChildRenderFn, l as FilterDisplayProps, n as createFilter, o as FilterValues, p as FiltersConfiguration, r as Filter, s as filterVariants, t as filters, u as FilterFactory } from "../index-DNAyXW3U.js";
 export { FilterChildRenderFn, type FilterDefinition, type FilterDisplayProps, type FilterFactory, type FilterFormProps, type FilterInstance, FilterProps, FilterValues, type FiltersConfiguration, createFilter, Filter as default, filterVariants, filters };

package/dist/Filter/index.js

@@ -1,2 +1,2 @@
-import { i as filterVariants, n as filters, r as createFilter, t as Filter_default } from "../Filter-MoxrK8MI.js";
+import { i as filterVariants, n as filters, r as createFilter, t as Filter_default } from "../Filter-DHNzbevz.js";
 export { createFilter, Filter_default as default, filterVariants, filters };

package/dist/{Filter-BVwu1kNx.cjs → Filter-B_YqTFA5.cjs}

@@ -311,17 +311,17 @@ const ActiveFilters = ({ className = void 0 }) => {
 		const DisplayComponent = instance.components.Display;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 			"aria-label": `Open ${name} filter`,
-			type: "button",
 			onClick: () => {
 				showFilterModal(name);
 			},
+			type: "button",
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_fuf_stack_pixels_Label.default, {
 				className,
 				color: hasError(name) ? "danger" : "primary",
-				variant: "flat",
 				onClose: () => {
 					removeFilter(name);
 				},
+				variant: "flat",
 				children: [instance.icon, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisplayComponent, {
 					config: instance.config,
 					value
@@ -353,13 +353,13 @@ const AddFilterMenu = ({ classNames = {} }) => {
 		};
 	});
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_fuf_stack_pixels_Menu.default, {
-		isDisabled: !menuItems.length,
-		items: menuItems,
-		placement: "bottom-start",
 		className: {
 			item: classNames.addFilterMenuItem,
 			trigger: classNames.addFilterMenuButton
 		},
+		isDisabled: !menuItems.length,
+		items: menuItems,
+		placement: "bottom-start",
 		triggerButtonProps: {
 			"aria-label": "Add Filter",
 			"data-testid": "add_filter_button",
@@ -379,8 +379,6 @@ const FilterModal = ({ classNames = {} }) => {
 	const config = instance.config;
 	const FormComponent = instance.components.Form;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixels_Modal.default, {
-		isOpen: true,
-		onClose: closeFilterModal,
 		className: {
 			body: classNames.body,
 			footer: classNames.footer,
@@ -389,11 +387,11 @@ const FilterModal = ({ classNames = {} }) => {
 		footer: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixels_Button.default, {
 			ariaLabel: "Remove filter",
 			color: "danger",
-			testId: "remove_filter_button",
-			variant: "flat",
 			onClick: () => {
 				removeFilter(modalFilterName);
 			},
+			testId: "remove_filter_button",
+			variant: "flat",
 			children: "Remove"
 		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_uniform_SubmitButton.default, {
 			ariaLabel: "Apply filter",
@@ -401,6 +399,8 @@ const FilterModal = ({ classNames = {} }) => {
 			children: "Apply Filter"
 		})] }),
 		header: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [instance.icon ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_pi.PiSlidersHorizontalBold, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: `${config?.text ?? modalFilterName} Filter` })] }),
+		isOpen: true,
+		onClose: closeFilterModal,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormComponent, {
 			config,
 			fieldName: getFilterFormFieldName(modalFilterName)
@@ -426,12 +426,12 @@ const SearchInput = ({ classNames = {}, config }) => {
 			ariaLabel: "Show search input",
 			className: classNames.searchShowButton,
 			icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa.FaSearch, {}),
-			size: "sm",
-			testId: "show_search_input_button",
-			variant: "bordered",
 			onClick: () => {
 				setIsVisible(true);
-			}
+			},
+			size: "sm",
+			testId: "show_search_input_button",
+			variant: "bordered"
 		}), isVisible ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_fuf_stack_pixel_motion.motion.div, {
 			animate: { opacity: 1 },
 			className: classNames.searchMotionDiv,
@@ -447,23 +447,23 @@ const SearchInput = ({ classNames = {}, config }) => {
 				clearable: true,
 				debounceDelay: 0,
 				name: "search",
+				onClear: () => {
+					triggerSubmit();
+				},
 				placeholder,
-				size: "sm",
 				className: {
 					input: classNames.searchInput,
 					inputWrapper: classNames.searchInputWrapper
 				},
-				onClear: () => {
-					triggerSubmit();
-				}
+				size: "sm"
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_uniform_SubmitButton.default, {
-				ariaLabel: "Submit search",
-				children: null,
 				className: classNames.searchSubmitButton,
 				color: "primary",
 				icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_icons_fa.FaSearch, {}),
 				size: "sm",
-				testId: "submit_search_button"
+				testId: "submit_search_button",
+				ariaLabel: "Submit search",
+				children: null
 			})]
 		}, "search-input") : null]
 	});
@@ -521,7 +521,6 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 			onSubmit: handleSubmit,
 			validation,
 			children: [config.search ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SearchInput, {
-				config: config.search,
 				classNames: {
 					searchInput: classNames.searchInput,
 					searchInputWrapper: classNames.searchInputWrapper,
@@ -529,7 +528,8 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 					searchShowButton: classNames.searchShowButton,
 					searchSubmitButton: classNames.searchSubmitButton,
 					searchWrapper: classNames.searchWrapper
-				}
+				},
+				config: config.search
 			}) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(FiltersContextProvider, {
 				config: config.filters,
 				children: [
@@ -758,12 +758,6 @@ Object.defineProperty(exports, "Filter_default", {
 		return Filter_default;
 	}
 });
-Object.defineProperty(exports, "__toESM", {
-	enumerable: true,
-	get: function() {
-		return __toESM;
-	}
-});
 Object.defineProperty(exports, "createFilter", {
 	enumerable: true,
 	get: function() {
@@ -783,4 +777,4 @@ Object.defineProperty(exports, "filters", {
 	}
 });
 
-//# sourceMappingURL=Filter-BVwu1kNx.cjs.map
+//# sourceMappingURL=Filter-B_YqTFA5.cjs.map

package/dist/Filter-B_YqTFA5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter-B_YqTFA5.cjs","names":["Label","Menu","FaSliders","Modal","Button","SubmitButton","PiSlidersHorizontalBold","Suspense","Button","FaSearch","motion","Input","SubmitButton","debug","Form","Display","Form","Switch","config","validate","validate","Checkboxes"],"sources":["../src/Filter/hooks/useFilterValidation.ts","../src/Filter/Subcomponents/FiltersContext.tsx","../src/Filter/Subcomponents/ActiveFilters.tsx","../src/Filter/Subcomponents/AddFilterMenu.tsx","../src/Filter/Subcomponents/FilterModal.tsx","../src/Filter/Subcomponents/SearchInput.tsx","../src/Filter/Filter.tsx","../src/Filter/filters/createFilter.ts","../src/Filter/filters/boolean/Display.tsx","../src/Filter/filters/boolean/Form.tsx","../src/Filter/filters/boolean/schema.ts","../src/Filter/filters/boolean/boolean.ts","../src/Filter/filters/checkboxes/Display.tsx","../src/Filter/filters/checkboxes/Form.tsx","../src/Filter/filters/checkboxes/schema.ts","../src/Filter/filters/checkboxes/checkboxes.ts","../src/Filter/index.ts"],"sourcesContent":["import type { VetoInstance, VetoRawShape, VetoTypeAny } from '@fuf-stack/veto';\nimport type { FilterInstance } from '../filters/types';\n\nimport { useMemo } from 'react';\n\nimport { object, string, stringToJSON, veto } from '@fuf-stack/veto';\n\n/**\n * useFilterValidation\n *\n * Builds a composite validation schema from all provided filter definitions\n * under \"filter\" and optionally includes a \"search\" string field.\n * Memoized by inputs.\n */\nexport const useFilterValidation = (\n  filters: FilterInstance<unknown, unknown>[],\n  withSearch?: boolean,\n) => {\n  return useMemo<VetoInstance>(() => {\n    // build filter validation\n    let filterSchema: Record<string, VetoTypeAny> = {};\n    filters.forEach((f) => {\n      filterSchema = {\n        ...filterSchema,\n        [f.name]: f.validation(f.config) as VetoTypeAny,\n      };\n    });\n\n    const validationSchema: VetoRawShape = {\n      // filter validation\n      filter: stringToJSON()\n        .pipe(object(filterSchema))\n        .or(object(filterSchema))\n        .optional()\n        .nullable()\n        // transform null to undefined\n        .transform((val) => {\n          return val ?? undefined;\n        }),\n      // optional search validation\n      ...(withSearch\n        ? { search: string({ min: 0 }).nullable().optional() }\n        : {}),\n    };\n\n    return veto(validationSchema);\n  }, [filters, withSearch]);\n};\n\nexport default useFilterValidation;\n","import type { ReactNode } from 'react';\nimport type { FilterInstance, FiltersConfiguration } from '../filters/types';\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\nimport { useFormContext } from '@fuf-stack/uniform/hooks/useFormContext';\n\ninterface FiltersContextValue {\n  /** Active filters (names only) */\n  activeFilters: string[];\n  /** Seed default value and open modal for a filter usage. */\n  addFilter: (name: string) => void;\n  /** Close the modal. */\n  closeFilterModal: () => void;\n  /** Build fully-qualified form field path for a filter name */\n  getFilterFormFieldName: (name: string) => string;\n  /** Get current form value for a given filter name */\n  getFilterValueByName: (name: string) => unknown;\n  /** Get filter instance by name */\n  getFilterInstanceByName: (name: string) => FilterInstance<unknown, unknown>;\n  /** Validation helper for a specific filter field. */\n  hasError: (name: string) => boolean;\n  /** Name of the current filter that has its modal open */\n  modalFilterName: string | undefined;\n  /** Remove a filter from the form. */\n  removeFilter: (name: string) => void;\n  /** Open the modal for a given filter name. */\n  showFilterModal: (name: string) => void;\n  /** Filters that are not active (names only) */\n  unusedFilters: string[];\n}\n\n/**\n * FiltersContext\n *\n * Central state for the filter UI with a clear boundary:\n * - The parent component controls committed filter values (via value/onChange)\n * - The form acts as an edit buffer (used by the modal)\n *\n * Design:\n * - activeFilters/unusedFilters are names-only and derived from the controlled\n *   form state\n * - getFilterInstanceByName gives access to the concrete registry entry to\n *   retrieve the correct Form/Display components\n * - add seeds defaults in the form and opens the modal\n * - remove un-registers the form field; if the removed filter is currently\n *   open in the modal, the modal is closed without rollback\n * - on a new successful form submit (Apply), the modal closes without rollback\n *   by subscribing to ex-forms submit state\n */\nconst FiltersContext = createContext<FiltersContextValue | undefined>(\n  undefined,\n);\n\nexport const FiltersContextProvider = ({\n  children,\n  config,\n}: {\n  children: ReactNode;\n  config: FiltersConfiguration;\n}) => {\n  // ex-forms integration:\n  // - setValue/unregister/getFieldState: core helpers to manipulate and validate fields\n  // - formState: we subscribe to submit-success to auto-close the modal after Apply\n  const {\n    formState,\n    getFieldState,\n    setValue,\n    triggerSubmit,\n    unregister,\n    watch,\n  } = useFormContext();\n\n  /**\n   * currentModalFilter\n   *\n   * Single source of truth for the filter edit modal and its rollback snapshot.\n   * - name: which filter's modal is currently open (null when closed)\n   * - hadValue/previousValue: snapshot of the controlled value taken when the\n   *   modal is opened; used to restore state if the user cancels/closes without\n   *   applying.\n   *\n   * Lifecycle semantics:\n   * - showFilterModal(name): capture snapshot (current controlled value) and open\n   *   the modal for that filter.\n   * - closeFilterModal(): if a snapshot exists, roll back un-applied edits by\n   *   restoring the previous value (setValue) or removing the field (unregister)\n   *   when it did not exist before; then clear currentModalFilter.\n   * - On successful submit (Apply): close and clear currentModalFilter WITHOUT rollback\n   *   so edits remain committed.\n   * - removeFilter(name): unregisters the field; when removing the filter that is\n   *   currently open, close the modal WITHOUT rollback (since removal is explicit).\n   */\n  const [currentModalFilter, setCurrentModalFilter] = useState<{\n    name: string;\n    hadValue: boolean;\n    previousValue: unknown;\n  } | null>(null);\n\n  // Read current filter values from the form as the live edit buffer\n  const filterValue = watch('filter', {});\n\n  /**\n   * getFilterFormFieldName\n   *\n   * Returns the fully-qualified field path for a given filter name,\n   * e.g., `${filterUrlParam}.status`.\n   */\n  const getFilterFormFieldName = useCallback((name: string) => {\n    return `filter.${name}`;\n  }, []);\n\n  /**\n   * getFilterValueByName\n   *\n   * Returns the committed value for a filter from the controlled state.\n   */\n  const getFilterValueByName = useCallback(\n    (name: string) => {\n      return (filterValue as Record<string, unknown>)[name];\n    },\n    [filterValue],\n  );\n\n  /** Open the filter edit modal for the given filter name. */\n  const showFilterModal = useCallback(\n    (name: string) => {\n      const prev = getFilterValueByName(name);\n      setCurrentModalFilter({\n        name,\n        hadValue: typeof prev !== 'undefined',\n        previousValue: prev,\n      });\n    },\n    [getFilterValueByName],\n  );\n\n  /** Close the filter edit modal. Rollback un-applied edits to controlled state. */\n  const closeFilterModal = useCallback(() => {\n    if (currentModalFilter?.name) {\n      const fieldName = getFilterFormFieldName(currentModalFilter.name);\n      // if the filter had a value, set it back to the previous value,\n      // otherwise unregister the field\n      if (currentModalFilter.hadValue) {\n        setValue(fieldName, currentModalFilter.previousValue);\n      } else {\n        unregister(fieldName);\n      }\n    }\n    setCurrentModalFilter(null);\n  }, [getFilterFormFieldName, currentModalFilter, setValue, unregister]);\n\n  /**\n   * Auto-close on submit success\n   *\n   * Close the modal only on new successful submissions. We track the last\n   * submitCount and only react when it changes AND the form reports a\n   * successful submit. This prevents closing when `isSubmitSuccessful` remains\n   * true without a new submit event.\n   */\n  const lastSubmitCountRef = useRef<number>(0);\n  useEffect(() => {\n    if (\n      formState.submitCount !== lastSubmitCountRef.current &&\n      formState.isSubmitSuccessful\n    ) {\n      // On successful submit, close without rollback\n      setCurrentModalFilter(null);\n    }\n    lastSubmitCountRef.current = formState.submitCount;\n  }, [\n    formState.submitCount,\n    formState.isSubmitSuccessful,\n    setCurrentModalFilter,\n  ]);\n\n  /**\n   * activeFilters\n   *\n   * Filter names derived from the controlled form state. A filter is considered\n   * active when a field exists at `filter.<name>`. Newly added filters become\n   * active immediately (seeded default), and will be rolled back on cancel.\n   */\n  const activeFilters = useMemo(() => {\n    return config\n      .filter((f) => {\n        return Object.hasOwn(filterValue ?? {}, f.name);\n      })\n      .map((f) => {\n        return f.name;\n      });\n  }, [config, filterValue]);\n\n  /**\n   * unusedFilters\n   *\n   * Complement of activeFilters (names without a corresponding `filter.<name>`\n   * field in the controlled form state).\n   */\n  const unusedFilters = useMemo(() => {\n    return config\n      .filter((f) => {\n        return !Object.hasOwn(filterValue ?? {}, f.name);\n      })\n      .map((f) => {\n        return f.name;\n      });\n  }, [config, filterValue]);\n\n  /**\n   * getRegistryFilterByName\n   *\n   * Looks up the concrete registry entry for a filter by name, enabling access\n   * to typed Form/Display components and other registry-level metadata.\n   */\n  const getFilterInstanceByName = useCallback(\n    (name: string) => {\n      return config.find((f) => {\n        return f.name === name;\n      }) as FilterInstance<unknown, unknown>;\n    },\n    [config],\n  );\n\n  /**\n   * addFilter\n   *\n   * Seeds the filter with its registry default value inside the form and opens\n   * the modal for immediate editing. No URL writes happen here.\n   */\n  const addFilter = useCallback(\n    (name: string) => {\n      const inst = getFilterInstanceByName(name);\n      showFilterModal(name);\n      setValue(getFilterFormFieldName(name), inst.defaultValue);\n    },\n    [\n      getFilterFormFieldName,\n      getFilterInstanceByName,\n      setValue,\n      showFilterModal,\n    ],\n  );\n\n  /**\n   * removeFilter\n   *\n   * Unregisters the filter field from the form. This immediately removes the\n   * filter from the active list since derived state watches the form. It\n   * closes the modal without rollback if the removed filter is currently open.\n   */\n  const removeFilter = useCallback(\n    (name: string) => {\n      // unregister form field\n      unregister(getFilterFormFieldName(name));\n      // close filter modal if open\n      if (currentModalFilter?.name === name) {\n        // Explicit removal: close without rollback\n        setCurrentModalFilter(null);\n      }\n      // trigger form submit (to update filter state)\n      triggerSubmit();\n    },\n    [\n      getFilterFormFieldName,\n      currentModalFilter,\n      setCurrentModalFilter,\n      triggerSubmit,\n      unregister,\n    ],\n  );\n\n  /**\n   * hasError\n   *\n   * Helper that checks the ex-forms field state for a specific filter and\n   * reports whether the field is currently invalid.\n   */\n  const hasError = useCallback(\n    (name: string) => {\n      return getFieldState(getFilterFormFieldName(name)).invalid;\n    },\n    [getFieldState, getFilterFormFieldName],\n  );\n\n  const contextValue: FiltersContextValue = useMemo(() => {\n    return {\n      activeFilters,\n      addFilter,\n      closeFilterModal,\n      getFilterFormFieldName,\n      getFilterValueByName,\n      getFilterInstanceByName,\n      hasError,\n      modalFilterName: currentModalFilter?.name,\n      removeFilter,\n      showFilterModal,\n      unusedFilters,\n    };\n  }, [\n    activeFilters,\n    addFilter,\n    closeFilterModal,\n    getFilterFormFieldName,\n    getFilterValueByName,\n    getFilterInstanceByName,\n    hasError,\n    currentModalFilter,\n    removeFilter,\n    showFilterModal,\n    unusedFilters,\n  ]);\n\n  return (\n    <FiltersContext.Provider value={contextValue}>\n      {children}\n    </FiltersContext.Provider>\n  );\n};\n\n/**\n * useFilters\n *\n * Convenience hook to consume the FiltersContext. Throws a descriptive error\n * when used outside of a FiltersContextProvider to make integration mistakes\n * obvious during development.\n */\nexport const useFilters = (): FiltersContextValue => {\n  const ctx = useContext(FiltersContext);\n  if (!ctx) {\n    throw new Error('useFilters must be used within FiltersContextProvider');\n  }\n  return ctx;\n};\n\nexport default FiltersContext;\n","import Label from '@fuf-stack/pixels/Label';\n\nimport { useFilters } from './FiltersContext';\n\n/**\n * ActiveFilters\n *\n * Shows the list of currently applied filters as clickable chips that open\n * the edit modal. Each chip can be removed via its close action.\n */\ninterface ActiveFiltersProps {\n  /** CSS class name to apply to each label */\n  className?: string;\n}\n\nconst ActiveFilters = ({ className = undefined }: ActiveFiltersProps) => {\n  const {\n    activeFilters,\n    getFilterValueByName,\n    getFilterInstanceByName,\n    hasError,\n    removeFilter,\n    showFilterModal,\n  } = useFilters();\n  return (\n    <>\n      {activeFilters.map((name) => {\n        const instance = getFilterInstanceByName(name);\n        const value = getFilterValueByName(name);\n\n        // get the display component from the instance\n        const DisplayComponent = instance.components.Display;\n\n        return (\n          <button\n            key={name}\n            aria-label={`Open ${name} filter`}\n            onClick={() => {\n              showFilterModal(name);\n            }}\n            type=\"button\"\n          >\n            <Label\n              className={className}\n              color={hasError(name) ? 'danger' : 'primary'}\n              onClose={() => {\n                removeFilter(name);\n              }}\n              variant=\"flat\"\n            >\n              {instance.icon}\n              <DisplayComponent config={instance.config} value={value} />\n            </Label>\n          </button>\n        );\n      })}\n    </>\n  );\n};\n\nexport default ActiveFilters;\n","import { FaSliders } from 'react-icons/fa6';\n\nimport Menu from '@fuf-stack/pixels/Menu';\n\nimport { useFilters } from './FiltersContext';\n\ninterface AddFilterMenuProps {\n  /** CSS class name map for slots */\n  classNames?: Partial<{\n    addFilterMenuItem: string;\n    addFilterMenuButton: string;\n  }>;\n}\n\n/**\n * AddFilterMenu\n *\n * Renders a menu trigger that opens a list of addable filters. Selecting an\n * item triggers the parent to seed a default value and open the modal.\n */\nconst AddFilterMenu = ({ classNames = {} }: AddFilterMenuProps) => {\n  const { unusedFilters, addFilter, getFilterInstanceByName } = useFilters();\n\n  const menuItems = unusedFilters.map((name) => {\n    const instance = getFilterInstanceByName(name);\n    const config = instance.config as { text?: string };\n    const label = config?.text ?? name;\n    return {\n      key: name,\n      icon: instance.icon,\n      label,\n      onClick: () => {\n        addFilter(name);\n      },\n    };\n  });\n\n  return (\n    <Menu\n      className={{\n        item: classNames.addFilterMenuItem,\n        trigger: classNames.addFilterMenuButton,\n      }}\n      isDisabled={!menuItems.length}\n      items={menuItems}\n      placement=\"bottom-start\"\n      triggerButtonProps={{\n        'aria-label': 'Add Filter',\n        'data-testid': 'add_filter_button',\n        disableRipple: true,\n        size: 'sm',\n        variant: 'bordered',\n      }}\n    >\n      <FaSliders />\n      Filter\n    </Menu>\n  );\n};\n\nexport default AddFilterMenu;\n","import { Suspense } from 'react';\nimport { PiSlidersHorizontalBold } from 'react-icons/pi';\n\nimport Button from '@fuf-stack/pixels/Button';\nimport Modal from '@fuf-stack/pixels/Modal';\nimport SubmitButton from '@fuf-stack/uniform/SubmitButton';\n\nimport { useFilters } from './FiltersContext';\n\ninterface FilterModalProps {\n  classNames?: Partial<{\n    header: string;\n    footer: string;\n    body: string;\n  }>;\n}\n\nconst FilterModal = ({ classNames = {} }: FilterModalProps) => {\n  const {\n    closeFilterModal,\n    getFilterFormFieldName,\n    getFilterInstanceByName,\n    modalFilterName,\n    removeFilter,\n  } = useFilters();\n\n  // don't render if no filter is open\n  if (!modalFilterName) {\n    return null;\n  }\n\n  const instance = getFilterInstanceByName(modalFilterName);\n  const config = instance.config as { text?: string };\n\n  // get the form component from the instance\n  const FormComponent = instance.components.Form;\n\n  return (\n    <Modal\n      className={{\n        body: classNames.body,\n        footer: classNames.footer,\n        header: classNames.header,\n      }}\n      footer={\n        <>\n          <Button\n            ariaLabel=\"Remove filter\"\n            color=\"danger\"\n            onClick={() => {\n              removeFilter(modalFilterName);\n            }}\n            testId=\"remove_filter_button\"\n            variant=\"flat\"\n          >\n            Remove\n          </Button>\n          <SubmitButton ariaLabel=\"Apply filter\" testId=\"apply_filter_button\">\n            Apply Filter\n          </SubmitButton>\n        </>\n      }\n      header={\n        <>\n          {instance.icon ?? <PiSlidersHorizontalBold />}\n          <div>{`${config?.text ?? modalFilterName} Filter`}</div>\n        </>\n      }\n      isOpen\n      onClose={closeFilterModal}\n    >\n      <Suspense>\n        <FormComponent\n          config={config}\n          fieldName={getFilterFormFieldName(modalFilterName)}\n        />\n      </Suspense>\n    </Modal>\n  );\n};\n\nexport default FilterModal;\n","import { useState } from 'react';\nimport { FaSearch } from 'react-icons/fa';\n\nimport { motion } from '@fuf-stack/pixel-motion';\nimport Button from '@fuf-stack/pixels/Button';\nimport { useFormContext } from '@fuf-stack/uniform/hooks/useFormContext';\nimport Input from '@fuf-stack/uniform/Input';\nimport SubmitButton from '@fuf-stack/uniform/SubmitButton';\n\nexport type SearchConfiguration =\n  | boolean\n  | {\n      /** Placeholder shown in the search input */\n      placeholder?: string;\n    };\n\ninterface SearchInputProps {\n  /** Slots class names passed from parent variants */\n  classNames?: Partial<{\n    searchWrapper: string;\n    searchShowButton: string;\n    searchMotionDiv: string;\n    searchInput: string;\n    searchInputWrapper: string;\n    searchSubmitButton: string;\n  }>;\n  /** Search configuration */\n  config: SearchConfiguration;\n}\n\n/**\n * SearchInput\n *\n * By default renders only a search button. When clicked, the text input animates in\n * and a trailing submit button is shown.\n */\nconst SearchInput = ({ classNames = {}, config }: SearchInputProps) => {\n  const { formState, setFocus, triggerSubmit } = useFormContext();\n\n  // Auto-open if there is an initial or externally set search value\n  const isInitiallyVisible = !!formState?.defaultValues?.search;\n  const [isVisible, setIsVisible] = useState(isInitiallyVisible);\n\n  const placeholder =\n    typeof config === 'object' ? config.placeholder : undefined;\n\n  return (\n    <div className={classNames.searchWrapper}>\n      {!isVisible && (\n        <Button\n          ariaLabel=\"Show search input\"\n          className={classNames.searchShowButton}\n          icon={<FaSearch />}\n          onClick={() => {\n            setIsVisible(true);\n          }}\n          size=\"sm\"\n          testId=\"show_search_input_button\"\n          variant=\"bordered\"\n        />\n      )}\n      {isVisible ? (\n        <motion.div\n          key=\"search-input\"\n          animate={{ opacity: 1 }}\n          className={classNames.searchMotionDiv}\n          // if the input was not initially visible, animate in\n          initial={!isInitiallyVisible ? { opacity: 0.5 } : false}\n          onAnimationComplete={() => {\n            // if the input was not initially visible, focus it\n            if (!isInitiallyVisible) {\n              setFocus('search');\n            }\n          }}\n          transition={{\n            duration: 0.3,\n            ease: 'circOut',\n          }}\n        >\n          <Input\n            clearable\n            debounceDelay={0}\n            name=\"search\"\n            // submit on clear\n            onClear={() => {\n              triggerSubmit();\n            }}\n            placeholder={placeholder}\n            className={{\n              input: classNames.searchInput,\n              inputWrapper: classNames.searchInputWrapper,\n            }}\n            size=\"sm\"\n          />\n          <SubmitButton\n            className={classNames.searchSubmitButton}\n            color=\"primary\"\n            icon={<FaSearch />}\n            size=\"sm\"\n            testId=\"submit_search_button\"\n            ariaLabel=\"Submit search\"\n            // eslint-disable-next-line react/no-children-prop\n            children={null}\n          />\n        </motion.div>\n      ) : null}\n    </div>\n  );\n};\n\nexport default SearchInput;\n","import type { TVClassName } from '@fuf-stack/pixel-utils';\nimport type { VetoInput } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FiltersConfiguration } from './filters/types';\nimport type { SearchConfiguration } from './Subcomponents/SearchInput';\n\nimport createDebug from 'debug';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\nimport Form from '@fuf-stack/uniform/Form';\n\nimport { useFilterValidation } from './hooks/useFilterValidation';\nimport ActiveFilters from './Subcomponents/ActiveFilters';\nimport AddFilterMenu from './Subcomponents/AddFilterMenu';\nimport FilterModal from './Subcomponents/FilterModal';\nimport { FiltersContextProvider } from './Subcomponents/FiltersContext';\nimport SearchInput from './Subcomponents/SearchInput';\n\nconst debug = createDebug('megapixels:Filter');\n\n// filter styling variants\nexport const filterVariants = tv({\n  slots: {\n    // outer wrapper\n    base: 'flex flex-auto flex-col',\n    // add filter menu trigger button\n    addFilterMenuButton: '',\n    // add filter menu item\n    addFilterMenuItem: '',\n    // active filter label\n    activeFilterLabel: 'h-8 cursor-pointer rounded-md dark:text-foreground',\n    // filter modal body\n    filterModalBody: '',\n    // filter modal header\n    filterModalHeader: 'flex items-center gap-3 text-default-700',\n    // filter modal footer\n    filterModalFooter: 'justify-between',\n    // form element\n    form: 'mb-3 flex flex-wrap gap-3',\n    // search input field\n    searchInput: '',\n    // search input wrapper (inner control)\n    searchInputWrapper: '',\n    // search motion container\n    searchMotionDiv: 'flex w-72 gap-2',\n    // search show button\n    searchShowButton: '',\n    // search submit button\n    searchSubmitButton: '',\n    // search wrapper\n    searchWrapper: 'flex items-center',\n  },\n});\n\ntype ClassName = TVClassName<typeof filterVariants>;\n\nexport interface FilterValues {\n  search?: string;\n  filter?: string | Record<string, unknown> | null;\n}\n\nexport type FilterChildRenderFn = (values: {\n  search?: string;\n  filter?: Record<string, unknown>;\n}) => ReactNode;\n\n/**\n * Filter\n *\n * Controlled, form-driven filter UI.\n *\n * Responsibilities\n * - Derives initial form values from the controlled `values` prop\n * - Builds a composite validation schema from the filter registry (and optional search)\n * - Exposes ergonomic UI: active filters list, add/remove actions, and per-filter modal\n * - Commits changes by invoking the controlled `onChange` callback on submit\n *\n * Structure\n * - Owns an ex-forms `Form` that wraps the entire filter experience\n * - Optionally renders a search input bound to the `search` field\n * - Renders ActiveFilters, AddFilterMenu, and FilterModal inside a shared context\n * - Optionally renders children as a render-prop with the resolved `values`\n */\nexport interface FilterProps {\n  /** Optional render-prop that receives the resolved, controlled values */\n  children?: FilterChildRenderFn;\n  /** CSS class name */\n  className?: ClassName;\n  /** Configuration of the filter */\n  config: {\n    /**\n     * Declarative filter configuration. Each entry ties a logical name to a\n     * registry filter type and (optionally) per-usage config overrides.\n     */\n    filters: FiltersConfiguration;\n    /** Optional configuration for search field */\n    search?: SearchConfiguration;\n  };\n  /** ex-forms form instance name. Defaults to \"filterComponentForm\". */\n  formName?: string;\n  /** Controlled setter invoked on submit with the next canonical values */\n  onChange: (nextValues: FilterValues) => void;\n  /** Controlled committed state: the canonical `search` and `filter` values */\n  values: FilterValues;\n}\n\n/**\n * Renders the filter UI bound to a single ex-forms `Form`.\n * The form is the source of truth during user interaction; the committed\n * state is controlled by the parent via `values`/`onChange`.\n */\nconst Filter = ({\n  children = undefined,\n  className = undefined,\n  config,\n  formName = 'filterComponentForm',\n  onChange,\n  values,\n}: FilterProps) => {\n  // Submit handler: map form state back into the controlled `values` shape\n  const handleSubmit = (nextValues: Record<string, unknown>) => {\n    debug('handleSubmit', { nextValues });\n    onChange(nextValues);\n  };\n\n  // Build validation schema for all configured filters (and optional search)\n  const validation = useFilterValidation(\n    config.filters,\n    Boolean(config.search),\n  );\n\n  // validate controlled values are valid\n  const {\n    data: valuesValidated,\n    errors,\n    success,\n  } = validation.validate(values as VetoInput);\n\n  // classNames from slots\n  const variants = filterVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  debug('render', {\n    props: { config, values },\n    validation: { errors, success, valuesValidated },\n  });\n\n  return (\n    <div className={classNames.base}>\n      {/*\n        Uniform Form wrapper\n        - initialValues derive from controlled props (with optional defaults)\n        - validation is built from the registry for all configured filters\n        - onSubmit maps form values back into values/onChange\n      */}\n      <Form\n        className={classNames.form}\n        // disable debug mode for now\n        debug={{ disable: true }}\n        initialValues={valuesValidated ?? {}}\n        name={formName}\n        onSubmit={handleSubmit}\n        validation={validation}\n      >\n        {/* Render search if search config is provided */}\n        {config.search ? (\n          <SearchInput\n            classNames={{\n              searchInput: classNames.searchInput,\n              searchInputWrapper: classNames.searchInputWrapper,\n              searchMotionDiv: classNames.searchMotionDiv,\n              searchShowButton: classNames.searchShowButton,\n              searchSubmitButton: classNames.searchSubmitButton,\n              searchWrapper: classNames.searchWrapper,\n            }}\n            config={config.search}\n          />\n        ) : null}\n        {/*\n          FiltersContextProvider exposes a minimal API for the UI layer:\n          - activeFilters/unusedFilters by name\n          - helpers to get merged config, value, components, and field names\n          - methods to add/remove filters and show/close the modal\n        */}\n        <FiltersContextProvider config={config.filters}>\n          <ActiveFilters className={classNames.activeFilterLabel} />\n          <AddFilterMenu\n            classNames={{\n              addFilterMenuButton: classNames.addFilterMenuButton,\n              addFilterMenuItem: classNames.addFilterMenuItem,\n            }}\n          />\n          <FilterModal\n            classNames={{\n              body: classNames.filterModalBody,\n              footer: classNames.filterModalFooter,\n              header: classNames.filterModalHeader,\n            }}\n          />\n        </FiltersContextProvider>\n      </Form>\n      {/* Children can consume derived search string and parsed filter object */}\n      {children?.(valuesValidated ?? {})}\n    </div>\n  );\n};\n\nexport default Filter;\n","import type { FilterDefinition, FilterFactory } from './types';\n\n/**\n * createFilter\n *\n * Builds a filter factory from a static FilterDefinition. The returned factory\n * accepts a usage descriptor (name/icon and optional partial config) and\n * produces a concrete FilterInstance with:\n * - merged config (shallow: definition.defaults.config overlaid by overrides)\n * - Form/Display components\n * - validate function (forwarded from the definition)\n * - defaultValue (forwarded from the definition)\n * - name and icon for UI integration\n *\n * @typeParam Config - Configuration object shape for the filter\n * @typeParam Value  - Runtime value type for the filter\n * @param definition - Static description of the filter (components, defaults, validate)\n * @returns FilterFactory that creates FilterInstance<Config, Value>\n */\nconst createFilter = <Config, Value>(\n  definition: FilterDefinition<Config, Value>,\n): FilterFactory<Config, Value> => {\n  return ({ name, icon, config }) => {\n    return {\n      components: definition.components,\n      config: { ...definition.defaults.config, ...(config ?? {}) },\n      defaultValue: definition.defaults.value,\n      icon,\n      name,\n      validation: definition.validation,\n    };\n  };\n};\n\nexport default createFilter;\n","import type { FilterDisplayProps } from '../types';\nimport type { Config, Value } from './schema';\n\n/**\n * Read-only presentation for the boolean filter.\n * Displays human-readable text based on the current boolean `value`\n * and the provided `config` strings.\n */\nconst Display = ({\n  value,\n  config: { text, textPrefix, textNoWord },\n}: FilterDisplayProps<Config, Value>) => {\n  if (typeof value === 'boolean') {\n    return (\n      <>\n        {`${value ? textPrefix : `${textPrefix} ${textNoWord ?? 'no'}`} ${text}`}\n      </>\n    );\n  }\n  return <>{`${text}...`}</>;\n};\n\nexport default Display;\n","import type { FilterFormProps } from '../types';\nimport type { Config } from './schema';\n\nimport Switch from '@fuf-stack/uniform/Switch';\n\n/**\n * Renders the form control for the boolean filter.\n * Uses a `Switch` to toggle the boolean value and composes\n * the label from the provided `config` and `fieldName`.\n */\nconst Form = ({\n  fieldName,\n  config: { text, textPrefix },\n}: FilterFormProps<Config>) => {\n  return <Switch label={`${textPrefix} ${text}`} name={fieldName} />;\n};\n\nexport default Form;\n","import type { vInfer } from '@fuf-stack/veto';\n\nimport { boolean, object, string } from '@fuf-stack/veto';\n\n/** configuration of the filter */\nexport const config = object({\n  /**\n   * Human‑readable label used in the UI (e.g. in the chip and modal header).\n   * Examples: \"Magical\", \"Haunted\"\n   */\n  text: string(),\n  /**\n   * Optional word shown before the label when building sentence‑like chips.\n   * Examples: \"is\" → \"is Magical\"\n   */\n  textPrefix: string().optional(),\n  /**\n   * Optional negation word used when a boolean value is false.\n   * Examples: \"not\" → \"is not Magical\"\n   */\n  textNoWord: string().optional(),\n});\n\n/** validate the filter value */\nexport const validate = (_config?: Config) => {\n  return boolean().optional();\n};\n\nexport type Config = vInfer<typeof config>;\nexport type Value = vInfer<ReturnType<typeof validate>>;\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Config, Value } from './schema';\n\nimport createFilter from '../createFilter';\nimport Display from './Display';\nimport Form from './Form';\nimport { validate } from './schema';\n\n/**\n * Boolean filter definition for the Filter system.\n * Provides Display and Form components, default value/config, and validation.\n *\n * Defaults:\n * - value: true\n * - config: { text: 'Active', textPrefix: 'is', textNoWord: 'no' }\n *\n * @see Display\n * @see Form\n * @see validate\n */\nexport const boolean = createFilter<Config, Value>({\n  components: { Display, Form },\n  defaults: {\n    value: true,\n    config: { text: 'Active', textPrefix: 'is', textNoWord: 'no' },\n  },\n  validation: validate,\n});\n","import type { FilterDisplayProps } from '../types';\nimport type { Config, Value } from './schema';\n\n/**\n * Read-only presentation for the checkboxes filter.\n * Resolves and displays selected option labels based on `value` and `config`.\n * Supports string, ReactNode, and function labels (mode: 'display').\n */\nconst Display = ({\n  value,\n  config: { text, options },\n}: FilterDisplayProps<Config, Value>) => {\n  if (value && value.length > 0) {\n    return (\n      <span className=\"flex items-center gap-1\">\n        {text} is\n        {value.map((val) => {\n          const option = options.find((op) => {\n            return op.value === val;\n          });\n          const label = option?.label ?? val;\n          const resolvedLabel =\n            typeof label === 'function' ? label('display') : label;\n          return <span key={val}>{resolvedLabel}</span>;\n        })}\n      </span>\n    );\n  }\n  return `${text} is ...`;\n};\n\nexport default Display;\n","import type { FilterFormProps } from '../types';\nimport type { Config } from './schema';\n\nimport Checkboxes from '@fuf-stack/uniform/Checkboxes';\n\n/**\n * Renders the form control for the checkboxes filter.\n * Uses a `Checkboxes` to select multiple options.\n * Resolves function labels with 'form' mode.\n */\nconst Form = ({ fieldName, config }: FilterFormProps<Config>) => {\n  const resolvedOptions = config.options.map((option) => {\n    return {\n      ...option,\n      label:\n        typeof option.label === 'function'\n          ? option.label('form')\n          : option.label,\n    };\n  });\n\n  return <Checkboxes name={fieldName} options={resolvedOptions} />;\n};\n\nexport default Form;\n","import type { vInfer } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\n\nimport { any, array, object, refineArray, string } from '@fuf-stack/veto';\n\n/** configuration of the filter */\nexport const config = object({\n  /**\n   * Human‑readable label used in the UI (e.g. label and modal header).\n   * Example: \"Snacks\", \"Mood\"\n   */\n  text: string(),\n  /**\n   * Options rendered as multiple checkboxes. Each option needs a `label`\n   * (what the user sees) and a `value` (what is written into the form state).\n   * Label can be a string, React node, or a function that receives mode\n   * ('form' or 'display') and returns a React node.\n   */\n  options: array(object({ label: any(), value: string() })),\n});\n\n/** Type-safe Config that overrides label to support ReactNode or function */\nexport type Config = Omit<vInfer<typeof config>, 'options'> & {\n  options: {\n    label: ReactNode | ((mode: 'form' | 'display') => ReactNode);\n    value: string;\n  }[];\n};\n\n/** validate the filter value */\nexport const validate = (cfg?: Config) => {\n  return refineArray(array(string()).optional())({\n    unique: true,\n    custom: (values, ctx) => {\n      if (!cfg) {\n        return;\n      }\n      values.forEach((value) => {\n        if (\n          !cfg.options.find((option) => {\n            return option?.value === value;\n          })\n        ) {\n          ctx.addIssue({\n            code: 'custom',\n            message: `Invalid value: ${value}`,\n          });\n        }\n      });\n    },\n  });\n};\n\nexport type Value = vInfer<ReturnType<typeof validate>>;\n","/* eslint-disable import-x/prefer-default-export */\n\nimport type { Config, Value } from './schema';\n\nimport createFilter from '../createFilter';\nimport Display from './Display';\nimport Form from './Form';\nimport { validate } from './schema';\n\n/**\n * Checkboxes filter definition for the Filter system.\n * Provides Display and Form components, default value/config, and validation.\n *\n * Defaults:\n * - value: []\n * - config: { text: 'Options', options: [] }\n *\n * @see Display\n * @see Form\n * @see validate\n */\nexport const checkboxes = createFilter<Config, Value>({\n  components: { Display, Form },\n  defaults: { value: [], config: { text: 'Options', options: [] } },\n  validation: validate,\n});\n","import Filter from './Filter';\nimport { boolean } from './filters/boolean/boolean';\nimport { checkboxes } from './filters/checkboxes/checkboxes';\n\n// export types\nexport type * from './filters/types';\n\n// export helpers\nexport { default as createFilter } from './filters/createFilter';\n\n// export all filters\nexport const filters = {\n  boolean,\n  checkboxes,\n};\n\n// export everything from the Filter component (types and filterVariants)\nexport * from './Filter';\n\n// export the Filter component as default\nexport default Filter;\n"],"mappings":"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"}

package/dist/{Filter-MoxrK8MI.js → Filter-DHNzbevz.js}

@@ -279,17 +279,17 @@ const ActiveFilters = ({ className = void 0 }) => {
 		const DisplayComponent = instance.components.Display;
 		return /* @__PURE__ */ jsx("button", {
 			"aria-label": `Open ${name} filter`,
-			type: "button",
 			onClick: () => {
 				showFilterModal(name);
 			},
+			type: "button",
 			children: /* @__PURE__ */ jsxs(Label, {
 				className,
 				color: hasError(name) ? "danger" : "primary",
-				variant: "flat",
 				onClose: () => {
 					removeFilter(name);
 				},
+				variant: "flat",
 				children: [instance.icon, /* @__PURE__ */ jsx(DisplayComponent, {
 					config: instance.config,
 					value
@@ -321,13 +321,13 @@ const AddFilterMenu = ({ classNames = {} }) => {
 		};
 	});
 	return /* @__PURE__ */ jsxs(Menu, {
-		isDisabled: !menuItems.length,
-		items: menuItems,
-		placement: "bottom-start",
 		className: {
 			item: classNames.addFilterMenuItem,
 			trigger: classNames.addFilterMenuButton
 		},
+		isDisabled: !menuItems.length,
+		items: menuItems,
+		placement: "bottom-start",
 		triggerButtonProps: {
 			"aria-label": "Add Filter",
 			"data-testid": "add_filter_button",
@@ -347,8 +347,6 @@ const FilterModal = ({ classNames = {} }) => {
 	const config = instance.config;
 	const FormComponent = instance.components.Form;
 	return /* @__PURE__ */ jsx(Modal, {
-		isOpen: true,
-		onClose: closeFilterModal,
 		className: {
 			body: classNames.body,
 			footer: classNames.footer,
@@ -357,11 +355,11 @@ const FilterModal = ({ classNames = {} }) => {
 		footer: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Button, {
 			ariaLabel: "Remove filter",
 			color: "danger",
-			testId: "remove_filter_button",
-			variant: "flat",
 			onClick: () => {
 				removeFilter(modalFilterName);
 			},
+			testId: "remove_filter_button",
+			variant: "flat",
 			children: "Remove"
 		}), /* @__PURE__ */ jsx(SubmitButton, {
 			ariaLabel: "Apply filter",
@@ -369,6 +367,8 @@ const FilterModal = ({ classNames = {} }) => {
 			children: "Apply Filter"
 		})] }),
 		header: /* @__PURE__ */ jsxs(Fragment, { children: [instance.icon ?? /* @__PURE__ */ jsx(PiSlidersHorizontalBold, {}), /* @__PURE__ */ jsx("div", { children: `${config?.text ?? modalFilterName} Filter` })] }),
+		isOpen: true,
+		onClose: closeFilterModal,
 		children: /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(FormComponent, {
 			config,
 			fieldName: getFilterFormFieldName(modalFilterName)
@@ -394,12 +394,12 @@ const SearchInput = ({ classNames = {}, config }) => {
 			ariaLabel: "Show search input",
 			className: classNames.searchShowButton,
 			icon: /* @__PURE__ */ jsx(FaSearch, {}),
-			size: "sm",
-			testId: "show_search_input_button",
-			variant: "bordered",
 			onClick: () => {
 				setIsVisible(true);
-			}
+			},
+			size: "sm",
+			testId: "show_search_input_button",
+			variant: "bordered"
 		}), isVisible ? /* @__PURE__ */ jsxs(motion.div, {
 			animate: { opacity: 1 },
 			className: classNames.searchMotionDiv,
@@ -415,23 +415,23 @@ const SearchInput = ({ classNames = {}, config }) => {
 				clearable: true,
 				debounceDelay: 0,
 				name: "search",
+				onClear: () => {
+					triggerSubmit();
+				},
 				placeholder,
-				size: "sm",
 				className: {
 					input: classNames.searchInput,
 					inputWrapper: classNames.searchInputWrapper
 				},
-				onClear: () => {
-					triggerSubmit();
-				}
+				size: "sm"
 			}), /* @__PURE__ */ jsx(SubmitButton, {
-				ariaLabel: "Submit search",
-				children: null,
 				className: classNames.searchSubmitButton,
 				color: "primary",
 				icon: /* @__PURE__ */ jsx(FaSearch, {}),
 				size: "sm",
-				testId: "submit_search_button"
+				testId: "submit_search_button",
+				ariaLabel: "Submit search",
+				children: null
 			})]
 		}, "search-input") : null]
 	});
@@ -489,7 +489,6 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 			onSubmit: handleSubmit,
 			validation,
 			children: [config.search ? /* @__PURE__ */ jsx(SearchInput, {
-				config: config.search,
 				classNames: {
 					searchInput: classNames.searchInput,
 					searchInputWrapper: classNames.searchInputWrapper,
@@ -497,7 +496,8 @@ const Filter = ({ children = void 0, className = void 0, config, formName = "fil
 					searchShowButton: classNames.searchShowButton,
 					searchSubmitButton: classNames.searchSubmitButton,
 					searchWrapper: classNames.searchWrapper
-				}
+				},
+				config: config.search
 			}) : null, /* @__PURE__ */ jsxs(FiltersContextProvider, {
 				config: config.filters,
 				children: [
@@ -722,4 +722,4 @@ var Filter_default = Filter;
 //#endregion
 export { filterVariants as i, filters as n, createFilter as r, Filter_default as t };
 
-//# sourceMappingURL=Filter-MoxrK8MI.js.map
+//# sourceMappingURL=Filter-DHNzbevz.js.map