@hopper-ui/components 1.3.24 → 1.3.26

package/dist/ComboBox/src/ComboBox.d.ts

@@ -1,13 +1,44 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StyledComponentProps, ResponsiveProp } from '@hopper-ui/styled-system';
-import { MutableRefObject, ReactNode, ForwardedRef } from 'react';
+import { ReactNode, MutableRefObject, ForwardedRef } from 'react';
 import { GroupProps, ComboBoxProps as ComboBoxProps$1 } from 'react-aria-components';
-import { NecessityIndicator, FieldSize } from '../../utils/src/types.js';
+import { ListBoxProps } from '../../ListBox/src/ListBox.js';
+import { SelectionIndicator } from '../../ListBox/src/ListBoxItem.js';
+export { ListBoxItem as ComboBoxItem } from '../../ListBox/src/ListBoxItem.js';
+import { PopoverProps } from '../../overlays/Popover/src/Popover.js';
+import { FieldProps, MenuAlignment, MenuDirection } from '../../utils/src/types.js';
+import '../../checkbox/src/DecorativeCheckbox.js';
+import '../../checkbox/src/Checkbox.js';
+import '../../radio/src/DecorativeRadio.js';
+import '../../radio/src/Radio.js';
+import 'react-aria';
 import '@react-types/shared';
 
 declare const GlobalComboBoxCssSelector = "hop-ComboBox";
 type ComboBoxTriggerProps = StyledComponentProps<GroupProps>;
-interface ComboBoxProps<T extends object> extends StyledComponentProps<ComboBoxProps$1<T>> {
+interface ComboBoxProps<T extends object> extends StyledComponentProps<Omit<ComboBoxProps$1<T>, "children">>, FieldProps {
+    /**
+     * The alignment of the menu.
+     * @default "start"
+     */
+    align?: ResponsiveProp<MenuAlignment>;
+    /**
+     * The items of the combo box.
+     */
+    children: ReactNode | ((item: T) => ReactNode);
+    /**
+     * The direction that the menu should open.
+     * @default "bottom"
+     */
+    direction?: ResponsiveProp<MenuDirection>;
+    /**
+     * The footer of the combo box.
+     */
+    footer?: ReactNode;
+    /**
+     * If `true`, the combo box menu will not be the width of the trigger and instead be the width of its contents.
+     */
+    isAutoMenuWidth?: boolean;
     /**
      * A ref for the HTML input element.
      */
@@ -18,22 +49,39 @@ interface ComboBoxProps<T extends object> extends StyledComponentProps<ComboBoxP
      */
     isFluid?: ResponsiveProp<boolean>;
     /**
-     * Whether the required state should be shown as an asterisk or a label, which would display (Optional) on all non required field labels.
+     * Whether data is currently being loaded.
+     * */
+    isLoading?: boolean;
+    /**
+     * The list box props.
      */
-    necessityIndicator?: NecessityIndicator;
+    listBoxProps?: ListBoxProps<T>;
+    /**
+     * Handler that is called when more items should be loaded, e.g. while scrolling near the bottom.
+     * */
+    onLoadMore?: () => void;
     /**
      * The placeholder text when the select is empty.
      */
     placeholder?: string;
+    /**
+     * The props for the popover.
+     */
+    popoverProps?: PopoverProps;
     /**
      * An icon or text to display at the start of the select trigger.
      */
     prefix?: ReactNode;
     /**
-     * The size of the select.
-     * @default "sm"
+     * The selection indicator to use. Only available if the selection mode is not "none".
+     * When set to "input", the selection indicator will be either a radio or checkbox based on the selection mode.
+     * @default "check"
+     */
+    selectionIndicator?: SelectionIndicator;
+    /**
+     * Whether the element should flip its orientation (e.g. top to bottom or left to right) when there is insufficient room for it to render completely.
      */
-    size?: ResponsiveProp<FieldSize>;
+    shouldFlip?: boolean;
     /**
      * The props for the select's trigger.
      */

package/dist/ComboBox/src/ComboBox.js

@@ -1,23 +1,121 @@
-export { _ComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-FAM5QSGP.js';
+export { _ComboBox as ComboBox, GlobalComboBoxCssSelector } from '../../chunk-Y4ZE6KY7.js';
 import '../../chunk-SC6ZK5ON.js';
+import '../../chunk-I4VPBQI7.js';
+import '../../chunk-3UP24VEW.js';
+import '../../chunk-E5B2HDJG.js';
+import '../../chunk-EWMWQ2MC.js';
+import '../../chunk-LCAS3YQV.js';
+import '../../chunk-WWRB4K4M.js';
+import '../../chunk-XLKYXKWE.js';
+import '../../chunk-AQSTIWVL.js';
+import '../../chunk-Q6YABMDY.js';
+import '../../chunk-DGLAGYBD.js';
+import '../../chunk-5MBJWRZD.js';
+import '../../chunk-O4UTOFYE.js';
+import '../../chunk-UV3CWRCS.js';
+import '../../chunk-H7VJS4MX.js';
+import '../../chunk-YHBJAXUY.js';
+import '../../chunk-N77LTZ4U.js';
+import '../../chunk-Y7HUXUHX.js';
+import '../../chunk-D6UTDI2K.js';
+import '../../chunk-GFHBDUJD.js';
+import '../../chunk-P46AXP47.js';
+import '../../chunk-BCCHOOJ6.js';
+import '../../chunk-O4XPUINW.js';
+import '../../chunk-DPC3Y6Y2.js';
+import '../../chunk-IXB2WK56.js';
+import '../../chunk-TVFC2MJ4.js';
+import '../../chunk-GTM56LGX.js';
+import '../../chunk-I67NHYK4.js';
+import '../../chunk-5U74TYYM.js';
+import '../../chunk-MTDFS4CZ.js';
+import '../../chunk-ZQ3AWYRR.js';
+import '../../chunk-BBBCM4UD.js';
+import '../../chunk-QW45G6K4.js';
+import '../../chunk-DTY2IJJ4.js';
+import '../../chunk-3NKF5TPD.js';
+import '../../chunk-KZQDYFSO.js';
+import '../../chunk-IU6XMS2X.js';
+import '../../chunk-MHQZXLKW.js';
+import '../../chunk-Z57VHYOF.js';
+import '../../chunk-7YCHVZAY.js';
+import '../../chunk-CPMQVH6E.js';
+import '../../chunk-N7YDPVZL.js';
+import '../../chunk-4T564HJ6.js';
+import '../../chunk-6BFSSZCY.js';
+import '../../chunk-3W66UTRH.js';
+import '../../chunk-34ER3Q3E.js';
+import '../../chunk-YO2QYRC2.js';
+import '../../chunk-ZGNK4GWA.js';
+import '../../chunk-2EV3YY6O.js';
+import '../../chunk-H5YTU3U7.js';
+import '../../chunk-RH56CRXC.js';
+import '../../chunk-3UQFC2NQ.js';
+import '../../chunk-WMTWFKKP.js';
+import '../../chunk-VJQ7M2BK.js';
+import '../../chunk-SHLXCNCB.js';
+import '../../chunk-DXVKHP4V.js';
+import '../../chunk-BX43IOO4.js';
+import '../../chunk-O7IJYNVQ.js';
+import '../../chunk-T24MBA34.js';
+import '../../chunk-EXL4IHCP.js';
+import '../../chunk-EHXOXTDN.js';
+import '../../chunk-QHS7OPTX.js';
+import '../../chunk-4ZYV2XLW.js';
+import '../../chunk-SEMHS2HM.js';
+import '../../chunk-TIPN4VYD.js';
 import '../../chunk-UIEP5BA5.js';
-import '../../chunk-7UIRCOSZ.js';
+export { _ListBoxItem as ComboBoxItem } from '../../chunk-D356AG3Y.js';
+import '../../chunk-3O7BL2KX.js';
+import '../../chunk-FU5CCPLP.js';
+import '../../chunk-GKELD2X2.js';
+import '../../chunk-2EAZPH3M.js';
+import '../../chunk-Y2POLIXK.js';
+import '../../chunk-TUAAD5PI.js';
+import '../../chunk-OKZYR4RF.js';
+import '../../chunk-O5PTD6IN.js';
+import '../../chunk-5H5AZJPQ.js';
+import '../../chunk-NMKBUGSO.js';
+import '../../chunk-ON7MQIOJ.js';
+import '../../chunk-ESWWZ7W6.js';
+import '../../chunk-ZZPW6TQD.js';
 import '../../chunk-ZWU6DRRZ.js';
 import '../../chunk-LJXTJRSB.js';
-import '../../chunk-WU6G2EFE.js';
-import '../../chunk-DQM72KTX.js';
+import '../../chunk-IFHFCK4B.js';
 import '../../chunk-TXZ6BMFR.js';
+import '../../chunk-X5UWK5RL.js';
 import '../../chunk-QCA3ZR56.js';
 import '../../chunk-TFVDF4YH.js';
+import '../../chunk-DHVVYSLB.js';
+import '../../chunk-4VVNSXIB.js';
+import '../../chunk-EURJK4ZT.js';
+import '../../chunk-N5UT7MST.js';
+import '../../chunk-7JOGKC3W.js';
+import '../../chunk-D423VDJZ.js';
 import '../../chunk-HZKFQ33E.js';
+import '../../chunk-OH47EJDL.js';
 import '../../chunk-FAE27DLF.js';
 import '../../chunk-4XHTP4GX.js';
-import '../../chunk-A3DFIXR7.js';
+import '../../chunk-5VMRSEZJ.js';
+import '../../chunk-AN67K6WK.js';
 import '../../chunk-WPNVVGFW.js';
-import '../../chunk-QEP5RLDI.js';
+import '../../chunk-VAAXBSBQ.js';
+import '../../chunk-CQDLZ42T.js';
+import '../../chunk-CIGS4QGT.js';
+import '../../chunk-UNIVA5T3.js';
+import '../../chunk-FYIHMKHI.js';
+import '../../chunk-PLJGFTQE.js';
+import '../../chunk-XF3Q4TNE.js';
+import '../../chunk-QLFK4TDW.js';
 import '../../chunk-X6SER3TZ.js';
+import '../../chunk-LI5HSYF7.js';
 import '../../chunk-HXI3MEEK.js';
-import '../../chunk-M36KANKC.js';
+import '../../chunk-Z2LOHKRH.js';
+import '../../chunk-AES7QBQE.js';
+import '../../chunk-UIVMBUPT.js';
+import '../../chunk-NH3IVMXB.js';
 import '../../chunk-65JPI4FL.js';
+import '../../chunk-M36KANKC.js';
 import '../../chunk-KVDXQMWI.js';
+import '../../chunk-JWW56J7M.js';
 import '../../chunk-JSBRDJBE.js';

package/dist/ComboBox/src/ComboBoxContext.d.ts

@@ -1,10 +1,18 @@
+import { ComboBoxProps } from './ComboBox.js';
 import * as react from 'react';
 import { ContextValue } from 'react-aria-components';
-import { ComboBoxProps } from './ComboBox.js';
+import '../../ListBox/src/ListBoxItem.js';
 import 'react/jsx-runtime';
 import '@hopper-ui/styled-system';
+import '../../ListBox/src/ListBox.js';
+import '../../checkbox/src/DecorativeCheckbox.js';
 import '../../utils/src/types.js';
 import '@react-types/shared';
+import '../../checkbox/src/Checkbox.js';
+import '../../radio/src/DecorativeRadio.js';
+import '../../radio/src/Radio.js';
+import '../../overlays/Popover/src/Popover.js';
+import 'react-aria';
 
 type ComboBoxContextProps = ComboBoxProps<any>;
 declare const ComboBoxContext: react.Context<ContextValue<Partial<ComboBoxContextProps>, HTMLDivElement>>;