@wordpress/components 25.8.2 → 25.9.0

package/build/palette-edit/index.js

@@ -7,9 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.PaletteEdit = PaletteEdit;
 exports.default = void 0;
 exports.getNameForPosition = getNameForPosition;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _changeCase = require("change-case");
+var _element = require("@wordpress/element");
 var _i18n = require("@wordpress/i18n");
 var _icons = require("@wordpress/icons");
 var _compose = require("@wordpress/compose");
@@ -45,7 +46,7 @@ function NameInput({
   onChange,
   label
 }) {
-  return (0, _element.createElement)(_styles.NameInputControl, {
+  return (0, _react.createElement)(_styles.NameInputControl, {
     label: label,
     hideLabelFromVision: true,
     value: value,
@@ -95,10 +96,10 @@ function ColorPickerPopover({
     ...receivedPopoverProps,
     className: (0, _classnames.default)('components-palette-edit__popover', receivedPopoverProps?.className)
   }), [receivedPopoverProps]);
-  return (0, _element.createElement)(_popover.default, {
+  return (0, _react.createElement)(_popover.default, {
     ...popoverProps,
     onClose: onClose
-  }, !isGradient && (0, _element.createElement)(_colorPicker.ColorPicker, {
+  }, !isGradient && (0, _react.createElement)(_colorPicker.ColorPicker, {
     color: element.color,
     enableAlpha: true,
     onChange: newColor => {
@@ -107,9 +108,9 @@ function ColorPickerPopover({
         color: newColor
       });
     }
-  }), isGradient && (0, _element.createElement)("div", {
+  }), isGradient && (0, _react.createElement)("div", {
     className: "components-palette-edit__popover-gradient-picker"
-  }, (0, _element.createElement)(_customGradientPicker.default, {
+  }, (0, _react.createElement)(_customGradientPicker.default, {
     __nextHasNoMargin: true,
     __experimentalIsRenderedInSidebar: true,
     value: element.gradient,
@@ -144,7 +145,7 @@ function Option({
     // Use the custom palette color item as the popover anchor.
     anchor: popoverAnchor
   }), [popoverAnchor, receivedPopoverProps]);
-  return (0, _element.createElement)(_styles.PaletteItem, {
+  return (0, _react.createElement)(_styles.PaletteItem, {
     className: isEditing ? 'is-selected' : undefined,
     as: "div",
     onClick: onStartEditing,
@@ -156,14 +157,14 @@ function Option({
         cursor: 'pointer'
       }
     })
-  }, (0, _element.createElement)(_hStack.HStack, {
+  }, (0, _react.createElement)(_hStack.HStack, {
     justify: "flex-start"
-  }, (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_styles.IndicatorStyled, {
+  }, (0, _react.createElement)(_flex.FlexItem, null, (0, _react.createElement)(_styles.IndicatorStyled, {
     style: {
       background: value,
       color: 'transparent'
     }
-  })), (0, _element.createElement)(_flex.FlexItem, null, isEditing && !canOnlyChangeValues ? (0, _element.createElement)(NameInput, {
+  })), (0, _react.createElement)(_flex.FlexItem, null, isEditing && !canOnlyChangeValues ? (0, _react.createElement)(NameInput, {
     label: isGradient ? (0, _i18n.__)('Gradient name') : (0, _i18n.__)('Color name'),
     value: element.name,
     onChange: nextName => onChange({
@@ -171,12 +172,12 @@ function Option({
       name: nextName,
       slug: slugPrefix + (0, _changeCase.paramCase)(nextName !== null && nextName !== void 0 ? nextName : '')
     })
-  }) : (0, _element.createElement)(_styles.NameContainer, null, element.name)), isEditing && !canOnlyChangeValues && (0, _element.createElement)(_flex.FlexItem, null, (0, _element.createElement)(_styles.RemoveButton, {
+  }) : (0, _react.createElement)(_styles.NameContainer, null, element.name)), isEditing && !canOnlyChangeValues && (0, _react.createElement)(_flex.FlexItem, null, (0, _react.createElement)(_styles.RemoveButton, {
     isSmall: true,
     icon: _icons.lineSolid,
     label: (0, _i18n.__)('Remove color'),
     onClick: onRemove
-  }))), isEditing && (0, _element.createElement)(ColorPickerPopover, {
+  }))), isEditing && (0, _react.createElement)(ColorPickerPopover, {
     isGradient: isGradient,
     onChange: onChange,
     element: element,
@@ -218,11 +219,11 @@ function PaletteEditListView({
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
   const debounceOnChange = (0, _compose.useDebounce)(onChange, 100);
-  return (0, _element.createElement)(_vStack.VStack, {
+  return (0, _react.createElement)(_vStack.VStack, {
     spacing: 3
-  }, (0, _element.createElement)(_itemGroup.ItemGroup, {
+  }, (0, _react.createElement)(_itemGroup.ItemGroup, {
     isRounded: true
-  }, elements.map((element, index) => (0, _element.createElement)(Option, {
+  }, elements.map((element, index) => (0, _react.createElement)(Option, {
     isGradient: isGradient,
     canOnlyChangeValues: canOnlyChangeValues,
     key: index,
@@ -312,15 +313,15 @@ function PaletteEdit({
       setIsEditing(true);
     }
   }, [isGradient, elements]);
-  return (0, _element.createElement)(_styles.PaletteEditStyles, null, (0, _element.createElement)(_styles.PaletteHStackHeader, null, (0, _element.createElement)(_styles.PaletteHeading, {
+  return (0, _react.createElement)(_styles.PaletteEditStyles, null, (0, _react.createElement)(_styles.PaletteHStackHeader, null, (0, _react.createElement)(_styles.PaletteHeading, {
     level: paletteLabelHeadingLevel
-  }, paletteLabel), (0, _element.createElement)(_styles.PaletteActionsContainer, null, hasElements && isEditing && (0, _element.createElement)(_styles.DoneButton, {
+  }, paletteLabel), (0, _react.createElement)(_styles.PaletteActionsContainer, null, hasElements && isEditing && (0, _react.createElement)(_styles.DoneButton, {
     isSmall: true,
     onClick: () => {
       setIsEditing(false);
       setEditingElement(null);
     }
-  }, (0, _i18n.__)('Done')), !canOnlyChangeValues && (0, _element.createElement)(_button.default, {
+  }, (0, _i18n.__)('Done')), !canOnlyChangeValues && (0, _react.createElement)(_button.default, {
     isSmall: true,
     isPressed: isAdding,
     icon: _icons.plus,
@@ -343,7 +344,7 @@ function PaletteEdit({
       setIsEditing(true);
       setEditingElement(elements.length);
     }
-  }), hasElements && (!isEditing || !canOnlyChangeValues || canReset) && (0, _element.createElement)(_dropdownMenu.default, {
+  }), hasElements && (!isEditing || !canOnlyChangeValues || canReset) && (0, _react.createElement)(_dropdownMenu.default, {
     icon: _icons.moreVertical,
     label: isGradient ? (0, _i18n.__)('Gradient options') : (0, _i18n.__)('Color options'),
     toggleProps: {
@@ -351,16 +352,16 @@ function PaletteEdit({
     }
   }, ({
     onClose
-  }) => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_navigableContainer.NavigableMenu, {
+  }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_navigableContainer.NavigableMenu, {
     role: "menu"
-  }, !isEditing && (0, _element.createElement)(_button.default, {
+  }, !isEditing && (0, _react.createElement)(_button.default, {
     variant: "tertiary",
     onClick: () => {
       setIsEditing(true);
       onClose();
     },
     className: "components-palette-edit__menu-button"
-  }, (0, _i18n.__)('Show details')), !canOnlyChangeValues && (0, _element.createElement)(_button.default, {
+  }, (0, _i18n.__)('Show details')), !canOnlyChangeValues && (0, _react.createElement)(_button.default, {
     variant: "tertiary",
     onClick: () => {
       setEditingElement(null);
@@ -369,14 +370,14 @@ function PaletteEdit({
       onClose();
     },
     className: "components-palette-edit__menu-button"
-  }, isGradient ? (0, _i18n.__)('Remove all gradients') : (0, _i18n.__)('Remove all colors')), canReset && (0, _element.createElement)(_button.default, {
+  }, isGradient ? (0, _i18n.__)('Remove all gradients') : (0, _i18n.__)('Remove all colors')), canReset && (0, _react.createElement)(_button.default, {
     variant: "tertiary",
     onClick: () => {
       setEditingElement(null);
       onChange();
       onClose();
     }
-  }, isGradient ? (0, _i18n.__)('Reset gradient') : (0, _i18n.__)('Reset colors'))))))), hasElements && (0, _element.createElement)(_element.Fragment, null, isEditing && (0, _element.createElement)(PaletteEditListView, {
+  }, isGradient ? (0, _i18n.__)('Reset gradient') : (0, _i18n.__)('Reset colors'))))))), hasElements && (0, _react.createElement)(_react.Fragment, null, isEditing && (0, _react.createElement)(PaletteEditListView, {
     canOnlyChangeValues: canOnlyChangeValues,
     elements: elements
     // @ts-expect-error TODO: Don't know how to resolve
@@ -387,7 +388,7 @@ function PaletteEdit({
     slugPrefix: slugPrefix,
     isGradient: isGradient,
     popoverProps: popoverProps
-  }), !isEditing && editingElement !== null && (0, _element.createElement)(ColorPickerPopover, {
+  }), !isEditing && editingElement !== null && (0, _react.createElement)(ColorPickerPopover, {
     isGradient: isGradient,
     onClose: () => setEditingElement(null),
     onChange: newElement => {
@@ -402,13 +403,13 @@ function PaletteEdit({
     },
     element: elements[editingElement !== null && editingElement !== void 0 ? editingElement : -1],
     popoverProps: popoverProps
-  }), !isEditing && (isGradient ? (0, _element.createElement)(_gradientPicker.default, {
+  }), !isEditing && (isGradient ? (0, _react.createElement)(_gradientPicker.default, {
     __nextHasNoMargin: true,
     gradients: gradients,
     onChange: onSelectPaletteItem,
     clearable: false,
     disableCustomGradients: true
-  }) : (0, _element.createElement)(_colorPalette.default, {
+  }) : (0, _react.createElement)(_colorPalette.default, {
     colors: colors,
     onChange: onSelectPaletteItem,
     clearable: false,

package/build/palette-edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_changeCase","_i18n","_icons","_compose","_button","_colorPicker","_flex","_hStack","_itemGroup","_vStack","_gradientPicker","_colorPalette","_dropdownMenu","_popover","_styles","_navigableContainer","_constants","_customGradientPicker","DEFAULT_COLOR","NameInput","value","onChange","label","createElement","NameInputControl","hideLabelFromVision","getNameForPosition","elements","slugPrefix","temporaryNameRegex","RegExp","position","reduce","previousValue","currentValue","slug","matches","match","id","parseInt","sprintf","__","ColorPickerPopover","isGradient","element","popoverProps","receivedPopoverProps","onClose","useMemo","shift","offset","placement","className","classnames","default","ColorPicker","color","enableAlpha","newColor","__nextHasNoMargin","__experimentalIsRenderedInSidebar","gradient","newGradient","Option","canOnlyChangeValues","isEditing","onStartEditing","onRemove","onStopEditing","focusOutsideProps","useFocusOutside","popoverAnchor","setPopoverAnchor","useState","anchor","PaletteItem","undefined","as","onClick","ref","style","cursor","HStack","justify","FlexItem","IndicatorStyled","background","name","nextName","kebabCase","NameContainer","RemoveButton","isSmall","icon","lineSolid","isTemporaryElement","regex","test","DEFAULT_GRADIENT","PaletteEditListView","editingElement","setEditingElement","elementsReference","useRef","useEffect","current","some","newElements","filter","length","debounceOnChange","useDebounce","VStack","spacing","ItemGroup","isRounded","map","index","key","newElement","currentElement","currentIndex","_currentElement","EMPTY_ARRAY","PaletteEdit","gradients","colors","paletteLabel","paletteLabelHeadingLevel","emptyMessage","canReset","setIsEditing","isAdding","elementsLength","hasElements","onSelectPaletteItem","useCallback","newEditingElementIndex","selectedElement","PaletteEditStyles","PaletteHStackHeader","PaletteHeading","level","PaletteActionsContainer","DoneButton","isPressed","plus","tempOptionName","moreVertical","toggleProps","Fragment","NavigableMenu","role","variant","clearable","disableCustomGradients","disableCustomColors","_default","exports"],"sources":["@wordpress/components/src/palette-edit/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { lineSolid, moreVertical, plus } from '@wordpress/icons';\nimport {\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseDebounce,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { ColorPicker } from '../color-picker';\nimport { FlexItem } from '../flex';\nimport { HStack } from '../h-stack';\nimport { ItemGroup } from '../item-group';\nimport { VStack } from '../v-stack';\nimport GradientPicker from '../gradient-picker';\nimport ColorPalette from '../color-palette';\nimport DropdownMenu from '../dropdown-menu';\nimport Popover from '../popover';\nimport {\n\tPaletteActionsContainer,\n\tPaletteEditStyles,\n\tPaletteHeading,\n\tPaletteHStackHeader,\n\tIndicatorStyled,\n\tPaletteItem,\n\tNameContainer,\n\tNameInputControl,\n\tDoneButton,\n\tRemoveButton,\n} from './styles';\nimport { NavigableMenu } from '../navigable-container';\nimport { DEFAULT_GRADIENT } from '../custom-gradient-picker/constants';\nimport CustomGradientPicker from '../custom-gradient-picker';\nimport type {\n\tColor,\n\tColorPickerPopoverProps,\n\tGradient,\n\tNameInputProps,\n\tOptionProps,\n\tPaletteEditListViewProps,\n\tPaletteEditProps,\n\tPaletteElement,\n} from './types';\n\nconst DEFAULT_COLOR = '#000';\n\nfunction NameInput( { value, onChange, label }: NameInputProps ) {\n\treturn (\n\t\t<NameInputControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\n/**\n * Returns a temporary name for a palette item in the format \"Color + id\".\n * To ensure there are no duplicate ids, this function checks all slugs for temporary names.\n * It expects slugs to be in the format: slugPrefix + color- + number.\n * It then sets the id component of the new name based on the incremented id of the highest existing slug id.\n *\n * @param elements   An array of color palette items.\n * @param slugPrefix The slug prefix used to match the element slug.\n *\n * @return A unique name for a palette item.\n */\nexport function getNameForPosition(\n\telements: PaletteElement[],\n\tslugPrefix: string\n) {\n\tconst temporaryNameRegex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\tconst position = elements.reduce( ( previousValue, currentValue ) => {\n\t\tif ( typeof currentValue?.slug === 'string' ) {\n\t\t\tconst matches = currentValue?.slug.match( temporaryNameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id >= previousValue ) {\n\t\t\t\t\treturn id + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn previousValue;\n\t}, 1 );\n\n\treturn sprintf(\n\t\t/* translators: %s: is a temporary id for a custom color */\n\t\t__( 'Color %s' ),\n\t\tposition\n\t);\n}\n\nfunction ColorPickerPopover< T extends Color | Gradient >( {\n\tisGradient,\n\telement,\n\tonChange,\n\tpopoverProps: receivedPopoverProps,\n\tonClose = () => {},\n}: ColorPickerPopoverProps< T > ) {\n\tconst popoverProps: ColorPickerPopoverProps< T >[ 'popoverProps' ] =\n\t\tuseMemo(\n\t\t\t() => ( {\n\t\t\t\tshift: true,\n\t\t\t\toffset: 20,\n\t\t\t\tplacement: 'left-start',\n\t\t\t\t...receivedPopoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'components-palette-edit__popover',\n\t\t\t\t\treceivedPopoverProps?.className\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[ receivedPopoverProps ]\n\t\t);\n\n\treturn (\n\t\t<Popover { ...popoverProps } onClose={ onClose }>\n\t\t\t{ ! isGradient && (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ element.color }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\tcolor: newColor,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isGradient && (\n\t\t\t\t<div className=\"components-palette-edit__popover-gradient-picker\">\n\t\t\t\t\t<CustomGradientPicker\n\t\t\t\t\t\t__nextHasNoMargin\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tvalue={ element.gradient }\n\t\t\t\t\t\tonChange={ ( newGradient ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\tgradient: newGradient,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nfunction Option< T extends Color | Gradient >( {\n\tcanOnlyChangeValues,\n\telement,\n\tonChange,\n\tisEditing,\n\tonStartEditing,\n\tonRemove,\n\tonStopEditing,\n\tpopoverProps: receivedPopoverProps,\n\tslugPrefix,\n\tisGradient,\n}: OptionProps< T > ) {\n\tconst focusOutsideProps = useFocusOutside( onStopEditing );\n\tconst value = isGradient ? element.gradient : element.color;\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t...receivedPopoverProps,\n\t\t\t// Use the custom palette color item as the popover anchor.\n\t\t\tanchor: popoverAnchor,\n\t\t} ),\n\t\t[ popoverAnchor, receivedPopoverProps ]\n\t);\n\n\treturn (\n\t\t<PaletteItem\n\t\t\tclassName={ isEditing ? 'is-selected' : undefined }\n\t\t\tas=\"div\"\n\t\t\tonClick={ onStartEditing }\n\t\t\tref={ setPopoverAnchor }\n\t\t\t{ ...( isEditing\n\t\t\t\t? { ...focusOutsideProps }\n\t\t\t\t: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t},\n\t\t\t\t  } ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<IndicatorStyled\n\t\t\t\t\t\tstyle={ { background: value, color: 'transparent' } }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ isEditing && ! canOnlyChangeValues ? (\n\t\t\t\t\t\t<NameInput\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Gradient name' )\n\t\t\t\t\t\t\t\t\t: __( 'Color name' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ element.name }\n\t\t\t\t\t\t\tonChange={ ( nextName?: string ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tname: nextName,\n\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\tkebabCase( nextName ?? '' ),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<NameContainer>{ element.name }</NameContainer>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ isEditing && ! canOnlyChangeValues && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<RemoveButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\tlabel={ __( 'Remove color' ) }\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ isEditing && (\n\t\t\t\t<ColorPickerPopover\n\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\telement={ element }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PaletteItem>\n\t);\n}\n\nfunction isTemporaryElement(\n\tslugPrefix: string,\n\t{ slug, color, gradient }: Color | Gradient\n) {\n\tconst regex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\treturn (\n\t\tregex.test( slug ) &&\n\t\t( ( !! color && color === DEFAULT_COLOR ) ||\n\t\t\t( !! gradient && gradient === DEFAULT_GRADIENT ) )\n\t);\n}\n\nfunction PaletteEditListView< T extends Color | Gradient >( {\n\telements,\n\tonChange,\n\teditingElement,\n\tsetEditingElement,\n\tcanOnlyChangeValues,\n\tslugPrefix,\n\tisGradient,\n\tpopoverProps,\n}: PaletteEditListViewProps< T > ) {\n\t// When unmounting the component if there are empty elements (the user did not complete the insertion) clean them.\n\tconst elementsReference = useRef< typeof elements >();\n\tuseEffect( () => {\n\t\telementsReference.current = elements;\n\t}, [ elements ] );\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif (\n\t\t\t\telementsReference.current?.some( ( element ) =>\n\t\t\t\t\tisTemporaryElement( slugPrefix, element )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tconst newElements = elementsReference.current.filter(\n\t\t\t\t\t( element ) => ! isTemporaryElement( slugPrefix, element )\n\t\t\t\t);\n\t\t\t\tonChange( newElements.length ? newElements : undefined );\n\t\t\t}\n\t\t};\n\t\t// Disable reason: adding the missing dependency here would cause breaking changes that will require\n\t\t// a heavier refactor to avoid. See https://github.com/WordPress/gutenberg/pull/43911\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<ItemGroup isRounded>\n\t\t\t\t{ elements.map( ( element, index ) => (\n\t\t\t\t\t<Option\n\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\telement={ element }\n\t\t\t\t\t\tonStartEditing={ () => {\n\t\t\t\t\t\t\tif ( editingElement !== index ) {\n\t\t\t\t\t\t\t\tsetEditingElement( index );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newElement ) => {\n\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t( currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\tconst newElements = elements.filter(\n\t\t\t\t\t\t\t\t( _currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tnewElements.length ? newElements : undefined\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisEditing={ index === editingElement }\n\t\t\t\t\t\tonStopEditing={ () => {\n\t\t\t\t\t\t\tif ( index === editingElement ) {\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nconst EMPTY_ARRAY: Color[] = [];\n\n/**\n * Allows editing a palette of colors or gradients.\n *\n * ```jsx\n * import { PaletteEdit } from '@wordpress/components';\n * const MyPaletteEdit = () => {\n *   const [ controlledColors, setControlledColors ] = useState( colors );\n *\n *   return (\n *     <PaletteEdit\n *       colors={ controlledColors }\n *       onChange={ ( newColors?: Color[] ) => {\n *         setControlledColors( newColors );\n *       } }\n *       paletteLabel=\"Here is a label\"\n *     />\n *   );\n * };\n * ```\n */\nexport function PaletteEdit( {\n\tgradients,\n\tcolors = EMPTY_ARRAY,\n\tonChange,\n\tpaletteLabel,\n\tpaletteLabelHeadingLevel = 2,\n\temptyMessage,\n\tcanOnlyChangeValues,\n\tcanReset,\n\tslugPrefix = '',\n\tpopoverProps,\n}: PaletteEditProps ) {\n\tconst isGradient = !! gradients;\n\tconst elements = isGradient ? gradients : colors;\n\tconst [ isEditing, setIsEditing ] = useState( false );\n\tconst [ editingElement, setEditingElement ] = useState<\n\t\tnumber | null | undefined\n\t>( null );\n\tconst isAdding =\n\t\tisEditing &&\n\t\t!! editingElement &&\n\t\telements[ editingElement ] &&\n\t\t! elements[ editingElement ].slug;\n\tconst elementsLength = elements.length;\n\tconst hasElements = elementsLength > 0;\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\tconst onSelectPaletteItem = useCallback(\n\t\t(\n\t\t\tvalue?: PaletteElement[ keyof PaletteElement ],\n\t\t\tnewEditingElementIndex?: number\n\t\t) => {\n\t\t\tconst selectedElement =\n\t\t\t\tnewEditingElementIndex === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: elements[ newEditingElementIndex ];\n\t\t\tconst key = isGradient ? 'gradient' : 'color';\n\t\t\t// Ensures that the index returned matches a known element value.\n\t\t\tif ( !! selectedElement && selectedElement[ key ] === value ) {\n\t\t\t\tsetEditingElement( newEditingElementIndex );\n\t\t\t} else {\n\t\t\t\tsetIsEditing( true );\n\t\t\t}\n\t\t},\n\t\t[ isGradient, elements ]\n\t);\n\n\treturn (\n\t\t<PaletteEditStyles>\n\t\t\t<PaletteHStackHeader>\n\t\t\t\t<PaletteHeading level={ paletteLabelHeadingLevel }>\n\t\t\t\t\t{ paletteLabel }\n\t\t\t\t</PaletteHeading>\n\t\t\t\t<PaletteActionsContainer>\n\t\t\t\t\t{ hasElements && isEditing && (\n\t\t\t\t\t\t<DoneButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</DoneButton>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tisPressed={ isAdding }\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Add gradient' )\n\t\t\t\t\t\t\t\t\t: __( 'Add color' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst tempOptionName = getNameForPosition(\n\t\t\t\t\t\t\t\t\telements,\n\t\t\t\t\t\t\t\t\tslugPrefix\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif ( !! gradients ) {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...gradients,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tgradient: DEFAULT_GRADIENT,\n\t\t\t\t\t\t\t\t\t\t\tname: tempOptionName,\n\t\t\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\t\t\tkebabCase( tempOptionName ),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...colors,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tcolor: DEFAULT_COLOR,\n\t\t\t\t\t\t\t\t\t\t\tname: tempOptionName,\n\t\t\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\t\t\tkebabCase( tempOptionName ),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\tsetEditingElement( elements.length );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ hasElements &&\n\t\t\t\t\t\t( ! isEditing ||\n\t\t\t\t\t\t\t! canOnlyChangeValues ||\n\t\t\t\t\t\t\tcanReset ) && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t\t? __( 'Gradient options' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Color options' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose }: { onClose: () => void } ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<NavigableMenu role=\"menu\">\n\t\t\t\t\t\t\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Show details' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all gradients'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all colors'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ canReset && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Reset gradient' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Reset colors' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) }\n\t\t\t\t</PaletteActionsContainer>\n\t\t\t</PaletteHStackHeader>\n\t\t\t{ hasElements && (\n\t\t\t\t<>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<PaletteEditListView< ( typeof elements )[ number ] >\n\t\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\t\telements={ elements }\n\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\teditingElement={ editingElement }\n\t\t\t\t\t\t\tsetEditingElement={ setEditingElement }\n\t\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing && editingElement !== null && (\n\t\t\t\t\t\t<ColorPickerPopover\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tonClose={ () => setEditingElement( null ) }\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\tnewElement: ( typeof elements )[ number ]\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\tcurrentElement: ( typeof elements )[ number ],\n\t\t\t\t\t\t\t\t\t\t\tcurrentIndex: number\n\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === editingElement\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\telement={ elements[ editingElement ?? -1 ] }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing &&\n\t\t\t\t\t\t( isGradient ? (\n\t\t\t\t\t\t\t<GradientPicker\n\t\t\t\t\t\t\t\t__nextHasNoMargin\n\t\t\t\t\t\t\t\tgradients={ gradients }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomGradients={ true }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! hasElements && emptyMessage }\n\t\t</PaletteEditStyles>\n\t);\n}\n\nexport default PaletteEdit;\n"],"mappings":";;;;;;;;;AASA,IAAAA,QAAA,GAAAC,OAAA;AANA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAYA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAQA,IAAAO,OAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AACA,IAAAU,OAAA,GAAAV,OAAA;AACA,IAAAW,UAAA,GAAAX,OAAA;AACA,IAAAY,OAAA,GAAAZ,OAAA;AACA,IAAAa,eAAA,GAAAX,sBAAA,CAAAF,OAAA;AACA,IAAAc,aAAA,GAAAZ,sBAAA,CAAAF,OAAA;AACA,IAAAe,aAAA,GAAAb,sBAAA,CAAAF,OAAA;AACA,IAAAgB,QAAA,GAAAd,sBAAA,CAAAF,OAAA;AACA,IAAAiB,OAAA,GAAAjB,OAAA;AAYA,IAAAkB,mBAAA,GAAAlB,OAAA;AACA,IAAAmB,UAAA,GAAAnB,OAAA;AACA,IAAAoB,qBAAA,GAAAlB,sBAAA,CAAAF,OAAA;AAlDA;AACA;AACA;;AAIA;AACA;AACA;;AAeA;AACA;AACA;;AAqCA,MAAMqB,aAAa,GAAG,MAAM;AAE5B,SAASC,SAASA,CAAE;EAAEC,KAAK;EAAEC,QAAQ;EAAEC;AAAsB,CAAC,EAAG;EAChE,OACC,IAAA1B,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAAU,gBAAgB;IAChBF,KAAK,EAAGA,KAAO;IACfG,mBAAmB;IACnBL,KAAK,EAAGA,KAAO;IACfC,QAAQ,EAAGA;EAAU,CACrB,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,kBAAkBA,CACjCC,QAA0B,EAC1BC,UAAkB,EACjB;EACD,MAAMC,kBAAkB,GAAG,IAAIC,MAAM,CAAG,IAAIF,UAAY,iBAAiB,CAAC;EAC1E,MAAMG,QAAQ,GAAGJ,QAAQ,CAACK,MAAM,CAAE,CAAEC,aAAa,EAAEC,YAAY,KAAM;IACpE,IAAK,OAAOA,YAAY,EAAEC,IAAI,KAAK,QAAQ,EAAG;MAC7C,MAAMC,OAAO,GAAGF,YAAY,EAAEC,IAAI,CAACE,KAAK,CAAER,kBAAmB,CAAC;MAC9D,IAAKO,OAAO,EAAG;QACd,MAAME,EAAE,GAAGC,QAAQ,CAAEH,OAAO,CAAE,CAAC,CAAE,EAAE,EAAG,CAAC;QACvC,IAAKE,EAAE,IAAIL,aAAa,EAAG;UAC1B,OAAOK,EAAE,GAAG,CAAC;QACd;MACD;IACD;IACA,OAAOL,aAAa;EACrB,CAAC,EAAE,CAAE,CAAC;EAEN,OAAO,IAAAO,aAAO,GACb;EACA,IAAAC,QAAE,EAAE,UAAW,CAAC,EAChBV,QACD,CAAC;AACF;AAEA,SAASW,kBAAkBA,CAAgC;EAC1DC,UAAU;EACVC,OAAO;EACPvB,QAAQ;EACRwB,YAAY,EAAEC,oBAAoB;EAClCC,OAAO,GAAGA,CAAA,KAAM,CAAC;AACY,CAAC,EAAG;EACjC,MAAMF,YAA4D,GACjE,IAAAG,gBAAO,EACN,OAAQ;IACPC,KAAK,EAAE,IAAI;IACXC,MAAM,EAAE,EAAE;IACVC,SAAS,EAAE,YAAY;IACvB,GAAGL,oBAAoB;IACvBM,SAAS,EAAE,IAAAC,mBAAU,EACpB,kCAAkC,EAClCP,oBAAoB,EAAEM,SACvB;EACD,CAAC,CAAE,EACH,CAAEN,oBAAoB,CACvB,CAAC;EAEF,OACC,IAAAlD,QAAA,CAAA2B,aAAA,EAACV,QAAA,CAAAyC,OAAO;IAAA,GAAMT,YAAY;IAAGE,OAAO,EAAGA;EAAS,GAC7C,CAAEJ,UAAU,IACb,IAAA/C,QAAA,CAAA2B,aAAA,EAAClB,YAAA,CAAAkD,WAAW;IACXC,KAAK,EAAGZ,OAAO,CAACY,KAAO;IACvBC,WAAW;IACXpC,QAAQ,EAAKqC,QAAQ,IAAM;MAC1BrC,QAAQ,CAAE;QACT,GAAGuB,OAAO;QACVY,KAAK,EAAEE;MACR,CAAE,CAAC;IACJ;EAAG,CACH,CACD,EACCf,UAAU,IACX,IAAA/C,QAAA,CAAA2B,aAAA;IAAK6B,SAAS,EAAC;EAAkD,GAChE,IAAAxD,QAAA,CAAA2B,aAAA,EAACN,qBAAA,CAAAqC,OAAoB;IACpBK,iBAAiB;IACjBC,iCAAiC;IACjCxC,KAAK,EAAGwB,OAAO,CAACiB,QAAU;IAC1BxC,QAAQ,EAAKyC,WAAW,IAAM;MAC7BzC,QAAQ,CAAE;QACT,GAAGuB,OAAO;QACViB,QAAQ,EAAEC;MACX,CAAE,CAAC;IACJ;EAAG,CACH,CACG,CAEE,CAAC;AAEZ;AAEA,SAASC,MAAMA,CAAgC;EAC9CC,mBAAmB;EACnBpB,OAAO;EACPvB,QAAQ;EACR4C,SAAS;EACTC,cAAc;EACdC,QAAQ;EACRC,aAAa;EACbvB,YAAY,EAAEC,oBAAoB;EAClClB,UAAU;EACVe;AACiB,CAAC,EAAG;EACrB,MAAM0B,iBAAiB,GAAG,IAAAC,sCAAe,EAAEF,aAAc,CAAC;EAC1D,MAAMhD,KAAK,GAAGuB,UAAU,GAAGC,OAAO,CAACiB,QAAQ,GAAGjB,OAAO,CAACY,KAAK;;EAE3D;EACA;EACA,MAAM,CAAEe,aAAa,EAAEC,gBAAgB,CAAE,GAAG,IAAAC,iBAAQ,EAAE,IAAK,CAAC;EAC5D,MAAM5B,YAAY,GAAG,IAAAG,gBAAO,EAC3B,OAAQ;IACP,GAAGF,oBAAoB;IACvB;IACA4B,MAAM,EAAEH;EACT,CAAC,CAAE,EACH,CAAEA,aAAa,EAAEzB,oBAAoB,CACtC,CAAC;EAED,OACC,IAAAlD,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA6D,WAAW;IACXvB,SAAS,EAAGa,SAAS,GAAG,aAAa,GAAGW,SAAW;IACnDC,EAAE,EAAC,KAAK;IACRC,OAAO,EAAGZ,cAAgB;IAC1Ba,GAAG,EAAGP,gBAAkB;IAAA,IACjBP,SAAS,GACb;MAAE,GAAGI;IAAkB,CAAC,GACxB;MACAW,KAAK,EAAE;QACNC,MAAM,EAAE;MACT;IACA,CAAC;EAAA,GAEJ,IAAArF,QAAA,CAAA2B,aAAA,EAAChB,OAAA,CAAA2E,MAAM;IAACC,OAAO,EAAC;EAAY,GAC3B,IAAAvF,QAAA,CAAA2B,aAAA,EAACjB,KAAA,CAAA8E,QAAQ,QACR,IAAAxF,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAAuE,eAAe;IACfL,KAAK,EAAG;MAAEM,UAAU,EAAElE,KAAK;MAAEoC,KAAK,EAAE;IAAc;EAAG,CACrD,CACQ,CAAC,EACX,IAAA5D,QAAA,CAAA2B,aAAA,EAACjB,KAAA,CAAA8E,QAAQ,QACNnB,SAAS,IAAI,CAAED,mBAAmB,GACnC,IAAApE,QAAA,CAAA2B,aAAA,EAACJ,SAAS;IACTG,KAAK,EACJqB,UAAU,GACP,IAAAF,QAAE,EAAE,eAAgB,CAAC,GACrB,IAAAA,QAAE,EAAE,YAAa,CACpB;IACDrB,KAAK,EAAGwB,OAAO,CAAC2C,IAAM;IACtBlE,QAAQ,EAAKmE,QAAiB,IAC7BnE,QAAQ,CAAE;MACT,GAAGuB,OAAO;MACV2C,IAAI,EAAEC,QAAQ;MACdrD,IAAI,EACHP,UAAU,GACV,IAAA6D,qBAAS,EAAED,QAAQ,aAARA,QAAQ,cAARA,QAAQ,GAAI,EAAG;IAC5B,CAAE;EACF,CACD,CAAC,GAEF,IAAA5F,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA4E,aAAa,QAAG9C,OAAO,CAAC2C,IAAqB,CAEtC,CAAC,EACTtB,SAAS,IAAI,CAAED,mBAAmB,IACnC,IAAApE,QAAA,CAAA2B,aAAA,EAACjB,KAAA,CAAA8E,QAAQ,QACR,IAAAxF,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA6E,YAAY;IACZC,OAAO;IACPC,IAAI,EAAGC,gBAAW;IAClBxE,KAAK,EAAG,IAAAmB,QAAE,EAAE,cAAe,CAAG;IAC9BqC,OAAO,EAAGX;EAAU,CACpB,CACQ,CAEJ,CAAC,EACPF,SAAS,IACV,IAAArE,QAAA,CAAA2B,aAAA,EAACmB,kBAAkB;IAClBC,UAAU,EAAGA,UAAY;IACzBtB,QAAQ,EAAGA,QAAU;IACrBuB,OAAO,EAAGA,OAAS;IACnBC,YAAY,EAAGA;EAAc,CAC7B,CAEU,CAAC;AAEhB;AAEA,SAASkD,kBAAkBA,CAC1BnE,UAAkB,EAClB;EAAEO,IAAI;EAAEqB,KAAK;EAAEK;AAA2B,CAAC,EAC1C;EACD,MAAMmC,KAAK,GAAG,IAAIlE,MAAM,CAAG,IAAIF,UAAY,iBAAiB,CAAC;EAC7D,OACCoE,KAAK,CAACC,IAAI,CAAE9D,IAAK,CAAC,KACd,CAAC,CAAEqB,KAAK,IAAIA,KAAK,KAAKtC,aAAa,IACpC,CAAC,CAAE2C,QAAQ,IAAIA,QAAQ,KAAKqC,2BAAkB,CAAE;AAErD;AAEA,SAASC,mBAAmBA,CAAgC;EAC3DxE,QAAQ;EACRN,QAAQ;EACR+E,cAAc;EACdC,iBAAiB;EACjBrC,mBAAmB;EACnBpC,UAAU;EACVe,UAAU;EACVE;AAC8B,CAAC,EAAG;EAClC;EACA,MAAMyD,iBAAiB,GAAG,IAAAC,eAAM,EAAoB,CAAC;EACrD,IAAAC,kBAAS,EAAE,MAAM;IAChBF,iBAAiB,CAACG,OAAO,GAAG9E,QAAQ;EACrC,CAAC,EAAE,CAAEA,QAAQ,CAAG,CAAC;EACjB,IAAA6E,kBAAS,EAAE,MAAM;IAChB,OAAO,MAAM;MACZ,IACCF,iBAAiB,CAACG,OAAO,EAAEC,IAAI,CAAI9D,OAAO,IACzCmD,kBAAkB,CAAEnE,UAAU,EAAEgB,OAAQ,CACzC,CAAC,EACA;QACD,MAAM+D,WAAW,GAAGL,iBAAiB,CAACG,OAAO,CAACG,MAAM,CACjDhE,OAAO,IAAM,CAAEmD,kBAAkB,CAAEnE,UAAU,EAAEgB,OAAQ,CAC1D,CAAC;QACDvB,QAAQ,CAAEsF,WAAW,CAACE,MAAM,GAAGF,WAAW,GAAG/B,SAAU,CAAC;MACzD;IACD,CAAC;IACD;IACA;IACA;EACD,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMkC,gBAAgB,GAAG,IAAAC,oBAAW,EAAE1F,QAAQ,EAAE,GAAI,CAAC;EAErD,OACC,IAAAzB,QAAA,CAAA2B,aAAA,EAACd,OAAA,CAAAuG,MAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAArH,QAAA,CAAA2B,aAAA,EAACf,UAAA,CAAA0G,SAAS;IAACC,SAAS;EAAA,GACjBxF,QAAQ,CAACyF,GAAG,CAAE,CAAExE,OAAO,EAAEyE,KAAK,KAC/B,IAAAzH,QAAA,CAAA2B,aAAA,EAACwC,MAAM;IACNpB,UAAU,EAAGA,UAAY;IACzBqB,mBAAmB,EAAGA,mBAAqB;IAC3CsD,GAAG,EAAGD,KAAO;IACbzE,OAAO,EAAGA,OAAS;IACnBsB,cAAc,EAAGA,CAAA,KAAM;MACtB,IAAKkC,cAAc,KAAKiB,KAAK,EAAG;QAC/BhB,iBAAiB,CAAEgB,KAAM,CAAC;MAC3B;IACD,CAAG;IACHhG,QAAQ,EAAKkG,UAAU,IAAM;MAC5BT,gBAAgB,CACfnF,QAAQ,CAACyF,GAAG,CACX,CAAEI,cAAc,EAAEC,YAAY,KAAM;QACnC,IAAKA,YAAY,KAAKJ,KAAK,EAAG;UAC7B,OAAOE,UAAU;QAClB;QACA,OAAOC,cAAc;MACtB,CACD,CACD,CAAC;IACF,CAAG;IACHrD,QAAQ,EAAGA,CAAA,KAAM;MAChBkC,iBAAiB,CAAE,IAAK,CAAC;MACzB,MAAMM,WAAW,GAAGhF,QAAQ,CAACiF,MAAM,CAClC,CAAEc,eAAe,EAAED,YAAY,KAAM;QACpC,IAAKA,YAAY,KAAKJ,KAAK,EAAG;UAC7B,OAAO,KAAK;QACb;QACA,OAAO,IAAI;MACZ,CACD,CAAC;MACDhG,QAAQ,CACPsF,WAAW,CAACE,MAAM,GAAGF,WAAW,GAAG/B,SACpC,CAAC;IACF,CAAG;IACHX,SAAS,EAAGoD,KAAK,KAAKjB,cAAgB;IACtChC,aAAa,EAAGA,CAAA,KAAM;MACrB,IAAKiD,KAAK,KAAKjB,cAAc,EAAG;QAC/BC,iBAAiB,CAAE,IAAK,CAAC;MAC1B;IACD,CAAG;IACHzE,UAAU,EAAGA,UAAY;IACzBiB,YAAY,EAAGA;EAAc,CAC7B,CACA,CACQ,CACJ,CAAC;AAEX;AAEA,MAAM8E,WAAoB,GAAG,EAAE;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASC,WAAWA,CAAE;EAC5BC,SAAS;EACTC,MAAM,GAAGH,WAAW;EACpBtG,QAAQ;EACR0G,YAAY;EACZC,wBAAwB,GAAG,CAAC;EAC5BC,YAAY;EACZjE,mBAAmB;EACnBkE,QAAQ;EACRtG,UAAU,GAAG,EAAE;EACfiB;AACiB,CAAC,EAAG;EACrB,MAAMF,UAAU,GAAG,CAAC,CAAEkF,SAAS;EAC/B,MAAMlG,QAAQ,GAAGgB,UAAU,GAAGkF,SAAS,GAAGC,MAAM;EAChD,MAAM,CAAE7D,SAAS,EAAEkE,YAAY,CAAE,GAAG,IAAA1D,iBAAQ,EAAE,KAAM,CAAC;EACrD,MAAM,CAAE2B,cAAc,EAAEC,iBAAiB,CAAE,GAAG,IAAA5B,iBAAQ,EAEnD,IAAK,CAAC;EACT,MAAM2D,QAAQ,GACbnE,SAAS,IACT,CAAC,CAAEmC,cAAc,IACjBzE,QAAQ,CAAEyE,cAAc,CAAE,IAC1B,CAAEzE,QAAQ,CAAEyE,cAAc,CAAE,CAACjE,IAAI;EAClC,MAAMkG,cAAc,GAAG1G,QAAQ,CAACkF,MAAM;EACtC,MAAMyB,WAAW,GAAGD,cAAc,GAAG,CAAC;EACtC,MAAMvB,gBAAgB,GAAG,IAAAC,oBAAW,EAAE1F,QAAQ,EAAE,GAAI,CAAC;EACrD,MAAMkH,mBAAmB,GAAG,IAAAC,oBAAW,EACtC,CACCpH,KAA8C,EAC9CqH,sBAA+B,KAC3B;IACJ,MAAMC,eAAe,GACpBD,sBAAsB,KAAK7D,SAAS,GACjCA,SAAS,GACTjD,QAAQ,CAAE8G,sBAAsB,CAAE;IACtC,MAAMnB,GAAG,GAAG3E,UAAU,GAAG,UAAU,GAAG,OAAO;IAC7C;IACA,IAAK,CAAC,CAAE+F,eAAe,IAAIA,eAAe,CAAEpB,GAAG,CAAE,KAAKlG,KAAK,EAAG;MAC7DiF,iBAAiB,CAAEoC,sBAAuB,CAAC;IAC5C,CAAC,MAAM;MACNN,YAAY,CAAE,IAAK,CAAC;IACrB;EACD,CAAC,EACD,CAAExF,UAAU,EAAEhB,QAAQ,CACvB,CAAC;EAED,OACC,IAAA/B,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA6H,iBAAiB,QACjB,IAAA/I,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA8H,mBAAmB,QACnB,IAAAhJ,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAA+H,cAAc;IAACC,KAAK,EAAGd;EAA0B,GAC/CD,YACa,CAAC,EACjB,IAAAnI,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAAiI,uBAAuB,QACrBT,WAAW,IAAIrE,SAAS,IACzB,IAAArE,QAAA,CAAA2B,aAAA,EAACT,OAAA,CAAAkI,UAAU;IACVpD,OAAO;IACPd,OAAO,EAAGA,CAAA,KAAM;MACfqD,YAAY,CAAE,KAAM,CAAC;MACrB9B,iBAAiB,CAAE,IAAK,CAAC;IAC1B;EAAG,GAED,IAAA5D,QAAE,EAAE,MAAO,CACF,CACZ,EACC,CAAEuB,mBAAmB,IACtB,IAAApE,QAAA,CAAA2B,aAAA,EAACnB,OAAA,CAAAkD,OAAM;IACNsC,OAAO;IACPqD,SAAS,EAAGb,QAAU;IACtBvC,IAAI,EAAGqD,WAAM;IACb5H,KAAK,EACJqB,UAAU,GACP,IAAAF,QAAE,EAAE,cAAe,CAAC,GACpB,IAAAA,QAAE,EAAE,WAAY,CACnB;IACDqC,OAAO,EAAGA,CAAA,KAAM;MACf,MAAMqE,cAAc,GAAGzH,kBAAkB,CACxCC,QAAQ,EACRC,UACD,CAAC;MAED,IAAK,CAAC,CAAEiG,SAAS,EAAG;QACnBxG,QAAQ,CAAE,CACT,GAAGwG,SAAS,EACZ;UACChE,QAAQ,EAAEqC,2BAAgB;UAC1BX,IAAI,EAAE4D,cAAc;UACpBhH,IAAI,EACHP,UAAU,GACV,IAAA6D,qBAAS,EAAE0D,cAAe;QAC5B,CAAC,CACA,CAAC;MACJ,CAAC,MAAM;QACN9H,QAAQ,CAAE,CACT,GAAGyG,MAAM,EACT;UACCtE,KAAK,EAAEtC,aAAa;UACpBqE,IAAI,EAAE4D,cAAc;UACpBhH,IAAI,EACHP,UAAU,GACV,IAAA6D,qBAAS,EAAE0D,cAAe;QAC5B,CAAC,CACA,CAAC;MACJ;MACAhB,YAAY,CAAE,IAAK,CAAC;MACpB9B,iBAAiB,CAAE1E,QAAQ,CAACkF,MAAO,CAAC;IACrC;EAAG,CACH,CACD,EAECyB,WAAW,KACV,CAAErE,SAAS,IACZ,CAAED,mBAAmB,IACrBkE,QAAQ,CAAE,IACV,IAAAtI,QAAA,CAAA2B,aAAA,EAACX,aAAA,CAAA0C,OAAY;IACZuC,IAAI,EAAGuD,mBAAc;IACrB9H,KAAK,EACJqB,UAAU,GACP,IAAAF,QAAE,EAAE,kBAAmB,CAAC,GACxB,IAAAA,QAAE,EAAE,eAAgB,CACvB;IACD4G,WAAW,EAAG;MACbzD,OAAO,EAAE;IACV;EAAG,GAED,CAAE;IAAE7C;EAAiC,CAAC,KACvC,IAAAnD,QAAA,CAAA2B,aAAA,EAAA3B,QAAA,CAAA0J,QAAA,QACC,IAAA1J,QAAA,CAAA2B,aAAA,EAACR,mBAAA,CAAAwI,aAAa;IAACC,IAAI,EAAC;EAAM,GACvB,CAAEvF,SAAS,IACZ,IAAArE,QAAA,CAAA2B,aAAA,EAACnB,OAAA,CAAAkD,OAAM;IACNmG,OAAO,EAAC,UAAU;IAClB3E,OAAO,EAAGA,CAAA,KAAM;MACfqD,YAAY,CAAE,IAAK,CAAC;MACpBpF,OAAO,CAAC,CAAC;IACV,CAAG;IACHK,SAAS,EAAC;EAAsC,GAE9C,IAAAX,QAAE,EAAE,cAAe,CACd,CACR,EACC,CAAEuB,mBAAmB,IACtB,IAAApE,QAAA,CAAA2B,aAAA,EAACnB,OAAA,CAAAkD,OAAM;IACNmG,OAAO,EAAC,UAAU;IAClB3E,OAAO,EAAGA,CAAA,KAAM;MACfuB,iBAAiB,CAChB,IACD,CAAC;MACD8B,YAAY,CAAE,KAAM,CAAC;MACrB9G,QAAQ,CAAC,CAAC;MACV0B,OAAO,CAAC,CAAC;IACV,CAAG;IACHK,SAAS,EAAC;EAAsC,GAE9CT,UAAU,GACT,IAAAF,QAAE,EACF,sBACA,CAAC,GACD,IAAAA,QAAE,EACF,mBACA,CACI,CACR,EACCyF,QAAQ,IACT,IAAAtI,QAAA,CAAA2B,aAAA,EAACnB,OAAA,CAAAkD,OAAM;IACNmG,OAAO,EAAC,UAAU;IAClB3E,OAAO,EAAGA,CAAA,KAAM;MACfuB,iBAAiB,CAChB,IACD,CAAC;MACDhF,QAAQ,CAAC,CAAC;MACV0B,OAAO,CAAC,CAAC;IACV;EAAG,GAEDJ,UAAU,GACT,IAAAF,QAAE,EAAE,gBAAiB,CAAC,GACtB,IAAAA,QAAE,EAAE,cAAe,CACf,CAEK,CACd,CAEU,CAEQ,CACL,CAAC,EACpB6F,WAAW,IACZ,IAAA1I,QAAA,CAAA2B,aAAA,EAAA3B,QAAA,CAAA0J,QAAA,QACGrF,SAAS,IACV,IAAArE,QAAA,CAAA2B,aAAA,EAAC4E,mBAAmB;IACnBnC,mBAAmB,EAAGA,mBAAqB;IAC3CrC,QAAQ,EAAGA;IACX;IAAA;IACAN,QAAQ,EAAGA,QAAU;IACrB+E,cAAc,EAAGA,cAAgB;IACjCC,iBAAiB,EAAGA,iBAAmB;IACvCzE,UAAU,EAAGA,UAAY;IACzBe,UAAU,EAAGA,UAAY;IACzBE,YAAY,EAAGA;EAAc,CAC7B,CACD,EACC,CAAEoB,SAAS,IAAImC,cAAc,KAAK,IAAI,IACvC,IAAAxG,QAAA,CAAA2B,aAAA,EAACmB,kBAAkB;IAClBC,UAAU,EAAGA,UAAY;IACzBI,OAAO,EAAGA,CAAA,KAAMsD,iBAAiB,CAAE,IAAK,CAAG;IAC3ChF,QAAQ,EACPkG,UAAyC,IACrC;MACJT,gBAAgB;MACf;MACAnF,QAAQ,CAACyF,GAAG,CACX,CACCI,cAA6C,EAC7CC,YAAoB,KAChB;QACJ,IACCA,YAAY,KAAKrB,cAAc,EAC9B;UACD,OAAOmB,UAAU;QAClB;QACA,OAAOC,cAAc;MACtB,CACD,CACD,CAAC;IACF,CAAG;IACH5E,OAAO,EAAGjB,QAAQ,CAAEyE,cAAc,aAAdA,cAAc,cAAdA,cAAc,GAAI,CAAC,CAAC,CAAI;IAC5CvD,YAAY,EAAGA;EAAc,CAC7B,CACD,EACC,CAAEoB,SAAS,KACVtB,UAAU,GACX,IAAA/C,QAAA,CAAA2B,aAAA,EAACb,eAAA,CAAA4C,OAAc;IACdK,iBAAiB;IACjBkE,SAAS,EAAGA,SAAW;IACvBxG,QAAQ,EAAGkH,mBAAqB;IAChCmB,SAAS,EAAG,KAAO;IACnBC,sBAAsB,EAAG;EAAM,CAC/B,CAAC,GAEF,IAAA/J,QAAA,CAAA2B,aAAA,EAACZ,aAAA,CAAA2C,OAAY;IACZwE,MAAM,EAAGA,MAAQ;IACjBzG,QAAQ,EAAGkH,mBAAqB;IAChCmB,SAAS,EAAG,KAAO;IACnBE,mBAAmB,EAAG;EAAM,CAC5B,CACD,CACD,CACF,EACC,CAAEtB,WAAW,IAAIL,YACD,CAAC;AAEtB;AAAC,IAAA4B,QAAA,GAEcjC,WAAW;AAAAkC,OAAA,CAAAxG,OAAA,GAAAuG,QAAA"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_changeCase","_element","_i18n","_icons","_compose","_button","_colorPicker","_flex","_hStack","_itemGroup","_vStack","_gradientPicker","_colorPalette","_dropdownMenu","_popover","_styles","_navigableContainer","_constants","_customGradientPicker","DEFAULT_COLOR","NameInput","value","onChange","label","_react","createElement","NameInputControl","hideLabelFromVision","getNameForPosition","elements","slugPrefix","temporaryNameRegex","RegExp","position","reduce","previousValue","currentValue","slug","matches","match","id","parseInt","sprintf","__","ColorPickerPopover","isGradient","element","popoverProps","receivedPopoverProps","onClose","useMemo","shift","offset","placement","className","classnames","default","ColorPicker","color","enableAlpha","newColor","__nextHasNoMargin","__experimentalIsRenderedInSidebar","gradient","newGradient","Option","canOnlyChangeValues","isEditing","onStartEditing","onRemove","onStopEditing","focusOutsideProps","useFocusOutside","popoverAnchor","setPopoverAnchor","useState","anchor","PaletteItem","undefined","as","onClick","ref","style","cursor","HStack","justify","FlexItem","IndicatorStyled","background","name","nextName","kebabCase","NameContainer","RemoveButton","isSmall","icon","lineSolid","isTemporaryElement","regex","test","DEFAULT_GRADIENT","PaletteEditListView","editingElement","setEditingElement","elementsReference","useRef","useEffect","current","some","newElements","filter","length","debounceOnChange","useDebounce","VStack","spacing","ItemGroup","isRounded","map","index","key","newElement","currentElement","currentIndex","_currentElement","EMPTY_ARRAY","PaletteEdit","gradients","colors","paletteLabel","paletteLabelHeadingLevel","emptyMessage","canReset","setIsEditing","isAdding","elementsLength","hasElements","onSelectPaletteItem","useCallback","newEditingElementIndex","selectedElement","PaletteEditStyles","PaletteHStackHeader","PaletteHeading","level","PaletteActionsContainer","DoneButton","isPressed","plus","tempOptionName","moreVertical","toggleProps","Fragment","NavigableMenu","role","variant","clearable","disableCustomGradients","disableCustomColors","_default","exports"],"sources":["@wordpress/components/src/palette-edit/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { paramCase as kebabCase } from 'change-case';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseState,\n\tuseRef,\n\tuseEffect,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { lineSolid, moreVertical, plus } from '@wordpress/icons';\nimport {\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseDebounce,\n} from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { ColorPicker } from '../color-picker';\nimport { FlexItem } from '../flex';\nimport { HStack } from '../h-stack';\nimport { ItemGroup } from '../item-group';\nimport { VStack } from '../v-stack';\nimport GradientPicker from '../gradient-picker';\nimport ColorPalette from '../color-palette';\nimport DropdownMenu from '../dropdown-menu';\nimport Popover from '../popover';\nimport {\n\tPaletteActionsContainer,\n\tPaletteEditStyles,\n\tPaletteHeading,\n\tPaletteHStackHeader,\n\tIndicatorStyled,\n\tPaletteItem,\n\tNameContainer,\n\tNameInputControl,\n\tDoneButton,\n\tRemoveButton,\n} from './styles';\nimport { NavigableMenu } from '../navigable-container';\nimport { DEFAULT_GRADIENT } from '../custom-gradient-picker/constants';\nimport CustomGradientPicker from '../custom-gradient-picker';\nimport type {\n\tColor,\n\tColorPickerPopoverProps,\n\tGradient,\n\tNameInputProps,\n\tOptionProps,\n\tPaletteEditListViewProps,\n\tPaletteEditProps,\n\tPaletteElement,\n} from './types';\n\nconst DEFAULT_COLOR = '#000';\n\nfunction NameInput( { value, onChange, label }: NameInputProps ) {\n\treturn (\n\t\t<NameInputControl\n\t\t\tlabel={ label }\n\t\t\thideLabelFromVision\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t/>\n\t);\n}\n\n/**\n * Returns a temporary name for a palette item in the format \"Color + id\".\n * To ensure there are no duplicate ids, this function checks all slugs for temporary names.\n * It expects slugs to be in the format: slugPrefix + color- + number.\n * It then sets the id component of the new name based on the incremented id of the highest existing slug id.\n *\n * @param elements   An array of color palette items.\n * @param slugPrefix The slug prefix used to match the element slug.\n *\n * @return A unique name for a palette item.\n */\nexport function getNameForPosition(\n\telements: PaletteElement[],\n\tslugPrefix: string\n) {\n\tconst temporaryNameRegex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\tconst position = elements.reduce( ( previousValue, currentValue ) => {\n\t\tif ( typeof currentValue?.slug === 'string' ) {\n\t\t\tconst matches = currentValue?.slug.match( temporaryNameRegex );\n\t\t\tif ( matches ) {\n\t\t\t\tconst id = parseInt( matches[ 1 ], 10 );\n\t\t\t\tif ( id >= previousValue ) {\n\t\t\t\t\treturn id + 1;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn previousValue;\n\t}, 1 );\n\n\treturn sprintf(\n\t\t/* translators: %s: is a temporary id for a custom color */\n\t\t__( 'Color %s' ),\n\t\tposition\n\t);\n}\n\nfunction ColorPickerPopover< T extends Color | Gradient >( {\n\tisGradient,\n\telement,\n\tonChange,\n\tpopoverProps: receivedPopoverProps,\n\tonClose = () => {},\n}: ColorPickerPopoverProps< T > ) {\n\tconst popoverProps: ColorPickerPopoverProps< T >[ 'popoverProps' ] =\n\t\tuseMemo(\n\t\t\t() => ( {\n\t\t\t\tshift: true,\n\t\t\t\toffset: 20,\n\t\t\t\tplacement: 'left-start',\n\t\t\t\t...receivedPopoverProps,\n\t\t\t\tclassName: classnames(\n\t\t\t\t\t'components-palette-edit__popover',\n\t\t\t\t\treceivedPopoverProps?.className\n\t\t\t\t),\n\t\t\t} ),\n\t\t\t[ receivedPopoverProps ]\n\t\t);\n\n\treturn (\n\t\t<Popover { ...popoverProps } onClose={ onClose }>\n\t\t\t{ ! isGradient && (\n\t\t\t\t<ColorPicker\n\t\t\t\t\tcolor={ element.color }\n\t\t\t\t\tenableAlpha\n\t\t\t\t\tonChange={ ( newColor ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\tcolor: newColor,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ isGradient && (\n\t\t\t\t<div className=\"components-palette-edit__popover-gradient-picker\">\n\t\t\t\t\t<CustomGradientPicker\n\t\t\t\t\t\t__nextHasNoMargin\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tvalue={ element.gradient }\n\t\t\t\t\t\tonChange={ ( newGradient ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\tgradient: newGradient,\n\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</Popover>\n\t);\n}\n\nfunction Option< T extends Color | Gradient >( {\n\tcanOnlyChangeValues,\n\telement,\n\tonChange,\n\tisEditing,\n\tonStartEditing,\n\tonRemove,\n\tonStopEditing,\n\tpopoverProps: receivedPopoverProps,\n\tslugPrefix,\n\tisGradient,\n}: OptionProps< T > ) {\n\tconst focusOutsideProps = useFocusOutside( onStopEditing );\n\tconst value = isGradient ? element.gradient : element.color;\n\n\t// Use internal state instead of a ref to make sure that the component\n\t// re-renders when the popover's anchor updates.\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t...receivedPopoverProps,\n\t\t\t// Use the custom palette color item as the popover anchor.\n\t\t\tanchor: popoverAnchor,\n\t\t} ),\n\t\t[ popoverAnchor, receivedPopoverProps ]\n\t);\n\n\treturn (\n\t\t<PaletteItem\n\t\t\tclassName={ isEditing ? 'is-selected' : undefined }\n\t\t\tas=\"div\"\n\t\t\tonClick={ onStartEditing }\n\t\t\tref={ setPopoverAnchor }\n\t\t\t{ ...( isEditing\n\t\t\t\t? { ...focusOutsideProps }\n\t\t\t\t: {\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tcursor: 'pointer',\n\t\t\t\t\t\t},\n\t\t\t\t  } ) }\n\t\t>\n\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t<FlexItem>\n\t\t\t\t\t<IndicatorStyled\n\t\t\t\t\t\tstyle={ { background: value, color: 'transparent' } }\n\t\t\t\t\t/>\n\t\t\t\t</FlexItem>\n\t\t\t\t<FlexItem>\n\t\t\t\t\t{ isEditing && ! canOnlyChangeValues ? (\n\t\t\t\t\t\t<NameInput\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Gradient name' )\n\t\t\t\t\t\t\t\t\t: __( 'Color name' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tvalue={ element.name }\n\t\t\t\t\t\t\tonChange={ ( nextName?: string ) =>\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...element,\n\t\t\t\t\t\t\t\t\tname: nextName,\n\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\tkebabCase( nextName ?? '' ),\n\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<NameContainer>{ element.name }</NameContainer>\n\t\t\t\t\t) }\n\t\t\t\t</FlexItem>\n\t\t\t\t{ isEditing && ! canOnlyChangeValues && (\n\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t<RemoveButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\ticon={ lineSolid }\n\t\t\t\t\t\t\tlabel={ __( 'Remove color' ) }\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</FlexItem>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t{ isEditing && (\n\t\t\t\t<ColorPickerPopover\n\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\telement={ element }\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</PaletteItem>\n\t);\n}\n\nfunction isTemporaryElement(\n\tslugPrefix: string,\n\t{ slug, color, gradient }: Color | Gradient\n) {\n\tconst regex = new RegExp( `^${ slugPrefix }color-([\\\\d]+)$` );\n\treturn (\n\t\tregex.test( slug ) &&\n\t\t( ( !! color && color === DEFAULT_COLOR ) ||\n\t\t\t( !! gradient && gradient === DEFAULT_GRADIENT ) )\n\t);\n}\n\nfunction PaletteEditListView< T extends Color | Gradient >( {\n\telements,\n\tonChange,\n\teditingElement,\n\tsetEditingElement,\n\tcanOnlyChangeValues,\n\tslugPrefix,\n\tisGradient,\n\tpopoverProps,\n}: PaletteEditListViewProps< T > ) {\n\t// When unmounting the component if there are empty elements (the user did not complete the insertion) clean them.\n\tconst elementsReference = useRef< typeof elements >();\n\tuseEffect( () => {\n\t\telementsReference.current = elements;\n\t}, [ elements ] );\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tif (\n\t\t\t\telementsReference.current?.some( ( element ) =>\n\t\t\t\t\tisTemporaryElement( slugPrefix, element )\n\t\t\t\t)\n\t\t\t) {\n\t\t\t\tconst newElements = elementsReference.current.filter(\n\t\t\t\t\t( element ) => ! isTemporaryElement( slugPrefix, element )\n\t\t\t\t);\n\t\t\t\tonChange( newElements.length ? newElements : undefined );\n\t\t\t}\n\t\t};\n\t\t// Disable reason: adding the missing dependency here would cause breaking changes that will require\n\t\t// a heavier refactor to avoid. See https://github.com/WordPress/gutenberg/pull/43911\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\n\treturn (\n\t\t<VStack spacing={ 3 }>\n\t\t\t<ItemGroup isRounded>\n\t\t\t\t{ elements.map( ( element, index ) => (\n\t\t\t\t\t<Option\n\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\telement={ element }\n\t\t\t\t\t\tonStartEditing={ () => {\n\t\t\t\t\t\t\tif ( editingElement !== index ) {\n\t\t\t\t\t\t\t\tsetEditingElement( index );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonChange={ ( newElement ) => {\n\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t( currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\tconst newElements = elements.filter(\n\t\t\t\t\t\t\t\t( _currentElement, currentIndex ) => {\n\t\t\t\t\t\t\t\t\tif ( currentIndex === index ) {\n\t\t\t\t\t\t\t\t\t\treturn false;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\treturn true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tnewElements.length ? newElements : undefined\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisEditing={ index === editingElement }\n\t\t\t\t\t\tonStopEditing={ () => {\n\t\t\t\t\t\t\tif ( index === editingElement ) {\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</ItemGroup>\n\t\t</VStack>\n\t);\n}\n\nconst EMPTY_ARRAY: Color[] = [];\n\n/**\n * Allows editing a palette of colors or gradients.\n *\n * ```jsx\n * import { PaletteEdit } from '@wordpress/components';\n * const MyPaletteEdit = () => {\n *   const [ controlledColors, setControlledColors ] = useState( colors );\n *\n *   return (\n *     <PaletteEdit\n *       colors={ controlledColors }\n *       onChange={ ( newColors?: Color[] ) => {\n *         setControlledColors( newColors );\n *       } }\n *       paletteLabel=\"Here is a label\"\n *     />\n *   );\n * };\n * ```\n */\nexport function PaletteEdit( {\n\tgradients,\n\tcolors = EMPTY_ARRAY,\n\tonChange,\n\tpaletteLabel,\n\tpaletteLabelHeadingLevel = 2,\n\temptyMessage,\n\tcanOnlyChangeValues,\n\tcanReset,\n\tslugPrefix = '',\n\tpopoverProps,\n}: PaletteEditProps ) {\n\tconst isGradient = !! gradients;\n\tconst elements = isGradient ? gradients : colors;\n\tconst [ isEditing, setIsEditing ] = useState( false );\n\tconst [ editingElement, setEditingElement ] = useState<\n\t\tnumber | null | undefined\n\t>( null );\n\tconst isAdding =\n\t\tisEditing &&\n\t\t!! editingElement &&\n\t\telements[ editingElement ] &&\n\t\t! elements[ editingElement ].slug;\n\tconst elementsLength = elements.length;\n\tconst hasElements = elementsLength > 0;\n\tconst debounceOnChange = useDebounce( onChange, 100 );\n\tconst onSelectPaletteItem = useCallback(\n\t\t(\n\t\t\tvalue?: PaletteElement[ keyof PaletteElement ],\n\t\t\tnewEditingElementIndex?: number\n\t\t) => {\n\t\t\tconst selectedElement =\n\t\t\t\tnewEditingElementIndex === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: elements[ newEditingElementIndex ];\n\t\t\tconst key = isGradient ? 'gradient' : 'color';\n\t\t\t// Ensures that the index returned matches a known element value.\n\t\t\tif ( !! selectedElement && selectedElement[ key ] === value ) {\n\t\t\t\tsetEditingElement( newEditingElementIndex );\n\t\t\t} else {\n\t\t\t\tsetIsEditing( true );\n\t\t\t}\n\t\t},\n\t\t[ isGradient, elements ]\n\t);\n\n\treturn (\n\t\t<PaletteEditStyles>\n\t\t\t<PaletteHStackHeader>\n\t\t\t\t<PaletteHeading level={ paletteLabelHeadingLevel }>\n\t\t\t\t\t{ paletteLabel }\n\t\t\t\t</PaletteHeading>\n\t\t\t\t<PaletteActionsContainer>\n\t\t\t\t\t{ hasElements && isEditing && (\n\t\t\t\t\t\t<DoneButton\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\tsetEditingElement( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</DoneButton>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\tisPressed={ isAdding }\n\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t? __( 'Add gradient' )\n\t\t\t\t\t\t\t\t\t: __( 'Add color' )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst tempOptionName = getNameForPosition(\n\t\t\t\t\t\t\t\t\telements,\n\t\t\t\t\t\t\t\t\tslugPrefix\n\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\tif ( !! gradients ) {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...gradients,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tgradient: DEFAULT_GRADIENT,\n\t\t\t\t\t\t\t\t\t\t\tname: tempOptionName,\n\t\t\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\t\t\tkebabCase( tempOptionName ),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tonChange( [\n\t\t\t\t\t\t\t\t\t\t...colors,\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tcolor: DEFAULT_COLOR,\n\t\t\t\t\t\t\t\t\t\t\tname: tempOptionName,\n\t\t\t\t\t\t\t\t\t\t\tslug:\n\t\t\t\t\t\t\t\t\t\t\t\tslugPrefix +\n\t\t\t\t\t\t\t\t\t\t\t\tkebabCase( tempOptionName ),\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] );\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\tsetEditingElement( elements.length );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ hasElements &&\n\t\t\t\t\t\t( ! isEditing ||\n\t\t\t\t\t\t\t! canOnlyChangeValues ||\n\t\t\t\t\t\t\tcanReset ) && (\n\t\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\t\ticon={ moreVertical }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tisGradient\n\t\t\t\t\t\t\t\t\t\t? __( 'Gradient options' )\n\t\t\t\t\t\t\t\t\t\t: __( 'Color options' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ( { onClose }: { onClose: () => void } ) => (\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t<NavigableMenu role=\"menu\">\n\t\t\t\t\t\t\t\t\t\t\t{ ! isEditing && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( true );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Show details' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ ! canOnlyChangeValues && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetIsEditing( false );\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"components-palette-edit__menu-button\"\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all gradients'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'Remove all colors'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t{ canReset && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsetEditingElement(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tnull\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonChange();\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ isGradient\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? __( 'Reset gradient' )\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: __( 'Reset colors' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t\t) }\n\t\t\t\t</PaletteActionsContainer>\n\t\t\t</PaletteHStackHeader>\n\t\t\t{ hasElements && (\n\t\t\t\t<>\n\t\t\t\t\t{ isEditing && (\n\t\t\t\t\t\t<PaletteEditListView< ( typeof elements )[ number ] >\n\t\t\t\t\t\t\tcanOnlyChangeValues={ canOnlyChangeValues }\n\t\t\t\t\t\t\telements={ elements }\n\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\teditingElement={ editingElement }\n\t\t\t\t\t\t\tsetEditingElement={ setEditingElement }\n\t\t\t\t\t\t\tslugPrefix={ slugPrefix }\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing && editingElement !== null && (\n\t\t\t\t\t\t<ColorPickerPopover\n\t\t\t\t\t\t\tisGradient={ isGradient }\n\t\t\t\t\t\t\tonClose={ () => setEditingElement( null ) }\n\t\t\t\t\t\t\tonChange={ (\n\t\t\t\t\t\t\t\tnewElement: ( typeof elements )[ number ]\n\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\tdebounceOnChange(\n\t\t\t\t\t\t\t\t\t// @ts-expect-error TODO: Don't know how to resolve\n\t\t\t\t\t\t\t\t\telements.map(\n\t\t\t\t\t\t\t\t\t\t(\n\t\t\t\t\t\t\t\t\t\t\tcurrentElement: ( typeof elements )[ number ],\n\t\t\t\t\t\t\t\t\t\t\tcurrentIndex: number\n\t\t\t\t\t\t\t\t\t\t) => {\n\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\tcurrentIndex === editingElement\n\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\treturn newElement;\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\treturn currentElement;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\telement={ elements[ editingElement ?? -1 ] }\n\t\t\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t{ ! isEditing &&\n\t\t\t\t\t\t( isGradient ? (\n\t\t\t\t\t\t\t<GradientPicker\n\t\t\t\t\t\t\t\t__nextHasNoMargin\n\t\t\t\t\t\t\t\tgradients={ gradients }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomGradients={ true }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tcolors={ colors }\n\t\t\t\t\t\t\t\tonChange={ onSelectPaletteItem }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) ) }\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ ! hasElements && emptyMessage }\n\t\t</PaletteEditStyles>\n\t);\n}\n\nexport default PaletteEdit;\n"],"mappings":"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"}