@orianatech/pire 0.7.0 → 0.8.0

package/dist/components/forms/ComboBox.d.cts

@@ -11,20 +11,39 @@ export interface ComboBoxProps {
     defaultValue?: string;
     onChange?: (value: string | null) => void;
     /**
-     * Free-text as typed, on every keystroke.
+     * Free-text as typed, on every keystroke. Debounce it before calling the server.
      *
-     * Server-side search is only partly supported. `options` is passed to React Aria as
-     * `defaultItems`, so React Aria applies its own local "contains" filter on top of
-     * whatever you supply: any result whose `label` does not literally contain the typed
-     * text is hidden client-side, and when the local filter matches nothing the menu
-     * closes. Fuzzy, synonym, code-to-description and server-ranked matches are therefore
-     * dropped. Use this to observe input (analytics, a debounced prefetch, mirroring the
-     * text elsewhere), or for server search only where the returned labels are guaranteed
-     * to contain the query as a substring. For true server-driven search with no local
-     * filtering, use ValueHelpField.
+     * Without `isFilteredExternally`, React Aria also applies its own local "contains" filter,
+     * so a result whose label does not literally contain the typed text is hidden client-side.
      */
     onInputChange?: (text: string) => void;
     options?: Array<string | ComboBoxOption>;
+    /**
+     * `options` is the final list and React Aria filters nothing locally. Required for server
+     * search: fuzzy matches, synonyms, code-to-description and server ranking do not survive a
+     * local "contains" pass.
+     *
+     * Turns `options` into a controlled collection, so the popover reflects exactly what you
+     * pass — including an empty list, which is why `isLoading` and `emptyLabel` exist.
+     */
+    isFilteredExternally?: boolean;
+    /**
+     * Shows a loading row instead of closing the popover. Without it a 300ms debounce reads as
+     * a menu that flickers open and shut.
+     *
+     * Also blocks selection while it is set: confirming here would commit an item from the
+     * previous response.
+     */
+    isLoading?: boolean;
+    /** Overrides the dictionary's `comboBoxLoading`. */
+    loadingLabel?: string;
+    /**
+     * Shown when the server answered with nothing. Without it the popover closes and the user
+     * cannot tell a bad query from a slow one.
+     */
+    emptyLabel?: React.ReactNode;
+    /** Called when the list is scrolled near its end, for paginated results. */
+    onLoadMore?: () => void;
     placeholder?: string;
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -42,4 +61,4 @@ export interface ComboBoxProps {
 }
 /** Type-ahead picker for lists too long to scroll — material, cost centre, G/L account.
  *  Below ~10 fixed options use Select; for master-data search with several columns use ValueHelpField. */
-export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, className, style, ...rest }: ComboBoxProps): React.JSX.Element;
+export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, isFilteredExternally, isLoading, loadingLabel, emptyLabel, onLoadMore, className, style, ...rest }: ComboBoxProps): React.JSX.Element;

package/dist/components/forms/ComboBox.d.ts

@@ -11,20 +11,39 @@ export interface ComboBoxProps {
     defaultValue?: string;
     onChange?: (value: string | null) => void;
     /**
-     * Free-text as typed, on every keystroke.
+     * Free-text as typed, on every keystroke. Debounce it before calling the server.
      *
-     * Server-side search is only partly supported. `options` is passed to React Aria as
-     * `defaultItems`, so React Aria applies its own local "contains" filter on top of
-     * whatever you supply: any result whose `label` does not literally contain the typed
-     * text is hidden client-side, and when the local filter matches nothing the menu
-     * closes. Fuzzy, synonym, code-to-description and server-ranked matches are therefore
-     * dropped. Use this to observe input (analytics, a debounced prefetch, mirroring the
-     * text elsewhere), or for server search only where the returned labels are guaranteed
-     * to contain the query as a substring. For true server-driven search with no local
-     * filtering, use ValueHelpField.
+     * Without `isFilteredExternally`, React Aria also applies its own local "contains" filter,
+     * so a result whose label does not literally contain the typed text is hidden client-side.
      */
     onInputChange?: (text: string) => void;
     options?: Array<string | ComboBoxOption>;
+    /**
+     * `options` is the final list and React Aria filters nothing locally. Required for server
+     * search: fuzzy matches, synonyms, code-to-description and server ranking do not survive a
+     * local "contains" pass.
+     *
+     * Turns `options` into a controlled collection, so the popover reflects exactly what you
+     * pass — including an empty list, which is why `isLoading` and `emptyLabel` exist.
+     */
+    isFilteredExternally?: boolean;
+    /**
+     * Shows a loading row instead of closing the popover. Without it a 300ms debounce reads as
+     * a menu that flickers open and shut.
+     *
+     * Also blocks selection while it is set: confirming here would commit an item from the
+     * previous response.
+     */
+    isLoading?: boolean;
+    /** Overrides the dictionary's `comboBoxLoading`. */
+    loadingLabel?: string;
+    /**
+     * Shown when the server answered with nothing. Without it the popover closes and the user
+     * cannot tell a bad query from a slow one.
+     */
+    emptyLabel?: React.ReactNode;
+    /** Called when the list is scrolled near its end, for paginated results. */
+    onLoadMore?: () => void;
     placeholder?: string;
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -42,5 +61,5 @@ export interface ComboBoxProps {
 }
 /** Type-ahead picker for lists too long to scroll — material, cost centre, G/L account.
  *  Below ~10 fixed options use Select; for master-data search with several columns use ValueHelpField. */
-export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, className, style, ...rest }: ComboBoxProps): React.JSX.Element;
+export declare function ComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, size, fullWidth, isFilteredExternally, isLoading, loadingLabel, emptyLabel, onLoadMore, className, style, ...rest }: ComboBoxProps): React.JSX.Element;
 //# sourceMappingURL=ComboBox.d.ts.map

package/dist/components/forms/ComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,cAAc;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;AAE1G,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;;;;;;;;;;OAYG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAKD;0GAC0G;AAC1G,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAY,EAC1F,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAkCrG"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/ComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAOpC,MAAM,WAAW,cAAc;IAAG,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE;AAE1G,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACzC;;;;;;;OAOG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAKD;0GAC0G;AAC1G,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAY,EAC1F,WAAW,EAAE,YAAY,EAAE,IAAW,EAAE,SAAgB,EAAE,oBAAoB,EAAE,SAAS,EACzF,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,qBAiEjF"}

package/dist/components/forms/MultiComboBox.d.cts

@@ -7,18 +7,27 @@ export interface MultiComboBoxProps {
     defaultValue?: string[];
     onChange?: (values: string[]) => void;
     /**
-     * Free-text as typed, on every keystroke.
+     * Free-text as typed, on every keystroke. Debounce it before calling the server.
      *
-     * Server-side search is only partly supported, exactly as on ComboBox. `options` is passed
-     * to React Aria as `defaultItems`, so React Aria applies its own local "contains" filter on
-     * top of whatever you supply: any result whose `label` does not literally contain the typed
-     * text is hidden client-side, and when the local filter matches nothing the menu closes.
-     * Fuzzy, synonym, code-to-description and server-ranked matches are therefore dropped. Use
-     * this to observe input (analytics, a debounced prefetch), or for server search only where
-     * the returned labels are guaranteed to contain the query as a substring.
+     * Without `isFilteredExternally`, React Aria also applies its own local "contains" filter,
+     * so a result whose label does not literally contain the typed text is hidden client-side.
      */
     onInputChange?: (text: string) => void;
     options?: Array<string | ComboBoxOption>;
+    /**
+     * `options` is the final list and React Aria filters nothing locally. Same meaning and same
+     * name as on `ComboBox`. Required for server search, where fuzzy matches, synonyms and
+     * server ranking do not survive a local "contains" pass.
+     */
+    isFilteredExternally?: boolean;
+    /** Shows a loading row instead of closing the popover, and blocks selection while set. */
+    isLoading?: boolean;
+    /** Overrides the dictionary's `comboBoxLoading`. */
+    loadingLabel?: string;
+    /** Shown when the server answered with nothing, so a bad query reads differently from a slow one. */
+    emptyLabel?: React.ReactNode;
+    /** Called when the list is scrolled near its end, for paginated results. */
+    onLoadMore?: () => void;
     placeholder?: string;
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -55,4 +64,4 @@ export interface MultiComboBoxProps {
  *    component nested inside it — a TagGroup there registers its tags as listbox items and then
  *    crashes looking for grid state. Each chip's remove button is an ordinary Tab stop instead,
  *    and removals are announced through the live region below. */
-export declare function MultiComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, allowsCustomValue, size, fullWidth, className, style, ...rest }: MultiComboBoxProps): React.JSX.Element;
+export declare function MultiComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, allowsCustomValue, size, isFilteredExternally, isLoading, loadingLabel, emptyLabel, onLoadMore, fullWidth, className, style, ...rest }: MultiComboBoxProps): React.JSX.Element;

package/dist/components/forms/MultiComboBox.d.ts

@@ -7,18 +7,27 @@ export interface MultiComboBoxProps {
     defaultValue?: string[];
     onChange?: (values: string[]) => void;
     /**
-     * Free-text as typed, on every keystroke.
+     * Free-text as typed, on every keystroke. Debounce it before calling the server.
      *
-     * Server-side search is only partly supported, exactly as on ComboBox. `options` is passed
-     * to React Aria as `defaultItems`, so React Aria applies its own local "contains" filter on
-     * top of whatever you supply: any result whose `label` does not literally contain the typed
-     * text is hidden client-side, and when the local filter matches nothing the menu closes.
-     * Fuzzy, synonym, code-to-description and server-ranked matches are therefore dropped. Use
-     * this to observe input (analytics, a debounced prefetch), or for server search only where
-     * the returned labels are guaranteed to contain the query as a substring.
+     * Without `isFilteredExternally`, React Aria also applies its own local "contains" filter,
+     * so a result whose label does not literally contain the typed text is hidden client-side.
      */
     onInputChange?: (text: string) => void;
     options?: Array<string | ComboBoxOption>;
+    /**
+     * `options` is the final list and React Aria filters nothing locally. Same meaning and same
+     * name as on `ComboBox`. Required for server search, where fuzzy matches, synonyms and
+     * server ranking do not survive a local "contains" pass.
+     */
+    isFilteredExternally?: boolean;
+    /** Shows a loading row instead of closing the popover, and blocks selection while set. */
+    isLoading?: boolean;
+    /** Overrides the dictionary's `comboBoxLoading`. */
+    loadingLabel?: string;
+    /** Shown when the server answered with nothing, so a bad query reads differently from a slow one. */
+    emptyLabel?: React.ReactNode;
+    /** Called when the list is scrolled near its end, for paginated results. */
+    onLoadMore?: () => void;
     placeholder?: string;
     description?: React.ReactNode;
     errorMessage?: React.ReactNode;
@@ -55,5 +64,5 @@ export interface MultiComboBoxProps {
  *    component nested inside it — a TagGroup there registers its tags as listbox items and then
  *    crashes looking for grid state. Each chip's remove button is an ordinary Tab stop instead,
  *    and removals are announced through the live region below. */
-export declare function MultiComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, allowsCustomValue, size, fullWidth, className, style, ...rest }: MultiComboBoxProps): React.JSX.Element;
+export declare function MultiComboBox({ label, value, defaultValue, onChange, onInputChange, options, description, errorMessage, allowsCustomValue, size, isFilteredExternally, isLoading, loadingLabel, emptyLabel, onLoadMore, fullWidth, className, style, ...rest }: MultiComboBoxProps): React.JSX.Element;
 //# sourceMappingURL=MultiComboBox.d.ts.map

package/dist/components/forms/MultiComboBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/MultiComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAKD;;;;;;;;;;;;;;;;;;;;kEAoBkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAY,EAC/F,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,IAAW,EACzD,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,qBAkHlE"}
+{"version":3,"file":"MultiComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/forms/MultiComboBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACtC;;;;;OAKG;IACH,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACzC;;;;OAIG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qGAAqG;IACrG,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,4EAA4E;IAC5E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAKD;;;;;;;;;;;;;;;;;;;;kEAoBkE;AAClE,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,OAAY,EAC/F,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,IAAW,EACzD,oBAAoB,EAAE,SAAS,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EACrE,SAAgB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,kBAAkB,qBAqIlE"}

package/dist/components.css

@@ -481,6 +481,13 @@
 .pire-menu-section-title{display:block;padding:var(--sp-1) var(--sp-3);font:var(--type-label);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-secondary)}
 .pire-menu-separator{border:0;border-top:var(--border-w-hairline) solid var(--border-subtle);margin:var(--sp-1) 0}
 
+/* ---- ComboBox async status ----------------------------------------------- */
+/* Same height as an option row so the popover does not resize when results replace the
+   loading line — a popover that jumps has already moved the row under the pointer. */
+.pire-listbox-status{display:flex;align-items:center;min-height:var(--row-h-condensed);padding:0 var(--sp-3);font:var(--type-caption);color:var(--text-secondary)}
+.pire-option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.pire-option-secondary{flex:0 0 auto;font:var(--type-code);color:var(--text-tertiary)}
+
 /* ---- PageBand ------------------------------------------------------------ */
 .pire-pageband{display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-4) var(--page-pad-x);background:var(--surface-card)}
 .pire-pageband[data-surface="page"]{background:var(--surface-page)}

package/dist/i18n/messages.d.cts

@@ -33,6 +33,8 @@ export interface PireMessages {
     toastRegionLabel: string;
     /** Accessible name of the button that opens a ComboBox's list. */
     comboBoxShowSuggestions: string;
+    /** Row shown in the popover while a server search is in flight. */
+    comboBoxLoading: string;
     /** Accessible name of the button that opens the calendar popover. */
     datePickerOpenCalendar: string;
     datePickerPreviousMonth: string;

package/dist/i18n/messages.d.ts

@@ -33,6 +33,8 @@ export interface PireMessages {
     toastRegionLabel: string;
     /** Accessible name of the button that opens a ComboBox's list. */
     comboBoxShowSuggestions: string;
+    /** Row shown in the popover while a server search is in flight. */
+    comboBoxLoading: string;
     /** Accessible name of the button that opens the calendar popover. */
     datePickerOpenCalendar: string;
     datePickerPreviousMonth: string;

package/dist/i18n/messages.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAE1B,qEAAqE;IACrE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,gBAAgB,EAAE,MAAM,CAAC;IAEzB,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IAEvB,6DAA6D;IAC7D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kEAAkE;IAClE,uBAAuB,EAAE,MAAM,CAAC;IAEhC,qEAAqE;IACrE,sBAAsB,EAAE,MAAM,CAAC;IAC/B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,oDAAoD;IACpD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uEAAuE;IACvE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,qBAAqB,EAAE,MAAM,CAAC;IAE9B,mDAAmD;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAE9B,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,YAuCxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAuCxB,CAAC"}
+{"version":3,"file":"messages.d.ts","sourceRoot":"","sources":["../../src/i18n/messages.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,MAAM,WAAW,YAAY;IAC3B,iCAAiC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,8EAA8E;IAC9E,WAAW,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,iBAAiB,EAAE,MAAM,CAAC;IAE1B,qEAAqE;IACrE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qDAAqD;IACrD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oDAAoD;IACpD,gBAAgB,EAAE,MAAM,CAAC;IAEzB,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,cAAc,EAAE,MAAM,CAAC;IAEvB,6DAA6D;IAC7D,oBAAoB,EAAE,MAAM,CAAC;IAC7B,uDAAuD;IACvD,YAAY,EAAE,MAAM,CAAC;IACrB,8CAA8C;IAC9C,gBAAgB,EAAE,MAAM,CAAC;IAEzB,kEAAkE;IAClE,uBAAuB,EAAE,MAAM,CAAC;IAChC,mEAAmE;IACnE,eAAe,EAAE,MAAM,CAAC;IAExB,qEAAqE;IACrE,sBAAsB,EAAE,MAAM,CAAC;IAC/B,uBAAuB,EAAE,MAAM,CAAC;IAChC,mBAAmB,EAAE,MAAM,CAAC;IAE5B,oDAAoD;IACpD,mBAAmB,EAAE,MAAM,CAAC;IAC5B,mBAAmB,EAAE,MAAM,CAAC;IAE5B,kEAAkE;IAClE,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qFAAqF;IACrF,uBAAuB,EAAE,MAAM,CAAC;IAChC,uEAAuE;IACvE,kBAAkB,EAAE,MAAM,CAAC;IAC3B,yDAAyD;IACzD,qBAAqB,EAAE,MAAM,CAAC;IAC9B,uDAAuD;IACvD,qBAAqB,EAAE,MAAM,CAAC;IAE9B,mDAAmD;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB,wFAAwF;IACxF,eAAe,EAAE,MAAM,CAAC;IACxB,yDAAyD;IACzD,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,qBAAqB,EAAE,MAAM,CAAC;IAE9B,0FAA0F;IAC1F,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,YAwCxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,YAwCxB,CAAC"}

package/dist/index.cjs

@@ -892,6 +892,7 @@ var enMessages = {
   toastDismiss: "Dismiss",
   toastRegionLabel: "Notifications",
   comboBoxShowSuggestions: "Show suggestions",
+  comboBoxLoading: "Searching\u2026",
   datePickerOpenCalendar: "Open calendar",
   datePickerPreviousMonth: "Previous month",
   datePickerNextMonth: "Next month",
@@ -923,6 +924,7 @@ var esMessages = {
   toastDismiss: "Descartar",
   toastRegionLabel: "Notificaciones",
   comboBoxShowSuggestions: "Mostrar sugerencias",
+  comboBoxLoading: "Buscando\u2026",
   datePickerOpenCalendar: "Abrir calendario",
   datePickerPreviousMonth: "Mes anterior",
   datePickerNextMonth: "Mes siguiente",
@@ -974,12 +976,19 @@ function ComboBox({
   errorMessage,
   size = "md",
   fullWidth = true,
+  isFilteredExternally,
+  isLoading,
+  loadingLabel,
+  emptyLabel,
+  onLoadMore,
   className,
   style,
   ...rest
 }) {
   const msg = usePireMessages();
   const items = options.map(norm2);
+  const collection = isFilteredExternally ? { items } : { defaultItems: items };
+  const showsStatus = isLoading || isFilteredExternally && items.length === 0 && emptyLabel != null;
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
     import_react_aria_components15.ComboBox,
     {
@@ -987,9 +996,13 @@ function ComboBox({
       style,
       selectedKey: value,
       defaultSelectedKey: defaultValue,
-      onSelectionChange: (k) => onChange?.(k == null ? null : String(k)),
+      onSelectionChange: (k) => {
+        if (isLoading) return;
+        onChange?.(k == null ? null : String(k));
+      },
       onInputChange,
-      defaultItems: items,
+      ...collection,
+      allowsEmptyCollection: isFilteredExternally || isLoading,
       menuTrigger: "input",
       validationBehavior: "aria",
       ...rest,
@@ -1014,10 +1027,21 @@ function ComboBox({
         ),
         description ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components15.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components15.FieldError, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components15.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components15.ListBox, { className: "pire-listbox", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components15.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { flex: 1 }, children: item.label }),
-          item.secondary ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
-        ] }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_aria_components15.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+          import_react_aria_components15.ListBox,
+          {
+            className: "pire-listbox",
+            onScroll: onLoadMore ? (e) => {
+              const el = e.currentTarget;
+              if (el.scrollHeight - el.scrollTop - el.clientHeight < 48) onLoadMore();
+            } : void 0,
+            renderEmptyState: showsStatus ? () => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
+            children: (item) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react_aria_components15.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pire-option-label", children: item.label }),
+              item.secondary ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "pire-option-secondary", children: item.secondary }) : null
+            ] })
+          }
+        ) })
       ]
     }
   );
@@ -1039,6 +1063,11 @@ function MultiComboBox({
   errorMessage,
   allowsCustomValue,
   size = "md",
+  isFilteredExternally,
+  isLoading,
+  loadingLabel,
+  emptyLabel,
+  onLoadMore,
   fullWidth = true,
   className,
   style,
@@ -1046,6 +1075,8 @@ function MultiComboBox({
 }) {
   const msg = usePireMessages();
   const items = React7.useMemo(() => options.map(norm3), [options]);
+  const collection = isFilteredExternally ? { items } : { defaultItems: items };
+  const showsStatus = isLoading || isFilteredExternally && items.length === 0 && emptyLabel != null;
   const [uncontrolled, setUncontrolled] = React7.useState(defaultValue ?? []);
   const [announcement, setAnnouncement] = React7.useState("");
   const inputRef = React7.useRef(null);
@@ -1091,9 +1122,12 @@ function MultiComboBox({
       style,
       selectionMode: "multiple",
       value: values,
-      onChange: (keys) => commit(keys.map(String)),
+      onChange: (keys) => {
+        if (!isLoading) commit(keys.map(String));
+      },
       onInputChange,
-      defaultItems: items,
+      ...collection,
+      allowsEmptyCollection: isFilteredExternally || isLoading,
       menuTrigger: "input",
       validationBehavior: "aria",
       ...rest,
@@ -1136,10 +1170,21 @@ function MultiComboBox({
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.VisuallyHidden, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { "aria-live": "polite", children: announcement }) }),
         description ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.Text, { slot: "description", className: "pire-field-hint", children: description }) : null,
         /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.FieldError, { className: "pire-field-error", children: errorMessage }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.ListBox, { className: "pire-listbox", children: (item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components16.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { flex: 1 }, children: item.label }),
-          item.secondary ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { style: { font: "var(--type-code)", color: "var(--text-tertiary)" }, children: item.secondary }) : null
-        ] }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react_aria_components16.Popover, { className: "pire-popover", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          import_react_aria_components16.ListBox,
+          {
+            className: "pire-listbox",
+            onScroll: onLoadMore ? (e) => {
+              const el = e.currentTarget;
+              if (el.scrollHeight - el.scrollTop - el.clientHeight < 48) onLoadMore();
+            } : void 0,
+            renderEmptyState: showsStatus ? () => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "pire-listbox-status", role: "status", "aria-live": "polite", children: isLoading ? loadingLabel ?? msg.comboBoxLoading : emptyLabel }) : void 0,
+            children: (item) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_react_aria_components16.ListBoxItem, { className: "pire-option", id: item.value, textValue: item.label, isDisabled: item.isDisabled, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-option-label", children: item.label }),
+              item.secondary ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "pire-option-secondary", children: item.secondary }) : null
+            ] })
+          }
+        ) })
       ]
     }
   );