@multiplatform.one/forms 7.5.0 → 7.6.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/AdaptivePopup/index.native.js +1 -1
- package/dist/cjs/AdaptivePopup/index.native.js.map +1 -1
- package/dist/cjs/Button/index.cjs +6 -10
- package/dist/cjs/Button/index.native.js +7 -11
- package/dist/cjs/Button/index.native.js.map +1 -1
- package/dist/cjs/Chip/index.native.js.map +1 -1
- package/dist/cjs/ContextualSaveBar/UnsavedChangesDialog.cjs +0 -1
- package/dist/cjs/ContextualSaveBar/UnsavedChangesDialog.native.js +1 -2
- package/dist/cjs/ContextualSaveBar/UnsavedChangesDialog.native.js.map +1 -1
- package/dist/cjs/ContextualSaveBar/clientKnownIdentity.native.js.map +1 -1
- package/dist/cjs/ContextualSaveBar/commitImmediateField.native.js.map +1 -1
- package/dist/cjs/ContextualSaveBar/index.native.js +3 -3
- package/dist/cjs/ContextualSaveBar/index.native.js.map +1 -1
- package/dist/cjs/ContextualSaveBar/useUnsavedChangesGuard.native.js.map +1 -1
- package/dist/cjs/ControlGroup/index.native.js +1 -1
- package/dist/cjs/ControlGroup/index.native.js.map +1 -1
- package/dist/cjs/DescriptionList/index.native.js +2 -2
- package/dist/cjs/DescriptionList/index.native.js.map +1 -1
- package/dist/cjs/ErrorSummary.native.js.map +1 -1
- package/dist/cjs/FieldDisplay/editMode.native.js.map +1 -1
- package/dist/cjs/FieldDisplay/formatters.native.js.map +1 -1
- package/dist/cjs/FieldDisplay/index.cjs +2 -1
- package/dist/cjs/FieldDisplay/index.native.js +10 -3
- package/dist/cjs/FieldDisplay/index.native.js.map +1 -1
- package/dist/cjs/FieldGroup.native.js.map +1 -1
- package/dist/cjs/FloatingPanel/index.cjs +8 -1
- package/dist/cjs/FloatingPanel/useFloatingPanel.native.js.map +1 -1
- package/dist/cjs/Form/index.native.js +1 -1
- package/dist/cjs/Form/index.native.js.map +1 -1
- package/dist/cjs/Form/validateOn.native.js.map +1 -1
- package/dist/cjs/FormGrid.native.js.map +1 -1
- package/dist/cjs/FormSection.native.js.map +1 -1
- package/dist/cjs/InputParts/index.cjs +64 -2
- package/dist/cjs/InputParts/index.native.js +70 -4
- package/dist/cjs/InputParts/index.native.js.map +1 -1
- package/dist/cjs/Label/index.native.js.map +1 -1
- package/dist/cjs/Skeleton/index.native.js.map +1 -1
- package/dist/cjs/Spinner/SpinnerGlyph.native.js.map +1 -1
- package/dist/cjs/Spinner/spinnerSize.native.js.map +1 -1
- package/dist/cjs/Table/index.native.js.map +1 -1
- package/dist/cjs/Wheel/haptic.native.js.map +1 -1
- package/dist/cjs/Wheel/index.native.js.map +1 -1
- package/dist/cjs/actionLabel.native.js.map +1 -1
- package/dist/cjs/fieldDefaults.native.js.map +1 -1
- package/dist/cjs/fieldLayout.native.js +1 -1
- package/dist/cjs/fieldLayout.native.js.map +1 -1
- package/dist/cjs/fields/Barcode/BarcodePreview.cjs +15 -9
- package/dist/cjs/fields/Barcode/BarcodePreview.native.js +15 -9
- package/dist/cjs/fields/Barcode/BarcodePreview.native.js.map +1 -1
- package/dist/cjs/fields/Barcode/BarcodeScanner.native.js +1 -1
- package/dist/cjs/fields/Barcode/code128.native.js.map +1 -1
- package/dist/cjs/fields/Barcode/index.native.js +2 -2
- package/dist/cjs/fields/Barcode/index.native.js.map +1 -1
- package/dist/cjs/fields/Barcode/qr.native.js.map +1 -1
- package/dist/cjs/fields/Barcode/scannerTypes.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/Checkbox.native.js +1 -1
- package/dist/cjs/fields/Checkbox/Checkbox.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxBox.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxCard.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxFieldFrame.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxGroup.native.js +1 -1
- package/dist/cjs/fields/Checkbox/CheckboxGroup.native.js.map +1 -1
- package/dist/cjs/fields/Checkbox/index.native.js.map +1 -1
- package/dist/cjs/fields/ColorPicker/index.native.js +3 -3
- package/dist/cjs/fields/ColorPicker/index.native.js.map +1 -1
- package/dist/cjs/fields/ColorPicker/parts.native.js +2 -2
- package/dist/cjs/fields/ColorPicker/parts.native.js.map +1 -1
- package/dist/cjs/fields/Combobox/authorOptions.native.js.map +1 -1
- package/dist/cjs/fields/Combobox/index.cjs +14 -11
- package/dist/cjs/fields/Combobox/index.native.js +21 -16
- package/dist/cjs/fields/Combobox/index.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/Calendar.native.js.map +1 -1
- 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.native.js +3 -3
- package/dist/cjs/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/MonthPicker.native.js +2 -2
- package/dist/cjs/fields/DatePicker/MonthPicker.native.js.map +1 -1
- 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/fieldValueSync.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/index.native.js +2 -2
- package/dist/cjs/fields/DatePicker/index.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/parts.native.js +2 -2
- package/dist/cjs/fields/DatePicker/parts.native.js.map +1 -1
- package/dist/cjs/fields/DatePicker/utils.native.js.map +1 -1
- package/dist/cjs/fields/Duration/durationMath.native.js.map +1 -1
- package/dist/cjs/fields/Duration/index.native.js +3 -3
- package/dist/cjs/fields/Duration/index.native.js.map +1 -1
- package/dist/cjs/fields/FileUpload/filePickerTypes.native.js.map +1 -1
- package/dist/cjs/fields/FileUpload/index.cjs +11 -3
- package/dist/cjs/fields/FileUpload/index.native.js +22 -5
- package/dist/cjs/fields/FileUpload/index.native.js.map +1 -1
- package/dist/cjs/fields/FileUpload/nativePickerLoader.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/expoMapsLoader.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/index.native.js +5 -5
- package/dist/cjs/fields/Geolocation/index.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/mapMath.native.js.map +1 -1
- package/dist/cjs/fields/Geolocation/mapTypes.native.js.map +1 -1
- package/dist/cjs/fields/Icon/drawnSet.native.js.map +1 -1
- package/dist/cjs/fields/Icon/index.cjs +1 -0
- package/dist/cjs/fields/Icon/index.native.js +4 -3
- package/dist/cjs/fields/Icon/index.native.js.map +1 -1
- package/dist/cjs/fields/ImageField/index.native.js +2 -2
- package/dist/cjs/fields/ImageField/index.native.js.map +1 -1
- package/dist/cjs/fields/Input/index.cjs +175 -95
- package/dist/cjs/fields/Input/index.native.js +85 -6
- package/dist/cjs/fields/Input/index.native.js.map +1 -1
- package/dist/cjs/fields/MentionInput/index.cjs +6 -1
- package/dist/cjs/fields/MentionInput/index.native.js +9 -4
- package/dist/cjs/fields/MentionInput/index.native.js.map +1 -1
- package/dist/cjs/fields/OTPInput/index.cjs +7 -2
- package/dist/cjs/fields/OTPInput/index.native.js +10 -5
- package/dist/cjs/fields/OTPInput/index.native.js.map +1 -1
- package/dist/cjs/fields/OTPInput/otpCellCss.native.js.map +1 -1
- package/dist/cjs/fields/PhoneInput/dialCodes.native.js.map +1 -1
- package/dist/cjs/fields/PhoneInput/index.native.js +4 -3
- package/dist/cjs/fields/PhoneInput/index.native.js.map +1 -1
- package/dist/cjs/fields/PhoneInput/phone.native.js.map +1 -1
- package/dist/cjs/fields/Progress/index.native.js +1 -1
- package/dist/cjs/fields/Progress/index.native.js.map +1 -1
- package/dist/cjs/fields/RadioGroup/index.native.js +1 -1
- package/dist/cjs/fields/RadioGroup/index.native.js.map +1 -1
- package/dist/cjs/fields/Rating/index.native.js +1 -1
- package/dist/cjs/fields/Rating/index.native.js.map +1 -1
- package/dist/cjs/fields/Rating/ratingMath.native.js.map +1 -1
- package/dist/cjs/fields/Rating/types.native.js.map +1 -1
- package/dist/cjs/fields/SearchInput/index.native.js +2 -2
- package/dist/cjs/fields/SearchInput/index.native.js.map +1 -1
- package/dist/cjs/fields/Select/index.native.js +4 -4
- package/dist/cjs/fields/Select/index.native.js.map +1 -1
- package/dist/cjs/fields/Signature/index.native.js +2 -2
- package/dist/cjs/fields/Signature/index.native.js.map +1 -1
- package/dist/cjs/fields/Slider/index.native.js +1 -1
- package/dist/cjs/fields/Slider/index.native.js.map +1 -1
- package/dist/cjs/fields/Slider/jumpMotion.native.js.map +1 -1
- package/dist/cjs/fields/Stepper/index.native.js +2 -2
- package/dist/cjs/fields/Stepper/index.native.js.map +1 -1
- package/dist/cjs/fields/Stepper/resolveStepperPlacement.native.js.map +1 -1
- package/dist/cjs/fields/Switch/index.native.js +2 -2
- package/dist/cjs/fields/Switch/index.native.js.map +1 -1
- package/dist/cjs/fields/TextArea/index.native.js +2 -2
- package/dist/cjs/fields/TextArea/index.native.js.map +1 -1
- package/dist/cjs/fields/TimePicker/index.native.js +3 -3
- package/dist/cjs/fields/TimePicker/index.native.js.map +1 -1
- package/dist/cjs/fields/TimePicker/parts.native.js +1 -1
- package/dist/cjs/fields/TimePicker/parts.native.js.map +1 -1
- package/dist/cjs/fields/TimeRangeScrubber/geometry.native.js.map +1 -1
- package/dist/cjs/fields/TimeRangeScrubber/index.native.js +2 -2
- package/dist/cjs/fields/TimeRangeScrubber/index.native.js.map +1 -1
- package/dist/cjs/fields/ToggleGroup/index.native.js +1 -1
- package/dist/cjs/fields/ToggleGroup/index.native.js.map +1 -1
- package/dist/cjs/fields/selectedOrder.native.js.map +1 -1
- package/dist/cjs/formSpacing.native.js.map +1 -1
- package/dist/cjs/hooks/useFocusManagement.native.js.map +1 -1
- package/dist/cjs/index.native.js +43 -43
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/requiredMarking.native.js.map +1 -1
- package/dist/cjs/shared/TimeColumn.native.js +1 -1
- package/dist/cjs/shared/TimeColumn.native.js.map +1 -1
- package/dist/cjs/shared/capabilityPreflight.native.js.map +1 -1
- package/dist/cjs/shared/colorRamps.native.js.map +1 -1
- package/dist/cjs/shared/devWarn.native.js.map +1 -1
- package/dist/cjs/shared/floatingList.native.js +1 -1
- package/dist/cjs/shared/floatingList.native.js.map +1 -1
- package/dist/cjs/shared/focusManagement.native.js.map +1 -1
- package/dist/cjs/shared/groupContext.native.js.map +1 -1
- package/dist/cjs/shared/i18n.native.js.map +1 -1
- package/dist/cjs/shared/t.native.js.map +1 -1
- package/dist/cjs/shared/tableCellContext.native.js.map +1 -1
- package/dist/cjs/shared/useDragScroll.native.js.map +1 -1
- package/dist/cjs/shared/useKeyboardInset.native.js.map +1 -1
- package/dist/cjs/shared/useSheetEscapeDismiss.native.js.map +1 -1
- package/dist/cjs/shared/useWheelIncrement.native.js.map +1 -1
- package/dist/cjs/shared/utils.cjs +4 -14
- package/dist/cjs/shared/utils.native.js +7 -15
- package/dist/cjs/shared/utils.native.js.map +1 -1
- package/dist/cjs/shared/zIndex.native.js.map +1 -1
- package/dist/cjs/themedPrimitives.native.js.map +1 -1
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/utils/LinkCell.native.js.map +1 -1
- package/dist/esm/AdaptivePopup/index.native.js.map +1 -1
- package/dist/esm/Button/index.mjs +6 -9
- package/dist/esm/Button/index.mjs.map +1 -1
- package/dist/esm/Button/index.native.js +6 -9
- package/dist/esm/Button/index.native.js.map +1 -1
- package/dist/esm/Chip/index.native.js.map +1 -1
- package/dist/esm/ContextualSaveBar/UnsavedChangesDialog.mjs +0 -1
- package/dist/esm/ContextualSaveBar/UnsavedChangesDialog.mjs.map +1 -1
- package/dist/esm/ContextualSaveBar/UnsavedChangesDialog.native.js +0 -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.mjs +2 -1
- package/dist/esm/FieldDisplay/index.mjs.map +1 -1
- package/dist/esm/FieldDisplay/index.native.js +9 -2
- 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 +8 -1
- package/dist/esm/FloatingPanel/index.mjs.map +1 -1
- 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 +64 -2
- package/dist/esm/InputParts/index.mjs.map +1 -1
- package/dist/esm/InputParts/index.native.js +70 -4
- 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.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.native.js.map +1 -1
- package/dist/esm/fields/Barcode/BarcodePreview.mjs +15 -9
- package/dist/esm/fields/Barcode/BarcodePreview.mjs.map +1 -1
- package/dist/esm/fields/Barcode/BarcodePreview.native.js +15 -9
- 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.native.js.map +1 -1
- package/dist/esm/fields/Checkbox/CheckboxGroup.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 +14 -11
- package/dist/esm/fields/Combobox/index.mjs.map +1 -1
- package/dist/esm/fields/Combobox/index.native.js +16 -11
- package/dist/esm/fields/Combobox/index.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/Calendar.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DateRangePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/MonthPicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/MultiDatePicker.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/fieldValueSync.native.js.map +1 -1
- package/dist/esm/fields/DatePicker/index.native.js.map +1 -1
- 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.mjs +11 -3
- package/dist/esm/fields/FileUpload/index.mjs.map +1 -1
- package/dist/esm/fields/FileUpload/index.native.js +20 -3
- 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/expoMapsLoader.native.js.map +1 -1
- 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/Icon/drawnSet.native.js.map +1 -1
- package/dist/esm/fields/Icon/index.mjs +1 -0
- package/dist/esm/fields/Icon/index.mjs.map +1 -1
- package/dist/esm/fields/Icon/index.native.js +1 -0
- 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 +177 -98
- package/dist/esm/fields/Input/index.mjs.map +1 -1
- package/dist/esm/fields/Input/index.native.js +85 -7
- package/dist/esm/fields/Input/index.native.js.map +1 -1
- package/dist/esm/fields/MentionInput/index.mjs +6 -1
- package/dist/esm/fields/MentionInput/index.mjs.map +1 -1
- package/dist/esm/fields/MentionInput/index.native.js +6 -1
- package/dist/esm/fields/MentionInput/index.native.js.map +1 -1
- package/dist/esm/fields/OTPInput/index.mjs +7 -3
- package/dist/esm/fields/OTPInput/index.mjs.map +1 -1
- package/dist/esm/fields/OTPInput/index.native.js +7 -3
- 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.map +1 -1
- package/dist/esm/fields/PhoneInput/index.native.js +1 -0
- 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.map +1 -1
- package/dist/esm/fields/SearchInput/index.native.js.map +1 -1
- 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.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/index.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/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.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.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/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.mjs +4 -14
- package/dist/esm/shared/utils.mjs.map +1 -1
- package/dist/esm/shared/utils.native.js +6 -14
- 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/AdaptivePopup/index.native.js +1 -1
- package/dist/jsx/AdaptivePopup/index.native.js.map +1 -1
- package/dist/jsx/Button/index.mjs +6 -9
- package/dist/jsx/Button/index.mjs.map +1 -1
- package/dist/jsx/Button/index.native.js +7 -11
- package/dist/jsx/Button/index.native.js.map +1 -1
- package/dist/jsx/Chip/index.native.js.map +1 -1
- package/dist/jsx/ContextualSaveBar/UnsavedChangesDialog.mjs +0 -1
- package/dist/jsx/ContextualSaveBar/UnsavedChangesDialog.mjs.map +1 -1
- package/dist/jsx/ContextualSaveBar/UnsavedChangesDialog.native.js +1 -2
- package/dist/jsx/ContextualSaveBar/UnsavedChangesDialog.native.js.map +1 -1
- package/dist/jsx/ContextualSaveBar/clientKnownIdentity.native.js.map +1 -1
- package/dist/jsx/ContextualSaveBar/commitImmediateField.native.js.map +1 -1
- package/dist/jsx/ContextualSaveBar/index.native.js +3 -3
- package/dist/jsx/ContextualSaveBar/index.native.js.map +1 -1
- package/dist/jsx/ContextualSaveBar/useUnsavedChangesGuard.native.js.map +1 -1
- package/dist/jsx/ControlGroup/index.native.js +1 -1
- package/dist/jsx/ControlGroup/index.native.js.map +1 -1
- package/dist/jsx/DescriptionList/index.native.js +2 -2
- package/dist/jsx/DescriptionList/index.native.js.map +1 -1
- package/dist/jsx/ErrorSummary.native.js.map +1 -1
- package/dist/jsx/FieldDisplay/editMode.native.js.map +1 -1
- package/dist/jsx/FieldDisplay/formatters.native.js.map +1 -1
- package/dist/jsx/FieldDisplay/index.mjs +2 -1
- package/dist/jsx/FieldDisplay/index.mjs.map +1 -1
- package/dist/jsx/FieldDisplay/index.native.js +10 -3
- package/dist/jsx/FieldDisplay/index.native.js.map +1 -1
- package/dist/jsx/FieldGroup.native.js.map +1 -1
- package/dist/jsx/FloatingPanel/index.mjs +8 -1
- package/dist/jsx/FloatingPanel/index.mjs.map +1 -1
- package/dist/jsx/FloatingPanel/useFloatingPanel.native.js.map +1 -1
- package/dist/jsx/Form/index.native.js +1 -1
- package/dist/jsx/Form/index.native.js.map +1 -1
- package/dist/jsx/Form/validateOn.native.js.map +1 -1
- package/dist/jsx/FormGrid.native.js.map +1 -1
- package/dist/jsx/FormSection.native.js.map +1 -1
- package/dist/jsx/InputParts/index.mjs +64 -2
- package/dist/jsx/InputParts/index.mjs.map +1 -1
- package/dist/jsx/InputParts/index.native.js +70 -4
- package/dist/jsx/InputParts/index.native.js.map +1 -1
- package/dist/jsx/Label/index.native.js.map +1 -1
- package/dist/jsx/Skeleton/index.native.js.map +1 -1
- package/dist/jsx/Spinner/SpinnerGlyph.native.js.map +1 -1
- package/dist/jsx/Spinner/spinnerSize.native.js.map +1 -1
- package/dist/jsx/Table/index.native.js.map +1 -1
- package/dist/jsx/Wheel/haptic.native.js.map +1 -1
- package/dist/jsx/Wheel/index.native.js.map +1 -1
- package/dist/jsx/actionLabel.native.js.map +1 -1
- package/dist/jsx/fieldDefaults.native.js.map +1 -1
- package/dist/jsx/fieldLayout.native.js +1 -1
- package/dist/jsx/fieldLayout.native.js.map +1 -1
- package/dist/jsx/fields/Barcode/BarcodePreview.mjs +15 -9
- package/dist/jsx/fields/Barcode/BarcodePreview.mjs.map +1 -1
- package/dist/jsx/fields/Barcode/BarcodePreview.native.js +15 -9
- package/dist/jsx/fields/Barcode/BarcodePreview.native.js.map +1 -1
- package/dist/jsx/fields/Barcode/BarcodeScanner.native.js +1 -1
- package/dist/jsx/fields/Barcode/code128.native.js.map +1 -1
- package/dist/jsx/fields/Barcode/index.native.js +2 -2
- package/dist/jsx/fields/Barcode/index.native.js.map +1 -1
- package/dist/jsx/fields/Barcode/qr.native.js.map +1 -1
- package/dist/jsx/fields/Barcode/scannerTypes.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/Checkbox.native.js +1 -1
- package/dist/jsx/fields/Checkbox/Checkbox.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxBox.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxCard.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxFieldFrame.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxGroup.native.js +1 -1
- package/dist/jsx/fields/Checkbox/CheckboxGroup.native.js.map +1 -1
- package/dist/jsx/fields/Checkbox/index.native.js.map +1 -1
- package/dist/jsx/fields/ColorPicker/index.native.js +3 -3
- package/dist/jsx/fields/ColorPicker/index.native.js.map +1 -1
- package/dist/jsx/fields/ColorPicker/parts.native.js +2 -2
- package/dist/jsx/fields/ColorPicker/parts.native.js.map +1 -1
- package/dist/jsx/fields/Combobox/authorOptions.native.js.map +1 -1
- package/dist/jsx/fields/Combobox/index.mjs +14 -11
- package/dist/jsx/fields/Combobox/index.mjs.map +1 -1
- package/dist/jsx/fields/Combobox/index.native.js +21 -16
- package/dist/jsx/fields/Combobox/index.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/Calendar.native.js.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.native.js +3 -3
- package/dist/jsx/fields/DatePicker/DatetimePicker.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/MonthPicker.native.js +2 -2
- package/dist/jsx/fields/DatePicker/MonthPicker.native.js.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/fieldValueSync.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/index.native.js +2 -2
- package/dist/jsx/fields/DatePicker/index.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/parts.native.js +2 -2
- package/dist/jsx/fields/DatePicker/parts.native.js.map +1 -1
- package/dist/jsx/fields/DatePicker/utils.native.js.map +1 -1
- package/dist/jsx/fields/Duration/durationMath.native.js.map +1 -1
- package/dist/jsx/fields/Duration/index.native.js +3 -3
- package/dist/jsx/fields/Duration/index.native.js.map +1 -1
- package/dist/jsx/fields/FileUpload/filePickerTypes.native.js.map +1 -1
- package/dist/jsx/fields/FileUpload/index.mjs +11 -3
- package/dist/jsx/fields/FileUpload/index.mjs.map +1 -1
- package/dist/jsx/fields/FileUpload/index.native.js +22 -5
- package/dist/jsx/fields/FileUpload/index.native.js.map +1 -1
- package/dist/jsx/fields/FileUpload/nativePickerLoader.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/expoMapsLoader.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/index.native.js +5 -5
- package/dist/jsx/fields/Geolocation/index.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/mapMath.native.js.map +1 -1
- package/dist/jsx/fields/Geolocation/mapTypes.native.js.map +1 -1
- package/dist/jsx/fields/Icon/drawnSet.native.js.map +1 -1
- package/dist/jsx/fields/Icon/index.mjs +1 -0
- package/dist/jsx/fields/Icon/index.mjs.map +1 -1
- package/dist/jsx/fields/Icon/index.native.js +4 -3
- package/dist/jsx/fields/Icon/index.native.js.map +1 -1
- package/dist/jsx/fields/ImageField/index.native.js +2 -2
- package/dist/jsx/fields/ImageField/index.native.js.map +1 -1
- package/dist/jsx/fields/Input/index.mjs +177 -98
- package/dist/jsx/fields/Input/index.mjs.map +1 -1
- package/dist/jsx/fields/Input/index.native.js +85 -6
- package/dist/jsx/fields/Input/index.native.js.map +1 -1
- package/dist/jsx/fields/MentionInput/index.mjs +6 -1
- package/dist/jsx/fields/MentionInput/index.mjs.map +1 -1
- package/dist/jsx/fields/MentionInput/index.native.js +9 -4
- package/dist/jsx/fields/MentionInput/index.native.js.map +1 -1
- package/dist/jsx/fields/OTPInput/index.mjs +7 -3
- package/dist/jsx/fields/OTPInput/index.mjs.map +1 -1
- package/dist/jsx/fields/OTPInput/index.native.js +10 -5
- package/dist/jsx/fields/OTPInput/index.native.js.map +1 -1
- package/dist/jsx/fields/OTPInput/otpCellCss.native.js.map +1 -1
- package/dist/jsx/fields/PhoneInput/dialCodes.native.js.map +1 -1
- package/dist/jsx/fields/PhoneInput/index.mjs.map +1 -1
- package/dist/jsx/fields/PhoneInput/index.native.js +4 -3
- package/dist/jsx/fields/PhoneInput/index.native.js.map +1 -1
- package/dist/jsx/fields/PhoneInput/phone.native.js.map +1 -1
- package/dist/jsx/fields/Progress/index.native.js +1 -1
- package/dist/jsx/fields/Progress/index.native.js.map +1 -1
- package/dist/jsx/fields/RadioGroup/index.native.js +1 -1
- package/dist/jsx/fields/RadioGroup/index.native.js.map +1 -1
- package/dist/jsx/fields/Rating/index.native.js +1 -1
- package/dist/jsx/fields/Rating/index.native.js.map +1 -1
- package/dist/jsx/fields/Rating/ratingMath.native.js.map +1 -1
- package/dist/jsx/fields/Rating/types.native.js.map +1 -1
- package/dist/jsx/fields/SearchInput/index.mjs.map +1 -1
- package/dist/jsx/fields/SearchInput/index.native.js +2 -2
- package/dist/jsx/fields/SearchInput/index.native.js.map +1 -1
- package/dist/jsx/fields/Select/index.native.js +4 -4
- package/dist/jsx/fields/Select/index.native.js.map +1 -1
- package/dist/jsx/fields/Signature/index.native.js +2 -2
- package/dist/jsx/fields/Signature/index.native.js.map +1 -1
- package/dist/jsx/fields/Slider/index.native.js +1 -1
- package/dist/jsx/fields/Slider/index.native.js.map +1 -1
- package/dist/jsx/fields/Slider/jumpMotion.native.js.map +1 -1
- package/dist/jsx/fields/Stepper/index.native.js +2 -2
- package/dist/jsx/fields/Stepper/index.native.js.map +1 -1
- package/dist/jsx/fields/Stepper/resolveStepperPlacement.native.js.map +1 -1
- package/dist/jsx/fields/Switch/index.native.js +2 -2
- package/dist/jsx/fields/Switch/index.native.js.map +1 -1
- package/dist/jsx/fields/TextArea/index.native.js +2 -2
- package/dist/jsx/fields/TextArea/index.native.js.map +1 -1
- package/dist/jsx/fields/TimePicker/index.native.js +3 -3
- package/dist/jsx/fields/TimePicker/index.native.js.map +1 -1
- package/dist/jsx/fields/TimePicker/parts.native.js +1 -1
- package/dist/jsx/fields/TimePicker/parts.native.js.map +1 -1
- package/dist/jsx/fields/TimeRangeScrubber/geometry.native.js.map +1 -1
- package/dist/jsx/fields/TimeRangeScrubber/index.native.js +2 -2
- package/dist/jsx/fields/TimeRangeScrubber/index.native.js.map +1 -1
- package/dist/jsx/fields/ToggleGroup/index.native.js +1 -1
- package/dist/jsx/fields/ToggleGroup/index.native.js.map +1 -1
- package/dist/jsx/fields/selectedOrder.native.js.map +1 -1
- package/dist/jsx/formSpacing.native.js.map +1 -1
- package/dist/jsx/hooks/useFocusManagement.native.js.map +1 -1
- package/dist/jsx/index.native.js +43 -43
- package/dist/jsx/index.native.js.map +1 -1
- package/dist/jsx/requiredMarking.native.js.map +1 -1
- package/dist/jsx/shared/TimeColumn.native.js +1 -1
- package/dist/jsx/shared/TimeColumn.native.js.map +1 -1
- package/dist/jsx/shared/capabilityPreflight.native.js.map +1 -1
- package/dist/jsx/shared/colorRamps.native.js.map +1 -1
- package/dist/jsx/shared/devWarn.native.js.map +1 -1
- package/dist/jsx/shared/floatingList.native.js +1 -1
- package/dist/jsx/shared/floatingList.native.js.map +1 -1
- package/dist/jsx/shared/focusManagement.native.js.map +1 -1
- package/dist/jsx/shared/groupContext.native.js.map +1 -1
- package/dist/jsx/shared/i18n.native.js.map +1 -1
- package/dist/jsx/shared/t.native.js.map +1 -1
- package/dist/jsx/shared/tableCellContext.native.js.map +1 -1
- package/dist/jsx/shared/useDragScroll.native.js.map +1 -1
- package/dist/jsx/shared/useKeyboardInset.native.js.map +1 -1
- package/dist/jsx/shared/useSheetEscapeDismiss.native.js.map +1 -1
- package/dist/jsx/shared/useWheelIncrement.native.js.map +1 -1
- package/dist/jsx/shared/utils.mjs +4 -14
- package/dist/jsx/shared/utils.mjs.map +1 -1
- package/dist/jsx/shared/utils.native.js +7 -15
- package/dist/jsx/shared/utils.native.js.map +1 -1
- package/dist/jsx/shared/zIndex.native.js.map +1 -1
- package/dist/jsx/themedPrimitives.native.js.map +1 -1
- package/dist/jsx/types.native.js.map +1 -1
- package/dist/jsx/utils/LinkCell.native.js.map +1 -1
- package/package.json +7 -7
- package/src/Button/Button.density.spec.tsx +118 -32
- package/src/Button/Button.labelInk.spec.tsx +72 -19
- package/src/Button/Button.lc71.spec.tsx +10 -3
- package/src/Button/Button.stories.tsx +7 -6
- package/src/Button/index.tsx +22 -12
- package/src/ContextualSaveBar/UnsavedChangesDialog.tsx +0 -1
- package/src/FieldDisplay/FieldDisplay.spec.tsx +11 -2
- package/src/FieldDisplay/index.tsx +5 -0
- package/src/FloatingPanel/index.tsx +22 -1
- package/src/FloatingPanel/panelWidthContract.spec.ts +1 -0
- package/src/InputParts/index.tsx +100 -3
- package/src/fields/Barcode/BarcodePreview.spec.tsx +139 -5
- package/src/fields/Barcode/BarcodePreview.tsx +47 -15
- package/src/fields/Combobox/Combobox.spec.tsx +64 -1
- package/src/fields/Combobox/index.tsx +22 -11
- package/src/fields/FileUpload/FileUpload.spec.tsx +28 -0
- package/src/fields/FileUpload/index.tsx +26 -1
- package/src/fields/Icon/Icon.stories.tsx +1 -1
- package/src/fields/Icon/index.tsx +1 -0
- package/src/fields/Input/index.tsx +180 -81
- package/src/fields/MentionInput/index.tsx +9 -1
- package/src/fields/OTPInput/OtpInput.spec.tsx +36 -4
- package/src/fields/OTPInput/index.tsx +18 -3
- package/src/fields/OTPInput/otpCellHeightTouch.spec.ts +44 -0
- package/src/fields/PhoneInput/index.tsx +1 -0
- package/src/fields/SearchInput/index.tsx +5 -3
- package/src/shared/utils.spec.ts +46 -0
- package/src/shared/utils.ts +31 -16
- package/types/Button/index.d.ts +8 -3
- package/types/Button/index.d.ts.map +1 -1
- package/types/ContextualSaveBar/UnsavedChangesDialog.d.ts.map +1 -1
- package/types/FieldDisplay/index.d.ts.map +1 -1
- package/types/InputParts/index.d.ts +9 -5
- package/types/InputParts/index.d.ts.map +1 -1
- package/types/fields/Barcode/BarcodePreview.d.ts +20 -9
- package/types/fields/Barcode/BarcodePreview.d.ts.map +1 -1
- package/types/fields/Checkbox/index.d.ts +3 -3
- package/types/fields/Combobox/index.d.ts.map +1 -1
- package/types/fields/FileUpload/index.d.ts.map +1 -1
- package/types/fields/Icon/index.d.ts.map +1 -1
- package/types/fields/Input/index.d.ts +18 -6
- package/types/fields/Input/index.d.ts.map +1 -1
- package/types/fields/MentionInput/index.d.ts.map +1 -1
- package/types/fields/OTPInput/index.d.ts +12 -0
- package/types/fields/OTPInput/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/ToggleGroup/index.d.ts +1 -1
- package/types/shared/utils.d.ts.map +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { useRef } from "react";
|
|
2
|
-
import { WarningCircleIcon } from "@phosphor-icons/react";
|
|
1
|
+
import { useCallback, useRef } from "react";
|
|
2
|
+
import { ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
|
|
3
3
|
import { MIN_PRESS_TARGET, pressTargetHitSlop } from "@multiplatform.one/theme";
|
|
4
|
-
import { Text } from "tamagui";
|
|
4
|
+
import { isWeb, Text } from "tamagui";
|
|
5
5
|
import { Skeleton } from "../../Skeleton/index.mjs";
|
|
6
6
|
import { resolveFieldInputProps } from "../../fieldDefaults.mjs";
|
|
7
7
|
import { Field, FieldLayout } from "../../fieldLayout.mjs";
|
|
@@ -10,6 +10,30 @@ import { getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useReso
|
|
|
10
10
|
import { Input as InputParts, useForwardFocus } from "../../InputParts/index.mjs";
|
|
11
11
|
import { LinkCell } from "../../utils/LinkCell.mjs";
|
|
12
12
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
13
|
+
const INPUT_FIELD_RING_STYLE_ID = "mp-input-field-ring-offset";
|
|
14
|
+
function ensureInputFieldRingOffset() {
|
|
15
|
+
if (typeof document === "undefined") return;
|
|
16
|
+
if (document.getElementById(INPUT_FIELD_RING_STYLE_ID)) return;
|
|
17
|
+
const tag = document.createElement("style");
|
|
18
|
+
tag.id = INPUT_FIELD_RING_STYLE_ID;
|
|
19
|
+
tag.textContent = `[data-mp-input-field][data-mp-ring="inset"]:has(input:focus),
|
|
20
|
+
[data-mp-input-field][data-mp-ring="inset"]:has(textarea:focus),
|
|
21
|
+
[data-mp-input-field][data-mp-ring="inset"]:has([data-mp-input-area]:focus),
|
|
22
|
+
[data-mp-input-field][data-mp-ring="inset"]:focus-visible {
|
|
23
|
+
outline-offset: 0px !important;
|
|
24
|
+
}`;
|
|
25
|
+
document.head.appendChild(tag);
|
|
26
|
+
}
|
|
27
|
+
const COPY_LABEL = "Copy to clipboard";
|
|
28
|
+
async function writeClipboard(text) {
|
|
29
|
+
try {
|
|
30
|
+
if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) return false;
|
|
31
|
+
await navigator.clipboard.writeText(text);
|
|
32
|
+
return true;
|
|
33
|
+
} catch {
|
|
34
|
+
return false;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
13
37
|
function Input({
|
|
14
38
|
name,
|
|
15
39
|
form: formProp,
|
|
@@ -46,7 +70,9 @@ function Input({
|
|
|
46
70
|
children,
|
|
47
71
|
skeleton,
|
|
48
72
|
compact,
|
|
49
|
-
chromeless
|
|
73
|
+
chromeless,
|
|
74
|
+
copy,
|
|
75
|
+
onCopyResult
|
|
50
76
|
}) {
|
|
51
77
|
const {
|
|
52
78
|
resolvedForm,
|
|
@@ -60,6 +86,7 @@ function Input({
|
|
|
60
86
|
});
|
|
61
87
|
const inputRef = useRef(null);
|
|
62
88
|
const focusTrigger = useForwardFocus(inputRef);
|
|
89
|
+
if (isWeb) ensureInputFieldRingOffset();
|
|
63
90
|
const resolvedValidators = useResolvedValidators(required, validators, label, name);
|
|
64
91
|
const purposeInputProps = resolveFieldInputProps(purpose, autoComplete);
|
|
65
92
|
const resolvedSize = size ?? knobProps.sizeToken;
|
|
@@ -74,6 +101,10 @@ function Input({
|
|
|
74
101
|
"data-visual-height": String(visualHeight),
|
|
75
102
|
"data-press-floor": belowFloor ? "slop" : "box",
|
|
76
103
|
"data-ring-target": "box",
|
|
104
|
+
"data-radius-class": "DEFAULT",
|
|
105
|
+
"data-radius-part": "Input",
|
|
106
|
+
"data-ring-offset": "0",
|
|
107
|
+
"data-mp-input-field": "true",
|
|
77
108
|
...(belowFloor ? {
|
|
78
109
|
hitSlop: pressTargetHitSlop(visualHeight)
|
|
79
110
|
} : void 0)
|
|
@@ -93,7 +124,11 @@ function Input({
|
|
|
93
124
|
const layoutBind = {
|
|
94
125
|
id,
|
|
95
126
|
label: visibleLabel,
|
|
96
|
-
labelProps
|
|
127
|
+
// R7 / §6.1: label is weight 400. Consumer labelProps still eject last.
|
|
128
|
+
labelProps: {
|
|
129
|
+
fontWeight: "400",
|
|
130
|
+
...labelProps
|
|
131
|
+
},
|
|
97
132
|
helperText,
|
|
98
133
|
required,
|
|
99
134
|
disabled,
|
|
@@ -107,6 +142,15 @@ function Input({
|
|
|
107
142
|
const areaName = visibleLabel || !resolvedAriaLabel ? void 0 : {
|
|
108
143
|
"aria-label": resolvedAriaLabel
|
|
109
144
|
};
|
|
145
|
+
const handleCopy = useCallback(async text => {
|
|
146
|
+
const ok = await writeClipboard(text);
|
|
147
|
+
onCopyResult?.(ok);
|
|
148
|
+
}, [onCopyResult]);
|
|
149
|
+
const identifierProps = copy ? {
|
|
150
|
+
fontFamily: "$mono",
|
|
151
|
+
letterSpacing: 0,
|
|
152
|
+
"data-register": "identifier"
|
|
153
|
+
} : void 0;
|
|
110
154
|
if (skeleton) {
|
|
111
155
|
return /* @__PURE__ */jsx(FieldLayout, {
|
|
112
156
|
...layoutBind,
|
|
@@ -130,103 +174,138 @@ function Input({
|
|
|
130
174
|
children
|
|
131
175
|
});
|
|
132
176
|
}
|
|
133
|
-
const renderInputBox = (inputValue, handleChange, handleBlur, hasError) =>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
...
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
177
|
+
const renderInputBox = (inputValue, handleChange, handleBlur, hasError) => {
|
|
178
|
+
const copyText = String(inputValue ?? "");
|
|
179
|
+
const showCopy = Boolean(copy && copyText);
|
|
180
|
+
const activateCopy = () => {
|
|
181
|
+
if (disabled) return;
|
|
182
|
+
void handleCopy(copyText);
|
|
183
|
+
};
|
|
184
|
+
return /* @__PURE__ */jsxs(InputParts.Box, {
|
|
185
|
+
...boxContract,
|
|
186
|
+
...(handleBlur ? {
|
|
187
|
+
onBlur: handleBlur
|
|
188
|
+
} : void 0),
|
|
189
|
+
disabled,
|
|
190
|
+
...(showCopy ? {
|
|
191
|
+
paddingInlineEnd: 0
|
|
192
|
+
} : void 0),
|
|
193
|
+
...chromelessProps,
|
|
194
|
+
children: [leftIcon && /* @__PURE__ */jsx(InputParts.Icon, {
|
|
195
|
+
adornment: "leading",
|
|
196
|
+
...focusTrigger,
|
|
197
|
+
children: leftIcon
|
|
198
|
+
}), readOnly ? linkResolver ? /* @__PURE__ */jsx(LinkCell, {
|
|
199
|
+
value: inputValue,
|
|
200
|
+
linkResolver,
|
|
201
|
+
children: /* @__PURE__ */jsx(Text, {
|
|
202
|
+
id,
|
|
203
|
+
"aria-readonly": "true",
|
|
204
|
+
"aria-required": required || void 0,
|
|
205
|
+
"aria-invalid": hasError || void 0,
|
|
206
|
+
...areaName,
|
|
207
|
+
...identifierProps,
|
|
208
|
+
color: "$color",
|
|
209
|
+
children: inputValue ?? ""
|
|
210
|
+
})
|
|
211
|
+
}) : /* @__PURE__ */jsx(InputParts.Area, {
|
|
212
|
+
ref: inputRef,
|
|
213
|
+
value: inputValue ?? "",
|
|
214
|
+
readOnly: true,
|
|
148
215
|
id,
|
|
149
216
|
"aria-readonly": "true",
|
|
150
217
|
"aria-required": required || void 0,
|
|
151
218
|
"aria-invalid": hasError || void 0,
|
|
219
|
+
...identifierProps,
|
|
220
|
+
...areaName
|
|
221
|
+
}) : /* @__PURE__ */jsx(InputParts.Area, {
|
|
222
|
+
ref: inputRef,
|
|
223
|
+
...(purposeInputProps.inputMode !== void 0 ? {
|
|
224
|
+
inputMode: purposeInputProps.inputMode
|
|
225
|
+
} : void 0),
|
|
226
|
+
...(purposeInputProps.keyboardType !== void 0 ? {
|
|
227
|
+
keyboardType: purposeInputProps.keyboardType
|
|
228
|
+
} : void 0),
|
|
229
|
+
...(purposeInputProps.autoComplete !== void 0 ? {
|
|
230
|
+
autoComplete: purposeInputProps.autoComplete
|
|
231
|
+
} : void 0),
|
|
232
|
+
...inputProps,
|
|
233
|
+
...identifierProps,
|
|
234
|
+
...(multiline !== void 0 ? {
|
|
235
|
+
multiline
|
|
236
|
+
} : void 0),
|
|
237
|
+
...(maxLength !== void 0 ? {
|
|
238
|
+
maxLength
|
|
239
|
+
} : void 0),
|
|
240
|
+
...(keyboardType !== void 0 ? {
|
|
241
|
+
keyboardType
|
|
242
|
+
} : void 0),
|
|
243
|
+
...(textContentType !== void 0 ? {
|
|
244
|
+
textContentType
|
|
245
|
+
} : void 0),
|
|
246
|
+
...(autoComplete !== void 0 ? {
|
|
247
|
+
autoComplete
|
|
248
|
+
} : void 0),
|
|
249
|
+
...(secureTextEntry !== void 0 ? {
|
|
250
|
+
secureTextEntry
|
|
251
|
+
} : void 0),
|
|
252
|
+
...(placeholder !== void 0 ? {
|
|
253
|
+
placeholder
|
|
254
|
+
} : void 0),
|
|
255
|
+
disabled,
|
|
256
|
+
id,
|
|
257
|
+
...(handleChange ? {
|
|
258
|
+
value: inputValue ?? ""
|
|
259
|
+
} : {
|
|
260
|
+
defaultValue: inputValue
|
|
261
|
+
}),
|
|
262
|
+
"aria-required": required || void 0,
|
|
263
|
+
"aria-invalid": hasError || void 0,
|
|
152
264
|
...areaName,
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
} :
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
} : void 0),
|
|
198
|
-
disabled,
|
|
199
|
-
id,
|
|
200
|
-
...(handleChange ? {
|
|
201
|
-
value: inputValue ?? ""
|
|
202
|
-
} : {
|
|
203
|
-
defaultValue: inputValue
|
|
204
|
-
}),
|
|
205
|
-
"aria-required": required || void 0,
|
|
206
|
-
"aria-invalid": hasError || void 0,
|
|
207
|
-
...areaName,
|
|
208
|
-
onChange,
|
|
209
|
-
onChangeText: text => {
|
|
210
|
-
if (disabled) return;
|
|
211
|
-
handleChange?.(text);
|
|
212
|
-
onChangeText?.(text);
|
|
213
|
-
}
|
|
214
|
-
}), rightIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
|
|
215
|
-
adornment: "trailing",
|
|
216
|
-
...(rightIconInteractive ? void 0 : focusTrigger),
|
|
217
|
-
children: rightIcon
|
|
218
|
-
}) : hasError ?
|
|
219
|
-
// M3 / Polaris / Spectrum: in-field error glyph (color is not the
|
|
220
|
-
// only channel). Omitted when the consumer owns the trailing slot.
|
|
221
|
-
/* @__PURE__ */
|
|
222
|
-
jsx(InputParts.Icon, {
|
|
223
|
-
adornment: "trailing",
|
|
224
|
-
color: formCommonColors.error,
|
|
225
|
-
children: /* @__PURE__ */jsx(WarningCircleIcon, {
|
|
226
|
-
"aria-hidden": true
|
|
227
|
-
})
|
|
228
|
-
}) : null]
|
|
229
|
-
});
|
|
265
|
+
onChange,
|
|
266
|
+
onChangeText: text => {
|
|
267
|
+
if (disabled) return;
|
|
268
|
+
handleChange?.(text);
|
|
269
|
+
onChangeText?.(text);
|
|
270
|
+
}
|
|
271
|
+
}), showCopy ? /* @__PURE__ */jsx(InputParts.Button, {
|
|
272
|
+
glyphRing: true,
|
|
273
|
+
size: resolvedSize,
|
|
274
|
+
type: "button",
|
|
275
|
+
disabled,
|
|
276
|
+
tabIndex: disabled ? -1 : 0,
|
|
277
|
+
"aria-label": COPY_LABEL,
|
|
278
|
+
hitSlop: belowFloor ? pressTargetHitSlop(visualHeight) : void 0,
|
|
279
|
+
onPress: disabled ? void 0 : activateCopy,
|
|
280
|
+
onKeyDown: e => {
|
|
281
|
+
if (disabled) return;
|
|
282
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
283
|
+
e.preventDefault();
|
|
284
|
+
e.stopPropagation();
|
|
285
|
+
activateCopy();
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
children: /* @__PURE__ */jsx(InputParts.Icon, {
|
|
289
|
+
"aria-hidden": true,
|
|
290
|
+
children: /* @__PURE__ */jsx(ClipboardIcon, {})
|
|
291
|
+
})
|
|
292
|
+
}) : rightIcon ? /* @__PURE__ */jsx(InputParts.Icon, {
|
|
293
|
+
adornment: "trailing",
|
|
294
|
+
...(rightIconInteractive ? void 0 : focusTrigger),
|
|
295
|
+
children: rightIcon
|
|
296
|
+
}) : hasError ?
|
|
297
|
+
// M3 / Polaris / Spectrum: in-field error glyph (color is not the
|
|
298
|
+
// only channel). Omitted when the consumer owns the trailing slot.
|
|
299
|
+
/* @__PURE__ */
|
|
300
|
+
jsx(InputParts.Icon, {
|
|
301
|
+
adornment: "trailing",
|
|
302
|
+
color: formCommonColors.error,
|
|
303
|
+
children: /* @__PURE__ */jsx(WarningCircleIcon, {
|
|
304
|
+
"aria-hidden": true
|
|
305
|
+
})
|
|
306
|
+
}) : null]
|
|
307
|
+
});
|
|
308
|
+
};
|
|
230
309
|
if (!resolvedForm || !name) {
|
|
231
310
|
return /* @__PURE__ */jsx(FieldLayout, {
|
|
232
311
|
...layoutBind,
|
|
@@ -266,5 +345,5 @@ Input.Info = InputParts.Info;
|
|
|
266
345
|
Input.Meta = InputParts.Meta;
|
|
267
346
|
Input.Label = InputParts.Label;
|
|
268
347
|
Input.XGroup = InputParts.XGroup;
|
|
269
|
-
export { Input };
|
|
348
|
+
export { Input, ensureInputFieldRingOffset };
|
|
270
349
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useRef","WarningCircleIcon","MIN_PRESS_TARGET","pressTargetHitSlop","Text","Skeleton","resolveFieldInputProps","Field","FieldLayout","formCommonColors","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","useForwardFocus","LinkCell","jsx","jsxs","name","form","formProp","validators","label","labelProps","labelHidden","ariaLabel","helperText","error","required","disabled","size","
|
|
1
|
+
{"version":3,"names":["useCallback","useRef","ClipboardIcon","WarningCircleIcon","MIN_PRESS_TARGET","pressTargetHitSlop","isWeb","Text","Skeleton","resolveFieldInputProps","Field","FieldLayout","formCommonColors","getFieldError","getFieldHeight","mergeFieldHandler","useFormField","useResolvedValidators","Input","InputParts","useForwardFocus","LinkCell","jsx","jsxs","INPUT_FIELD_RING_STYLE_ID","ensureInputFieldRingOffset","document","getElementById","tag","createElement","id","textContent","head","appendChild","COPY_LABEL","writeClipboard","text","navigator","clipboard","writeText","name","form","formProp","validators","label","labelProps","labelHidden","ariaLabel","helperText","error","required","disabled","size","idProp","value","defaultValue","onChange","onChangeText","onBlur","secureTextEntry","placeholder","multiline","maxLength","keyboardType","textContentType","autoComplete","purpose","readOnly","linkResolver","leftIcon","rightIcon","rightIconInteractive","inputProps","children","skeleton","compact","chromeless","copy","onCopyResult","resolvedForm","knobProps","control","inputRef","focusTrigger","resolvedValidators","purposeInputProps","resolvedSize","sizeToken","visualHeight","belowFloor","visibleLabel","resolvedAriaLabel","boxContract","density","String","hitSlop","chromelessProps","borderWidth","backgroundColor","hoverStyle","borderColor","hoverKnobProps","focusStyle","focusKnobProps","layoutBind","fontWeight","areaName","handleCopy","ok","identifierProps","fontFamily","letterSpacing","variant","width","height","theme","renderInputBox","inputValue","handleChange","handleBlur","hasError","copyText","showCopy","Boolean","activateCopy","Box","paddingInlineEnd","Icon","adornment","color","Area","ref","inputMode","Button","glyphRing","type","tabIndex","onPress","onKeyDown","e","key","preventDefault","stopPropagation","field","resolvedError","state","Section","Info","Meta","Label","XGroup"],"sources":["../../../../src/fields/Input/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef } from "react";
|
|
3
|
-
import { WarningCircleIcon } from "@phosphor-icons/react";
|
|
2
|
+
import { useCallback, useRef } from "react";
|
|
3
|
+
import { ClipboardIcon, WarningCircleIcon } from "@phosphor-icons/react";
|
|
4
4
|
import { MIN_PRESS_TARGET, pressTargetHitSlop } from "@multiplatform.one/theme";
|
|
5
|
-
import { Text } from "tamagui";
|
|
5
|
+
import { isWeb, Text } from "tamagui";
|
|
6
6
|
import { Skeleton } from "../../Skeleton/index.native.js";
|
|
7
7
|
import { resolveFieldInputProps } from "../../fieldDefaults.native.js";
|
|
8
8
|
import { Field, FieldLayout } from "../../fieldLayout.native.js";
|
|
@@ -10,6 +10,31 @@ import { formCommonColors } from "../../shared/colorRamps.native.js";
|
|
|
10
10
|
import { getFieldError, getFieldHeight, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
|
|
11
11
|
import { Input as InputParts, useForwardFocus } from "../../InputParts/index.native.js";
|
|
12
12
|
import { LinkCell } from "../../utils/LinkCell.native.js";
|
|
13
|
+
var INPUT_FIELD_RING_STYLE_ID = "mp-input-field-ring-offset";
|
|
14
|
+
function ensureInputFieldRingOffset() {
|
|
15
|
+
if (typeof document === "undefined") return;
|
|
16
|
+
if (document.getElementById(INPUT_FIELD_RING_STYLE_ID)) return;
|
|
17
|
+
var tag = document.createElement("style");
|
|
18
|
+
tag.id = INPUT_FIELD_RING_STYLE_ID;
|
|
19
|
+
tag.textContent = `[data-mp-input-field][data-mp-ring="inset"]:has(input:focus),
|
|
20
|
+
[data-mp-input-field][data-mp-ring="inset"]:has(textarea:focus),
|
|
21
|
+
[data-mp-input-field][data-mp-ring="inset"]:has([data-mp-input-area]:focus),
|
|
22
|
+
[data-mp-input-field][data-mp-ring="inset"]:focus-visible {
|
|
23
|
+
outline-offset: 0px !important;
|
|
24
|
+
}`;
|
|
25
|
+
document.head.appendChild(tag);
|
|
26
|
+
}
|
|
27
|
+
var COPY_LABEL = "Copy to clipboard";
|
|
28
|
+
async function writeClipboard(text) {
|
|
29
|
+
try {
|
|
30
|
+
var _navigator_clipboard;
|
|
31
|
+
if (typeof navigator === "undefined" || !((_navigator_clipboard = navigator.clipboard) === null || _navigator_clipboard === void 0 ? void 0 : _navigator_clipboard.writeText)) return false;
|
|
32
|
+
await navigator.clipboard.writeText(text);
|
|
33
|
+
return true;
|
|
34
|
+
} catch (unused) {
|
|
35
|
+
return false;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
13
38
|
function Input(param) {
|
|
14
39
|
var {
|
|
15
40
|
name,
|
|
@@ -47,7 +72,9 @@ function Input(param) {
|
|
|
47
72
|
children,
|
|
48
73
|
skeleton,
|
|
49
74
|
compact,
|
|
50
|
-
chromeless
|
|
75
|
+
chromeless,
|
|
76
|
+
copy,
|
|
77
|
+
onCopyResult
|
|
51
78
|
} = param;
|
|
52
79
|
var {
|
|
53
80
|
resolvedForm,
|
|
@@ -61,6 +88,7 @@ function Input(param) {
|
|
|
61
88
|
});
|
|
62
89
|
var inputRef = useRef(null);
|
|
63
90
|
var focusTrigger = useForwardFocus(inputRef);
|
|
91
|
+
if (isWeb) ensureInputFieldRingOffset();
|
|
64
92
|
var resolvedValidators = useResolvedValidators(required, validators, label, name);
|
|
65
93
|
var purposeInputProps = resolveFieldInputProps(purpose, autoComplete);
|
|
66
94
|
var resolvedSize = size !== null && size !== void 0 ? size : knobProps.sizeToken;
|
|
@@ -75,6 +103,10 @@ function Input(param) {
|
|
|
75
103
|
"data-visual-height": String(visualHeight),
|
|
76
104
|
"data-press-floor": belowFloor ? "slop" : "box",
|
|
77
105
|
"data-ring-target": "box",
|
|
106
|
+
"data-radius-class": "DEFAULT",
|
|
107
|
+
"data-radius-part": "Input",
|
|
108
|
+
"data-ring-offset": "0",
|
|
109
|
+
"data-mp-input-field": "true",
|
|
78
110
|
...(belowFloor ? {
|
|
79
111
|
hitSlop: pressTargetHitSlop(visualHeight)
|
|
80
112
|
} : void 0)
|
|
@@ -94,7 +126,11 @@ function Input(param) {
|
|
|
94
126
|
var layoutBind = {
|
|
95
127
|
id,
|
|
96
128
|
label: visibleLabel,
|
|
97
|
-
labelProps
|
|
129
|
+
// R7 / §6.1: label is weight 400. Consumer labelProps still eject last.
|
|
130
|
+
labelProps: {
|
|
131
|
+
fontWeight: "400",
|
|
132
|
+
...labelProps
|
|
133
|
+
},
|
|
98
134
|
helperText,
|
|
99
135
|
required,
|
|
100
136
|
disabled,
|
|
@@ -108,6 +144,15 @@ function Input(param) {
|
|
|
108
144
|
var areaName = visibleLabel || !resolvedAriaLabel ? void 0 : {
|
|
109
145
|
"aria-label": resolvedAriaLabel
|
|
110
146
|
};
|
|
147
|
+
var handleCopy = useCallback(async function (text) {
|
|
148
|
+
var ok = await writeClipboard(text);
|
|
149
|
+
onCopyResult === null || onCopyResult === void 0 ? void 0 : onCopyResult(ok);
|
|
150
|
+
}, [onCopyResult]);
|
|
151
|
+
var identifierProps = copy ? {
|
|
152
|
+
fontFamily: "$mono",
|
|
153
|
+
letterSpacing: 0,
|
|
154
|
+
"data-register": "identifier"
|
|
155
|
+
} : void 0;
|
|
111
156
|
if (skeleton) {
|
|
112
157
|
return /* @__PURE__ */_jsx(FieldLayout, {
|
|
113
158
|
...layoutBind,
|
|
@@ -132,6 +177,12 @@ function Input(param) {
|
|
|
132
177
|
});
|
|
133
178
|
}
|
|
134
179
|
var renderInputBox = function renderInputBox2(inputValue, handleChange, handleBlur, hasError) {
|
|
180
|
+
var copyText = String(inputValue !== null && inputValue !== void 0 ? inputValue : "");
|
|
181
|
+
var showCopy = Boolean(copy && copyText);
|
|
182
|
+
var activateCopy = function activateCopy2() {
|
|
183
|
+
if (disabled) return;
|
|
184
|
+
void handleCopy(copyText);
|
|
185
|
+
};
|
|
135
186
|
return /* @__PURE__ */_jsxs(InputParts.Box, {
|
|
136
187
|
...boxContract,
|
|
137
188
|
...(handleBlur ? {
|
|
@@ -140,6 +191,9 @@ function Input(param) {
|
|
|
140
191
|
// LC-40: the Box owns the disabled chrome treatment (read-only renders
|
|
141
192
|
// its own branch below and never dims).
|
|
142
193
|
disabled,
|
|
194
|
+
...(showCopy ? {
|
|
195
|
+
paddingInlineEnd: 0
|
|
196
|
+
} : void 0),
|
|
143
197
|
...chromelessProps,
|
|
144
198
|
children: [leftIcon && /* @__PURE__ */_jsx(InputParts.Icon, {
|
|
145
199
|
adornment: "leading",
|
|
@@ -154,6 +208,7 @@ function Input(param) {
|
|
|
154
208
|
"aria-required": required || void 0,
|
|
155
209
|
"aria-invalid": hasError || void 0,
|
|
156
210
|
...areaName,
|
|
211
|
+
...identifierProps,
|
|
157
212
|
color: "$color",
|
|
158
213
|
children: inputValue !== null && inputValue !== void 0 ? inputValue : ""
|
|
159
214
|
})
|
|
@@ -165,6 +220,7 @@ function Input(param) {
|
|
|
165
220
|
"aria-readonly": "true",
|
|
166
221
|
"aria-required": required || void 0,
|
|
167
222
|
"aria-invalid": hasError || void 0,
|
|
223
|
+
...identifierProps,
|
|
168
224
|
...areaName
|
|
169
225
|
}) : /* @__PURE__ */_jsx(InputParts.Area, {
|
|
170
226
|
ref: inputRef,
|
|
@@ -178,6 +234,7 @@ function Input(param) {
|
|
|
178
234
|
autoComplete: purposeInputProps.autoComplete
|
|
179
235
|
} : void 0),
|
|
180
236
|
...inputProps,
|
|
237
|
+
...identifierProps,
|
|
181
238
|
...(multiline !== void 0 ? {
|
|
182
239
|
multiline
|
|
183
240
|
} : void 0),
|
|
@@ -215,7 +272,28 @@ function Input(param) {
|
|
|
215
272
|
handleChange === null || handleChange === void 0 ? void 0 : handleChange(text);
|
|
216
273
|
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(text);
|
|
217
274
|
}
|
|
218
|
-
}),
|
|
275
|
+
}), showCopy ? /* @__PURE__ */_jsx(InputParts.Button, {
|
|
276
|
+
glyphRing: true,
|
|
277
|
+
size: resolvedSize,
|
|
278
|
+
type: "button",
|
|
279
|
+
disabled,
|
|
280
|
+
tabIndex: disabled ? -1 : 0,
|
|
281
|
+
"aria-label": COPY_LABEL,
|
|
282
|
+
hitSlop: belowFloor ? pressTargetHitSlop(visualHeight) : void 0,
|
|
283
|
+
onPress: disabled ? void 0 : activateCopy,
|
|
284
|
+
onKeyDown: function onKeyDown(e) {
|
|
285
|
+
if (disabled) return;
|
|
286
|
+
if (e.key === "Enter" || e.key === " ") {
|
|
287
|
+
e.preventDefault();
|
|
288
|
+
e.stopPropagation();
|
|
289
|
+
activateCopy();
|
|
290
|
+
}
|
|
291
|
+
},
|
|
292
|
+
children: /* @__PURE__ */_jsx(InputParts.Icon, {
|
|
293
|
+
"aria-hidden": true,
|
|
294
|
+
children: /* @__PURE__ */_jsx(ClipboardIcon, {})
|
|
295
|
+
})
|
|
296
|
+
}) : rightIcon ? /* @__PURE__ */_jsx(InputParts.Icon, {
|
|
219
297
|
adornment: "trailing",
|
|
220
298
|
...(rightIconInteractive ? void 0 : focusTrigger),
|
|
221
299
|
children: rightIcon
|
|
@@ -273,5 +351,5 @@ Input.Info = InputParts.Info;
|
|
|
273
351
|
Input.Meta = InputParts.Meta;
|
|
274
352
|
Input.Label = InputParts.Label;
|
|
275
353
|
Input.XGroup = InputParts.XGroup;
|
|
276
|
-
export { Input };
|
|
354
|
+
export { Input, ensureInputFieldRingOffset };
|
|
277
355
|
//# sourceMappingURL=index.native.js.map
|