@wordpress/components 26.0.1-next.5a1d1283.0 → 26.0.1

package/build/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_primitives","require","_colorIndicator","_interopRequireDefault","_colorPalette","_colorPicker","_dashicon","_dropdown","_dropdownMenu","_focalPointPicker","_toolbar","_tooltip","_icon","_spinner","_slotFill","_styleProvider","_baseControl","_utils","_textareaControl","_body","_actions","_button","_text","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_externalLink","_textControl","_toggleControl","_sandbox","_searchControl","_selectControl","_rangeControl","_resizableBox","_footerMessageControl","_colorControl","_queryControls","_notice","_list","_radioControl","_unitControl","_utils2","_disabled","_draggable","_withConstrainedTabbing","_withFallbackStyles","_withFilters","_fontSizePicker","_withFocusOutside","_withFocusReturn","_withNotices","_withSpokenMessages","_autocompletionItems","_autocomplete","_bottomSheet","_bottomSheetContext","_bottomSheetSelectControl","_htmlTextInput","_keyboardAvoidingView","_keyboardAwareFlatList","_picker","_cycleSelectControl","_gradient","_colorSettings","_segmentedControl","_focalPointSettingsPanel","_bottomSheetTextControl","_footerMessageLink","_linkPicker","_linkPickerScreen","_linkSettings","_linkSettingsScreen","_linkSettingsNavigation","_imageLinkDestinationsScreen","_image","_imageEditingButton","_inserterButton","_clipboard","_audioPlayer","_badge","_gridicons","_utils3","_alignments","_useUnitConverterToMobile","_globalStylesContext","_utils4","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","newObj","hasPropertyDescriptor","getOwnPropertyDescriptor","desc","set"],"sources":["@wordpress/components/src/index.native.js"],"sourcesContent":["export {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as Dashicon } from './dashicon';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport {\n\tToolbar,\n\tToolbarButton,\n\tToolbarContext as __experimentalToolbarContext,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n} from './toolbar';\nexport { default as Tooltip } from './tooltip';\nexport { default as Icon } from './icon';\nexport { default as Spinner } from './spinner';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n} from './slot-fill';\n\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { default as BaseControl } from './base-control';\nexport { hasSplitBorders as __experimentalHasSplitBorders } from './border-box-control/utils';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelActions } from './panel/actions';\nexport { default as Button } from './button';\nexport { default as __experimentalText } from './text';\nexport { default as ExternalLink } from './external-link';\nexport { default as TextControl } from './text-control';\nexport { default as ToggleControl } from './toggle-control';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as FooterMessageControl } from './footer-message-control';\nexport { default as ColorControl } from './color-control';\nexport { default as QueryControls } from './query-controls';\nexport { default as Notice } from './notice';\nexport { default as NoticeList } from './notice/list';\nexport { default as RadioControl } from './radio-control';\nexport {\n\tdefault as UnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n} from './unit-control';\nexport {\n\tCSS_UNITS as CSS_UNITS,\n\tfilterUnitsWithSettings as filterUnitsWithSettings,\n} from './unit-control/utils';\nexport { default as Disabled } from './disabled';\nexport { default as Draggable, DraggableTrigger } from './draggable';\n\n// Higher-Order Components.\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as FontSizePicker } from './font-size-picker'; // Intentionally called after slot-fill and withFilters.\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\nexport * from './text';\n\n// Mobile Components.\nexport {\n\t__unstableAutocompletionItemsFill,\n\t__unstableAutocompletionItemsSlot,\n} from './mobile/autocompletion-items';\nexport { default as Autocomplete } from './autocomplete';\nexport { default as BottomSheet } from './mobile/bottom-sheet';\nexport {\n\tBottomSheetConsumer,\n\tBottomSheetProvider,\n\tBottomSheetContext,\n} from './mobile/bottom-sheet/bottom-sheet-context';\nexport { default as BottomSheetSelectControl } from './mobile/bottom-sheet-select-control';\nexport { default as HTMLTextInput } from './mobile/html-text-input';\nexport { default as KeyboardAvoidingView } from './mobile/keyboard-avoiding-view';\nexport { default as KeyboardAwareFlatList } from './mobile/keyboard-aware-flat-list';\nexport { default as Picker } from './mobile/picker';\nexport { default as CycleSelectControl } from './mobile/cycle-select-control';\nexport { default as Gradient } from './mobile/gradient';\nexport { default as ColorSettings } from './mobile/color-settings';\nexport { default as SegmentedControls } from './mobile/segmented-control';\nexport { default as FocalPointSettingsPanel } from './mobile/focal-point-settings-panel';\nexport { default as BottomSheetTextControl } from './mobile/bottom-sheet-text-control';\nexport { default as FooterMessageLink } from './mobile/bottom-sheet/footer-message-link/footer-message-link';\nexport { LinkPicker } from './mobile/link-picker';\nexport { default as LinkPickerScreen } from './mobile/link-picker/link-picker-screen';\nexport { default as LinkSettings } from './mobile/link-settings';\nexport { default as LinkSettingsScreen } from './mobile/link-settings/link-settings-screen';\nexport { default as LinkSettingsNavigation } from './mobile/link-settings/link-settings-navigation';\nexport { default as ImageLinkDestinationsScreen } from './mobile/link-settings/image-link-destinations-screen';\nexport { default as SegmentedControl } from './mobile/segmented-control';\nexport { default as Image, IMAGE_DEFAULT_FOCAL_POINT } from './mobile/image';\nexport { default as ImageEditingButton } from './mobile/image/image-editing-button';\nexport { default as InserterButton } from './mobile/inserter-button';\nexport { setClipboard, getClipboard } from './mobile/clipboard';\nexport { default as AudioPlayer } from './mobile/audio-player';\nexport { default as Badge } from './mobile/badge';\nexport { default as Gridicons } from './mobile/gridicons';\n\n// Utils.\nexport { colorsUtils } from './mobile/color-settings/utils';\nexport {\n\tWIDE_ALIGNMENTS,\n\tALIGNMENT_BREAKPOINTS,\n\talignmentHelpers,\n} from './mobile/utils/alignments';\n\n// Hooks.\nexport {\n\tconvertUnitToMobile,\n\tuseConvertUnitToMobile,\n\tgetValueAndUnit,\n} from './mobile/utils/use-unit-converter-to-mobile';\n\nexport {\n\tdefault as GlobalStylesContext,\n\tuseGlobalStyles,\n\twithGlobalStyles,\n\tgetMergedGlobalStyles,\n} from './mobile/global-styles-context';\nexport {\n\tgetGlobalStyles,\n\tgetColorsAndGradients,\n\tuseMobileGlobalStylesColors,\n} from './mobile/global-styles-context/utils';\n"],"mappings":"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"}
+{"version":3,"names":["_primitives","require","_colorIndicator","_interopRequireDefault","_colorPalette","_colorPicker","_dashicon","_dropdown","_dropdownMenu","_focalPointPicker","_toolbar","_tooltip","_icon","_spinner","_slotFill","_styleProvider","_baseControl","_utils","_textareaControl","_body","_actions","_button","_text","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_externalLink","_textControl","_toggleControl","_sandbox","_searchControl","_selectControl","_rangeControl","_resizableBox","_footerMessageControl","_colorControl","_queryControls","_notice","_list","_radioControl","_unitControl","_utils2","_disabled","_draggable","_withConstrainedTabbing","_withFallbackStyles","_withFilters","_fontSizePicker","_withFocusOutside","_withFocusReturn","_withNotices","_withSpokenMessages","_autocompletionItems","_autocomplete","_bottomSheet","_bottomSheetContext","_bottomSheetSelectControl","_htmlTextInput","_keyboardAvoidingView","_keyboardAwareFlatList","_picker","_cycleSelectControl","_gradient","_colorSettings","_segmentedControl","_focalPointSettingsPanel","_bottomSheetTextControl","_footerMessageLink","_linkPicker","_linkPickerScreen","_linkSettings","_linkSettingsScreen","_linkSettingsNavigation","_image","_constants","_imageEditingButton","_clipboard","_audioPlayer","_badge","_gridicons","_utils3","_alignments","_getPxFromCssUnit","_useUnitConverterToMobile","_globalStylesContext","_utils4","_privateApis","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["@wordpress/components/src/index.native.js"],"sourcesContent":["export {\n\tSVG,\n\tPath,\n\tCircle,\n\tPolygon,\n\tRect,\n\tG,\n\tHorizontalRule,\n\tBlockQuotation,\n} from '@wordpress/primitives';\nexport { default as ColorIndicator } from './color-indicator';\nexport { default as ColorPalette } from './color-palette';\nexport { ColorPicker } from './color-picker';\nexport { default as Dashicon } from './dashicon';\nexport { default as Dropdown } from './dropdown';\nexport { default as DropdownMenu } from './dropdown-menu';\nexport { default as FocalPointPicker } from './focal-point-picker';\nexport {\n\tToolbar,\n\tToolbarButton,\n\tToolbarContext as __experimentalToolbarContext,\n\tToolbarDropdownMenu,\n\tToolbarGroup,\n\tToolbarItem,\n} from './toolbar';\nexport { default as Tooltip } from './tooltip';\nexport { default as Icon } from './icon';\nexport { default as Spinner } from './spinner';\nexport {\n\tcreateSlotFill,\n\tSlot,\n\tFill,\n\tProvider as SlotFillProvider,\n} from './slot-fill';\n\nexport { default as __experimentalStyleProvider } from './style-provider';\nexport { default as BaseControl } from './base-control';\nexport { hasSplitBorders as __experimentalHasSplitBorders } from './border-box-control/utils';\nexport { default as TextareaControl } from './textarea-control';\nexport { default as PanelBody } from './panel/body';\nexport { default as PanelActions } from './panel/actions';\nexport { default as Button } from './button';\nexport { default as __experimentalText } from './text';\nexport { default as ExternalLink } from './external-link';\nexport { default as TextControl } from './text-control';\nexport { default as ToggleControl } from './toggle-control';\nexport { default as SandBox } from './sandbox';\nexport { default as SearchControl } from './search-control';\nexport { default as SelectControl } from './select-control';\nexport { default as RangeControl } from './range-control';\nexport { default as ResizableBox } from './resizable-box';\nexport { default as FooterMessageControl } from './footer-message-control';\nexport { default as ColorControl } from './color-control';\nexport { default as QueryControls } from './query-controls';\nexport { default as Notice } from './notice';\nexport { default as NoticeList } from './notice/list';\nexport { default as RadioControl } from './radio-control';\nexport {\n\tdefault as UnitControl,\n\tuseCustomUnits as __experimentalUseCustomUnits,\n} from './unit-control';\nexport {\n\tCSS_UNITS as CSS_UNITS,\n\tfilterUnitsWithSettings as filterUnitsWithSettings,\n} from './unit-control/utils';\nexport { default as Disabled } from './disabled';\nexport { default as Draggable, DraggableTrigger } from './draggable';\n\n// Higher-Order Components.\nexport { default as withConstrainedTabbing } from './higher-order/with-constrained-tabbing';\nexport { default as withFallbackStyles } from './higher-order/with-fallback-styles';\nexport { default as withFilters } from './higher-order/with-filters';\nexport { default as FontSizePicker } from './font-size-picker'; // Intentionally called after slot-fill and withFilters.\nexport { default as withFocusOutside } from './higher-order/with-focus-outside';\nexport { default as withFocusReturn } from './higher-order/with-focus-return';\nexport { default as withNotices } from './higher-order/with-notices';\nexport { default as withSpokenMessages } from './higher-order/with-spoken-messages';\nexport * from './text';\n\n// Mobile Components.\nexport {\n\t__unstableAutocompletionItemsFill,\n\t__unstableAutocompletionItemsSlot,\n} from './mobile/autocompletion-items';\nexport { default as Autocomplete } from './autocomplete';\nexport { default as BottomSheet } from './mobile/bottom-sheet';\nexport {\n\tBottomSheetConsumer,\n\tBottomSheetProvider,\n\tBottomSheetContext,\n} from './mobile/bottom-sheet/bottom-sheet-context';\nexport { default as BottomSheetSelectControl } from './mobile/bottom-sheet-select-control';\nexport { default as HTMLTextInput } from './mobile/html-text-input';\nexport { default as KeyboardAvoidingView } from './mobile/keyboard-avoiding-view';\nexport { default as KeyboardAwareFlatList } from './mobile/keyboard-aware-flat-list';\nexport { default as Picker } from './mobile/picker';\nexport { default as CycleSelectControl } from './mobile/cycle-select-control';\nexport { default as Gradient } from './mobile/gradient';\nexport { default as ColorSettings } from './mobile/color-settings';\nexport { default as SegmentedControls } from './mobile/segmented-control';\nexport { default as FocalPointSettingsPanel } from './mobile/focal-point-settings-panel';\nexport { default as BottomSheetTextControl } from './mobile/bottom-sheet-text-control';\nexport { default as FooterMessageLink } from './mobile/bottom-sheet/footer-message-link/footer-message-link';\nexport { LinkPicker } from './mobile/link-picker';\nexport { default as LinkPickerScreen } from './mobile/link-picker/link-picker-screen';\nexport { default as LinkSettings } from './mobile/link-settings';\nexport { default as LinkSettingsScreen } from './mobile/link-settings/link-settings-screen';\nexport { default as LinkSettingsNavigation } from './mobile/link-settings/link-settings-navigation';\nexport { default as SegmentedControl } from './mobile/segmented-control';\nexport { default as Image } from './mobile/image';\nexport { IMAGE_DEFAULT_FOCAL_POINT } from './mobile/image/constants';\nexport { default as ImageEditingButton } from './mobile/image/image-editing-button';\nexport { setClipboard, getClipboard } from './mobile/clipboard';\nexport { default as AudioPlayer } from './mobile/audio-player';\nexport { default as Badge } from './mobile/badge';\nexport { default as Gridicons } from './mobile/gridicons';\n\n// Utils.\nexport { colorsUtils } from './mobile/color-settings/utils';\nexport {\n\tWIDE_ALIGNMENTS,\n\tALIGNMENT_BREAKPOINTS,\n\talignmentHelpers,\n} from './mobile/utils/alignments';\nexport { default as getPxFromCssUnit } from './mobile/utils/get-px-from-css-unit';\n\n// Hooks.\nexport {\n\tconvertUnitToMobile,\n\tuseConvertUnitToMobile,\n\tgetValueAndUnit,\n} from './mobile/utils/use-unit-converter-to-mobile';\n\nexport {\n\tdefault as GlobalStylesContext,\n\tuseGlobalStyles,\n\twithGlobalStyles,\n\tgetMergedGlobalStyles,\n} from './mobile/global-styles-context';\nexport {\n\tgetGlobalStyles,\n\tgetColorsAndGradients,\n\tuseMobileGlobalStylesColors,\n\tuseEditorColorScheme,\n} from './mobile/global-styles-context/utils';\n\n// Private APIs.\nexport { privateApis } from './private-apis';\n"],"mappings":"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"}

package/build/input-control/backdrop.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
 var _element = require("@wordpress/element");
 var _inputControlStyles = require("./styles/input-control-styles");
 /**
@@ -16,16 +17,17 @@ var _inputControlStyles = require("./styles/input-control-styles");
 
 function Backdrop({
   disabled = false,
+  isBorderless = false,
   isFocused = false
 }) {
-  return (0, _element.createElement)(_inputControlStyles.BackdropUI, {
+  return (0, _react.createElement)(_inputControlStyles.BackdropUI, {
     "aria-hidden": "true",
     className: "components-input-control__backdrop",
     disabled: disabled,
+    isBorderless: isBorderless,
     isFocused: isFocused
   });
 }
 const MemoizedBackdrop = (0, _element.memo)(Backdrop);
-var _default = MemoizedBackdrop;
-exports.default = _default;
+var _default = exports.default = MemoizedBackdrop;
 //# sourceMappingURL=backdrop.js.map

package/build/input-control/backdrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_inputControlStyles","Backdrop","disabled","isFocused","createElement","BackdropUI","className","MemoizedBackdrop","memo","_default","exports","default"],"sources":["@wordpress/components/src/input-control/backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { BackdropUI } from './styles/input-control-styles';\n\nfunction Backdrop( { disabled = false, isFocused = false } ) {\n\treturn (\n\t\t<BackdropUI\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-input-control__backdrop\"\n\t\t\tdisabled={ disabled }\n\t\t\tisFocused={ isFocused }\n\t\t/>\n\t);\n}\n\nconst MemoizedBackdrop = memo( Backdrop );\n\nexport default MemoizedBackdrop;\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASE,QAAQA,CAAE;EAAEC,QAAQ,GAAG,KAAK;EAAEC,SAAS,GAAG;AAAM,CAAC,EAAG;EAC5D,OACC,IAAAL,QAAA,CAAAM,aAAA,EAACJ,mBAAA,CAAAK,UAAU;IACV,eAAY,MAAM;IAClBC,SAAS,EAAC,oCAAoC;IAC9CJ,QAAQ,EAAGA,QAAU;IACrBC,SAAS,EAAGA;EAAW,CACvB,CAAC;AAEJ;AAEA,MAAMI,gBAAgB,GAAG,IAAAC,aAAI,EAAEP,QAAS,CAAC;AAAC,IAAAQ,QAAA,GAE3BF,gBAAgB;AAAAG,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
+{"version":3,"names":["_element","require","_inputControlStyles","Backdrop","disabled","isBorderless","isFocused","_react","createElement","BackdropUI","className","MemoizedBackdrop","memo","_default","exports","default"],"sources":["@wordpress/components/src/input-control/backdrop.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { memo } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport { BackdropUI } from './styles/input-control-styles';\n\nfunction Backdrop( {\n\tdisabled = false,\n\tisBorderless = false,\n\tisFocused = false,\n} ) {\n\treturn (\n\t\t<BackdropUI\n\t\t\taria-hidden=\"true\"\n\t\t\tclassName=\"components-input-control__backdrop\"\n\t\t\tdisabled={ disabled }\n\t\t\tisBorderless={ isBorderless }\n\t\t\tisFocused={ isFocused }\n\t\t/>\n\t);\n}\n\nconst MemoizedBackdrop = memo( Backdrop );\n\nexport default MemoizedBackdrop;\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAIA,IAAAC,mBAAA,GAAAD,OAAA;AAPA;AACA;AACA;;AAEA;AACA;AACA;;AAGA,SAASE,QAAQA,CAAE;EAClBC,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG;AACb,CAAC,EAAG;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACN,mBAAA,CAAAO,UAAU;IACV,eAAY,MAAM;IAClBC,SAAS,EAAC,oCAAoC;IAC9CN,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,SAAS,EAAGA;EAAW,CACvB,CAAC;AAEJ;AAEA,MAAMK,gBAAgB,GAAG,IAAAC,aAAI,EAAET,QAAS,CAAC;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3BJ,gBAAgB"}

package/build/input-control/index.js

@@ -7,14 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 exports.InputControl = void 0;
 exports.UnforwardedInputControl = UnforwardedInputControl;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _inputBase = _interopRequireDefault(require("./input-base"));
 var _inputField = _interopRequireDefault(require("./input-field"));
-var _space = require("../ui/utils/space");
+var _space = require("../utils/space");
 var _utils = require("./utils");
 var _baseControl = _interopRequireDefault(require("../base-control"));
+var _useDeprecatedProps = require("../utils/use-deprecated-props");
 /**
  * External dependencies
  */
@@ -33,34 +35,35 @@ function useUniqueId(idProp) {
   const id = `inspector-input-control-${instanceId}`;
   return idProp || id;
 }
-function UnforwardedInputControl({
-  __next36pxDefaultSize,
-  __unstableStateReducer: stateReducer = state => state,
-  __unstableInputWidth,
-  className,
-  disabled = false,
-  help,
-  hideLabelFromVision = false,
-  id: idProp,
-  isPressEnterToChange = false,
-  label,
-  labelPosition = 'top',
-  onChange = noop,
-  onValidate = noop,
-  onKeyDown = noop,
-  prefix,
-  size = 'default',
-  style,
-  suffix,
-  value,
-  ...props
-}, ref) {
+function UnforwardedInputControl(props, ref) {
+  const {
+    __next40pxDefaultSize,
+    __unstableStateReducer: stateReducer = state => state,
+    __unstableInputWidth,
+    className,
+    disabled = false,
+    help,
+    hideLabelFromVision = false,
+    id: idProp,
+    isPressEnterToChange = false,
+    label,
+    labelPosition = 'top',
+    onChange = noop,
+    onValidate = noop,
+    onKeyDown = noop,
+    prefix,
+    size = 'default',
+    style,
+    suffix,
+    value,
+    ...restProps
+  } = (0, _useDeprecatedProps.useDeprecated36pxDefaultSizeProp)(props);
   const [isFocused, setIsFocused] = (0, _element.useState)(false);
   const id = useUniqueId(idProp);
   const classes = (0, _classnames.default)('components-input-control', className);
   const draftHookProps = (0, _utils.useDraft)({
     value,
-    onBlur: props.onBlur,
+    onBlur: restProps.onBlur,
     onChange
   });
 
@@ -69,13 +72,13 @@ function UnforwardedInputControl({
   const helpProp = !!help ? {
     [helpPropName]: `${id}__help`
   } : {};
-  return (0, _element.createElement)(_baseControl.default, {
+  return (0, _react.createElement)(_baseControl.default, {
     className: classes,
     help: help,
     id: id,
     __nextHasNoMarginBottom: true
-  }, (0, _element.createElement)(_inputBase.default, {
-    __next36pxDefaultSize: __next36pxDefaultSize,
+  }, (0, _react.createElement)(_inputBase.default, {
+    __next40pxDefaultSize: __next40pxDefaultSize,
     __unstableInputWidth: __unstableInputWidth,
     disabled: disabled,
     gap: 3,
@@ -89,10 +92,10 @@ function UnforwardedInputControl({
     size: size,
     style: style,
     suffix: suffix
-  }, (0, _element.createElement)(_inputField.default, {
-    ...props,
+  }, (0, _react.createElement)(_inputField.default, {
+    ...restProps,
     ...helpProp,
-    __next36pxDefaultSize: __next36pxDefaultSize,
+    __next40pxDefaultSize: __next40pxDefaultSize,
     className: "components-input-control__input",
     disabled: disabled,
     id: id,
@@ -130,8 +133,6 @@ function UnforwardedInputControl({
  * };
  * ```
  */
-const InputControl = (0, _element.forwardRef)(UnforwardedInputControl);
-exports.InputControl = InputControl;
-var _default = InputControl;
-exports.default = _default;
+const InputControl = exports.InputControl = (0, _element.forwardRef)(UnforwardedInputControl);
+var _default = exports.default = InputControl;
 //# sourceMappingURL=index.js.map

package/build/input-control/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_compose","_inputBase","_inputField","_space","_utils","_baseControl","noop","useUniqueId","idProp","instanceId","useInstanceId","InputControl","id","UnforwardedInputControl","__next36pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","props","ref","isFocused","setIsFocused","useState","classes","classNames","draftHookProps","useDraft","onBlur","helpPropName","helpProp","createElement","default","__nextHasNoMarginBottom","gap","justify","paddingInlineStart","space","undefined","paddingInlineEnd","forwardRef","exports","_default"],"sources":["@wordpress/components/src/input-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../ui/utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport function UnforwardedInputControl(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...props\n\t}: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = classNames( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: props.onBlur,\n\t\tonChange,\n\t} );\n\n\t// ARIA descriptions can only contain plain text, so fall back to aria-details if not.\n\tconst helpPropName =\n\t\ttypeof help === 'string' ? 'aria-describedby' : 'aria-details';\n\tconst helpProp = !! help ? { [ helpPropName ]: `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...props }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next36pxDefaultSize={ __next36pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsetIsFocused={ setIsFocused }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from '@wordpress/compose';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_element","_inputBase","_inputField","_space","_utils","_baseControl","_useDeprecatedProps","noop","useUniqueId","idProp","instanceId","useInstanceId","InputControl","id","UnforwardedInputControl","props","ref","__next40pxDefaultSize","__unstableStateReducer","stateReducer","state","__unstableInputWidth","className","disabled","help","hideLabelFromVision","isPressEnterToChange","label","labelPosition","onChange","onValidate","onKeyDown","prefix","size","style","suffix","value","restProps","useDeprecated36pxDefaultSizeProp","isFocused","setIsFocused","useState","classes","classNames","draftHookProps","useDraft","onBlur","helpPropName","helpProp","_react","createElement","default","__nextHasNoMarginBottom","gap","justify","paddingInlineStart","space","undefined","paddingInlineEnd","exports","forwardRef","_default"],"sources":["@wordpress/components/src/input-control/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classNames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useState, forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport InputBase from './input-base';\nimport InputField from './input-field';\nimport type { InputControlProps } from './types';\nimport { space } from '../utils/space';\nimport { useDraft } from './utils';\nimport BaseControl from '../base-control';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nconst noop = () => {};\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputControl );\n\tconst id = `inspector-input-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\nexport function UnforwardedInputControl(\n\tprops: InputControlProps,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableStateReducer: stateReducer = ( state ) => state,\n\t\t__unstableInputWidth,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thelp,\n\t\thideLabelFromVision = false,\n\t\tid: idProp,\n\t\tisPressEnterToChange = false,\n\t\tlabel,\n\t\tlabelPosition = 'top',\n\t\tonChange = noop,\n\t\tonValidate = noop,\n\t\tonKeyDown = noop,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tstyle,\n\t\tsuffix,\n\t\tvalue,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp< InputControlProps >( props );\n\n\tconst [ isFocused, setIsFocused ] = useState( false );\n\n\tconst id = useUniqueId( idProp );\n\tconst classes = classNames( 'components-input-control', className );\n\n\tconst draftHookProps = useDraft( {\n\t\tvalue,\n\t\tonBlur: restProps.onBlur,\n\t\tonChange,\n\t} );\n\n\t// ARIA descriptions can only contain plain text, so fall back to aria-details if not.\n\tconst helpPropName =\n\t\ttypeof help === 'string' ? 'aria-describedby' : 'aria-details';\n\tconst helpProp = !! help ? { [ helpPropName ]: `${ id }__help` } : {};\n\n\treturn (\n\t\t<BaseControl\n\t\t\tclassName={ classes }\n\t\t\thelp={ help }\n\t\t\tid={ id }\n\t\t\t__nextHasNoMarginBottom\n\t\t>\n\t\t\t<InputBase\n\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tdisabled={ disabled }\n\t\t\t\tgap={ 3 }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tid={ id }\n\t\t\t\tisFocused={ isFocused }\n\t\t\t\tjustify=\"left\"\n\t\t\t\tlabel={ label }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\tprefix={ prefix }\n\t\t\t\tsize={ size }\n\t\t\t\tstyle={ style }\n\t\t\t\tsuffix={ suffix }\n\t\t\t>\n\t\t\t\t<InputField\n\t\t\t\t\t{ ...restProps }\n\t\t\t\t\t{ ...helpProp }\n\t\t\t\t\t__next40pxDefaultSize={ __next40pxDefaultSize }\n\t\t\t\t\tclassName=\"components-input-control__input\"\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tid={ id }\n\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t\tisPressEnterToChange={ isPressEnterToChange }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t\tonValidate={ onValidate }\n\t\t\t\t\tpaddingInlineStart={ prefix ? space( 2 ) : undefined }\n\t\t\t\t\tpaddingInlineEnd={ suffix ? space( 2 ) : undefined }\n\t\t\t\t\tref={ ref }\n\t\t\t\t\tsetIsFocused={ setIsFocused }\n\t\t\t\t\tsize={ size }\n\t\t\t\t\tstateReducer={ stateReducer }\n\t\t\t\t\t{ ...draftHookProps }\n\t\t\t\t/>\n\t\t\t</InputBase>\n\t\t</BaseControl>\n\t);\n}\n\n/**\n * InputControl components let users enter and edit text. This is an experimental component\n * intended to (in time) merge with or replace `TextControl`.\n *\n * ```jsx\n * import { __experimentalInputControl as InputControl } from '@wordpress/components';\n * import { useState } from '@wordpress/compose';\n *\n * const Example = () => {\n *   const [ value, setValue ] = useState( '' );\n *\n *   return (\n *  \t<InputControl\n *  \t\tvalue={ value }\n *  \t\tonChange={ ( nextValue ) => setValue( nextValue ?? '' ) }\n *  \t/>\n *   );\n * };\n * ```\n */\nexport const InputControl = forwardRef( UnforwardedInputControl );\n\nexport default InputControl;\n"],"mappings":"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"}

package/build/input-control/input-base.js

@@ -6,12 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.InputBase = InputBase;
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _compose = require("@wordpress/compose");
+var _element = require("@wordpress/element");
 var _backdrop = _interopRequireDefault(require("./backdrop"));
 var _label = _interopRequireDefault(require("./label"));
 var _inputControlStyles = require("./styles/input-control-styles");
-var _context = require("../ui/context");
+var _context = require("../context");
+var _useDeprecatedProps = require("../utils/use-deprecated-props");
 /**
  * External dependencies
  */
@@ -50,22 +52,24 @@ function getUIFlexProps(labelPosition) {
   }
   return props;
 }
-function InputBase({
-  __next36pxDefaultSize,
-  __unstableInputWidth,
-  children,
-  className,
-  disabled = false,
-  hideLabelFromVision = false,
-  labelPosition,
-  id: idProp,
-  isFocused = false,
-  label,
-  prefix,
-  size = 'default',
-  suffix,
-  ...props
-}, ref) {
+function InputBase(props, ref) {
+  const {
+    __next40pxDefaultSize,
+    __unstableInputWidth,
+    children,
+    className,
+    disabled = false,
+    hideLabelFromVision = false,
+    labelPosition,
+    id: idProp,
+    isBorderless = false,
+    isFocused = false,
+    label,
+    prefix,
+    size = 'default',
+    suffix,
+    ...restProps
+  } = (0, _useDeprecatedProps.useDeprecated36pxDefaultSizeProp)((0, _context.useContextSystem)(props, 'InputBase'));
   const id = useUniqueId(idProp);
   const hideLabel = hideLabelFromVision || !label;
   const {
@@ -73,7 +77,7 @@ function InputBase({
     paddingRight
   } = (0, _inputControlStyles.getSizeConfig)({
     inputSize: size,
-    __next36pxDefaultSize
+    __next40pxDefaultSize
   });
   const prefixSuffixContextValue = (0, _element.useMemo)(() => {
     return {
@@ -87,37 +91,37 @@ function InputBase({
   }, [paddingLeft, paddingRight]);
   return (
     // @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.
-    (0, _element.createElement)(_inputControlStyles.Root, {
-      ...props,
+    (0, _react.createElement)(_inputControlStyles.Root, {
+      ...restProps,
       ...getUIFlexProps(labelPosition),
       className: className,
       gap: 2,
       isFocused: isFocused,
       labelPosition: labelPosition,
       ref: ref
-    }, (0, _element.createElement)(_label.default, {
+    }, (0, _react.createElement)(_label.default, {
       className: "components-input-control__label",
       hideLabelFromVision: hideLabelFromVision,
       labelPosition: labelPosition,
       htmlFor: id
-    }, label), (0, _element.createElement)(_inputControlStyles.Container, {
+    }, label), (0, _react.createElement)(_inputControlStyles.Container, {
       __unstableInputWidth: __unstableInputWidth,
       className: "components-input-control__container",
       disabled: disabled,
       hideLabel: hideLabel,
       labelPosition: labelPosition
-    }, (0, _element.createElement)(_context.ContextSystemProvider, {
+    }, (0, _react.createElement)(_context.ContextSystemProvider, {
       value: prefixSuffixContextValue
-    }, prefix && (0, _element.createElement)(_inputControlStyles.Prefix, {
+    }, prefix && (0, _react.createElement)(_inputControlStyles.Prefix, {
       className: "components-input-control__prefix"
-    }, prefix), children, suffix && (0, _element.createElement)(_inputControlStyles.Suffix, {
+    }, prefix), children, suffix && (0, _react.createElement)(_inputControlStyles.Suffix, {
       className: "components-input-control__suffix"
-    }, suffix)), (0, _element.createElement)(_backdrop.default, {
+    }, suffix)), (0, _react.createElement)(_backdrop.default, {
       disabled: disabled,
+      isBorderless: isBorderless,
       isFocused: isFocused
     })))
   );
 }
-var _default = (0, _element.forwardRef)(InputBase);
-exports.default = _default;
+var _default = exports.default = (0, _context.contextConnect)(InputBase, 'InputBase');
 //# sourceMappingURL=input-base.js.map

package/build/input-control/input-base.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_compose","_backdrop","_interopRequireDefault","_label","_inputControlStyles","_context","useUniqueId","idProp","instanceId","useInstanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","__next36pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isFocused","label","prefix","size","suffix","ref","hideLabel","paddingLeft","paddingRight","getSizeConfig","inputSize","prefixSuffixContextValue","useMemo","InputControlPrefixWrapper","InputControlSuffixWrapper","createElement","Root","default","htmlFor","Container","ContextSystemProvider","value","Prefix","Suffix","_default","forwardRef","exports"],"sources":["@wordpress/components/src/input-control/input-base.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { forwardRef, useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\nimport { ContextSystemProvider } from '../ui/context';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nexport function InputBase(\n\t{\n\t\t__next36pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisFocused = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...props\n\t}: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision || ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next36pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...props }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tisFocused={ isFocused }\n\t\t\tlabelPosition={ labelPosition }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop disabled={ disabled } isFocused={ isFocused } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default forwardRef( InputBase );\n"],"mappings":"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"}
+{"version":3,"names":["_compose","require","_element","_backdrop","_interopRequireDefault","_label","_inputControlStyles","_context","_useDeprecatedProps","useUniqueId","idProp","instanceId","useInstanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","ref","__next40pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isBorderless","isFocused","label","prefix","size","suffix","restProps","useDeprecated36pxDefaultSizeProp","useContextSystem","hideLabel","paddingLeft","paddingRight","getSizeConfig","inputSize","prefixSuffixContextValue","useMemo","InputControlPrefixWrapper","InputControlSuffixWrapper","_react","createElement","Root","default","htmlFor","Container","ContextSystemProvider","value","Prefix","Suffix","_default","exports","contextConnect"],"sources":["@wordpress/components/src/input-control/input-base.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useInstanceId } from '@wordpress/compose';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport Backdrop from './backdrop';\nimport Label from './label';\nimport {\n\tContainer,\n\tRoot,\n\tPrefix,\n\tSuffix,\n\tgetSizeConfig,\n} from './styles/input-control-styles';\nimport type { InputBaseProps, LabelPosition } from './types';\nimport type { WordPressComponentProps } from '../context';\nimport {\n\tContextSystemProvider,\n\tcontextConnect,\n\tuseContextSystem,\n} from '../context';\nimport { useDeprecated36pxDefaultSizeProp } from '../utils/use-deprecated-props';\n\nfunction useUniqueId( idProp?: string ) {\n\tconst instanceId = useInstanceId( InputBase );\n\tconst id = `input-base-control-${ instanceId }`;\n\n\treturn idProp || id;\n}\n\n// Adapter to map props for the new ui/flex component.\nfunction getUIFlexProps( labelPosition?: LabelPosition ) {\n\tconst props: {\n\t\tdirection?: string;\n\t\tgap?: number;\n\t\tjustify?: string;\n\t\texpanded?: boolean;\n\t} = {};\n\tswitch ( labelPosition ) {\n\t\tcase 'top':\n\t\t\tprops.direction = 'column';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'bottom':\n\t\t\tprops.direction = 'column-reverse';\n\t\t\tprops.expanded = false;\n\t\t\tprops.gap = 0;\n\t\t\tbreak;\n\t\tcase 'edge':\n\t\t\tprops.justify = 'space-between';\n\t\t\tbreak;\n\t}\n\n\treturn props;\n}\n\nexport function InputBase(\n\tprops: WordPressComponentProps< InputBaseProps, 'div' >,\n\tref: ForwardedRef< HTMLDivElement >\n) {\n\tconst {\n\t\t__next40pxDefaultSize,\n\t\t__unstableInputWidth,\n\t\tchildren,\n\t\tclassName,\n\t\tdisabled = false,\n\t\thideLabelFromVision = false,\n\t\tlabelPosition,\n\t\tid: idProp,\n\t\tisBorderless = false,\n\t\tisFocused = false,\n\t\tlabel,\n\t\tprefix,\n\t\tsize = 'default',\n\t\tsuffix,\n\t\t...restProps\n\t} = useDeprecated36pxDefaultSizeProp(\n\t\tuseContextSystem( props, 'InputBase' )\n\t);\n\n\tconst id = useUniqueId( idProp );\n\tconst hideLabel = hideLabelFromVision || ! label;\n\n\tconst { paddingLeft, paddingRight } = getSizeConfig( {\n\t\tinputSize: size,\n\t\t__next40pxDefaultSize,\n\t} );\n\tconst prefixSuffixContextValue = useMemo( () => {\n\t\treturn {\n\t\t\tInputControlPrefixWrapper: { paddingLeft },\n\t\t\tInputControlSuffixWrapper: { paddingRight },\n\t\t};\n\t}, [ paddingLeft, paddingRight ] );\n\n\treturn (\n\t\t// @ts-expect-error The `direction` prop from Flex (FlexDirection) conflicts with legacy SVGAttributes `direction` (string) that come from React intrinsic prop definitions.\n\t\t<Root\n\t\t\t{ ...restProps }\n\t\t\t{ ...getUIFlexProps( labelPosition ) }\n\t\t\tclassName={ className }\n\t\t\tgap={ 2 }\n\t\t\tisFocused={ isFocused }\n\t\t\tlabelPosition={ labelPosition }\n\t\t\tref={ ref }\n\t\t>\n\t\t\t<Label\n\t\t\t\tclassName=\"components-input-control__label\"\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t\thtmlFor={ id }\n\t\t\t>\n\t\t\t\t{ label }\n\t\t\t</Label>\n\t\t\t<Container\n\t\t\t\t__unstableInputWidth={ __unstableInputWidth }\n\t\t\t\tclassName=\"components-input-control__container\"\n\t\t\t\tdisabled={ disabled }\n\t\t\t\thideLabel={ hideLabel }\n\t\t\t\tlabelPosition={ labelPosition }\n\t\t\t>\n\t\t\t\t<ContextSystemProvider value={ prefixSuffixContextValue }>\n\t\t\t\t\t{ prefix && (\n\t\t\t\t\t\t<Prefix className=\"components-input-control__prefix\">\n\t\t\t\t\t\t\t{ prefix }\n\t\t\t\t\t\t</Prefix>\n\t\t\t\t\t) }\n\t\t\t\t\t{ children }\n\t\t\t\t\t{ suffix && (\n\t\t\t\t\t\t<Suffix className=\"components-input-control__suffix\">\n\t\t\t\t\t\t\t{ suffix }\n\t\t\t\t\t\t</Suffix>\n\t\t\t\t\t) }\n\t\t\t\t</ContextSystemProvider>\n\t\t\t\t<Backdrop\n\t\t\t\t\tdisabled={ disabled }\n\t\t\t\t\tisBorderless={ isBorderless }\n\t\t\t\t\tisFocused={ isFocused }\n\t\t\t\t/>\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default contextConnect( InputBase, 'InputBase' );\n"],"mappings":"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"}

package/build/input-control/input-field.js

@@ -4,8 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _react = require("react");
+var _react2 = require("@use-gesture/react");
 var _element = require("@wordpress/element");
-var _react = require("@use-gesture/react");
 var _utils = require("./utils");
 var _inputControlStyles = require("./styles/input-control-styles");
 var _reducer = require("./reducer/reducer");
@@ -124,7 +125,7 @@ function InputField({
         break;
     }
   };
-  const dragGestureProps = (0, _react.useDrag)(dragProps => {
+  const dragGestureProps = (0, _react2.useDrag)(dragProps => {
     const {
       distance,
       dragging,
@@ -182,7 +183,7 @@ function InputField({
       }
     };
   }
-  return (0, _element.createElement)(_inputControlStyles.Input, {
+  return (0, _react.createElement)(_inputControlStyles.Input, {
     ...props,
     ...dragProps,
     className: "components-input-control__input",
@@ -205,6 +206,5 @@ function InputField({
   });
 }
 const ForwardedComponent = (0, _element.forwardRef)(InputField);
-var _default = ForwardedComponent;
-exports.default = _default;
+var _default = exports.default = ForwardedComponent;
 //# sourceMappingURL=input-field.js.map

package/build/input-control/input-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_react","_utils","_inputControlStyles","_reducer","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isFocused","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onFocus","onKeyDown","onValidate","size","setIsFocused","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","useInputControlStateReducer","isDragging","isDirty","wasDirtyOnBlur","useRef","dragCursor","useDragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnFocus","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","useDrag","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","createElement","Input","className","inputSize","ForwardedComponent","forwardRef","_default","exports","default"],"sources":["@wordpress/components/src/input-control/input-field.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../ui/context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisFocused,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonFocus = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tsetIsFocused,\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused?.( false );\n\n\t\t/**\n\t\t * If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t */\n\t\tif ( isDirty || ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused?.( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) return;\n\t\t\tevent.stopPropagation();\n\n\t\t\t/**\n\t\t\t * Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t */\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/*\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"],"mappings":"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"}
+{"version":3,"names":["_react2","require","_element","_utils","_inputControlStyles","_reducer","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isFocused","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onFocus","onKeyDown","onValidate","size","setIsFocused","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","useInputControlStateReducer","isDragging","isDirty","wasDirtyOnBlur","useRef","dragCursor","useDragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnFocus","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","useDrag","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","_react","createElement","Input","className","inputSize","ForwardedComponent","forwardRef","_default","exports","default"],"sources":["@wordpress/components/src/input-control/input-field.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport { useDrag } from '@use-gesture/react';\nimport type {\n\tSyntheticEvent,\n\tChangeEvent,\n\tKeyboardEvent,\n\tPointerEvent,\n\tFocusEvent,\n\tForwardedRef,\n\tMouseEvent,\n} from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef, useRef } from '@wordpress/element';\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\nimport { useDragCursor } from './utils';\nimport { Input } from './styles/input-control-styles';\nimport { useInputControlStateReducer } from './reducer/reducer';\nimport type { InputFieldProps } from './types';\n\nconst noop = () => {};\n\nfunction InputField(\n\t{\n\t\tdisabled = false,\n\t\tdragDirection = 'n',\n\t\tdragThreshold = 10,\n\t\tid,\n\t\tisDragEnabled = false,\n\t\tisFocused,\n\t\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonFocus = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\n\t\tsetIsFocused,\n\t\tstateReducer = ( state: any ) => state,\n\t\tvalue: valueProp,\n\t\ttype,\n\t\t...props\n\t}: WordPressComponentProps< InputFieldProps, 'input', false >,\n\tref: ForwardedRef< HTMLInputElement >\n) {\n\tconst {\n\t\t// State.\n\t\tstate,\n\t\t// Actions.\n\t\tchange,\n\t\tcommit,\n\t\tdrag,\n\t\tdragEnd,\n\t\tdragStart,\n\t\tinvalidate,\n\t\tpressDown,\n\t\tpressEnter,\n\t\tpressUp,\n\t\treset,\n\t} = useInputControlStateReducer(\n\t\tstateReducer,\n\t\t{\n\t\t\tisDragEnabled,\n\t\t\tvalue: valueProp,\n\t\t\tisPressEnterToChange,\n\t\t},\n\t\tonChange\n\t);\n\n\tconst { value, isDragging, isDirty } = state;\n\tconst wasDirtyOnBlur = useRef( false );\n\n\tconst dragCursor = useDragCursor( isDragging, dragDirection );\n\n\tconst handleOnBlur = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonBlur( event );\n\t\tsetIsFocused?.( false );\n\n\t\t/**\n\t\t * If isPressEnterToChange is set, this commits the value to\n\t\t * the onChange callback.\n\t\t */\n\t\tif ( isDirty || ! event.target.validity.valid ) {\n\t\t\twasDirtyOnBlur.current = true;\n\t\t\thandleOnCommit( event );\n\t\t}\n\t};\n\n\tconst handleOnFocus = ( event: FocusEvent< HTMLInputElement > ) => {\n\t\tonFocus( event );\n\t\tsetIsFocused?.( true );\n\t};\n\n\tconst handleOnChange = ( event: ChangeEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.target.value;\n\t\tchange( nextValue, event );\n\t};\n\n\tconst handleOnCommit = ( event: SyntheticEvent< HTMLInputElement > ) => {\n\t\tconst nextValue = event.currentTarget.value;\n\n\t\ttry {\n\t\t\tonValidate( nextValue );\n\t\t\tcommit( nextValue, event );\n\t\t} catch ( err ) {\n\t\t\tinvalidate( err, event );\n\t\t}\n\t};\n\n\tconst handleOnKeyDown = ( event: KeyboardEvent< HTMLInputElement > ) => {\n\t\tconst { key } = event;\n\t\tonKeyDown( event );\n\n\t\tswitch ( key ) {\n\t\t\tcase 'ArrowUp':\n\t\t\t\tpressUp( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'ArrowDown':\n\t\t\t\tpressDown( event );\n\t\t\t\tbreak;\n\n\t\t\tcase 'Enter':\n\t\t\t\tpressEnter( event );\n\n\t\t\t\tif ( isPressEnterToChange ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\thandleOnCommit( event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\n\t\t\tcase 'Escape':\n\t\t\t\tif ( isPressEnterToChange && isDirty ) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\treset( valueProp, event );\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t};\n\n\tconst dragGestureProps = useDrag< PointerEvent< HTMLInputElement > >(\n\t\t( dragProps ) => {\n\t\t\tconst { distance, dragging, event, target } = dragProps;\n\n\t\t\t// The `target` prop always references the `input` element while, by\n\t\t\t// default, the `dragProps.event.target` property would reference the real\n\t\t\t// event target (i.e. any DOM element that the pointer is hovering while\n\t\t\t// dragging). Ensuring that the `target` is always the `input` element\n\t\t\t// allows consumers of `InputControl` (or any higher-level control) to\n\t\t\t// check the input's validity by accessing `event.target.validity.valid`.\n\t\t\tdragProps.event = {\n\t\t\t\t...dragProps.event,\n\t\t\t\ttarget,\n\t\t\t};\n\n\t\t\tif ( ! distance ) return;\n\t\t\tevent.stopPropagation();\n\n\t\t\t/**\n\t\t\t * Quick return if no longer dragging.\n\t\t\t * This prevents unnecessary value calculations.\n\t\t\t */\n\t\t\tif ( ! dragging ) {\n\t\t\t\tonDragEnd( dragProps );\n\t\t\t\tdragEnd( dragProps );\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonDrag( dragProps );\n\t\t\tdrag( dragProps );\n\n\t\t\tif ( ! isDragging ) {\n\t\t\t\tonDragStart( dragProps );\n\t\t\t\tdragStart( dragProps );\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\taxis: dragDirection === 'e' || dragDirection === 'w' ? 'x' : 'y',\n\t\t\tthreshold: dragThreshold,\n\t\t\tenabled: isDragEnabled,\n\t\t\tpointer: { capture: false },\n\t\t}\n\t);\n\n\tconst dragProps = isDragEnabled ? dragGestureProps() : {};\n\t/*\n\t * Works around the odd UA (e.g. Firefox) that does not focus inputs of\n\t * type=number when their spinner arrows are pressed.\n\t */\n\tlet handleOnMouseDown;\n\tif ( type === 'number' ) {\n\t\thandleOnMouseDown = ( event: MouseEvent< HTMLInputElement > ) => {\n\t\t\tprops.onMouseDown?.( event );\n\t\t\tif (\n\t\t\t\tevent.currentTarget !==\n\t\t\t\tevent.currentTarget.ownerDocument.activeElement\n\t\t\t) {\n\t\t\t\tevent.currentTarget.focus();\n\t\t\t}\n\t\t};\n\t}\n\n\treturn (\n\t\t<Input\n\t\t\t{ ...props }\n\t\t\t{ ...dragProps }\n\t\t\tclassName=\"components-input-control__input\"\n\t\t\tdisabled={ disabled }\n\t\t\tdragCursor={ dragCursor }\n\t\t\tisDragging={ isDragging }\n\t\t\tid={ id }\n\t\t\tonBlur={ handleOnBlur }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonFocus={ handleOnFocus }\n\t\t\tonKeyDown={ handleOnKeyDown }\n\t\t\tonMouseDown={ handleOnMouseDown }\n\t\t\tref={ ref }\n\t\t\tinputSize={ size }\n\t\t\t// Fallback to `''` to avoid \"uncontrolled to controlled\" warning.\n\t\t\t// See https://github.com/WordPress/gutenberg/pull/47250 for details.\n\t\t\tvalue={ value ?? '' }\n\t\t\ttype={ type }\n\t\t/>\n\t);\n}\n\nconst ForwardedComponent = forwardRef( InputField );\n\nexport default ForwardedComponent;\n"],"mappings":"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"}

package/build/input-control/input-prefix-wrapper.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.InputControlPrefixWrapper = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _spacer = require("../spacer");
-var _context = require("../ui/context");
+var _context = require("../context");
 /**
  * External dependencies
  */
@@ -17,7 +17,7 @@ var _context = require("../ui/context");
 
 function UnconnectedInputControlPrefixWrapper(props, forwardedRef) {
   const derivedProps = (0, _context.useContextSystem)(props, 'InputControlPrefixWrapper');
-  return (0, _element.createElement)(_spacer.Spacer, {
+  return (0, _react.createElement)(_spacer.Spacer, {
     marginBottom: 0,
     ...derivedProps,
     ref: forwardedRef
@@ -39,8 +39,6 @@ function UnconnectedInputControlPrefixWrapper(props, forwardedRef) {
  * />
  * ```
  */
-const InputControlPrefixWrapper = (0, _context.contextConnect)(UnconnectedInputControlPrefixWrapper, 'InputControlPrefixWrapper');
-exports.InputControlPrefixWrapper = InputControlPrefixWrapper;
-var _default = InputControlPrefixWrapper;
-exports.default = _default;
+const InputControlPrefixWrapper = exports.InputControlPrefixWrapper = (0, _context.contextConnect)(UnconnectedInputControlPrefixWrapper, 'InputControlPrefixWrapper');
+var _default = exports.default = InputControlPrefixWrapper;
 //# sourceMappingURL=input-prefix-wrapper.js.map

package/build/input-control/input-prefix-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["_spacer","require","_context","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","useContextSystem","_element","createElement","Spacer","marginBottom","ref","InputControlPrefixWrapper","contextConnect","exports","_default","default"],"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../ui/context';\nimport { contextConnect, useContextSystem } from '../ui/context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"],"mappings":";;;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACC,IAAAI,QAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAML,YAAY;IAAGM,GAAG,EAAGP;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,yBAAyB,GAAG,IAAAC,uBAAc,EACtDX,oCAAoC,EACpC,2BACD,CAAC;AAACY,OAAA,CAAAF,yBAAA,GAAAA,yBAAA;AAAA,IAAAG,QAAA,GAEaH,yBAAyB;AAAAE,OAAA,CAAAE,OAAA,GAAAD,QAAA"}
+{"version":3,"names":["_spacer","require","_context","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","useContextSystem","_react","createElement","Spacer","marginBottom","ref","InputControlPrefixWrapper","exports","contextConnect","_default","default"],"sources":["@wordpress/components/src/input-control/input-prefix-wrapper.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { Spacer } from '../spacer';\nimport type { WordPressComponentProps } from '../context';\nimport { contextConnect, useContextSystem } from '../context';\nimport type { InputControlPrefixWrapperProps } from './types';\n\nfunction UnconnectedInputControlPrefixWrapper(\n\tprops: WordPressComponentProps< InputControlPrefixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlPrefixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `prefix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlPrefixWrapper as InputControlPrefixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   prefix={<InputControlPrefixWrapper>@</InputControlPrefixWrapper>}\n * />\n * ```\n */\nexport const InputControlPrefixWrapper = contextConnect(\n\tUnconnectedInputControlPrefixWrapper,\n\t'InputControlPrefixWrapper'\n);\n\nexport default InputControlPrefixWrapper;\n"],"mappings":";;;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAVA;AACA;AACA;;AAGA;AACA;AACA;;AAMA,SAASE,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAG,IAAAC,yBAAgB,EAAEH,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACC,IAAAI,MAAA,CAAAC,aAAA,EAACT,OAAA,CAAAU,MAAM;IAACC,YAAY,EAAG,CAAG;IAAA,GAAML,YAAY;IAAGM,GAAG,EAAGP;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMQ,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAc,EACtDZ,oCAAoC,EACpC,2BACD,CAAC;AAAC,IAAAa,QAAA,GAAAF,OAAA,CAAAG,OAAA,GAEaJ,yBAAyB"}