themelia-react-ui 2.0.5 → 3.0.0

package/dist/features/suggestions.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestions.js","names":["ErrorState","useDebouncedCallback","Combobox","wait","signal","timer","handleAbort","resolve","ms","isAbortError","error","useSuggestions","controlledQuery","controlledValue","controlledOpen","config","items","setItems","useState","internalQuery","setInternalQuery","defaultQuery","internalValue","setInternalValue","defaultValue","internalOpen","setInternalOpen","defaultOpen","isLoading","setIsLoading","setError","reloadTick","setReloadTick","fetchDataRef","useRef","fetchData","onErrorRef","onError","query","value","open","setQuery","useCallback","nextQuery","onQueryChange","setValue","nextValue","onValueChange","setOpen","nextOpen","onOpenChange","retry","current","runFetch","delayBeforeRequest","result","debounceMs","useEffect","controller","minQueryLength","preload","requestDelay","defaultSuggestionsStrings","SuggestionsCombobox","stringsProp","props","strings","useStrings","comboboxStrings","useMemo","errorNode","isError","renderError","cn","className","itemText","itemKey","item","allowClear","isOpen","clearInputOnClose"],"sources":["../../src/components/features/suggestions/hooks/use-suggestions.ts","../../src/components/features/suggestions/suggestions.strings.ts","../../src/components/features/suggestions/suggestions.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS, useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\n\nimport type {\n\tUseSuggestionsConfig,\n\tUseSuggestionsResult,\n} from '../suggestions.types';\n\nconst wait = (ms: number, signal: AbortSignal): Promise<void> =>\n\tnew Promise((resolve) => {\n\t\tif (signal.aborted) {\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsignal.removeEventListener('abort', handleAbort);\n\t\t\tresolve();\n\t\t}, ms);\n\t\tconst handleAbort = () => {\n\t\t\tclearTimeout(timer);\n\t\t\tresolve();\n\t\t};\n\t\tsignal.addEventListener('abort', handleAbort, { once: true });\n\t});\n\nfunction isAbortError(error: unknown): boolean {\n\treturn Boolean(error && (error as { name?: string }).name === 'AbortError');\n}\n\n/**\n * Headless data-fetching state machine for the suggestions feature.\n *\n * Returns the search/selection/open state plus the latest items + loading flag.\n * Consumers that want a different visual layer can build their own UI on top\n * of this hook without touching `<SuggestionsCombobox>`.\n */\nexport function useSuggestions<T>(\n\tconfig: UseSuggestionsConfig<T>,\n): UseSuggestionsResult<T> {\n\tconst {\n\t\tfetchData,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery = '',\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue = null,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tonError,\n\t} = config;\n\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery);\n\tconst [internalValue, setInternalValue] = useState<T | null>(defaultValue);\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst [error, setError] = useState<unknown | null>(null);\n\tconst [reloadTick, setReloadTick] = useState(0);\n\tconst fetchDataRef = useRef(fetchData);\n\tconst onErrorRef = useRef(onError);\n\n\tfetchDataRef.current = fetchData;\n\tonErrorRef.current = onError;\n\n\tconst query = controlledQuery ?? internalQuery;\n\tconst value = controlledValue !== undefined ? controlledValue : internalValue;\n\tconst open = controlledOpen ?? internalOpen;\n\n\tconst setQuery = useCallback((nextQuery: string) => {\n\t\tif (controlledQuery === undefined) {\n\t\t\tsetInternalQuery(nextQuery);\n\t\t}\n\t\tonQueryChange?.(nextQuery);\n\t}, [controlledQuery, onQueryChange]);\n\n\tconst setValue = useCallback((nextValue: T | null) => {\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(nextValue);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t}, [controlledValue, onValueChange]);\n\n\tconst setOpen = useCallback((nextOpen: boolean) => {\n\t\tif (controlledOpen === undefined) {\n\t\t\tsetInternalOpen(nextOpen);\n\t\t}\n\t\tonOpenChange?.(nextOpen);\n\t}, [controlledOpen, onOpenChange]);\n\n\tconst retry = useCallback(() => {\n\t\tsetReloadTick((current) => current + 1);\n\t}, []);\n\n\tconst runFetch = useDebouncedCallback(\n\t\t(\n\t\t\tnextQuery: string,\n\t\t\tdelayBeforeRequest: number,\n\t\t\tsignal: AbortSignal,\n\t\t) => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tsetError(null);\n\t\t\t\ttry {\n\t\t\t\t\tif (delayBeforeRequest > 0) {\n\t\t\t\t\t\tawait wait(delayBeforeRequest, signal);\n\t\t\t\t\t}\n\t\t\t\t\tif (signal.aborted) return;\n\n\t\t\t\t\tconst result = await fetchDataRef.current(nextQuery, { signal });\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetItems(Array.isArray(result) ? result : []);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (!signal.aborted && !isAbortError(error)) {\n\t\t\t\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\t\t\t\tsetError(error);\n\t\t\t\t\t\tonErrorRef.current?.(error, nextQuery);\n\t\t\t\t\t}\n\t\t\t\t} finally {\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\tconst shouldQuery =\n\t\t\tquery.length >= minQueryLength ||\n\t\t\t(preload && query.length === 0);\n\n\t\tif (!shouldQuery) {\n\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\tsetError(null);\n\t\t\tsetIsLoading(false);\n\t\t\treturn () => controller.abort();\n\t\t}\n\n\t\trunFetch(query, requestDelay, controller.signal);\n\n\t\treturn () => {\n\t\t\trunFetch.cancel();\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [\n\t\tminQueryLength,\n\t\tpreload,\n\t\tquery,\n\t\treloadTick,\n\t\trequestDelay,\n\t\trunFetch,\n\t]);\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\terror,\n\t\tisError: error !== null,\n\t\tretry,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t};\n}\n","/**\n * Default user-facing strings for `<SuggestionsCombobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SuggestionsCombobox strings={{ emptyMessage: t('search.empty') }} … />\n */\n\nexport interface SuggestionsStrings {\n\tplaceholder: string;\n\temptyMessage: string;\n\tloadingMessage: string;\n\tstartTypingMessage: string;\n\terrorMessage: string;\n\tretry: string;\n}\n\nexport const defaultSuggestionsStrings: SuggestionsStrings = {\n\tplaceholder: 'Search...',\n\temptyMessage: 'No results found.',\n\tloadingMessage: 'Searching...',\n\tstartTypingMessage: 'Type to search.',\n\terrorMessage: 'Failed to load suggestions.',\n\tretry: 'Retry',\n};\n","import { useMemo } from 'react';\n\nimport { Combobox } from '../combobox';\nimport { ErrorState } from '../../base/feedback';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { useSuggestions } from './hooks';\nimport { defaultSuggestionsStrings } from './suggestions.strings';\nimport type { SuggestionsComboboxProps } from './suggestions.types';\n\nexport function SuggestionsCombobox<T>(props: SuggestionsComboboxProps<T>) {\n\tconst {\n\t\tfetchData,\n\t\titemKey,\n\t\titemText,\n\t\tonValueChange,\n\t\trenderItem,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = 250,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tallowClear = true,\n\t\tclearInputOnClose = false,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tdisabled = false,\n\t\tclassName,\n\t\tonError,\n\t\trenderError,\n\t\tstrings: stringsProp,\n\t} = props;\n\n\tconst strings = useStrings(defaultSuggestionsStrings, stringsProp);\n\n\tconst {\n\t\titems,\n\t\tisLoading,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t\terror,\n\t\tisError,\n\t\tretry,\n\t} = useSuggestions<T>({\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tdebounceMs,\n\t\trequestDelay,\n\t\tpreload,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tonError,\n\t});\n\n\tconst comboboxStrings = useMemo(\n\t\t() => ({\n\t\t\tplaceholder: strings.placeholder,\n\t\t\tnoResults: strings.emptyMessage,\n\t\t\tsearching: strings.loadingMessage,\n\t\t\ttypeToSearch: strings.startTypingMessage,\n\t\t}),\n\t\t[strings],\n\t);\n\n\tconst errorNode = isError && error !== null\n\t\t? renderError?.({ error, query, retry }) ?? (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={strings.errorMessage}\n\t\t\t\tonRetry={retry}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"suggestions-combobox--error\"\n\t\t\t/>\n\t\t)\n\t\t: null;\n\n\treturn (\n\t\t<div className={cn('suggestions--component suggestions-combobox--component', className)}>\n\t\t\t<Combobox<T>\n\t\t\t\tclassName=\"suggestions-combobox--control\"\n\t\t\t\titems={items}\n\t\t\t\tsearchValue={query}\n\t\t\t\tonSearchValueChange={setQuery}\n\t\t\t\tselectedValue={value}\n\t\t\t\tonSelectedValueChange={setValue}\n\t\t\t\tgetItemLabel={itemText}\n\t\t\t\tgetItemKey={(item) => String(itemKey(item))}\n\t\t\t\trenderItem={renderItem}\n\t\t\t\tminSearchLength={minQueryLength}\n\t\t\t\tloading={isLoading}\n\t\t\t\tstrings={comboboxStrings}\n\t\t\t\tclearable={allowClear}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={(isOpen) => {\n\t\t\t\t\tsetOpen(isOpen);\n\t\t\t\t\tif (!isOpen && clearInputOnClose) {\n\t\t\t\t\t\tsetQuery('');\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n\t\t\t{errorNode}\n\t\t</div>\n\t);\n}\n\nSuggestionsCombobox.displayName = 'SuggestionsCombobox';\n"],"mappings":"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"}
+{"version":3,"file":"suggestions.js","names":["ErrorState","useDebouncedCallback","defaultComboboxStrings","wait","signal","timer","handleAbort","resolve","ms","isAbortError","error","useSuggestions","controlledQuery","controlledValue","controlledOpen","config","items","setItems","useState","internalQuery","setInternalQuery","defaultQuery","internalValue","setInternalValue","defaultValue","internalOpen","setInternalOpen","defaultOpen","isLoading","setIsLoading","setError","reloadTick","setReloadTick","fetchDataRef","useRef","fetchData","onErrorRef","onError","query","value","open","setQuery","useCallback","nextQuery","onQueryChange","setValue","nextValue","onValueChange","setOpen","nextOpen","onOpenChange","retry","current","runFetch","delayBeforeRequest","result","debounceMs","useEffect","controller","typedLength","minQueryLength","preload","requestDelay","defaultSuggestionsStrings","SuggestionsCombobox","stringsProp","props","strings","useStrings","inputRef","comboboxStrings","useMemo","retryQuery","errorNode","isError","renderError","cn","className","ComboboxWithListControl","itemText","itemKey","item","allowClear","clearInputOnClose"],"sources":["../../src/components/features/suggestions/hooks/use-suggestions.ts","../../src/components/features/suggestions/suggestions.strings.ts","../../src/components/features/suggestions/suggestions.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS, useDebouncedCallback } from '../../../../hooks/use-debounced-callback';\n\nimport type {\n\tUseSuggestionsConfig,\n\tUseSuggestionsResult,\n} from '../suggestions.types';\n\nconst wait = (ms: number, signal: AbortSignal): Promise<void> =>\n\tnew Promise((resolve) => {\n\t\tif (signal.aborted) {\n\t\t\tresolve();\n\t\t\treturn;\n\t\t}\n\n\t\tconst timer = setTimeout(() => {\n\t\t\tsignal.removeEventListener('abort', handleAbort);\n\t\t\tresolve();\n\t\t}, ms);\n\t\tconst handleAbort = () => {\n\t\t\tclearTimeout(timer);\n\t\t\tresolve();\n\t\t};\n\t\tsignal.addEventListener('abort', handleAbort, { once: true });\n\t});\n\nfunction isAbortError(error: unknown): boolean {\n\treturn Boolean(error && (error as { name?: string }).name === 'AbortError');\n}\n\n/**\n * Headless data-fetching state machine for the suggestions feature.\n *\n * Returns the search/selection/open state plus the latest items + loading flag.\n * Consumers that want a different visual layer can build their own UI on top\n * of this hook without touching `<SuggestionsCombobox>`.\n */\nexport function useSuggestions<T>(\n\tconfig: UseSuggestionsConfig<T>,\n): UseSuggestionsResult<T> {\n\tconst {\n\t\tfetchData,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery = '',\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue = null,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen = false,\n\t\tonOpenChange,\n\t\tonError,\n\t} = config;\n\n\tconst [items, setItems] = useState<T[]>([]);\n\tconst [internalQuery, setInternalQuery] = useState(defaultQuery);\n\tconst [internalValue, setInternalValue] = useState<T | null>(defaultValue);\n\tconst [internalOpen, setInternalOpen] = useState(defaultOpen);\n\tconst [isLoading, setIsLoading] = useState<boolean>(false);\n\tconst [error, setError] = useState<unknown | null>(null);\n\tconst [reloadTick, setReloadTick] = useState(0);\n\tconst fetchDataRef = useRef(fetchData);\n\tconst onErrorRef = useRef(onError);\n\n\tfetchDataRef.current = fetchData;\n\tonErrorRef.current = onError;\n\n\tconst query = controlledQuery ?? internalQuery;\n\tconst value = controlledValue !== undefined ? controlledValue : internalValue;\n\tconst open = controlledOpen ?? internalOpen;\n\n\tconst setQuery = useCallback((nextQuery: string) => {\n\t\tif (controlledQuery === undefined) {\n\t\t\tsetInternalQuery(nextQuery);\n\t\t}\n\t\tonQueryChange?.(nextQuery);\n\t}, [controlledQuery, onQueryChange]);\n\n\tconst setValue = useCallback((nextValue: T | null) => {\n\t\tif (controlledValue === undefined) {\n\t\t\tsetInternalValue(nextValue);\n\t\t}\n\t\tonValueChange?.(nextValue);\n\t}, [controlledValue, onValueChange]);\n\n\tconst setOpen = useCallback((nextOpen: boolean) => {\n\t\tif (controlledOpen === undefined) {\n\t\t\tsetInternalOpen(nextOpen);\n\t\t}\n\t\tonOpenChange?.(nextOpen);\n\t}, [controlledOpen, onOpenChange]);\n\n\tconst retry = useCallback(() => {\n\t\tsetReloadTick((current) => current + 1);\n\t}, []);\n\n\tconst runFetch = useDebouncedCallback(\n\t\t(\n\t\t\tnextQuery: string,\n\t\t\tdelayBeforeRequest: number,\n\t\t\tsignal: AbortSignal,\n\t\t) => {\n\t\t\tvoid (async () => {\n\t\t\t\tsetIsLoading(true);\n\t\t\t\tsetError(null);\n\t\t\t\ttry {\n\t\t\t\t\tif (delayBeforeRequest > 0) {\n\t\t\t\t\t\tawait wait(delayBeforeRequest, signal);\n\t\t\t\t\t}\n\t\t\t\t\tif (signal.aborted) return;\n\n\t\t\t\t\tconst result = await fetchDataRef.current(nextQuery, { signal });\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetItems(Array.isArray(result) ? result : []);\n\t\t\t\t\t}\n\t\t\t\t} catch (error) {\n\t\t\t\t\tif (!signal.aborted && !isAbortError(error)) {\n\t\t\t\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\t\t\t\tsetError(error);\n\t\t\t\t\t\tonErrorRef.current?.(error, nextQuery);\n\t\t\t\t\t}\n\t\t\t\t} finally {\n\t\t\t\t\tif (!signal.aborted) {\n\t\t\t\t\t\tsetIsLoading(false);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})();\n\t\t},\n\t\tdebounceMs,\n\t);\n\n\tuseEffect(() => {\n\t\tconst controller = new AbortController();\n\n\t\t// The threshold counts what the user actually typed. A run of spaces is\n\t\t// the empty query: it is requested only where the empty query would be.\n\t\tconst typedLength = query.trim().length;\n\t\tconst shouldQuery = typedLength > 0\n\t\t\t? typedLength >= minQueryLength\n\t\t\t: preload || minQueryLength === 0;\n\n\t\tif (!shouldQuery) {\n\t\t\tsetItems((current) => (current.length === 0 ? current : []));\n\t\t\tsetError(null);\n\t\t\tsetIsLoading(false);\n\t\t\treturn () => controller.abort();\n\t\t}\n\n\t\t// Pending from the moment the query changes, not from when the debounced\n\t\t// request starts, so stale items are not offered in between.\n\t\tsetIsLoading(true);\n\t\tsetError(null);\n\t\trunFetch(typedLength === 0 ? '' : query, requestDelay, controller.signal);\n\n\t\treturn () => {\n\t\t\trunFetch.cancel();\n\t\t\tcontroller.abort();\n\t\t};\n\t}, [\n\t\tminQueryLength,\n\t\tpreload,\n\t\tquery,\n\t\treloadTick,\n\t\trequestDelay,\n\t\trunFetch,\n\t]);\n\n\treturn {\n\t\titems,\n\t\tisLoading,\n\t\terror,\n\t\tisError: error !== null,\n\t\tretry,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t};\n}\n","/**\n * Default user-facing strings for `<SuggestionsCombobox>`.\n *\n * Consumers wire backend i18n at the call site:\n *\n *   <SuggestionsCombobox strings={{ emptyMessage: t('search.empty') }} … />\n */\n\nimport { defaultComboboxStrings } from '../combobox';\n\nexport interface SuggestionsStrings {\n\tplaceholder: string;\n\temptyMessage: string;\n\tloadingMessage: string;\n\tstartTypingMessage: string;\n\terrorMessage: string;\n\tretry: string;\n\t/**\n\t * Hint shown while the query is shorter than `minQueryLength`. `{remaining}`\n\t * is replaced by the number of characters still needed and `{s}` by an\n\t * English plural suffix; use `formatTypeMore` for other plural rules.\n\t */\n\ttypeMoreMessage?: string;\n\t/** Builds the remaining-characters hint from the count. Wins over `typeMoreMessage`. */\n\tformatTypeMore?: (remaining: number) => string;\n\t/** Accessible name of the control that clears the selection. */\n\tclear?: string;\n\t/** Accessible name of the control that opens the list. */\n\ttoggle?: string;\n\t/** Accessible name of the screen-reader dismissal controls inside the list. */\n\tdismiss?: string;\n}\n\nexport const defaultSuggestionsStrings: SuggestionsStrings = {\n\tplaceholder: 'Search...',\n\temptyMessage: 'No results found.',\n\tloadingMessage: 'Searching...',\n\tstartTypingMessage: 'Type to search.',\n\terrorMessage: 'Failed to load suggestions.',\n\tretry: 'Retry',\n\ttypeMoreMessage: defaultComboboxStrings.typeMore,\n\tclear: defaultComboboxStrings.clear,\n\ttoggle: defaultComboboxStrings.toggle,\n\tdismiss: defaultComboboxStrings.dismiss,\n};\n","import { useCallback, useMemo, useRef } from 'react';\n\nimport { DEFAULT_DEBOUNCE_MS } from '../../../hooks/use-debounced-callback';\n\nimport { ComboboxWithListControl } from '../combobox/combobox';\nimport { ErrorState } from '../../base/feedback';\nimport { useStrings } from '../../../lib/strings';\nimport { cn } from '../../../lib/utils';\n\nimport { useSuggestions } from './hooks';\nimport { defaultSuggestionsStrings } from './suggestions.strings';\nimport type { SuggestionsComboboxProps } from './suggestions.types';\n\nexport function SuggestionsCombobox<T>(props: SuggestionsComboboxProps<T>) {\n\tconst {\n\t\tfetchData,\n\t\titemKey,\n\t\titemText,\n\t\tonValueChange,\n\t\trenderItem,\n\t\tminQueryLength = 1,\n\t\tdebounceMs = DEFAULT_DEBOUNCE_MS,\n\t\trequestDelay = 0,\n\t\tpreload = false,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tallowClear = true,\n\t\tclearInputOnClose = false,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tdisabled = false,\n\t\tclassName,\n\t\tonError,\n\t\trenderError,\n\t\tstrings: stringsProp,\n\t} = props;\n\n\tconst strings = useStrings(defaultSuggestionsStrings, stringsProp);\n\tconst inputRef = useRef<HTMLInputElement>(null);\n\n\tconst {\n\t\titems,\n\t\tisLoading,\n\t\tquery,\n\t\tsetQuery,\n\t\tvalue,\n\t\tsetValue,\n\t\topen,\n\t\tsetOpen,\n\t\terror,\n\t\tisError,\n\t\tretry,\n\t} = useSuggestions<T>({\n\t\tfetchData,\n\t\tminQueryLength,\n\t\tdebounceMs,\n\t\trequestDelay,\n\t\tpreload,\n\t\tquery: controlledQuery,\n\t\tdefaultQuery,\n\t\tonQueryChange,\n\t\tvalue: controlledValue,\n\t\tdefaultValue,\n\t\tonValueChange,\n\t\topen: controlledOpen,\n\t\tdefaultOpen,\n\t\tonOpenChange,\n\t\tonError,\n\t});\n\n\tconst comboboxStrings = useMemo(\n\t\t() => ({\n\t\t\tplaceholder: strings.placeholder,\n\t\t\tnoResults: strings.emptyMessage,\n\t\t\tsearching: strings.loadingMessage,\n\t\t\ttypeToSearch: strings.startTypingMessage,\n\t\t\t// The optional keys fall through to the Combobox defaults when unset.\n\t\t\t...(strings.typeMoreMessage === undefined ? {} : { typeMore: strings.typeMoreMessage }),\n\t\t\t...(strings.formatTypeMore === undefined ? {} : { formatTypeMore: strings.formatTypeMore }),\n\t\t\t...(strings.clear === undefined ? {} : { clear: strings.clear }),\n\t\t\t...(strings.toggle === undefined ? {} : { toggle: strings.toggle }),\n\t\t\t...(strings.dismiss === undefined ? {} : { dismiss: strings.dismiss }),\n\t\t}),\n\t\t[strings],\n\t);\n\tconst retryQuery = useCallback(() => {\n\t\tif (!open) setOpen(true);\n\t\tinputRef.current?.focus();\n\t\tretry();\n\t}, [open, retry, setOpen]);\n\n\tconst errorNode = isError && error !== null\n\t\t? renderError?.({ error, query, retry: retryQuery }) ?? (\n\t\t\t<ErrorState\n\t\t\t\tvariant=\"inline\"\n\t\t\t\ttitle={strings.errorMessage}\n\t\t\t\tonRetry={retryQuery}\n\t\t\t\tretryLabel={strings.retry}\n\t\t\t\tclassName=\"suggestions-combobox--error\"\n\t\t\t/>\n\t\t)\n\t\t: null;\n\n\treturn (\n\t\t<div className={cn('suggestions--component suggestions-combobox--component', className)}>\n\t\t\t<ComboboxWithListControl<T>\n\t\t\t\tref={inputRef}\n\t\t\t\tclassName=\"suggestions-combobox--control\"\n\t\t\t\titems={items}\n\t\t\t\tsearchValue={query}\n\t\t\t\tonSearchValueChange={setQuery}\n\t\t\t\tvalue={value}\n\t\t\t\tonValueChange={setValue}\n\t\t\t\tgetItemLabel={itemText}\n\t\t\t\tgetItemKey={(item) => String(itemKey(item))}\n\t\t\t\trenderItem={renderItem}\n\t\t\t\t// A preloaded list is browsable before typing; the threshold applies\n\t\t\t\t// again from the first character.\n\t\t\t\tminSearchLength={preload && query.trim() === '' ? 0 : minQueryLength}\n\t\t\t\tloading={!isError && isLoading}\n\t\t\t\tshowListContent={!isError}\n\t\t\t\tstrings={comboboxStrings}\n\t\t\t\tclearable={allowClear}\n\t\t\t\topen={open}\n\t\t\t\tonOpenChange={setOpen}\n\t\t\t\tclearSearchOnClose={clearInputOnClose && !isError}\n\t\t\t\tdisabled={disabled}\n\t\t\t/>\n\t\t\t{errorNode}\n\t\t</div>\n\t);\n}\n\nSuggestionsCombobox.displayName = 'SuggestionsCombobox';\n"],"mappings":"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"}

package/dist/features/table.js

@@ -1,3 +1,3 @@
 "use client";
-import { A as e, C as t, D as n, E as r, M as i, N as a, O as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "../table-CFOWY9pQ.js";
-export { D as AvatarCell, b as CellStack, O as CellValue, h as ColumnVisibilityToggle, S as CurrencyCell, m as DataTable, o as DataTableActions, k as DataTableBody, p as DataTableFilterBar, l as DataTableHeader, x as DataTableToolbar, T as DateCell, _ as DateMetaCell, g as FullscreenToggle, y as Pagination, E as ResourceCell, u as StatusCell, C as StatusClusterCell, f as TableLink, M as addSelectionColumn, d as createHeaderSelectionCheckbox, j as createRowSelectionCheckbox, e as defaultDataTableStrings, s as getCellClassName, i as getDataTableScrollContainer, t as getRowClassName, A as getSelectedRowsData, c as handleColumnVisibilityChange, r as handleRowSelectionChange, n as handleSortingChange, v as mergeDataTableStrings, a as useDataTableScrollState, w as useDataTableSize };
+import { A as e, C as t, D as n, E as r, N as i, O as a, P as o, S as s, T as c, _ as l, a as u, b as d, c as f, d as p, f as m, g as h, h as g, i as _, j as v, k as y, l as b, m as x, n as S, o as C, p as w, r as T, s as E, t as D, u as O, v as k, w as A, x as j, y as M } from "../table-DdXDBsR_.js";
+export { D as AvatarCell, b as CellStack, O as CellValue, h as ColumnVisibilityToggle, S as CurrencyCell, m as DataTable, a as DataTableActions, k as DataTableBody, p as DataTableFilterBar, l as DataTableHeader, x as DataTableToolbar, T as DateCell, _ as DateMetaCell, g as FullscreenToggle, y as Pagination, E as ResourceCell, u as StatusCell, C as StatusClusterCell, f as TableLink, M as addSelectionColumn, d as createHeaderSelectionCheckbox, j as createRowSelectionCheckbox, e as defaultDataTableStrings, s as getCellClassName, i as getDataTableScrollContainer, t as getRowClassName, A as getSelectedRowsData, c as handleColumnVisibilityChange, r as handleRowSelectionChange, n as handleSortingChange, v as mergeDataTableStrings, o as useDataTableScrollState, w as useDataTableSize };