@flanksource/clicky-ui 0.3.36 → 0.3.38

package/dist/components/filter-bar-multi.cjs

@@ -92,13 +92,17 @@ function toComboboxOptions(options) {
       ...option.description !== void 0 ? { description: option.description } : {},
       ...option.selectedLabel !== void 0 ? { selectedLabel: option.selectedLabel } : {},
       ...option.icon !== void 0 ? { icon: option.icon } : {},
-      ...option.disabled !== void 0 ? { disabled: option.disabled } : {}
+      ...option.disabled !== void 0 ? { disabled: option.disabled } : {},
+      // MultiFilterField's Combobox always renders tristate, so the option
+      // row is a FilterPill: `count` becomes its leading badge (`trailing` is
+      // ignored in tristate mode).
+      ...option.count !== void 0 ? { count: option.count } : {}
     };
   });
 }
 function TriStateMultiSelect({ grow = true, ...rest }) {
   const filter = { key: rest.label, kind: "multi", ...rest };
-  return /* @__PURE__ */ jsxRuntime.jsx(filterBarContext.FilterBarContext.Provider, { value: { autoSubmit: false }, children: /* @__PURE__ */ jsxRuntime.jsx(MultiFilterField, { filter, grow }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(filterBarContext.FilterBarContext.Provider, { value: { autoSubmit: false, compact: false }, children: /* @__PURE__ */ jsxRuntime.jsx(MultiFilterField, { filter, grow }) });
 }
 function MultiFilterPanel({
   filter,
@@ -183,6 +187,7 @@ function MultiFilterPanel({
                     mode,
                     title,
                     togglePosition: "right",
+                    ...option.count !== void 0 ? { count: option.count } : {},
                     onModeChange: (next) => setDraft(filterBarFieldUtils.updateMultiFilterValue(draft, option.value, next))
                   }
                 )

package/dist/components/filter-bar-multi.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-multi.cjs","sources":["../../src/components/filter-bar-multi.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport { FilterBarContext } from \"./filter-bar-context\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  mergeMultiSelectOptions,\n  multiSelectOptionText,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n  type FilterBarMultiFilterMode,\n} from \"./filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterBarMultiFilter = {\n  key: string;\n  /** Renders include/exclude chips for each option. */\n  kind: \"multi\";\n  label: string;\n  /** Leading glyph shown before the label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Map of option value to include/exclude state. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  /** Available chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown in the field when no options are selected. */\n  placeholder?: string;\n  /**\n   * True when more options exist than are in `options` (the option set was\n   * capped server-side). Renders an \"… and N more\" hint and, with `onSearch`,\n   * lets the user search the full set.\n   */\n  truncated?: boolean;\n  /** True distinct count behind a truncated option set; drives the \"N more\" label. */\n  total?: number;\n  /**\n   * Optional async fetch invoked (debounced) as the user types in the option\n   * search box. Returns the options matching the query, which are merged into\n   * the displayed list so values beyond the head become selectable. When\n   * absent, the search box filters the static `options` client-side only.\n   */\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /**\n   * Lets the user commit a value absent from `options` (a free-typed name or a\n   * `*` wildcard). The option search box stays visible and an \"Add\" row appears\n   * when the query matches no listed option; committed customs pin to the top so\n   * they stay toggleable. Use for MatchItem-style filters (table/login patterns).\n   */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n};\n\n// MultiFilterField renders a \"multi\" filter as a tristate Combobox so the bar\n// stays one control family with the lookup fields: same shell, inline label,\n// typeahead input, and portaled listbox of FilterPill rows.\nexport function MultiFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarMultiFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  // Server-search state: the matches for the active query (they replace the\n  // head while searching), plus the in-flight flag. Combobox owns the 250ms\n  // debounce; this adapter only resolves the Promise, latest query wins.\n  const [searchOptions, setSearchOptions] = useState<MultiSelectOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [activeQuery, setActiveQuery] = useState(\"\");\n  const latestQuery = useRef(\"\");\n\n  const onSearchProp = filter.onSearch;\n  const handleSearch = useCallback(\n    (query: string) => {\n      latestQuery.current = query;\n      setActiveQuery(query);\n      if (!query) {\n        setSearchOptions([]);\n        setLoading(false);\n        return;\n      }\n      setLoading(true);\n      Promise.resolve(onSearchProp?.(query))\n        .then((opts) => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions(Array.isArray(opts) ? opts : []);\n        })\n        .catch(() => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions([]);\n        });\n    },\n    [onSearchProp],\n  );\n\n  // allowCustomValue: any toggled value absent from `options` (a free-typed name\n  // or a `*` wildcard) is synthesised as a pinned option so it renders and stays\n  // toggleable across reopens.\n  const allowCustomValue = Boolean(filter.allowCustomValue);\n  const baseOptions = useMemo(() => {\n    if (!allowCustomValue) return filter.options;\n    const known = new Set(filter.options.map((o) => o.value));\n    const pinned = Object.keys(draft)\n      .filter((v) => !known.has(v))\n      .map((v) => ({ value: v, label: v }));\n    return mergeMultiSelectOptions(pinned, filter.options);\n  }, [allowCustomValue, filter.options, draft]);\n\n  // Server search active → the matches REPLACE the head, but any head option\n  // the user has already toggled (include/exclude) stays pinned so their\n  // selection remains visible and changeable. Selected first, then matches.\n  // Without a query (or without onSearch) the head set renders and Combobox\n  // client-filters it.\n  const visibleOptions = useMemo(() => {\n    if (!onSearchProp || !activeQuery) return baseOptions;\n    const selectedHead = baseOptions.filter((o) => draft[o.value] !== undefined);\n    return mergeMultiSelectOptions(selectedHead, searchOptions);\n  }, [onSearchProp, activeQuery, baseOptions, searchOptions, draft]);\n\n  const moreCount =\n    filter.truncated && filter.total ? Math.max(filter.total - filter.options.length, 0) : 0;\n  const footer =\n    moreCount > 0 && !activeQuery ? (\n      <>\n        … and {moreCount.toLocaleString()} more\n        {onSearchProp ? \" — type to search all\" : \"\"}\n      </>\n    ) : undefined;\n\n  return (\n    <Combobox\n      multiple\n      tristate\n      {...comboboxLabelProps(filter)}\n      options={toComboboxOptions(visibleOptions)}\n      value={draft}\n      onChange={setDraft}\n      allowCustomValue={allowCustomValue}\n      size=\"sm\"\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n      {...(onSearchProp !== undefined ? { onSearch: handleSearch, loading } : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(footer !== undefined ? { footer } : {})}\n    />\n  );\n}\n\nfunction toComboboxOptions(options: MultiSelectOption[]): ComboboxOption[] {\n  return options.map((option) => {\n    const title = option.title ?? multiSelectOptionText(option);\n    return {\n      value: option.value,\n      // A node label (e.g. an icon + text span) can't render as the combobox's\n      // option row or closed summary, so fall back to the option's title text —\n      // the human-readable label — instead of the raw value.\n      label: typeof option.label === \"string\" ? option.label : title,\n      title,\n      ...(option.description !== undefined ? { description: option.description } : {}),\n      ...(option.selectedLabel !== undefined ? { selectedLabel: option.selectedLabel } : {}),\n      ...(option.icon !== undefined ? { icon: option.icon } : {}),\n      ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n    };\n  });\n}\n\nexport type TriStateMultiSelectProps = {\n  /** Trigger label and popover heading. */\n  label: string;\n  /** Map of option value → include/exclude. Neutral options are absent. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  icon?: LabelIconSpec;\n  description?: string;\n  truncated?: boolean;\n  total?: number;\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /** Allow committing free-typed / `*`-wildcard values absent from `options`. */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n  /** Fill the available width (form field) vs. shrink to content. Default true. */\n  grow?: boolean;\n};\n\n// TriStateMultiSelect is the standalone include/exclude/neutral multi-select used\n// by FilterBar's \"multi\" kind, exposed for hand-written forms. It renders a\n// tristate combobox whose rows cycle neutral → include → exclude. It commits\n// changes immediately (autoSubmit:false) since a controlled form owns the value.\nexport function TriStateMultiSelect({ grow = true, ...rest }: TriStateMultiSelectProps) {\n  const filter: FilterBarMultiFilter = { key: rest.label, kind: \"multi\", ...rest };\n  return (\n    <FilterBarContext.Provider value={{ autoSubmit: false }}>\n      <MultiFilterField filter={filter} grow={grow} />\n    </FilterBarContext.Provider>\n  );\n}\n\n// MultiFilterPanel is the always-open embedded form of the multi filter (the\n// FilterBarFilterPanel / DataTable column-popover surface). Unlike the inline\n// field it is a panel, not an input, so it keeps the FilterPill row list.\nexport function MultiFilterPanel({\n  filter,\n  chrome = \"full\",\n}: {\n  filter: FilterBarMultiFilter;\n  chrome?: \"full\" | \"embedded\";\n}) {\n  const [optionQuery, setOptionQuery] = useState(\"\");\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const showOptionFilter = filter.options.length > 7;\n  const embedded = chrome === \"embedded\";\n  const visibleOptions = useMemo(() => {\n    const query = optionQuery.trim().toLowerCase();\n    if (!query) return filter.options;\n    return filter.options.filter((option) =>\n      multiSelectOptionText(option).toLowerCase().includes(query),\n    );\n  }, [filter.options, optionQuery]);\n\n  return (\n    <div\n      data-filter-panel-chrome={chrome}\n      className={cn(\n        \"min-w-[18rem] max-w-[22rem] text-popover-foreground\",\n        embedded\n          ? \"p-0\"\n          : \"rounded-md border border-border bg-popover p-2 shadow-sm shadow-black/5\",\n      )}\n    >\n      {!embedded && (\n        <div className=\"mb-2 flex items-center justify-between gap-2\">\n          <div className=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {filter.label}\n          </div>\n          <button\n            type=\"button\"\n            className=\"text-[10px] text-primary disabled:text-muted-foreground\"\n            onClick={() => setDraft({})}\n            disabled={Object.keys(draft).length === 0}\n          >\n            Clear all\n          </button>\n        </div>\n      )}\n\n      {showOptionFilter && (\n        <div className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={optionQuery}\n            onChange={(event) => setOptionQuery(event.target.value)}\n          />\n        </div>\n      )}\n\n      <div className=\"max-h-72 space-y-0.5 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode = draft[option.value] ?? \"neutral\";\n          const title = option.title ?? multiSelectOptionText(option);\n\n          return (\n            <div\n              key={option.value}\n              role=\"button\"\n              tabIndex={0}\n              data-filter-option={option.value}\n              className=\"rounded-md px-1.5 py-0.5 hover:bg-accent/50 focus-visible:bg-accent/50 focus-visible:outline-none\"\n              onClick={() =>\n                setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)))\n              }\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)));\n                }\n              }}\n            >\n              <FilterPill\n                className=\"w-full justify-between\"\n                label={\n                  <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                    <LabelIcon icon={option.icon} className=\"mt-0.5 shrink-0 text-sm text-muted-foreground\" />\n                    <span className=\"min-w-0 text-left\">\n                      <span className=\"block truncate\">{option.label}</span>\n                      {option.description && (\n                        <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                          {option.description}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                }\n                mode={mode}\n                title={title}\n                togglePosition=\"right\"\n                onModeChange={(next) => setDraft(updateMultiFilterValue(draft, option.value, next))}\n              />\n            </div>\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useDebouncedMultiDraft","useState","useRef","useCallback","useMemo","mergeMultiSelectOptions","jsxs","Fragment","jsx","Combobox","comboboxLabelProps","cn","lookupFieldWidthClass","multiSelectOptionText","FilterBarContext","Icon","UiSearch","updateMultiFilterValue","nextFilterMode","FilterPill","LabelIcon"],"mappings":"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"}
+{"version":3,"file":"filter-bar-multi.cjs","sources":["../../src/components/filter-bar-multi.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport { FilterBarContext } from \"./filter-bar-context\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  mergeMultiSelectOptions,\n  multiSelectOptionText,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n  type FilterBarMultiFilterMode,\n} from \"./filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterBarMultiFilter = {\n  key: string;\n  /** Renders include/exclude chips for each option. */\n  kind: \"multi\";\n  label: string;\n  /** Leading glyph shown before the label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Map of option value to include/exclude state. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  /** Available chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown in the field when no options are selected. */\n  placeholder?: string;\n  /**\n   * True when more options exist than are in `options` (the option set was\n   * capped server-side). Renders an \"… and N more\" hint and, with `onSearch`,\n   * lets the user search the full set.\n   */\n  truncated?: boolean;\n  /** True distinct count behind a truncated option set; drives the \"N more\" label. */\n  total?: number;\n  /**\n   * Optional async fetch invoked (debounced) as the user types in the option\n   * search box. Returns the options matching the query, which are merged into\n   * the displayed list so values beyond the head become selectable. When\n   * absent, the search box filters the static `options` client-side only.\n   */\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /**\n   * Lets the user commit a value absent from `options` (a free-typed name or a\n   * `*` wildcard). The option search box stays visible and an \"Add\" row appears\n   * when the query matches no listed option; committed customs pin to the top so\n   * they stay toggleable. Use for MatchItem-style filters (table/login patterns).\n   */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n};\n\n// MultiFilterField renders a \"multi\" filter as a tristate Combobox so the bar\n// stays one control family with the lookup fields: same shell, inline label,\n// typeahead input, and portaled listbox of FilterPill rows.\nexport function MultiFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarMultiFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  // Server-search state: the matches for the active query (they replace the\n  // head while searching), plus the in-flight flag. Combobox owns the 250ms\n  // debounce; this adapter only resolves the Promise, latest query wins.\n  const [searchOptions, setSearchOptions] = useState<MultiSelectOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [activeQuery, setActiveQuery] = useState(\"\");\n  const latestQuery = useRef(\"\");\n\n  const onSearchProp = filter.onSearch;\n  const handleSearch = useCallback(\n    (query: string) => {\n      latestQuery.current = query;\n      setActiveQuery(query);\n      if (!query) {\n        setSearchOptions([]);\n        setLoading(false);\n        return;\n      }\n      setLoading(true);\n      Promise.resolve(onSearchProp?.(query))\n        .then((opts) => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions(Array.isArray(opts) ? opts : []);\n        })\n        .catch(() => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions([]);\n        });\n    },\n    [onSearchProp],\n  );\n\n  // allowCustomValue: any toggled value absent from `options` (a free-typed name\n  // or a `*` wildcard) is synthesised as a pinned option so it renders and stays\n  // toggleable across reopens.\n  const allowCustomValue = Boolean(filter.allowCustomValue);\n  const baseOptions = useMemo(() => {\n    if (!allowCustomValue) return filter.options;\n    const known = new Set(filter.options.map((o) => o.value));\n    const pinned = Object.keys(draft)\n      .filter((v) => !known.has(v))\n      .map((v) => ({ value: v, label: v }));\n    return mergeMultiSelectOptions(pinned, filter.options);\n  }, [allowCustomValue, filter.options, draft]);\n\n  // Server search active → the matches REPLACE the head, but any head option\n  // the user has already toggled (include/exclude) stays pinned so their\n  // selection remains visible and changeable. Selected first, then matches.\n  // Without a query (or without onSearch) the head set renders and Combobox\n  // client-filters it.\n  const visibleOptions = useMemo(() => {\n    if (!onSearchProp || !activeQuery) return baseOptions;\n    const selectedHead = baseOptions.filter((o) => draft[o.value] !== undefined);\n    return mergeMultiSelectOptions(selectedHead, searchOptions);\n  }, [onSearchProp, activeQuery, baseOptions, searchOptions, draft]);\n\n  const moreCount =\n    filter.truncated && filter.total ? Math.max(filter.total - filter.options.length, 0) : 0;\n  const footer =\n    moreCount > 0 && !activeQuery ? (\n      <>\n        … and {moreCount.toLocaleString()} more\n        {onSearchProp ? \" — type to search all\" : \"\"}\n      </>\n    ) : undefined;\n\n  return (\n    <Combobox\n      multiple\n      tristate\n      {...comboboxLabelProps(filter)}\n      options={toComboboxOptions(visibleOptions)}\n      value={draft}\n      onChange={setDraft}\n      allowCustomValue={allowCustomValue}\n      size=\"sm\"\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n      {...(onSearchProp !== undefined ? { onSearch: handleSearch, loading } : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(footer !== undefined ? { footer } : {})}\n    />\n  );\n}\n\nfunction toComboboxOptions(options: MultiSelectOption[]): ComboboxOption[] {\n  return options.map((option) => {\n    const title = option.title ?? multiSelectOptionText(option);\n    return {\n      value: option.value,\n      // A node label (e.g. an icon + text span) can't render as the combobox's\n      // option row or closed summary, so fall back to the option's title text —\n      // the human-readable label — instead of the raw value.\n      label: typeof option.label === \"string\" ? option.label : title,\n      title,\n      ...(option.description !== undefined ? { description: option.description } : {}),\n      ...(option.selectedLabel !== undefined ? { selectedLabel: option.selectedLabel } : {}),\n      ...(option.icon !== undefined ? { icon: option.icon } : {}),\n      ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n      // MultiFilterField's Combobox always renders tristate, so the option\n      // row is a FilterPill: `count` becomes its leading badge (`trailing` is\n      // ignored in tristate mode).\n      ...(option.count !== undefined ? { count: option.count } : {}),\n    };\n  });\n}\n\nexport type TriStateMultiSelectProps = {\n  /** Trigger label and popover heading. */\n  label: string;\n  /** Map of option value → include/exclude. Neutral options are absent. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  icon?: LabelIconSpec;\n  description?: string;\n  truncated?: boolean;\n  total?: number;\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /** Allow committing free-typed / `*`-wildcard values absent from `options`. */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n  /** Fill the available width (form field) vs. shrink to content. Default true. */\n  grow?: boolean;\n};\n\n// TriStateMultiSelect is the standalone include/exclude/neutral multi-select used\n// by FilterBar's \"multi\" kind, exposed for hand-written forms. It renders a\n// tristate combobox whose rows cycle neutral → include → exclude. It commits\n// changes immediately (autoSubmit:false) since a controlled form owns the value.\nexport function TriStateMultiSelect({ grow = true, ...rest }: TriStateMultiSelectProps) {\n  const filter: FilterBarMultiFilter = { key: rest.label, kind: \"multi\", ...rest };\n  return (\n    <FilterBarContext.Provider value={{ autoSubmit: false, compact: false }}>\n      <MultiFilterField filter={filter} grow={grow} />\n    </FilterBarContext.Provider>\n  );\n}\n\n// MultiFilterPanel is the always-open embedded form of the multi filter (the\n// FilterBarFilterPanel / DataTable column-popover surface). Unlike the inline\n// field it is a panel, not an input, so it keeps the FilterPill row list.\nexport function MultiFilterPanel({\n  filter,\n  chrome = \"full\",\n}: {\n  filter: FilterBarMultiFilter;\n  chrome?: \"full\" | \"embedded\";\n}) {\n  const [optionQuery, setOptionQuery] = useState(\"\");\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const showOptionFilter = filter.options.length > 7;\n  const embedded = chrome === \"embedded\";\n  const visibleOptions = useMemo(() => {\n    const query = optionQuery.trim().toLowerCase();\n    if (!query) return filter.options;\n    return filter.options.filter((option) =>\n      multiSelectOptionText(option).toLowerCase().includes(query),\n    );\n  }, [filter.options, optionQuery]);\n\n  return (\n    <div\n      data-filter-panel-chrome={chrome}\n      className={cn(\n        \"min-w-[18rem] max-w-[22rem] text-popover-foreground\",\n        embedded\n          ? \"p-0\"\n          : \"rounded-md border border-border bg-popover p-2 shadow-sm shadow-black/5\",\n      )}\n    >\n      {!embedded && (\n        <div className=\"mb-2 flex items-center justify-between gap-2\">\n          <div className=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {filter.label}\n          </div>\n          <button\n            type=\"button\"\n            className=\"text-[10px] text-primary disabled:text-muted-foreground\"\n            onClick={() => setDraft({})}\n            disabled={Object.keys(draft).length === 0}\n          >\n            Clear all\n          </button>\n        </div>\n      )}\n\n      {showOptionFilter && (\n        <div className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={optionQuery}\n            onChange={(event) => setOptionQuery(event.target.value)}\n          />\n        </div>\n      )}\n\n      <div className=\"max-h-72 space-y-0.5 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode = draft[option.value] ?? \"neutral\";\n          const title = option.title ?? multiSelectOptionText(option);\n\n          return (\n            <div\n              key={option.value}\n              role=\"button\"\n              tabIndex={0}\n              data-filter-option={option.value}\n              className=\"rounded-md px-1.5 py-0.5 hover:bg-accent/50 focus-visible:bg-accent/50 focus-visible:outline-none\"\n              onClick={() =>\n                setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)))\n              }\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)));\n                }\n              }}\n            >\n              <FilterPill\n                className=\"w-full justify-between\"\n                label={\n                  <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                    <LabelIcon icon={option.icon} className=\"mt-0.5 shrink-0 text-sm text-muted-foreground\" />\n                    <span className=\"min-w-0 text-left\">\n                      <span className=\"block truncate\">{option.label}</span>\n                      {option.description && (\n                        <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                          {option.description}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                }\n                mode={mode}\n                title={title}\n                togglePosition=\"right\"\n                {...(option.count !== undefined ? { count: option.count } : {})}\n                onModeChange={(next) => setDraft(updateMultiFilterValue(draft, option.value, next))}\n              />\n            </div>\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["useDebouncedMultiDraft","useState","useRef","useCallback","useMemo","mergeMultiSelectOptions","jsxs","Fragment","jsx","Combobox","comboboxLabelProps","cn","lookupFieldWidthClass","multiSelectOptionText","FilterBarContext","Icon","UiSearch","updateMultiFilterValue","nextFilterMode","FilterPill","LabelIcon"],"mappings":"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"}

package/dist/components/filter-bar-multi.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-multi.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-multi.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAKnE,OAAO,EAQL,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,2EAA2E;IAC3E,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,IAAI,CAAC;IACpE,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAClE;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAI,GACL,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,+BAuFA;AAoBD,MAAM,MAAM,wBAAwB,GAAG;IACrC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,IAAI,CAAC;IACpE,iEAAiE;IACjE,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAClE,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,wBAAgB,mBAAmB,CAAC,EAAE,IAAW,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,+BAOrF;AAKD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAe,GAChB,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,+BAwGA"}
+{"version":3,"file":"filter-bar-multi.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-multi.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAmB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAKnE,OAAO,EAQL,KAAK,wBAAwB,EAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AAEzE,MAAM,MAAM,oBAAoB,GAAG;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,qDAAqD;IACrD,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,2EAA2E;IAC3E,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,2EAA2E;IAC3E,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,IAAI,CAAC;IACpE,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAClE;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAKF,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,IAAI,GACL,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,IAAI,EAAE,OAAO,CAAC;CACf,+BAuFA;AAwBD,MAAM,MAAM,wBAAwB,GAAG;IACrC,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,CAAC;IAChD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,wBAAwB,CAAC,KAAK,IAAI,CAAC;IACpE,iEAAiE;IACjE,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,GAAG,IAAI,CAAC;IAClE,+EAA+E;IAC/E,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAMF,wBAAgB,mBAAmB,CAAC,EAAE,IAAW,EAAE,GAAG,IAAI,EAAE,EAAE,wBAAwB,+BAOrF;AAKD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAe,GAChB,EAAE;IACD,MAAM,EAAE,oBAAoB,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC9B,+BAyGA"}

package/dist/components/filter-bar-multi.js

@@ -90,13 +90,17 @@ function toComboboxOptions(options) {
       ...option.description !== void 0 ? { description: option.description } : {},
       ...option.selectedLabel !== void 0 ? { selectedLabel: option.selectedLabel } : {},
       ...option.icon !== void 0 ? { icon: option.icon } : {},
-      ...option.disabled !== void 0 ? { disabled: option.disabled } : {}
+      ...option.disabled !== void 0 ? { disabled: option.disabled } : {},
+      // MultiFilterField's Combobox always renders tristate, so the option
+      // row is a FilterPill: `count` becomes its leading badge (`trailing` is
+      // ignored in tristate mode).
+      ...option.count !== void 0 ? { count: option.count } : {}
     };
   });
 }
 function TriStateMultiSelect({ grow = true, ...rest }) {
   const filter = { key: rest.label, kind: "multi", ...rest };
-  return /* @__PURE__ */ jsx(FilterBarContext.Provider, { value: { autoSubmit: false }, children: /* @__PURE__ */ jsx(MultiFilterField, { filter, grow }) });
+  return /* @__PURE__ */ jsx(FilterBarContext.Provider, { value: { autoSubmit: false, compact: false }, children: /* @__PURE__ */ jsx(MultiFilterField, { filter, grow }) });
 }
 function MultiFilterPanel({
   filter,
@@ -181,6 +185,7 @@ function MultiFilterPanel({
                     mode,
                     title,
                     togglePosition: "right",
+                    ...option.count !== void 0 ? { count: option.count } : {},
                     onModeChange: (next) => setDraft(updateMultiFilterValue(draft, option.value, next))
                   }
                 )

package/dist/components/filter-bar-multi.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-multi.js","sources":["../../src/components/filter-bar-multi.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport { FilterBarContext } from \"./filter-bar-context\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  mergeMultiSelectOptions,\n  multiSelectOptionText,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n  type FilterBarMultiFilterMode,\n} from \"./filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterBarMultiFilter = {\n  key: string;\n  /** Renders include/exclude chips for each option. */\n  kind: \"multi\";\n  label: string;\n  /** Leading glyph shown before the label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Map of option value to include/exclude state. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  /** Available chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown in the field when no options are selected. */\n  placeholder?: string;\n  /**\n   * True when more options exist than are in `options` (the option set was\n   * capped server-side). Renders an \"… and N more\" hint and, with `onSearch`,\n   * lets the user search the full set.\n   */\n  truncated?: boolean;\n  /** True distinct count behind a truncated option set; drives the \"N more\" label. */\n  total?: number;\n  /**\n   * Optional async fetch invoked (debounced) as the user types in the option\n   * search box. Returns the options matching the query, which are merged into\n   * the displayed list so values beyond the head become selectable. When\n   * absent, the search box filters the static `options` client-side only.\n   */\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /**\n   * Lets the user commit a value absent from `options` (a free-typed name or a\n   * `*` wildcard). The option search box stays visible and an \"Add\" row appears\n   * when the query matches no listed option; committed customs pin to the top so\n   * they stay toggleable. Use for MatchItem-style filters (table/login patterns).\n   */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n};\n\n// MultiFilterField renders a \"multi\" filter as a tristate Combobox so the bar\n// stays one control family with the lookup fields: same shell, inline label,\n// typeahead input, and portaled listbox of FilterPill rows.\nexport function MultiFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarMultiFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  // Server-search state: the matches for the active query (they replace the\n  // head while searching), plus the in-flight flag. Combobox owns the 250ms\n  // debounce; this adapter only resolves the Promise, latest query wins.\n  const [searchOptions, setSearchOptions] = useState<MultiSelectOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [activeQuery, setActiveQuery] = useState(\"\");\n  const latestQuery = useRef(\"\");\n\n  const onSearchProp = filter.onSearch;\n  const handleSearch = useCallback(\n    (query: string) => {\n      latestQuery.current = query;\n      setActiveQuery(query);\n      if (!query) {\n        setSearchOptions([]);\n        setLoading(false);\n        return;\n      }\n      setLoading(true);\n      Promise.resolve(onSearchProp?.(query))\n        .then((opts) => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions(Array.isArray(opts) ? opts : []);\n        })\n        .catch(() => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions([]);\n        });\n    },\n    [onSearchProp],\n  );\n\n  // allowCustomValue: any toggled value absent from `options` (a free-typed name\n  // or a `*` wildcard) is synthesised as a pinned option so it renders and stays\n  // toggleable across reopens.\n  const allowCustomValue = Boolean(filter.allowCustomValue);\n  const baseOptions = useMemo(() => {\n    if (!allowCustomValue) return filter.options;\n    const known = new Set(filter.options.map((o) => o.value));\n    const pinned = Object.keys(draft)\n      .filter((v) => !known.has(v))\n      .map((v) => ({ value: v, label: v }));\n    return mergeMultiSelectOptions(pinned, filter.options);\n  }, [allowCustomValue, filter.options, draft]);\n\n  // Server search active → the matches REPLACE the head, but any head option\n  // the user has already toggled (include/exclude) stays pinned so their\n  // selection remains visible and changeable. Selected first, then matches.\n  // Without a query (or without onSearch) the head set renders and Combobox\n  // client-filters it.\n  const visibleOptions = useMemo(() => {\n    if (!onSearchProp || !activeQuery) return baseOptions;\n    const selectedHead = baseOptions.filter((o) => draft[o.value] !== undefined);\n    return mergeMultiSelectOptions(selectedHead, searchOptions);\n  }, [onSearchProp, activeQuery, baseOptions, searchOptions, draft]);\n\n  const moreCount =\n    filter.truncated && filter.total ? Math.max(filter.total - filter.options.length, 0) : 0;\n  const footer =\n    moreCount > 0 && !activeQuery ? (\n      <>\n        … and {moreCount.toLocaleString()} more\n        {onSearchProp ? \" — type to search all\" : \"\"}\n      </>\n    ) : undefined;\n\n  return (\n    <Combobox\n      multiple\n      tristate\n      {...comboboxLabelProps(filter)}\n      options={toComboboxOptions(visibleOptions)}\n      value={draft}\n      onChange={setDraft}\n      allowCustomValue={allowCustomValue}\n      size=\"sm\"\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n      {...(onSearchProp !== undefined ? { onSearch: handleSearch, loading } : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(footer !== undefined ? { footer } : {})}\n    />\n  );\n}\n\nfunction toComboboxOptions(options: MultiSelectOption[]): ComboboxOption[] {\n  return options.map((option) => {\n    const title = option.title ?? multiSelectOptionText(option);\n    return {\n      value: option.value,\n      // A node label (e.g. an icon + text span) can't render as the combobox's\n      // option row or closed summary, so fall back to the option's title text —\n      // the human-readable label — instead of the raw value.\n      label: typeof option.label === \"string\" ? option.label : title,\n      title,\n      ...(option.description !== undefined ? { description: option.description } : {}),\n      ...(option.selectedLabel !== undefined ? { selectedLabel: option.selectedLabel } : {}),\n      ...(option.icon !== undefined ? { icon: option.icon } : {}),\n      ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n    };\n  });\n}\n\nexport type TriStateMultiSelectProps = {\n  /** Trigger label and popover heading. */\n  label: string;\n  /** Map of option value → include/exclude. Neutral options are absent. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  icon?: LabelIconSpec;\n  description?: string;\n  truncated?: boolean;\n  total?: number;\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /** Allow committing free-typed / `*`-wildcard values absent from `options`. */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n  /** Fill the available width (form field) vs. shrink to content. Default true. */\n  grow?: boolean;\n};\n\n// TriStateMultiSelect is the standalone include/exclude/neutral multi-select used\n// by FilterBar's \"multi\" kind, exposed for hand-written forms. It renders a\n// tristate combobox whose rows cycle neutral → include → exclude. It commits\n// changes immediately (autoSubmit:false) since a controlled form owns the value.\nexport function TriStateMultiSelect({ grow = true, ...rest }: TriStateMultiSelectProps) {\n  const filter: FilterBarMultiFilter = { key: rest.label, kind: \"multi\", ...rest };\n  return (\n    <FilterBarContext.Provider value={{ autoSubmit: false }}>\n      <MultiFilterField filter={filter} grow={grow} />\n    </FilterBarContext.Provider>\n  );\n}\n\n// MultiFilterPanel is the always-open embedded form of the multi filter (the\n// FilterBarFilterPanel / DataTable column-popover surface). Unlike the inline\n// field it is a panel, not an input, so it keeps the FilterPill row list.\nexport function MultiFilterPanel({\n  filter,\n  chrome = \"full\",\n}: {\n  filter: FilterBarMultiFilter;\n  chrome?: \"full\" | \"embedded\";\n}) {\n  const [optionQuery, setOptionQuery] = useState(\"\");\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const showOptionFilter = filter.options.length > 7;\n  const embedded = chrome === \"embedded\";\n  const visibleOptions = useMemo(() => {\n    const query = optionQuery.trim().toLowerCase();\n    if (!query) return filter.options;\n    return filter.options.filter((option) =>\n      multiSelectOptionText(option).toLowerCase().includes(query),\n    );\n  }, [filter.options, optionQuery]);\n\n  return (\n    <div\n      data-filter-panel-chrome={chrome}\n      className={cn(\n        \"min-w-[18rem] max-w-[22rem] text-popover-foreground\",\n        embedded\n          ? \"p-0\"\n          : \"rounded-md border border-border bg-popover p-2 shadow-sm shadow-black/5\",\n      )}\n    >\n      {!embedded && (\n        <div className=\"mb-2 flex items-center justify-between gap-2\">\n          <div className=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {filter.label}\n          </div>\n          <button\n            type=\"button\"\n            className=\"text-[10px] text-primary disabled:text-muted-foreground\"\n            onClick={() => setDraft({})}\n            disabled={Object.keys(draft).length === 0}\n          >\n            Clear all\n          </button>\n        </div>\n      )}\n\n      {showOptionFilter && (\n        <div className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={optionQuery}\n            onChange={(event) => setOptionQuery(event.target.value)}\n          />\n        </div>\n      )}\n\n      <div className=\"max-h-72 space-y-0.5 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode = draft[option.value] ?? \"neutral\";\n          const title = option.title ?? multiSelectOptionText(option);\n\n          return (\n            <div\n              key={option.value}\n              role=\"button\"\n              tabIndex={0}\n              data-filter-option={option.value}\n              className=\"rounded-md px-1.5 py-0.5 hover:bg-accent/50 focus-visible:bg-accent/50 focus-visible:outline-none\"\n              onClick={() =>\n                setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)))\n              }\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)));\n                }\n              }}\n            >\n              <FilterPill\n                className=\"w-full justify-between\"\n                label={\n                  <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                    <LabelIcon icon={option.icon} className=\"mt-0.5 shrink-0 text-sm text-muted-foreground\" />\n                    <span className=\"min-w-0 text-left\">\n                      <span className=\"block truncate\">{option.label}</span>\n                      {option.description && (\n                        <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                          {option.description}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                }\n                mode={mode}\n                title={title}\n                togglePosition=\"right\"\n                onModeChange={(next) => setDraft(updateMultiFilterValue(draft, option.value, next))}\n              />\n            </div>\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"filter-bar-multi.js","sources":["../../src/components/filter-bar-multi.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from \"react\";\nimport { FilterPill } from \"../data/FilterPill\";\nimport { Icon, LabelIcon, type LabelIconSpec } from \"../data/Icon\";\nimport { UiSearch } from \"../icons\";\nimport { cn } from \"../lib/utils\";\nimport { Combobox, type ComboboxOption } from \"./Combobox\";\nimport { FilterBarContext } from \"./filter-bar-context\";\nimport {\n  comboboxLabelProps,\n  lookupFieldWidthClass,\n  mergeMultiSelectOptions,\n  multiSelectOptionText,\n  nextFilterMode,\n  updateMultiFilterValue,\n  useDebouncedMultiDraft,\n  type FilterBarMultiFilterMode,\n} from \"./filter-bar-field-utils\";\nimport type { MultiSelectOption } from \"./MultiSelect\";\n\nexport type { FilterBarMultiFilterMode } from \"./filter-bar-field-utils\";\n\nexport type FilterBarMultiFilter = {\n  key: string;\n  /** Renders include/exclude chips for each option. */\n  kind: \"multi\";\n  label: string;\n  /** Leading glyph shown before the label: a runtime icon name or a node. */\n  icon?: LabelIconSpec;\n  description?: string;\n  /** Map of option value to include/exclude state. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  /** Available chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Ghost text shown in the field when no options are selected. */\n  placeholder?: string;\n  /**\n   * True when more options exist than are in `options` (the option set was\n   * capped server-side). Renders an \"… and N more\" hint and, with `onSearch`,\n   * lets the user search the full set.\n   */\n  truncated?: boolean;\n  /** True distinct count behind a truncated option set; drives the \"N more\" label. */\n  total?: number;\n  /**\n   * Optional async fetch invoked (debounced) as the user types in the option\n   * search box. Returns the options matching the query, which are merged into\n   * the displayed list so values beyond the head become selectable. When\n   * absent, the search box filters the static `options` client-side only.\n   */\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /**\n   * Lets the user commit a value absent from `options` (a free-typed name or a\n   * `*` wildcard). The option search box stays visible and an \"Add\" row appears\n   * when the query matches no listed option; committed customs pin to the top so\n   * they stay toggleable. Use for MatchItem-style filters (table/login patterns).\n   */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n};\n\n// MultiFilterField renders a \"multi\" filter as a tristate Combobox so the bar\n// stays one control family with the lookup fields: same shell, inline label,\n// typeahead input, and portaled listbox of FilterPill rows.\nexport function MultiFilterField({\n  filter,\n  grow,\n}: {\n  filter: FilterBarMultiFilter;\n  grow: boolean;\n}) {\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  // Server-search state: the matches for the active query (they replace the\n  // head while searching), plus the in-flight flag. Combobox owns the 250ms\n  // debounce; this adapter only resolves the Promise, latest query wins.\n  const [searchOptions, setSearchOptions] = useState<MultiSelectOption[]>([]);\n  const [loading, setLoading] = useState(false);\n  const [activeQuery, setActiveQuery] = useState(\"\");\n  const latestQuery = useRef(\"\");\n\n  const onSearchProp = filter.onSearch;\n  const handleSearch = useCallback(\n    (query: string) => {\n      latestQuery.current = query;\n      setActiveQuery(query);\n      if (!query) {\n        setSearchOptions([]);\n        setLoading(false);\n        return;\n      }\n      setLoading(true);\n      Promise.resolve(onSearchProp?.(query))\n        .then((opts) => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions(Array.isArray(opts) ? opts : []);\n        })\n        .catch(() => {\n          if (latestQuery.current !== query) return;\n          setLoading(false);\n          setSearchOptions([]);\n        });\n    },\n    [onSearchProp],\n  );\n\n  // allowCustomValue: any toggled value absent from `options` (a free-typed name\n  // or a `*` wildcard) is synthesised as a pinned option so it renders and stays\n  // toggleable across reopens.\n  const allowCustomValue = Boolean(filter.allowCustomValue);\n  const baseOptions = useMemo(() => {\n    if (!allowCustomValue) return filter.options;\n    const known = new Set(filter.options.map((o) => o.value));\n    const pinned = Object.keys(draft)\n      .filter((v) => !known.has(v))\n      .map((v) => ({ value: v, label: v }));\n    return mergeMultiSelectOptions(pinned, filter.options);\n  }, [allowCustomValue, filter.options, draft]);\n\n  // Server search active → the matches REPLACE the head, but any head option\n  // the user has already toggled (include/exclude) stays pinned so their\n  // selection remains visible and changeable. Selected first, then matches.\n  // Without a query (or without onSearch) the head set renders and Combobox\n  // client-filters it.\n  const visibleOptions = useMemo(() => {\n    if (!onSearchProp || !activeQuery) return baseOptions;\n    const selectedHead = baseOptions.filter((o) => draft[o.value] !== undefined);\n    return mergeMultiSelectOptions(selectedHead, searchOptions);\n  }, [onSearchProp, activeQuery, baseOptions, searchOptions, draft]);\n\n  const moreCount =\n    filter.truncated && filter.total ? Math.max(filter.total - filter.options.length, 0) : 0;\n  const footer =\n    moreCount > 0 && !activeQuery ? (\n      <>\n        … and {moreCount.toLocaleString()} more\n        {onSearchProp ? \" — type to search all\" : \"\"}\n      </>\n    ) : undefined;\n\n  return (\n    <Combobox\n      multiple\n      tristate\n      {...comboboxLabelProps(filter)}\n      options={toComboboxOptions(visibleOptions)}\n      value={draft}\n      onChange={setDraft}\n      allowCustomValue={allowCustomValue}\n      size=\"sm\"\n      className={cn(lookupFieldWidthClass(grow), filter.className)}\n      {...(filter.placeholder !== undefined ? { placeholder: filter.placeholder } : {})}\n      {...(onSearchProp !== undefined ? { onSearch: handleSearch, loading } : {})}\n      {...(filter.disabled !== undefined ? { disabled: filter.disabled } : {})}\n      {...(footer !== undefined ? { footer } : {})}\n    />\n  );\n}\n\nfunction toComboboxOptions(options: MultiSelectOption[]): ComboboxOption[] {\n  return options.map((option) => {\n    const title = option.title ?? multiSelectOptionText(option);\n    return {\n      value: option.value,\n      // A node label (e.g. an icon + text span) can't render as the combobox's\n      // option row or closed summary, so fall back to the option's title text —\n      // the human-readable label — instead of the raw value.\n      label: typeof option.label === \"string\" ? option.label : title,\n      title,\n      ...(option.description !== undefined ? { description: option.description } : {}),\n      ...(option.selectedLabel !== undefined ? { selectedLabel: option.selectedLabel } : {}),\n      ...(option.icon !== undefined ? { icon: option.icon } : {}),\n      ...(option.disabled !== undefined ? { disabled: option.disabled } : {}),\n      // MultiFilterField's Combobox always renders tristate, so the option\n      // row is a FilterPill: `count` becomes its leading badge (`trailing` is\n      // ignored in tristate mode).\n      ...(option.count !== undefined ? { count: option.count } : {}),\n    };\n  });\n}\n\nexport type TriStateMultiSelectProps = {\n  /** Trigger label and popover heading. */\n  label: string;\n  /** Map of option value → include/exclude. Neutral options are absent. */\n  value: Record<string, FilterBarMultiFilterMode>;\n  onChange: (value: Record<string, FilterBarMultiFilterMode>) => void;\n  /** Chip options. When `truncated`, this is only the head set. */\n  options: MultiSelectOption[];\n  icon?: LabelIconSpec;\n  description?: string;\n  truncated?: boolean;\n  total?: number;\n  onSearch?: (query: string) => Promise<MultiSelectOption[]> | void;\n  /** Allow committing free-typed / `*`-wildcard values absent from `options`. */\n  allowCustomValue?: boolean;\n  disabled?: boolean;\n  className?: string;\n  /** Fill the available width (form field) vs. shrink to content. Default true. */\n  grow?: boolean;\n};\n\n// TriStateMultiSelect is the standalone include/exclude/neutral multi-select used\n// by FilterBar's \"multi\" kind, exposed for hand-written forms. It renders a\n// tristate combobox whose rows cycle neutral → include → exclude. It commits\n// changes immediately (autoSubmit:false) since a controlled form owns the value.\nexport function TriStateMultiSelect({ grow = true, ...rest }: TriStateMultiSelectProps) {\n  const filter: FilterBarMultiFilter = { key: rest.label, kind: \"multi\", ...rest };\n  return (\n    <FilterBarContext.Provider value={{ autoSubmit: false, compact: false }}>\n      <MultiFilterField filter={filter} grow={grow} />\n    </FilterBarContext.Provider>\n  );\n}\n\n// MultiFilterPanel is the always-open embedded form of the multi filter (the\n// FilterBarFilterPanel / DataTable column-popover surface). Unlike the inline\n// field it is a panel, not an input, so it keeps the FilterPill row list.\nexport function MultiFilterPanel({\n  filter,\n  chrome = \"full\",\n}: {\n  filter: FilterBarMultiFilter;\n  chrome?: \"full\" | \"embedded\";\n}) {\n  const [optionQuery, setOptionQuery] = useState(\"\");\n  const [draft, setDraft] = useDebouncedMultiDraft(filter.value, filter.onChange);\n  const showOptionFilter = filter.options.length > 7;\n  const embedded = chrome === \"embedded\";\n  const visibleOptions = useMemo(() => {\n    const query = optionQuery.trim().toLowerCase();\n    if (!query) return filter.options;\n    return filter.options.filter((option) =>\n      multiSelectOptionText(option).toLowerCase().includes(query),\n    );\n  }, [filter.options, optionQuery]);\n\n  return (\n    <div\n      data-filter-panel-chrome={chrome}\n      className={cn(\n        \"min-w-[18rem] max-w-[22rem] text-popover-foreground\",\n        embedded\n          ? \"p-0\"\n          : \"rounded-md border border-border bg-popover p-2 shadow-sm shadow-black/5\",\n      )}\n    >\n      {!embedded && (\n        <div className=\"mb-2 flex items-center justify-between gap-2\">\n          <div className=\"text-[10px] font-medium uppercase tracking-wide text-muted-foreground\">\n            {filter.label}\n          </div>\n          <button\n            type=\"button\"\n            className=\"text-[10px] text-primary disabled:text-muted-foreground\"\n            onClick={() => setDraft({})}\n            disabled={Object.keys(draft).length === 0}\n          >\n            Clear all\n          </button>\n        </div>\n      )}\n\n      {showOptionFilter && (\n        <div className=\"mb-2 flex items-center gap-2 rounded-md border border-input bg-background px-2\">\n          <Icon icon={UiSearch} className=\"shrink-0 text-muted-foreground\" />\n          <input\n            type=\"search\"\n            aria-label={`Filter ${filter.label} options`}\n            className=\"h-8 min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-placeholder\"\n            placeholder={`Filter ${filter.label.toLowerCase()}`}\n            value={optionQuery}\n            onChange={(event) => setOptionQuery(event.target.value)}\n          />\n        </div>\n      )}\n\n      <div className=\"max-h-72 space-y-0.5 overflow-auto\">\n        {visibleOptions.map((option) => {\n          const mode = draft[option.value] ?? \"neutral\";\n          const title = option.title ?? multiSelectOptionText(option);\n\n          return (\n            <div\n              key={option.value}\n              role=\"button\"\n              tabIndex={0}\n              data-filter-option={option.value}\n              className=\"rounded-md px-1.5 py-0.5 hover:bg-accent/50 focus-visible:bg-accent/50 focus-visible:outline-none\"\n              onClick={() =>\n                setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)))\n              }\n              onKeyDown={(event) => {\n                if (event.key === \"Enter\" || event.key === \" \") {\n                  event.preventDefault();\n                  setDraft(updateMultiFilterValue(draft, option.value, nextFilterMode(mode)));\n                }\n              }}\n            >\n              <FilterPill\n                className=\"w-full justify-between\"\n                label={\n                  <span className=\"inline-flex min-w-0 items-start gap-1.5\">\n                    <LabelIcon icon={option.icon} className=\"mt-0.5 shrink-0 text-sm text-muted-foreground\" />\n                    <span className=\"min-w-0 text-left\">\n                      <span className=\"block truncate\">{option.label}</span>\n                      {option.description && (\n                        <span className=\"mt-0.5 block truncate text-xs font-normal text-muted-foreground\">\n                          {option.description}\n                        </span>\n                      )}\n                    </span>\n                  </span>\n                }\n                mode={mode}\n                title={title}\n                togglePosition=\"right\"\n                {...(option.count !== undefined ? { count: option.count } : {})}\n                onModeChange={(next) => setDraft(updateMultiFilterValue(draft, option.value, next))}\n              />\n            </div>\n          );\n        })}\n        {visibleOptions.length === 0 && (\n          <div className=\"px-2 py-3 text-sm text-muted-foreground\">No options found</div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/components/filter-bar-utils.cjs

@@ -24,7 +24,7 @@ function clearFilterBarFilter(filter) {
     filter.onChange([]);
     return;
   }
-  if (filter.kind === "number") {
+  if (filter.kind === "number" || filter.kind === "duration") {
     filter.onChange({});
     return;
   }
@@ -52,7 +52,7 @@ function isFilterBarFilterActive(filter) {
   if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
     return filter.value.length > 0;
   }
-  if (filter.kind === "number") {
+  if (filter.kind === "number" || filter.kind === "duration") {
     return String(filter.value.min ?? "").trim() !== "" || String(filter.value.max ?? "").trim() !== "";
   }
   if (filter.kind === "boolean") return filter.value;

package/dist/components/filter-bar-utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-utils.cjs","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type {\n  FilterBarDateRangeFilter,\n  FilterBarFilter,\n  FilterBarRangeProps,\n} from \"./FilterBar\";\n\n// FilterExtension decorates a resolved filter before it renders — the FilterBar\n// analogue of JsonSchemaForm's PreExtension. Consumers compose these in array\n// order (each sees the prior's output) to stamp domain-specific touches such as\n// an entity `icon` keyed on the filter's name, keeping FilterBar domain-agnostic.\nexport type FilterExtension = (filter: FilterBarFilter) => FilterBarFilter;\n\n// applyFilterExtensions runs a filter through the composed extension stack.\nexport function applyFilterExtensions(\n  filter: FilterBarFilter,\n  extensions: FilterExtension[] | undefined,\n): FilterBarFilter {\n  if (!extensions || extensions.length === 0) return filter;\n  return extensions.reduce((current, ext) => ext(current), filter);\n}\n\n// dateRangeFilterProps strips the filter's identity off, leaving the range the\n// controls take. `key` in particular must not reach a component as a prop.\n//\n// It is also how a date-range filter is promoted out of the filter list into a\n// bar's trailing range slot, which is why it lives here rather than beside the\n// controls that spread it.\nexport function dateRangeFilterProps(filter: FilterBarDateRangeFilter): FilterBarRangeProps {\n  const {\n    key: _key,\n    kind: _kind,\n    label: _label,\n    icon: _icon,\n    description: _description,\n    ...range\n  } = filter;\n  return range;\n}\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  if (filter.kind === \"tristate\") {\n    filter.onChange(undefined);\n    return;\n  }\n\n  if (filter.kind === \"date-range\") {\n    filter.onApply(\"\", \"\");\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"date-range\") {\n    return String(filter.from ?? \"\").trim() !== \"\" || String(filter.to ?? \"\").trim() !== \"\";\n  }\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" || String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  // Unset is \"no filter\"; both true and false narrow the result set.\n  if (filter.kind === \"tristate\") return filter.value !== undefined;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":";;AAaO,SAAS,sBACd,QACA,YACiB;AACjB,MAAI,CAAC,cAAc,WAAW,WAAW,EAAG,QAAO;AACnD,SAAO,WAAW,OAAO,CAAC,SAAS,QAAQ,IAAI,OAAO,GAAG,MAAM;AACjE;AAQO,SAAS,qBAAqB,QAAuD;AAC1F,QAAM;AAAA,IACJ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACD;AACJ,SAAO;AACT;AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,SAAS,MAAS;AACzB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,QAAQ,IAAI,EAAE;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,OAAO,OAAO,QAAQ,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,EAAE,EAAE,WAAW;AAAA,EACvF;AACA,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9F;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAE7C,MAAI,OAAO,SAAS,WAAY,QAAO,OAAO,UAAU;AACxD,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;;;;;"}
+{"version":3,"file":"filter-bar-utils.cjs","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type {\n  FilterBarDateRangeFilter,\n  FilterBarFilter,\n  FilterBarRangeProps,\n} from \"./FilterBar\";\n\n// FilterExtension decorates a resolved filter before it renders — the FilterBar\n// analogue of JsonSchemaForm's PreExtension. Consumers compose these in array\n// order (each sees the prior's output) to stamp domain-specific touches such as\n// an entity `icon` keyed on the filter's name, keeping FilterBar domain-agnostic.\nexport type FilterExtension = (filter: FilterBarFilter) => FilterBarFilter;\n\n// applyFilterExtensions runs a filter through the composed extension stack.\nexport function applyFilterExtensions(\n  filter: FilterBarFilter,\n  extensions: FilterExtension[] | undefined,\n): FilterBarFilter {\n  if (!extensions || extensions.length === 0) return filter;\n  return extensions.reduce((current, ext) => ext(current), filter);\n}\n\n// dateRangeFilterProps strips the filter's identity off, leaving the range the\n// controls take. `key` in particular must not reach a component as a prop.\n//\n// It is also how a date-range filter is promoted out of the filter list into a\n// bar's trailing range slot, which is why it lives here rather than beside the\n// controls that spread it.\nexport function dateRangeFilterProps(\n  filter: FilterBarDateRangeFilter,\n): FilterBarRangeProps {\n  const {\n    key: _key,\n    kind: _kind,\n    label: _label,\n    icon: _icon,\n    description: _description,\n    ...range\n  } = filter;\n  return range;\n}\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  if (filter.kind === \"tristate\") {\n    filter.onChange(undefined);\n    return;\n  }\n\n  if (filter.kind === \"date-range\") {\n    filter.onApply(\"\", \"\");\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"date-range\") {\n    return (\n      String(filter.from ?? \"\").trim() !== \"\" ||\n      String(filter.to ?? \"\").trim() !== \"\"\n    );\n  }\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" ||\n      String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  // Unset is \"no filter\"; both true and false narrow the result set.\n  if (filter.kind === \"tristate\") return filter.value !== undefined;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":";;AAaO,SAAS,sBACd,QACA,YACiB;AACjB,MAAI,CAAC,cAAc,WAAW,WAAW,EAAG,QAAO;AACnD,SAAO,WAAW,OAAO,CAAC,SAAS,QAAQ,IAAI,OAAO,GAAG,MAAM;AACjE;AAQO,SAAS,qBACd,QACqB;AACrB,QAAM;AAAA,IACJ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACD;AACJ,SAAO;AACT;AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AAC1D,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,SAAS,MAAS;AACzB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,QAAQ,IAAI,EAAE;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,cAAc;AAChC,WACE,OAAO,OAAO,QAAQ,EAAE,EAAE,KAAA,MAAW,MACrC,OAAO,OAAO,MAAM,EAAE,EAAE,WAAW;AAAA,EAEvC;AACA,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AAC1D,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAC1C,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9C;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAE7C,MAAI,OAAO,SAAS,WAAY,QAAO,OAAO,UAAU;AACxD,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;;;;;"}

package/dist/components/filter-bar-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-utils.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAMrB,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,eAAe,KAAK,eAAe,CAAC;AAG3E,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,eAAe,EAAE,GAAG,SAAS,GACxC,eAAe,CAGjB;AAQD,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,wBAAwB,GAAG,mBAAmB,CAU1F;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,QAqC3D;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,eAAe,WAwB9D"}
+{"version":3,"file":"filter-bar-utils.d.ts","sourceRoot":"","sources":["../../src/components/filter-bar-utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,eAAe,EACf,mBAAmB,EACpB,MAAM,aAAa,CAAC;AAMrB,MAAM,MAAM,eAAe,GAAG,CAAC,MAAM,EAAE,eAAe,KAAK,eAAe,CAAC;AAG3E,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,eAAe,EAAE,GAAG,SAAS,GACxC,eAAe,CAGjB;AAQD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,wBAAwB,GAC/B,mBAAmB,CAUrB;AAED,wBAAgB,oBAAoB,CAAC,MAAM,EAAE,eAAe,QAqC3D;AAED,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,eAAe,WA4B9D"}

package/dist/components/filter-bar-utils.js

@@ -22,7 +22,7 @@ function clearFilterBarFilter(filter) {
     filter.onChange([]);
     return;
   }
-  if (filter.kind === "number") {
+  if (filter.kind === "number" || filter.kind === "duration") {
     filter.onChange({});
     return;
   }
@@ -50,7 +50,7 @@ function isFilterBarFilterActive(filter) {
   if (filter.kind === "lookup-multi" || filter.kind === "select-multi") {
     return filter.value.length > 0;
   }
-  if (filter.kind === "number") {
+  if (filter.kind === "number" || filter.kind === "duration") {
     return String(filter.value.min ?? "").trim() !== "" || String(filter.value.max ?? "").trim() !== "";
   }
   if (filter.kind === "boolean") return filter.value;

package/dist/components/filter-bar-utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"filter-bar-utils.js","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type {\n  FilterBarDateRangeFilter,\n  FilterBarFilter,\n  FilterBarRangeProps,\n} from \"./FilterBar\";\n\n// FilterExtension decorates a resolved filter before it renders — the FilterBar\n// analogue of JsonSchemaForm's PreExtension. Consumers compose these in array\n// order (each sees the prior's output) to stamp domain-specific touches such as\n// an entity `icon` keyed on the filter's name, keeping FilterBar domain-agnostic.\nexport type FilterExtension = (filter: FilterBarFilter) => FilterBarFilter;\n\n// applyFilterExtensions runs a filter through the composed extension stack.\nexport function applyFilterExtensions(\n  filter: FilterBarFilter,\n  extensions: FilterExtension[] | undefined,\n): FilterBarFilter {\n  if (!extensions || extensions.length === 0) return filter;\n  return extensions.reduce((current, ext) => ext(current), filter);\n}\n\n// dateRangeFilterProps strips the filter's identity off, leaving the range the\n// controls take. `key` in particular must not reach a component as a prop.\n//\n// It is also how a date-range filter is promoted out of the filter list into a\n// bar's trailing range slot, which is why it lives here rather than beside the\n// controls that spread it.\nexport function dateRangeFilterProps(filter: FilterBarDateRangeFilter): FilterBarRangeProps {\n  const {\n    key: _key,\n    kind: _kind,\n    label: _label,\n    icon: _icon,\n    description: _description,\n    ...range\n  } = filter;\n  return range;\n}\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  if (filter.kind === \"tristate\") {\n    filter.onChange(undefined);\n    return;\n  }\n\n  if (filter.kind === \"date-range\") {\n    filter.onApply(\"\", \"\");\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"date-range\") {\n    return String(filter.from ?? \"\").trim() !== \"\" || String(filter.to ?? \"\").trim() !== \"\";\n  }\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" || String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  // Unset is \"no filter\"; both true and false narrow the result set.\n  if (filter.kind === \"tristate\") return filter.value !== undefined;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":"AAaO,SAAS,sBACd,QACA,YACiB;AACjB,MAAI,CAAC,cAAc,WAAW,WAAW,EAAG,QAAO;AACnD,SAAO,WAAW,OAAO,CAAC,SAAS,QAAQ,IAAI,OAAO,GAAG,MAAM;AACjE;AAQO,SAAS,qBAAqB,QAAuD;AAC1F,QAAM;AAAA,IACJ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACD;AACJ,SAAO;AACT;AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,SAAS,MAAS;AACzB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,QAAQ,IAAI,EAAE;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,OAAO,OAAO,QAAQ,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,EAAE,EAAE,WAAW;AAAA,EACvF;AACA,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,UAAU;AAC5B,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAAM,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9F;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAE7C,MAAI,OAAO,SAAS,WAAY,QAAO,OAAO,UAAU;AACxD,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;"}
+{"version":3,"file":"filter-bar-utils.js","sources":["../../src/components/filter-bar-utils.ts"],"sourcesContent":["import type {\n  FilterBarDateRangeFilter,\n  FilterBarFilter,\n  FilterBarRangeProps,\n} from \"./FilterBar\";\n\n// FilterExtension decorates a resolved filter before it renders — the FilterBar\n// analogue of JsonSchemaForm's PreExtension. Consumers compose these in array\n// order (each sees the prior's output) to stamp domain-specific touches such as\n// an entity `icon` keyed on the filter's name, keeping FilterBar domain-agnostic.\nexport type FilterExtension = (filter: FilterBarFilter) => FilterBarFilter;\n\n// applyFilterExtensions runs a filter through the composed extension stack.\nexport function applyFilterExtensions(\n  filter: FilterBarFilter,\n  extensions: FilterExtension[] | undefined,\n): FilterBarFilter {\n  if (!extensions || extensions.length === 0) return filter;\n  return extensions.reduce((current, ext) => ext(current), filter);\n}\n\n// dateRangeFilterProps strips the filter's identity off, leaving the range the\n// controls take. `key` in particular must not reach a component as a prop.\n//\n// It is also how a date-range filter is promoted out of the filter list into a\n// bar's trailing range slot, which is why it lives here rather than beside the\n// controls that spread it.\nexport function dateRangeFilterProps(\n  filter: FilterBarDateRangeFilter,\n): FilterBarRangeProps {\n  const {\n    key: _key,\n    kind: _kind,\n    label: _label,\n    icon: _icon,\n    description: _description,\n    ...range\n  } = filter;\n  return range;\n}\n\nexport function clearFilterBarFilter(filter: FilterBarFilter) {\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    filter.onChange(\"\");\n    return;\n  }\n\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    filter.onChange([]);\n    return;\n  }\n\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    filter.onChange({});\n    return;\n  }\n\n  if (filter.kind === \"boolean\") {\n    filter.onChange(false);\n    return;\n  }\n\n  if (filter.kind === \"tristate\") {\n    filter.onChange(undefined);\n    return;\n  }\n\n  if (filter.kind === \"date-range\") {\n    filter.onApply(\"\", \"\");\n    return;\n  }\n\n  filter.onChange({});\n}\n\nexport function isFilterBarFilterActive(filter: FilterBarFilter) {\n  if (filter.kind === \"date-range\") {\n    return (\n      String(filter.from ?? \"\").trim() !== \"\" ||\n      String(filter.to ?? \"\").trim() !== \"\"\n    );\n  }\n  if (\n    filter.kind === \"text\" ||\n    filter.kind === \"lookup\" ||\n    filter.kind === \"workload\" ||\n    filter.kind === \"enum\"\n  ) {\n    return String(filter.value ?? \"\").trim() !== \"\";\n  }\n  if (filter.kind === \"lookup-multi\" || filter.kind === \"select-multi\") {\n    return filter.value.length > 0;\n  }\n  if (filter.kind === \"number\" || filter.kind === \"duration\") {\n    return (\n      String(filter.value.min ?? \"\").trim() !== \"\" ||\n      String(filter.value.max ?? \"\").trim() !== \"\"\n    );\n  }\n  if (filter.kind === \"boolean\") return filter.value;\n  // Unset is \"no filter\"; both true and false narrow the result set.\n  if (filter.kind === \"tristate\") return filter.value !== undefined;\n  return Object.keys(filter.value).length > 0;\n}\n"],"names":[],"mappings":"AAaO,SAAS,sBACd,QACA,YACiB;AACjB,MAAI,CAAC,cAAc,WAAW,WAAW,EAAG,QAAO;AACnD,SAAO,WAAW,OAAO,CAAC,SAAS,QAAQ,IAAI,OAAO,GAAG,MAAM;AACjE;AAQO,SAAS,qBACd,QACqB;AACrB,QAAM;AAAA,IACJ,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,aAAa;AAAA,IACb,GAAG;AAAA,EAAA,IACD;AACJ,SAAO;AACT;AAEO,SAAS,qBAAqB,QAAyB;AAC5D,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AAC1D,WAAO,SAAS,EAAE;AAClB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,WAAW;AAC7B,WAAO,SAAS,KAAK;AACrB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,YAAY;AAC9B,WAAO,SAAS,MAAS;AACzB;AAAA,EACF;AAEA,MAAI,OAAO,SAAS,cAAc;AAChC,WAAO,QAAQ,IAAI,EAAE;AACrB;AAAA,EACF;AAEA,SAAO,SAAS,EAAE;AACpB;AAEO,SAAS,wBAAwB,QAAyB;AAC/D,MAAI,OAAO,SAAS,cAAc;AAChC,WACE,OAAO,OAAO,QAAQ,EAAE,EAAE,KAAA,MAAW,MACrC,OAAO,OAAO,MAAM,EAAE,EAAE,WAAW;AAAA,EAEvC;AACA,MACE,OAAO,SAAS,UAChB,OAAO,SAAS,YAChB,OAAO,SAAS,cAChB,OAAO,SAAS,QAChB;AACA,WAAO,OAAO,OAAO,SAAS,EAAE,EAAE,WAAW;AAAA,EAC/C;AACA,MAAI,OAAO,SAAS,kBAAkB,OAAO,SAAS,gBAAgB;AACpE,WAAO,OAAO,MAAM,SAAS;AAAA,EAC/B;AACA,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;AAC1D,WACE,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,KAAA,MAAW,MAC1C,OAAO,OAAO,MAAM,OAAO,EAAE,EAAE,WAAW;AAAA,EAE9C;AACA,MAAI,OAAO,SAAS,UAAW,QAAO,OAAO;AAE7C,MAAI,OAAO,SAAS,WAAY,QAAO,OAAO,UAAU;AACxD,SAAO,OAAO,KAAK,OAAO,KAAK,EAAE,SAAS;AAC5C;"}

package/dist/components/jotai-bindings-core.cjs

@@ -8,7 +8,9 @@ function useAtomSubscriptions(atoms) {
   const uniqueAtoms = react.useMemo(() => Array.from(new Set(atoms)), [atoms]);
   react.useEffect(() => {
     if (uniqueAtoms.length === 0) return void 0;
-    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));
+    const unsubscribers = uniqueAtoms.map(
+      (atom) => store.sub(atom, forceRender)
+    );
     return () => {
       unsubscribers.forEach((unsubscribe) => unsubscribe());
     };
@@ -159,6 +161,17 @@ function bindJotaiFilter(store, filter) {
         }
       };
     }
+    case "duration": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
     case "enum": {
       const { atom, onChange, ...rest } = filter;
       return {

package/dist/components/jotai-bindings-core.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"jotai-bindings-core.cjs","sources":["../../src/components/jotai-bindings-core.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useStore, type WritableAtom } from \"jotai\";\nimport type {\n  FilterBarBooleanFilter,\n  FilterBarEnumFilter,\n  FilterBarFilter,\n  FilterBarLookupFilter,\n  FilterBarLookupMultiFilter,\n  FilterBarMultiFilter,\n  FilterBarNestedMultiFilter,\n  FilterBarNumberFilter,\n  FilterBarProps,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n  FilterBarSelectMultiFilter,\n  FilterBarTextFilter,\n  FilterBarWorkloadFilter,\n} from \"./FilterBar\";\nimport type { JsonSchemaFormProps } from \"./json-schema-form-types\";\n\nexport type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;\nexport type JotaiJsonSchemaFormAtom = JotaiWritableAtom<Record<string, unknown>>;\n\nexport type JotaiJsonSchemaFormProps = Omit<JsonSchemaFormProps, \"value\" | \"onChange\"> & {\n  atom: JotaiJsonSchemaFormAtom;\n  onChange?: JsonSchemaFormProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarSearchProps = Omit<FilterBarSearchProps, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<string>;\n  onChange?: FilterBarSearchProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarRangeValue = {\n  from?: string;\n  to?: string;\n};\n\nexport type JotaiFilterBarRangeProps = Omit<FilterBarRangeProps, \"from\" | \"to\" | \"onApply\"> & {\n  atom: JotaiWritableAtom<JotaiFilterBarRangeValue>;\n  onApply?: FilterBarRangeProps[\"onApply\"];\n};\n\n// Only a filter that holds a value can be backed by an atom. A date range\n// carries two edges it applies together, and is bound through\n// JotaiFilterBarRangeProps instead.\ntype ValuedFilterBarFilter = Extract<FilterBarFilter, { value: unknown }>;\n\ntype AtomizedFilter<TFilter extends ValuedFilterBarFilter> = Omit<TFilter, \"value\" | \"onChange\"> & {\n  atom: JotaiWritableAtom<TFilter[\"value\"]>;\n  onChange?: TFilter[\"onChange\"];\n};\n\nexport type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;\nexport type JotaiFilterBarWorkloadFilter = AtomizedFilter<FilterBarWorkloadFilter>;\nexport type JotaiFilterBarLookupFilter = AtomizedFilter<FilterBarLookupFilter>;\nexport type JotaiFilterBarLookupMultiFilter = AtomizedFilter<FilterBarLookupMultiFilter>;\nexport type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;\nexport type JotaiFilterBarNestedMultiFilter = AtomizedFilter<FilterBarNestedMultiFilter>;\nexport type JotaiFilterBarSelectMultiFilter = AtomizedFilter<FilterBarSelectMultiFilter>;\nexport type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;\nexport type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;\nexport type JotaiFilterBarBooleanFilter = AtomizedFilter<FilterBarBooleanFilter>;\n\nexport type JotaiFilterBarFilter =\n  | JotaiFilterBarTextFilter\n  | JotaiFilterBarWorkloadFilter\n  | JotaiFilterBarLookupFilter\n  | JotaiFilterBarLookupMultiFilter\n  | JotaiFilterBarMultiFilter\n  | JotaiFilterBarNestedMultiFilter\n  | JotaiFilterBarSelectMultiFilter\n  | JotaiFilterBarNumberFilter\n  | JotaiFilterBarEnumFilter\n  | JotaiFilterBarBooleanFilter;\n\nexport type JotaiFilterBarProps = Omit<\n  FilterBarProps,\n  \"search\" | \"filters\" | \"timeRange\" | \"dateRange\"\n> & {\n  search?: JotaiFilterBarSearchProps;\n  filters?: JotaiFilterBarFilter[];\n  timeRange?: JotaiFilterBarRangeProps;\n  dateRange?: JotaiFilterBarRangeProps;\n};\n\ntype AnyJotaiAtom = JotaiWritableAtom<unknown>;\n\nfunction useAtomSubscriptions(atoms: AnyJotaiAtom[]) {\n  const store = useStore();\n  const [, forceRender] = useReducer((count: number) => count + 1, 0);\n  const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);\n\n  useEffect(() => {\n    if (uniqueAtoms.length === 0) return undefined;\n    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));\n    return () => {\n      unsubscribers.forEach((unsubscribe) => unsubscribe());\n    };\n  }, [store, uniqueAtoms]);\n}\n\nfunction useAtomValueSetter<Value>(atom: JotaiWritableAtom<Value>) {\n  const store = useStore();\n  const value = store.get(atom);\n  const setValue = useCallback(\n    (next: Value) => {\n      store.set(atom, next);\n    },\n    [atom, store],\n  );\n  return [value, setValue] as const;\n}\n\nexport function useJotaiJsonSchemaFormProps(\n  atom: JotaiJsonSchemaFormAtom,\n  onChange?: JsonSchemaFormProps[\"onChange\"],\n): Pick<JsonSchemaFormProps, \"value\" | \"onChange\"> {\n  const atoms = useMemo(() => [atom as AnyJotaiAtom], [atom]);\n  useAtomSubscriptions(atoms);\n  const [value, setValue] = useAtomValueSetter(atom);\n\n  return useMemo(\n    () => ({\n      value,\n      onChange: (next: Record<string, unknown>) => {\n        setValue(next);\n        onChange?.(next);\n      },\n    }),\n    [onChange, setValue, value],\n  );\n}\n\nfunction useJotaiFilterBarAtoms({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n}: {\n  search?: JotaiFilterBarSearchProps | undefined;\n  filters?: JotaiFilterBarFilter[] | undefined;\n  timeRange?: JotaiFilterBarRangeProps | undefined;\n  dateRange?: JotaiFilterBarRangeProps | undefined;\n}) {\n  const atoms = useMemo(() => {\n    const next: AnyJotaiAtom[] = [];\n    if (search) next.push(search.atom as AnyJotaiAtom);\n    filters?.forEach((filter) => next.push(filter.atom as AnyJotaiAtom));\n    if (timeRange) next.push(timeRange.atom as AnyJotaiAtom);\n    if (dateRange) next.push(dateRange.atom as AnyJotaiAtom);\n    return next;\n  }, [dateRange, filters, search, timeRange]);\n  useAtomSubscriptions(atoms);\n}\n\nfunction useJotaiSearch(search: JotaiFilterBarSearchProps | undefined): FilterBarSearchProps | undefined {\n  const store = useStore();\n  if (!search) return undefined;\n  const { atom, onChange, ...rest } = search;\n  return {\n    ...rest,\n    value: store.get(atom),\n    onChange: (next: string) => {\n      store.set(atom, next);\n      onChange?.(next);\n    },\n  };\n}\n\nfunction useJotaiRange(range: JotaiFilterBarRangeProps | undefined): FilterBarRangeProps | undefined {\n  const store = useStore();\n  if (!range) return undefined;\n  const { atom, onApply, ...rest } = range;\n  const value = store.get(atom);\n  return {\n    ...rest,\n    ...(value.from !== undefined ? { from: value.from } : {}),\n    ...(value.to !== undefined ? { to: value.to } : {}),\n    onApply: (from: string, to: string) => {\n      store.set(atom, { from, to });\n      onApply?.(from, to);\n    },\n  };\n}\n\nfunction useJotaiFilters(filters: JotaiFilterBarFilter[] | undefined): FilterBarFilter[] | undefined {\n  const store = useStore();\n  if (!filters) return undefined;\n  return filters.map((filter) => bindJotaiFilter(store, filter));\n}\n\nfunction bindJotaiFilter(store: ReturnType<typeof useStore>, filter: JotaiFilterBarFilter): FilterBarFilter {\n  switch (filter.kind) {\n    case \"text\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"workload\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup-multi\":\n    case \"select-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string[]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"multi\":\n    case \"nested-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarMultiFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"number\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarNumberFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"enum\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"boolean\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: boolean) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n  }\n}\n\nexport function useJotaiFilterBarProps({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n  ...props\n}: JotaiFilterBarProps): FilterBarProps {\n  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });\n  const controlledSearch = useJotaiSearch(search);\n  const controlledFilters = useJotaiFilters(filters);\n  const controlledTimeRange = useJotaiRange(timeRange);\n  const controlledDateRange = useJotaiRange(dateRange);\n\n  return {\n    ...props,\n    ...(controlledSearch ? { search: controlledSearch } : {}),\n    ...(controlledFilters ? { filters: controlledFilters } : {}),\n    ...(controlledTimeRange ? { timeRange: controlledTimeRange } : {}),\n    ...(controlledDateRange ? { dateRange: controlledDateRange } : {}),\n  };\n}\n"],"names":["useStore","useReducer","useMemo","useEffect","useCallback"],"mappings":"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"}
+{"version":3,"file":"jotai-bindings-core.cjs","sources":["../../src/components/jotai-bindings-core.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport { useStore, type WritableAtom } from \"jotai\";\nimport type {\n  FilterBarBooleanFilter,\n  FilterBarDurationFilter,\n  FilterBarEnumFilter,\n  FilterBarFilter,\n  FilterBarLookupFilter,\n  FilterBarLookupMultiFilter,\n  FilterBarMultiFilter,\n  FilterBarNestedMultiFilter,\n  FilterBarNumberFilter,\n  FilterBarProps,\n  FilterBarRangeProps,\n  FilterBarSearchProps,\n  FilterBarSelectMultiFilter,\n  FilterBarTextFilter,\n  FilterBarWorkloadFilter,\n} from \"./FilterBar\";\nimport type { JsonSchemaFormProps } from \"./json-schema-form-types\";\n\nexport type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;\nexport type JotaiJsonSchemaFormAtom = JotaiWritableAtom<\n  Record<string, unknown>\n>;\n\nexport type JotaiJsonSchemaFormProps = Omit<\n  JsonSchemaFormProps,\n  \"value\" | \"onChange\"\n> & {\n  atom: JotaiJsonSchemaFormAtom;\n  onChange?: JsonSchemaFormProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarSearchProps = Omit<\n  FilterBarSearchProps,\n  \"value\" | \"onChange\"\n> & {\n  atom: JotaiWritableAtom<string>;\n  onChange?: FilterBarSearchProps[\"onChange\"];\n};\n\nexport type JotaiFilterBarRangeValue = {\n  from?: string;\n  to?: string;\n};\n\nexport type JotaiFilterBarRangeProps = Omit<\n  FilterBarRangeProps,\n  \"from\" | \"to\" | \"onApply\"\n> & {\n  atom: JotaiWritableAtom<JotaiFilterBarRangeValue>;\n  onApply?: FilterBarRangeProps[\"onApply\"];\n};\n\n// Only a filter that holds a value can be backed by an atom. A date range\n// carries two edges it applies together, and is bound through\n// JotaiFilterBarRangeProps instead.\ntype ValuedFilterBarFilter = Extract<FilterBarFilter, { value: unknown }>;\n\ntype AtomizedFilter<TFilter extends ValuedFilterBarFilter> = Omit<\n  TFilter,\n  \"value\" | \"onChange\"\n> & {\n  atom: JotaiWritableAtom<TFilter[\"value\"]>;\n  onChange?: TFilter[\"onChange\"];\n};\n\nexport type JotaiFilterBarTextFilter = AtomizedFilter<FilterBarTextFilter>;\nexport type JotaiFilterBarWorkloadFilter =\n  AtomizedFilter<FilterBarWorkloadFilter>;\nexport type JotaiFilterBarLookupFilter = AtomizedFilter<FilterBarLookupFilter>;\nexport type JotaiFilterBarLookupMultiFilter =\n  AtomizedFilter<FilterBarLookupMultiFilter>;\nexport type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;\nexport type JotaiFilterBarNestedMultiFilter =\n  AtomizedFilter<FilterBarNestedMultiFilter>;\nexport type JotaiFilterBarSelectMultiFilter =\n  AtomizedFilter<FilterBarSelectMultiFilter>;\nexport type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;\nexport type JotaiFilterBarDurationFilter =\n  AtomizedFilter<FilterBarDurationFilter>;\nexport type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;\nexport type JotaiFilterBarBooleanFilter =\n  AtomizedFilter<FilterBarBooleanFilter>;\n\nexport type JotaiFilterBarFilter =\n  | JotaiFilterBarTextFilter\n  | JotaiFilterBarWorkloadFilter\n  | JotaiFilterBarLookupFilter\n  | JotaiFilterBarLookupMultiFilter\n  | JotaiFilterBarMultiFilter\n  | JotaiFilterBarNestedMultiFilter\n  | JotaiFilterBarSelectMultiFilter\n  | JotaiFilterBarNumberFilter\n  | JotaiFilterBarDurationFilter\n  | JotaiFilterBarEnumFilter\n  | JotaiFilterBarBooleanFilter;\n\nexport type JotaiFilterBarProps = Omit<\n  FilterBarProps,\n  \"search\" | \"filters\" | \"timeRange\" | \"dateRange\"\n> & {\n  search?: JotaiFilterBarSearchProps;\n  filters?: JotaiFilterBarFilter[];\n  timeRange?: JotaiFilterBarRangeProps;\n  dateRange?: JotaiFilterBarRangeProps;\n};\n\ntype AnyJotaiAtom = JotaiWritableAtom<unknown>;\n\nfunction useAtomSubscriptions(atoms: AnyJotaiAtom[]) {\n  const store = useStore();\n  const [, forceRender] = useReducer((count: number) => count + 1, 0);\n  const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);\n\n  useEffect(() => {\n    if (uniqueAtoms.length === 0) return undefined;\n    const unsubscribers = uniqueAtoms.map((atom) =>\n      store.sub(atom, forceRender),\n    );\n    return () => {\n      unsubscribers.forEach((unsubscribe) => unsubscribe());\n    };\n  }, [store, uniqueAtoms]);\n}\n\nfunction useAtomValueSetter<Value>(atom: JotaiWritableAtom<Value>) {\n  const store = useStore();\n  const value = store.get(atom);\n  const setValue = useCallback(\n    (next: Value) => {\n      store.set(atom, next);\n    },\n    [atom, store],\n  );\n  return [value, setValue] as const;\n}\n\nexport function useJotaiJsonSchemaFormProps(\n  atom: JotaiJsonSchemaFormAtom,\n  onChange?: JsonSchemaFormProps[\"onChange\"],\n): Pick<JsonSchemaFormProps, \"value\" | \"onChange\"> {\n  const atoms = useMemo(() => [atom as AnyJotaiAtom], [atom]);\n  useAtomSubscriptions(atoms);\n  const [value, setValue] = useAtomValueSetter(atom);\n\n  return useMemo(\n    () => ({\n      value,\n      onChange: (next: Record<string, unknown>) => {\n        setValue(next);\n        onChange?.(next);\n      },\n    }),\n    [onChange, setValue, value],\n  );\n}\n\nfunction useJotaiFilterBarAtoms({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n}: {\n  search?: JotaiFilterBarSearchProps | undefined;\n  filters?: JotaiFilterBarFilter[] | undefined;\n  timeRange?: JotaiFilterBarRangeProps | undefined;\n  dateRange?: JotaiFilterBarRangeProps | undefined;\n}) {\n  const atoms = useMemo(() => {\n    const next: AnyJotaiAtom[] = [];\n    if (search) next.push(search.atom as AnyJotaiAtom);\n    filters?.forEach((filter) => next.push(filter.atom as AnyJotaiAtom));\n    if (timeRange) next.push(timeRange.atom as AnyJotaiAtom);\n    if (dateRange) next.push(dateRange.atom as AnyJotaiAtom);\n    return next;\n  }, [dateRange, filters, search, timeRange]);\n  useAtomSubscriptions(atoms);\n}\n\nfunction useJotaiSearch(\n  search: JotaiFilterBarSearchProps | undefined,\n): FilterBarSearchProps | undefined {\n  const store = useStore();\n  if (!search) return undefined;\n  const { atom, onChange, ...rest } = search;\n  return {\n    ...rest,\n    value: store.get(atom),\n    onChange: (next: string) => {\n      store.set(atom, next);\n      onChange?.(next);\n    },\n  };\n}\n\nfunction useJotaiRange(\n  range: JotaiFilterBarRangeProps | undefined,\n): FilterBarRangeProps | undefined {\n  const store = useStore();\n  if (!range) return undefined;\n  const { atom, onApply, ...rest } = range;\n  const value = store.get(atom);\n  return {\n    ...rest,\n    ...(value.from !== undefined ? { from: value.from } : {}),\n    ...(value.to !== undefined ? { to: value.to } : {}),\n    onApply: (from: string, to: string) => {\n      store.set(atom, { from, to });\n      onApply?.(from, to);\n    },\n  };\n}\n\nfunction useJotaiFilters(\n  filters: JotaiFilterBarFilter[] | undefined,\n): FilterBarFilter[] | undefined {\n  const store = useStore();\n  if (!filters) return undefined;\n  return filters.map((filter) => bindJotaiFilter(store, filter));\n}\n\nfunction bindJotaiFilter(\n  store: ReturnType<typeof useStore>,\n  filter: JotaiFilterBarFilter,\n): FilterBarFilter {\n  switch (filter.kind) {\n    case \"text\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"workload\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"lookup-multi\":\n    case \"select-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string[]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"multi\":\n    case \"nested-multi\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarMultiFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      } as FilterBarFilter;\n    }\n    case \"number\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarNumberFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"duration\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: FilterBarDurationFilter[\"value\"]) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"enum\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: string) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n    case \"boolean\": {\n      const { atom, onChange, ...rest } = filter;\n      return {\n        ...rest,\n        value: store.get(atom),\n        onChange: (next: boolean) => {\n          store.set(atom, next);\n          onChange?.(next);\n        },\n      };\n    }\n  }\n}\n\nexport function useJotaiFilterBarProps({\n  search,\n  filters,\n  timeRange,\n  dateRange,\n  ...props\n}: JotaiFilterBarProps): FilterBarProps {\n  useJotaiFilterBarAtoms({ search, filters, timeRange, dateRange });\n  const controlledSearch = useJotaiSearch(search);\n  const controlledFilters = useJotaiFilters(filters);\n  const controlledTimeRange = useJotaiRange(timeRange);\n  const controlledDateRange = useJotaiRange(dateRange);\n\n  return {\n    ...props,\n    ...(controlledSearch ? { search: controlledSearch } : {}),\n    ...(controlledFilters ? { filters: controlledFilters } : {}),\n    ...(controlledTimeRange ? { timeRange: controlledTimeRange } : {}),\n    ...(controlledDateRange ? { dateRange: controlledDateRange } : {}),\n  };\n}\n"],"names":["useStore","useReducer","useMemo","useEffect","useCallback"],"mappings":"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"}

package/dist/components/jotai-bindings-core.d.ts

@@ -1,5 +1,5 @@
 import { WritableAtom } from 'jotai';
-import { FilterBarBooleanFilter, FilterBarEnumFilter, FilterBarFilter, FilterBarLookupFilter, FilterBarLookupMultiFilter, FilterBarMultiFilter, FilterBarNestedMultiFilter, FilterBarNumberFilter, FilterBarProps, FilterBarRangeProps, FilterBarSearchProps, FilterBarSelectMultiFilter, FilterBarTextFilter, FilterBarWorkloadFilter } from './FilterBar';
+import { FilterBarBooleanFilter, FilterBarDurationFilter, FilterBarEnumFilter, FilterBarFilter, FilterBarLookupFilter, FilterBarLookupMultiFilter, FilterBarMultiFilter, FilterBarNestedMultiFilter, FilterBarNumberFilter, FilterBarProps, FilterBarRangeProps, FilterBarSearchProps, FilterBarSelectMultiFilter, FilterBarTextFilter, FilterBarWorkloadFilter } from './FilterBar';
 import { JsonSchemaFormProps } from './json-schema-form-types';
 export type JotaiWritableAtom<Value> = WritableAtom<Value, [Value], unknown>;
 export type JotaiJsonSchemaFormAtom = JotaiWritableAtom<Record<string, unknown>>;
@@ -34,9 +34,10 @@ export type JotaiFilterBarMultiFilter = AtomizedFilter<FilterBarMultiFilter>;
 export type JotaiFilterBarNestedMultiFilter = AtomizedFilter<FilterBarNestedMultiFilter>;
 export type JotaiFilterBarSelectMultiFilter = AtomizedFilter<FilterBarSelectMultiFilter>;
 export type JotaiFilterBarNumberFilter = AtomizedFilter<FilterBarNumberFilter>;
+export type JotaiFilterBarDurationFilter = AtomizedFilter<FilterBarDurationFilter>;
 export type JotaiFilterBarEnumFilter = AtomizedFilter<FilterBarEnumFilter>;
 export type JotaiFilterBarBooleanFilter = AtomizedFilter<FilterBarBooleanFilter>;
-export type JotaiFilterBarFilter = JotaiFilterBarTextFilter | JotaiFilterBarWorkloadFilter | JotaiFilterBarLookupFilter | JotaiFilterBarLookupMultiFilter | JotaiFilterBarMultiFilter | JotaiFilterBarNestedMultiFilter | JotaiFilterBarSelectMultiFilter | JotaiFilterBarNumberFilter | JotaiFilterBarEnumFilter | JotaiFilterBarBooleanFilter;
+export type JotaiFilterBarFilter = JotaiFilterBarTextFilter | JotaiFilterBarWorkloadFilter | JotaiFilterBarLookupFilter | JotaiFilterBarLookupMultiFilter | JotaiFilterBarMultiFilter | JotaiFilterBarNestedMultiFilter | JotaiFilterBarSelectMultiFilter | JotaiFilterBarNumberFilter | JotaiFilterBarDurationFilter | JotaiFilterBarEnumFilter | JotaiFilterBarBooleanFilter;
 export type JotaiFilterBarProps = Omit<FilterBarProps, "search" | "filters" | "timeRange" | "dateRange"> & {
     search?: JotaiFilterBarSearchProps;
     filters?: JotaiFilterBarFilter[];

package/dist/components/jotai-bindings-core.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jotai-bindings-core.d.ts","sourceRoot":"","sources":["../../src/components/jotai-bindings-core.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"jotai-bindings-core.d.ts","sourceRoot":"","sources":["../../src/components/jotai-bindings-core.ts"],"names":[],"mappings":"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"}

package/dist/components/jotai-bindings-core.js

@@ -6,7 +6,9 @@ function useAtomSubscriptions(atoms) {
   const uniqueAtoms = useMemo(() => Array.from(new Set(atoms)), [atoms]);
   useEffect(() => {
     if (uniqueAtoms.length === 0) return void 0;
-    const unsubscribers = uniqueAtoms.map((atom) => store.sub(atom, forceRender));
+    const unsubscribers = uniqueAtoms.map(
+      (atom) => store.sub(atom, forceRender)
+    );
     return () => {
       unsubscribers.forEach((unsubscribe) => unsubscribe());
     };
@@ -157,6 +159,17 @@ function bindJotaiFilter(store, filter) {
         }
       };
     }
+    case "duration": {
+      const { atom, onChange, ...rest } = filter;
+      return {
+        ...rest,
+        value: store.get(atom),
+        onChange: (next) => {
+          store.set(atom, next);
+          onChange == null ? void 0 : onChange(next);
+        }
+      };
+    }
     case "enum": {
       const { atom, onChange, ...rest } = filter;
       return {