@wordpress/components 27.2.0 → 27.4.0

package/build-module/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["SVG","Path","Circle","Polygon","Rect","G","HorizontalRule","BlockQuotation","default","ColorIndicator","ColorPalette","ColorPicker","Dashicon","Dropdown","DropdownMenu","FocalPointPicker","Toolbar","ToolbarButton","ToolbarContext","__experimentalToolbarContext","ToolbarDropdownMenu","ToolbarGroup","ToolbarItem","Tooltip","Icon","Spinner","createSlotFill","Slot","Fill","Provider","SlotFillProvider","__experimentalStyleProvider","BaseControl","hasSplitBorders","__experimentalHasSplitBorders","TextareaControl","PanelBody","PanelActions","Button","__experimentalText","ExternalLink","TextControl","ToggleControl","SandBox","SearchControl","SelectControl","RangeControl","ResizableBox","FooterMessageControl","ColorControl","QueryControls","Notice","NoticeList","RadioControl","UnitControl","useCustomUnits","__experimentalUseCustomUnits","CSS_UNITS","filterUnitsWithSettings","Disabled","Draggable","DraggableTrigger","withConstrainedTabbing","withFallbackStyles","withFilters","FontSizePicker","withFocusOutside","withFocusReturn","withNotices","withSpokenMessages","__unstableAutocompletionItemsFill","__unstableAutocompletionItemsSlot","Autocomplete","BottomSheet","BottomSheetConsumer","BottomSheetProvider","BottomSheetContext","BottomSheetSelectControl","HTMLTextInput","KeyboardAvoidingView","KeyboardAwareFlatList","Picker","CycleSelectControl","Gradient","ColorSettings","SegmentedControls","FocalPointSettingsPanel","BottomSheetTextControl","FooterMessageLink","LinkPicker","LinkPickerScreen","LinkSettings","LinkSettingsScreen","LinkSettingsNavigation","SegmentedControl","Image","IMAGE_DEFAULT_FOCAL_POINT","ImageEditingButton","setClipboard","getClipboard","AudioPlayer","Badge","Gridicons","colorsUtils","WIDE_ALIGNMENTS","ALIGNMENT_BREAKPOINTS","alignmentHelpers","getPxFromCssUnit","convertUnitToMobile","useConvertUnitToMobile","getValueAndUnit","GlobalStylesContext","useGlobalStyles","withGlobalStyles","getMergedGlobalStyles","getGlobalStyles","getColorsAndGradients","useMobileGlobalStylesColors","useEditorColorScheme","privateApis"],"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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"}
+{"version":3,"names":["SVG","Path","Circle","Polygon","Rect","G","HorizontalRule","BlockQuotation","default","ColorIndicator","ColorPalette","ColorPicker","Dashicon","Dropdown","DropdownMenu","FocalPointPicker","Toolbar","ToolbarButton","ToolbarContext","__experimentalToolbarContext","ToolbarDropdownMenu","ToolbarGroup","ToolbarItem","Tooltip","Icon","Spinner","createSlotFill","Slot","Fill","Provider","SlotFillProvider","__experimentalStyleProvider","BaseControl","hasSplitBorders","__experimentalHasSplitBorders","TextareaControl","PanelBody","PanelActions","Button","__experimentalText","ExternalLink","TextControl","ToggleControl","SandBox","SearchControl","SelectControl","RangeControl","ResizableBox","FooterMessageControl","ColorControl","QueryControls","Notice","NoticeList","RadioControl","UnitControl","useCustomUnits","__experimentalUseCustomUnits","CSS_UNITS","filterUnitsWithSettings","Disabled","Draggable","DraggableTrigger","withConstrainedTabbing","withFallbackStyles","withFilters","FontSizePicker","withFocusOutside","withFocusReturn","withNotices","withSpokenMessages","__unstableAutocompletionItemsFill","__unstableAutocompletionItemsSlot","Autocomplete","BottomSheet","BottomSheetConsumer","BottomSheetProvider","BottomSheetContext","BottomSheetSelectControl","HTMLTextInput","KeyboardAvoidingView","KeyboardAwareFlatList","Picker","CycleSelectControl","Gradient","ColorSettings","SegmentedControls","FocalPointSettingsPanel","BottomSheetTextControl","FooterMessageLink","LinkPicker","LinkPickerScreen","LinkSettings","LinkSettingsScreen","LinkSettingsNavigation","SegmentedControl","Image","IMAGE_DEFAULT_FOCAL_POINT","ImageEditingButton","setClipboard","getClipboard","AudioPlayer","Badge","Gridicons","colorsUtils","WIDE_ALIGNMENTS","ALIGNMENT_BREAKPOINTS","alignmentHelpers","getPxFromCssUnit","convertUnitToMobile","useConvertUnitToMobile","getValueAndUnit","GlobalStylesContext","useGlobalStyles","withGlobalStyles","getMergedGlobalStyles","getGlobalStyles","getColorsAndGradients","useMobileGlobalStylesColors","useEditorColorScheme","privateApis"],"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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","ignoreList":[]}

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

@@ -9,15 +9,13 @@ import { memo } from '@wordpress/element';
 import { BackdropUI } from './styles/input-control-styles';
 function Backdrop({
   disabled = false,
-  isBorderless = false,
-  isFocused = false
+  isBorderless = false
 }) {
   return createElement(BackdropUI, {
     "aria-hidden": "true",
     className: "components-input-control__backdrop",
     disabled: disabled,
-    isBorderless: isBorderless,
-    isFocused: isFocused
+    isBorderless: isBorderless
   });
 }
 const MemoizedBackdrop = memo(Backdrop);

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

@@ -1 +1 @@
-{"version":3,"names":["memo","BackdropUI","Backdrop","disabled","isBorderless","isFocused","createElement","className","MemoizedBackdrop"],"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":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,+BAA+B;AAE1D,SAASC,QAAQA,CAAE;EAClBC,QAAQ,GAAG,KAAK;EAChBC,YAAY,GAAG,KAAK;EACpBC,SAAS,GAAG;AACb,CAAC,EAAG;EACH,OACCC,aAAA,CAACL,UAAU;IACV,eAAY,MAAM;IAClBM,SAAS,EAAC,oCAAoC;IAC9CJ,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA,YAAc;IAC7BC,SAAS,EAAGA;EAAW,CACvB,CAAC;AAEJ;AAEA,MAAMG,gBAAgB,GAAGR,IAAI,CAAEE,QAAS,CAAC;AAEzC,eAAeM,gBAAgB"}
+{"version":3,"names":["memo","BackdropUI","Backdrop","disabled","isBorderless","createElement","className","MemoizedBackdrop"],"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, isBorderless = 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\tisBorderless={ isBorderless }\n\t\t/>\n\t);\n}\n\nconst MemoizedBackdrop = memo( Backdrop );\n\nexport default MemoizedBackdrop;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,QAAQ,oBAAoB;AACzC;AACA;AACA;AACA,SAASC,UAAU,QAAQ,+BAA+B;AAE1D,SAASC,QAAQA,CAAE;EAAEC,QAAQ,GAAG,KAAK;EAAEC,YAAY,GAAG;AAAM,CAAC,EAAG;EAC/D,OACCC,aAAA,CAACJ,UAAU;IACV,eAAY,MAAM;IAClBK,SAAS,EAAC,oCAAoC;IAC9CH,QAAQ,EAAGA,QAAU;IACrBC,YAAY,EAAGA;EAAc,CAC7B,CAAC;AAEJ;AAEA,MAAMG,gBAAgB,GAAGP,IAAI,CAAEE,QAAS,CAAC;AAEzC,eAAeK,gBAAgB","ignoreList":[]}

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

@@ -7,7 +7,7 @@ import classNames from 'classnames';
  * WordPress dependencies
  */
 import { useInstanceId } from '@wordpress/compose';
-import { useState, forwardRef } from '@wordpress/element';
+import { forwardRef } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -47,7 +47,6 @@ export function UnforwardedInputControl(props, ref) {
     value,
     ...restProps
   } = useDeprecated36pxDefaultSizeProp(props);
-  const [isFocused, setIsFocused] = useState(false);
   const id = useUniqueId(idProp);
   const classes = classNames('components-input-control', className);
   const draftHookProps = useDraft({
@@ -73,7 +72,6 @@ export function UnforwardedInputControl(props, ref) {
     gap: 3,
     hideLabelFromVision: hideLabelFromVision,
     id: id,
-    isFocused: isFocused,
     justify: "left",
     label: label,
     labelPosition: labelPosition,
@@ -88,14 +86,12 @@ export function UnforwardedInputControl(props, ref) {
     className: "components-input-control__input",
     disabled: disabled,
     id: id,
-    isFocused: isFocused,
     isPressEnterToChange: isPressEnterToChange,
     onKeyDown: onKeyDown,
     onValidate: onValidate,
     paddingInlineStart: prefix ? space(2) : undefined,
     paddingInlineEnd: suffix ? space(2) : undefined,
     ref: ref,
-    setIsFocused: setIsFocused,
     size: size,
     stateReducer: stateReducer,
     ...draftHookProps

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

@@ -1 +1 @@
-{"version":3,"names":["classNames","useInstanceId","useState","forwardRef","InputBase","InputField","space","useDraft","BaseControl","useDeprecated36pxDefaultSizeProp","noop","useUniqueId","idProp","instanceId","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","isFocused","setIsFocused","classes","draftHookProps","onBlur","helpPropName","helpProp","createElement","__nextHasNoMarginBottom","gap","justify","paddingInlineStart","undefined","paddingInlineEnd"],"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 'react';\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":";AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,YAAY;AAGnC;AACA;AACA;AACA,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,QAAQ,EAAEC,UAAU,QAAQ,oBAAoB;;AAEzD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,UAAU,MAAM,eAAe;AAEtC,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,QAAQ,QAAQ,SAAS;AAClC,OAAOC,WAAW,MAAM,iBAAiB;AACzC,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAErB,SAASC,WAAWA,CAAEC,MAAe,EAAG;EACvC,MAAMC,UAAU,GAAGZ,aAAa,CAAEa,YAAa,CAAC;EAChD,MAAMC,EAAE,GAAI,2BAA2BF,UAAY,EAAC;EAEpD,OAAOD,MAAM,IAAIG,EAAE;AACpB;AAEA,OAAO,SAASC,uBAAuBA,CACtCC,KAAwB,EACxBC,GAAqC,EACpC;EACD,MAAM;IACLC,qBAAqB;IACrBC,sBAAsB,EAAEC,YAAY,GAAKC,KAAK,IAAMA,KAAK;IACzDC,oBAAoB;IACpBC,SAAS;IACTC,QAAQ,GAAG,KAAK;IAChBC,IAAI;IACJC,mBAAmB,GAAG,KAAK;IAC3BZ,EAAE,EAAEH,MAAM;IACVgB,oBAAoB,GAAG,KAAK;IAC5BC,KAAK;IACLC,aAAa,GAAG,KAAK;IACrBC,QAAQ,GAAGrB,IAAI;IACfsB,UAAU,GAAGtB,IAAI;IACjBuB,SAAS,GAAGvB,IAAI;IAChBwB,MAAM;IACNC,IAAI,GAAG,SAAS;IAChBC,KAAK;IACLC,MAAM;IACNC,KAAK;IACL,GAAGC;EACJ,CAAC,GAAG9B,gCAAgC,CAAuBQ,KAAM,CAAC;EAElE,MAAM,CAAEuB,SAAS,EAAEC,YAAY,CAAE,GAAGvC,QAAQ,CAAE,KAAM,CAAC;EAErD,MAAMa,EAAE,GAAGJ,WAAW,CAAEC,MAAO,CAAC;EAChC,MAAM8B,OAAO,GAAG1C,UAAU,CAAE,0BAA0B,EAAEwB,SAAU,CAAC;EAEnE,MAAMmB,cAAc,GAAGpC,QAAQ,CAAE;IAChC+B,KAAK;IACLM,MAAM,EAAEL,SAAS,CAACK,MAAM;IACxBb;EACD,CAAE,CAAC;;EAEH;EACA,MAAMc,YAAY,GACjB,OAAOnB,IAAI,KAAK,QAAQ,GAAG,kBAAkB,GAAG,cAAc;EAC/D,MAAMoB,QAAQ,GAAG,CAAC,CAAEpB,IAAI,GAAG;IAAE,CAAEmB,YAAY,GAAK,GAAG9B,EAAI;EAAQ,CAAC,GAAG,CAAC,CAAC;EAErE,OACCgC,aAAA,CAACvC,WAAW;IACXgB,SAAS,EAAGkB,OAAS;IACrBhB,IAAI,EAAGA,IAAM;IACbX,EAAE,EAAGA,EAAI;IACTiC,uBAAuB;EAAA,GAEvBD,aAAA,CAAC3C,SAAS;IACTe,qBAAqB,EAAGA,qBAAuB;IAC/CI,oBAAoB,EAAGA,oBAAsB;IAC7CE,QAAQ,EAAGA,QAAU;IACrBwB,GAAG,EAAG,CAAG;IACTtB,mBAAmB,EAAGA,mBAAqB;IAC3CZ,EAAE,EAAGA,EAAI;IACTyB,SAAS,EAAGA,SAAW;IACvBU,OAAO,EAAC,MAAM;IACdrB,KAAK,EAAGA,KAAO;IACfC,aAAa,EAAGA,aAAe;IAC/BI,MAAM,EAAGA,MAAQ;IACjBC,IAAI,EAAGA,IAAM;IACbC,KAAK,EAAGA,KAAO;IACfC,MAAM,EAAGA;EAAQ,GAEjBU,aAAA,CAAC1C,UAAU;IAAA,GACLkC,SAAS;IAAA,GACTO,QAAQ;IACb3B,qBAAqB,EAAGA,qBAAuB;IAC/CK,SAAS,EAAC,iCAAiC;IAC3CC,QAAQ,EAAGA,QAAU;IACrBV,EAAE,EAAGA,EAAI;IACTyB,SAAS,EAAGA,SAAW;IACvBZ,oBAAoB,EAAGA,oBAAsB;IAC7CK,SAAS,EAAGA,SAAW;IACvBD,UAAU,EAAGA,UAAY;IACzBmB,kBAAkB,EAAGjB,MAAM,GAAG5B,KAAK,CAAE,CAAE,CAAC,GAAG8C,SAAW;IACtDC,gBAAgB,EAAGhB,MAAM,GAAG/B,KAAK,CAAE,CAAE,CAAC,GAAG8C,SAAW;IACpDlC,GAAG,EAAGA,GAAK;IACXuB,YAAY,EAAGA,YAAc;IAC7BN,IAAI,EAAGA,IAAM;IACbd,YAAY,EAAGA,YAAc;IAAA,GACxBsB;EAAc,CACnB,CACS,CACC,CAAC;AAEhB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAM7B,YAAY,GAAGX,UAAU,CAAEa,uBAAwB,CAAC;AAEjE,eAAeF,YAAY"}
+{"version":3,"names":["classNames","useInstanceId","forwardRef","InputBase","InputField","space","useDraft","BaseControl","useDeprecated36pxDefaultSizeProp","noop","useUniqueId","idProp","instanceId","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","classes","draftHookProps","onBlur","helpPropName","helpProp","createElement","__nextHasNoMarginBottom","gap","justify","paddingInlineStart","undefined","paddingInlineEnd"],"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 { 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 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\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\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\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 'react';\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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","ignoreList":[]}

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

@@ -54,7 +54,6 @@ export function InputBase(props, ref) {
     labelPosition,
     id: idProp,
     isBorderless = false,
-    isFocused = false,
     label,
     prefix,
     size = 'default',
@@ -87,8 +86,6 @@ export function InputBase(props, ref) {
       ...getUIFlexProps(labelPosition),
       className: className,
       gap: 2,
-      isFocused: isFocused,
-      labelPosition: labelPosition,
       ref: ref
     }, createElement(Label, {
       className: "components-input-control__label",
@@ -109,8 +106,7 @@ export function InputBase(props, ref) {
       className: "components-input-control__suffix"
     }, suffix)), createElement(Backdrop, {
       disabled: disabled,
-      isBorderless: isBorderless,
-      isFocused: isFocused
+      isBorderless: isBorderless
     })))
   );
 }

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

@@ -1 +1 @@
-{"version":3,"names":["useInstanceId","useMemo","Backdrop","Label","Container","Root","Prefix","Suffix","getSizeConfig","ContextSystemProvider","contextConnect","useContextSystem","useDeprecated36pxDefaultSizeProp","useUniqueId","idProp","instanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","ref","__next40pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isBorderless","isFocused","label","prefix","size","suffix","restProps","hideLabel","paddingLeft","paddingRight","inputSize","prefixSuffixContextValue","InputControlPrefixWrapper","InputControlSuffixWrapper","createElement","htmlFor","value"],"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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"}
+{"version":3,"names":["useInstanceId","useMemo","Backdrop","Label","Container","Root","Prefix","Suffix","getSizeConfig","ContextSystemProvider","contextConnect","useContextSystem","useDeprecated36pxDefaultSizeProp","useUniqueId","idProp","instanceId","InputBase","id","getUIFlexProps","labelPosition","props","direction","expanded","gap","justify","ref","__next40pxDefaultSize","__unstableInputWidth","children","className","disabled","hideLabelFromVision","isBorderless","label","prefix","size","suffix","restProps","hideLabel","paddingLeft","paddingRight","inputSize","prefixSuffixContextValue","InputControlPrefixWrapper","InputControlSuffixWrapper","createElement","htmlFor","value"],"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\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\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 } isBorderless={ isBorderless } />\n\t\t\t</Container>\n\t\t</Root>\n\t);\n}\n\nexport default contextConnect( InputBase, 'InputBase' );\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,6 +14,7 @@ import { forwardRef, useRef } from '@wordpress/element';
 import { useDragCursor } from './utils';
 import { Input } from './styles/input-control-styles';
 import { useInputControlStateReducer } from './reducer/reducer';
+import { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';
 const noop = () => {};
 function InputField({
   disabled = false,
@@ -21,18 +22,15 @@ function InputField({
   dragThreshold = 10,
   id,
   isDragEnabled = false,
-  isFocused,
   isPressEnterToChange = false,
   onBlur = noop,
   onChange = noop,
   onDrag = noop,
   onDragEnd = noop,
   onDragStart = noop,
-  onFocus = noop,
   onKeyDown = noop,
   onValidate = noop,
   size = 'default',
-  setIsFocused,
   stateReducer = state => state,
   value: valueProp,
   type,
@@ -66,7 +64,6 @@ function InputField({
   const dragCursor = useDragCursor(isDragging, dragDirection);
   const handleOnBlur = event => {
     onBlur(event);
-    setIsFocused?.(false);
 
     /**
      * If isPressEnterToChange is set, this commits the value to
@@ -77,10 +74,6 @@ function InputField({
       handleOnCommit(event);
     }
   };
-  const handleOnFocus = event => {
-    onFocus(event);
-    setIsFocused?.(true);
-  };
   const handleOnChange = event => {
     const nextValue = event.target.value;
     change(nextValue, event);
@@ -189,8 +182,7 @@ function InputField({
     id: id,
     onBlur: handleOnBlur,
     onChange: handleOnChange,
-    onFocus: handleOnFocus,
-    onKeyDown: handleOnKeyDown,
+    onKeyDown: withIgnoreIMEEvents(handleOnKeyDown),
     onMouseDown: handleOnMouseDown,
     ref: ref,
     inputSize: size

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

@@ -1 +1 @@
-{"version":3,"names":["useDrag","forwardRef","useRef","useDragCursor","Input","useInputControlStateReducer","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","isDragging","isDirty","wasDirtyOnBlur","dragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnFocus","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","createElement","className","inputSize","ForwardedComponent"],"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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"}
+{"version":3,"names":["useDrag","forwardRef","useRef","useDragCursor","Input","useInputControlStateReducer","withIgnoreIMEEvents","noop","InputField","disabled","dragDirection","dragThreshold","id","isDragEnabled","isPressEnterToChange","onBlur","onChange","onDrag","onDragEnd","onDragStart","onKeyDown","onValidate","size","stateReducer","state","value","valueProp","type","props","ref","change","commit","drag","dragEnd","dragStart","invalidate","pressDown","pressEnter","pressUp","reset","isDragging","isDirty","wasDirtyOnBlur","dragCursor","handleOnBlur","event","target","validity","valid","current","handleOnCommit","handleOnChange","nextValue","currentTarget","err","handleOnKeyDown","key","preventDefault","dragGestureProps","dragProps","distance","dragging","stopPropagation","axis","threshold","enabled","pointer","capture","handleOnMouseDown","onMouseDown","ownerDocument","activeElement","focus","createElement","className","inputSize","ForwardedComponent"],"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';\nimport { withIgnoreIMEEvents } from '../utils/with-ignore-ime-events';\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\tisPressEnterToChange = false,\n\t\tonBlur = noop,\n\t\tonChange = noop,\n\t\tonDrag = noop,\n\t\tonDragEnd = noop,\n\t\tonDragStart = noop,\n\t\tonKeyDown = noop,\n\t\tonValidate = noop,\n\t\tsize = 'default',\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\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 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\tonKeyDown={ withIgnoreIMEEvents( 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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","createElement","marginBottom","ref","InputControlPrefixWrapper"],"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":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAG7D,SAASC,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACCG,aAAA,CAACP,MAAM;IAACQ,YAAY,EAAG,CAAG;IAAA,GAAMF,YAAY;IAAGG,GAAG,EAAGJ;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,yBAAyB,GAAGT,cAAc,CACtDE,oCAAoC,EACpC,2BACD,CAAC;AAED,eAAeO,yBAAyB"}
+{"version":3,"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlPrefixWrapper","props","forwardedRef","derivedProps","createElement","marginBottom","ref","InputControlPrefixWrapper"],"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":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAG7D,SAASC,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACCG,aAAA,CAACP,MAAM;IAACQ,YAAY,EAAG,CAAG;IAAA,GAAMF,YAAY;IAAGG,GAAG,EAAGJ;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,yBAAyB,GAAGT,cAAc,CACtDE,oCAAoC,EACpC,2BACD,CAAC;AAED,eAAeO,yBAAyB","ignoreList":[]}

package/build-module/input-control/input-suffix-wrapper.js.map

@@ -1 +1 @@
-{"version":3,"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","createElement","marginBottom","ref","InputControlSuffixWrapper"],"sources":["@wordpress/components/src/input-control/input-suffix-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 { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAG7D,SAASC,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACCG,aAAA,CAACP,MAAM;IAACQ,YAAY,EAAG,CAAG;IAAA,GAAMF,YAAY;IAAGG,GAAG,EAAGJ;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,yBAAyB,GAAGT,cAAc,CACtDE,oCAAoC,EACpC,2BACD,CAAC;AAED,eAAeO,yBAAyB"}
+{"version":3,"names":["Spacer","contextConnect","useContextSystem","UnconnectedInputControlSuffixWrapper","props","forwardedRef","derivedProps","createElement","marginBottom","ref","InputControlSuffixWrapper"],"sources":["@wordpress/components/src/input-control/input-suffix-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 { InputControlSuffixWrapperProps } from './types';\n\nfunction UnconnectedInputControlSuffixWrapper(\n\tprops: WordPressComponentProps< InputControlSuffixWrapperProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst derivedProps = useContextSystem( props, 'InputControlSuffixWrapper' );\n\n\treturn (\n\t\t<Spacer marginBottom={ 0 } { ...derivedProps } ref={ forwardedRef } />\n\t);\n}\n\n/**\n * A convenience wrapper for the `suffix` when you want to apply\n * standard padding in accordance with the size variant.\n *\n * ```jsx\n * import {\n *   __experimentalInputControl as InputControl,\n *   __experimentalInputControlSuffixWrapper as InputControlSuffixWrapper,\n * } from '@wordpress/components';\n *\n * <InputControl\n *   suffix={<InputControlSuffixWrapper>%</InputControlSuffixWrapper>}\n * />\n * ```\n */\nexport const InputControlSuffixWrapper = contextConnect(\n\tUnconnectedInputControlSuffixWrapper,\n\t'InputControlSuffixWrapper'\n);\n\nexport default InputControlSuffixWrapper;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,WAAW;AAElC,SAASC,cAAc,EAAEC,gBAAgB,QAAQ,YAAY;AAG7D,SAASC,oCAAoCA,CAC5CC,KAAuE,EACvEC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAGJ,gBAAgB,CAAEE,KAAK,EAAE,2BAA4B,CAAC;EAE3E,OACCG,aAAA,CAACP,MAAM;IAACQ,YAAY,EAAG,CAAG;IAAA,GAAMF,YAAY;IAAGG,GAAG,EAAGJ;EAAc,CAAE,CAAC;AAExE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMK,yBAAyB,GAAGT,cAAc,CACtDE,oCAAoC,EACpC,2BACD,CAAC;AAED,eAAeO,yBAAyB","ignoreList":[]}

package/build-module/input-control/label.js.map

@@ -1 +1 @@
-{"version":3,"names":["VisuallyHidden","Label","BaseLabel","LabelWrapper","children","hideLabelFromVision","htmlFor","props","createElement","as"],"sources":["@wordpress/components/src/input-control/label.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) return null;\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SACCC,KAAK,IAAIC,SAAS,EAClBC,YAAY,QACN,+BAA+B;AAItC,eAAe,SAASF,KAAKA,CAAE;EAC9BG,QAAQ;EACRC,mBAAmB;EACnBC,OAAO;EACP,GAAGC;AAC+D,CAAC,EAAG;EACtE,IAAK,CAAEH,QAAQ,EAAG,OAAO,IAAI;EAE7B,IAAKC,mBAAmB,EAAG;IAC1B,OACCG,aAAA,CAACR,cAAc;MAACS,EAAE,EAAC,OAAO;MAACH,OAAO,EAAGA;IAAS,GAC3CF,QACa,CAAC;EAEnB;EAEA,OACCI,aAAA,CAACL,YAAY,QACZK,aAAA,CAACN,SAAS;IAACI,OAAO,EAAGA,OAAS;IAAA,GAAMC;EAAK,GACtCH,QACQ,CACE,CAAC;AAEjB"}
+{"version":3,"names":["VisuallyHidden","Label","BaseLabel","LabelWrapper","children","hideLabelFromVision","htmlFor","props","createElement","as"],"sources":["@wordpress/components/src/input-control/label.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { VisuallyHidden } from '../visually-hidden';\nimport {\n\tLabel as BaseLabel,\n\tLabelWrapper,\n} from './styles/input-control-styles';\nimport type { WordPressComponentProps } from '../context';\nimport type { InputControlLabelProps } from './types';\n\nexport default function Label( {\n\tchildren,\n\thideLabelFromVision,\n\thtmlFor,\n\t...props\n}: WordPressComponentProps< InputControlLabelProps, 'label', false > ) {\n\tif ( ! children ) return null;\n\n\tif ( hideLabelFromVision ) {\n\t\treturn (\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ htmlFor }>\n\t\t\t\t{ children }\n\t\t\t</VisuallyHidden>\n\t\t);\n\t}\n\n\treturn (\n\t\t<LabelWrapper>\n\t\t\t<BaseLabel htmlFor={ htmlFor } { ...props }>\n\t\t\t\t{ children }\n\t\t\t</BaseLabel>\n\t\t</LabelWrapper>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,oBAAoB;AACnD,SACCC,KAAK,IAAIC,SAAS,EAClBC,YAAY,QACN,+BAA+B;AAItC,eAAe,SAASF,KAAKA,CAAE;EAC9BG,QAAQ;EACRC,mBAAmB;EACnBC,OAAO;EACP,GAAGC;AAC+D,CAAC,EAAG;EACtE,IAAK,CAAEH,QAAQ,EAAG,OAAO,IAAI;EAE7B,IAAKC,mBAAmB,EAAG;IAC1B,OACCG,aAAA,CAACR,cAAc;MAACS,EAAE,EAAC,OAAO;MAACH,OAAO,EAAGA;IAAS,GAC3CF,QACa,CAAC;EAEnB;EAEA,OACCI,aAAA,CAACL,YAAY,QACZK,aAAA,CAACN,SAAS;IAACI,OAAO,EAAGA,OAAS;IAAA,GAAMC;EAAK,GACtCH,QACQ,CACE,CAAC;AAEjB","ignoreList":[]}

package/build-module/input-control/reducer/actions.js.map

@@ -1 +1 @@
-{"version":3,"names":["CHANGE","COMMIT","CONTROL","DRAG_END","DRAG_START","DRAG","INVALIDATE","PRESS_DOWN","PRESS_ENTER","PRESS_UP","RESET"],"sources":["@wordpress/components/src/input-control/reducer/actions.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { DragProps } from '../types';\n\nexport const CHANGE = 'CHANGE';\nexport const COMMIT = 'COMMIT';\nexport const CONTROL = 'CONTROL';\nexport const DRAG_END = 'DRAG_END';\nexport const DRAG_START = 'DRAG_START';\nexport const DRAG = 'DRAG';\nexport const INVALIDATE = 'INVALIDATE';\nexport const PRESS_DOWN = 'PRESS_DOWN';\nexport const PRESS_ENTER = 'PRESS_ENTER';\nexport const PRESS_UP = 'PRESS_UP';\nexport const RESET = 'RESET';\n\ninterface EventPayload {\n\tevent?: SyntheticEvent;\n}\n\nexport interface Action< Type = string, ExtraPayload = {} > {\n\ttype: Type;\n\tpayload: EventPayload & ExtraPayload;\n}\n\ninterface ValuePayload {\n\tvalue: string;\n}\n\nexport type ChangeAction = Action< typeof CHANGE, ValuePayload >;\nexport type CommitAction = Action< typeof COMMIT, ValuePayload >;\nexport type ControlAction = Action< typeof CONTROL, ValuePayload >;\nexport type PressUpAction = Action< typeof PRESS_UP >;\nexport type PressDownAction = Action< typeof PRESS_DOWN >;\nexport type PressEnterAction = Action< typeof PRESS_ENTER >;\nexport type DragStartAction = Action< typeof DRAG_START, DragProps >;\nexport type DragEndAction = Action< typeof DRAG_END, DragProps >;\nexport type DragAction = Action< typeof DRAG, DragProps >;\nexport type ResetAction = Action< typeof RESET, Partial< ValuePayload > >;\nexport type InvalidateAction = Action< typeof INVALIDATE, { error: unknown } >;\n\nexport type ChangeEventAction = ChangeAction | ResetAction | CommitAction;\n\nexport type DragEventAction = DragStartAction | DragEndAction | DragAction;\n\nexport type KeyEventAction = PressDownAction | PressUpAction | PressEnterAction;\n\nexport type InputAction =\n\t| ChangeEventAction\n\t| KeyEventAction\n\t| DragEventAction\n\t| InvalidateAction;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,OAAO,MAAMA,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,IAAI,GAAG,MAAM;AAC1B,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,WAAW,GAAG,aAAa;AACxC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,KAAK,GAAG,OAAO"}
+{"version":3,"names":["CHANGE","COMMIT","CONTROL","DRAG_END","DRAG_START","DRAG","INVALIDATE","PRESS_DOWN","PRESS_ENTER","PRESS_UP","RESET"],"sources":["@wordpress/components/src/input-control/reducer/actions.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { DragProps } from '../types';\n\nexport const CHANGE = 'CHANGE';\nexport const COMMIT = 'COMMIT';\nexport const CONTROL = 'CONTROL';\nexport const DRAG_END = 'DRAG_END';\nexport const DRAG_START = 'DRAG_START';\nexport const DRAG = 'DRAG';\nexport const INVALIDATE = 'INVALIDATE';\nexport const PRESS_DOWN = 'PRESS_DOWN';\nexport const PRESS_ENTER = 'PRESS_ENTER';\nexport const PRESS_UP = 'PRESS_UP';\nexport const RESET = 'RESET';\n\ninterface EventPayload {\n\tevent?: SyntheticEvent;\n}\n\nexport interface Action< Type = string, ExtraPayload = {} > {\n\ttype: Type;\n\tpayload: EventPayload & ExtraPayload;\n}\n\ninterface ValuePayload {\n\tvalue: string;\n}\n\nexport type ChangeAction = Action< typeof CHANGE, ValuePayload >;\nexport type CommitAction = Action< typeof COMMIT, ValuePayload >;\nexport type ControlAction = Action< typeof CONTROL, ValuePayload >;\nexport type PressUpAction = Action< typeof PRESS_UP >;\nexport type PressDownAction = Action< typeof PRESS_DOWN >;\nexport type PressEnterAction = Action< typeof PRESS_ENTER >;\nexport type DragStartAction = Action< typeof DRAG_START, DragProps >;\nexport type DragEndAction = Action< typeof DRAG_END, DragProps >;\nexport type DragAction = Action< typeof DRAG, DragProps >;\nexport type ResetAction = Action< typeof RESET, Partial< ValuePayload > >;\nexport type InvalidateAction = Action< typeof INVALIDATE, { error: unknown } >;\n\nexport type ChangeEventAction = ChangeAction | ResetAction | CommitAction;\n\nexport type DragEventAction = DragStartAction | DragEndAction | DragAction;\n\nexport type KeyEventAction = PressDownAction | PressUpAction | PressEnterAction;\n\nexport type InputAction =\n\t| ChangeEventAction\n\t| KeyEventAction\n\t| DragEventAction\n\t| InvalidateAction;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAGA,OAAO,MAAMA,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,MAAM,GAAG,QAAQ;AAC9B,OAAO,MAAMC,OAAO,GAAG,SAAS;AAChC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,IAAI,GAAG,MAAM;AAC1B,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,UAAU,GAAG,YAAY;AACtC,OAAO,MAAMC,WAAW,GAAG,aAAa;AACxC,OAAO,MAAMC,QAAQ,GAAG,UAAU;AAClC,OAAO,MAAMC,KAAK,GAAG,OAAO","ignoreList":[]}

package/build-module/input-control/reducer/reducer.js.map

@@ -1 +1 @@
-{"version":3,"names":["useReducer","useLayoutEffect","useRef","initialInputControlState","initialStateReducer","actions","mergeInitialState","initialState","value","initialValue","inputControlStateReducer","composedStateReducers","state","action","nextState","type","CONTROL","payload","isDirty","_event","undefined","PRESS_UP","PRESS_DOWN","DRAG_START","isDragging","DRAG_END","CHANGE","error","isPressEnterToChange","COMMIT","RESET","INVALIDATE","event","useInputControlStateReducer","stateReducer","onChangeHandler","dispatch","createChangeEvent","nextValue","createKeyEvent","createDragEvent","change","invalidate","reset","commit","dragStart","drag","DRAG","dragEnd","pressUp","pressDown","pressEnter","PRESS_ENTER","currentState","refProps","current","_state$value","_initialState$value"],"sources":["@wordpress/components/src/input-control/reducer/reducer.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { SyntheticEvent, ChangeEvent, PointerEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useReducer, useLayoutEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { InputState, StateReducer } from './state';\nimport { initialInputControlState, initialStateReducer } from './state';\nimport * as actions from './actions';\nimport type { InputChangeCallback } from '../types';\n\n/**\n * Prepares initialState for the reducer.\n *\n * @param initialState The initial state.\n * @return Prepared initialState for the reducer\n */\nfunction mergeInitialState(\n\tinitialState: Partial< InputState > = initialInputControlState\n): InputState {\n\tconst { value } = initialState;\n\n\treturn {\n\t\t...initialInputControlState,\n\t\t...initialState,\n\t\tinitialValue: value,\n\t} as InputState;\n}\n\n/**\n * Creates the base reducer which may be coupled to a specializing reducer.\n * As its final step, for all actions other than CONTROL, the base reducer\n * passes the state and action on through the specializing reducer. The\n * exception for CONTROL actions is because they represent controlled updates\n * from props and no case has yet presented for their specialization.\n *\n * @param composedStateReducers A reducer to specialize state changes.\n * @return The reducer.\n */\nfunction inputControlStateReducer(\n\tcomposedStateReducers: StateReducer\n): StateReducer< actions.ControlAction > {\n\treturn ( state, action ) => {\n\t\tconst nextState = { ...state };\n\n\t\tswitch ( action.type ) {\n\t\t\t/*\n\t\t\t * Controlled updates\n\t\t\t */\n\t\t\tcase actions.CONTROL:\n\t\t\t\tnextState.value = action.payload.value;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tnextState._event = undefined;\n\t\t\t\t// Returns immediately to avoid invoking additional reducers.\n\t\t\t\treturn nextState;\n\n\t\t\t/**\n\t\t\t * Keyboard events\n\t\t\t */\n\t\t\tcase actions.PRESS_UP:\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.PRESS_DOWN:\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Drag events\n\t\t\t */\n\t\t\tcase actions.DRAG_START:\n\t\t\t\tnextState.isDragging = true;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.DRAG_END:\n\t\t\t\tnextState.isDragging = false;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Input events\n\t\t\t */\n\t\t\tcase actions.CHANGE:\n\t\t\t\tnextState.error = null;\n\t\t\t\tnextState.value = action.payload.value;\n\n\t\t\t\tif ( state.isPressEnterToChange ) {\n\t\t\t\t\tnextState.isDirty = true;\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\n\t\t\tcase actions.COMMIT:\n\t\t\t\tnextState.value = action.payload.value;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.RESET:\n\t\t\t\tnextState.error = null;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tnextState.value = action.payload.value || state.initialValue;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Validation\n\t\t\t */\n\t\t\tcase actions.INVALIDATE:\n\t\t\t\tnextState.error = action.payload.error;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnextState._event = action.payload.event;\n\n\t\t/**\n\t\t * Send the nextState + action to the composedReducers via\n\t\t * this \"bridge\" mechanism. This allows external stateReducers\n\t\t * to hook into actions, and modify state if needed.\n\t\t */\n\t\treturn composedStateReducers( nextState, action );\n\t};\n}\n\n/**\n * A custom hook that connects and external stateReducer with an internal\n * reducer. This hook manages the internal state of InputControl.\n * However, by connecting an external stateReducer function, other\n * components can react to actions as well as modify state before it is\n * applied.\n *\n * This technique uses the \"stateReducer\" design pattern:\n * https://kentcdodds.com/blog/the-state-reducer-pattern/\n *\n * @param stateReducer    An external state reducer.\n * @param initialState    The initial state for the reducer.\n * @param onChangeHandler A handler for the onChange event.\n * @return State, dispatch, and a collection of actions.\n */\nexport function useInputControlStateReducer(\n\tstateReducer: StateReducer = initialStateReducer,\n\tinitialState: Partial< InputState > = initialInputControlState,\n\tonChangeHandler: InputChangeCallback\n) {\n\tconst [ state, dispatch ] = useReducer(\n\t\tinputControlStateReducer( stateReducer ),\n\t\tmergeInitialState( initialState )\n\t);\n\n\tconst createChangeEvent =\n\t\t( type: actions.ChangeEventAction[ 'type' ] ) =>\n\t\t(\n\t\t\tnextValue: actions.ChangeEventAction[ 'payload' ][ 'value' ],\n\t\t\tevent: actions.ChangeEventAction[ 'payload' ][ 'event' ]\n\t\t) => {\n\t\t\tdispatch( {\n\t\t\t\ttype,\n\t\t\t\tpayload: { value: nextValue, event },\n\t\t\t} as actions.InputAction );\n\t\t};\n\n\tconst createKeyEvent =\n\t\t( type: actions.KeyEventAction[ 'type' ] ) =>\n\t\t( event: actions.KeyEventAction[ 'payload' ][ 'event' ] ) => {\n\t\t\tdispatch( { type, payload: { event } } );\n\t\t};\n\n\tconst createDragEvent =\n\t\t( type: actions.DragEventAction[ 'type' ] ) =>\n\t\t( payload: actions.DragEventAction[ 'payload' ] ) => {\n\t\t\tdispatch( { type, payload } );\n\t\t};\n\n\t/**\n\t * Actions for the reducer\n\t */\n\tconst change = createChangeEvent( actions.CHANGE );\n\tconst invalidate = ( error: unknown, event: SyntheticEvent ) =>\n\t\tdispatch( { type: actions.INVALIDATE, payload: { error, event } } );\n\tconst reset = createChangeEvent( actions.RESET );\n\tconst commit = createChangeEvent( actions.COMMIT );\n\n\tconst dragStart = createDragEvent( actions.DRAG_START );\n\tconst drag = createDragEvent( actions.DRAG );\n\tconst dragEnd = createDragEvent( actions.DRAG_END );\n\n\tconst pressUp = createKeyEvent( actions.PRESS_UP );\n\tconst pressDown = createKeyEvent( actions.PRESS_DOWN );\n\tconst pressEnter = createKeyEvent( actions.PRESS_ENTER );\n\n\tconst currentState = useRef( state );\n\tconst refProps = useRef( { value: initialState.value, onChangeHandler } );\n\n\t// Freshens refs to props and state so that subsequent effects have access\n\t// to their latest values without their changes causing effect runs.\n\tuseLayoutEffect( () => {\n\t\tcurrentState.current = state;\n\t\trefProps.current = { value: initialState.value, onChangeHandler };\n\t} );\n\n\t// Propagates the latest state through onChange.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\tcurrentState.current._event !== undefined &&\n\t\t\tstate.value !== refProps.current.value &&\n\t\t\t! state.isDirty\n\t\t) {\n\t\t\trefProps.current.onChangeHandler( state.value ?? '', {\n\t\t\t\tevent: currentState.current._event as\n\t\t\t\t\t| ChangeEvent< HTMLInputElement >\n\t\t\t\t\t| PointerEvent< HTMLInputElement >,\n\t\t\t} );\n\t\t}\n\t}, [ state.value, state.isDirty ] );\n\n\t// Updates the state from props.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\tinitialState.value !== currentState.current.value &&\n\t\t\t! currentState.current.isDirty\n\t\t) {\n\t\t\tdispatch( {\n\t\t\t\ttype: actions.CONTROL,\n\t\t\t\tpayload: { value: initialState.value ?? '' },\n\t\t\t} );\n\t\t}\n\t}, [ initialState.value ] );\n\n\treturn {\n\t\tchange,\n\t\tcommit,\n\t\tdispatch,\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\tstate,\n\t} as const;\n}\n"],"mappings":"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"}
+{"version":3,"names":["useReducer","useLayoutEffect","useRef","initialInputControlState","initialStateReducer","actions","mergeInitialState","initialState","value","initialValue","inputControlStateReducer","composedStateReducers","state","action","nextState","type","CONTROL","payload","isDirty","_event","undefined","PRESS_UP","PRESS_DOWN","DRAG_START","isDragging","DRAG_END","CHANGE","error","isPressEnterToChange","COMMIT","RESET","INVALIDATE","event","useInputControlStateReducer","stateReducer","onChangeHandler","dispatch","createChangeEvent","nextValue","createKeyEvent","createDragEvent","change","invalidate","reset","commit","dragStart","drag","DRAG","dragEnd","pressUp","pressDown","pressEnter","PRESS_ENTER","currentState","refProps","current","_state$value","_initialState$value"],"sources":["@wordpress/components/src/input-control/reducer/reducer.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { SyntheticEvent, ChangeEvent, PointerEvent } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useReducer, useLayoutEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { InputState, StateReducer } from './state';\nimport { initialInputControlState, initialStateReducer } from './state';\nimport * as actions from './actions';\nimport type { InputChangeCallback } from '../types';\n\n/**\n * Prepares initialState for the reducer.\n *\n * @param initialState The initial state.\n * @return Prepared initialState for the reducer\n */\nfunction mergeInitialState(\n\tinitialState: Partial< InputState > = initialInputControlState\n): InputState {\n\tconst { value } = initialState;\n\n\treturn {\n\t\t...initialInputControlState,\n\t\t...initialState,\n\t\tinitialValue: value,\n\t} as InputState;\n}\n\n/**\n * Creates the base reducer which may be coupled to a specializing reducer.\n * As its final step, for all actions other than CONTROL, the base reducer\n * passes the state and action on through the specializing reducer. The\n * exception for CONTROL actions is because they represent controlled updates\n * from props and no case has yet presented for their specialization.\n *\n * @param composedStateReducers A reducer to specialize state changes.\n * @return The reducer.\n */\nfunction inputControlStateReducer(\n\tcomposedStateReducers: StateReducer\n): StateReducer< actions.ControlAction > {\n\treturn ( state, action ) => {\n\t\tconst nextState = { ...state };\n\n\t\tswitch ( action.type ) {\n\t\t\t/*\n\t\t\t * Controlled updates\n\t\t\t */\n\t\t\tcase actions.CONTROL:\n\t\t\t\tnextState.value = action.payload.value;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tnextState._event = undefined;\n\t\t\t\t// Returns immediately to avoid invoking additional reducers.\n\t\t\t\treturn nextState;\n\n\t\t\t/**\n\t\t\t * Keyboard events\n\t\t\t */\n\t\t\tcase actions.PRESS_UP:\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.PRESS_DOWN:\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Drag events\n\t\t\t */\n\t\t\tcase actions.DRAG_START:\n\t\t\t\tnextState.isDragging = true;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.DRAG_END:\n\t\t\t\tnextState.isDragging = false;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Input events\n\t\t\t */\n\t\t\tcase actions.CHANGE:\n\t\t\t\tnextState.error = null;\n\t\t\t\tnextState.value = action.payload.value;\n\n\t\t\t\tif ( state.isPressEnterToChange ) {\n\t\t\t\t\tnextState.isDirty = true;\n\t\t\t\t}\n\n\t\t\t\tbreak;\n\n\t\t\tcase actions.COMMIT:\n\t\t\t\tnextState.value = action.payload.value;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tbreak;\n\n\t\t\tcase actions.RESET:\n\t\t\t\tnextState.error = null;\n\t\t\t\tnextState.isDirty = false;\n\t\t\t\tnextState.value = action.payload.value || state.initialValue;\n\t\t\t\tbreak;\n\n\t\t\t/**\n\t\t\t * Validation\n\t\t\t */\n\t\t\tcase actions.INVALIDATE:\n\t\t\t\tnextState.error = action.payload.error;\n\t\t\t\tbreak;\n\t\t}\n\n\t\tnextState._event = action.payload.event;\n\n\t\t/**\n\t\t * Send the nextState + action to the composedReducers via\n\t\t * this \"bridge\" mechanism. This allows external stateReducers\n\t\t * to hook into actions, and modify state if needed.\n\t\t */\n\t\treturn composedStateReducers( nextState, action );\n\t};\n}\n\n/**\n * A custom hook that connects and external stateReducer with an internal\n * reducer. This hook manages the internal state of InputControl.\n * However, by connecting an external stateReducer function, other\n * components can react to actions as well as modify state before it is\n * applied.\n *\n * This technique uses the \"stateReducer\" design pattern:\n * https://kentcdodds.com/blog/the-state-reducer-pattern/\n *\n * @param stateReducer    An external state reducer.\n * @param initialState    The initial state for the reducer.\n * @param onChangeHandler A handler for the onChange event.\n * @return State, dispatch, and a collection of actions.\n */\nexport function useInputControlStateReducer(\n\tstateReducer: StateReducer = initialStateReducer,\n\tinitialState: Partial< InputState > = initialInputControlState,\n\tonChangeHandler: InputChangeCallback\n) {\n\tconst [ state, dispatch ] = useReducer(\n\t\tinputControlStateReducer( stateReducer ),\n\t\tmergeInitialState( initialState )\n\t);\n\n\tconst createChangeEvent =\n\t\t( type: actions.ChangeEventAction[ 'type' ] ) =>\n\t\t(\n\t\t\tnextValue: actions.ChangeEventAction[ 'payload' ][ 'value' ],\n\t\t\tevent: actions.ChangeEventAction[ 'payload' ][ 'event' ]\n\t\t) => {\n\t\t\tdispatch( {\n\t\t\t\ttype,\n\t\t\t\tpayload: { value: nextValue, event },\n\t\t\t} as actions.InputAction );\n\t\t};\n\n\tconst createKeyEvent =\n\t\t( type: actions.KeyEventAction[ 'type' ] ) =>\n\t\t( event: actions.KeyEventAction[ 'payload' ][ 'event' ] ) => {\n\t\t\tdispatch( { type, payload: { event } } );\n\t\t};\n\n\tconst createDragEvent =\n\t\t( type: actions.DragEventAction[ 'type' ] ) =>\n\t\t( payload: actions.DragEventAction[ 'payload' ] ) => {\n\t\t\tdispatch( { type, payload } );\n\t\t};\n\n\t/**\n\t * Actions for the reducer\n\t */\n\tconst change = createChangeEvent( actions.CHANGE );\n\tconst invalidate = ( error: unknown, event: SyntheticEvent ) =>\n\t\tdispatch( { type: actions.INVALIDATE, payload: { error, event } } );\n\tconst reset = createChangeEvent( actions.RESET );\n\tconst commit = createChangeEvent( actions.COMMIT );\n\n\tconst dragStart = createDragEvent( actions.DRAG_START );\n\tconst drag = createDragEvent( actions.DRAG );\n\tconst dragEnd = createDragEvent( actions.DRAG_END );\n\n\tconst pressUp = createKeyEvent( actions.PRESS_UP );\n\tconst pressDown = createKeyEvent( actions.PRESS_DOWN );\n\tconst pressEnter = createKeyEvent( actions.PRESS_ENTER );\n\n\tconst currentState = useRef( state );\n\tconst refProps = useRef( { value: initialState.value, onChangeHandler } );\n\n\t// Freshens refs to props and state so that subsequent effects have access\n\t// to their latest values without their changes causing effect runs.\n\tuseLayoutEffect( () => {\n\t\tcurrentState.current = state;\n\t\trefProps.current = { value: initialState.value, onChangeHandler };\n\t} );\n\n\t// Propagates the latest state through onChange.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\tcurrentState.current._event !== undefined &&\n\t\t\tstate.value !== refProps.current.value &&\n\t\t\t! state.isDirty\n\t\t) {\n\t\t\trefProps.current.onChangeHandler( state.value ?? '', {\n\t\t\t\tevent: currentState.current._event as\n\t\t\t\t\t| ChangeEvent< HTMLInputElement >\n\t\t\t\t\t| PointerEvent< HTMLInputElement >,\n\t\t\t} );\n\t\t}\n\t}, [ state.value, state.isDirty ] );\n\n\t// Updates the state from props.\n\tuseLayoutEffect( () => {\n\t\tif (\n\t\t\tinitialState.value !== currentState.current.value &&\n\t\t\t! currentState.current.isDirty\n\t\t) {\n\t\t\tdispatch( {\n\t\t\t\ttype: actions.CONTROL,\n\t\t\t\tpayload: { value: initialState.value ?? '' },\n\t\t\t} );\n\t\t}\n\t}, [ initialState.value ] );\n\n\treturn {\n\t\tchange,\n\t\tcommit,\n\t\tdispatch,\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\tstate,\n\t} as const;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/input-control/reducer/state.js.map

@@ -1 +1 @@
-{"version":3,"names":["initialStateReducer","state","initialInputControlState","error","initialValue","isDirty","isDragEnabled","isDragging","isPressEnterToChange","value"],"sources":["@wordpress/components/src/input-control/reducer/state.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { Reducer, SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Action, InputAction } from './actions';\n\nexport interface InputState {\n\t_event?: SyntheticEvent;\n\terror: unknown;\n\tinitialValue?: string;\n\tisDirty: boolean;\n\tisDragEnabled: boolean;\n\tisDragging: boolean;\n\tisPressEnterToChange: boolean;\n\tvalue?: string;\n}\n\nexport type StateReducer< SpecializedAction = {} > = Reducer<\n\tInputState,\n\tSpecializedAction extends Action\n\t\t? InputAction | SpecializedAction\n\t\t: InputAction\n>;\n\nexport const initialStateReducer: StateReducer = ( state: InputState ) => state;\n\nexport const initialInputControlState: InputState = {\n\terror: null,\n\tinitialValue: '',\n\tisDirty: false,\n\tisDragEnabled: false,\n\tisDragging: false,\n\tisPressEnterToChange: false,\n\tvalue: '',\n};\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAqBA,OAAO,MAAMA,mBAAiC,GAAKC,KAAiB,IAAMA,KAAK;AAE/E,OAAO,MAAMC,wBAAoC,GAAG;EACnDC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE,EAAE;EAChBC,OAAO,EAAE,KAAK;EACdC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACR,CAAC"}
+{"version":3,"names":["initialStateReducer","state","initialInputControlState","error","initialValue","isDirty","isDragEnabled","isDragging","isPressEnterToChange","value"],"sources":["@wordpress/components/src/input-control/reducer/state.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { Reducer, SyntheticEvent } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Action, InputAction } from './actions';\n\nexport interface InputState {\n\t_event?: SyntheticEvent;\n\terror: unknown;\n\tinitialValue?: string;\n\tisDirty: boolean;\n\tisDragEnabled: boolean;\n\tisDragging: boolean;\n\tisPressEnterToChange: boolean;\n\tvalue?: string;\n}\n\nexport type StateReducer< SpecializedAction = {} > = Reducer<\n\tInputState,\n\tSpecializedAction extends Action\n\t\t? InputAction | SpecializedAction\n\t\t: InputAction\n>;\n\nexport const initialStateReducer: StateReducer = ( state: InputState ) => state;\n\nexport const initialInputControlState: InputState = {\n\terror: null,\n\tinitialValue: '',\n\tisDirty: false,\n\tisDragEnabled: false,\n\tisDragging: false,\n\tisPressEnterToChange: false,\n\tvalue: '',\n};\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAqBA,OAAO,MAAMA,mBAAiC,GAAKC,KAAiB,IAAMA,KAAK;AAE/E,OAAO,MAAMC,wBAAoC,GAAG;EACnDC,KAAK,EAAE,IAAI;EACXC,YAAY,EAAE,EAAE;EAChBC,OAAO,EAAE,KAAK;EACdC,aAAa,EAAE,KAAK;EACpBC,UAAU,EAAE,KAAK;EACjBC,oBAAoB,EAAE,KAAK;EAC3BC,KAAK,EAAE;AACR,CAAC","ignoreList":[]}