@limonify/zest-ui 0.3.2 → 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 -4
- 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 +65 -11
- 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 -6
- 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 +7 -2
- package/lib/combobox/positioner/ComboboxPositioner.d.ts.map +1 -1
- package/lib/combobox/positioner/ComboboxPositioner.js +61 -6
- 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 -54
- 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 +4 -0
- package/lib/select/positioner/SelectPositioner.d.ts.map +1 -1
- package/lib/select/positioner/SelectPositioner.js +2 -0
- 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 +28 -0
- package/lib/select/store/SelectStore.d.ts.map +1 -1
- package/lib/select/store/SelectStore.js +15 -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 +49 -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 -3
- 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 +112 -27
- package/src/combobox/item/ComboboxItem.tsx +24 -6
- 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 +45 -10
- 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 -54
- 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 +9 -3
- package/src/select/root/SelectRoot.tsx +109 -9
- package/src/select/store/SelectHandle.ts +68 -0
- package/src/select/store/SelectStore.ts +38 -1
- package/src/select/trigger/SelectTrigger.tsx +78 -7
- 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 -176
- 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 -199
- package/src/utils/fastObjectShallowCompare.ts +0 -30
- package/src/utils/mergeObjects.ts +0 -15
|
@@ -8,6 +8,8 @@ const selectors = {
|
|
|
8
8
|
open: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.openProp) !== null && _a !== void 0 ? _a : state.open; }),
|
|
9
9
|
disablePointerDismissal: (0, createSelector_1.createSelector)((state) => state.disablePointerDismissal),
|
|
10
10
|
triggerNode: (0, createSelector_1.createSelector)((state) => state.triggerNode),
|
|
11
|
+
triggerWidth: (0, createSelector_1.createSelector)((state) => state.triggerWidth),
|
|
12
|
+
triggerHeight: (0, createSelector_1.createSelector)((state) => state.triggerHeight),
|
|
11
13
|
update: (0, createSelector_1.createSelector)((state) => state.update),
|
|
12
14
|
payload: (0, createSelector_1.createSelector)((state) => state.payload),
|
|
13
15
|
triggerId: (0, createSelector_1.createSelector)((state) => { var _a; return (_a = state.triggerIdProp) !== null && _a !== void 0 ? _a : state.triggerId; }),
|
|
@@ -19,6 +21,8 @@ class MenuStore extends ReactStore_1.ReactStore {
|
|
|
19
21
|
openProp: undefined,
|
|
20
22
|
disablePointerDismissal: false,
|
|
21
23
|
triggerNode: null,
|
|
24
|
+
triggerWidth: undefined,
|
|
25
|
+
triggerHeight: undefined,
|
|
22
26
|
update: undefined,
|
|
23
27
|
payload: undefined,
|
|
24
28
|
triggerId: null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuStore.js","sourceRoot":"","sources":["../../../src/menu/store/MenuStore.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAC5D,uDAAoD;AACpD,wEAAqE;
|
|
1
|
+
{"version":3,"file":"MenuStore.js","sourceRoot":"","sources":["../../../src/menu/store/MenuStore.ts"],"names":[],"mappings":";;;AAAA,+DAA4D;AAC5D,uDAAoD;AACpD,wEAAqE;AA6CrE,MAAM,SAAS,GAAG;IAChB,IAAI,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,QAAQ,mCAAI,KAAK,CAAC,IAAI,CAAA,EAAA,CAAC;IACpE,uBAAuB,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,uBAAuB,CAAC;IACxF,WAAW,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC;IAChE,YAAY,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC;IAClE,aAAa,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,aAAa,CAAC;IACpE,MAAM,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC;IACtD,OAAO,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC;IACxD,SAAS,EAAE,IAAA,+BAAc,EAAC,CAAC,KAAY,EAAE,EAAE,WAAC,OAAA,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,SAAS,CAAA,EAAA,CAAC;CACpF,CAAC;AAEF,MAAa,SAAU,SAAQ,uBAAsD;IACnF,YAAY,YAA6B;QACvC,KAAK,CACH;YACE,IAAI,EAAE,KAAK;YACX,QAAQ,EAAE,SAAS;YACnB,uBAAuB,EAAE,KAAK;YAC9B,WAAW,EAAE,IAAI;YACjB,YAAY,EAAE,SAAS;YACvB,aAAa,EAAE,SAAS;YACxB,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,IAAI;YACf,aAAa,EAAE,SAAS;YACxB,GAAG,YAAY;SAChB,EACD,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,iCAAe,EAAE,EAAE,EAChE,SAAS,CACV,CAAC;QAGG,YAAO,GAAG,CAAC,QAAiB,EAAE,YAAyC,EAAE,EAAE;;YAChF,IAAI,QAAQ,KAAK,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrC,OAAO;YACT,CAAC;YAED,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,YAAY,mDAAG,QAAQ,EAAE,YAAY,CAAC,CAAC;YAEpD,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;gBAC5B,OAAO;YACT,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QAC7B,CAAC,CAAC;IAdF,CAAC;CAeF;AAlCD,8BAkCC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSubmenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/menu/submenu-trigger/MenuSubmenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAC;AAO7F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,kBAAkB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MenuSubmenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/menu/submenu-trigger/MenuSubmenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAC;AAO7F,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;;;;;;;;;GAWG;AACH,wBAAgB,kBAAkB,CAAC,cAAc,EAAE,kBAAkB,CAAC,KAAK,0EAiE1E;AAED,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBACf,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,uBAAuB,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,kBAAkB,CAAC;IAClC,KAAY,KAAK,GAAG,uBAAuB,CAAC;IAC5C,KAAY,KAAK,GAAG,uBAAuB,CAAC;CAC7C"}
|
|
@@ -84,6 +84,9 @@ function MenuSubmenuTrigger(componentProps) {
|
|
|
84
84
|
onLayout(event) {
|
|
85
85
|
var _a, _b;
|
|
86
86
|
onLayout(event);
|
|
87
|
+
const { width, height } = event.nativeEvent.layout;
|
|
88
|
+
store.set('triggerWidth', width);
|
|
89
|
+
store.set('triggerHeight', height);
|
|
87
90
|
(_b = (_a = store.state).update) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
88
91
|
},
|
|
89
92
|
accessibilityRole: 'menuitem',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuSubmenuTrigger.js","sourceRoot":"","sources":["../../../src/menu/submenu-trigger/MenuSubmenuTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBb,
|
|
1
|
+
{"version":3,"file":"MenuSubmenuTrigger.js","sourceRoot":"","sources":["../../../src/menu/submenu-trigger/MenuSubmenuTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBb,gDAiEC;AAzFD,6CAA+B;AAC/B,+CAA6F;AAC7F,6DAA6D;AAC7D,mFAAmF;AACnF,wEAAqE;AACrE,oEAAiE;AACjE,8FAA2F;AAC3F,6DAA0D;AAE1D,mFAAgF;AAChF,iDAA8C;AAE9C;;;;;;;;;;;GAWG;AACH,SAAgB,kBAAkB,CAAC,cAAwC;IACzE,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE5F,MAAM,kBAAkB,GAAG,IAAA,kDAAyB,GAAE,CAAC;IACvD,IAAI,kBAAkB,KAAK,SAAS,EAAE,CAAC;QACrC,MAAM,IAAI,KAAK,CACb,iHAAiH,CAClH,CAAC;IACJ,CAAC;IAED,0EAA0E;IAC1E,MAAM,KAAK,GAAG,IAAA,oCAAkB,GAAE,CAAC;IACnC,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,8EAA8E;IAC9E,WAAW;IACX,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAoB,GAAE,CAAC;IAEnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CACjC,CAAC,IAAa,EAAE,EAAE;QAChB,KAAK,CAAC,GAAG,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IACF,MAAM,SAAS,GAAG,IAAA,6BAAa,EAAC,GAAG,EAAE,SAAS,CAAC,CAAC;IAEhD,MAAM,KAAK,GAA4B,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;IAE1E,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG,EAAE,SAAS;QACd,KAAK,EAAE;YACL;gBACE,QAAQ,CAAC,KAAwB;;oBAC/B,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAChB,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;oBACnD,KAAK,CAAC,GAAG,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC;oBACjC,KAAK,CAAC,GAAG,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBACnC,MAAA,MAAA,KAAK,CAAC,KAAK,EAAC,MAAM,kDAAI,CAAC;gBACzB,CAAC;gBACD,iBAAiB,EAAE,UAAmB;gBACtC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvE,eAAe,EAAE,MAAe;gBAChC,OAAO,CAAC,KAA4B;oBAClC,IAAI,QAAQ,EAAE,CAAC;wBACb,OAAO;oBACT,CAAC;oBAED,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,IAAA,mDAAwB,EAAC,iBAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC;gBAC9E,CAAC;gBACD,SAAS;oBACP,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;gBACD,UAAU;oBACR,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC;aACF;YACD,YAAY;YACZ,cAAc;SACf;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/menu/trigger/MenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"MenuTrigger.d.ts","sourceRoot":"","sources":["../../../src/menu/trigger/MenuTrigger.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAsD,MAAM,cAAc,CAAC;AAQ7F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAG,OAAO,EAAE,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,0EA6FxF;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB,CAAC,OAAO,GAAG,OAAO,CACjD,SAAQ,oBAAoB,CAAC,OAAO,SAAS,EAAE,gBAAgB,CAAC;IAChE;;;;;OAKG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,GAAG,SAAS,CAAC;IACzC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,CAAC,OAAO,GAAG,OAAO,IAAI,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAClE"}
|
|
@@ -102,8 +102,11 @@ function MenuTrigger(componentProps) {
|
|
|
102
102
|
onPressOut() {
|
|
103
103
|
setPressed(false);
|
|
104
104
|
},
|
|
105
|
-
onLayout() {
|
|
105
|
+
onLayout(event) {
|
|
106
106
|
var _a, _b;
|
|
107
|
+
const { width, height } = event.nativeEvent.layout;
|
|
108
|
+
store.set('triggerWidth', width);
|
|
109
|
+
store.set('triggerHeight', height);
|
|
107
110
|
(_b = (_a = store.state).update) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
108
111
|
},
|
|
109
112
|
accessibilityState: { expanded: open, disabled: disabled || undefined },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../../src/menu/trigger/MenuTrigger.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBb,
|
|
1
|
+
{"version":3,"file":"MenuTrigger.js","sourceRoot":"","sources":["../../../src/menu/trigger/MenuTrigger.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
|
+
import type { MeterRootState } from '../root/MeterRoot';
|
|
2
3
|
import type { ZestUIComponentProps } from '../../types';
|
|
3
4
|
/**
|
|
4
5
|
* Visualizes the current value.
|
|
5
6
|
* Renders a `<View>` sized to the value's position in the range.
|
|
6
7
|
*/
|
|
7
8
|
export declare function MeterIndicator(componentProps: MeterIndicator.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
8
|
-
export interface MeterIndicatorState {
|
|
9
|
+
export interface MeterIndicatorState extends MeterRootState {
|
|
9
10
|
}
|
|
10
11
|
export interface MeterIndicatorProps extends ZestUIComponentProps<typeof View, MeterIndicatorState> {
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterIndicator.d.ts","sourceRoot":"","sources":["../../../src/meter/indicator/MeterIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MeterIndicator.d.ts","sourceRoot":"","sources":["../../../src/meter/indicator/MeterIndicator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,cAAc,EAAE,cAAc,CAAC,KAAK,8FAUlE;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc;CAAG;AAE9D,MAAM,WAAW,mBACf,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,mBAAmB,CAAC;CAAG;AAEnE,yBAAiB,cAAc,CAAC;IAC9B,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,mBAAmB,CAAC;CACzC"}
|
|
@@ -11,8 +11,7 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
|
11
11
|
*/
|
|
12
12
|
function MeterIndicator(componentProps) {
|
|
13
13
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
14
|
-
const { percentageValue } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
15
|
-
const state = {};
|
|
14
|
+
const { percentageValue, state } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
16
15
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
17
16
|
state,
|
|
18
17
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterIndicator.js","sourceRoot":"","sources":["../../../src/meter/indicator/MeterIndicator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"MeterIndicator.js","sourceRoot":"","sources":["../../../src/meter/indicator/MeterIndicator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,wCAUC;AApBD,+CAAoC;AACpC,+DAA+D;AAC/D,wEAAqE;AAIrE;;;GAGG;AACH,SAAgB,cAAc,CAAC,cAAoC;IACjE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,IAAA,sCAAmB,GAAE,CAAC;IAEzD,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,eAAe,GAAY,EAAE,EAAE,EAAE,YAAY,CAAC;KAC5E,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { Text } from 'react-native';
|
|
2
|
+
import type { MeterRootState } from '../root/MeterRoot';
|
|
2
3
|
import type { ZestUIComponentProps } from '../../types';
|
|
3
4
|
/**
|
|
4
5
|
* An accessible label for the meter.
|
|
5
6
|
* Renders a `<Text>`.
|
|
6
7
|
*/
|
|
7
8
|
export declare function MeterLabel(componentProps: MeterLabel.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
8
|
-
export interface MeterLabelState {
|
|
9
|
+
export interface MeterLabelState extends MeterRootState {
|
|
9
10
|
}
|
|
10
11
|
export interface MeterLabelProps extends ZestUIComponentProps<typeof Text, MeterLabelState> {
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterLabel.d.ts","sourceRoot":"","sources":["../../../src/meter/label/MeterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MeterLabel.d.ts","sourceRoot":"","sources":["../../../src/meter/label/MeterLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,8FAiB1D;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;CAAG;AAE1D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,eAAe,CAAC;CAAG;AAE9F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;CACrC"}
|
|
@@ -13,13 +13,12 @@ const useIsoLayoutEffect_1 = require("../../hooks/useIsoLayoutEffect");
|
|
|
13
13
|
*/
|
|
14
14
|
function MeterLabel(componentProps) {
|
|
15
15
|
const { render, className, style, nativeID: idProp, ref, ...elementProps } = componentProps;
|
|
16
|
-
const { setLabelId } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
16
|
+
const { setLabelId, state } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
17
17
|
const id = (0, useId_1.useId)(idProp !== null && idProp !== void 0 ? idProp : undefined);
|
|
18
18
|
(0, useIsoLayoutEffect_1.useIsoLayoutEffect)(() => {
|
|
19
19
|
setLabelId(id);
|
|
20
20
|
return () => setLabelId(undefined);
|
|
21
21
|
}, [id, setLabelId]);
|
|
22
|
-
const state = {};
|
|
23
22
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
|
|
24
23
|
state,
|
|
25
24
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterLabel.js","sourceRoot":"","sources":["../../../src/meter/label/MeterLabel.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"MeterLabel.js","sourceRoot":"","sources":["../../../src/meter/label/MeterLabel.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAab,gCAiBC;AA7BD,+CAAoC;AACpC,+DAA+D;AAC/D,wEAAqE;AACrE,6CAA0C;AAC1C,uEAAoE;AAIpE;;;GAGG;AACH,SAAgB,UAAU,CAAC,cAAgC;IACzD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE5F,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAA,sCAAmB,GAAE,CAAC;IAEpD,MAAM,EAAE,GAAG,IAAA,aAAK,EAAC,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,SAAS,CAAC,CAAC;IAEtC,IAAA,uCAAkB,EAAC,GAAG,EAAE;QACtB,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,OAAO,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAErB,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,YAAY,CAAC;KACxC,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -14,6 +14,27 @@ import type { ZestUIComponentProps } from '../../types';
|
|
|
14
14
|
*/
|
|
15
15
|
export declare function MeterRoot(componentProps: MeterRoot.Props): React.JSX.Element;
|
|
16
16
|
export interface MeterRootState {
|
|
17
|
+
/**
|
|
18
|
+
* The current value, clamped into `[min, max]`.
|
|
19
|
+
*/
|
|
20
|
+
value: number;
|
|
21
|
+
/**
|
|
22
|
+
* The minimum value.
|
|
23
|
+
*/
|
|
24
|
+
min: number;
|
|
25
|
+
/**
|
|
26
|
+
* The maximum value.
|
|
27
|
+
*/
|
|
28
|
+
max: number;
|
|
29
|
+
/**
|
|
30
|
+
* How far the value sits through the range, `0`–`100`. This is what an
|
|
31
|
+
* indicator's width comes from.
|
|
32
|
+
*/
|
|
33
|
+
percent: number;
|
|
34
|
+
/**
|
|
35
|
+
* The value as text, through `format`/`locale`.
|
|
36
|
+
*/
|
|
37
|
+
formattedValue: string;
|
|
17
38
|
}
|
|
18
39
|
export interface MeterRootProps extends ZestUIComponentProps<typeof View, MeterRootState> {
|
|
19
40
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterRoot.d.ts","sourceRoot":"","sources":["../../../src/meter/root/MeterRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MeterRoot.d.ts","sourceRoot":"","sources":["../../../src/meter/root/MeterRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGxD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,qBA8DxD;AAMD,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,cAAc,CAAC;IACvF;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,GAAG,SAAS,CAAC;IAC9C;;;OAGG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;IAC1C;;;OAGG;IACH,yBAAyB,CAAC,EAAE,CAAC,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,SAAS,CAAC;CAC7F;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,cAAc,CAAC;CACpC"}
|
|
@@ -64,8 +64,8 @@ function MeterRoot(componentProps) {
|
|
|
64
64
|
const formattedValue = format
|
|
65
65
|
? (0, formatNumber_1.formatNumber)(value, locale, format)
|
|
66
66
|
: (0, formatNumber_1.formatNumber)(percentageValue / 100, locale, { style: 'percent' });
|
|
67
|
-
const state = React.useMemo(() => ({}), []);
|
|
68
|
-
const contextValue = React.useMemo(() => ({ formattedValue, percentageValue, setLabelId, value }), [formattedValue, percentageValue, value]);
|
|
67
|
+
const state = React.useMemo(() => ({ value: clampedValue, min, max, percent: percentageValue, formattedValue }), [clampedValue, min, max, percentageValue, formattedValue]);
|
|
68
|
+
const contextValue = React.useMemo(() => ({ formattedValue, percentageValue, setLabelId, state, value }), [formattedValue, percentageValue, state, value]);
|
|
69
69
|
const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
70
70
|
state,
|
|
71
71
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterRoot.js","sourceRoot":"","sources":["../../../src/meter/root/MeterRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBb,
|
|
1
|
+
{"version":3,"file":"MeterRoot.js","sourceRoot":"","sources":["../../../src/meter/root/MeterRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
import type { MeterRootState } from './MeterRoot';
|
|
2
3
|
export interface MeterRootContext {
|
|
4
|
+
/**
|
|
5
|
+
* The state every part publishes to its style and render functions.
|
|
6
|
+
*/
|
|
7
|
+
state: MeterRootState;
|
|
3
8
|
/**
|
|
4
9
|
* The current value.
|
|
5
10
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterRootContext.d.ts","sourceRoot":"","sources":["../../../src/meter/root/MeterRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MeterRootContext.d.ts","sourceRoot":"","sources":["../../../src/meter/root/MeterRootContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,gBAAgB,6CAA+D,CAAC;AAE7F,wBAAgB,mBAAmB,qBASlC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterRootContext.js","sourceRoot":"","sources":["../../../src/meter/root/MeterRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MeterRootContext.js","sourceRoot":"","sources":["../../../src/meter/root/MeterRootContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2Bb,kDASC;AAnCD,6CAA+B;AAwBlB,QAAA,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAA+B,SAAS,CAAC,CAAC;AAE7F,SAAgB,mBAAmB;IACjC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAgB,CAAC,CAAC;IACnD,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,MAAM,IAAI,KAAK,CACb,oFAAoF,CACrF,CAAC;IACJ,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
|
+
import type { MeterRootState } from '../root/MeterRoot';
|
|
2
3
|
import type { ZestUIComponentProps } from '../../types';
|
|
3
4
|
/**
|
|
4
5
|
* Contains the meter indicator.
|
|
5
6
|
* Renders a `<View>`.
|
|
6
7
|
*/
|
|
7
8
|
export declare function MeterTrack(componentProps: MeterTrack.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
8
|
-
export interface MeterTrackState {
|
|
9
|
+
export interface MeterTrackState extends MeterRootState {
|
|
9
10
|
}
|
|
10
11
|
export interface MeterTrackProps extends ZestUIComponentProps<typeof View, MeterTrackState> {
|
|
11
12
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterTrack.d.ts","sourceRoot":"","sources":["../../../src/meter/track/MeterTrack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MeterTrack.d.ts","sourceRoot":"","sources":["../../../src/meter/track/MeterTrack.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,8FAU1D;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;CAAG;AAE1D,MAAM,WAAW,eAAgB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,eAAe,CAAC;CAAG;AAE9F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;CACrC"}
|
|
@@ -11,8 +11,7 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
|
11
11
|
*/
|
|
12
12
|
function MeterTrack(componentProps) {
|
|
13
13
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
14
|
-
(0, MeterRootContext_1.useMeterRootContext)();
|
|
15
|
-
const state = {};
|
|
14
|
+
const { state } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
16
15
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
17
16
|
state,
|
|
18
17
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterTrack.js","sourceRoot":"","sources":["../../../src/meter/track/MeterTrack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"MeterTrack.js","sourceRoot":"","sources":["../../../src/meter/track/MeterTrack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAWb,gCAUC;AApBD,+CAAoC;AACpC,+DAA+D;AAC/D,wEAAqE;AAIrE;;;GAGG;AACH,SAAgB,UAAU,CAAC,cAAgC;IACzD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,sCAAmB,GAAE,CAAC;IAExC,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE,YAAY;KACpB,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type * as React from 'react';
|
|
2
2
|
import { Text } from 'react-native';
|
|
3
|
+
import type { MeterRootState } from '../root/MeterRoot';
|
|
3
4
|
import type { ZestUIComponentProps } from '../../types';
|
|
4
5
|
/**
|
|
5
6
|
* A text element displaying the current value.
|
|
@@ -9,7 +10,7 @@ import type { ZestUIComponentProps } from '../../types';
|
|
|
9
10
|
* through its `accessibilityValue`, so reading this too would duplicate it.
|
|
10
11
|
*/
|
|
11
12
|
export declare function MeterValue(componentProps: MeterValue.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
12
|
-
export interface MeterValueState {
|
|
13
|
+
export interface MeterValueState extends MeterRootState {
|
|
13
14
|
}
|
|
14
15
|
export interface MeterValueProps extends Omit<ZestUIComponentProps<typeof Text, MeterValueState>, 'children'> {
|
|
15
16
|
children?: React.ReactNode | ((formattedValue: string, value: number) => React.ReactNode);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterValue.d.ts","sourceRoot":"","sources":["../../../src/meter/value/MeterValue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"MeterValue.d.ts","sourceRoot":"","sources":["../../../src/meter/value/MeterValue.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,cAAc,EAAE,UAAU,CAAC,KAAK,0EAmB1D;AAED,MAAM,WAAW,eAAgB,SAAQ,cAAc;CAAG;AAE1D,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,IAAI,EAAE,eAAe,CAAC,EAAE,UAAU,CAAC;IAC5E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC3F;AAED,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,eAAe,CAAC;CACrC"}
|
|
@@ -14,8 +14,7 @@ const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
|
14
14
|
*/
|
|
15
15
|
function MeterValue(componentProps) {
|
|
16
16
|
const { render, className, style, children, ref, ...elementProps } = componentProps;
|
|
17
|
-
const { value, formattedValue } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
18
|
-
const state = {};
|
|
17
|
+
const { value, formattedValue, state } = (0, MeterRootContext_1.useMeterRootContext)();
|
|
19
18
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.Text, componentProps, {
|
|
20
19
|
state,
|
|
21
20
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MeterValue.js","sourceRoot":"","sources":["../../../src/meter/value/MeterValue.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"MeterValue.js","sourceRoot":"","sources":["../../../src/meter/value/MeterValue.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,gCAmBC;AAhCD,+CAAoC;AACpC,+DAA+D;AAC/D,wEAAqE;AAIrE;;;;;;GAMG;AACH,SAAgB,UAAU,CAAC,cAAgC;IACzD,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEpF,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,IAAA,sCAAmB,GAAE,CAAC;IAE/D,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,2BAA2B,EAAE,IAAI;gBACjC,yBAAyB,EAAE,qBAA8B;gBACzD,aAAa,EAAE,IAAI;gBACnB,QAAQ,EACN,OAAO,QAAQ,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,cAAc,CAAC;aAClG;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldInput.d.ts","sourceRoot":"","sources":["../../../src/number-field/input/NumberFieldInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA2D,MAAM,cAAc,CAAC;AAMlG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMxD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"NumberFieldInput.d.ts","sourceRoot":"","sources":["../../../src/number-field/input/NumberFieldInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA2D,MAAM,cAAc,CAAC;AAMlG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAMxD;;;;;;;;;;GAUG;AACH,wBAAgB,gBAAgB,CAAC,cAAc,EAAE,gBAAgB,CAAC,KAAK,8FAwJtE;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB;CAAG;AAEtE,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAAG;AAEzF,yBAAiB,gBAAgB,CAAC;IAChC,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,qBAAqB,CAAC;CAC3C"}
|
|
@@ -27,7 +27,7 @@ function NumberFieldInput(componentProps) {
|
|
|
27
27
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
28
28
|
const { allowInputSyncRef, formatOptionsRef, id, lastChangedValueRef, locale, max, min, onValueCommitted, setInputValue, setValue, state, valueRef, } = (0, NumberFieldRootContext_1.useNumberFieldRootContext)();
|
|
29
29
|
const { disabled, readOnly, value, inputValue } = state;
|
|
30
|
-
const { fieldProps } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
|
|
30
|
+
const { fieldProps, markTouched, markFocused } = (0, useFieldControlRegistration_1.useFieldControlRegistration)();
|
|
31
31
|
const handleChangeText = (0, useStableCallback_1.useStableCallback)((text) => {
|
|
32
32
|
if (disabled || readOnly) {
|
|
33
33
|
return;
|
|
@@ -113,7 +113,16 @@ function NumberFieldInput(componentProps) {
|
|
|
113
113
|
nativeID: id,
|
|
114
114
|
value: inputValue,
|
|
115
115
|
onChangeText: handleChangeText,
|
|
116
|
-
|
|
116
|
+
onFocus() {
|
|
117
|
+
markFocused(true);
|
|
118
|
+
},
|
|
119
|
+
onBlur(event) {
|
|
120
|
+
markFocused(false);
|
|
121
|
+
// Leaving the input is what ends the interaction, the same way it does
|
|
122
|
+
// for a text control — so this is where `onBlur` validation runs.
|
|
123
|
+
markTouched(valueRef.current);
|
|
124
|
+
handleBlur(event);
|
|
125
|
+
},
|
|
117
126
|
editable: !disabled && !readOnly,
|
|
118
127
|
// `numeric` rather than `decimal-pad`: a locale's format may include a
|
|
119
128
|
// decimal separator, a minus sign or a currency symbol, and the numeric
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldInput.js","sourceRoot":"","sources":["../../../src/number-field/input/NumberFieldInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAyBb,
|
|
1
|
+
{"version":3,"file":"NumberFieldInput.js","sourceRoot":"","sources":["../../../src/number-field/input/NumberFieldInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAOnD;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,cAAc,EAAE,eAAe,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"NumberFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -60,8 +60,11 @@ const NumberFieldRootContext_1 = require("./NumberFieldRootContext");
|
|
|
60
60
|
* through `onChangeText`, which cannot tell a paste from typing.
|
|
61
61
|
*/
|
|
62
62
|
function NumberFieldRoot(componentProps) {
|
|
63
|
+
var _a;
|
|
63
64
|
const { allowOutOfRange = false, className, defaultValue, disabled: disabledProp = false, format, id, locale, max, min, onValueChange, onValueCommitted, readOnly = false, render, snapOnStep = false, step = 1, style, value: valueProp, ref, ...elementProps } = componentProps;
|
|
64
|
-
const { fieldDisabled,
|
|
65
|
+
const { fieldDisabled, markChanged } = (0, useFieldControlRegistration_1.useFieldControlRegistration)({
|
|
66
|
+
initialValue: (_a = defaultValue !== null && defaultValue !== void 0 ? defaultValue : valueProp) !== null && _a !== void 0 ? _a : null,
|
|
67
|
+
});
|
|
65
68
|
const disabled = disabledProp || fieldDisabled;
|
|
66
69
|
const minWithDefault = min !== null && min !== void 0 ? min : Number.MIN_SAFE_INTEGER;
|
|
67
70
|
const maxWithDefault = max !== null && max !== void 0 ? max : Number.MAX_SAFE_INTEGER;
|
|
@@ -117,7 +120,7 @@ function NumberFieldRoot(componentProps) {
|
|
|
117
120
|
}
|
|
118
121
|
valueRef.current = validatedValue;
|
|
119
122
|
setValueState(validatedValue);
|
|
120
|
-
|
|
123
|
+
markChanged(validatedValue);
|
|
121
124
|
}
|
|
122
125
|
lastChangedValueRef.current = validatedValue;
|
|
123
126
|
if (allowInputSyncRef.current) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberFieldRoot.js","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+Bb,
|
|
1
|
+
{"version":3,"file":"NumberFieldRoot.js","sourceRoot":"","sources":["../../../src/number-field/root/NumberFieldRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldInput.d.ts","sourceRoot":"","sources":["../../../src/otp-field/input/OTPFieldInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"OTPFieldInput.d.ts","sourceRoot":"","sources":["../../../src/otp-field/input/OTPFieldInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EAGV,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOxD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,CAAC,cAAc,EAAE,aAAa,CAAC,KAAK,0EA4IhE;AAWD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAAG;AAEtF,yBAAiB,aAAa,CAAC;IAC7B,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,kBAAkB,CAAC;CACxC"}
|
|
@@ -148,6 +148,10 @@ function OTPFieldInput(componentProps) {
|
|
|
148
148
|
autoComplete: (index === 0 ? autoComplete : 'off'),
|
|
149
149
|
textContentType: index === 0 ? 'oneTimeCode' : 'none',
|
|
150
150
|
enterKeyHint: index === length - 1 ? 'done' : 'next',
|
|
151
|
+
// Every slot is an identical one-character box, so position is the only
|
|
152
|
+
// thing that tells them apart out loud. A consumer-supplied
|
|
153
|
+
// `accessibilityLabel` in `elementProps` still wins.
|
|
154
|
+
accessibilityLabel: `Digit ${index + 1} of ${length}`,
|
|
151
155
|
accessibilityState: { disabled: disabled || undefined },
|
|
152
156
|
},
|
|
153
157
|
elementProps,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldInput.js","sourceRoot":"","sources":["../../../src/otp-field/input/OTPFieldInput.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCb,
|
|
1
|
+
{"version":3,"file":"OTPFieldInput.js","sourceRoot":"","sources":["../../../src/otp-field/input/OTPFieldInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OTPFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"OTPFieldRoot.d.ts","sourceRoot":"","sources":["../../../src/otp-field/root/OTPFieldRoot.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,6 +42,7 @@ const useControlled_1 = require("../../hooks/useControlled");
|
|
|
42
42
|
const useId_1 = require("../../hooks/useId");
|
|
43
43
|
const useStableCallback_1 = require("../../hooks/useStableCallback");
|
|
44
44
|
const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
45
|
+
const useFieldControlRegistration_1 = require("../../internals/field/useFieldControlRegistration");
|
|
45
46
|
const CompositeList_1 = require("../../internals/composite/list/CompositeList");
|
|
46
47
|
const createChangeEventDetails_1 = require("../../utils/createChangeEventDetails");
|
|
47
48
|
const otp_1 = require("../utils/otp");
|
|
@@ -55,7 +56,11 @@ const OTPFieldRootContext_1 = require("./OTPFieldRootContext");
|
|
|
55
56
|
* `pattern`, which is HTML constraint validation.
|
|
56
57
|
*/
|
|
57
58
|
function OTPFieldRoot(componentProps) {
|
|
58
|
-
const { autoComplete = 'one-time-code', className, defaultValue, disabled = false, id: idProp, length, mask = false, normalizeValue, onValueChange, onValueComplete, onValueInvalid, readOnly = false, render, style, validationType = 'numeric', value: valueProp, ref, ...elementProps } = componentProps;
|
|
59
|
+
const { autoComplete = 'one-time-code', className, defaultValue, disabled: disabledProp = false, id: idProp, length, mask = false, normalizeValue, onValueChange, onValueComplete, onValueInvalid, readOnly = false, render, style, validationType = 'numeric', value: valueProp, ref, ...elementProps } = componentProps;
|
|
60
|
+
const { fieldDisabled, fieldProps, markChanged, markTouched } = (0, useFieldControlRegistration_1.useFieldControlRegistration)({
|
|
61
|
+
initialValue: (0, otp_1.normalizeOTPValue)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : valueProp, length, validationType, normalizeValue),
|
|
62
|
+
});
|
|
63
|
+
const disabled = disabledProp || fieldDisabled;
|
|
59
64
|
const id = (0, useId_1.useId)(idProp);
|
|
60
65
|
const [value, setValueState] = (0, useControlled_1.useControlled)({
|
|
61
66
|
controlled: valueProp === undefined
|
|
@@ -93,7 +98,10 @@ function OTPFieldRoot(componentProps) {
|
|
|
93
98
|
return null;
|
|
94
99
|
}
|
|
95
100
|
setValueState(normalized);
|
|
101
|
+
markChanged(normalized);
|
|
96
102
|
if (normalized.length === length) {
|
|
103
|
+
// A complete code ends the interaction; there is no blur to wait for.
|
|
104
|
+
markTouched(normalized);
|
|
97
105
|
onValueComplete === null || onValueComplete === void 0 ? void 0 : onValueComplete(normalized, (0, createChangeEventDetails_1.createChangeEventDetails)(eventDetails.reason));
|
|
98
106
|
}
|
|
99
107
|
return normalized;
|
|
@@ -150,7 +158,17 @@ function OTPFieldRoot(componentProps) {
|
|
|
150
158
|
const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
151
159
|
state,
|
|
152
160
|
ref,
|
|
153
|
-
props:
|
|
161
|
+
props: [
|
|
162
|
+
{
|
|
163
|
+
// The slots are separate inputs but one field: without a group role a
|
|
164
|
+
// screen reader announces N unrelated text boxes. Pass
|
|
165
|
+
// `accessibilityLabel` to name the code being entered.
|
|
166
|
+
role: 'group',
|
|
167
|
+
accessibilityState: { disabled: disabled || undefined },
|
|
168
|
+
...fieldProps,
|
|
169
|
+
},
|
|
170
|
+
elementProps,
|
|
171
|
+
],
|
|
154
172
|
});
|
|
155
173
|
return ((0, jsx_runtime_1.jsx)(OTPFieldRootContext_1.OTPFieldRootContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(CompositeList_1.CompositeList, { onMapChange: setMap, children: element }) }));
|
|
156
174
|
}
|