@limonify/zest-ui 0.3.1 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -0
- package/lib/alert-dialog/index.parts.d.ts +1 -1
- package/lib/alert-dialog/index.parts.d.ts.map +1 -1
- package/lib/alert-dialog/index.parts.js.map +1 -1
- package/lib/autocomplete/handle.d.ts +15 -0
- package/lib/autocomplete/handle.d.ts.map +1 -0
- package/lib/autocomplete/handle.js +12 -0
- package/lib/autocomplete/handle.js.map +1 -0
- package/lib/autocomplete/index.d.ts +1 -0
- package/lib/autocomplete/index.d.ts.map +1 -1
- package/lib/autocomplete/index.parts.d.ts +1 -0
- package/lib/autocomplete/index.parts.d.ts.map +1 -1
- package/lib/autocomplete/index.parts.js +3 -1
- package/lib/autocomplete/index.parts.js.map +1 -1
- package/lib/autocomplete/root/AutocompleteRoot.d.ts +55 -16
- package/lib/autocomplete/root/AutocompleteRoot.d.ts.map +1 -1
- package/lib/autocomplete/root/AutocompleteRoot.js +2 -18
- package/lib/autocomplete/root/AutocompleteRoot.js.map +1 -1
- package/lib/avatar/fallback/AvatarFallback.d.ts.map +1 -1
- package/lib/avatar/fallback/AvatarFallback.js +3 -1
- package/lib/avatar/fallback/AvatarFallback.js.map +1 -1
- package/lib/avatar/image/AvatarImage.d.ts.map +1 -1
- package/lib/avatar/image/AvatarImage.js +5 -0
- package/lib/avatar/image/AvatarImage.js.map +1 -1
- package/lib/checkbox/root/CheckboxRoot.d.ts.map +1 -1
- package/lib/checkbox/root/CheckboxRoot.js +9 -4
- package/lib/checkbox/root/CheckboxRoot.js.map +1 -1
- package/lib/combobox/backdrop/ComboboxBackdrop.d.ts.map +1 -1
- package/lib/combobox/backdrop/ComboboxBackdrop.js +10 -2
- package/lib/combobox/backdrop/ComboboxBackdrop.js.map +1 -1
- package/lib/combobox/empty/ComboboxEmpty.d.ts.map +1 -1
- package/lib/combobox/empty/ComboboxEmpty.js +4 -1
- package/lib/combobox/empty/ComboboxEmpty.js.map +1 -1
- package/lib/combobox/index.d.ts +2 -0
- package/lib/combobox/index.d.ts.map +1 -1
- package/lib/combobox/index.js +3 -1
- package/lib/combobox/index.js.map +1 -1
- package/lib/combobox/index.parts.d.ts +1 -0
- package/lib/combobox/index.parts.d.ts.map +1 -1
- package/lib/combobox/index.parts.js +4 -1
- package/lib/combobox/index.parts.js.map +1 -1
- package/lib/combobox/input/ComboboxInput.d.ts +24 -3
- package/lib/combobox/input/ComboboxInput.d.ts.map +1 -1
- package/lib/combobox/input/ComboboxInput.js +68 -8
- package/lib/combobox/input/ComboboxInput.js.map +1 -1
- package/lib/combobox/item/ComboboxItem.d.ts +11 -1
- package/lib/combobox/item/ComboboxItem.d.ts.map +1 -1
- package/lib/combobox/item/ComboboxItem.js +9 -4
- package/lib/combobox/item/ComboboxItem.js.map +1 -1
- package/lib/combobox/list/ComboboxList.d.ts +1 -1
- package/lib/combobox/list/ComboboxList.d.ts.map +1 -1
- package/lib/combobox/list/ComboboxList.js +4 -1
- package/lib/combobox/list/ComboboxList.js.map +1 -1
- package/lib/combobox/popup/ComboboxPopup.d.ts +26 -0
- package/lib/combobox/popup/ComboboxPopup.d.ts.map +1 -1
- package/lib/combobox/popup/ComboboxPopup.js +18 -2
- package/lib/combobox/popup/ComboboxPopup.js.map +1 -1
- package/lib/combobox/portal/ComboboxPortal.d.ts.map +1 -1
- package/lib/combobox/portal/ComboboxPortal.js +8 -4
- package/lib/combobox/portal/ComboboxPortal.js.map +1 -1
- package/lib/combobox/portal/ComboboxPortalContext.d.ts +4 -0
- package/lib/combobox/portal/ComboboxPortalContext.d.ts.map +1 -0
- package/lib/combobox/portal/ComboboxPortalContext.js +48 -0
- package/lib/combobox/portal/ComboboxPortalContext.js.map +1 -0
- package/lib/combobox/positioner/ComboboxPositioner.d.ts +11 -1
- package/lib/combobox/positioner/ComboboxPositioner.d.ts.map +1 -1
- package/lib/combobox/positioner/ComboboxPositioner.js +67 -7
- package/lib/combobox/positioner/ComboboxPositioner.js.map +1 -1
- package/lib/combobox/positioner/ComboboxPositionerContext.d.ts +9 -0
- package/lib/combobox/positioner/ComboboxPositionerContext.d.ts.map +1 -0
- package/lib/combobox/positioner/ComboboxPositionerContext.js +48 -0
- package/lib/combobox/positioner/ComboboxPositionerContext.js.map +1 -0
- package/lib/combobox/root/ComboboxItemsContext.d.ts +18 -0
- package/lib/combobox/root/ComboboxItemsContext.d.ts.map +1 -0
- package/lib/combobox/root/ComboboxItemsContext.js +55 -0
- package/lib/combobox/root/ComboboxItemsContext.js.map +1 -0
- package/lib/combobox/root/ComboboxRoot.d.ts +77 -21
- package/lib/combobox/root/ComboboxRoot.d.ts.map +1 -1
- package/lib/combobox/root/ComboboxRoot.js +4 -23
- package/lib/combobox/root/ComboboxRoot.js.map +1 -1
- package/lib/combobox/root/ComboboxRootContext.d.ts +4 -43
- package/lib/combobox/root/ComboboxRootContext.d.ts.map +1 -1
- package/lib/combobox/root/ComboboxRootContext.js.map +1 -1
- package/lib/combobox/root/ComboboxTransitionContext.d.ts +8 -0
- package/lib/combobox/root/ComboboxTransitionContext.d.ts.map +1 -0
- package/lib/combobox/root/ComboboxTransitionContext.js +44 -0
- package/lib/combobox/root/ComboboxTransitionContext.js.map +1 -0
- package/lib/combobox/root/useRenderComboboxRoot.d.ts +39 -0
- package/lib/combobox/root/useRenderComboboxRoot.d.ts.map +1 -0
- package/lib/combobox/root/useRenderComboboxRoot.js +136 -0
- package/lib/combobox/root/useRenderComboboxRoot.js.map +1 -0
- package/lib/combobox/store/ComboboxHandle.d.ts +42 -0
- package/lib/combobox/store/ComboboxHandle.d.ts.map +1 -0
- package/lib/combobox/store/ComboboxHandle.js +65 -0
- package/lib/combobox/store/ComboboxHandle.js.map +1 -0
- package/lib/combobox/store/ComboboxStore.d.ts +147 -0
- package/lib/combobox/store/ComboboxStore.d.ts.map +1 -0
- package/lib/combobox/store/ComboboxStore.js +127 -0
- package/lib/combobox/store/ComboboxStore.js.map +1 -0
- package/lib/combobox/value/ComboboxValue.d.ts.map +1 -1
- package/lib/combobox/value/ComboboxValue.js +2 -1
- package/lib/combobox/value/ComboboxValue.js.map +1 -1
- package/lib/context-menu/positioner/ContextMenuPositioner.d.ts +19 -3
- package/lib/context-menu/positioner/ContextMenuPositioner.d.ts.map +1 -1
- package/lib/context-menu/positioner/ContextMenuPositioner.js +56 -7
- package/lib/context-menu/positioner/ContextMenuPositioner.js.map +1 -1
- package/lib/context-menu/root/ContextMenuRoot.d.ts +8 -0
- package/lib/context-menu/root/ContextMenuRoot.d.ts.map +1 -1
- package/lib/dialog/backdrop/DialogBackdrop.d.ts +9 -0
- package/lib/dialog/backdrop/DialogBackdrop.d.ts.map +1 -1
- package/lib/dialog/backdrop/DialogBackdrop.js +3 -1
- package/lib/dialog/backdrop/DialogBackdrop.js.map +1 -1
- package/lib/dialog/popup/DialogPopup.d.ts +9 -0
- package/lib/dialog/popup/DialogPopup.d.ts.map +1 -1
- package/lib/dialog/popup/DialogPopup.js +2 -2
- package/lib/dialog/popup/DialogPopup.js.map +1 -1
- package/lib/dialog/popup/useDialogPopupProps.d.ts +2 -0
- package/lib/dialog/popup/useDialogPopupProps.d.ts.map +1 -1
- package/lib/dialog/popup/useDialogPopupProps.js +4 -0
- package/lib/dialog/popup/useDialogPopupProps.js.map +1 -1
- package/lib/dialog/root/DialogNestingContext.d.ts +20 -0
- package/lib/dialog/root/DialogNestingContext.d.ts.map +1 -0
- package/lib/dialog/root/DialogNestingContext.js +53 -0
- package/lib/dialog/root/DialogNestingContext.js.map +1 -0
- package/lib/dialog/root/useRenderDialogRoot.d.ts.map +1 -1
- package/lib/dialog/root/useRenderDialogRoot.js +26 -2
- package/lib/dialog/root/useRenderDialogRoot.js.map +1 -1
- package/lib/dialog/store/DialogStore.d.ts +19 -2
- package/lib/dialog/store/DialogStore.d.ts.map +1 -1
- package/lib/dialog/store/DialogStore.js +14 -2
- package/lib/dialog/store/DialogStore.js.map +1 -1
- package/lib/drawer/index.parts.d.ts +1 -1
- package/lib/drawer/index.parts.d.ts.map +1 -1
- package/lib/drawer/index.parts.js.map +1 -1
- package/lib/drawer/popup/DrawerPopup.d.ts +9 -0
- package/lib/drawer/popup/DrawerPopup.d.ts.map +1 -1
- package/lib/drawer/popup/DrawerPopup.js +3 -1
- package/lib/drawer/popup/DrawerPopup.js.map +1 -1
- package/lib/filter/index.d.ts +2 -0
- package/lib/filter/index.d.ts.map +1 -0
- package/lib/filter/index.js +6 -0
- package/lib/filter/index.js.map +1 -0
- package/lib/filter/useFilter.d.ts +45 -0
- package/lib/filter/useFilter.d.ts.map +1 -0
- package/lib/filter/useFilter.js +96 -0
- package/lib/filter/useFilter.js.map +1 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +1 -0
- package/lib/index.js.map +1 -1
- package/lib/internals/field/useFieldControlRegistration.d.ts +25 -6
- package/lib/internals/field/useFieldControlRegistration.d.ts.map +1 -1
- package/lib/internals/field/useFieldControlRegistration.js +93 -6
- package/lib/internals/field/useFieldControlRegistration.js.map +1 -1
- package/lib/menu/popup/MenuPopup.d.ts +10 -0
- package/lib/menu/popup/MenuPopup.d.ts.map +1 -1
- package/lib/menu/popup/MenuPopup.js +10 -1
- package/lib/menu/popup/MenuPopup.js.map +1 -1
- package/lib/menu/positioner/MenuPositioner.d.ts +10 -0
- package/lib/menu/positioner/MenuPositioner.d.ts.map +1 -1
- package/lib/menu/positioner/MenuPositioner.js +9 -1
- package/lib/menu/positioner/MenuPositioner.js.map +1 -1
- package/lib/menu/store/MenuStore.d.ts +11 -0
- package/lib/menu/store/MenuStore.d.ts.map +1 -1
- package/lib/menu/store/MenuStore.js +4 -0
- package/lib/menu/store/MenuStore.js.map +1 -1
- package/lib/menu/submenu-trigger/MenuSubmenuTrigger.d.ts.map +1 -1
- package/lib/menu/submenu-trigger/MenuSubmenuTrigger.js +3 -0
- package/lib/menu/submenu-trigger/MenuSubmenuTrigger.js.map +1 -1
- package/lib/menu/trigger/MenuTrigger.d.ts.map +1 -1
- package/lib/menu/trigger/MenuTrigger.js +4 -1
- package/lib/menu/trigger/MenuTrigger.js.map +1 -1
- package/lib/meter/indicator/MeterIndicator.d.ts +2 -1
- package/lib/meter/indicator/MeterIndicator.d.ts.map +1 -1
- package/lib/meter/indicator/MeterIndicator.js +1 -2
- package/lib/meter/indicator/MeterIndicator.js.map +1 -1
- package/lib/meter/label/MeterLabel.d.ts +2 -1
- package/lib/meter/label/MeterLabel.d.ts.map +1 -1
- package/lib/meter/label/MeterLabel.js +1 -2
- package/lib/meter/label/MeterLabel.js.map +1 -1
- package/lib/meter/root/MeterRoot.d.ts +21 -0
- package/lib/meter/root/MeterRoot.d.ts.map +1 -1
- package/lib/meter/root/MeterRoot.js +2 -2
- package/lib/meter/root/MeterRoot.js.map +1 -1
- package/lib/meter/root/MeterRootContext.d.ts +5 -0
- package/lib/meter/root/MeterRootContext.d.ts.map +1 -1
- package/lib/meter/root/MeterRootContext.js.map +1 -1
- package/lib/meter/track/MeterTrack.d.ts +2 -1
- package/lib/meter/track/MeterTrack.d.ts.map +1 -1
- package/lib/meter/track/MeterTrack.js +1 -2
- package/lib/meter/track/MeterTrack.js.map +1 -1
- package/lib/meter/value/MeterValue.d.ts +2 -1
- package/lib/meter/value/MeterValue.d.ts.map +1 -1
- package/lib/meter/value/MeterValue.js +1 -2
- package/lib/meter/value/MeterValue.js.map +1 -1
- package/lib/number-field/input/NumberFieldInput.d.ts.map +1 -1
- package/lib/number-field/input/NumberFieldInput.js +11 -2
- package/lib/number-field/input/NumberFieldInput.js.map +1 -1
- package/lib/number-field/root/NumberFieldRoot.d.ts.map +1 -1
- package/lib/number-field/root/NumberFieldRoot.js +5 -2
- package/lib/number-field/root/NumberFieldRoot.js.map +1 -1
- package/lib/otp-field/input/OTPFieldInput.d.ts.map +1 -1
- package/lib/otp-field/input/OTPFieldInput.js +4 -0
- package/lib/otp-field/input/OTPFieldInput.js.map +1 -1
- package/lib/otp-field/root/OTPFieldRoot.d.ts.map +1 -1
- package/lib/otp-field/root/OTPFieldRoot.js +20 -2
- package/lib/otp-field/root/OTPFieldRoot.js.map +1 -1
- package/lib/popover/popup/PopoverPopup.d.ts +10 -0
- package/lib/popover/popup/PopoverPopup.d.ts.map +1 -1
- package/lib/popover/popup/PopoverPopup.js +10 -1
- package/lib/popover/popup/PopoverPopup.js.map +1 -1
- package/lib/popover/positioner/PopoverPositioner.d.ts +10 -0
- package/lib/popover/positioner/PopoverPositioner.d.ts.map +1 -1
- package/lib/popover/positioner/PopoverPositioner.js +4 -0
- package/lib/popover/positioner/PopoverPositioner.js.map +1 -1
- package/lib/popover/store/PopoverStore.d.ts +11 -0
- package/lib/popover/store/PopoverStore.d.ts.map +1 -1
- package/lib/popover/store/PopoverStore.js +4 -0
- package/lib/popover/store/PopoverStore.js.map +1 -1
- package/lib/popover/trigger/PopoverTrigger.d.ts.map +1 -1
- package/lib/popover/trigger/PopoverTrigger.js +4 -1
- package/lib/popover/trigger/PopoverTrigger.js.map +1 -1
- package/lib/progress/root/ProgressRoot.d.ts +21 -0
- package/lib/progress/root/ProgressRoot.d.ts.map +1 -1
- package/lib/progress/root/ProgressRoot.js +1 -1
- package/lib/progress/root/ProgressRoot.js.map +1 -1
- package/lib/radio-group/RadioGroup.d.ts.map +1 -1
- package/lib/radio-group/RadioGroup.js +5 -2
- package/lib/radio-group/RadioGroup.js.map +1 -1
- package/lib/select/backdrop/SelectBackdrop.d.ts.map +1 -1
- package/lib/select/backdrop/SelectBackdrop.js +3 -0
- package/lib/select/backdrop/SelectBackdrop.js.map +1 -1
- package/lib/select/index.parts.d.ts +1 -0
- package/lib/select/index.parts.d.ts.map +1 -1
- package/lib/select/index.parts.js +4 -1
- package/lib/select/index.parts.js.map +1 -1
- package/lib/select/popup/SelectPopup.d.ts +8 -0
- package/lib/select/popup/SelectPopup.d.ts.map +1 -1
- package/lib/select/popup/SelectPopup.js +10 -1
- package/lib/select/popup/SelectPopup.js.map +1 -1
- package/lib/select/positioner/SelectPositioner.d.ts +9 -0
- package/lib/select/positioner/SelectPositioner.d.ts.map +1 -1
- package/lib/select/positioner/SelectPositioner.js +9 -1
- package/lib/select/positioner/SelectPositioner.js.map +1 -1
- package/lib/select/root/SelectRoot.d.ts +45 -4
- package/lib/select/root/SelectRoot.d.ts.map +1 -1
- package/lib/select/root/SelectRoot.js +43 -5
- package/lib/select/root/SelectRoot.js.map +1 -1
- package/lib/select/store/SelectHandle.d.ts +42 -0
- package/lib/select/store/SelectHandle.d.ts.map +1 -0
- package/lib/select/store/SelectHandle.js +69 -0
- package/lib/select/store/SelectHandle.js.map +1 -0
- package/lib/select/store/SelectStore.d.ts +33 -0
- package/lib/select/store/SelectStore.d.ts.map +1 -1
- package/lib/select/store/SelectStore.js +17 -1
- package/lib/select/store/SelectStore.js.map +1 -1
- package/lib/select/trigger/SelectTrigger.d.ts +18 -3
- package/lib/select/trigger/SelectTrigger.d.ts.map +1 -1
- package/lib/select/trigger/SelectTrigger.js +51 -4
- package/lib/select/trigger/SelectTrigger.js.map +1 -1
- package/lib/slider/root/SliderRoot.d.ts.map +1 -1
- package/lib/slider/root/SliderRoot.js +9 -1
- package/lib/slider/root/SliderRoot.js.map +1 -1
- package/lib/slider/thumb/SliderThumb.d.ts.map +1 -1
- package/lib/slider/thumb/SliderThumb.js +10 -2
- package/lib/slider/thumb/SliderThumb.js.map +1 -1
- package/lib/switch/root/SwitchRoot.d.ts.map +1 -1
- package/lib/switch/root/SwitchRoot.js +6 -2
- package/lib/switch/root/SwitchRoot.js.map +1 -1
- package/lib/tabs/tab/TabsTab.d.ts +2 -10
- package/lib/tabs/tab/TabsTab.d.ts.map +1 -1
- package/lib/tooltip/popup/TooltipPopup.d.ts +10 -0
- package/lib/tooltip/popup/TooltipPopup.d.ts.map +1 -1
- package/lib/tooltip/popup/TooltipPopup.js +10 -1
- package/lib/tooltip/popup/TooltipPopup.js.map +1 -1
- package/lib/tooltip/positioner/TooltipPositioner.d.ts +10 -0
- package/lib/tooltip/positioner/TooltipPositioner.d.ts.map +1 -1
- package/lib/tooltip/positioner/TooltipPositioner.js +4 -0
- package/lib/tooltip/positioner/TooltipPositioner.js.map +1 -1
- package/lib/tooltip/store/TooltipStore.d.ts +11 -0
- package/lib/tooltip/store/TooltipStore.d.ts.map +1 -1
- package/lib/tooltip/store/TooltipStore.js +11 -1
- package/lib/tooltip/store/TooltipStore.js.map +1 -1
- package/lib/tooltip/trigger/TooltipTrigger.d.ts.map +1 -1
- package/lib/tooltip/trigger/TooltipTrigger.js +4 -1
- package/lib/tooltip/trigger/TooltipTrigger.js.map +1 -1
- package/package.json +1 -1
- package/src/alert-dialog/index.parts.ts +1 -1
- package/src/autocomplete/handle.ts +18 -0
- package/src/autocomplete/index.parts.ts +1 -0
- package/src/autocomplete/index.ts +1 -0
- package/src/autocomplete/root/AutocompleteRoot.tsx +65 -50
- package/src/avatar/fallback/AvatarFallback.tsx +3 -1
- package/src/avatar/image/AvatarImage.tsx +5 -0
- package/src/checkbox/root/CheckboxRoot.tsx +7 -2
- package/src/combobox/backdrop/ComboboxBackdrop.tsx +10 -2
- package/src/combobox/empty/ComboboxEmpty.tsx +5 -1
- package/src/combobox/index.parts.ts +1 -0
- package/src/combobox/index.ts +2 -0
- package/src/combobox/input/ComboboxInput.tsx +118 -23
- package/src/combobox/item/ComboboxItem.tsx +24 -5
- package/src/combobox/list/ComboboxList.tsx +7 -2
- package/src/combobox/popup/ComboboxPopup.tsx +44 -2
- package/src/combobox/portal/ComboboxPortal.tsx +19 -13
- package/src/combobox/portal/ComboboxPortalContext.ts +15 -0
- package/src/combobox/positioner/ComboboxPositioner.tsx +52 -7
- package/src/combobox/positioner/ComboboxPositionerContext.ts +23 -0
- package/src/combobox/root/ComboboxItemsContext.ts +32 -0
- package/src/combobox/root/ComboboxRoot.tsx +94 -56
- package/src/combobox/root/ComboboxRootContext.ts +3 -43
- package/src/combobox/root/ComboboxTransitionContext.ts +15 -0
- package/src/combobox/root/useRenderComboboxRoot.tsx +189 -0
- package/src/combobox/store/ComboboxHandle.ts +64 -0
- package/src/combobox/store/ComboboxStore.ts +249 -0
- package/src/combobox/value/ComboboxValue.tsx +2 -1
- package/src/context-menu/positioner/ContextMenuPositioner.tsx +90 -10
- package/src/context-menu/root/ContextMenuRoot.tsx +8 -0
- package/src/dialog/backdrop/DialogBackdrop.tsx +12 -1
- package/src/dialog/popup/DialogPopup.tsx +11 -2
- package/src/dialog/popup/useDialogPopupProps.ts +4 -0
- package/src/dialog/root/DialogNestingContext.ts +27 -0
- package/src/dialog/root/useRenderDialogRoot.tsx +37 -2
- package/src/dialog/store/DialogStore.ts +24 -2
- package/src/drawer/index.parts.ts +1 -1
- package/src/drawer/popup/DrawerPopup.tsx +12 -1
- package/src/filter/index.ts +5 -0
- package/src/filter/useFilter.ts +95 -0
- package/src/index.ts +1 -0
- package/src/internals/field/useFieldControlRegistration.ts +86 -6
- package/src/menu/popup/MenuPopup.tsx +20 -1
- package/src/menu/positioner/MenuPositioner.tsx +19 -1
- package/src/menu/store/MenuStore.ts +13 -0
- package/src/menu/submenu-trigger/MenuSubmenuTrigger.tsx +3 -0
- package/src/menu/trigger/MenuTrigger.tsx +5 -2
- package/src/meter/indicator/MeterIndicator.tsx +3 -4
- package/src/meter/label/MeterLabel.tsx +3 -4
- package/src/meter/root/MeterRoot.tsx +29 -4
- package/src/meter/root/MeterRootContext.ts +5 -0
- package/src/meter/track/MeterTrack.tsx +3 -4
- package/src/meter/value/MeterValue.tsx +3 -4
- package/src/number-field/input/NumberFieldInput.tsx +11 -2
- package/src/number-field/root/NumberFieldRoot.tsx +4 -2
- package/src/otp-field/input/OTPFieldInput.tsx +4 -0
- package/src/otp-field/root/OTPFieldRoot.tsx +22 -2
- package/src/popover/popup/PopoverPopup.tsx +20 -1
- package/src/popover/positioner/PopoverPositioner.tsx +14 -0
- package/src/popover/store/PopoverStore.ts +13 -0
- package/src/popover/trigger/PopoverTrigger.tsx +5 -2
- package/src/progress/root/ProgressRoot.tsx +25 -1
- package/src/radio-group/RadioGroup.tsx +5 -2
- package/src/select/backdrop/SelectBackdrop.tsx +4 -0
- package/src/select/index.parts.ts +1 -0
- package/src/select/popup/SelectPopup.tsx +18 -1
- package/src/select/positioner/SelectPositioner.tsx +18 -1
- package/src/select/root/SelectRoot.tsx +109 -9
- package/src/select/store/SelectHandle.ts +68 -0
- package/src/select/store/SelectStore.ts +44 -1
- package/src/select/trigger/SelectTrigger.tsx +81 -8
- package/src/slider/root/SliderRoot.tsx +11 -1
- package/src/slider/thumb/SliderThumb.tsx +10 -1
- package/src/switch/root/SwitchRoot.tsx +5 -2
- package/src/tabs/tab/TabsTab.tsx +2 -10
- package/src/tooltip/popup/TooltipPopup.tsx +20 -1
- package/src/tooltip/positioner/TooltipPositioner.tsx +14 -0
- package/src/tooltip/store/TooltipStore.ts +20 -1
- package/src/tooltip/trigger/TooltipTrigger.tsx +5 -2
- package/lib/combobox/root/useComboboxRoot.d.ts +0 -29
- package/lib/combobox/root/useComboboxRoot.d.ts.map +0 -1
- package/lib/combobox/root/useComboboxRoot.js +0 -168
- package/lib/combobox/root/useComboboxRoot.js.map +0 -1
- package/lib/utils/fastObjectShallowCompare.d.ts +0 -2
- package/lib/utils/fastObjectShallowCompare.d.ts.map +0 -1
- package/lib/utils/fastObjectShallowCompare.js +0 -29
- package/lib/utils/fastObjectShallowCompare.js.map +0 -1
- package/lib/utils/mergeObjects.d.ts +0 -2
- package/lib/utils/mergeObjects.d.ts.map +0 -1
- package/lib/utils/mergeObjects.js +0 -16
- package/lib/utils/mergeObjects.js.map +0 -1
- package/src/combobox/root/useComboboxRoot.ts +0 -190
- package/src/utils/fastObjectShallowCompare.ts +0 -30
- package/src/utils/mergeObjects.ts +0 -15
package/README.md
CHANGED
|
@@ -245,6 +245,9 @@ These Base UI pieces stay web/desktop-only:
|
|
|
245
245
|
| `Toolbar` | Desktop toolbar / roving tabindex |
|
|
246
246
|
| `CSPProvider` | Content Security Policy is web-only |
|
|
247
247
|
|
|
248
|
+
Base UI's `useFilter` **is** ported — `Combobox` and `Autocomplete` filter through it, and it is
|
|
249
|
+
exported for filtering your own lists. See [the docs](https://zestui.limonify.com/docs/utilities/use-filter).
|
|
250
|
+
|
|
248
251
|
## Monorepo
|
|
249
252
|
|
|
250
253
|
This repository is a bun + turborepo workspace:
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { AlertDialogRoot as Root } from './root/AlertDialogRoot';
|
|
2
|
-
export { createAlertDialogHandle as createHandle } from './handle';
|
|
2
|
+
export { createAlertDialogHandle as createHandle, type AlertDialogHandle as Handle } from './handle';
|
|
3
3
|
export { AlertDialogTrigger as Trigger } from './trigger/AlertDialogTrigger';
|
|
4
4
|
export { DialogPortal as Portal } from '../dialog/portal/DialogPortal';
|
|
5
5
|
export { DialogBackdrop as Backdrop } from '../dialog/backdrop/DialogBackdrop';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/alert-dialog/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,uBAAuB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/alert-dialog/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,IAAI,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,uBAAuB,IAAI,YAAY,EAAE,KAAK,iBAAiB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AACrG,OAAO,EAAE,kBAAkB,IAAI,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,cAAc,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,iBAAiB,IAAI,WAAW,EAAE,MAAM,yCAAyC,CAAC;AAC3F,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,6BAA6B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/alert-dialog/index.parts.ts"],"names":[],"mappings":";;;AAAA,0DAAiE;AAAxD,uGAAA,eAAe,OAAQ;AAChC,
|
|
1
|
+
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/alert-dialog/index.parts.ts"],"names":[],"mappings":";;;AAAA,0DAAiE;AAAxD,uGAAA,eAAe,OAAQ;AAChC,mCAAqG;AAA5F,sGAAA,uBAAuB,OAAgB;AAChD,mEAA6E;AAApE,6GAAA,kBAAkB,OAAW;AACtC,8DAAuE;AAA9D,sGAAA,YAAY,OAAU;AAC/B,oEAA+E;AAAtE,0GAAA,cAAc,OAAY;AACnC,oEAA+E;AAAtE,0GAAA,cAAc,OAAY;AACnC,2DAAmE;AAA1D,oGAAA,WAAW,OAAS;AAC7B,2DAAmE;AAA1D,oGAAA,WAAW,OAAS;AAC7B,6EAA2F;AAAlF,gHAAA,iBAAiB,OAAe;AACzC,2DAAmE;AAA1D,oGAAA,WAAW,OAAS"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ComboboxHandle } from '../combobox/store/ComboboxHandle';
|
|
2
|
+
/**
|
|
3
|
+
* Controls an autocomplete imperatively, and associates an
|
|
4
|
+
* `Autocomplete.Input` rendered outside the root with it.
|
|
5
|
+
*
|
|
6
|
+
* An autocomplete reuses the combobox store, so it reuses its handle too — only
|
|
7
|
+
* the name in warnings differs.
|
|
8
|
+
*/
|
|
9
|
+
export type AutocompleteHandle = ComboboxHandle;
|
|
10
|
+
/**
|
|
11
|
+
* Creates a handle that connects an `Autocomplete.Root` to an input rendered
|
|
12
|
+
* outside it, and controls it imperatively.
|
|
13
|
+
*/
|
|
14
|
+
export declare function createAutocompleteHandle(): AutocompleteHandle;
|
|
15
|
+
//# sourceMappingURL=handle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../src/autocomplete/handle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAElE;;;;;;GAMG;AACH,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC;AAEhD;;;GAGG;AACH,wBAAgB,wBAAwB,IAAI,kBAAkB,CAE7D"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createAutocompleteHandle = createAutocompleteHandle;
|
|
4
|
+
const ComboboxHandle_1 = require("../combobox/store/ComboboxHandle");
|
|
5
|
+
/**
|
|
6
|
+
* Creates a handle that connects an `Autocomplete.Root` to an input rendered
|
|
7
|
+
* outside it, and controls it imperatively.
|
|
8
|
+
*/
|
|
9
|
+
function createAutocompleteHandle() {
|
|
10
|
+
return new ComboboxHandle_1.ComboboxHandle('Autocomplete');
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=handle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"handle.js","sourceRoot":"","sources":["../../src/autocomplete/handle.ts"],"names":[],"mappings":";;AAeA,4DAEC;AAjBD,qEAAkE;AAWlE;;;GAGG;AACH,SAAgB,wBAAwB;IACtC,OAAO,IAAI,+BAAc,CAAC,cAAc,CAAC,CAAC;AAC5C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,eAAe,CAAC;AAE9C,mBAAmB,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,eAAe,CAAC;AAE9C,mBAAmB,yBAAyB,CAAC;AAC7C,YAAY,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { AutocompleteRoot as Root } from './root/AutocompleteRoot';
|
|
2
|
+
export { createAutocompleteHandle as createHandle } from './handle';
|
|
2
3
|
export { ComboboxInput as Input } from '../combobox/input/ComboboxInput';
|
|
3
4
|
export { ComboboxPortal as Portal } from '../combobox/portal/ComboboxPortal';
|
|
4
5
|
export { ComboboxBackdrop as Backdrop } from '../combobox/backdrop/ComboboxBackdrop';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,IAAI,EAAE,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/autocomplete/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,IAAI,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,wBAAwB,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AAGpE,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAC7F,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACzE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,iCAAiC,CAAC"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Empty = exports.Item = exports.List = exports.Popup = exports.Positioner = exports.Backdrop = exports.Portal = exports.Input = exports.Root = void 0;
|
|
3
|
+
exports.Empty = exports.Item = exports.List = exports.Popup = exports.Positioner = exports.Backdrop = exports.Portal = exports.Input = exports.createHandle = exports.Root = void 0;
|
|
4
4
|
var AutocompleteRoot_1 = require("./root/AutocompleteRoot");
|
|
5
5
|
Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return AutocompleteRoot_1.AutocompleteRoot; } });
|
|
6
|
+
var handle_1 = require("./handle");
|
|
7
|
+
Object.defineProperty(exports, "createHandle", { enumerable: true, get: function () { return handle_1.createAutocompleteHandle; } });
|
|
6
8
|
// An autocomplete reuses every combobox part but its Root.
|
|
7
9
|
var ComboboxInput_1 = require("../combobox/input/ComboboxInput");
|
|
8
10
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return ComboboxInput_1.ComboboxInput; } });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/autocomplete/index.parts.ts"],"names":[],"mappings":";;;AAAA,4DAAmE;AAA1D,wGAAA,gBAAgB,OAAQ;
|
|
1
|
+
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/autocomplete/index.parts.ts"],"names":[],"mappings":";;;AAAA,4DAAmE;AAA1D,wGAAA,gBAAgB,OAAQ;AACjC,mCAAoE;AAA3D,sGAAA,wBAAwB,OAAgB;AAEjD,2DAA2D;AAC3D,iEAAyE;AAAhE,sGAAA,aAAa,OAAS;AAC/B,oEAA6E;AAApE,wGAAA,cAAc,OAAU;AACjC,0EAAqF;AAA5E,4GAAA,gBAAgB,OAAY;AACrC,gFAA6F;AAApF,gHAAA,kBAAkB,OAAc;AACzC,iEAAyE;AAAhE,sGAAA,aAAa,OAAS;AAC/B,8DAAqE;AAA5D,oGAAA,YAAY,OAAQ;AAC7B,8DAAqE;AAA5D,oGAAA,YAAY,OAAQ;AAC7B,iEAAyE;AAAhE,sGAAA,aAAa,OAAS"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import type * as React from 'react';
|
|
2
|
+
import type { ComboboxHandle } from '../../combobox/store/ComboboxHandle';
|
|
3
|
+
import type { ComboboxItem, ComboboxItems } from '../../combobox/store/ComboboxStore';
|
|
4
|
+
import type { ComboboxRootActions, ComboboxRootChangeEventDetails, ComboboxRootChangeEventReason } from '../../combobox/root/ComboboxRoot';
|
|
5
5
|
/**
|
|
6
6
|
* Groups all parts of the autocomplete: a free-text input with a list of
|
|
7
7
|
* suggestions.
|
|
@@ -11,10 +11,10 @@ import { type ComboboxItems } from '../../combobox/root/useComboboxRoot';
|
|
|
11
11
|
* suggestion fills the input rather than selecting a separate value. It reuses
|
|
12
12
|
* every combobox part.
|
|
13
13
|
*/
|
|
14
|
-
export declare function AutocompleteRoot(props: AutocompleteRoot.Props): React.JSX.Element;
|
|
14
|
+
export declare function AutocompleteRoot<Payload = unknown>(props: AutocompleteRoot.Props<Payload>): React.JSX.Element;
|
|
15
15
|
export interface AutocompleteRootState {
|
|
16
16
|
}
|
|
17
|
-
export interface AutocompleteRootProps {
|
|
17
|
+
export interface AutocompleteRootProps<Payload = unknown> {
|
|
18
18
|
/**
|
|
19
19
|
* The suggestions. Strings, or `{ value, label }` records.
|
|
20
20
|
*/
|
|
@@ -28,39 +28,78 @@ export interface AutocompleteRootProps {
|
|
|
28
28
|
*/
|
|
29
29
|
defaultInputValue?: string | undefined;
|
|
30
30
|
/**
|
|
31
|
-
*
|
|
31
|
+
* Event handler called as the input text changes.
|
|
32
32
|
*/
|
|
33
|
-
onInputValueChange?: ((value: string) => void) | undefined;
|
|
33
|
+
onInputValueChange?: ((value: string, eventDetails: AutocompleteRoot.ChangeEventDetails) => void) | undefined;
|
|
34
34
|
/**
|
|
35
|
-
* Whether the suggestion list is open.
|
|
35
|
+
* Whether the suggestion list is currently open.
|
|
36
36
|
*/
|
|
37
37
|
open?: boolean | undefined;
|
|
38
38
|
/**
|
|
39
|
-
* Whether the list is initially open
|
|
39
|
+
* Whether the list is initially open.
|
|
40
|
+
*
|
|
41
|
+
* To render a controlled autocomplete, use the `open` prop instead.
|
|
42
|
+
* @default false
|
|
40
43
|
*/
|
|
41
44
|
defaultOpen?: boolean | undefined;
|
|
42
45
|
/**
|
|
43
|
-
*
|
|
46
|
+
* Event handler called when the list is opened or closed.
|
|
44
47
|
*/
|
|
45
|
-
onOpenChange?: ((open: boolean,
|
|
48
|
+
onOpenChange?: ((open: boolean, eventDetails: AutocompleteRoot.ChangeEventDetails) => void) | undefined;
|
|
46
49
|
/**
|
|
47
50
|
* Whether focusing the input opens the list.
|
|
48
51
|
* @default true
|
|
49
52
|
*/
|
|
50
53
|
openOnFocus?: boolean | undefined;
|
|
51
54
|
/**
|
|
52
|
-
* A custom filter predicate. Defaults to a
|
|
55
|
+
* A custom filter predicate. Defaults to a locale-aware label match, so
|
|
56
|
+
* "resume" finds "Résumé" — see `useFilter` to build your own.
|
|
53
57
|
*/
|
|
54
58
|
filter?: ((item: ComboboxItem, query: string) => boolean) | undefined;
|
|
55
59
|
/**
|
|
56
|
-
* Whether the
|
|
60
|
+
* Whether the component should ignore user interaction.
|
|
57
61
|
* @default false
|
|
58
62
|
*/
|
|
59
63
|
disabled?: boolean | undefined;
|
|
60
|
-
|
|
64
|
+
/**
|
|
65
|
+
* Whether to prevent the list from closing on presses outside the popup.
|
|
66
|
+
* @default false
|
|
67
|
+
*/
|
|
68
|
+
disablePointerDismissal?: boolean | undefined;
|
|
69
|
+
/**
|
|
70
|
+
* A ref to imperative actions.
|
|
71
|
+
*/
|
|
72
|
+
actionsRef?: React.RefObject<AutocompleteRoot.Actions | null> | undefined;
|
|
73
|
+
/**
|
|
74
|
+
* A handle associating this autocomplete with an input rendered outside it,
|
|
75
|
+
* and letting it be opened and closed imperatively. Create one with
|
|
76
|
+
* `Autocomplete.createHandle()`.
|
|
77
|
+
*/
|
|
78
|
+
handle?: ComboboxHandle | undefined;
|
|
79
|
+
/**
|
|
80
|
+
* The id of the input the list is anchored to.
|
|
81
|
+
*/
|
|
82
|
+
triggerId?: string | null | undefined;
|
|
83
|
+
/**
|
|
84
|
+
* The id of the input the list is initially anchored to.
|
|
85
|
+
*/
|
|
86
|
+
defaultTriggerId?: string | null | undefined;
|
|
87
|
+
/**
|
|
88
|
+
* The content of the autocomplete.
|
|
89
|
+
*
|
|
90
|
+
* Pass a function to receive the payload the list was opened with.
|
|
91
|
+
*/
|
|
92
|
+
children?: React.ReactNode | ((payload: Payload) => React.ReactNode);
|
|
61
93
|
}
|
|
62
94
|
export declare namespace AutocompleteRoot {
|
|
63
95
|
type State = AutocompleteRootState;
|
|
64
|
-
type Props = AutocompleteRootProps
|
|
96
|
+
type Props<Payload = unknown> = AutocompleteRootProps<Payload>;
|
|
97
|
+
/**
|
|
98
|
+
* An autocomplete reuses the combobox store, so it reuses its event and
|
|
99
|
+
* action contracts too.
|
|
100
|
+
*/
|
|
101
|
+
type Actions = ComboboxRootActions;
|
|
102
|
+
type ChangeEventReason = ComboboxRootChangeEventReason;
|
|
103
|
+
type ChangeEventDetails = ComboboxRootChangeEventDetails;
|
|
65
104
|
}
|
|
66
105
|
//# sourceMappingURL=AutocompleteRoot.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteRoot.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/root/AutocompleteRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AutocompleteRoot.d.ts","sourceRoot":"","sources":["../../../src/autocomplete/root/AutocompleteRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AAC1E,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACtF,OAAO,KAAK,EACV,mBAAmB,EACnB,8BAA8B,EAC9B,6BAA6B,EAC9B,MAAM,kCAAkC,CAAC;AAE1C;;;;;;;;GAQG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,GAAG,OAAO,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,qBAEzF;AAED,MAAM,WAAW,qBAAqB;CAAG;AAEzC,MAAM,WAAW,qBAAqB,CAAC,OAAO,GAAG,OAAO;IACtD;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACvC;;OAEG;IACH,kBAAkB,CAAC,EACf,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC5E,SAAS,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,gBAAgB,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC5E,SAAS,CAAC;IACd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;IACtE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9C;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC;IAC1E;;;;OAIG;IACH,MAAM,CAAC,EAAE,cAAc,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IAC7C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CACtE;AAED,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,CAAC,OAAO,GAAG,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACtE;;;OAGG;IACH,KAAY,OAAO,GAAG,mBAAmB,CAAC;IAC1C,KAAY,iBAAiB,GAAG,6BAA6B,CAAC;IAC9D,KAAY,kBAAkB,GAAG,8BAA8B,CAAC;CACjE"}
|
|
@@ -2,9 +2,7 @@
|
|
|
2
2
|
'use client';
|
|
3
3
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
4
|
exports.AutocompleteRoot = AutocompleteRoot;
|
|
5
|
-
const
|
|
6
|
-
const ComboboxRootContext_1 = require("../../combobox/root/ComboboxRootContext");
|
|
7
|
-
const useComboboxRoot_1 = require("../../combobox/root/useComboboxRoot");
|
|
5
|
+
const useRenderComboboxRoot_1 = require("../../combobox/root/useRenderComboboxRoot");
|
|
8
6
|
/**
|
|
9
7
|
* Groups all parts of the autocomplete: a free-text input with a list of
|
|
10
8
|
* suggestions.
|
|
@@ -15,20 +13,6 @@ const useComboboxRoot_1 = require("../../combobox/root/useComboboxRoot");
|
|
|
15
13
|
* every combobox part.
|
|
16
14
|
*/
|
|
17
15
|
function AutocompleteRoot(props) {
|
|
18
|
-
|
|
19
|
-
const contextValue = (0, useComboboxRoot_1.useComboboxRoot)({
|
|
20
|
-
mode: 'autocomplete',
|
|
21
|
-
items,
|
|
22
|
-
inputValue,
|
|
23
|
-
defaultInputValue,
|
|
24
|
-
onInputValueChange,
|
|
25
|
-
open,
|
|
26
|
-
defaultOpen,
|
|
27
|
-
onOpenChange,
|
|
28
|
-
openOnFocus,
|
|
29
|
-
filter,
|
|
30
|
-
disabled,
|
|
31
|
-
});
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(ComboboxRootContext_1.ComboboxRootContext.Provider, { value: contextValue, children: children }));
|
|
16
|
+
return (0, useRenderComboboxRoot_1.useRenderComboboxRoot)(props, 'autocomplete');
|
|
33
17
|
}
|
|
34
18
|
//# sourceMappingURL=AutocompleteRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteRoot.js","sourceRoot":"","sources":["../../../src/autocomplete/root/AutocompleteRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"AutocompleteRoot.js","sourceRoot":"","sources":["../../../src/autocomplete/root/AutocompleteRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAoBb,4CAEC;AApBD,qFAAkF;AASlF;;;;;;;;GAQG;AACH,SAAgB,gBAAgB,CAAoB,KAAsC;IACxF,OAAO,IAAA,6CAAqB,EAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AACtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarFallback.d.ts","sourceRoot":"","sources":["../../../src/avatar/fallback/AvatarFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"AvatarFallback.d.ts","sourceRoot":"","sources":["../../../src/avatar/fallback/AvatarFallback.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,iFA8BlE;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;CAAG;AAE/D,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,mBAAmB,CAAC;IAC9D;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}
|
|
@@ -65,7 +65,9 @@ function AvatarFallback(componentProps) {
|
|
|
65
65
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
66
66
|
state,
|
|
67
67
|
ref,
|
|
68
|
-
|
|
68
|
+
// A fallback stands in for the image, so it announces as one too — the
|
|
69
|
+
// initials or icon inside it are what a screen reader reads out.
|
|
70
|
+
props: [{ accessibilityRole: 'image' }, elementProps],
|
|
69
71
|
enabled: imageLoadingStatus !== 'loaded' && (delay === 0 || delayPassed),
|
|
70
72
|
});
|
|
71
73
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarFallback.js","sourceRoot":"","sources":["../../../src/avatar/fallback/AvatarFallback.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAab,
|
|
1
|
+
{"version":3,"file":"AvatarFallback.js","sourceRoot":"","sources":["../../../src/avatar/fallback/AvatarFallback.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAab,wCA8BC;AA1CD,6CAA+B;AAC/B,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,uDAAoD;AAIpD;;;GAGG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC;IAClE,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAE7B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;YACd,OAAO,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,CAAC;aAAM,CAAC;YACN,2EAA2E;YAC3E,0EAA0E;YAC1E,YAAY;YACZ,cAAc,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC;QACD,OAAO,OAAO,CAAC,KAAK,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,MAAM,KAAK,GAAwB,EAAE,kBAAkB,EAAE,CAAC;IAE1D,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,uEAAuE;QACvE,iEAAiE;QACjE,KAAK,EAAE,CAAC,EAAE,iBAAiB,EAAE,OAAgB,EAAE,EAAE,YAAY,CAAC;QAC9D,OAAO,EAAE,kBAAkB,KAAK,QAAQ,IAAI,CAAC,KAAK,KAAK,CAAC,IAAI,WAAW,CAAC;KACzE,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarImage.d.ts","sourceRoot":"","sources":["../../../src/avatar/image/AvatarImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAuD,MAAM,cAAc,CAAC;AAK1F,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"AvatarImage.d.ts","sourceRoot":"","sources":["../../../src/avatar/image/AvatarImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAuD,MAAM,cAAc,CAAC;AAK1F,OAAO,EAAuB,KAAK,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AACjG,OAAO,KAAK,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;;;;;GAWG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,0EAiD5D;AAED,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;OAEG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,KAAK,EAAE,gBAAgB,CAAC;IAC5F;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CAC5E;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}
|
|
@@ -78,6 +78,11 @@ function AvatarImage(componentProps) {
|
|
|
78
78
|
ref,
|
|
79
79
|
props: [
|
|
80
80
|
{
|
|
81
|
+
// An avatar image is content, not decoration: without a role assistive
|
|
82
|
+
// tech has nothing to announce it as. Pass `accessibilityLabel` (or
|
|
83
|
+
// `alt`) for the person it depicts; leave it off and RN treats the
|
|
84
|
+
// image as unlabelled, which is the right default for a decorative one.
|
|
85
|
+
accessibilityRole: 'image',
|
|
81
86
|
onLoadStart() {
|
|
82
87
|
publishStatus('loading');
|
|
83
88
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AvatarImage.js","sourceRoot":"","sources":["../../../src/avatar/image/AvatarImage.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBb,
|
|
1
|
+
{"version":3,"file":"AvatarImage.js","sourceRoot":"","sources":["../../../src/avatar/image/AvatarImage.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBb,kCAiDC;AAvED,6CAA+B;AAC/B,+CAA0F;AAC1F,iEAAiE;AACjE,wEAAqE;AACrE,qEAAkE;AAClE,uEAAoE;AACpE,6EAAiG;AAIjG;;;;;;;;;;;GAWG;AACH,SAAgB,WAAW,CAAC,cAAiC;IAC3D,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEjG,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAA,wCAAoB,GAAE,CAAC;IAEzD,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAqB,MAAM,CAAC,CAAC;IAEnF,8EAA8E;IAC9E,4EAA4E;IAC5E,mBAAmB;IACnB,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,yCAAmB,EAAC,kBAAkB,KAAK,QAAQ,CAAC,CAAC;IAElF,MAAM,aAAa,GAAG,IAAA,qCAAiB,EAAC,CAAC,MAA0B,EAAE,EAAE;QACrE,SAAS,CAAC,MAAM,CAAC,CAAC;QAClB,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAG,MAAM,CAAC,CAAC;QAChC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,8EAA8E;IAC9E,0DAA0D;IAC1D,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,OAAO,GAAG,EAAE,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B,MAAM,KAAK,GAAqB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,oBAAK,EAAE,cAAc,EAAE;QAC7C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,uEAAuE;gBACvE,oEAAoE;gBACpE,mEAAmE;gBACnE,wEAAwE;gBACxE,iBAAiB,EAAE,OAAgB;gBACnC,WAAW;oBACT,aAAa,CAAC,SAAS,CAAC,CAAC;gBAC3B,CAAC;gBACD,MAAM;oBACJ,aAAa,CAAC,QAAQ,CAAC,CAAC;gBAC1B,CAAC;gBACD,OAAO,CAAC,MAAiD;oBACvD,aAAa,CAAC,OAAO,CAAC,CAAC;gBACzB,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/root/CheckboxRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"CheckboxRoot.d.ts","sourceRoot":"","sources":["../../../src/checkbox/root/CheckboxRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAIrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAK9C;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,qBA6I9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,iBAAiB,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5F;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC7B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC3E,SAAS,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,6BAA6B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAEhE,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,iBAAiB,GAAG,6BAA6B,CAAC;IAC9D,KAAY,kBAAkB,GAAG,sBAAsB,CAAC,6BAA6B,CAAC,CAAC;CACxF"}
|
|
@@ -55,13 +55,15 @@ const CheckboxRootContext_1 = require("./CheckboxRootContext");
|
|
|
55
55
|
* field's `validate` on change.
|
|
56
56
|
*/
|
|
57
57
|
function CheckboxRoot(componentProps) {
|
|
58
|
-
var _a;
|
|
58
|
+
var _a, _b;
|
|
59
59
|
const { checked: checkedProp, className, defaultChecked = false, disabled: disabledProp = false, indeterminate = false, onCheckedChange, parent = false, readOnly = false, render, required = false, style, value, ref, ...elementProps } = componentProps;
|
|
60
60
|
const groupContext = (0, CheckboxGroupContext_1.useCheckboxGroupContext)();
|
|
61
61
|
const parentContext = groupContext === null || groupContext === void 0 ? void 0 : groupContext.parent;
|
|
62
62
|
const isGroupedWithParent = parentContext != null && (groupContext === null || groupContext === void 0 ? void 0 : groupContext.allValues) != null;
|
|
63
|
-
const { fieldDisabled, fieldProps,
|
|
64
|
-
|
|
63
|
+
const { fieldDisabled, fieldProps, markChanged, markTouched } = (0, useFieldControlRegistration_1.useFieldControlRegistration)({
|
|
64
|
+
initialValue: (_a = defaultChecked !== null && defaultChecked !== void 0 ? defaultChecked : checkedProp) !== null && _a !== void 0 ? _a : false,
|
|
65
|
+
});
|
|
66
|
+
const disabled = (_b = ((groupContext === null || groupContext === void 0 ? void 0 : groupContext.disabled) || disabledProp || fieldDisabled)) !== null && _b !== void 0 ? _b : false;
|
|
65
67
|
const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
|
|
66
68
|
let groupProps = {};
|
|
67
69
|
if (isGroupedWithParent) {
|
|
@@ -123,7 +125,10 @@ function CheckboxRoot(componentProps) {
|
|
|
123
125
|
return;
|
|
124
126
|
}
|
|
125
127
|
setCheckedState(nextChecked);
|
|
126
|
-
|
|
128
|
+
// A press is both the change and the end of the interaction: there is
|
|
129
|
+
// no blur on a checkbox to mark it touched later.
|
|
130
|
+
markChanged(nextChecked);
|
|
131
|
+
markTouched(nextChecked);
|
|
127
132
|
if (value && groupValue && setGroupValue && !parent && !isGroupedWithParent) {
|
|
128
133
|
const nextGroupValue = nextChecked
|
|
129
134
|
? [...groupValue, value]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxRoot.js","sourceRoot":"","sources":["../../../src/checkbox/root/CheckboxRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBb,
|
|
1
|
+
{"version":3,"file":"CheckboxRoot.js","sourceRoot":"","sources":["../../../src/checkbox/root/CheckboxRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxBackdrop.d.ts","sourceRoot":"","sources":["../../../src/combobox/backdrop/ComboboxBackdrop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxBackdrop.d.ts","sourceRoot":"","sources":["../../../src/combobox/backdrop/ComboboxBackdrop.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA0C,MAAM,cAAc,CAAC;AAKjF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,8FA0BtE;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,qBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,qBAAqB,CAAC;CAAG;AAE1E,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC3C"}
|
|
@@ -5,13 +5,16 @@ exports.ComboboxBackdrop = ComboboxBackdrop;
|
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
6
|
const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
|
|
7
7
|
const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
8
|
+
const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
|
|
9
|
+
const reasons_1 = require("../../utils/reasons");
|
|
8
10
|
/**
|
|
9
11
|
* A full-screen surface that dismisses the list on an outside press.
|
|
10
12
|
* Renders a `<Pressable>`.
|
|
11
13
|
*/
|
|
12
14
|
function ComboboxBackdrop(componentProps) {
|
|
13
15
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
14
|
-
const
|
|
16
|
+
const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
|
|
17
|
+
const open = store.useState('open');
|
|
15
18
|
const state = { open };
|
|
16
19
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
|
|
17
20
|
state,
|
|
@@ -20,7 +23,12 @@ function ComboboxBackdrop(componentProps) {
|
|
|
20
23
|
{
|
|
21
24
|
style: react_native_1.StyleSheet.absoluteFill,
|
|
22
25
|
onPress(event) {
|
|
23
|
-
|
|
26
|
+
var _a, _b;
|
|
27
|
+
if (store.select('disablePointerDismissal')) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
store.setOpen(false, (0, createChangeEventDetails_1.createChangeEventDetails)(reasons_1.REASONS.outsidePress, event));
|
|
31
|
+
(_b = (_a = store.select('inputRef')) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.blur();
|
|
24
32
|
},
|
|
25
33
|
},
|
|
26
34
|
elementProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxBackdrop.js","sourceRoot":"","sources":["../../../src/combobox/backdrop/ComboboxBackdrop.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"ComboboxBackdrop.js","sourceRoot":"","sources":["../../../src/combobox/backdrop/ComboboxBackdrop.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAYb,4CA0BC;AArCD,+CAAiF;AACjF,qEAAqE;AACrE,wEAAqE;AACrE,mFAAgF;AAChF,iDAA8C;AAG9C;;;GAGG;AACH,SAAgB,gBAAgB,CAAC,cAAsC;IACrE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAA0B,EAAE,IAAI,EAAE,CAAC;IAE9C,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,yBAAU,CAAC,YAAY;gBAC9B,OAAO,CAAC,KAA4B;;oBAClC,IAAI,KAAK,CAAC,MAAM,CAAC,yBAAyB,CAAC,EAAE,CAAC;wBAC5C,OAAO;oBACT,CAAC;oBAED,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;oBAC5E,MAAA,MAAA,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,0CAAE,OAAO,0CAAE,IAAI,EAAE,CAAC;gBAC5C,CAAC;aACF;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/combobox/empty/ComboboxEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxEmpty.d.ts","sourceRoot":"","sources":["../../../src/combobox/empty/ComboboxEmpty.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,qGAgBhE;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,kBAAmB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,kBAAkB,CAAC;CAAG;AAEpG,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}
|
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.ComboboxEmpty = ComboboxEmpty;
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
6
|
const ComboboxRootContext_1 = require("../root/ComboboxRootContext");
|
|
7
|
+
const ComboboxItemsContext_1 = require("../root/ComboboxItemsContext");
|
|
7
8
|
const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
8
9
|
/**
|
|
9
10
|
* Shown when no items match the current query.
|
|
@@ -11,7 +12,9 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
|
11
12
|
*/
|
|
12
13
|
function ComboboxEmpty(componentProps) {
|
|
13
14
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
14
|
-
const
|
|
15
|
+
const store = (0, ComboboxRootContext_1.useComboboxRootContext)();
|
|
16
|
+
const { filteredItems } = (0, ComboboxItemsContext_1.useComboboxItemsContext)();
|
|
17
|
+
const open = store.useState('open');
|
|
15
18
|
const state = { open };
|
|
16
19
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
17
20
|
state,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxEmpty.js","sourceRoot":"","sources":["../../../src/combobox/empty/ComboboxEmpty.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"ComboboxEmpty.js","sourceRoot":"","sources":["../../../src/combobox/empty/ComboboxEmpty.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,sCAgBC;AA1BD,+CAAoC;AACpC,qEAAqE;AACrE,uEAAuE;AACvE,wEAAqE;AAGrE;;;GAGG;AACH,SAAgB,aAAa,CAAC,cAAmC;IAC/D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,4CAAsB,GAAE,CAAC;IACvC,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,8CAAuB,GAAE,CAAC;IAEpD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAuB,EAAE,IAAI,EAAE,CAAC;IAE3C,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,OAAO,EAAE,aAAa,CAAC,MAAM,KAAK,CAAC;QACnC,KAAK,EAAE,CAAC,EAAE,uBAAuB,EAAE,QAAiB,EAAE,EAAE,YAAY,CAAC;KACtE,CAAC,CAAC;AACL,CAAC"}
|
package/lib/combobox/index.d.ts
CHANGED
|
@@ -10,4 +10,6 @@ export type * from './item/ComboboxItem';
|
|
|
10
10
|
export type * from './empty/ComboboxEmpty';
|
|
11
11
|
export type * from './value/ComboboxValue';
|
|
12
12
|
export { useComboboxRootContext, type ComboboxItem as ComboboxItemData, } from './root/ComboboxRootContext';
|
|
13
|
+
export { ComboboxHandle } from './store/ComboboxHandle';
|
|
14
|
+
export type { ComboboxItems } from './store/ComboboxStore';
|
|
13
15
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,eAAe,CAAC;AAE1C,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,yBAAyB,CAAC;AAC7C,mBAAmB,6BAA6B,CAAC;AACjD,mBAAmB,iCAAiC,CAAC;AACrD,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,uBAAuB,CAAC;AAC3C,OAAO,EACL,sBAAsB,EACtB,KAAK,YAAY,IAAI,gBAAgB,GACtC,MAAM,4BAA4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,QAAQ,MAAM,eAAe,CAAC;AAE1C,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,yBAAyB,CAAC;AAC7C,mBAAmB,6BAA6B,CAAC;AACjD,mBAAmB,iCAAiC,CAAC;AACrD,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,qBAAqB,CAAC;AACzC,mBAAmB,uBAAuB,CAAC;AAC3C,mBAAmB,uBAAuB,CAAC;AAC3C,OAAO,EACL,sBAAsB,EACtB,KAAK,YAAY,IAAI,gBAAgB,GACtC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}
|
package/lib/combobox/index.js
CHANGED
|
@@ -33,8 +33,10 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.useComboboxRootContext = exports.Combobox = void 0;
|
|
36
|
+
exports.ComboboxHandle = exports.useComboboxRootContext = exports.Combobox = void 0;
|
|
37
37
|
exports.Combobox = __importStar(require("./index.parts"));
|
|
38
38
|
var ComboboxRootContext_1 = require("./root/ComboboxRootContext");
|
|
39
39
|
Object.defineProperty(exports, "useComboboxRootContext", { enumerable: true, get: function () { return ComboboxRootContext_1.useComboboxRootContext; } });
|
|
40
|
+
var ComboboxHandle_1 = require("./store/ComboboxHandle");
|
|
41
|
+
Object.defineProperty(exports, "ComboboxHandle", { enumerable: true, get: function () { return ComboboxHandle_1.ComboboxHandle; } });
|
|
40
42
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAA0C;AAY1C,kEAGoC;AAFlC,6HAAA,sBAAsB,OAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/combobox/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAA0C;AAY1C,kEAGoC;AAFlC,6HAAA,sBAAsB,OAAA;AAGxB,yDAAwD;AAA/C,gHAAA,cAAc,OAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { ComboboxRoot as Root } from './root/ComboboxRoot';
|
|
2
|
+
export { createComboboxHandle as createHandle, ComboboxHandle as Handle } from './store/ComboboxHandle';
|
|
2
3
|
export { ComboboxInput as Input } from './input/ComboboxInput';
|
|
3
4
|
export { ComboboxPortal as Portal } from './portal/ComboboxPortal';
|
|
4
5
|
export { ComboboxBackdrop as Backdrop } from './backdrop/ComboboxBackdrop';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/combobox/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.parts.d.ts","sourceRoot":"","sources":["../../src/combobox/index.parts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxG,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACnE,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,kBAAkB,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACnF,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAC3D,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC"}
|
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.Value = exports.Empty = exports.Item = exports.List = exports.Popup = exports.Positioner = exports.Backdrop = exports.Portal = exports.Input = exports.Root = void 0;
|
|
3
|
+
exports.Value = exports.Empty = exports.Item = exports.List = exports.Popup = exports.Positioner = exports.Backdrop = exports.Portal = exports.Input = exports.Handle = exports.createHandle = exports.Root = void 0;
|
|
4
4
|
var ComboboxRoot_1 = require("./root/ComboboxRoot");
|
|
5
5
|
Object.defineProperty(exports, "Root", { enumerable: true, get: function () { return ComboboxRoot_1.ComboboxRoot; } });
|
|
6
|
+
var ComboboxHandle_1 = require("./store/ComboboxHandle");
|
|
7
|
+
Object.defineProperty(exports, "createHandle", { enumerable: true, get: function () { return ComboboxHandle_1.createComboboxHandle; } });
|
|
8
|
+
Object.defineProperty(exports, "Handle", { enumerable: true, get: function () { return ComboboxHandle_1.ComboboxHandle; } });
|
|
6
9
|
var ComboboxInput_1 = require("./input/ComboboxInput");
|
|
7
10
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return ComboboxInput_1.ComboboxInput; } });
|
|
8
11
|
var ComboboxPortal_1 = require("./portal/ComboboxPortal");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/combobox/index.parts.ts"],"names":[],"mappings":";;;AAAA,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,0DAAmE;AAA1D,wGAAA,cAAc,OAAU;AACjC,gEAA2E;AAAlE,4GAAA,gBAAgB,OAAY;AACrC,sEAAmF;AAA1E,gHAAA,kBAAkB,OAAc;AACzC,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,uDAA+D;AAAtD,sGAAA,aAAa,OAAS"}
|
|
1
|
+
{"version":3,"file":"index.parts.js","sourceRoot":"","sources":["../../src/combobox/index.parts.ts"],"names":[],"mappings":";;;AAAA,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,yDAAwG;AAA/F,8GAAA,oBAAoB,OAAgB;AAAE,wGAAA,cAAc,OAAU;AACvE,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,0DAAmE;AAA1D,wGAAA,cAAc,OAAU;AACjC,gEAA2E;AAAlE,4GAAA,gBAAgB,OAAY;AACrC,sEAAmF;AAA1E,gHAAA,kBAAkB,OAAc;AACzC,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,oDAA2D;AAAlD,oGAAA,YAAY,OAAQ;AAC7B,uDAA+D;AAAtD,sGAAA,aAAa,OAAS;AAC/B,uDAA+D;AAAtD,sGAAA,aAAa,OAAS"}
|
|
@@ -1,19 +1,40 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TextInput } from 'react-native';
|
|
3
|
+
import type { ComboboxHandle } from '../store/ComboboxHandle';
|
|
3
4
|
import type { ZestUIComponentProps } from '../../types';
|
|
4
5
|
/**
|
|
5
6
|
* The text input that filters the list, and the element the popup is anchored to.
|
|
6
7
|
* Renders a `<TextInput>`.
|
|
8
|
+
*
|
|
9
|
+
* Pass a `handle` to render the input outside of its `Combobox.Root`: there is
|
|
10
|
+
* no context reaching across, so the handle is what connects the two.
|
|
7
11
|
*/
|
|
8
|
-
export declare function ComboboxInput(componentProps: ComboboxInput.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
+
export declare function ComboboxInput<Payload = unknown>(componentProps: ComboboxInput.Props<Payload>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
9
13
|
export interface ComboboxInputState {
|
|
14
|
+
/**
|
|
15
|
+
* Whether the list is currently open.
|
|
16
|
+
*/
|
|
10
17
|
open: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the component should ignore user interaction.
|
|
20
|
+
*/
|
|
11
21
|
disabled: boolean;
|
|
12
22
|
}
|
|
13
|
-
export interface ComboboxInputProps extends Omit<ZestUIComponentProps<typeof TextInput, ComboboxInputState>, 'value'> {
|
|
23
|
+
export interface ComboboxInputProps<Payload = unknown> extends Omit<ZestUIComponentProps<typeof TextInput, ComboboxInputState>, 'value'> {
|
|
24
|
+
/**
|
|
25
|
+
* A handle shared with a `Combobox.Root`, which is what lets this input live
|
|
26
|
+
* outside of it. Create one with `Combobox.createHandle()`.
|
|
27
|
+
*
|
|
28
|
+
* The input's `nativeID` is the id a handle's `open(triggerId)` resolves.
|
|
29
|
+
*/
|
|
30
|
+
handle?: ComboboxHandle | undefined;
|
|
31
|
+
/**
|
|
32
|
+
* A payload handed to the root's children when they are a function.
|
|
33
|
+
*/
|
|
34
|
+
payload?: Payload | undefined;
|
|
14
35
|
}
|
|
15
36
|
export declare namespace ComboboxInput {
|
|
16
37
|
type State = ComboboxInputState;
|
|
17
|
-
type Props = ComboboxInputProps
|
|
38
|
+
type Props<Payload = unknown> = ComboboxInputProps<Payload>;
|
|
18
39
|
}
|
|
19
40
|
//# sourceMappingURL=ComboboxInput.d.ts.map
|