@multiplatform.one/forms 7.7.6 → 7.8.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/dist/cjs/Button/index.cjs +0 -3
- package/dist/cjs/Button/index.native.js +0 -3
- package/dist/cjs/Button/index.native.js.map +1 -1
- package/dist/cjs/Chip/index.cjs +1 -1
- package/dist/cjs/Chip/index.native.js +1 -1
- package/dist/cjs/Chip/index.native.js.map +1 -1
- package/dist/cjs/FloatingPanel/index.cjs +59 -14
- package/dist/cjs/FloatingPanel/index.native.js +16 -7
- package/dist/cjs/FloatingPanel/index.native.js.map +1 -1
- package/dist/cjs/FloatingPanel/nestedAction.cjs +37 -0
- package/dist/cjs/FloatingPanel/nestedAction.native.js +42 -0
- package/dist/cjs/FloatingPanel/nestedAction.native.js.map +1 -0
- package/dist/cjs/InputParts/index.cjs +8 -6
- package/dist/cjs/InputParts/index.native.js +9 -9
- package/dist/cjs/InputParts/index.native.js.map +1 -1
- package/dist/cjs/Wheel/index.cjs +3 -3
- package/dist/cjs/Wheel/index.native.js +3 -3
- package/dist/cjs/Wheel/index.native.js.map +1 -1
- package/dist/cjs/fieldLayout.cjs +3 -3
- package/dist/cjs/fieldLayout.native.js +3 -3
- package/dist/cjs/fieldLayout.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.cjs +9 -2
- package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.native.js +10 -1
- package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.native.js.map +1 -1
- package/dist/cjs/fields/Combobox/index.cjs +36 -29
- package/dist/cjs/fields/Combobox/index.native.js +38 -38
- package/dist/cjs/fields/Combobox/index.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/Calendar.cjs +6 -1
- package/dist/cjs/fields/DatePicker/Calendar.native.js +6 -1
- package/dist/cjs/fields/DatePicker/Calendar.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/DateRangePicker.cjs +2 -2
- package/dist/cjs/fields/DatePicker/DateRangePicker.native.js +2 -2
- package/dist/cjs/fields/DatePicker/DateRangePicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/DatetimePicker.catalog.cjs +15 -12
- package/dist/cjs/fields/DatePicker/DatetimePicker.catalog.native.js +16 -12
- package/dist/cjs/fields/DatePicker/DatetimePicker.catalog.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/DatetimePicker.native.js +39 -14
- package/dist/cjs/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/MonthPicker.cjs +10 -3
- package/dist/cjs/fields/DatePicker/MonthPicker.native.js +10 -3
- package/dist/cjs/fields/DatePicker/MonthPicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/MultiDatePicker.cjs +2 -2
- package/dist/cjs/fields/DatePicker/MultiDatePicker.native.js +2 -2
- package/dist/cjs/fields/DatePicker/MultiDatePicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/index.native.js +3 -0
- package/dist/cjs/fields/DatePicker/index.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/parts.cjs +26 -14
- package/dist/cjs/fields/DatePicker/parts.native.js +28 -14
- package/dist/cjs/fields/DatePicker/parts.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/GeolocationMap.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/geocoder.cjs +63 -0
- package/dist/cjs/fields/Geolocation/geocoder.native.js +68 -0
- package/dist/cjs/fields/Geolocation/geocoder.native.js.map +1 -0
- package/dist/cjs/fields/Geolocation/index.cjs +801 -152
- package/dist/cjs/fields/Geolocation/index.native.js +856 -167
- package/dist/cjs/fields/Geolocation/index.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/nativeSearchFocus.cjs +44 -0
- package/dist/cjs/fields/Geolocation/nativeSearchFocus.native.js +47 -0
- package/dist/cjs/fields/Geolocation/nativeSearchFocus.native.js.map +1 -0
- package/dist/cjs/fields/Icon/drawnSet.cjs +14 -3
- package/dist/cjs/fields/Icon/drawnSet.native.js +18 -3
- package/dist/cjs/fields/Icon/drawnSet.native.js.map +1 -1
- package/dist/cjs/fields/Icon/index.cjs +102 -27
- package/dist/cjs/fields/Icon/index.native.js +115 -31
- package/dist/cjs/fields/Icon/index.native.js.map +1 -1
- package/dist/cjs/fields/Input/index.cjs +5 -12
- package/dist/cjs/fields/Input/index.native.js +5 -13
- package/dist/cjs/fields/Input/index.native.js.map +1 -1
- package/dist/cjs/fields/PhoneInput/index.cjs +2 -2
- package/dist/cjs/fields/PhoneInput/index.native.js +2 -2
- package/dist/cjs/fields/PhoneInput/index.native.js.map +1 -1
- package/dist/cjs/fields/SearchInput/index.cjs +8 -9
- package/dist/cjs/fields/SearchInput/index.native.js +8 -9
- package/dist/cjs/fields/SearchInput/index.native.js.map +1 -1
- package/dist/cjs/fields/Select/index.cjs +42 -11
- package/dist/cjs/fields/Select/index.native.js +52 -20
- package/dist/cjs/fields/Select/index.native.js.map +1 -1
- package/dist/cjs/fields/Stepper/index.cjs +144 -31
- package/dist/cjs/fields/Stepper/index.native.js +151 -31
- package/dist/cjs/fields/Stepper/index.native.js.map +1 -1
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.native.js +2 -0
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/shared/focusManagement.cjs +24 -11
- package/dist/cjs/shared/focusManagement.native.js +24 -11
- package/dist/cjs/shared/focusManagement.native.js.map +1 -1
- package/dist/esm/AdaptivePopup/index.native.js.map +1 -1
- package/dist/esm/Button/index.mjs +0 -3
- package/dist/esm/Button/index.mjs.map +1 -1
- package/dist/esm/Button/index.native.js +0 -3
- package/dist/esm/Button/index.native.js.map +1 -1
- package/dist/esm/Chip/index.mjs +1 -1
- package/dist/esm/Chip/index.mjs.map +1 -1
- package/dist/esm/Chip/index.native.js +1 -1
- package/dist/esm/Chip/index.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/UnsavedChangesDialog.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/clientKnownIdentity.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/commitImmediateField.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/index.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/useUnsavedChangesGuard.native.js.map +1 -1
- package/dist/esm/ControlGroup/index.native.js.map +1 -1
- package/dist/esm/DescriptionList/index.native.js.map +1 -1
- package/dist/esm/ErrorSummary.native.js.map +1 -1
- package/dist/esm/FieldDisplay/editMode.native.js.map +1 -1
- package/dist/esm/FieldDisplay/formatters.native.js.map +1 -1
- package/dist/esm/FieldDisplay/index.native.js.map +1 -1
- package/dist/esm/FieldGroup.native.js.map +1 -1
- package/dist/esm/FloatingPanel/index.mjs +58 -15
- package/dist/esm/FloatingPanel/index.mjs.map +1 -1
- package/dist/esm/FloatingPanel/index.native.js +15 -8
- package/dist/esm/FloatingPanel/index.native.js.map +1 -1
- package/dist/esm/FloatingPanel/nestedAction.mjs +11 -0
- package/dist/esm/FloatingPanel/nestedAction.mjs.map +1 -0
- package/dist/esm/FloatingPanel/nestedAction.native.js +13 -0
- package/dist/esm/FloatingPanel/nestedAction.native.js.map +1 -0
- package/dist/esm/FloatingPanel/useFloatingPanel.native.js.map +1 -1
- package/dist/esm/Form/index.native.js.map +1 -1
- package/dist/esm/Form/validateOn.native.js.map +1 -1
- package/dist/esm/FormGrid.native.js.map +1 -1
- package/dist/esm/FormSection.native.js.map +1 -1
- package/dist/esm/InputParts/index.mjs +9 -7
- package/dist/esm/InputParts/index.mjs.map +1 -1
- package/dist/esm/InputParts/index.native.js +10 -10
- package/dist/esm/InputParts/index.native.js.map +1 -1
- package/dist/esm/Label/index.native.js.map +1 -1
- package/dist/esm/Skeleton/index.native.js.map +1 -1
- package/dist/esm/Spinner/SpinnerGlyph.native.js.map +1 -1
- package/dist/esm/Spinner/spinnerSize.native.js.map +1 -1
- package/dist/esm/Table/index.native.js.map +1 -1
- package/dist/esm/Wheel/haptic.native.js.map +1 -1
- package/dist/esm/Wheel/index.mjs +3 -3
- package/dist/esm/Wheel/index.mjs.map +1 -1
- package/dist/esm/Wheel/index.native.js +3 -3
- package/dist/esm/Wheel/index.native.js.map +1 -1
- package/dist/esm/actionLabel.native.js.map +1 -1
- package/dist/esm/fieldDefaults.native.js.map +1 -1
- package/dist/esm/fieldLayout.mjs +3 -3
- package/dist/esm/fieldLayout.mjs.map +1 -1
- package/dist/esm/fieldLayout.native.js +3 -3
- package/dist/esm/fieldLayout.native.js.map +1 -1
- package/dist/esm/fields/Barcode/BarcodePreview.native.js.map +1 -1
- package/dist/esm/fields/Barcode/code128.native.js.map +1 -1
- package/dist/esm/fields/Barcode/index.native.js.map +1 -1
- package/dist/esm/fields/Barcode/qr.native.js.map +1 -1
- package/dist/esm/fields/Barcode/scannerTypes.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/Checkbox.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxBox.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxCard.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxFieldFrame.mjs +8 -1
- package/dist/esm/fields/Checkbox/CheckboxFieldFrame.mjs.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxFieldFrame.native.js +10 -1
- package/dist/esm/fields/Checkbox/CheckboxFieldFrame.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxGroup.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/checkboxGroupContext.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/index.native.js.map +1 -1
- package/dist/esm/fields/ColorPicker/index.native.js.map +1 -1
- package/dist/esm/fields/ColorPicker/parts.native.js.map +1 -1
- package/dist/esm/fields/Combobox/authorOptions.native.js.map +1 -1
- package/dist/esm/fields/Combobox/index.mjs +36 -29
- package/dist/esm/fields/Combobox/index.mjs.map +1 -1
- package/dist/esm/fields/Combobox/index.native.js +38 -38
- package/dist/esm/fields/Combobox/index.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/Calendar.mjs +6 -1
- package/dist/esm/fields/DatePicker/Calendar.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/Calendar.native.js +6 -1
- package/dist/esm/fields/DatePicker/Calendar.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.mjs +2 -2
- package/dist/esm/fields/DatePicker/DateRangePicker.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.native.js +2 -2
- package/dist/esm/fields/DatePicker/DateRangePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.catalog.mjs +15 -12
- package/dist/esm/fields/DatePicker/DatetimePicker.catalog.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.catalog.native.js +16 -12
- package/dist/esm/fields/DatePicker/DatetimePicker.catalog.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.native.js +39 -14
- package/dist/esm/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/MonthPicker.mjs +10 -3
- package/dist/esm/fields/DatePicker/MonthPicker.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/MonthPicker.native.js +10 -3
- package/dist/esm/fields/DatePicker/MonthPicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/MultiDatePicker.mjs +2 -2
- package/dist/esm/fields/DatePicker/MultiDatePicker.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/MultiDatePicker.native.js +2 -2
- package/dist/esm/fields/DatePicker/MultiDatePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/catalog.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/fieldValueSync.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/index.native.js +3 -0
- package/dist/esm/fields/DatePicker/index.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/parts.mjs +28 -16
- package/dist/esm/fields/DatePicker/parts.mjs.map +1 -1
- package/dist/esm/fields/DatePicker/parts.native.js +30 -16
- package/dist/esm/fields/DatePicker/parts.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/utils.native.js.map +1 -1
- package/dist/esm/fields/Duration/durationMath.native.js.map +1 -1
- package/dist/esm/fields/Duration/index.native.js.map +1 -1
- package/dist/esm/fields/FileUpload/filePickerTypes.native.js.map +1 -1
- package/dist/esm/fields/FileUpload/index.native.js.map +1 -1
- package/dist/esm/fields/FileUpload/nativePickerLoader.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/GeolocationMap.mjs.map +1 -1
- package/dist/esm/fields/Geolocation/GeolocationMap.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/expoMapsLoader.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/geoValue.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/geocoder.mjs +33 -0
- package/dist/esm/fields/Geolocation/geocoder.mjs.map +1 -0
- package/dist/esm/fields/Geolocation/geocoder.native.js +35 -0
- package/dist/esm/fields/Geolocation/geocoder.native.js.map +1 -0
- package/dist/esm/fields/Geolocation/index.mjs +792 -149
- package/dist/esm/fields/Geolocation/index.mjs.map +1 -1
- package/dist/esm/fields/Geolocation/index.native.js +847 -164
- package/dist/esm/fields/Geolocation/index.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/mapMath.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/mapTypes.native.js.map +1 -1
- package/dist/esm/fields/Geolocation/nativeSearchFocus.mjs +19 -0
- package/dist/esm/fields/Geolocation/nativeSearchFocus.mjs.map +1 -0
- package/dist/esm/fields/Geolocation/nativeSearchFocus.native.js +19 -0
- package/dist/esm/fields/Geolocation/nativeSearchFocus.native.js.map +1 -0
- package/dist/esm/fields/Icon/drawnSet.mjs +14 -3
- package/dist/esm/fields/Icon/drawnSet.mjs.map +1 -1
- package/dist/esm/fields/Icon/drawnSet.native.js +18 -3
- package/dist/esm/fields/Icon/drawnSet.native.js.map +1 -1
- package/dist/esm/fields/Icon/index.mjs +93 -18
- package/dist/esm/fields/Icon/index.mjs.map +1 -1
- package/dist/esm/fields/Icon/index.native.js +106 -22
- package/dist/esm/fields/Icon/index.native.js.map +1 -1
- package/dist/esm/fields/ImageField/index.native.js.map +1 -1
- package/dist/esm/fields/Input/index.mjs +5 -12
- package/dist/esm/fields/Input/index.mjs.map +1 -1
- package/dist/esm/fields/Input/index.native.js +5 -13
- package/dist/esm/fields/Input/index.native.js.map +1 -1
- package/dist/esm/fields/MentionInput/index.native.js.map +1 -1
- package/dist/esm/fields/OTPInput/index.native.js.map +1 -1
- package/dist/esm/fields/OTPInput/otpCellCss.native.js.map +1 -1
- package/dist/esm/fields/PhoneInput/dialCodes.native.js.map +1 -1
- package/dist/esm/fields/PhoneInput/index.mjs +2 -2
- package/dist/esm/fields/PhoneInput/index.mjs.map +1 -1
- package/dist/esm/fields/PhoneInput/index.native.js +2 -2
- package/dist/esm/fields/PhoneInput/index.native.js.map +1 -1
- package/dist/esm/fields/PhoneInput/phone.native.js.map +1 -1
- package/dist/esm/fields/Progress/index.native.js.map +1 -1
- package/dist/esm/fields/RadioGroup/index.native.js.map +1 -1
- package/dist/esm/fields/Rating/index.native.js.map +1 -1
- package/dist/esm/fields/Rating/ratingMath.native.js.map +1 -1
- package/dist/esm/fields/Rating/types.native.js.map +1 -1
- package/dist/esm/fields/SearchInput/index.mjs +9 -10
- package/dist/esm/fields/SearchInput/index.mjs.map +1 -1
- package/dist/esm/fields/SearchInput/index.native.js +9 -10
- package/dist/esm/fields/SearchInput/index.native.js.map +1 -1
- package/dist/esm/fields/Select/index.mjs +42 -11
- package/dist/esm/fields/Select/index.mjs.map +1 -1
- package/dist/esm/fields/Select/index.native.js +52 -20
- package/dist/esm/fields/Select/index.native.js.map +1 -1
- package/dist/esm/fields/Signature/index.native.js.map +1 -1
- package/dist/esm/fields/Slider/index.native.js.map +1 -1
- package/dist/esm/fields/Slider/jumpMotion.native.js.map +1 -1
- package/dist/esm/fields/Stepper/index.mjs +145 -32
- package/dist/esm/fields/Stepper/index.mjs.map +1 -1
- package/dist/esm/fields/Stepper/index.native.js +152 -32
- package/dist/esm/fields/Stepper/index.native.js.map +1 -1
- package/dist/esm/fields/Stepper/resolveStepperPlacement.native.js.map +1 -1
- package/dist/esm/fields/Switch/index.native.js.map +1 -1
- package/dist/esm/fields/TextArea/index.native.js.map +1 -1
- package/dist/esm/fields/TimePicker/catalog.native.js.map +1 -1
- package/dist/esm/fields/TimePicker/parts.native.js.map +1 -1
- package/dist/esm/fields/TimeRangeScrubber/geometry.native.js.map +1 -1
- package/dist/esm/fields/TimeRangeScrubber/index.native.js.map +1 -1
- package/dist/esm/fields/ToggleGroup/index.native.js.map +1 -1
- package/dist/esm/fields/nativeDateTime/OsDateTimeSheet.native.js.map +1 -1
- package/dist/esm/fields/nativeDateTime/osDateTimeIosDisplay.native.js.map +1 -1
- package/dist/esm/fields/nativeSelect.native.js.map +1 -1
- package/dist/esm/fields/selectedOrder.native.js.map +1 -1
- package/dist/esm/formSpacing.native.js.map +1 -1
- package/dist/esm/hooks/useFocusManagement.native.js.map +1 -1
- package/dist/esm/index.mjs +2 -1
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +2 -1
- package/dist/esm/index.native.js.map +1 -1
- package/dist/esm/requiredMarking.native.js.map +1 -1
- package/dist/esm/shared/TimeColumn.native.js.map +1 -1
- package/dist/esm/shared/capabilityPreflight.native.js.map +1 -1
- package/dist/esm/shared/colorRamps.native.js.map +1 -1
- package/dist/esm/shared/devWarn.native.js.map +1 -1
- package/dist/esm/shared/floatingList.native.js.map +1 -1
- package/dist/esm/shared/focusManagement.mjs +24 -11
- package/dist/esm/shared/focusManagement.mjs.map +1 -1
- package/dist/esm/shared/focusManagement.native.js +24 -11
- package/dist/esm/shared/focusManagement.native.js.map +1 -1
- package/dist/esm/shared/groupContext.native.js.map +1 -1
- package/dist/esm/shared/i18n.native.js.map +1 -1
- package/dist/esm/shared/pickerTriggerContract.native.js.map +1 -1
- package/dist/esm/shared/pressSlopProps.native.js.map +1 -1
- package/dist/esm/shared/t.native.js.map +1 -1
- package/dist/esm/shared/tableCellContext.native.js.map +1 -1
- package/dist/esm/shared/useDragScroll.native.js.map +1 -1
- package/dist/esm/shared/useKeyboardInset.native.js.map +1 -1
- package/dist/esm/shared/useSheetEscapeDismiss.native.js.map +1 -1
- package/dist/esm/shared/useWheelIncrement.native.js.map +1 -1
- package/dist/esm/shared/utils.native.js.map +1 -1
- package/dist/esm/shared/zIndex.native.js.map +1 -1
- package/dist/esm/themedPrimitives.native.js.map +1 -1
- package/dist/esm/types.native.js.map +1 -1
- package/dist/esm/utils/LinkCell.native.js.map +1 -1
- package/dist/jsx/Button/index.mjs +0 -3
- package/dist/jsx/Button/index.mjs.map +1 -1
- package/dist/jsx/Button/index.native.js +0 -3
- package/dist/jsx/Button/index.native.js.map +1 -1
- package/dist/jsx/Chip/index.mjs +1 -1
- package/dist/jsx/Chip/index.mjs.map +1 -1
- package/dist/jsx/Chip/index.native.js +1 -1
- package/dist/jsx/Chip/index.native.js.map +1 -1
- package/dist/jsx/FloatingPanel/index.mjs +58 -15
- package/dist/jsx/FloatingPanel/index.mjs.map +1 -1
- package/dist/jsx/FloatingPanel/index.native.js +16 -7
- package/dist/jsx/FloatingPanel/index.native.js.map +1 -1
- package/dist/jsx/FloatingPanel/nestedAction.mjs +11 -0
- package/dist/jsx/FloatingPanel/nestedAction.mjs.map +1 -0
- package/dist/jsx/FloatingPanel/nestedAction.native.js +42 -0
- package/dist/jsx/FloatingPanel/nestedAction.native.js.map +1 -0
- package/dist/jsx/InputParts/index.mjs +9 -7
- package/dist/jsx/InputParts/index.mjs.map +1 -1
- package/dist/jsx/InputParts/index.native.js +9 -9
- package/dist/jsx/InputParts/index.native.js.map +1 -1
- package/dist/jsx/Wheel/index.mjs +3 -3
- package/dist/jsx/Wheel/index.mjs.map +1 -1
- package/dist/jsx/Wheel/index.native.js +3 -3
- package/dist/jsx/Wheel/index.native.js.map +1 -1
- package/dist/jsx/fieldLayout.mjs +3 -3
- package/dist/jsx/fieldLayout.mjs.map +1 -1
- package/dist/jsx/fieldLayout.native.js +3 -3
- package/dist/jsx/fieldLayout.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxFieldFrame.mjs +8 -1
- package/dist/jsx/fields/Checkbox/CheckboxFieldFrame.mjs.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxFieldFrame.native.js +10 -1
- package/dist/jsx/fields/Checkbox/CheckboxFieldFrame.native.js.map +1 -1
- package/dist/jsx/fields/Combobox/index.mjs +36 -29
- package/dist/jsx/fields/Combobox/index.mjs.map +1 -1
- package/dist/jsx/fields/Combobox/index.native.js +38 -38
- package/dist/jsx/fields/Combobox/index.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/Calendar.mjs +6 -1
- package/dist/jsx/fields/DatePicker/Calendar.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/Calendar.native.js +6 -1
- package/dist/jsx/fields/DatePicker/Calendar.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/DateRangePicker.mjs +2 -2
- package/dist/jsx/fields/DatePicker/DateRangePicker.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/DateRangePicker.native.js +2 -2
- package/dist/jsx/fields/DatePicker/DateRangePicker.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/DatetimePicker.catalog.mjs +15 -12
- package/dist/jsx/fields/DatePicker/DatetimePicker.catalog.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/DatetimePicker.catalog.native.js +16 -12
- package/dist/jsx/fields/DatePicker/DatetimePicker.catalog.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/DatetimePicker.native.js +39 -14
- package/dist/jsx/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/MonthPicker.mjs +10 -3
- package/dist/jsx/fields/DatePicker/MonthPicker.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/MonthPicker.native.js +10 -3
- package/dist/jsx/fields/DatePicker/MonthPicker.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/MultiDatePicker.mjs +2 -2
- package/dist/jsx/fields/DatePicker/MultiDatePicker.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/MultiDatePicker.native.js +2 -2
- package/dist/jsx/fields/DatePicker/MultiDatePicker.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/index.native.js +3 -0
- package/dist/jsx/fields/DatePicker/index.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/parts.mjs +28 -16
- package/dist/jsx/fields/DatePicker/parts.mjs.map +1 -1
- package/dist/jsx/fields/DatePicker/parts.native.js +28 -14
- package/dist/jsx/fields/DatePicker/parts.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/GeolocationMap.mjs.map +1 -1
- package/dist/jsx/fields/Geolocation/GeolocationMap.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/geocoder.mjs +33 -0
- package/dist/jsx/fields/Geolocation/geocoder.mjs.map +1 -0
- package/dist/jsx/fields/Geolocation/geocoder.native.js +68 -0
- package/dist/jsx/fields/Geolocation/geocoder.native.js.map +1 -0
- package/dist/jsx/fields/Geolocation/index.mjs +792 -149
- package/dist/jsx/fields/Geolocation/index.mjs.map +1 -1
- package/dist/jsx/fields/Geolocation/index.native.js +856 -167
- package/dist/jsx/fields/Geolocation/index.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/nativeSearchFocus.mjs +19 -0
- package/dist/jsx/fields/Geolocation/nativeSearchFocus.mjs.map +1 -0
- package/dist/jsx/fields/Geolocation/nativeSearchFocus.native.js +47 -0
- package/dist/jsx/fields/Geolocation/nativeSearchFocus.native.js.map +1 -0
- package/dist/jsx/fields/Icon/drawnSet.mjs +14 -3
- package/dist/jsx/fields/Icon/drawnSet.mjs.map +1 -1
- package/dist/jsx/fields/Icon/drawnSet.native.js +18 -3
- package/dist/jsx/fields/Icon/drawnSet.native.js.map +1 -1
- package/dist/jsx/fields/Icon/index.mjs +93 -18
- package/dist/jsx/fields/Icon/index.mjs.map +1 -1
- package/dist/jsx/fields/Icon/index.native.js +115 -31
- package/dist/jsx/fields/Icon/index.native.js.map +1 -1
- package/dist/jsx/fields/Input/index.mjs +5 -12
- package/dist/jsx/fields/Input/index.mjs.map +1 -1
- package/dist/jsx/fields/Input/index.native.js +5 -13
- package/dist/jsx/fields/Input/index.native.js.map +1 -1
- package/dist/jsx/fields/PhoneInput/index.mjs +2 -2
- package/dist/jsx/fields/PhoneInput/index.mjs.map +1 -1
- package/dist/jsx/fields/PhoneInput/index.native.js +2 -2
- package/dist/jsx/fields/PhoneInput/index.native.js.map +1 -1
- package/dist/jsx/fields/SearchInput/index.mjs +9 -10
- package/dist/jsx/fields/SearchInput/index.mjs.map +1 -1
- package/dist/jsx/fields/SearchInput/index.native.js +8 -9
- package/dist/jsx/fields/SearchInput/index.native.js.map +1 -1
- package/dist/jsx/fields/Select/index.mjs +42 -11
- package/dist/jsx/fields/Select/index.mjs.map +1 -1
- package/dist/jsx/fields/Select/index.native.js +52 -20
- package/dist/jsx/fields/Select/index.native.js.map +1 -1
- package/dist/jsx/fields/Stepper/index.mjs +145 -32
- package/dist/jsx/fields/Stepper/index.mjs.map +1 -1
- package/dist/jsx/fields/Stepper/index.native.js +151 -31
- package/dist/jsx/fields/Stepper/index.native.js.map +1 -1
- package/dist/jsx/index.js +2 -1
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +2 -1
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/index.native.js +2 -0
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/shared/focusManagement.mjs +24 -11
- package/dist/jsx/shared/focusManagement.mjs.map +1 -1
- package/dist/jsx/shared/focusManagement.native.js +24 -11
- package/dist/jsx/shared/focusManagement.native.js.map +1 -1
- package/package.json +8 -7
- package/src/Button/Button.labelInk.spec.tsx +21 -18
- package/src/Button/Button.outlinedChannel.spec.tsx +46 -0
- package/src/Button/Button.sizeLadder.spec.tsx +4 -3
- package/src/Button/Button.stories.tsx +20 -0
- package/src/Button/index.tsx +25 -4
- package/src/Chip/Chip.spec.tsx +3 -1
- package/src/Chip/index.tsx +1 -5
- package/src/FieldLayout.stories.tsx +41 -0
- package/src/FloatingPanel/FloatingPanel.native.spec.tsx +54 -0
- package/src/FloatingPanel/FloatingPanel.spec.tsx +109 -0
- package/src/FloatingPanel/index.native.tsx +24 -7
- package/src/FloatingPanel/index.tsx +80 -13
- package/src/FloatingPanel/nestedAction.spec.ts +36 -0
- package/src/FloatingPanel/nestedAction.ts +15 -0
- package/src/FloatingPanel/panelWidthContract.spec.ts +12 -15
- package/src/FormsIntegration.stories.tsx +2 -6
- package/src/InputParts/index.tsx +15 -5
- package/src/InputParts/layoutGap.spec.tsx +43 -0
- package/src/Wheel/Wheel.spec.tsx +16 -0
- package/src/Wheel/index.tsx +3 -3
- package/src/fieldLayout.spec.tsx +42 -1
- package/src/fieldLayout.tsx +9 -9
- package/src/fields/Checkbox/CheckboxFieldFrame.spec.tsx +18 -0
- package/src/fields/Checkbox/CheckboxFieldFrame.tsx +6 -1
- package/src/fields/Combobox/Combobox.spec.tsx +48 -1
- package/src/fields/Combobox/index.tsx +53 -39
- package/src/fields/DatePicker/Calendar.tsx +4 -1
- package/src/fields/DatePicker/DatePicker.stories.tsx +22 -1
- package/src/fields/DatePicker/DateRangePicker.tsx +4 -2
- package/src/fields/DatePicker/DatetimePicker.catalog.tsx +21 -19
- package/src/fields/DatePicker/DatetimePicker.native.spec.tsx +144 -0
- package/src/fields/DatePicker/DatetimePicker.native.tsx +57 -32
- package/src/fields/DatePicker/DatetimePicker.stories.tsx +22 -0
- package/src/fields/DatePicker/MonthPicker.tsx +8 -3
- package/src/fields/DatePicker/MultiDatePicker.tsx +4 -2
- package/src/fields/DatePicker/index.native.tsx +1 -0
- package/src/fields/DatePicker/parts.spec.tsx +56 -0
- package/src/fields/DatePicker/parts.tsx +33 -12
- package/src/fields/Geolocation/Geolocation.spec.tsx +287 -35
- package/src/fields/Geolocation/Geolocation.stories.tsx +141 -7
- package/src/fields/Geolocation/GeolocationMap.native.tsx +3 -0
- package/src/fields/Geolocation/GeolocationMap.tsx +4 -0
- package/src/fields/Geolocation/geocoder.spec.ts +59 -0
- package/src/fields/Geolocation/geocoder.ts +84 -0
- package/src/fields/Geolocation/geocoderSeam.spec.tsx +203 -0
- package/src/fields/Geolocation/index.tsx +912 -180
- package/src/fields/Geolocation/nativeSearchFocus.spec.ts +34 -0
- package/src/fields/Geolocation/nativeSearchFocus.ts +19 -0
- package/src/fields/Geolocation/salvage.spec.tsx +398 -0
- package/src/fields/Geolocation/storyProviders.spec.tsx +44 -0
- package/src/fields/Icon/Icon.spec.tsx +215 -1
- package/src/fields/Icon/Icon.stories.tsx +9 -1
- package/src/fields/Icon/drawnSet.tsx +39 -4
- package/src/fields/Icon/index.tsx +118 -18
- package/src/fields/Input/Input.copy.spec.tsx +1 -0
- package/src/fields/Input/Input.spec.tsx +50 -0
- package/src/fields/Input/Input.stories.tsx +1 -1
- package/src/fields/Input/index.tsx +7 -13
- package/src/fields/PhoneInput/index.tsx +2 -2
- package/src/fields/SearchInput/SearchInput.spec.tsx +14 -0
- package/src/fields/SearchInput/index.tsx +5 -6
- package/src/fields/Select/Select.spec.tsx +54 -0
- package/src/fields/Select/index.tsx +52 -17
- package/src/fields/Stepper/Stepper.spec.tsx +34 -1
- package/src/fields/Stepper/index.tsx +193 -33
- package/src/index.ts +9 -0
- package/src/shared/focusManagement.spec.tsx +68 -0
- package/src/shared/focusManagement.ts +20 -10
- package/types/Button/index.d.ts +22 -3
- package/types/Button/index.d.ts.map +1 -1
- package/types/Chip/index.d.ts.map +1 -1
- package/types/FloatingPanel/index.d.ts +11 -1
- package/types/FloatingPanel/index.d.ts.map +1 -1
- package/types/FloatingPanel/index.native.d.ts +2 -1
- package/types/FloatingPanel/index.native.d.ts.map +1 -1
- package/types/FloatingPanel/nestedAction.d.ts +13 -0
- package/types/FloatingPanel/nestedAction.d.ts.map +1 -0
- package/types/InputParts/index.d.ts.map +1 -1
- package/types/fields/Checkbox/CheckboxFieldFrame.d.ts +46 -2
- package/types/fields/Checkbox/CheckboxFieldFrame.d.ts.map +1 -1
- package/types/fields/Checkbox/index.d.ts +3 -3
- package/types/fields/Combobox/index.d.ts +3 -1
- package/types/fields/Combobox/index.d.ts.map +1 -1
- package/types/fields/DatePicker/Calendar.d.ts.map +1 -1
- package/types/fields/DatePicker/DateRangePicker.d.ts.map +1 -1
- package/types/fields/DatePicker/DatetimePicker.catalog.d.ts.map +1 -1
- package/types/fields/DatePicker/DatetimePicker.native.d.ts.map +1 -1
- package/types/fields/DatePicker/MonthPicker.d.ts.map +1 -1
- package/types/fields/DatePicker/MultiDatePicker.d.ts.map +1 -1
- package/types/fields/DatePicker/index.native.d.ts.map +1 -1
- package/types/fields/DatePicker/parts.d.ts.map +1 -1
- package/types/fields/Geolocation/GeolocationMap.d.ts +4 -0
- package/types/fields/Geolocation/GeolocationMap.d.ts.map +1 -1
- package/types/fields/Geolocation/GeolocationMap.native.d.ts +3 -0
- package/types/fields/Geolocation/GeolocationMap.native.d.ts.map +1 -1
- package/types/fields/Geolocation/geocoder.d.ts +53 -0
- package/types/fields/Geolocation/geocoder.d.ts.map +1 -0
- package/types/fields/Geolocation/index.d.ts +18 -2
- package/types/fields/Geolocation/index.d.ts.map +1 -1
- package/types/fields/Geolocation/nativeSearchFocus.d.ts +8 -0
- package/types/fields/Geolocation/nativeSearchFocus.d.ts.map +1 -0
- package/types/fields/Icon/drawnSet.d.ts.map +1 -1
- package/types/fields/Icon/index.d.ts.map +1 -1
- package/types/fields/Input/index.d.ts.map +1 -1
- package/types/fields/PhoneInput/index.d.ts.map +1 -1
- package/types/fields/RadioGroup/index.d.ts +2 -2
- package/types/fields/SearchInput/index.d.ts.map +1 -1
- package/types/fields/Select/index.d.ts.map +1 -1
- package/types/fields/Stepper/index.d.ts.map +1 -1
- package/types/fields/ToggleGroup/index.d.ts +1 -1
- package/types/index.d.ts +2 -0
- package/types/index.d.ts.map +1 -1
- package/types/shared/focusManagement.d.ts +2 -2
- package/types/shared/focusManagement.d.ts.map +1 -1
- package/src/router.d.ts +0 -16
|
@@ -9,6 +9,7 @@ import {
|
|
|
9
9
|
useRef,
|
|
10
10
|
useState,
|
|
11
11
|
} from "react";
|
|
12
|
+
import { Pressable } from "react-native";
|
|
12
13
|
import { isWeb, useProps, View } from "tamagui";
|
|
13
14
|
import { Input as TamaguiInput } from "tamagui";
|
|
14
15
|
import { isTouchSurface, sizeRecipeForToken, useGlyphColor } from "@multiplatform.one/theme";
|
|
@@ -28,12 +29,13 @@ import {
|
|
|
28
29
|
import { useWheelIncrement } from "../../shared/useWheelIncrement";
|
|
29
30
|
import type { FormFieldProps } from "../../fieldLayout";
|
|
30
31
|
import { Input as InputParts } from "../../InputParts";
|
|
31
|
-
import { formInputColors } from "../../shared/colorRamps";
|
|
32
|
+
import { formButtonColors, formInputColors } from "../../shared/colorRamps";
|
|
32
33
|
import { t } from "../../shared/t";
|
|
33
34
|
import type { FieldComponentProps, Validator } from "../../types";
|
|
34
35
|
|
|
35
36
|
const repeatDelay = 400;
|
|
36
37
|
const repeatInterval = 80;
|
|
38
|
+
const boundCaptionDuration = 2000;
|
|
37
39
|
const LARGE_STEP_FACTOR = 10;
|
|
38
40
|
|
|
39
41
|
/** CSS timings for discrete value motion (mirrors theme animationConfig). */
|
|
@@ -90,7 +92,7 @@ function useRepeatAction(action: () => void, repeatingRef: MutableRefObject<bool
|
|
|
90
92
|
|
|
91
93
|
useEffect(() => stop, [stop]);
|
|
92
94
|
|
|
93
|
-
return { onPressIn: start, onPressOut: stop };
|
|
95
|
+
return { onPressIn: start, onPressOut: stop, stop };
|
|
94
96
|
}
|
|
95
97
|
|
|
96
98
|
export type StepperProps<
|
|
@@ -139,56 +141,125 @@ export type StepperProps<
|
|
|
139
141
|
function StepperSpinButton({
|
|
140
142
|
kind,
|
|
141
143
|
disabled,
|
|
144
|
+
atBound,
|
|
145
|
+
seamWidth,
|
|
142
146
|
stacked,
|
|
143
147
|
seam,
|
|
144
148
|
onPressIn,
|
|
145
149
|
onPressOut,
|
|
146
150
|
onActivate,
|
|
151
|
+
onBoundPress,
|
|
147
152
|
children,
|
|
148
153
|
}: {
|
|
149
154
|
kind: "increment" | "decrement";
|
|
150
155
|
disabled: boolean;
|
|
156
|
+
atBound: boolean;
|
|
157
|
+
seamWidth: number;
|
|
151
158
|
stacked?: boolean;
|
|
152
159
|
seam?: "bottom" | "end" | "start";
|
|
153
160
|
onPressIn: () => void;
|
|
154
161
|
onPressOut: () => void;
|
|
155
162
|
onActivate: () => void;
|
|
163
|
+
onBoundPress: () => void;
|
|
156
164
|
children: ReactNode;
|
|
157
165
|
}) {
|
|
158
166
|
const label = kind === "increment" ? t("Increase") : t("Decrease");
|
|
159
|
-
|
|
167
|
+
const [pressed, setPressed] = useState(false);
|
|
168
|
+
const button = (
|
|
160
169
|
<InputParts.Button
|
|
161
170
|
tabIndex={-1}
|
|
162
171
|
disabled={disabled}
|
|
163
|
-
aria-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
cursor={disabled ? "not-allowed" : "pointer"}
|
|
167
|
-
opacity={disabled ? 0.4 : 1}
|
|
168
|
-
|
|
169
|
-
|
|
172
|
+
aria-hidden
|
|
173
|
+
importantForAccessibility="no-hide-descendants"
|
|
174
|
+
pointerEvents="none"
|
|
175
|
+
cursor={disabled || atBound ? "not-allowed" : "pointer"}
|
|
176
|
+
opacity={disabled || atBound ? 0.4 : 1}
|
|
177
|
+
backgroundColor={
|
|
178
|
+
pressed && !disabled && !atBound ? formButtonColors.background.active : "transparent"
|
|
179
|
+
}
|
|
180
|
+
height="100%"
|
|
170
181
|
alignSelf="stretch"
|
|
171
|
-
borderBottomWidth={seam === "bottom" ?
|
|
172
|
-
|
|
173
|
-
|
|
182
|
+
borderBottomWidth={seam === "bottom" ? seamWidth : 0}
|
|
183
|
+
{...(isWeb
|
|
184
|
+
? {
|
|
185
|
+
style: {
|
|
186
|
+
borderInlineEndWidth: seam === "end" ? seamWidth : 0,
|
|
187
|
+
borderInlineStartWidth: seam === "start" ? seamWidth : 0,
|
|
188
|
+
borderInlineEndStyle: "solid",
|
|
189
|
+
borderInlineStartStyle: "solid",
|
|
190
|
+
},
|
|
191
|
+
}
|
|
192
|
+
: {
|
|
193
|
+
borderEndWidth: seam === "end" ? seamWidth : 0,
|
|
194
|
+
borderStartWidth: seam === "start" ? seamWidth : 0,
|
|
195
|
+
})}
|
|
174
196
|
borderColor={formInputColors.border.base}
|
|
175
197
|
focusStyle={noButtonRing}
|
|
176
198
|
focusVisibleStyle={noButtonRing}
|
|
177
199
|
hoverStyle={disabled ? { backgroundColor: "transparent" } : undefined}
|
|
178
|
-
onMouseDown={(e: any) => {
|
|
179
|
-
preventFocusSteal(e);
|
|
180
|
-
onActivate();
|
|
181
|
-
}}
|
|
182
|
-
onPointerDown={(e: any) => {
|
|
183
|
-
preventFocusSteal(e);
|
|
184
|
-
onActivate();
|
|
185
|
-
}}
|
|
186
|
-
onPressIn={disabled ? undefined : onPressIn}
|
|
187
|
-
onPressOut={onPressOut}
|
|
188
200
|
>
|
|
189
201
|
{children}
|
|
190
202
|
</InputParts.Button>
|
|
191
203
|
);
|
|
204
|
+
const start = () => {
|
|
205
|
+
if (disabled) return;
|
|
206
|
+
setPressed(true);
|
|
207
|
+
onActivate();
|
|
208
|
+
if (atBound) onBoundPress();
|
|
209
|
+
else onPressIn();
|
|
210
|
+
};
|
|
211
|
+
const stop = () => {
|
|
212
|
+
setPressed(false);
|
|
213
|
+
onPressOut();
|
|
214
|
+
};
|
|
215
|
+
const hitStyle = {
|
|
216
|
+
display: "flex" as const,
|
|
217
|
+
height: stacked ? ("50%" as const) : ("100%" as const),
|
|
218
|
+
flex: stacked ? 1 : undefined,
|
|
219
|
+
};
|
|
220
|
+
// Keep the press target mounted when a step reaches its bound. Tamagui
|
|
221
|
+
// suppresses aria-disabled presses; the wrapper owns attempted-step feedback.
|
|
222
|
+
return isWeb ? (
|
|
223
|
+
<div
|
|
224
|
+
role="button"
|
|
225
|
+
aria-label={label}
|
|
226
|
+
aria-disabled={disabled || atBound || undefined}
|
|
227
|
+
tabIndex={-1}
|
|
228
|
+
data-stepper-button={kind}
|
|
229
|
+
style={hitStyle}
|
|
230
|
+
onPointerDown={(event) => {
|
|
231
|
+
// This raw wrapper owns the pointer lifecycle. Cancel compatibility
|
|
232
|
+
// mouse events so touch and pen cannot commit the same step twice.
|
|
233
|
+
preventFocusSteal(event);
|
|
234
|
+
start();
|
|
235
|
+
}}
|
|
236
|
+
onMouseDown={preventFocusSteal}
|
|
237
|
+
onPointerUp={stop}
|
|
238
|
+
onPointerCancel={stop}
|
|
239
|
+
onPointerLeave={stop}
|
|
240
|
+
onClick={(event) => {
|
|
241
|
+
if (event.detail !== 0) return;
|
|
242
|
+
start();
|
|
243
|
+
stop();
|
|
244
|
+
}}
|
|
245
|
+
>
|
|
246
|
+
{button}
|
|
247
|
+
</div>
|
|
248
|
+
) : (
|
|
249
|
+
<Pressable
|
|
250
|
+
accessibilityRole="button"
|
|
251
|
+
accessibilityLabel={label}
|
|
252
|
+
accessibilityState={{ disabled: disabled || atBound }}
|
|
253
|
+
// An explicit false overrides accessibilityState in React Native.
|
|
254
|
+
disabled={disabled || undefined}
|
|
255
|
+
onPressIn={start}
|
|
256
|
+
onPressOut={stop}
|
|
257
|
+
hitSlop={{ top: seamWidth, bottom: seamWidth }}
|
|
258
|
+
style={hitStyle}
|
|
259
|
+
>
|
|
260
|
+
{button}
|
|
261
|
+
</Pressable>
|
|
262
|
+
);
|
|
192
263
|
}
|
|
193
264
|
|
|
194
265
|
export function Stepper<
|
|
@@ -253,6 +324,27 @@ export function Stepper<
|
|
|
253
324
|
// LC-25: discrete +/- taps tween the value chrome; hold-repeat / typing stay live.
|
|
254
325
|
// Opacity (not transform) — Tamagui Input owns transform internally on web.
|
|
255
326
|
const [valueFlash, setValueFlash] = useState(false);
|
|
327
|
+
const [boundCaption, setBoundCaption] = useState<string | null>(null);
|
|
328
|
+
const boundTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);
|
|
329
|
+
const clearBoundCaption = useCallback(() => {
|
|
330
|
+
if (boundTimerRef.current) clearTimeout(boundTimerRef.current);
|
|
331
|
+
boundTimerRef.current = null;
|
|
332
|
+
setBoundCaption(null);
|
|
333
|
+
}, []);
|
|
334
|
+
const showBoundCaption = useCallback((kind: "min" | "max") => {
|
|
335
|
+
if (boundTimerRef.current) clearTimeout(boundTimerRef.current);
|
|
336
|
+
setBoundCaption(kind === "min" ? t("Minimum reached") : t("Maximum reached"));
|
|
337
|
+
boundTimerRef.current = setTimeout(() => {
|
|
338
|
+
boundTimerRef.current = null;
|
|
339
|
+
setBoundCaption(null);
|
|
340
|
+
}, boundCaptionDuration);
|
|
341
|
+
}, []);
|
|
342
|
+
useEffect(
|
|
343
|
+
() => () => {
|
|
344
|
+
if (boundTimerRef.current) clearTimeout(boundTimerRef.current);
|
|
345
|
+
},
|
|
346
|
+
[],
|
|
347
|
+
);
|
|
256
348
|
const repeatingRef = useRef(false);
|
|
257
349
|
const typingRef = useRef(false);
|
|
258
350
|
const incrementRef = useRef<() => void>(() => {});
|
|
@@ -316,11 +408,12 @@ export function Stepper<
|
|
|
316
408
|
const clamped = clampValue(next);
|
|
317
409
|
const formatted = formatValue(clamped);
|
|
318
410
|
if (formatted === inputValue) return;
|
|
411
|
+
clearBoundCaption();
|
|
319
412
|
if (pulse) pulseDiscreteStep();
|
|
320
413
|
setInputValue(formatted);
|
|
321
414
|
if (!name) onChange?.(clamped);
|
|
322
415
|
},
|
|
323
|
-
[clampValue, formatValue, inputValue, name, onChange, pulseDiscreteStep],
|
|
416
|
+
[clampValue, formatValue, inputValue, name, onChange, pulseDiscreteStep, clearBoundCaption],
|
|
324
417
|
);
|
|
325
418
|
|
|
326
419
|
const applyDelta = useCallback(
|
|
@@ -328,11 +421,55 @@ export function Stepper<
|
|
|
328
421
|
if (disabled || readOnly) return;
|
|
329
422
|
const current = parseValue(inputValue);
|
|
330
423
|
const from = current ?? 0;
|
|
424
|
+
if (current !== null && delta < 0 && boundsLo !== undefined && from <= boundsLo) {
|
|
425
|
+
showBoundCaption("min");
|
|
426
|
+
return;
|
|
427
|
+
}
|
|
428
|
+
if (current !== null && delta > 0 && boundsHi !== undefined && from >= boundsHi) {
|
|
429
|
+
showBoundCaption("max");
|
|
430
|
+
return;
|
|
431
|
+
}
|
|
331
432
|
commitNumber(from + delta, true);
|
|
332
433
|
},
|
|
333
|
-
[
|
|
434
|
+
[
|
|
435
|
+
disabled,
|
|
436
|
+
readOnly,
|
|
437
|
+
parseValue,
|
|
438
|
+
inputValue,
|
|
439
|
+
commitNumber,
|
|
440
|
+
boundsLo,
|
|
441
|
+
boundsHi,
|
|
442
|
+
showBoundCaption,
|
|
443
|
+
],
|
|
334
444
|
);
|
|
335
445
|
|
|
446
|
+
useEffect(() => {
|
|
447
|
+
const current = parseValue(inputValue);
|
|
448
|
+
if (
|
|
449
|
+
disabled ||
|
|
450
|
+
readOnly ||
|
|
451
|
+
(current !== null && boundsHi !== undefined && current >= boundsHi)
|
|
452
|
+
) {
|
|
453
|
+
repeatIncrement.stop();
|
|
454
|
+
}
|
|
455
|
+
if (
|
|
456
|
+
disabled ||
|
|
457
|
+
readOnly ||
|
|
458
|
+
(current !== null && boundsLo !== undefined && current <= boundsLo)
|
|
459
|
+
) {
|
|
460
|
+
repeatDecrement.stop();
|
|
461
|
+
}
|
|
462
|
+
}, [
|
|
463
|
+
inputValue,
|
|
464
|
+
parseValue,
|
|
465
|
+
boundsLo,
|
|
466
|
+
boundsHi,
|
|
467
|
+
disabled,
|
|
468
|
+
readOnly,
|
|
469
|
+
repeatIncrement.stop,
|
|
470
|
+
repeatDecrement.stop,
|
|
471
|
+
]);
|
|
472
|
+
|
|
336
473
|
const increment = useCallback(() => applyDelta(step), [applyDelta, step]);
|
|
337
474
|
const decrement = useCallback(() => applyDelta(-step), [applyDelta, step]);
|
|
338
475
|
|
|
@@ -439,18 +576,20 @@ export function Stepper<
|
|
|
439
576
|
|
|
440
577
|
const stacked = placement === "left" || placement === "right";
|
|
441
578
|
const showSpin = showButtons && !readOnly;
|
|
442
|
-
const
|
|
443
|
-
const incDisabled = !!(disabled || atMax);
|
|
579
|
+
const seamWidth = knobProps.borderRadius.borderWidth;
|
|
444
580
|
|
|
445
581
|
const decrementButton = (
|
|
446
582
|
<StepperSpinButton
|
|
447
583
|
kind="decrement"
|
|
448
|
-
disabled={
|
|
584
|
+
disabled={!!disabled}
|
|
585
|
+
atBound={atMin}
|
|
586
|
+
seamWidth={seamWidth}
|
|
449
587
|
stacked={stacked}
|
|
450
588
|
seam={placement === "both" ? "end" : undefined}
|
|
451
589
|
onPressIn={repeatDecrement.onPressIn}
|
|
452
590
|
onPressOut={repeatDecrement.onPressOut}
|
|
453
591
|
onActivate={focusArea}
|
|
592
|
+
onBoundPress={() => showBoundCaption("min")}
|
|
454
593
|
>
|
|
455
594
|
{stacked ? (
|
|
456
595
|
<CaretDownIcon size={iconPx} weight="bold" color={glyphColor} aria-hidden />
|
|
@@ -462,12 +601,15 @@ export function Stepper<
|
|
|
462
601
|
const incrementButton = (
|
|
463
602
|
<StepperSpinButton
|
|
464
603
|
kind="increment"
|
|
465
|
-
disabled={
|
|
604
|
+
disabled={!!disabled}
|
|
605
|
+
atBound={atMax}
|
|
606
|
+
seamWidth={seamWidth}
|
|
466
607
|
stacked={stacked}
|
|
467
608
|
seam={stacked ? "bottom" : placement === "both" ? "start" : undefined}
|
|
468
609
|
onPressIn={repeatIncrement.onPressIn}
|
|
469
610
|
onPressOut={repeatIncrement.onPressOut}
|
|
470
611
|
onActivate={focusArea}
|
|
612
|
+
onBoundPress={() => showBoundCaption("max")}
|
|
471
613
|
>
|
|
472
614
|
{stacked ? (
|
|
473
615
|
<CaretUpIcon size={iconPx} weight="bold" color={glyphColor} aria-hidden />
|
|
@@ -483,8 +625,17 @@ export function Stepper<
|
|
|
483
625
|
alignSelf="stretch"
|
|
484
626
|
flexShrink={0}
|
|
485
627
|
width={controlSize}
|
|
486
|
-
|
|
487
|
-
|
|
628
|
+
{...(isWeb
|
|
629
|
+
? {
|
|
630
|
+
borderInlineStartWidth: edge === "end" ? seamWidth : 0,
|
|
631
|
+
borderInlineEndWidth: edge === "start" ? seamWidth : 0,
|
|
632
|
+
borderInlineStartStyle: "solid",
|
|
633
|
+
borderInlineEndStyle: "solid",
|
|
634
|
+
}
|
|
635
|
+
: {
|
|
636
|
+
borderStartWidth: edge === "end" ? seamWidth : 0,
|
|
637
|
+
borderEndWidth: edge === "start" ? seamWidth : 0,
|
|
638
|
+
})}
|
|
488
639
|
borderColor={formInputColors.border.base}
|
|
489
640
|
>
|
|
490
641
|
{incrementButton}
|
|
@@ -541,12 +692,14 @@ export function Stepper<
|
|
|
541
692
|
? {
|
|
542
693
|
onBlur: () => {
|
|
543
694
|
typingRef.current = false;
|
|
695
|
+
clearBoundCaption();
|
|
544
696
|
onBlurHandler();
|
|
545
697
|
},
|
|
546
698
|
}
|
|
547
699
|
: {
|
|
548
700
|
onBlur: () => {
|
|
549
701
|
typingRef.current = false;
|
|
702
|
+
clearBoundCaption();
|
|
550
703
|
},
|
|
551
704
|
})}
|
|
552
705
|
{...(onFocusHandler ? { onFocus: onFocusHandler } : undefined)}
|
|
@@ -559,7 +712,14 @@ export function Stepper<
|
|
|
559
712
|
size={controlSize}
|
|
560
713
|
disabled={disabled}
|
|
561
714
|
data-stepper="true"
|
|
715
|
+
data-stepper-control="true"
|
|
562
716
|
data-stepper-placement={placement}
|
|
717
|
+
{...(showSpin
|
|
718
|
+
? {
|
|
719
|
+
paddingHorizontal: 0,
|
|
720
|
+
sizeRecipeEscape: "LC-81 stepper segments reach the compound frame edges",
|
|
721
|
+
}
|
|
722
|
+
: undefined)}
|
|
563
723
|
>
|
|
564
724
|
{showSpin && placement === "both" ? decrementButton : null}
|
|
565
725
|
{showSpin && placement === "left" ? spinColumn("start") : null}
|
|
@@ -602,7 +762,7 @@ export function Stepper<
|
|
|
602
762
|
label={label}
|
|
603
763
|
labelProps={labelProps}
|
|
604
764
|
error={errorProp}
|
|
605
|
-
helperText={helperText}
|
|
765
|
+
helperText={boundCaption ?? helperText}
|
|
606
766
|
required={required}
|
|
607
767
|
size={size}
|
|
608
768
|
knobProps={knobProps}
|
|
@@ -635,7 +795,7 @@ export function Stepper<
|
|
|
635
795
|
label,
|
|
636
796
|
labelProps,
|
|
637
797
|
error: errorProp,
|
|
638
|
-
helperText,
|
|
798
|
+
helperText: boundCaption ?? helperText,
|
|
639
799
|
required,
|
|
640
800
|
size,
|
|
641
801
|
readOnly,
|
package/src/index.ts
CHANGED
|
@@ -218,6 +218,15 @@ export type { BarcodePreviewProps } from "./fields/Barcode/BarcodePreview";
|
|
|
218
218
|
|
|
219
219
|
export { Geolocation } from "./fields/Geolocation";
|
|
220
220
|
export type { GeolocationProps, GeolocationMapProps } from "./fields/Geolocation";
|
|
221
|
+
export type {
|
|
222
|
+
GeocodeFn,
|
|
223
|
+
GeocodeQuery,
|
|
224
|
+
GeocodeResult,
|
|
225
|
+
Geocoder,
|
|
226
|
+
ReverseGeocodeFn,
|
|
227
|
+
ReverseGeocodeQuery,
|
|
228
|
+
} from "./fields/Geolocation/geocoder";
|
|
229
|
+
export { resolveGeocoder } from "./fields/Geolocation/geocoder";
|
|
221
230
|
|
|
222
231
|
export { ImageField } from "./fields/ImageField";
|
|
223
232
|
export type { ImageFieldProps } from "./fields/ImageField";
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { act, cleanup, renderHook } from "@testing-library/react";
|
|
2
|
+
import { afterEach, describe, expect, it, vi } from "vitest";
|
|
3
|
+
import { useReturnFocusOnClose, useSheetModalFocus } from "./focusManagement";
|
|
4
|
+
|
|
5
|
+
afterEach(() => {
|
|
6
|
+
cleanup();
|
|
7
|
+
vi.useRealTimers();
|
|
8
|
+
document.body.replaceChildren();
|
|
9
|
+
});
|
|
10
|
+
|
|
11
|
+
for (const mode of ["floating", "sheet"] as const) {
|
|
12
|
+
describe(`${mode} close focus`, () => {
|
|
13
|
+
function setup() {
|
|
14
|
+
vi.useFakeTimers();
|
|
15
|
+
const trigger = document.createElement("button");
|
|
16
|
+
const frame = document.createElement("div");
|
|
17
|
+
const item = document.createElement("button");
|
|
18
|
+
const outside = document.createElement("input");
|
|
19
|
+
frame.append(item);
|
|
20
|
+
document.body.append(trigger, frame, outside);
|
|
21
|
+
trigger.focus();
|
|
22
|
+
const skipReturnFocusRef = { current: false };
|
|
23
|
+
const frameRef = { current: frame };
|
|
24
|
+
const hook = renderHook(
|
|
25
|
+
({ open }) => {
|
|
26
|
+
if (mode === "sheet") useSheetModalFocus(open, frameRef, skipReturnFocusRef);
|
|
27
|
+
else useReturnFocusOnClose(open, skipReturnFocusRef);
|
|
28
|
+
},
|
|
29
|
+
{ initialProps: { open: true } },
|
|
30
|
+
);
|
|
31
|
+
return { ...hook, trigger, item, outside, skipReturnFocusRef };
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
it("restores dropped focus after the close animation", async () => {
|
|
35
|
+
const h = setup();
|
|
36
|
+
h.trigger.blur();
|
|
37
|
+
h.rerender({ open: false });
|
|
38
|
+
await act(() => vi.advanceTimersByTimeAsync(400));
|
|
39
|
+
expect(document.activeElement).toBe(h.trigger);
|
|
40
|
+
});
|
|
41
|
+
|
|
42
|
+
it("honors suppression set after close, before the delayed restore", async () => {
|
|
43
|
+
const h = setup();
|
|
44
|
+
h.trigger.blur();
|
|
45
|
+
h.rerender({ open: false });
|
|
46
|
+
h.skipReturnFocusRef.current = true;
|
|
47
|
+
await act(() => vi.advanceTimersByTimeAsync(400));
|
|
48
|
+
expect(document.activeElement).toBe(document.body);
|
|
49
|
+
});
|
|
50
|
+
|
|
51
|
+
it("keeps focus deliberately moved outside", async () => {
|
|
52
|
+
const h = setup();
|
|
53
|
+
h.outside.focus();
|
|
54
|
+
h.rerender({ open: false });
|
|
55
|
+
await act(() => vi.advanceTimersByTimeAsync(400));
|
|
56
|
+
expect(document.activeElement).toBe(h.outside);
|
|
57
|
+
});
|
|
58
|
+
|
|
59
|
+
it("does not restore a previous close after reopening", async () => {
|
|
60
|
+
const h = setup();
|
|
61
|
+
h.trigger.blur();
|
|
62
|
+
h.rerender({ open: false });
|
|
63
|
+
h.rerender({ open: true });
|
|
64
|
+
await act(() => vi.advanceTimersByTimeAsync(400));
|
|
65
|
+
expect(document.activeElement).not.toBe(h.trigger);
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
}
|
|
@@ -53,24 +53,30 @@ function focusIsDropped(insideEl?: HTMLElement | null): boolean {
|
|
|
53
53
|
function useCaptureOnOpen(open: boolean) {
|
|
54
54
|
const prevRef = useRef<HTMLElement | null>(null);
|
|
55
55
|
const wasOpenRef = useRef(false);
|
|
56
|
+
const generationRef = useRef(0);
|
|
56
57
|
if (canUseDom()) {
|
|
58
|
+
if (open !== wasOpenRef.current) generationRef.current += 1;
|
|
57
59
|
if (open && !wasOpenRef.current) {
|
|
58
60
|
prevRef.current = document.activeElement as HTMLElement | null;
|
|
59
61
|
}
|
|
60
62
|
wasOpenRef.current = open;
|
|
61
63
|
}
|
|
62
|
-
return prevRef;
|
|
64
|
+
return { prevRef, generationRef };
|
|
63
65
|
}
|
|
64
66
|
|
|
65
67
|
function restoreLater(
|
|
66
68
|
prevRef: RefObject<HTMLElement | null>,
|
|
69
|
+
generationRef: RefObject<number>,
|
|
67
70
|
insideRef?: RefObject<HTMLElement | null>,
|
|
71
|
+
skipReturnFocusRef?: RefObject<boolean>,
|
|
68
72
|
) {
|
|
73
|
+
const generation = generationRef.current;
|
|
69
74
|
const restore = () => {
|
|
70
75
|
// Fires from the unmount path, so the document can be gone by now (a test
|
|
71
76
|
// environment torn down inside the retry window). `isConnected` stays
|
|
72
77
|
// stale-true on a detached node, so it does not cover this.
|
|
73
78
|
if (!canUseDom()) return;
|
|
79
|
+
if (skipReturnFocusRef?.current || generationRef.current !== generation) return;
|
|
74
80
|
const target = prevRef.current;
|
|
75
81
|
if (!target || !target.isConnected) return;
|
|
76
82
|
if (focusIsDropped(insideRef?.current ?? null)) {
|
|
@@ -87,12 +93,12 @@ function restoreLater(
|
|
|
87
93
|
}
|
|
88
94
|
|
|
89
95
|
/** Restore focus to the element focused at open time, on close (web only). */
|
|
90
|
-
export function useReturnFocusOnClose(open: boolean) {
|
|
91
|
-
const prevRef = useCaptureOnOpen(open);
|
|
96
|
+
export function useReturnFocusOnClose(open: boolean, skipReturnFocusRef?: RefObject<boolean>) {
|
|
97
|
+
const { prevRef, generationRef } = useCaptureOnOpen(open);
|
|
92
98
|
useEffect(() => {
|
|
93
99
|
if (!canUseDom() || !open) return;
|
|
94
|
-
return () => restoreLater(prevRef);
|
|
95
|
-
}, [open, prevRef]);
|
|
100
|
+
return () => restoreLater(prevRef, generationRef, undefined, skipReturnFocusRef);
|
|
101
|
+
}, [open, prevRef, generationRef, skipReturnFocusRef]);
|
|
96
102
|
}
|
|
97
103
|
|
|
98
104
|
/**
|
|
@@ -101,13 +107,17 @@ export function useReturnFocusOnClose(open: boolean) {
|
|
|
101
107
|
* on close, return focus (focus left inside the parked frame counts as
|
|
102
108
|
* dropped).
|
|
103
109
|
*/
|
|
104
|
-
export function useSheetModalFocus(
|
|
105
|
-
|
|
110
|
+
export function useSheetModalFocus(
|
|
111
|
+
open: boolean,
|
|
112
|
+
frameRef: RefObject<HTMLElement | null>,
|
|
113
|
+
skipReturnFocusRef?: RefObject<boolean>,
|
|
114
|
+
) {
|
|
115
|
+
const { prevRef, generationRef } = useCaptureOnOpen(open);
|
|
106
116
|
useEffect(() => {
|
|
107
117
|
if (!canUseDom() || !open) return;
|
|
108
118
|
const frame = frameRef.current;
|
|
109
119
|
if (!frame || typeof frame.addEventListener !== "function") {
|
|
110
|
-
return () => restoreLater(prevRef, frameRef);
|
|
120
|
+
return () => restoreLater(prevRef, generationRef, frameRef, skipReturnFocusRef);
|
|
111
121
|
}
|
|
112
122
|
|
|
113
123
|
// Focus moves in once the sheet has mounted its frame (spring start).
|
|
@@ -150,7 +160,7 @@ export function useSheetModalFocus(open: boolean, frameRef: RefObject<HTMLElemen
|
|
|
150
160
|
cancelAnimationFrame(raf);
|
|
151
161
|
cancelAnimationFrame(innerRaf);
|
|
152
162
|
frame.removeEventListener("keydown", onKeyDown);
|
|
153
|
-
restoreLater(prevRef, frameRef);
|
|
163
|
+
restoreLater(prevRef, generationRef, frameRef, skipReturnFocusRef);
|
|
154
164
|
};
|
|
155
|
-
}, [open, frameRef, prevRef]);
|
|
165
|
+
}, [open, frameRef, prevRef, generationRef, skipReturnFocusRef]);
|
|
156
166
|
}
|
package/types/Button/index.d.ts
CHANGED
|
@@ -7,8 +7,8 @@ import type { SizeTokens } from "@tamagui/web";
|
|
|
7
7
|
* Coordinated size recipe (Polaris slim/medium/large, Primer s/m/l, Linear
|
|
8
8
|
* 28/32/40, Spectrum S/M, M3 XS/S). Height, pad, type, icon, gap and radius
|
|
9
9
|
* step together from the size table. The borderRadius knob is an override
|
|
10
|
-
*
|
|
11
|
-
* Density
|
|
10
|
+
* of painted corners only (`resolveControlRadius`); internal gap keeps the
|
|
11
|
+
* icon and label grouped. Density selects the same-height compact family.
|
|
12
12
|
*
|
|
13
13
|
* GENERATED (LC-75 / LC-80): Button consumes `recipeFamilies.control` — the
|
|
14
14
|
* handwritten mirror table this file used to carry drifted (md font 13 vs the
|
|
@@ -40,7 +40,26 @@ export declare const ButtonFrame: import("tamagui").TamaguiComponent<import("@ta
|
|
|
40
40
|
chromeless?: boolean | "all" | undefined;
|
|
41
41
|
selected?: boolean | undefined;
|
|
42
42
|
}, import("@tamagui/web").StaticConfigPublic>;
|
|
43
|
-
|
|
43
|
+
/**
|
|
44
|
+
* MPO-91: `variant` is Omitted, and that Omit IS the guard.
|
|
45
|
+
*
|
|
46
|
+
* `ButtonFrame` is `styled(View)` and declares only an `outlined` BOOLEAN, so
|
|
47
|
+
* `variant="outlined"` was never read — it landed on the frame as an unread
|
|
48
|
+
* prop and the button rendered FILLED. Because `TamaguiButtonProps` carries
|
|
49
|
+
* `variant`, the inherited type advertised a channel this component ignores,
|
|
50
|
+
* so 75 call sites across 29 files typechecked, rendered wrong, and said
|
|
51
|
+
* nothing. Declaring the prop and dropping it on the floor is the lying API
|
|
52
|
+
* MPO-81 refused to ship.
|
|
53
|
+
*
|
|
54
|
+
* Omitting it turns every one of those call sites into a compile error instead
|
|
55
|
+
* of a silent no-op, which is what stops the prop coming back. The house
|
|
56
|
+
* channel is the `outlined` boolean.
|
|
57
|
+
*
|
|
58
|
+
* `@multiplatform.one/components`' Button still accepts `variant` and maps it
|
|
59
|
+
* onto `outlined` — that shim is the documented raw-tamagui compat hatch, and
|
|
60
|
+
* it declares the prop itself rather than inheriting it from here.
|
|
61
|
+
*/
|
|
62
|
+
export interface ButtonProps extends Omit<TamaguiButtonProps, "form" | "icon" | "iconAfter" | "variant"> {
|
|
44
63
|
action?: "submit" | "reset";
|
|
45
64
|
form?: AnyFormApi;
|
|
46
65
|
loading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAYL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAEhB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAEL,KAAK,WAAW,IAAI,kBAAkB,EAUvC,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAC;AAMpE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAkC,CAAC;AAElG,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,MAAM,GAAE,gBAA4B,GACnC,gBAAgB,CAOlB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GACpB,gBAAgB,CAElB;AAaD,0DAA0D;AAC1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAElE,KAAK,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAqE7D,eAAO,MAAM,WAAW;;;;;;;;6CA4DtB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAOL,KAAK,aAAa,EAClB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAYL,KAAK,gBAAgB,EACrB,KAAK,UAAU,EAEhB,MAAM,0BAA0B,CAAC;AAGlC,OAAO,EAEL,KAAK,WAAW,IAAI,kBAAkB,EAUvC,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAG3C,OAAO,KAAK,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAC;AAMpE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC;AAE1C,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAkC,CAAC;AAElG,wBAAgB,uBAAuB,CACrC,IAAI,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,EACrC,MAAM,GAAE,gBAA4B,GACnC,gBAAgB,CAOlB;AAED;;;;;;GAMG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,gBAAgB,EACxB,YAAY,EAAE,OAAO,GACpB,gBAAgB,CAElB;AAaD,0DAA0D;AAC1D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,CAAC;AAElE,KAAK,QAAQ,GAAG,SAAS,GAAG,aAAa,CAAC;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAqE7D,eAAO,MAAM,WAAW;;;;;;;;6CA4DtB,CAAC;AAEH;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,kBAAkB,EAClB,MAAM,GAAG,MAAM,GAAG,WAAW,GAAG,SAAS,CAC1C;IACC,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7C;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;CACjC;AAED,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,MAAM,EACN,IAAI,EAAE,QAAQ,EACd,OAAO,EACP,MAAM,EACN,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,OAAO,EACP,QAAQ,EACR,MAAc,EACd,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,UAAU,EACV,cAAc,EACd,uBAAiC,EACjC,gBAAgB,EAChB,YAAwB,EACxB,MAAM,EAAE,UAAU,EAClB,iBAAiB,EAAE,qBAAqB,EACxC,GAAG,KAAK,EACT,EAAE,WAAW,2CAieb;yBAlgBe,MAAM;;;iBAtDd,CAAC;YAEJ,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAQL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3F,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAqID;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;6CA+BpB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;6CAenB,CAAC;AAiBH,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEnD;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AA2GD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,WAAsB,EAC/B,KAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,IAAI,EACJ,aAAa,EACb,gBAA+B,GAChC,EAAE,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Chip/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAQL,KAAK,gBAAgB,EACrB,KAAK,aAAa,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,KAAK,EAAe,QAAQ,EAAE,MAAM,SAAS,CAAC;AAMrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC3F,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEjD,gFAAgF;AAChF,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE5E,MAAM,WAAW,SAAS;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,+EAA+E;IAC/E,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oEAAoE;IACpE,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAqID;;;;GAIG;AACH,eAAO,MAAM,SAAS;;;6CA+BpB,CAAC;AAEH,eAAO,MAAM,QAAQ;;;6CAenB,CAAC;AAiBH,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,MAAM,CAEnD;AAED;;;;;GAKG;AACH,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAE/C;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAE3D;AA2GD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,OAAO,EAAE,WAAsB,EAC/B,KAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,OAAO,EACP,IAAI,EACJ,aAAa,EACb,gBAA+B,GAChC,EAAE,SAAS,2CAoNX;AAED,MAAM,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC"}
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
1
|
+
import type { ReactNode, RefObject } from "react";
|
|
2
2
|
import type { PanelWidthMode } from "./useFloatingPanel";
|
|
3
|
+
export { floatingPanelActionProps, isNestedPanelAction } from "./nestedAction";
|
|
3
4
|
export { useFloatingPanel, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, panelAnchorOffset, resolvePanelWidthMode, } from "./useFloatingPanel";
|
|
4
5
|
export type { PanelWidthMode, UseFloatingPanelOptions, UseFloatingPanelReturn, } from "./useFloatingPanel";
|
|
5
6
|
export interface FloatingPanelProps {
|
|
6
7
|
open: boolean;
|
|
7
8
|
onOpenChange: (open: boolean) => void;
|
|
9
|
+
/** Native only: the modal is presented and its inputs can receive focus. */
|
|
10
|
+
onNativeShow?: () => void;
|
|
11
|
+
/** Suppress delayed trigger focus when a consumer handles close focus itself. Web only. */
|
|
12
|
+
skipReturnFocusRef?: RefObject<boolean>;
|
|
8
13
|
trigger: ReactNode;
|
|
9
14
|
/**
|
|
10
15
|
* Optional control rendered beside the trigger but OUTSIDE the native press
|
|
@@ -92,6 +97,11 @@ export interface FloatingPanelProps {
|
|
|
92
97
|
value?: string;
|
|
93
98
|
hint?: string;
|
|
94
99
|
};
|
|
100
|
+
/**
|
|
101
|
+
* Stretch keeps the whole field pressable by default. Content lets an
|
|
102
|
+
* adornment trigger hug its content inside a composite field.
|
|
103
|
+
*/
|
|
104
|
+
triggerSizing?: "stretch" | "content";
|
|
95
105
|
/**
|
|
96
106
|
* How the trigger opens the panel. `"press"` (default) is click/tap.
|
|
97
107
|
* `"contextmenu"` is the ContextMenu gesture: web `contextmenu` (right-click
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAe3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIzD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAG/E,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EACV,cAAc,EACd,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,oBAAoB,CAAC;AAI5B,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,4EAA4E;IAC5E,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,2FAA2F;IAC3F,kBAAkB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxC,OAAO,EAAE,SAAS,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1C;;;;;OAKG;IACH,WAAW,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAChE;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACtC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,aAAa,CAAC;CAClC;AAgED;;;;GAIG;AACH,wBAAgB,eAAe,YAW9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAetD"}
|
|
@@ -48,7 +48,8 @@ import type { FloatingPanelProps } from "./index";
|
|
|
48
48
|
export { useFloatingPanel, panelAnimationDuration, panelGrowDuration, panelTransition, panelViewportPadding, } from "./useFloatingPanel";
|
|
49
49
|
export type { UseFloatingPanelOptions, UseFloatingPanelReturn } from "./useFloatingPanel";
|
|
50
50
|
export type { FloatingPanelProps } from "./index";
|
|
51
|
+
export { floatingPanelActionProps, isNestedPanelAction } from "./nestedAction";
|
|
51
52
|
/** Native never has a >sm web viewport; AdaptivePopup uses this to pick Sheet mode. */
|
|
52
53
|
export declare function useViewportGtSm(): boolean;
|
|
53
|
-
export declare function FloatingPanel({ open, onOpenChange, trigger, triggerEnd, children, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
export declare function FloatingPanel({ open, onOpenChange, onNativeShow, trigger, triggerEnd, triggerSizing, children, scrollable, disabled, contentPadding, header, scrollViewProps, triggerA11y, sheetFill, openOn, }: FloatingPanelProps): import("react/jsx-runtime").JSX.Element;
|
|
54
55
|
//# sourceMappingURL=index.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAmBH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/FloatingPanel/index.native.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAmBH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAKlD,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAC1F,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAE/E,uFAAuF;AACvF,wBAAgB,eAAe,YAE9B;AAoBD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,UAAU,EACV,aAAyB,EACzB,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAA0B,EAC1B,MAAM,EACN,eAAe,EACf,WAAW,EACX,SAAS,EACT,MAAgB,GACjB,EAAE,kBAAkB,2CA0XpB"}
|