npm - @wordpress/block-editor - Versions diffs - 14.11.0 → 14.12.0 - Mend

@wordpress/block-editor 14.11.0 → 14.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (57) hide show

package/build-module/components/spacing-sizes-control/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["BaseControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useState","_x","sprintf","AxialInputControls","SeparatedInputControls","SingleInputControl","LinkedButton","~~useSpacingSizes","~~ALL_SIDES","DEFAULT_VALUES","LABELS","VIEWS","getInitialView","jsx","_jsx","jsxs","_jsxs","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","useSelect","values","spacingSizes","inputValues","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","toggleLinked","axial","custom","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","side","sideLabel","trim","className","children","VisualLabel","as","onClick","isLinked","spacing"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n */\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport ~~useSpacingSizes from './hooks/use-spacing-sizes';\nimport~~ {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values \|\| DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SACCA,WAAW,EACXC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAE7C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,wBAAwB;AACvD,OAAOC,sBAAsB,MAAM,4BAA4B;AAC/D,OAAOC,kBAAkB,MAAM,yBAAyB;AACxD,OAAOC,YAAY,MAAM,iBAAiB;AAC1C,~~OAAOC,eAAe,MAAM,2BAA2B;AACvD,~~SACCC,SAAS,EACTC,cAAc,EACdC,MAAM,EACNC,KAAK,EACLC,cAAc,QACR,SAAS;~~AAAC~~,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;~~AAEjB~~,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,UAAU;EACVC,KAAK,EAAEC,SAAS;EAChBC,kBAAkB,GAAG,CAAC;EACtBC,QAAQ;EACRC,UAAU;EACVC,WAAW;EACXC,eAAe,GAAG,IAAI;EACtBC,KAAK,GAAGlB,SAAS;EACjBmB,SAAS;EACTC;AACD,CAAC,EAAG;EACH,MAAMC,YAAY,~~GAAGtB~~,eAAe,CAAC,CAAC;EACtC,~~MAAMuB~~,WAAW,GAAGF,MAAM,IAAInB,cAAc;EAC5C,MAAMsB,UAAU,GAAGL,KAAK,EAAEM,MAAM,KAAK,CAAC;EACtC,MAAMC,iBAAiB,GACtBP,KAAK,EAAEQ,QAAQ,CAAE,YAAa,CAAC,IAC/BR,KAAK,EAAEQ,QAAQ,CAAE,UAAW,CAAC,IAC7BR,KAAK,EAAEM,MAAM,KAAK,CAAC;EAEpB,MAAM,CAAEG,IAAI,EAAEC,OAAO,CAAE,GAAGpC,QAAQ,CAAEY,cAAc,CAAEkB,WAAW,EAAEJ,KAAM,CAAE,CAAC;EAE1E,MAAMW,YAAY,GAAGA,CAAA,KAAM;IAC1BD,OAAO,CAAED,IAAI,KAAKxB,KAAK,CAAC2B,KAAK,GAAG3B,KAAK,CAAC4B,MAAM,GAAG5B,KAAK,CAAC2B,KAAM,CAAC;EAC7D,CAAC;EAED,MAAME,cAAc,GAAKC,SAAS,IAAM;IACvC,MAAMC,SAAS,GAAG;MAAE,GAAGd,MAAM;MAAE,GAAGa;IAAU,CAAC;IAC7CnB,QAAQ,CAAEoB,SAAU,CAAC;EACtB,CAAC;EAED,MAAMC,iBAAiB,GAAG;IACzB,GAAGzB,UAAU;IACbG,kBAAkB;IAClBC,QAAQ,EAAEkB,cAAc;IACxBjB,UAAU;IACVC,WAAW;IACXE,KAAK;IACLG,YAAY;IACZe,IAAI,EAAExB,SAAS;IACfO,SAAS;IACTC,MAAM,EAAEE;EACT,CAAC;EAED,MAAMe,cAAc,GAAGA,CAAA,KAAM;IAC5B,IAAKV,IAAI,KAAKxB,KAAK,CAAC2B,KAAK,EAAG;MAC3B,oBAAOxB,IAAA,~~CAACX~~,kBAAkB;QAAA,~~GAAMwC~~;MAAiB,CAAI,CAAC;IACvD;IACA,IAAKR,IAAI,KAAKxB,KAAK,CAAC4B,MAAM,EAAG;MAC5B,oBAAOzB,IAAA,~~CAACV~~,sBAAsB;QAAA,~~GAAMuC~~;MAAiB,CAAI,CAAC;IAC3D;IACA,oBACC7B,IAAA,~~CAACT~~,kBAAkB;~~MAClByC~~,IAAI,EAAGX,IAAM;MAAA,GACRQ,iBAAiB;MACtBlB,eAAe,EAAGA;IAAiB,CACnC,CAAC;EAEJ,CAAC;EAED,MAAMsB,SAAS,GACdvC,SAAS,CAAC0B,QAAQ,CAAEC,IAAK,CAAC,IAAIV,eAAe,GAAGf,MAAM,CAAEyB,IAAI,CAAE,GAAG,EAAE;EAEpE,MAAMhB,KAAK,GAAGjB,OAAO;EACpB;EACAD,EAAE,CAAE,WAAW,EAAE,SAAU,CAAC,EAC5BmB,SAAS,EACT2B,SACD,CAAC,CAACC,IAAI,CAAC,CAAC;EAER,oBACChC,KAAA;IAAUiC,SAAS,EAAC,uBAAuB;IAAAC,QAAA,gBAC1ClC,KAAA,CAACnB,MAAM;MAACoD,SAAS,EAAC,+BAA+B;MAAAC,QAAA,gBAChDpC,IAAA,CAACnB,WAAW,CAACwD,WAAW;QACvBC,EAAE,EAAC,QAAQ;QACXH,SAAS,EAAC,8BAA8B;QAAAC,QAAA,EAEtC/B;MAAK,CACiB,CAAC,EACxB,CAAEY,UAAU,IAAI,CAAEE,iBAAiB,iBACpCnB,IAAA,~~CAACR~~,YAAY;~~QACZa~~,KAAK,EAAGC,SAAW;QACnBiC,OAAO,EAAGhB,YAAc;QACxBiB,QAAQ,EAAGnB,IAAI,KAAKxB,KAAK,CAAC2B;MAAO,CACjC,CACD;IAAA,CACM,CAAC,eACTxB,IAAA,CAACf,MAAM;MAACwD,OAAO,EAAG,GAAK;MAAAL,QAAA,EAAGL,cAAc,CAAC;IAAC,CAAU,CAAC;EAAA,CAC5C,CAAC;AAEb","ignoreList":[]}
1	+ {"version":3,"names":["BaseControl","__experimentalHStack","HStack","__experimentalVStack","VStack","useState","_x","sprintf","useSpacingSizes","AxialInputControls","SeparatedInputControls","SingleInputControl","LinkedButton","ALL_SIDES","DEFAULT_VALUES","LABELS","VIEWS","getInitialView","jsx","_jsx","jsxs","_jsxs","SpacingSizesControl","inputProps","label","labelProp","minimumCustomValue","onChange","onMouseOut","onMouseOver","showSideInLabel","sides","useSelect","values","spacingSizes","inputValues","hasOneSide","length","hasOnlyAxialSides","includes","view","setView","toggleLinked","axial","custom","handleOnChange","nextValue","newValues","inputControlProps","type","renderControls","side","sideLabel","trim","className","children","VisualLabel","as","onClick","isLinked","spacing"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/index.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport {\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { _x, sprintf } from '@wordpress/i18n';\n\n/\n Internal dependencies\n /\nimport useSpacingSizes from './hooks/use-spacing-sizes';\nimport AxialInputControls from './input-controls/axial';\nimport SeparatedInputControls from './input-controls/separated';\nimport SingleInputControl from './input-controls/single';\nimport LinkedButton from './linked-button';\nimport {\n\tALL_SIDES,\n\tDEFAULT_VALUES,\n\tLABELS,\n\tVIEWS,\n\tgetInitialView,\n} from './utils';\n\n/\n A flexible control for managing spacing values in the block editor. Supports single, axial,\n * and separated input controls for different spacing configurations with automatic view selection\n * based on current values and available sides.\n \n @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/spacing-sizes-control/README.md\n \n @example\n * ```jsx\n * import { __experimentalSpacingSizesControl as SpacingSizesControl } from '@wordpress/block-editor';\n * import { useState } from '@wordpress/element';\n \n function Example() {\n * const [ sides, setSides ] = useState( {\n * top: '0px',\n * right: '0px',\n * bottom: '0px',\n * left: '0px',\n * } );\n \n return (\n * <SpacingSizesControl\n * values={ sides }\n * onChange={ setSides }\n * label=\"Sides\"\n * />\n * );\n * }\n * ```\n \n @param {Object} props Component props.\n * @param {Object} props.inputProps Additional props for input controls.\n * @param {string} props.label Label for the control.\n * @param {number} props.minimumCustomValue Minimum value for custom input.\n * @param {Function} props.onChange Called when spacing values change.\n * @param {Function} props.onMouseOut Called when mouse leaves the control.\n * @param {Function} props.onMouseOver Called when mouse enters the control.\n * @param {boolean} props.showSideInLabel Show side in control label.\n * @param {Array} props.sides Available sides for control.\n * @param {boolean} props.useSelect Use select control for predefined values.\n * @param {Object} props.values Current spacing values.\n * @return {Element} Spacing sizes control component.\n */\nexport default function SpacingSizesControl( {\n\tinputProps,\n\tlabel: labelProp,\n\tminimumCustomValue = 0,\n\tonChange,\n\tonMouseOut,\n\tonMouseOver,\n\tshowSideInLabel = true,\n\tsides = ALL_SIDES,\n\tuseSelect,\n\tvalues,\n} ) {\n\tconst spacingSizes = useSpacingSizes();\n\tconst inputValues = values \|\| DEFAULT_VALUES;\n\tconst hasOneSide = sides?.length === 1;\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tconst [ view, setView ] = useState( getInitialView( inputValues, sides ) );\n\n\tconst toggleLinked = () => {\n\t\tsetView( view === VIEWS.axial ? VIEWS.custom : VIEWS.axial );\n\t};\n\n\tconst handleOnChange = ( nextValue ) => {\n\t\tconst newValues = { ...values, ...nextValue };\n\t\tonChange( newValues );\n\t};\n\n\tconst inputControlProps = {\n\t\t...inputProps,\n\t\tminimumCustomValue,\n\t\tonChange: handleOnChange,\n\t\tonMouseOut,\n\t\tonMouseOver,\n\t\tsides,\n\t\tspacingSizes,\n\t\ttype: labelProp,\n\t\tuseSelect,\n\t\tvalues: inputValues,\n\t};\n\n\tconst renderControls = () => {\n\t\tif ( view === VIEWS.axial ) {\n\t\t\treturn <AxialInputControls { ...inputControlProps } />;\n\t\t}\n\t\tif ( view === VIEWS.custom ) {\n\t\t\treturn <SeparatedInputControls { ...inputControlProps } />;\n\t\t}\n\t\treturn (\n\t\t\t<SingleInputControl\n\t\t\t\tside={ view }\n\t\t\t\t{ ...inputControlProps }\n\t\t\t\tshowSideInLabel={ showSideInLabel }\n\t\t\t/>\n\t\t);\n\t};\n\n\tconst sideLabel =\n\t\tALL_SIDES.includes( view ) && showSideInLabel ? LABELS[ view ] : '';\n\n\tconst label = sprintf(\n\t\t// translators: 1: The side of the block being modified (top, bottom, left etc.). 2. Type of spacing being modified (padding, margin, etc).\n\t\t_x( '%1$s %2$s', 'spacing' ),\n\t\tlabelProp,\n\t\tsideLabel\n\t).trim();\n\n\treturn (\n\t\t<fieldset className=\"spacing-sizes-control\">\n\t\t\t<HStack className=\"spacing-sizes-control__header\">\n\t\t\t\t<BaseControl.VisualLabel\n\t\t\t\t\tas=\"legend\"\n\t\t\t\t\tclassName=\"spacing-sizes-control__label\"\n\t\t\t\t>\n\t\t\t\t\t{ label }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t{ ! hasOneSide && ! hasOnlyAxialSides && (\n\t\t\t\t\t<LinkedButton\n\t\t\t\t\t\tlabel={ labelProp }\n\t\t\t\t\t\tonClick={ toggleLinked }\n\t\t\t\t\t\tisLinked={ view === VIEWS.axial }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</HStack>\n\t\t\t<VStack spacing={ 0.5 }>{ renderControls() }</VStack>\n\t\t</fieldset>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/spacing-sizes-control/linked-button.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * WordPress dependencies
  */
-import { Button, Tooltip } from '@wordpress/components';
+import { Button } from '@wordpress/components';
 import { link, linkOff } from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -10,15 +10,12 @@ export default function LinkedButton({
   ...props
 }) {
   const label = isLinked ? __('Unlink sides') : __('Link sides');
-  return /*#__PURE__*/_jsx(Tooltip, {
-    text: label,
-    children: /*#__PURE__*/_jsx(Button, {
-      ...props,
-      size: "small",
-      icon: isLinked ? link : linkOff,
-      iconSize: 24,
-      "aria-label": label
-    })
+  return /*#__PURE__*/_jsx(Button, {
+    ...props,
+    size: "small",
+    icon: isLinked ? link : linkOff,
+    iconSize: 24,
+    label: label
   });
 }
 //# sourceMappingURL=linked-button.js.map

package/build-module/components/spacing-sizes-control/linked-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["Button","~~Tooltip","~~link","linkOff","__","jsx","_jsx","LinkedButton","isLinked","props","label","~~text","children","~~size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/linked-button.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Button, ~~Tooltip~~ } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<~~Tooltip text={ label }>\n\t\t\t<~~Button\n\t\t\t\t{ ...props }\n\t\t\t\tsize=\"small\"\n\t\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\t\ticonSize={ 24 }\n\t\t\~~t\taria-label~~={ label }\n\t\t\t/>\n\t~~\t</Tooltip>\n\t~~);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,~~EAAEC,OAAO,~~QAAQ,uBAAuB;~~AACvD~~,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGJ,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCE,IAAA,CAACL,~~OAAO~~;~~IAACU,IAAI,EAAGD,KAAO;IAAAE,QAAA,eACtBN,~~IAAA,~~CAACN~~,~~MAAM;MAAA,GACDS,~~KAAK;~~MACVI~~,IAAI,EAAC,OAAO;~~MACZC~~,IAAI,~~EAAGN~~,QAAQ,GAAGN,IAAI,GAAGC,OAAS;~~MAClCY~~,QAAQ,EAAG,EAAI;~~MACf~~,~~cAAaL;IAAO~~,~~CACpB~~;~~EAAC~~,~~CACM~~,CAAC;~~AAEZ~~","ignoreList":[]}
1	+ {"version":3,"names":["Button","link","linkOff","__","jsx","_jsx","LinkedButton","isLinked","props","label","size","icon","iconSize"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/linked-button.js"],"sourcesContent":["/*\n WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { link, linkOff } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\nexport default function LinkedButton( { isLinked, ...props } ) {\n\tconst label = isLinked ? __( 'Unlink sides' ) : __( 'Link sides' );\n\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tsize=\"small\"\n\t\t\ticon={ isLinked ? link : linkOff }\n\t\t\ticonSize={ 24 }\n\t\t\tlabel={ label }\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,IAAI,EAAEC,OAAO,QAAQ,kBAAkB;AAChD,SAASC,EAAE,QAAQ,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAErC,eAAe,SAASC,YAAYA,CAAE;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAG;EAC9D,MAAMC,KAAK,GAAGF,QAAQ,GAAGJ,EAAE,CAAE,cAAe,CAAC,GAAGA,EAAE,CAAE,YAAa,CAAC;EAElE,oBACCE,IAAA,CAACL,MAAM;IAAA,GACDQ,KAAK;IACVE,IAAI,EAAC,OAAO;IACZC,IAAI,EAAGJ,QAAQ,GAAGN,IAAI,GAAGC,OAAS;IAClCU,QAAQ,EAAG,EAAI;IACfH,KAAK,EAAGA;EAAO,CACf,CAAC;AAEJ","ignoreList":[]}

package/build-module/components/spacing-sizes-control/utils.js CHANGED Viewed

@@ -153,54 +153,6 @@ export function getSliderValueFromPreset(presetValue, spacingSizes) {
   return sliderValue !== -1 ? sliderValue : NaN;
 }
-/**
- * Gets an items with the most occurrence within an array
- * https://stackoverflow.com/a/20762713
- *
- * @param {Array<any>} arr Array of items to check.
- * @return {any} The item with the most occurrences.
- */
-function mode(arr) {
-  return arr.sort((a, b) => arr.filter(v => v === a).length - arr.filter(v => v === b).length).pop();
-}
-/**
- * Gets the 'all' input value from values data.
- *
- * @param {Object} values Box spacing values
- *
- * @return {string} The most common value from all sides of box.
- */
-export function getAllRawValue(values = {}) {
-  return mode(Object.values(values));
-}
-/**
- * Checks to determine if values are mixed.
- *
- * @param {Object} values Box values.
- * @param {Array}  sides  Sides that values relate to.
- *
- * @return {boolean} Whether values are mixed.
- */
-export function isValuesMixed(values = {}, sides = ALL_SIDES) {
-  return Object.values(values).length >= 1 && Object.values(values).length < sides.length || new Set(Object.values(values)).size > 1;
-}
-/**
- * Checks to determine if values are defined.
- *
- * @param {Object} values Box values.
- *
- * @return {boolean} Whether values are defined.
- */
-export function isValuesDefined(values) {
-  if (values === undefined || values === null) {
-    return false;
-  }
-  return Object.values(values).filter(value => !!value).length > 0;
-}
 /**
  * Determines whether a particular axis has support. If no axis is
  * specified, this function checks if either axis is supported.
@@ -225,62 +177,6 @@ export function hasAxisSupport(sides, axis) {
   return hasHorizontalSupport || hasVerticalSupport;
 }
-/**
- * Determines which menu options should be included in the SidePicker.
- *
- * @param {Array} sides Supported sides.
- *
- * @return {Object} Menu options with each option containing label & icon.
- */
-export function getSupportedMenuItems(sides) {
-  if (!sides || !sides.length) {
-    return {};
-  }
-  const menuItems = {};
-  // Determine the primary "side" menu options.
-  const hasHorizontalSupport = hasAxisSupport(sides, 'horizontal');
-  const hasVerticalSupport = hasAxisSupport(sides, 'vertical');
-  if (hasHorizontalSupport && hasVerticalSupport) {
-    menuItems.axial = {
-      label: LABELS.axial,
-      icon: ICONS.axial
-    };
-  } else if (hasHorizontalSupport) {
-    menuItems.axial = {
-      label: LABELS.horizontal,
-      icon: ICONS.horizontal
-    };
-  } else if (hasVerticalSupport) {
-    menuItems.axial = {
-      label: LABELS.vertical,
-      icon: ICONS.vertical
-    };
-  }
-  // Track whether we have any individual sides so we can omit the custom
-  // option if required.
-  let numberOfIndividualSides = 0;
-  ALL_SIDES.forEach(side => {
-    if (sides.includes(side)) {
-      numberOfIndividualSides += 1;
-      menuItems[side] = {
-        label: LABELS[side],
-        icon: ICONS[side]
-      };
-    }
-  });
-  // Add custom item if there are enough sides to warrant a separated view.
-  if (numberOfIndividualSides > 1) {
-    menuItems.custom = {
-      label: LABELS.custom,
-      icon: ICONS.custom
-    };
-  }
-  return menuItems;
-}
 /**
  * Checks if the supported sides are balanced for each axis.
  * - Horizontal - both left and right sides are supported.

package/build-module/components/spacing-sizes-control/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["__","sidesAll","sidesBottom","sidesHorizontal","sidesLeft","sidesRight","sidesTop","sidesVertical","RANGE_CONTROL_MAX_SIZE","ALL_SIDES","DEFAULT_VALUES","top","undefined","right","bottom","left","ICONS","custom","axial","horizontal","vertical","LABELS","default","mixed","VIEWS","isValueSpacingPreset","value","includes","getCustomValueFromPreset","spacingSizes","slug","getSpacingPresetSlug","spacingSize","find","size","String","getPresetValueFromCustomValue","spacingMatch","getSpacingPresetCssVar","match","getSliderValueFromPreset","presetValue","parseFloat","sliderValue","findIndex","NaN","mode","arr","sort","a","b","filter","v","length","pop","getAllRawValue","values","Object","isValuesMixed","sides","Set","isValuesDefined","hasAxisSupport","axis","hasHorizontalSupport","hasVerticalSupport","getSupportedMenuItems","menuItems","label","icon","numberOfIndividualSides","forEach","side","hasBalancedSidesSupport","counts","getInitialView","sideValues","Boolean","hasMatchingAxialValues","hasNoValuesAndBalancedSides","hasOnlyAxialSides","entries","some","key"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/utils.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/\n Checks is given value is a spacing preset.\n \n @param {string} value Value to check\n \n @return {boolean} Return true if value is string in format var:preset\|spacing\|.\n /\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' \|\| value.includes( 'var:preset\|spacing\|' );\n}\n\n/\n Converts a spacing preset into a custom value.\n \n @param {string} value Value to convert\n * @param {Array} spacingSizes Array of the current spacing preset objects\n \n @return {string} Mapping of the spacing preset to its equivalent custom value.\n /\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/\n Converts a custom value to preset value if one can be found.\n \n Returns value as-is if no match is found.\n \n @param {string} value Value to convert\n * @param {Array} spacingSizes Array of the current spacing preset objects\n \n @return {string} The preset value if it can be found.\n /\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value \|\| isValueSpacingPreset( value ) \|\| value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset\|spacing\|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/\n Converts a spacing preset into a custom value.\n \n @param {string} value Value to convert.\n \n @return {string \| undefined} CSS var string for given spacing preset value.\n /\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\\|spacing\\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/\n Returns the slug section of the given spacing preset string.\n \n @param {string} value Value to extract slug from.\n \n @return {string\|undefined} The int value of the slug from given spacing preset.\n /\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' \|\| value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\\|spacing\\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/\n Converts spacing preset value into a Range component value .\n \n @param {string} presetValue Value to convert to Range value.\n * @param {Array} spacingSizes Array of current spacing preset value objects.\n \n @return {number} The int value for use in Range control.\n /\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/\n Gets an items with the most occurrence within an array\n * https://stackoverflow.com/a/20762713\n \n @param {Array<any>} arr Array of items to check.\n * @return {any} The item with the most occurrences.\n /\nfunction mode( arr ) {\n\treturn arr\n\t\t.sort(\n\t\t\t( a, b ) =>\n\t\t\t\tarr.filter( ( v ) => v === a ).length -\n\t\t\t\tarr.filter( ( v ) => v === b ).length\n\t\t)\n\t\t.pop();\n}\n\n/\n Gets the 'all' input value from values data.\n \n @param {Object} values Box spacing values\n \n @return {string} The most common value from all sides of box.\n /\nexport function getAllRawValue( values = {} ) {\n\treturn mode( Object.values( values ) );\n}\n\n/\n Checks to determine if values are mixed.\n \n @param {Object} values Box values.\n * @param {Array} sides Sides that values relate to.\n \n @return {boolean} Whether values are mixed.\n /\nexport function isValuesMixed( values = {}, sides = ALL_SIDES ) {\n\treturn (\n\t\t( Object.values( values ).length >= 1 &&\n\t\t\tObject.values( values ).length < sides.length ) \|\|\n\t\tnew Set( Object.values( values ) ).size > 1\n\t);\n}\n\n/\n Checks to determine if values are defined.\n \n @param {Object} values Box values.\n \n @return {boolean} Whether values are defined.\n /\nexport function isValuesDefined( values ) {\n\tif ( values === undefined \|\| values === null ) {\n\t\treturn false;\n\t}\n\treturn Object.values( values ).filter( ( value ) => !! value ).length > 0;\n}\n\n/\n Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n \n @param {Array} sides Supported sides.\n * @param {string} axis Which axis to check.\n \n @return {boolean} Whether there is support for the specified axis or both axes.\n /\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides \|\| ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) \|\|\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) \|\|\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport \|\| hasVerticalSupport;\n}\n\n/\n Determines which menu options should be included in the SidePicker.\n \n @param {Array} sides Supported sides.\n \n @return {Object} Menu options with each option containing label & icon.\n /\nexport function getSupportedMenuItems( sides ) {\n\tif ( ! sides \|\| ! sides.length ) {\n\t\treturn {};\n\t}\n\n\tconst menuItems = {};\n\n\t// Determine the primary \"side\" menu options.\n\tconst hasHorizontalSupport = hasAxisSupport( sides, 'horizontal' );\n\tconst hasVerticalSupport = hasAxisSupport( sides, 'vertical' );\n\n\tif ( hasHorizontalSupport && hasVerticalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.axial, icon: ICONS.axial };\n\t} else if ( hasHorizontalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.horizontal, icon: ICONS.horizontal };\n\t} else if ( hasVerticalSupport ) {\n\t\tmenuItems.axial = { label: LABELS.vertical, icon: ICONS.vertical };\n\t}\n\n\t// Track whether we have any individual sides so we can omit the custom\n\t// option if required.\n\tlet numberOfIndividualSides = 0;\n\n\tALL_SIDES.forEach( ( side ) => {\n\t\tif ( sides.includes( side ) ) {\n\t\t\tnumberOfIndividualSides += 1;\n\t\t\tmenuItems[ side ] = {\n\t\t\t\tlabel: LABELS[ side ],\n\t\t\t\ticon: ICONS[ side ],\n\t\t\t};\n\t\t}\n\t} );\n\n\t// Add custom item if there are enough sides to warrant a separated view.\n\tif ( numberOfIndividualSides > 1 ) {\n\t\tmenuItems.custom = { label: LABELS.custom, icon: ICONS.custom };\n\t}\n\n\treturn menuItems;\n}\n\n/\n Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n \n @param {Array} sides The supported sides which may be axes as well.\n \n @return {boolean} Whether or not the supported sides are balanced.\n /\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/\n Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n \n @param {Object} values Current side values.\n * @param {Array} sides Supported sides.\n \n @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top \|\| !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues \|\| hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["__","sidesAll","sidesBottom","sidesHorizontal","sidesLeft","sidesRight","sidesTop","sidesVertical","RANGE_CONTROL_MAX_SIZE","ALL_SIDES","DEFAULT_VALUES","top","undefined","right","bottom","left","ICONS","custom","axial","horizontal","vertical","LABELS","default","mixed","VIEWS","isValueSpacingPreset","value","includes","getCustomValueFromPreset","spacingSizes","slug","getSpacingPresetSlug","spacingSize","find","size","String","getPresetValueFromCustomValue","spacingMatch","getSpacingPresetCssVar","match","getSliderValueFromPreset","presetValue","parseFloat","sliderValue","findIndex","NaN","hasAxisSupport","sides","axis","length","hasHorizontalSupport","hasVerticalSupport","hasBalancedSidesSupport","counts","forEach","side","getInitialView","values","sideValues","filter","Boolean","hasMatchingAxialValues","hasNoValuesAndBalancedSides","hasOnlyAxialSides","Object","entries","some","key"],"sources":["@wordpress/block-editor/src/components/spacing-sizes-control/utils.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { __ } from '@wordpress/i18n';\nimport {\n\tsidesAll,\n\tsidesBottom,\n\tsidesHorizontal,\n\tsidesLeft,\n\tsidesRight,\n\tsidesTop,\n\tsidesVertical,\n} from '@wordpress/icons';\n\nexport const RANGE_CONTROL_MAX_SIZE = 8;\n\nexport const ALL_SIDES = [ 'top', 'right', 'bottom', 'left' ];\n\nexport const DEFAULT_VALUES = {\n\ttop: undefined,\n\tright: undefined,\n\tbottom: undefined,\n\tleft: undefined,\n};\n\nexport const ICONS = {\n\tcustom: sidesAll,\n\taxial: sidesAll,\n\thorizontal: sidesHorizontal,\n\tvertical: sidesVertical,\n\ttop: sidesTop,\n\tright: sidesRight,\n\tbottom: sidesBottom,\n\tleft: sidesLeft,\n};\n\nexport const LABELS = {\n\tdefault: __( 'Spacing control' ),\n\ttop: __( 'Top' ),\n\tbottom: __( 'Bottom' ),\n\tleft: __( 'Left' ),\n\tright: __( 'Right' ),\n\tmixed: __( 'Mixed' ),\n\tvertical: __( 'Vertical' ),\n\thorizontal: __( 'Horizontal' ),\n\taxial: __( 'Horizontal & vertical' ),\n\tcustom: __( 'Custom' ),\n};\n\nexport const VIEWS = {\n\taxial: 'axial',\n\ttop: 'top',\n\tright: 'right',\n\tbottom: 'bottom',\n\tleft: 'left',\n\tcustom: 'custom',\n};\n\n/\n Checks is given value is a spacing preset.\n \n @param {string} value Value to check\n \n @return {boolean} Return true if value is string in format var:preset\|spacing\|.\n /\nexport function isValueSpacingPreset( value ) {\n\tif ( ! value?.includes ) {\n\t\treturn false;\n\t}\n\treturn value === '0' \|\| value.includes( 'var:preset\|spacing\|' );\n}\n\n/\n Converts a spacing preset into a custom value.\n \n @param {string} value Value to convert\n * @param {Array} spacingSizes Array of the current spacing preset objects\n \n @return {string} Mapping of the spacing preset to its equivalent custom value.\n /\nexport function getCustomValueFromPreset( value, spacingSizes ) {\n\tif ( ! isValueSpacingPreset( value ) ) {\n\t\treturn value;\n\t}\n\n\tconst slug = getSpacingPresetSlug( value );\n\tconst spacingSize = spacingSizes.find(\n\t\t( size ) => String( size.slug ) === slug\n\t);\n\n\treturn spacingSize?.size;\n}\n\n/\n Converts a custom value to preset value if one can be found.\n \n Returns value as-is if no match is found.\n \n @param {string} value Value to convert\n * @param {Array} spacingSizes Array of the current spacing preset objects\n \n @return {string} The preset value if it can be found.\n /\nexport function getPresetValueFromCustomValue( value, spacingSizes ) {\n\t// Return value as-is if it is undefined or is already a preset, or '0';\n\tif ( ! value \|\| isValueSpacingPreset( value ) \|\| value === '0' ) {\n\t\treturn value;\n\t}\n\n\tconst spacingMatch = spacingSizes.find(\n\t\t( size ) => String( size.size ) === String( value )\n\t);\n\n\tif ( spacingMatch?.slug ) {\n\t\treturn `var:preset\|spacing\|${ spacingMatch.slug }`;\n\t}\n\n\treturn value;\n}\n\n/\n Converts a spacing preset into a custom value.\n \n @param {string} value Value to convert.\n \n @return {string \| undefined} CSS var string for given spacing preset value.\n /\nexport function getSpacingPresetCssVar( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tconst slug = value.match( /var:preset\\\|spacing\\\|(.+)/ );\n\n\tif ( ! slug ) {\n\t\treturn value;\n\t}\n\n\treturn `var(--wp--preset--spacing--${ slug[ 1 ] })`;\n}\n\n/\n Returns the slug section of the given spacing preset string.\n \n @param {string} value Value to extract slug from.\n \n @return {string\|undefined} The int value of the slug from given spacing preset.\n /\nexport function getSpacingPresetSlug( value ) {\n\tif ( ! value ) {\n\t\treturn;\n\t}\n\n\tif ( value === '0' \|\| value === 'default' ) {\n\t\treturn value;\n\t}\n\n\tconst slug = value.match( /var:preset\\\|spacing\\\|(.+)/ );\n\n\treturn slug ? slug[ 1 ] : undefined;\n}\n\n/\n Converts spacing preset value into a Range component value .\n \n @param {string} presetValue Value to convert to Range value.\n * @param {Array} spacingSizes Array of current spacing preset value objects.\n \n @return {number} The int value for use in Range control.\n /\nexport function getSliderValueFromPreset( presetValue, spacingSizes ) {\n\tif ( presetValue === undefined ) {\n\t\treturn 0;\n\t}\n\tconst slug =\n\t\tparseFloat( presetValue, 10 ) === 0\n\t\t\t? '0'\n\t\t\t: getSpacingPresetSlug( presetValue );\n\tconst sliderValue = spacingSizes.findIndex( ( spacingSize ) => {\n\t\treturn String( spacingSize.slug ) === slug;\n\t} );\n\n\t// Returning NaN rather than undefined as undefined makes range control thumb sit in center\n\treturn sliderValue !== -1 ? sliderValue : NaN;\n}\n\n/\n Determines whether a particular axis has support. If no axis is\n * specified, this function checks if either axis is supported.\n \n @param {Array} sides Supported sides.\n * @param {string} axis Which axis to check.\n \n @return {boolean} Whether there is support for the specified axis or both axes.\n /\nexport function hasAxisSupport( sides, axis ) {\n\tif ( ! sides \|\| ! sides.length ) {\n\t\treturn false;\n\t}\n\n\tconst hasHorizontalSupport =\n\t\tsides.includes( 'horizontal' ) \|\|\n\t\t( sides.includes( 'left' ) && sides.includes( 'right' ) );\n\n\tconst hasVerticalSupport =\n\t\tsides.includes( 'vertical' ) \|\|\n\t\t( sides.includes( 'top' ) && sides.includes( 'bottom' ) );\n\n\tif ( axis === 'horizontal' ) {\n\t\treturn hasHorizontalSupport;\n\t}\n\n\tif ( axis === 'vertical' ) {\n\t\treturn hasVerticalSupport;\n\t}\n\n\treturn hasHorizontalSupport \|\| hasVerticalSupport;\n}\n\n/\n Checks if the supported sides are balanced for each axis.\n * - Horizontal - both left and right sides are supported.\n * - Vertical - both top and bottom are supported.\n \n @param {Array} sides The supported sides which may be axes as well.\n \n @return {boolean} Whether or not the supported sides are balanced.\n /\nexport function hasBalancedSidesSupport( sides = [] ) {\n\tconst counts = { top: 0, right: 0, bottom: 0, left: 0 };\n\tsides.forEach( ( side ) => ( counts[ side ] += 1 ) );\n\n\treturn (\n\t\t( counts.top + counts.bottom ) % 2 === 0 &&\n\t\t( counts.left + counts.right ) % 2 === 0\n\t);\n}\n\n/\n Determines which view the SpacingSizesControl should default to on its\n * first render; Axial, Custom, or Single side.\n \n @param {Object} values Current side values.\n * @param {Array} sides Supported sides.\n \n @return {string} View to display.\n */\nexport function getInitialView( values = {}, sides ) {\n\tconst { top, right, bottom, left } = values;\n\tconst sideValues = [ top, right, bottom, left ].filter( Boolean );\n\n\t// Axial ( Horizontal & vertical ).\n\t// - Has axial side support\n\t// - Has axial side values which match\n\t// - Has no values and the supported sides are balanced\n\tconst hasMatchingAxialValues =\n\t\ttop === bottom && left === right && ( !! top \|\| !! left );\n\tconst hasNoValuesAndBalancedSides =\n\t\t! sideValues.length && hasBalancedSidesSupport( sides );\n\tconst hasOnlyAxialSides =\n\t\tsides?.includes( 'horizontal' ) &&\n\t\tsides?.includes( 'vertical' ) &&\n\t\tsides?.length === 2;\n\n\tif (\n\t\thasAxisSupport( sides ) &&\n\t\t( hasMatchingAxialValues \|\| hasNoValuesAndBalancedSides )\n\t) {\n\t\treturn VIEWS.axial;\n\t}\n\n\t// Only axial sides are supported and single value defined.\n\t// - Ensure the side returned is the first side that has a value.\n\tif ( hasOnlyAxialSides && sideValues.length === 1 ) {\n\t\tlet side;\n\n\t\tObject.entries( values ).some( ( [ key, value ] ) => {\n\t\t\tside = key;\n\t\t\treturn value !== undefined;\n\t\t} );\n\n\t\treturn side;\n\t}\n\n\t// Only single side supported and no value defined.\n\tif ( sides?.length === 1 && ! sideValues.length ) {\n\t\treturn sides[ 0 ];\n\t}\n\n\t// Default to the Custom (separated sides) view.\n\treturn VIEWS.custom;\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/hooks/contrast-checker.js CHANGED Viewed

@@ -1,7 +1,8 @@
+/* wp:polyfill */
 /**
  * WordPress dependencies
  */
-import { useState, useEffect } from '@wordpress/element';
+import { useLayoutEffect, useReducer } from '@wordpress/element';
 /**
  * Internal dependencies
@@ -9,41 +10,59 @@ import { useState, useEffect } from '@wordpress/element';
 import ContrastChecker from '../components/contrast-checker';
 import { useBlockElement } from '../components/block-list/use-block-props/use-block-refs';
 import { jsx as _jsx } from "react/jsx-runtime";
-function getComputedStyle(node) {
-  return node.ownerDocument.defaultView.getComputedStyle(node);
+function getComputedValue(node, property) {
+  return node.ownerDocument.defaultView.getComputedStyle(node).getPropertyValue(property);
+}
+function getBlockElementColors(blockEl) {
+  if (!blockEl) {
+    return {};
+  }
+  const firstLinkElement = blockEl.querySelector('a');
+  const linkColor = !!firstLinkElement?.innerText ? getComputedValue(firstLinkElement, 'color') : undefined;
+  const textColor = getComputedValue(blockEl, 'color');
+  let backgroundColorNode = blockEl;
+  let backgroundColor = getComputedValue(backgroundColorNode, 'background-color');
+  while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
+    backgroundColorNode = backgroundColorNode.parentNode;
+    backgroundColor = getComputedValue(backgroundColorNode, 'background-color');
+  }
+  return {
+    textColor,
+    backgroundColor,
+    linkColor
+  };
+}
+function reducer(prevColors, newColors) {
+  const hasChanged = Object.keys(newColors).some(key => prevColors[key] !== newColors[key]);
+  // Do not re-render if the colors have not changed.
+  return hasChanged ? newColors : prevColors;
 }
 export default function BlockColorContrastChecker({
   clientId
 }) {
-  const [detectedBackgroundColor, setDetectedBackgroundColor] = useState();
-  const [detectedColor, setDetectedColor] = useState();
-  const [detectedLinkColor, setDetectedLinkColor] = useState();
   const blockEl = useBlockElement(clientId);
+  const [colors, setColors] = useReducer(reducer, {});
   // There are so many things that can change the color of a block
   // So we perform this check on every render.
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (!blockEl) {
       return;
     }
-    setDetectedColor(getComputedStyle(blockEl).color);
-    const firstLinkElement = blockEl.querySelector('a');
-    if (firstLinkElement && !!firstLinkElement.innerText) {
-      setDetectedLinkColor(getComputedStyle(firstLinkElement).color);
+    function updateColors() {
+      setColors(getBlockElementColors(blockEl));
     }
-    let backgroundColorNode = blockEl;
-    let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
-    while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
-      backgroundColorNode = backgroundColorNode.parentNode;
-      backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
-    }
-    setDetectedBackgroundColor(backgroundColor);
-  }, [blockEl]);
+    // Combine `useLayoutEffect` and two rAF calls to ensure that values are read
+    // after the current paint but before the next paint.
+    window.requestAnimationFrame(() => window.requestAnimationFrame(updateColors));
+  });
   return /*#__PURE__*/_jsx(ContrastChecker, {
-    backgroundColor: detectedBackgroundColor,
-    textColor: detectedColor,
-    enableAlphaChecker: true,
-    linkColor: detectedLinkColor
+    backgroundColor: colors.backgroundColor,
+    textColor: colors.textColor,
+    linkColor: colors.linkColor,
+    enableAlphaChecker: true
   });
 }
 //# sourceMappingURL=contrast-checker.js.map

package/build-module/hooks/contrast-checker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~useState~~","~~useEffect~~","ContrastChecker","useBlockElement","jsx","_jsx","~~getComputedStyle~~","node","ownerDocument","defaultView","~~BlockColorContrastChecker~~","~~clientId~~","~~detectedBackgroundColor~~","~~setDetectedBackgroundColor~~","~~detectedColor~~","~~setDetectedColor~~","~~detectedLinkColor~~","~~setDetectedLinkColor~~","~~blockEl~~","~~color~~","~~firstLinkElement~~","~~querySelector~~","~~innerText~~","~~backgroundColorNode~~","~~backgroundColor~~","~~parentNode~~","~~nodeType~~","~~ELEMENT_NODE~~","~~textColor~~","~~enableAlphaChecker~~","~~linkColor~~"],"sources":["@wordpress/block-editor/src/hooks/contrast-checker.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { ~~useState~~, ~~useEffect~~ } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport ContrastChecker from '../components/contrast-checker';\nimport { useBlockElement } from '../components/block-list/use-block-props/use-block-refs';\n\nfunction ~~getComputedStyle~~( node ) {\n\treturn node.ownerDocument.defaultView.getComputedStyle( node );\n}\n\~~nexport~~ ~~default~~ ~~function~~ ~~BlockColorContrastChecker(~~ { ~~clientId~~ } ) {\n\tconst [ ~~detectedBackgroundColor,~~ ~~setDetectedBackgroundColor~~ ] ~~= useState(~~);\n\tconst [ ~~detectedColor,~~ ~~setDetectedColor~~ ~~] = useState();\~~n\~~tconst~~ [ ~~detectedLinkColor~~, ~~setDetectedLinkColor~~ ] ~~= useState()~~;\n\tconst ~~blockEl~~ = ~~useBlockElement~~( ~~clientId~~ );\n\n\~~t//~~ ~~There~~ ~~are~~ so ~~many~~ ~~things~~ ~~that can change the~~ color ~~of a block~~\n\t// So we ~~perform~~ ~~this~~ ~~check~~ on ~~every~~ ~~render.\~~n\~~tuseEffect( (~~) => {\n\t\~~tif~~ ( ! ~~blockEl~~ ) {\n\t\t\~~treturn;\~~n\t\t}\n\~~t\tsetDetectedColor(~~ ~~getComputedStyle~~( ~~blockEl~~ )~~.color~~ ~~);\n~~\n\t\tconst ~~firstLinkElement~~ = ~~blockEl~~.~~querySelector~~( ~~'a'~~ );\n\t\~~tif~~ ( ~~firstLinkElement~~ && !! ~~firstLinkElement.innerText~~ ) {\n\t\t\~~tsetDetectedLinkColor(~~ ~~getComputedStyle(~~ ~~firstLinkElement~~ ~~).color~~ );\n\t\t}\n\n\~~t\tlet~~ ~~backgroundColorNode~~ = ~~blockEl~~;\n\t~~\tlet~~ ~~backgroundColor~~ =\n\t~~\t\tgetComputedStyle(~~ ~~backgroundColorNode~~ ~~).backgroundColor;\~~n\~~t\twhile~~ (\n\t\~~t\tbackgroundColor~~ ~~=== 'rgba~~(0, 0, 0, 0)' ~~&&\~~n\t\t\~~tbackgroundColorNode.parentNode &&\~~n\t\t\~~tbackgroundColorNode.parentNode.nodeType ===\~~n\~~t\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\~~n\t\t) {\n\t\t\~~tbackgroundColorNode~~ = ~~backgroundColorNode.parentNode~~;\n\t\t\~~tbackgroundColor~~ =\n\t\t\t\~~tgetComputedStyle~~( ~~backgroundColorNode~~ ~~).backgroundColor;\~~n\t\t}\n\n\t\~~tsetDetectedBackgroundColor( backgroundColor~~ );\n\t}, ~~[ blockEl ]~~ );\n\n\treturn (\n\t\t<ContrastChecker\n\t\t\tbackgroundColor={ ~~detectedBackgroundColor~~ }\n\t\t\ttextColor={ ~~detectedColor~~ }\n\t\t\~~tenableAlphaChecker~~\n\t\t\~~tlinkColor={ detectedLinkColor }~~\n\t\t/>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,~~QAAQ~~,EAAEC,~~SAAS~~,QAAQ,oBAAoB;;~~AAExD~~;AACA;AACA;AACA,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,SAASC,eAAe,QAAQ,yDAAyD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1F,SAASC,gBAAgBA,CAAEC,IAAI,EAAG;~~EACjC~~,~~OAAOA~~,IAAI,~~CAACC~~,aAAa,CAACC,WAAW,~~CAACH~~,gBAAgB,~~CAAEC~~,IAAK,CAAC;AAC/D;AAEA,~~eAAe~~,~~SAASG~~,~~yBAAyBA~~,~~CAAE~~;~~EAAEC~~;~~AAAS~~,CAAC,~~EAAG~~;~~EACjE~~,~~MAAM~~,~~CAAEC~~,~~uBAAuB~~,~~EAAEC~~,~~0BAA0B~~,CAAE,~~GAAGb~~,~~QAAQ,~~CAAC,CAAC~~;EAC1E~~,~~MAAM~~,~~CAAEc~~,~~aAAa~~,~~EAAEC~~,gBAAgB,~~CAAE~~,~~GAAGf~~,~~QAAQ~~,CAAC,~~CAAC~~;~~EACtD~~,~~MAAM~~,~~CAAEgB~~,~~iBAAiB~~,~~EAAEC~~,~~oBAAoB~~,~~CAAE~~,~~GAAGjB~~,~~QAAQ~~,CAAC~~,CAAC~~;~~EAC9D~~,~~MAAMkB~~,OAAO,~~GAAGf~~,eAAe,~~CAAEQ~~,~~QAAS~~,CAAC~~;;EAE3C~~;~~EACA;EACAV~~,~~SAAS~~,~~CAAE~~,~~MAAM;IAChB~~,~~IAAK~~,~~CAAEiB~~,~~OAAO~~,~~EAAG;MAChB;IACD;IACAH~~,~~gBAAgB~~,~~CAAET~~,~~gBAAgB~~,~~CAAEY~~,~~OAAQ~~,~~CAAC,~~CAACC,~~KAAM~~,~~CAAC~~;~~IAErD~~,~~MAAMC~~,~~gBAAgB~~,~~GAAGF~~,~~OAAO~~,~~CAACG~~,~~aAAa~~,~~CAAE~~,~~GAAI~~,CAAC;~~IACrD~~,~~IAAKD~~,~~gBAAgB~~,~~IAAI~~,CAAC,~~CAAEA~~,~~gBAAgB~~,~~CAACE~~,SAAS,EAAG;~~MACxDL~~,~~oBAAoB~~,~~CAAEX~~,~~gBAAgB~~,~~CAAEc~~,~~gBAAiB~~,CAAC,~~CAACD~~,~~KAAM~~,CAAC;~~IACnE~~;~~IAEA~~,~~IAAII~~,~~mBAAmB~~,~~GAAGL~~,~~OAAO~~;~~IACjC~~,~~IAAIM~~,~~eAAe~~,~~GAClBlB~~,~~gBAAgB~~,~~CAAEiB~~,~~mBAAoB~~,~~CAAC~~,~~CAACC~~,~~eAAe~~;~~IACxD~~,~~OACCA~~,~~eAAe~~,~~KAAK~~,~~kBAAkB~~,~~IACtCD~~,~~mBAAmB~~,~~CAACE~~,UAAU,~~IAC9BF~~,~~mBAAmB~~,~~CAACE~~,~~UAAU~~,~~CAACC~~,~~QAAQ~~,~~KACtCH~~,~~mBAAmB~~,~~CAACE~~,~~UAAU~~,~~CAACE~~,~~YAAY~~,~~EAC3C~~;~~MACDJ~~,~~mBAAmB~~,~~GAAGA~~,~~mBAAmB~~,~~CAACE,UAAU~~;~~MACpDD~~,~~eAAe~~,~~GACdlB~~,~~gBAAgB~~,~~CAAEiB~~,~~mBAAoB~~,CAAC,CAACC,~~eAAe;IACzD;IAEAX~~,~~0BAA0B~~,~~CAAEW~~,~~eAAgB~~,~~CAAC;EAC9C~~,~~CAAC~~,~~EAAE~~,~~CAAEN~~,~~OAAO~~,~~CAAG~~,CAAC;~~EAEhB~~,~~oBACCb~~,IAAA,CAACH,eAAe;~~IACfsB~~,eAAe,~~EAAGZ~~,~~uBAAyB~~;~~IAC3CgB~~,SAAS,~~EAAGd~~,~~aAAe;IAC3Be~~,~~kBAAkB~~;~~IAClBC~~,SAAS,~~EAAGd~~;~~EAAmB~~,~~CAC/B~~,CAAC;AAEJ","ignoreList":[]}
1	+ {"version":3,"names":["useLayoutEffect","useReducer","ContrastChecker","useBlockElement","jsx","_jsx","getComputedValue","node","property","ownerDocument","defaultView","getComputedStyle","getPropertyValue","getBlockElementColors","blockEl","firstLinkElement","querySelector","linkColor","innerText","undefined","textColor","backgroundColorNode","backgroundColor","parentNode","nodeType","ELEMENT_NODE","reducer","prevColors","newColors","hasChanged","Object","keys","some","key","BlockColorContrastChecker","clientId","colors","setColors","updateColors","window","requestAnimationFrame","enableAlphaChecker"],"sources":["@wordpress/block-editor/src/hooks/contrast-checker.js"],"sourcesContent":["/*\n WordPress dependencies\n /\nimport { useLayoutEffect, useReducer } from '@wordpress/element';\n\n/\n Internal dependencies\n */\nimport ContrastChecker from '../components/contrast-checker';\nimport { useBlockElement } from '../components/block-list/use-block-props/use-block-refs';\n\nfunction getComputedValue( node, property ) {\n\treturn node.ownerDocument.defaultView\n\t\t.getComputedStyle( node )\n\t\t.getPropertyValue( property );\n}\n\nfunction getBlockElementColors( blockEl ) {\n\tif ( ! blockEl ) {\n\t\treturn {};\n\t}\n\n\tconst firstLinkElement = blockEl.querySelector( 'a' );\n\tconst linkColor = !! firstLinkElement?.innerText\n\t\t? getComputedValue( firstLinkElement, 'color' )\n\t\t: undefined;\n\n\tconst textColor = getComputedValue( blockEl, 'color' );\n\n\tlet backgroundColorNode = blockEl;\n\tlet backgroundColor = getComputedValue(\n\t\tbackgroundColorNode,\n\t\t'background-color'\n\t);\n\twhile (\n\t\tbackgroundColor === 'rgba(0, 0, 0, 0)' &&\n\t\tbackgroundColorNode.parentNode &&\n\t\tbackgroundColorNode.parentNode.nodeType ===\n\t\t\tbackgroundColorNode.parentNode.ELEMENT_NODE\n\t) {\n\t\tbackgroundColorNode = backgroundColorNode.parentNode;\n\t\tbackgroundColor = getComputedValue(\n\t\t\tbackgroundColorNode,\n\t\t\t'background-color'\n\t\t);\n\t}\n\n\treturn {\n\t\ttextColor,\n\t\tbackgroundColor,\n\t\tlinkColor,\n\t};\n}\n\nfunction reducer( prevColors, newColors ) {\n\tconst hasChanged = Object.keys( newColors ).some(\n\t\t( key ) => prevColors[ key ] !== newColors[ key ]\n\t);\n\n\t// Do not re-render if the colors have not changed.\n\treturn hasChanged ? newColors : prevColors;\n}\n\nexport default function BlockColorContrastChecker( { clientId } ) {\n\tconst blockEl = useBlockElement( clientId );\n\tconst [ colors, setColors ] = useReducer( reducer, {} );\n\n\t// There are so many things that can change the color of a block\n\t// So we perform this check on every render.\n\tuseLayoutEffect( () => {\n\t\tif ( ! blockEl ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction updateColors() {\n\t\t\tsetColors( getBlockElementColors( blockEl ) );\n\t\t}\n\n\t\t// Combine `useLayoutEffect` and two rAF calls to ensure that values are read\n\t\t// after the current paint but before the next paint.\n\t\twindow.requestAnimationFrame( () =>\n\t\t\twindow.requestAnimationFrame( updateColors )\n\t\t);\n\t} );\n\n\treturn (\n\t\t<ContrastChecker\n\t\t\tbackgroundColor={ colors.backgroundColor }\n\t\t\ttextColor={ colors.textColor }\n\t\t\tlinkColor={ colors.linkColor }\n\t\t\tenableAlphaChecker\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,eAAe,EAAEC,UAAU,QAAQ,oBAAoB;;AAEhE;AACA;AACA;AACA,OAAOC,eAAe,MAAM,gCAAgC;AAC5D,SAASC,eAAe,QAAQ,yDAAyD;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE1F,SAASC,gBAAgBA,CAAEC,IAAI,EAAEC,QAAQ,EAAG;EAC3C,OAAOD,IAAI,CAACE,aAAa,CAACC,WAAW,CACnCC,gBAAgB,CAAEJ,IAAK,CAAC,CACxBK,gBAAgB,CAAEJ,QAAS,CAAC;AAC/B;AAEA,SAASK,qBAAqBA,CAAEC,OAAO,EAAG;EACzC,IAAK,CAAEA,OAAO,EAAG;IAChB,OAAO,CAAC,CAAC;EACV;EAEA,MAAMC,gBAAgB,GAAGD,OAAO,CAACE,aAAa,CAAE,GAAI,CAAC;EACrD,MAAMC,SAAS,GAAG,CAAC,CAAEF,gBAAgB,EAAEG,SAAS,GAC7CZ,gBAAgB,CAAES,gBAAgB,EAAE,OAAQ,CAAC,GAC7CI,SAAS;EAEZ,MAAMC,SAAS,GAAGd,gBAAgB,CAAEQ,OAAO,EAAE,OAAQ,CAAC;EAEtD,IAAIO,mBAAmB,GAAGP,OAAO;EACjC,IAAIQ,eAAe,GAAGhB,gBAAgB,CACrCe,mBAAmB,EACnB,kBACD,CAAC;EACD,OACCC,eAAe,KAAK,kBAAkB,IACtCD,mBAAmB,CAACE,UAAU,IAC9BF,mBAAmB,CAACE,UAAU,CAACC,QAAQ,KACtCH,mBAAmB,CAACE,UAAU,CAACE,YAAY,EAC3C;IACDJ,mBAAmB,GAAGA,mBAAmB,CAACE,UAAU;IACpDD,eAAe,GAAGhB,gBAAgB,CACjCe,mBAAmB,EACnB,kBACD,CAAC;EACF;EAEA,OAAO;IACND,SAAS;IACTE,eAAe;IACfL;EACD,CAAC;AACF;AAEA,SAASS,OAAOA,CAAEC,UAAU,EAAEC,SAAS,EAAG;EACzC,MAAMC,UAAU,GAAGC,MAAM,CAACC,IAAI,CAAEH,SAAU,CAAC,CAACI,IAAI,CAC7CC,GAAG,IAAMN,UAAU,CAAEM,GAAG,CAAE,KAAKL,SAAS,CAAEK,GAAG,CAChD,CAAC;;EAED;EACA,OAAOJ,UAAU,GAAGD,SAAS,GAAGD,UAAU;AAC3C;AAEA,eAAe,SAASO,yBAAyBA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACjE,MAAMrB,OAAO,GAAGX,eAAe,CAAEgC,QAAS,CAAC;EAC3C,MAAM,CAAEC,MAAM,EAAEC,SAAS,CAAE,GAAGpC,UAAU,CAAEyB,OAAO,EAAE,CAAC,CAAE,CAAC;;EAEvD;EACA;EACA1B,eAAe,CAAE,MAAM;IACtB,IAAK,CAAEc,OAAO,EAAG;MAChB;IACD;IAEA,SAASwB,YAAYA,CAAA,EAAG;MACvBD,SAAS,CAAExB,qBAAqB,CAAEC,OAAQ,CAAE,CAAC;IAC9C;;IAEA;IACA;IACAyB,MAAM,CAACC,qBAAqB,CAAE,MAC7BD,MAAM,CAACC,qBAAqB,CAAEF,YAAa,CAC5C,CAAC;EACF,CAAE,CAAC;EAEH,oBACCjC,IAAA,CAACH,eAAe;IACfoB,eAAe,EAAGc,MAAM,CAACd,eAAiB;IAC1CF,SAAS,EAAGgB,MAAM,CAAChB,SAAW;IAC9BH,SAAS,EAAGmB,MAAM,CAACnB,SAAW;IAC9BwB,kBAAkB;EAAA,CAClB,CAAC;AAEJ","ignoreList":[]}

package/build-module/hooks/custom-class-name.js CHANGED Viewed

@@ -111,7 +111,8 @@ export function addTransforms(result, source, index, results) {
   // if source N does not exists we do nothing.
   if (source[index]) {
     const originClassName = source[index]?.attributes.className;
-    if (originClassName) {
+    // Avoid overriding classes if the transformed block already includes them.
+    if (originClassName && result.attributes.className === undefined) {
       return {
         ...result,
         attributes: {

package/build-module/hooks/custom-class-name.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["clsx","addFilter","TextControl","__","hasBlockSupport","InspectorControls","useBlockEditingMode","jsx","_jsx","addAttribute","settings","attributes","className","type","CustomClassNameControlsPure","setAttributes","blockEditingMode","group","children","__nextHasNoMarginBottom","__next40pxDefaultSize","autoComplete","label","value","onChange","nextValue","undefined","help","edit","addSaveProps","attributeKeys","hasSupport","name","extraProps","blockType","addTransforms","result","source","index","results","length","innerBlocks","originClassName"],"sources":["@wordpress/block-editor/src/hooks/custom-class-name.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { addFilter } from '@wordpress/hooks';\nimport { TextControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport { InspectorControls } from '../components';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\n/\n Filters registered block settings, extending attributes to include `className`.\n \n @param {Object} settings Original block settings.\n \n @return {Object} Filtered block settings.\n /\nexport function addAttribute( settings ) {\n\tif ( hasBlockSupport( settings, 'customClassName', true ) ) {\n\t\t// Gracefully handle if settings.attributes is undefined.\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tclassName: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n}\n\nfunction CustomClassNameControlsPure( { className, setAttributes } ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tif ( blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tlabel={ __( 'Additional CSS class(es)' ) }\n\t\t\t\tvalue={ className \|\| '' }\n\t\t\t\tonChange={ ( nextValue ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tclassName: nextValue !== '' ? nextValue : undefined,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\thelp={ __( 'Separate multiple classes with spaces.' ) }\n\t\t\t/>\n\t\t</InspectorControls>\n\t);\n}\n\nexport default {\n\tedit: CustomClassNameControlsPure,\n\taddSaveProps,\n\tattributeKeys: [ 'className' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, 'customClassName', true );\n\t},\n};\n\n/\n Override props assigned to save component to inject the className, if block\n * supports customClassName. This is only applied if the block's save result is an\n * element and not a markup string.\n \n @param {Object} extraProps Additional props applied to save element.\n * @param {Object} blockType Block type.\n * @param {Object} attributes Current block attributes.\n \n @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps( extraProps, blockType, attributes ) {\n\tif (\n\t\thasBlockSupport( blockType, 'customClassName', true ) &&\n\t\tattributes.className\n\t) {\n\t\textraProps.className = clsx(\n\t\t\textraProps.className,\n\t\t\tattributes.className\n\t\t);\n\t}\n\n\treturn extraProps;\n}\n\nexport function addTransforms( result, source, index, results ) {\n\tif ( ! hasBlockSupport( result.name, 'customClassName', true ) ) {\n\t\treturn result;\n\t}\n\n\t// If the condition verifies we are probably in the presence of a wrapping transform\n\t// e.g: nesting paragraphs in a group or columns and in that case the class should not be kept.\n\tif ( results.length === 1 && result.innerBlocks.length === source.length ) {\n\t\treturn result;\n\t}\n\n\t// If we are transforming one block to multiple blocks or multiple blocks to one block,\n\t// we ignore the class during the transform.\n\tif (\n\t\t( results.length === 1 && source.length > 1 ) \|\|\n\t\t( results.length > 1 && source.length === 1 )\n\t) {\n\t\treturn result;\n\t}\n\n\t// If we are in presence of transform between one or more block in the source\n\t// that have one or more blocks in the result\n\t// we apply the class on source N to the result N,\n\t// if source N does not exists we do nothing.\n\tif ( source[ index ] ) {\n\t\tconst originClassName = source[ index ]?.attributes.className;\n\t\tif ( originClassName ) {\n\t\t\treturn {\n\t\t\t\t...result,\n\t\t\t\tattributes: {\n\t\t\t\t\t...result.attributes,\n\t\t\t\t\tclassName: originClassName,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\treturn result;\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/editor/custom-class-name/attribute',\n\taddAttribute\n);\n\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/color/addTransforms',\n\taddTransforms\n);\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,SAAS,QAAQ,kBAAkB;AAC5C,SAASC,WAAW,QAAQ,uBAAuB;AACnD,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,QAAQ,mBAAmB;;AAEnD;AACA;AACA;AACA,SAASC,iBAAiB,QAAQ,eAAe;AACjD,SAASC,mBAAmB,QAAQ,kCAAkC;;AAEtE;AACA;AACA;AACA;AACA;AACA;AACA;AANA,SAAAC,GAAA,IAAAC,IAAA;AAOA,OAAO,SAASC,YAAYA,CAAEC,QAAQ,EAAG;EACxC,IAAKN,eAAe,CAAEM,QAAQ,EAAE,iBAAiB,EAAE,IAAK,CAAC,EAAG;IAC3D;IACAA,QAAQ,CAACC,UAAU,GAAG;MACrB,GAAGD,QAAQ,CAACC,UAAU;MACtBC,SAAS,EAAE;QACVC,IAAI,EAAE;MACP;IACD,CAAC;EACF;EAEA,OAAOH,QAAQ;AAChB;AAEA,SAASI,2BAA2BA,CAAE;EAAEF,SAAS;EAAEG;AAAc,CAAC,EAAG;EACpE,MAAMC,gBAAgB,GAAGV,mBAAmB,CAAC,CAAC;EAC9C,IAAKU,gBAAgB,KAAK,SAAS,EAAG;IACrC,OAAO,IAAI;EACZ;EAEA,oBACCR,IAAA,CAACH,iBAAiB;IAACY,KAAK,EAAC,UAAU;IAAAC,QAAA,eAClCV,IAAA,CAACN,WAAW;MACXiB,uBAAuB;MACvBC,qBAAqB;MACrBC,YAAY,EAAC,KAAK;MAClBC,KAAK,EAAGnB,EAAE,CAAE,0BAA2B,CAAG;MAC1CoB,KAAK,EAAGX,SAAS,IAAI,EAAI;MACzBY,QAAQ,EAAKC,SAAS,IAAM;QAC3BV,aAAa,CAAE;UACdH,SAAS,EAAEa,SAAS,KAAK,EAAE,GAAGA,SAAS,GAAGC;QAC3C,CAAE,CAAC;MACJ,CAAG;MACHC,IAAI,EAAGxB,EAAE,CAAE,wCAAyC;IAAG,CACvD;EAAC,CACgB,CAAC;AAEtB;AAEA,eAAe;EACdyB,IAAI,EAAEd,2BAA2B;EACjCe,YAAY;EACZC,aAAa,EAAE,CAAE,WAAW,CAAE;EAC9BC,UAAUA,CAAEC,IAAI,EAAG;IAClB,OAAO5B,eAAe,CAAE4B,IAAI,EAAE,iBAAiB,EAAE,IAAK,CAAC;EACxD;AACD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASH,YAAYA,CAAEI,UAAU,EAAEC,SAAS,EAAEvB,UAAU,EAAG;EACjE,IACCP,eAAe,CAAE8B,SAAS,EAAE,iBAAiB,EAAE,IAAK,CAAC,IACrDvB,UAAU,CAACC,SAAS,EACnB;IACDqB,UAAU,CAACrB,SAAS,GAAGZ,IAAI,CAC1BiC,UAAU,CAACrB,SAAS,EACpBD,UAAU,CAACC,SACZ,CAAC;EACF;EAEA,OAAOqB,UAAU;AAClB;AAEA,OAAO,SAASE,aAAaA,CAAEC,MAAM,EAAEC,MAAM,EAAEC,KAAK,EAAEC,OAAO,EAAG;EAC/D,IAAK,CAAEnC,eAAe,CAAEgC,MAAM,CAACJ,IAAI,EAAE,iBAAiB,EAAE,IAAK,CAAC,EAAG;IAChE,OAAOI,MAAM;EACd;;EAEA;EACA;EACA,IAAKG,OAAO,CAACC,MAAM,KAAK,CAAC,IAAIJ,MAAM,CAACK,WAAW,CAACD,MAAM,KAAKH,MAAM,CAACG,MAAM,EAAG;IAC1E,OAAOJ,MAAM;EACd;;EAEA;EACA;EACA,IACGG,OAAO,CAACC,MAAM,KAAK,CAAC,IAAIH,MAAM,CAACG,MAAM,GAAG,CAAC,IACzCD,OAAO,CAACC,MAAM,GAAG,CAAC,IAAIH,MAAM,CAACG,MAAM,KAAK,CAAG,EAC5C;IACD,OAAOJ,MAAM;EACd;;EAEA;EACA;EACA;EACA;EACA,IAAKC,MAAM,CAAEC,KAAK,CAAE,EAAG;IACtB,MAAMI,eAAe,GAAGL,MAAM,CAAEC,KAAK,CAAE,EAAE3B,UAAU,CAACC,SAAS;IAC7D,IAAK8B,eAAe,EAAG;~~MACtB~~,OAAO;QACN,~~GAAGN~~,MAAM;QACTzB,UAAU,EAAE;UACX,GAAGyB,MAAM,CAACzB,UAAU;UACpBC,SAAS,EAAE8B;QACZ;MACD,CAAC;IACF;EACD;EACA,OAAON,MAAM;AACd;AAEAnC,SAAS,CACR,0BAA0B,EAC1B,yCAAyC,EACzCQ,YACD,CAAC;AAEDR,SAAS,CACR,2CAA2C,EAC3C,0BAA0B,EAC1BkC,aACD,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["clsx","addFilter","TextControl","__","hasBlockSupport","InspectorControls","useBlockEditingMode","jsx","_jsx","addAttribute","settings","attributes","className","type","CustomClassNameControlsPure","setAttributes","blockEditingMode","group","children","__nextHasNoMarginBottom","__next40pxDefaultSize","autoComplete","label","value","onChange","nextValue","undefined","help","edit","addSaveProps","attributeKeys","hasSupport","name","extraProps","blockType","addTransforms","result","source","index","results","length","innerBlocks","originClassName"],"sources":["@wordpress/block-editor/src/hooks/custom-class-name.js"],"sourcesContent":["/*\n External dependencies\n /\nimport clsx from 'clsx';\n\n/\n WordPress dependencies\n /\nimport { addFilter } from '@wordpress/hooks';\nimport { TextControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { hasBlockSupport } from '@wordpress/blocks';\n\n/\n Internal dependencies\n /\nimport { InspectorControls } from '../components';\nimport { useBlockEditingMode } from '../components/block-editing-mode';\n\n/\n Filters registered block settings, extending attributes to include `className`.\n \n @param {Object} settings Original block settings.\n \n @return {Object} Filtered block settings.\n /\nexport function addAttribute( settings ) {\n\tif ( hasBlockSupport( settings, 'customClassName', true ) ) {\n\t\t// Gracefully handle if settings.attributes is undefined.\n\t\tsettings.attributes = {\n\t\t\t...settings.attributes,\n\t\t\tclassName: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t};\n\t}\n\n\treturn settings;\n}\n\nfunction CustomClassNameControlsPure( { className, setAttributes } ) {\n\tconst blockEditingMode = useBlockEditingMode();\n\tif ( blockEditingMode !== 'default' ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<InspectorControls group=\"advanced\">\n\t\t\t<TextControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tlabel={ __( 'Additional CSS class(es)' ) }\n\t\t\t\tvalue={ className \|\| '' }\n\t\t\t\tonChange={ ( nextValue ) => {\n\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\tclassName: nextValue !== '' ? nextValue : undefined,\n\t\t\t\t\t} );\n\t\t\t\t} }\n\t\t\t\thelp={ __( 'Separate multiple classes with spaces.' ) }\n\t\t\t/>\n\t\t</InspectorControls>\n\t);\n}\n\nexport default {\n\tedit: CustomClassNameControlsPure,\n\taddSaveProps,\n\tattributeKeys: [ 'className' ],\n\thasSupport( name ) {\n\t\treturn hasBlockSupport( name, 'customClassName', true );\n\t},\n};\n\n/\n Override props assigned to save component to inject the className, if block\n * supports customClassName. This is only applied if the block's save result is an\n * element and not a markup string.\n \n @param {Object} extraProps Additional props applied to save element.\n * @param {Object} blockType Block type.\n * @param {Object} attributes Current block attributes.\n \n @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps( extraProps, blockType, attributes ) {\n\tif (\n\t\thasBlockSupport( blockType, 'customClassName', true ) &&\n\t\tattributes.className\n\t) {\n\t\textraProps.className = clsx(\n\t\t\textraProps.className,\n\t\t\tattributes.className\n\t\t);\n\t}\n\n\treturn extraProps;\n}\n\nexport function addTransforms( result, source, index, results ) {\n\tif ( ! hasBlockSupport( result.name, 'customClassName', true ) ) {\n\t\treturn result;\n\t}\n\n\t// If the condition verifies we are probably in the presence of a wrapping transform\n\t// e.g: nesting paragraphs in a group or columns and in that case the class should not be kept.\n\tif ( results.length === 1 && result.innerBlocks.length === source.length ) {\n\t\treturn result;\n\t}\n\n\t// If we are transforming one block to multiple blocks or multiple blocks to one block,\n\t// we ignore the class during the transform.\n\tif (\n\t\t( results.length === 1 && source.length > 1 ) \|\|\n\t\t( results.length > 1 && source.length === 1 )\n\t) {\n\t\treturn result;\n\t}\n\n\t// If we are in presence of transform between one or more block in the source\n\t// that have one or more blocks in the result\n\t// we apply the class on source N to the result N,\n\t// if source N does not exists we do nothing.\n\tif ( source[ index ] ) {\n\t\tconst originClassName = source[ index ]?.attributes.className;\n\t\t// Avoid overriding classes if the transformed block already includes them.\n\t\tif ( originClassName && result.attributes.className === undefined ) {\n\t\t\treturn {\n\t\t\t\t...result,\n\t\t\t\tattributes: {\n\t\t\t\t\t...result.attributes,\n\t\t\t\t\tclassName: originClassName,\n\t\t\t\t},\n\t\t\t};\n\t\t}\n\t}\n\treturn result;\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/editor/custom-class-name/attribute',\n\taddAttribute\n);\n\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/color/addTransforms',\n\taddTransforms\n);\n"],"mappings":"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","ignoreList":[]}

package/build-module/store/selectors.js CHANGED Viewed

@@ -1413,10 +1413,21 @@ const isBlockVisibleInTheInserter = (state, blockNameOrType, rootClientId = null
   // If parent blocks are not visible, child blocks should be hidden too.
   const parents = (Array.isArray(blockType.parent) ? blockType.parent : []).concat(Array.isArray(blockType.ancestor) ? blockType.ancestor : []);
   if (parents.length > 0) {
-    const rootBlockName = getBlockName(state, rootClientId);
     // This is an exception to the rule that says that all blocks are visible in the inserter.
     // Blocks that require a given parent or ancestor are only visible if we're within that parent.
-    return parents.includes('core/post-content') || parents.includes(rootBlockName) || getBlockParentsByBlockName(state, rootClientId, parents).length > 0;
+    if (parents.includes('core/post-content')) {
+      return true;
+    }
+    let current = rootClientId;
+    let hasParent = false;
+    do {
+      if (parents.includes(getBlockName(state, current))) {
+        hasParent = true;
+        break;
+      }
+      current = state.blocks.parents.get(current);
+    } while (current);
+    return hasParent;
   }
   return true;
 };