@wordpress/block-editor 15.4.1-next.f56bd8138.0 → 15.5.1-next.47f435fc9.0

package/build-module/components/colors-gradients/control.js

@@ -1,28 +1,23 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { BaseControl, __experimentalVStack as VStack, ColorPalette, GradientPicker, privateApis as componentsPrivateApis } from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import { useSettings } from '../use-settings';
-import { unlock } from '../../lock-unlock';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  Tabs
-} = unlock(componentsPrivateApis);
-const colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
-const TAB_IDS = {
-  color: 'color',
-  gradient: 'gradient'
-};
+import { jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { __ } from "@wordpress/i18n";
+import {
+  BaseControl,
+  __experimentalVStack as VStack,
+  ColorPalette,
+  GradientPicker,
+  privateApis as componentsPrivateApis
+} from "@wordpress/components";
+import { useSettings } from "../use-settings";
+import { unlock } from "../../lock-unlock";
+const { Tabs } = unlock(componentsPrivateApis);
+const colorsAndGradientKeys = [
+  "colors",
+  "disableCustomColors",
+  "gradients",
+  "disableCustomGradients"
+];
+const TAB_IDS = { color: "color", gradient: "gradient" };
 function ColorGradientControlInner({
   colors,
   gradients,
@@ -46,97 +41,109 @@ function ColorGradientControlInner({
     return null;
   }
   const tabPanels = {
-    [TAB_IDS.color]: /*#__PURE__*/_jsx(ColorPalette, {
-      value: colorValue,
-      onChange: canChooseAGradient ? newColor => {
-        onColorChange(newColor);
-        onGradientChange();
-      } : onColorChange,
-      colors,
-      disableCustomColors,
-      __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,
-      clearable: clearable,
-      enableAlpha: enableAlpha,
-      headingLevel: headingLevel
-    }),
-    [TAB_IDS.gradient]: /*#__PURE__*/_jsx(GradientPicker, {
-      value: gradientValue,
-      onChange: canChooseAColor ? newGradient => {
-        onGradientChange(newGradient);
-        onColorChange();
-      } : onGradientChange,
-      gradients,
-      disableCustomGradients,
-      __experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,
-      clearable: clearable,
-      headingLevel: headingLevel
-    })
+    [TAB_IDS.color]: /* @__PURE__ */ jsx(
+      ColorPalette,
+      {
+        value: colorValue,
+        onChange: canChooseAGradient ? (newColor) => {
+          onColorChange(newColor);
+          onGradientChange();
+        } : onColorChange,
+        ...{ colors, disableCustomColors },
+        __experimentalIsRenderedInSidebar,
+        clearable,
+        enableAlpha,
+        headingLevel
+      }
+    ),
+    [TAB_IDS.gradient]: /* @__PURE__ */ jsx(
+      GradientPicker,
+      {
+        value: gradientValue,
+        onChange: canChooseAColor ? (newGradient) => {
+          onGradientChange(newGradient);
+          onColorChange();
+        } : onGradientChange,
+        ...{ gradients, disableCustomGradients },
+        __experimentalIsRenderedInSidebar,
+        clearable,
+        headingLevel
+      }
+    )
   };
-  const renderPanelType = type => /*#__PURE__*/_jsx("div", {
-    className: "block-editor-color-gradient-control__panel",
-    children: tabPanels[type]
-  });
-  return /*#__PURE__*/_jsx(BaseControl, {
-    __nextHasNoMarginBottom: true,
-    className: clsx('block-editor-color-gradient-control', className),
-    children: /*#__PURE__*/_jsx("fieldset", {
-      className: "block-editor-color-gradient-control__fieldset",
-      children: /*#__PURE__*/_jsxs(VStack, {
-        spacing: 1,
-        children: [showTitle && /*#__PURE__*/_jsx("legend", {
-          children: /*#__PURE__*/_jsx("div", {
-            className: "block-editor-color-gradient-control__color-indicator",
-            children: /*#__PURE__*/_jsx(BaseControl.VisualLabel, {
-              children: label
-            })
-          })
-        }), canChooseAColor && canChooseAGradient && /*#__PURE__*/_jsx("div", {
-          children: /*#__PURE__*/_jsxs(Tabs, {
+  const renderPanelType = (type) => /* @__PURE__ */ jsx("div", { className: "block-editor-color-gradient-control__panel", children: tabPanels[type] });
+  return /* @__PURE__ */ jsx(
+    BaseControl,
+    {
+      __nextHasNoMarginBottom: true,
+      className: clsx(
+        "block-editor-color-gradient-control",
+        className
+      ),
+      children: /* @__PURE__ */ jsx("fieldset", { className: "block-editor-color-gradient-control__fieldset", children: /* @__PURE__ */ jsxs(VStack, { spacing: 1, children: [
+        showTitle && /* @__PURE__ */ jsx("legend", { children: /* @__PURE__ */ jsx("div", { className: "block-editor-color-gradient-control__color-indicator", children: /* @__PURE__ */ jsx(BaseControl.VisualLabel, { children: label }) }) }),
+        canChooseAColor && canChooseAGradient && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
+          Tabs,
+          {
             defaultTabId: gradientValue ? TAB_IDS.gradient : !!canChooseAColor && TAB_IDS.color,
-            children: [/*#__PURE__*/_jsxs(Tabs.TabList, {
-              children: [/*#__PURE__*/_jsx(Tabs.Tab, {
-                tabId: TAB_IDS.color,
-                children: __('Color')
-              }), /*#__PURE__*/_jsx(Tabs.Tab, {
-                tabId: TAB_IDS.gradient,
-                children: __('Gradient')
-              })]
-            }), /*#__PURE__*/_jsx(Tabs.TabPanel, {
-              tabId: TAB_IDS.color,
-              className: "block-editor-color-gradient-control__panel",
-              focusable: false,
-              children: tabPanels.color
-            }), /*#__PURE__*/_jsx(Tabs.TabPanel, {
-              tabId: TAB_IDS.gradient,
-              className: "block-editor-color-gradient-control__panel",
-              focusable: false,
-              children: tabPanels.gradient
-            })]
-          })
-        }), !canChooseAGradient && renderPanelType(TAB_IDS.color), !canChooseAColor && renderPanelType(TAB_IDS.gradient)]
-      })
-    })
-  });
+            children: [
+              /* @__PURE__ */ jsxs(Tabs.TabList, { children: [
+                /* @__PURE__ */ jsx(Tabs.Tab, { tabId: TAB_IDS.color, children: __("Color") }),
+                /* @__PURE__ */ jsx(Tabs.Tab, { tabId: TAB_IDS.gradient, children: __("Gradient") })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Tabs.TabPanel,
+                {
+                  tabId: TAB_IDS.color,
+                  className: "block-editor-color-gradient-control__panel",
+                  focusable: false,
+                  children: tabPanels.color
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Tabs.TabPanel,
+                {
+                  tabId: TAB_IDS.gradient,
+                  className: "block-editor-color-gradient-control__panel",
+                  focusable: false,
+                  children: tabPanels.gradient
+                }
+              )
+            ]
+          }
+        ) }),
+        !canChooseAGradient && renderPanelType(TAB_IDS.color),
+        !canChooseAColor && renderPanelType(TAB_IDS.gradient)
+      ] }) })
+    }
+  );
 }
 function ColorGradientControlSelect(props) {
-  const [colors, gradients, customColors, customGradients] = useSettings('color.palette', 'color.gradients', 'color.custom', 'color.customGradient');
-  return /*#__PURE__*/_jsx(ColorGradientControlInner, {
-    colors: colors,
-    gradients: gradients,
-    disableCustomColors: !customColors,
-    disableCustomGradients: !customGradients,
-    ...props
-  });
+  const [colors, gradients, customColors, customGradients] = useSettings(
+    "color.palette",
+    "color.gradients",
+    "color.custom",
+    "color.customGradient"
+  );
+  return /* @__PURE__ */ jsx(
+    ColorGradientControlInner,
+    {
+      colors,
+      gradients,
+      disableCustomColors: !customColors,
+      disableCustomGradients: !customGradients,
+      ...props
+    }
+  );
 }
 function ColorGradientControl(props) {
-  if (colorsAndGradientKeys.every(key => props.hasOwnProperty(key))) {
-    return /*#__PURE__*/_jsx(ColorGradientControlInner, {
-      ...props
-    });
+  if (colorsAndGradientKeys.every((key) => props.hasOwnProperty(key))) {
+    return /* @__PURE__ */ jsx(ColorGradientControlInner, { ...props });
   }
-  return /*#__PURE__*/_jsx(ColorGradientControlSelect, {
-    ...props
-  });
+  return /* @__PURE__ */ jsx(ColorGradientControlSelect, { ...props });
 }
-export default ColorGradientControl;
-//# sourceMappingURL=control.js.map
+var control_default = ColorGradientControl;
+export {
+  control_default as default
+};
+//# sourceMappingURL=control.js.map

package/build-module/components/colors-gradients/control.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","__","BaseControl","__experimentalVStack","VStack","ColorPalette","GradientPicker","privateApis","componentsPrivateApis","useSettings","unlock","jsx","_jsx","jsxs","_jsxs","Tabs","colorsAndGradientKeys","TAB_IDS","color","gradient","ColorGradientControlInner","colors","gradients","disableCustomColors","disableCustomGradients","__experimentalIsRenderedInSidebar","className","label","onColorChange","onGradientChange","colorValue","gradientValue","clearable","showTitle","enableAlpha","headingLevel","canChooseAColor","length","canChooseAGradient","tabPanels","value","onChange","newColor","newGradient","renderPanelType","type","children","__nextHasNoMarginBottom","spacing","VisualLabel","defaultTabId","TabList","Tab","tabId","TabPanel","focusable","ColorGradientControlSelect","props","customColors","customGradients","ColorGradientControl","every","key","hasOwnProperty"],"sources":["@wordpress/block-editor/src/components/colors-gradients/control.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBaseControl,\n\t__experimentalVStack as VStack,\n\tColorPalette,\n\tGradientPicker,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\nconst colorsAndGradientKeys = [\n\t'colors',\n\t'disableCustomColors',\n\t'gradients',\n\t'disableCustomGradients',\n];\n\nconst TAB_IDS = { color: 'color', gradient: 'gradient' };\n\nfunction ColorGradientControlInner( {\n\tcolors,\n\tgradients,\n\tdisableCustomColors,\n\tdisableCustomGradients,\n\t__experimentalIsRenderedInSidebar,\n\tclassName,\n\tlabel,\n\tonColorChange,\n\tonGradientChange,\n\tcolorValue,\n\tgradientValue,\n\tclearable,\n\tshowTitle = true,\n\tenableAlpha,\n\theadingLevel,\n} ) {\n\tconst canChooseAColor =\n\t\tonColorChange &&\n\t\t( ( colors && colors.length > 0 ) || ! disableCustomColors );\n\tconst canChooseAGradient =\n\t\tonGradientChange &&\n\t\t( ( gradients && gradients.length > 0 ) || ! disableCustomGradients );\n\n\tif ( ! canChooseAColor && ! canChooseAGradient ) {\n\t\treturn null;\n\t}\n\n\tconst tabPanels = {\n\t\t[ TAB_IDS.color ]: (\n\t\t\t<ColorPalette\n\t\t\t\tvalue={ colorValue }\n\t\t\t\tonChange={\n\t\t\t\t\tcanChooseAGradient\n\t\t\t\t\t\t? ( newColor ) => {\n\t\t\t\t\t\t\t\tonColorChange( newColor );\n\t\t\t\t\t\t\t\tonGradientChange();\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onColorChange\n\t\t\t\t}\n\t\t\t\t{ ...{ colors, disableCustomColors } }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tclearable={ clearable }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t),\n\t\t[ TAB_IDS.gradient ]: (\n\t\t\t<GradientPicker\n\t\t\t\tvalue={ gradientValue }\n\t\t\t\tonChange={\n\t\t\t\t\tcanChooseAColor\n\t\t\t\t\t\t? ( newGradient ) => {\n\t\t\t\t\t\t\t\tonGradientChange( newGradient );\n\t\t\t\t\t\t\t\tonColorChange();\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onGradientChange\n\t\t\t\t}\n\t\t\t\t{ ...{ gradients, disableCustomGradients } }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tclearable={ clearable }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t),\n\t};\n\n\tconst renderPanelType = ( type ) => (\n\t\t<div className=\"block-editor-color-gradient-control__panel\">\n\t\t\t{ tabPanels[ type ] }\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-color-gradient-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<fieldset className=\"block-editor-color-gradient-control__fieldset\">\n\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t<legend>\n\t\t\t\t\t\t\t<div className=\"block-editor-color-gradient-control__color-indicator\">\n\t\t\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</legend>\n\t\t\t\t\t) }\n\t\t\t\t\t{ canChooseAColor && canChooseAGradient && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Tabs\n\t\t\t\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\t\t\t\tgradientValue\n\t\t\t\t\t\t\t\t\t\t? TAB_IDS.gradient\n\t\t\t\t\t\t\t\t\t\t: !! canChooseAColor && TAB_IDS.color\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<Tabs.TabList>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId={ TAB_IDS.color }>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Color' ) }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId={ TAB_IDS.gradient }>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Gradient' ) }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId={ TAB_IDS.color }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-color-gradient-control__panel\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ tabPanels.color }\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId={ TAB_IDS.gradient }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-color-gradient-control__panel\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ tabPanels.gradient }\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! canChooseAGradient && renderPanelType( TAB_IDS.color ) }\n\t\t\t\t\t{ ! canChooseAColor && renderPanelType( TAB_IDS.gradient ) }\n\t\t\t\t</VStack>\n\t\t\t</fieldset>\n\t\t</BaseControl>\n\t);\n}\n\nfunction ColorGradientControlSelect( props ) {\n\tconst [ colors, gradients, customColors, customGradients ] = useSettings(\n\t\t'color.palette',\n\t\t'color.gradients',\n\t\t'color.custom',\n\t\t'color.customGradient'\n\t);\n\n\treturn (\n\t\t<ColorGradientControlInner\n\t\t\tcolors={ colors }\n\t\t\tgradients={ gradients }\n\t\t\tdisableCustomColors={ ! customColors }\n\t\t\tdisableCustomGradients={ ! customGradients }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction ColorGradientControl( props ) {\n\tif (\n\t\tcolorsAndGradientKeys.every( ( key ) => props.hasOwnProperty( key ) )\n\t) {\n\t\treturn <ColorGradientControlInner { ...props } />;\n\t}\n\treturn <ColorGradientControlSelect { ...props } />;\n}\n\nexport default ColorGradientControl;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SACCC,WAAW,EACXC,oBAAoB,IAAIC,MAAM,EAC9BC,YAAY,EACZC,cAAc,EACdC,WAAW,IAAIC,qBAAqB,QAC9B,uBAAuB;;AAE9B;AACA;AACA;AACA,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,MAAM,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAM;EAAEC;AAAK,CAAC,GAAGL,MAAM,CAAEF,qBAAsB,CAAC;AAChD,MAAMQ,qBAAqB,GAAG,CAC7B,QAAQ,EACR,qBAAqB,EACrB,WAAW,EACX,wBAAwB,CACxB;AAED,MAAMC,OAAO,GAAG;EAAEC,KAAK,EAAE,OAAO;EAAEC,QAAQ,EAAE;AAAW,CAAC;AAExD,SAASC,yBAAyBA,CAAE;EACnCC,MAAM;EACNC,SAAS;EACTC,mBAAmB;EACnBC,sBAAsB;EACtBC,iCAAiC;EACjCC,SAAS;EACTC,KAAK;EACLC,aAAa;EACbC,gBAAgB;EAChBC,UAAU;EACVC,aAAa;EACbC,SAAS;EACTC,SAAS,GAAG,IAAI;EAChBC,WAAW;EACXC;AACD,CAAC,EAAG;EACH,MAAMC,eAAe,GACpBR,aAAa,KACTP,MAAM,IAAIA,MAAM,CAACgB,MAAM,GAAG,CAAC,IAAM,CAAEd,mBAAmB,CAAE;EAC7D,MAAMe,kBAAkB,GACvBT,gBAAgB,KACZP,SAAS,IAAIA,SAAS,CAACe,MAAM,GAAG,CAAC,IAAM,CAAEb,sBAAsB,CAAE;EAEtE,IAAK,CAAEY,eAAe,IAAI,CAAEE,kBAAkB,EAAG;IAChD,OAAO,IAAI;EACZ;EAEA,MAAMC,SAAS,GAAG;IACjB,CAAEtB,OAAO,CAACC,KAAK,gBACdN,IAAA,CAACP,YAAY;MACZmC,KAAK,EAAGV,UAAY;MACpBW,QAAQ,EACPH,kBAAkB,GACbI,QAAQ,IAAM;QAChBd,aAAa,CAAEc,QAAS,CAAC;QACzBb,gBAAgB,CAAC,CAAC;MAClB,CAAC,GACDD,aACH;MACMP,MAAM;MAAEE,mBAAmB;MAClCE,iCAAiC,EAChCA,iCACA;MACDO,SAAS,EAAGA,SAAW;MACvBE,WAAW,EAAGA,WAAa;MAC3BC,YAAY,EAAGA;IAAc,CAC7B,CACD;IACD,CAAElB,OAAO,CAACE,QAAQ,gBACjBP,IAAA,CAACN,cAAc;MACdkC,KAAK,EAAGT,aAAe;MACvBU,QAAQ,EACPL,eAAe,GACVO,WAAW,IAAM;QACnBd,gBAAgB,CAAEc,WAAY,CAAC;QAC/Bf,aAAa,CAAC,CAAC;MACf,CAAC,GACDC,gBACH;MACMP,SAAS;MAAEE,sBAAsB;MACxCC,iCAAiC,EAChCA,iCACA;MACDO,SAAS,EAAGA,SAAW;MACvBG,YAAY,EAAGA;IAAc,CAC7B;EAEH,CAAC;EAED,MAAMS,eAAe,GAAKC,IAAI,iBAC7BjC,IAAA;IAAKc,SAAS,EAAC,4CAA4C;IAAAoB,QAAA,EACxDP,SAAS,CAAEM,IAAI;EAAE,CACf,CACL;EAED,oBACCjC,IAAA,CAACV,WAAW;IACX6C,uBAAuB;IACvBrB,SAAS,EAAG1B,IAAI,CACf,qCAAqC,EACrC0B,SACD,CAAG;IAAAoB,QAAA,eAEHlC,IAAA;MAAUc,SAAS,EAAC,+CAA+C;MAAAoB,QAAA,eAClEhC,KAAA,CAACV,MAAM;QAAC4C,OAAO,EAAG,CAAG;QAAAF,QAAA,GAClBb,SAAS,iBACVrB,IAAA;UAAAkC,QAAA,eACClC,IAAA;YAAKc,SAAS,EAAC,sDAAsD;YAAAoB,QAAA,eACpElC,IAAA,CAACV,WAAW,CAAC+C,WAAW;cAAAH,QAAA,EACrBnB;YAAK,CACiB;UAAC,CACtB;QAAC,CACC,CACR,EACCS,eAAe,IAAIE,kBAAkB,iBACtC1B,IAAA;UAAAkC,QAAA,eACChC,KAAA,CAACC,IAAI;YACJmC,YAAY,EACXnB,aAAa,GACVd,OAAO,CAACE,QAAQ,GAChB,CAAC,CAAEiB,eAAe,IAAInB,OAAO,CAACC,KACjC;YAAA4B,QAAA,gBAEDhC,KAAA,CAACC,IAAI,CAACoC,OAAO;cAAAL,QAAA,gBACZlC,IAAA,CAACG,IAAI,CAACqC,GAAG;gBAACC,KAAK,EAAGpC,OAAO,CAACC,KAAO;gBAAA4B,QAAA,EAC9B7C,EAAE,CAAE,OAAQ;cAAC,CACN,CAAC,eACXW,IAAA,CAACG,IAAI,CAACqC,GAAG;gBAACC,KAAK,EAAGpC,OAAO,CAACE,QAAU;gBAAA2B,QAAA,EACjC7C,EAAE,CAAE,UAAW;cAAC,CACT,CAAC;YAAA,CACE,CAAC,eACfW,IAAA,CAACG,IAAI,CAACuC,QAAQ;cACbD,KAAK,EAAGpC,OAAO,CAACC,KAAO;cACvBQ,SAAS,EAAC,4CAA4C;cACtD6B,SAAS,EAAG,KAAO;cAAAT,QAAA,EAEjBP,SAAS,CAACrB;YAAK,CACH,CAAC,eAChBN,IAAA,CAACG,IAAI,CAACuC,QAAQ;cACbD,KAAK,EAAGpC,OAAO,CAACE,QAAU;cAC1BO,SAAS,EAAC,4CAA4C;cACtD6B,SAAS,EAAG,KAAO;cAAAT,QAAA,EAEjBP,SAAS,CAACpB;YAAQ,CACN,CAAC;UAAA,CACX;QAAC,CACH,CACL,EAEC,CAAEmB,kBAAkB,IAAIM,eAAe,CAAE3B,OAAO,CAACC,KAAM,CAAC,EACxD,CAAEkB,eAAe,IAAIQ,eAAe,CAAE3B,OAAO,CAACE,QAAS,CAAC;MAAA,CACnD;IAAC,CACA;EAAC,CACC,CAAC;AAEhB;AAEA,SAASqC,0BAA0BA,CAAEC,KAAK,EAAG;EAC5C,MAAM,CAAEpC,MAAM,EAAEC,SAAS,EAAEoC,YAAY,EAAEC,eAAe,CAAE,GAAGlD,WAAW,CACvE,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,sBACD,CAAC;EAED,oBACCG,IAAA,CAACQ,yBAAyB;IACzBC,MAAM,EAAGA,MAAQ;IACjBC,SAAS,EAAGA,SAAW;IACvBC,mBAAmB,EAAG,CAAEmC,YAAc;IACtClC,sBAAsB,EAAG,CAAEmC,eAAiB;IAAA,GACvCF;EAAK,CACV,CAAC;AAEJ;AAEA,SAASG,oBAAoBA,CAAEH,KAAK,EAAG;EACtC,IACCzC,qBAAqB,CAAC6C,KAAK,CAAIC,GAAG,IAAML,KAAK,CAACM,cAAc,CAAED,GAAI,CAAE,CAAC,EACpE;IACD,oBAAOlD,IAAA,CAACQ,yBAAyB;MAAA,GAAMqC;IAAK,CAAI,CAAC;EAClD;EACA,oBAAO7C,IAAA,CAAC4C,0BAA0B;IAAA,GAAMC;EAAK,CAAI,CAAC;AACnD;AAEA,eAAeG,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/colors-gradients/control.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tBaseControl,\n\t__experimentalVStack as VStack,\n\tColorPalette,\n\tGradientPicker,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { useSettings } from '../use-settings';\nimport { unlock } from '../../lock-unlock';\n\nconst { Tabs } = unlock( componentsPrivateApis );\nconst colorsAndGradientKeys = [\n\t'colors',\n\t'disableCustomColors',\n\t'gradients',\n\t'disableCustomGradients',\n];\n\nconst TAB_IDS = { color: 'color', gradient: 'gradient' };\n\nfunction ColorGradientControlInner( {\n\tcolors,\n\tgradients,\n\tdisableCustomColors,\n\tdisableCustomGradients,\n\t__experimentalIsRenderedInSidebar,\n\tclassName,\n\tlabel,\n\tonColorChange,\n\tonGradientChange,\n\tcolorValue,\n\tgradientValue,\n\tclearable,\n\tshowTitle = true,\n\tenableAlpha,\n\theadingLevel,\n} ) {\n\tconst canChooseAColor =\n\t\tonColorChange &&\n\t\t( ( colors && colors.length > 0 ) || ! disableCustomColors );\n\tconst canChooseAGradient =\n\t\tonGradientChange &&\n\t\t( ( gradients && gradients.length > 0 ) || ! disableCustomGradients );\n\n\tif ( ! canChooseAColor && ! canChooseAGradient ) {\n\t\treturn null;\n\t}\n\n\tconst tabPanels = {\n\t\t[ TAB_IDS.color ]: (\n\t\t\t<ColorPalette\n\t\t\t\tvalue={ colorValue }\n\t\t\t\tonChange={\n\t\t\t\t\tcanChooseAGradient\n\t\t\t\t\t\t? ( newColor ) => {\n\t\t\t\t\t\t\t\tonColorChange( newColor );\n\t\t\t\t\t\t\t\tonGradientChange();\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onColorChange\n\t\t\t\t}\n\t\t\t\t{ ...{ colors, disableCustomColors } }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tclearable={ clearable }\n\t\t\t\tenableAlpha={ enableAlpha }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t),\n\t\t[ TAB_IDS.gradient ]: (\n\t\t\t<GradientPicker\n\t\t\t\tvalue={ gradientValue }\n\t\t\t\tonChange={\n\t\t\t\t\tcanChooseAColor\n\t\t\t\t\t\t? ( newGradient ) => {\n\t\t\t\t\t\t\t\tonGradientChange( newGradient );\n\t\t\t\t\t\t\t\tonColorChange();\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: onGradientChange\n\t\t\t\t}\n\t\t\t\t{ ...{ gradients, disableCustomGradients } }\n\t\t\t\t__experimentalIsRenderedInSidebar={\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t}\n\t\t\t\tclearable={ clearable }\n\t\t\t\theadingLevel={ headingLevel }\n\t\t\t/>\n\t\t),\n\t};\n\n\tconst renderPanelType = ( type ) => (\n\t\t<div className=\"block-editor-color-gradient-control__panel\">\n\t\t\t{ tabPanels[ type ] }\n\t\t</div>\n\t);\n\n\treturn (\n\t\t<BaseControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tclassName={ clsx(\n\t\t\t\t'block-editor-color-gradient-control',\n\t\t\t\tclassName\n\t\t\t) }\n\t\t>\n\t\t\t<fieldset className=\"block-editor-color-gradient-control__fieldset\">\n\t\t\t\t<VStack spacing={ 1 }>\n\t\t\t\t\t{ showTitle && (\n\t\t\t\t\t\t<legend>\n\t\t\t\t\t\t\t<div className=\"block-editor-color-gradient-control__color-indicator\">\n\t\t\t\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</legend>\n\t\t\t\t\t) }\n\t\t\t\t\t{ canChooseAColor && canChooseAGradient && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<Tabs\n\t\t\t\t\t\t\t\tdefaultTabId={\n\t\t\t\t\t\t\t\t\tgradientValue\n\t\t\t\t\t\t\t\t\t\t? TAB_IDS.gradient\n\t\t\t\t\t\t\t\t\t\t: !! canChooseAColor && TAB_IDS.color\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<Tabs.TabList>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId={ TAB_IDS.color }>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Color' ) }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t\t<Tabs.Tab tabId={ TAB_IDS.gradient }>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Gradient' ) }\n\t\t\t\t\t\t\t\t\t</Tabs.Tab>\n\t\t\t\t\t\t\t\t</Tabs.TabList>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId={ TAB_IDS.color }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-color-gradient-control__panel\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ tabPanels.color }\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t\t<Tabs.TabPanel\n\t\t\t\t\t\t\t\t\ttabId={ TAB_IDS.gradient }\n\t\t\t\t\t\t\t\t\tclassName=\"block-editor-color-gradient-control__panel\"\n\t\t\t\t\t\t\t\t\tfocusable={ false }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ tabPanels.gradient }\n\t\t\t\t\t\t\t\t</Tabs.TabPanel>\n\t\t\t\t\t\t\t</Tabs>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) }\n\n\t\t\t\t\t{ ! canChooseAGradient && renderPanelType( TAB_IDS.color ) }\n\t\t\t\t\t{ ! canChooseAColor && renderPanelType( TAB_IDS.gradient ) }\n\t\t\t\t</VStack>\n\t\t\t</fieldset>\n\t\t</BaseControl>\n\t);\n}\n\nfunction ColorGradientControlSelect( props ) {\n\tconst [ colors, gradients, customColors, customGradients ] = useSettings(\n\t\t'color.palette',\n\t\t'color.gradients',\n\t\t'color.custom',\n\t\t'color.customGradient'\n\t);\n\n\treturn (\n\t\t<ColorGradientControlInner\n\t\t\tcolors={ colors }\n\t\t\tgradients={ gradients }\n\t\t\tdisableCustomColors={ ! customColors }\n\t\t\tdisableCustomGradients={ ! customGradients }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\nfunction ColorGradientControl( props ) {\n\tif (\n\t\tcolorsAndGradientKeys.every( ( key ) => props.hasOwnProperty( key ) )\n\t) {\n\t\treturn <ColorGradientControlInner { ...props } />;\n\t}\n\treturn <ColorGradientControlSelect { ...props } />;\n}\n\nexport default ColorGradientControl;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/components/colors-gradients/dropdown.js

@@ -1,34 +1,19 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Button, ColorIndicator, Dropdown, FlexItem, __experimentalDropdownContentWrapper as DropdownContentWrapper, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
-import { useRef } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { reset as resetIcon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import ColorGradientControl from './control';
-
-// When the `ColorGradientSettingsDropdown` controls are being rendered to a
-// `ToolsPanel` they must be wrapped in a `ToolsPanelItem`.
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const WithToolsPanelItem = ({
-  setting,
-  children,
-  panelId,
-  ...props
-}) => {
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import {
+  Button,
+  ColorIndicator,
+  Dropdown,
+  FlexItem,
+  __experimentalDropdownContentWrapper as DropdownContentWrapper,
+  __experimentalHStack as HStack,
+  __experimentalToolsPanelItem as ToolsPanelItem
+} from "@wordpress/components";
+import { useRef } from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import { reset as resetIcon } from "@wordpress/icons";
+import ColorGradientControl from "./control";
+const WithToolsPanelItem = ({ setting, children, panelId, ...props }) => {
   const clearValue = () => {
     if (setting.colorValue) {
       setting.onColorChange();
@@ -36,45 +21,41 @@ const WithToolsPanelItem = ({
       setting.onGradientChange();
     }
   };
-  return /*#__PURE__*/_jsx(ToolsPanelItem, {
-    hasValue: () => {
-      return !!setting.colorValue || !!setting.gradientValue;
-    },
-    label: setting.label,
-    onDeselect: clearValue,
-    isShownByDefault: setting.isShownByDefault !== undefined ? setting.isShownByDefault : true,
-    ...props,
-    className: "block-editor-tools-panel-color-gradient-settings__item",
-    panelId: panelId
-    // Pass resetAllFilter if supplied due to rendering via SlotFill
-    // into parent ToolsPanel.
-    ,
-    resetAllFilter: setting.resetAllFilter,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(
+    ToolsPanelItem,
+    {
+      hasValue: () => {
+        return !!setting.colorValue || !!setting.gradientValue;
+      },
+      label: setting.label,
+      onDeselect: clearValue,
+      isShownByDefault: setting.isShownByDefault !== void 0 ? setting.isShownByDefault : true,
+      ...props,
+      className: "block-editor-tools-panel-color-gradient-settings__item",
+      panelId,
+      resetAllFilter: setting.resetAllFilter,
+      children
+    }
+  );
 };
-const LabeledColorIndicator = ({
-  colorValue,
-  label
-}) => /*#__PURE__*/_jsxs(HStack, {
-  justify: "flex-start",
-  children: [/*#__PURE__*/_jsx(ColorIndicator, {
-    className: "block-editor-panel-color-gradient-settings__color-indicator",
-    colorValue: colorValue
-  }), /*#__PURE__*/_jsx(FlexItem, {
-    className: "block-editor-panel-color-gradient-settings__color-name",
-    title: label,
-    children: label
-  })]
-});
-
-// Renders a color dropdown's toggle as an `Item` if it is within an `ItemGroup`
-// or as a `Button` if it isn't e.g. the controls are being rendered in
-// a `ToolsPanel`.
-const renderToggle = settings => ({
-  onToggle,
-  isOpen
-}) => {
+const LabeledColorIndicator = ({ colorValue, label }) => /* @__PURE__ */ jsxs(HStack, { justify: "flex-start", children: [
+  /* @__PURE__ */ jsx(
+    ColorIndicator,
+    {
+      className: "block-editor-panel-color-gradient-settings__color-indicator",
+      colorValue
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    FlexItem,
+    {
+      className: "block-editor-panel-color-gradient-settings__color-name",
+      title: label,
+      children: label
+    }
+  )
+] });
+const renderToggle = (settings) => ({ onToggle, isOpen }) => {
   const {
     clearable,
     colorValue,
@@ -83,13 +64,14 @@ const renderToggle = settings => ({
     onGradientChange,
     label
   } = settings;
-  const colorButtonRef = useRef(undefined);
+  const colorButtonRef = useRef(void 0);
   const toggleProps = {
     onClick: onToggle,
-    className: clsx('block-editor-panel-color-gradient-settings__dropdown', {
-      'is-open': isOpen
-    }),
-    'aria-expanded': isOpen,
+    className: clsx(
+      "block-editor-panel-color-gradient-settings__dropdown",
+      { "is-open": isOpen }
+    ),
+    "aria-expanded": isOpen,
     ref: colorButtonRef
   };
   const clearValue = () => {
@@ -99,41 +81,35 @@ const renderToggle = settings => ({
       onGradientChange();
     }
   };
-  const value = colorValue !== null && colorValue !== void 0 ? colorValue : gradientValue;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      ...toggleProps,
-      children: /*#__PURE__*/_jsx(LabeledColorIndicator, {
+  const value = colorValue ?? gradientValue;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Button, { __next40pxDefaultSize: true, ...toggleProps, children: /* @__PURE__ */ jsx(
+      LabeledColorIndicator,
+      {
         colorValue: value,
-        label: label
-      })
-    }), clearable && value && /*#__PURE__*/_jsx(Button, {
-      __next40pxDefaultSize: true,
-      label: __('Reset'),
-      className: "block-editor-panel-color-gradient-settings__reset",
-      size: "small",
-      icon: resetIcon,
-      onClick: () => {
-        clearValue();
-        if (isOpen) {
-          onToggle();
+        label
+      }
+    ) }),
+    clearable && value && /* @__PURE__ */ jsx(
+      Button,
+      {
+        __next40pxDefaultSize: true,
+        label: __("Reset"),
+        className: "block-editor-panel-color-gradient-settings__reset",
+        size: "small",
+        icon: resetIcon,
+        onClick: () => {
+          clearValue();
+          if (isOpen) {
+            onToggle();
+          }
+          colorButtonRef.current?.focus();
         }
-        // Return focus to parent button
-        colorButtonRef.current?.focus();
       }
-    })]
-  });
+    )
+  ] });
 };
-
-// Renders a collection of color controls as dropdowns. Depending upon the
-// context in which these dropdowns are being rendered, they may be wrapped
-// in an `ItemGroup` with each dropdown's toggle as an `Item`, or alternatively,
-// the may be individually wrapped in a `ToolsPanelItem` with the toggle as
-// a regular `Button`.
-//
-// For more context see: https://github.com/WordPress/gutenberg/pull/40084
-export default function ColorGradientSettingsDropdown({
+function ColorGradientSettingsDropdown({
   colors,
   disableCustomColors,
   disableCustomGradients,
@@ -146,60 +122,63 @@ export default function ColorGradientSettingsDropdown({
   let popoverProps;
   if (__experimentalIsRenderedInSidebar) {
     popoverProps = {
-      placement: 'left-start',
+      placement: "left-start",
       offset: 36,
       shift: true
     };
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: settings.map((setting, index) => {
-      const controlProps = {
-        clearable: false,
-        colorValue: setting.colorValue,
-        colors,
-        disableCustomColors,
-        disableCustomGradients,
-        enableAlpha,
-        gradientValue: setting.gradientValue,
-        gradients,
-        label: setting.label,
-        onColorChange: setting.onColorChange,
-        onGradientChange: setting.onGradientChange,
-        showTitle: false,
-        __experimentalIsRenderedInSidebar,
-        ...setting
-      };
-      const toggleSettings = {
-        clearable: setting.clearable,
-        label: setting.label,
-        colorValue: setting.colorValue,
-        gradientValue: setting.gradientValue,
-        onColorChange: setting.onColorChange,
-        onGradientChange: setting.onGradientChange
-      };
-      return setting &&
-      /*#__PURE__*/
-      // If not in an `ItemGroup` wrap the dropdown in a
-      // `ToolsPanelItem`
-      _jsx(WithToolsPanelItem, {
-        setting: setting,
+  return /* @__PURE__ */ jsx(Fragment, { children: settings.map((setting, index) => {
+    const controlProps = {
+      clearable: false,
+      colorValue: setting.colorValue,
+      colors,
+      disableCustomColors,
+      disableCustomGradients,
+      enableAlpha,
+      gradientValue: setting.gradientValue,
+      gradients,
+      label: setting.label,
+      onColorChange: setting.onColorChange,
+      onGradientChange: setting.onGradientChange,
+      showTitle: false,
+      __experimentalIsRenderedInSidebar,
+      ...setting
+    };
+    const toggleSettings = {
+      clearable: setting.clearable,
+      label: setting.label,
+      colorValue: setting.colorValue,
+      gradientValue: setting.gradientValue,
+      onColorChange: setting.onColorChange,
+      onGradientChange: setting.onGradientChange
+    };
+    return setting && // If not in an `ItemGroup` wrap the dropdown in a
+    // `ToolsPanelItem`
+    /* @__PURE__ */ jsx(
+      WithToolsPanelItem,
+      {
+        setting,
         ...props,
-        children: /*#__PURE__*/_jsx(Dropdown, {
-          popoverProps: popoverProps,
-          className: "block-editor-tools-panel-color-gradient-settings__dropdown",
-          renderToggle: renderToggle(toggleSettings),
-          renderContent: () => /*#__PURE__*/_jsx(DropdownContentWrapper, {
-            paddingSize: "none",
-            children: /*#__PURE__*/_jsx("div", {
-              className: "block-editor-panel-color-gradient-settings__dropdown-content",
-              children: /*#__PURE__*/_jsx(ColorGradientControl, {
+        children: /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            popoverProps,
+            className: "block-editor-tools-panel-color-gradient-settings__dropdown",
+            renderToggle: renderToggle(toggleSettings),
+            renderContent: () => /* @__PURE__ */ jsx(DropdownContentWrapper, { paddingSize: "none", children: /* @__PURE__ */ jsx("div", { className: "block-editor-panel-color-gradient-settings__dropdown-content", children: /* @__PURE__ */ jsx(
+              ColorGradientControl,
+              {
                 ...controlProps
-              })
-            })
-          })
-        })
-      }, index);
-    })
-  });
+              }
+            ) }) })
+          }
+        )
+      },
+      index
+    );
+  }) });
 }
-//# sourceMappingURL=dropdown.js.map
+export {
+  ColorGradientSettingsDropdown as default
+};
+//# sourceMappingURL=dropdown.js.map