@wordpress/block-editor 9.0.0 → 9.3.0

package/build-module/components/colors-gradients/tools-panel-color-dropdown.js

@@ -1,75 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-/**
- * WordPress dependencies
- */
-
-import { Button, ColorIndicator, Dropdown, FlexItem, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
-/**
- * Internal dependencies
- */
-
-import ColorGradientControl from './control';
-import useMultipleOriginColorsAndGradients from './use-multiple-origin-colors-and-gradients';
-export default function ToolsPanelColorDropdown(_ref) {
-  var _settings$gradientVal;
-
-  let {
-    settings,
-    enableAlpha,
-    ...otherProps
-  } = _ref;
-  const colorGradientSettings = useMultipleOriginColorsAndGradients();
-  const controlSettings = { ...colorGradientSettings,
-    clearable: false,
-    enableAlpha,
-    label: settings.label,
-    onColorChange: settings.onColorChange,
-    onGradientChange: settings.onGradientChange,
-    colorValue: settings.colorValue,
-    gradientValue: settings.gradientValue
-  };
-  const selectedColor = (_settings$gradientVal = settings.gradientValue) !== null && _settings$gradientVal !== void 0 ? _settings$gradientVal : settings.colorValue;
-  return createElement(ToolsPanelItem, _extends({
-    hasValue: settings.hasValue,
-    label: settings.label,
-    onDeselect: settings.onDeselect,
-    isShownByDefault: settings.isShownByDefault,
-    resetAllFilter: settings.resetAllFilter
-  }, otherProps, {
-    className: "block-editor-tools-panel-color-gradient-settings__item"
-  }), createElement(Dropdown, {
-    className: "block-editor-tools-panel-color-dropdown",
-    contentClassName: "block-editor-panel-color-gradient-settings__dropdown-content",
-    renderToggle: _ref2 => {
-      let {
-        isOpen,
-        onToggle
-      } = _ref2;
-      return createElement(Button, {
-        onClick: onToggle,
-        "aria-expanded": isOpen,
-        className: classnames('block-editor-panel-color-gradient-settings__dropdown', {
-          'is-open': isOpen
-        })
-      }, createElement(HStack, {
-        justify: "flex-start"
-      }, createElement(ColorIndicator, {
-        className: "block-editor-panel-color-gradient-settings__color-indicator",
-        colorValue: selectedColor
-      }), createElement(FlexItem, null, settings.label)));
-    },
-    renderContent: () => createElement(ColorGradientControl, _extends({
-      showTitle: false,
-      __experimentalHasMultipleOrigins: true,
-      __experimentalIsRenderedInSidebar: true,
-      enableAlpha: true
-    }, controlSettings))
-  }));
-}
-//# sourceMappingURL=tools-panel-color-dropdown.js.map

package/build-module/components/colors-gradients/tools-panel-color-dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/colors-gradients/tools-panel-color-dropdown.js"],"names":["classnames","Button","ColorIndicator","Dropdown","FlexItem","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","ColorGradientControl","useMultipleOriginColorsAndGradients","ToolsPanelColorDropdown","settings","enableAlpha","otherProps","colorGradientSettings","controlSettings","clearable","label","onColorChange","onGradientChange","colorValue","gradientValue","selectedColor","hasValue","onDeselect","isShownByDefault","resetAllFilter","isOpen","onToggle"],"mappings":";;;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SACCC,MADD,EAECC,cAFD,EAGCC,QAHD,EAICC,QAJD,EAKCC,oBAAoB,IAAIC,MALzB,EAMCC,4BAA4B,IAAIC,cANjC,QAOO,uBAPP;AASA;AACA;AACA;;AACA,OAAOC,oBAAP,MAAiC,WAAjC;AACA,OAAOC,mCAAP,MAAgD,4CAAhD;AAEA,eAAe,SAASC,uBAAT,OAIX;AAAA;;AAAA,MAJ6C;AAChDC,IAAAA,QADgD;AAEhDC,IAAAA,WAFgD;AAGhD,OAAGC;AAH6C,GAI7C;AACH,QAAMC,qBAAqB,GAAGL,mCAAmC,EAAjE;AACA,QAAMM,eAAe,GAAG,EACvB,GAAGD,qBADoB;AAEvBE,IAAAA,SAAS,EAAE,KAFY;AAGvBJ,IAAAA,WAHuB;AAIvBK,IAAAA,KAAK,EAAEN,QAAQ,CAACM,KAJO;AAKvBC,IAAAA,aAAa,EAAEP,QAAQ,CAACO,aALD;AAMvBC,IAAAA,gBAAgB,EAAER,QAAQ,CAACQ,gBANJ;AAOvBC,IAAAA,UAAU,EAAET,QAAQ,CAACS,UAPE;AAQvBC,IAAAA,aAAa,EAAEV,QAAQ,CAACU;AARD,GAAxB;AAUA,QAAMC,aAAa,4BAAGX,QAAQ,CAACU,aAAZ,yEAA6BV,QAAQ,CAACS,UAAzD;AAEA,SACC,cAAC,cAAD;AACC,IAAA,QAAQ,EAAGT,QAAQ,CAACY,QADrB;AAEC,IAAA,KAAK,EAAGZ,QAAQ,CAACM,KAFlB;AAGC,IAAA,UAAU,EAAGN,QAAQ,CAACa,UAHvB;AAIC,IAAA,gBAAgB,EAAGb,QAAQ,CAACc,gBAJ7B;AAKC,IAAA,cAAc,EAAGd,QAAQ,CAACe;AAL3B,KAMMb,UANN;AAOC,IAAA,SAAS,EAAC;AAPX,MASC,cAAC,QAAD;AACC,IAAA,SAAS,EAAC,yCADX;AAEC,IAAA,gBAAgB,EAAC,8DAFlB;AAGC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEc,QAAAA,MAAF;AAAUC,QAAAA;AAAV,OAAF;AAAA,aACd,cAAC,MAAD;AACC,QAAA,OAAO,EAAGA,QADX;AAEC,yBAAgBD,MAFjB;AAGC,QAAA,SAAS,EAAG5B,UAAU,CACrB,sDADqB,EAErB;AAAE,qBAAW4B;AAAb,SAFqB;AAHvB,SAQC,cAAC,MAAD;AAAQ,QAAA,OAAO,EAAC;AAAhB,SACC,cAAC,cAAD;AACC,QAAA,SAAS,EAAC,6DADX;AAEC,QAAA,UAAU,EAAGL;AAFd,QADD,EAKC,cAAC,QAAD,QAAYX,QAAQ,CAACM,KAArB,CALD,CARD,CADc;AAAA,KAHhB;AAqBC,IAAA,aAAa,EAAG,MACf,cAAC,oBAAD;AACC,MAAA,SAAS,EAAG,KADb;AAEC,MAAA,gCAAgC,MAFjC;AAGC,MAAA,iCAAiC,MAHlC;AAIC,MAAA,WAAW;AAJZ,OAKMF,eALN;AAtBF,IATD,CADD;AA2CA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tButton,\n\tColorIndicator,\n\tDropdown,\n\tFlexItem,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ColorGradientControl from './control';\nimport useMultipleOriginColorsAndGradients from './use-multiple-origin-colors-and-gradients';\n\nexport default function ToolsPanelColorDropdown( {\n\tsettings,\n\tenableAlpha,\n\t...otherProps\n} ) {\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\tconst controlSettings = {\n\t\t...colorGradientSettings,\n\t\tclearable: false,\n\t\tenableAlpha,\n\t\tlabel: settings.label,\n\t\tonColorChange: settings.onColorChange,\n\t\tonGradientChange: settings.onGradientChange,\n\t\tcolorValue: settings.colorValue,\n\t\tgradientValue: settings.gradientValue,\n\t};\n\tconst selectedColor = settings.gradientValue ?? settings.colorValue;\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\thasValue={ settings.hasValue }\n\t\t\tlabel={ settings.label }\n\t\t\tonDeselect={ settings.onDeselect }\n\t\t\tisShownByDefault={ settings.isShownByDefault }\n\t\t\tresetAllFilter={ settings.resetAllFilter }\n\t\t\t{ ...otherProps }\n\t\t\tclassName=\"block-editor-tools-panel-color-gradient-settings__item\"\n\t\t>\n\t\t\t<Dropdown\n\t\t\t\tclassName=\"block-editor-tools-panel-color-dropdown\"\n\t\t\t\tcontentClassName=\"block-editor-panel-color-gradient-settings__dropdown-content\"\n\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'block-editor-panel-color-gradient-settings__dropdown',\n\t\t\t\t\t\t\t{ 'is-open': isOpen }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t\t\t<ColorIndicator\n\t\t\t\t\t\t\t\tclassName=\"block-editor-panel-color-gradient-settings__color-indicator\"\n\t\t\t\t\t\t\t\tcolorValue={ selectedColor }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<FlexItem>{ settings.label }</FlexItem>\n\t\t\t\t\t\t</HStack>\n\t\t\t\t\t</Button>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<ColorGradientControl\n\t\t\t\t\t\tshowTitle={ false }\n\t\t\t\t\t\t__experimentalHasMultipleOrigins\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tenableAlpha\n\t\t\t\t\t\t{ ...controlSettings }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolsPanelItem>\n\t);\n}\n"]}

package/src/components/block-alignment-matrix-control/style.scss

@@ -1,10 +0,0 @@
-.block-editor-block-alignment-matrix-control__popover {
-	.components-popover__content {
-		min-width: 0;
-		width: auto;
-
-		> div {
-			padding: $grid-unit;
-		}
-	}
-}

package/src/components/colors/color-panel.js

@@ -1,91 +0,0 @@
-/**
- * External dependencies
- */
-import { map } from 'lodash';
-
-/**
- * Internal dependencies
- */
-import PanelColorSettings from '../panel-color-settings';
-import ContrastChecker from '../contrast-checker';
-
-const resolveContrastCheckerColor = ( color, colorSettings, detectedColor ) => {
-	if ( typeof color === 'function' ) {
-		return color( colorSettings );
-	} else if ( color === true ) {
-		return detectedColor;
-	}
-	return color;
-};
-
-export default function ColorPanel( {
-	title,
-	colorSettings,
-	colorPanelProps,
-	contrastCheckers,
-	detectedBackgroundColor,
-	detectedColor,
-	panelChildren,
-	initialOpen,
-} ) {
-	return (
-		<PanelColorSettings
-			title={ title }
-			initialOpen={ initialOpen }
-			colorSettings={ Object.values( colorSettings ) }
-			{ ...colorPanelProps }
-		>
-			{ contrastCheckers &&
-				( Array.isArray( contrastCheckers )
-					? contrastCheckers.map(
-							( { backgroundColor, textColor, ...rest } ) => {
-								backgroundColor = resolveContrastCheckerColor(
-									backgroundColor,
-									colorSettings,
-									detectedBackgroundColor
-								);
-								textColor = resolveContrastCheckerColor(
-									textColor,
-									colorSettings,
-									detectedColor
-								);
-								return (
-									<ContrastChecker
-										key={ `${ backgroundColor }-${ textColor }` }
-										backgroundColor={ backgroundColor }
-										textColor={ textColor }
-										{ ...rest }
-									/>
-								);
-							}
-					  )
-					: map( colorSettings, ( { value } ) => {
-							let {
-								backgroundColor,
-								textColor,
-							} = contrastCheckers;
-							backgroundColor = resolveContrastCheckerColor(
-								backgroundColor || value,
-								colorSettings,
-								detectedBackgroundColor
-							);
-							textColor = resolveContrastCheckerColor(
-								textColor || value,
-								colorSettings,
-								detectedColor
-							);
-							return (
-								<ContrastChecker
-									{ ...contrastCheckers }
-									key={ `${ backgroundColor }-${ textColor }` }
-									backgroundColor={ backgroundColor }
-									textColor={ textColor }
-								/>
-							);
-					  } ) ) }
-			{ typeof panelChildren === 'function'
-				? panelChildren( colorSettings )
-				: panelChildren }
-		</PanelColorSettings>
-	);
-}

package/src/components/colors/color-panel.native.js

@@ -1,3 +0,0 @@
-export default function ColorPanel() {
-	return null;
-}

package/src/components/colors-gradients/tools-panel-color-dropdown.js

@@ -1,85 +0,0 @@
-/**
- * External dependencies
- */
-import classnames from 'classnames';
-
-/**
- * WordPress dependencies
- */
-import {
-	Button,
-	ColorIndicator,
-	Dropdown,
-	FlexItem,
-	__experimentalHStack as HStack,
-	__experimentalToolsPanelItem as ToolsPanelItem,
-} from '@wordpress/components';
-
-/**
- * Internal dependencies
- */
-import ColorGradientControl from './control';
-import useMultipleOriginColorsAndGradients from './use-multiple-origin-colors-and-gradients';
-
-export default function ToolsPanelColorDropdown( {
-	settings,
-	enableAlpha,
-	...otherProps
-} ) {
-	const colorGradientSettings = useMultipleOriginColorsAndGradients();
-	const controlSettings = {
-		...colorGradientSettings,
-		clearable: false,
-		enableAlpha,
-		label: settings.label,
-		onColorChange: settings.onColorChange,
-		onGradientChange: settings.onGradientChange,
-		colorValue: settings.colorValue,
-		gradientValue: settings.gradientValue,
-	};
-	const selectedColor = settings.gradientValue ?? settings.colorValue;
-
-	return (
-		<ToolsPanelItem
-			hasValue={ settings.hasValue }
-			label={ settings.label }
-			onDeselect={ settings.onDeselect }
-			isShownByDefault={ settings.isShownByDefault }
-			resetAllFilter={ settings.resetAllFilter }
-			{ ...otherProps }
-			className="block-editor-tools-panel-color-gradient-settings__item"
-		>
-			<Dropdown
-				className="block-editor-tools-panel-color-dropdown"
-				contentClassName="block-editor-panel-color-gradient-settings__dropdown-content"
-				renderToggle={ ( { isOpen, onToggle } ) => (
-					<Button
-						onClick={ onToggle }
-						aria-expanded={ isOpen }
-						className={ classnames(
-							'block-editor-panel-color-gradient-settings__dropdown',
-							{ 'is-open': isOpen }
-						) }
-					>
-						<HStack justify="flex-start">
-							<ColorIndicator
-								className="block-editor-panel-color-gradient-settings__color-indicator"
-								colorValue={ selectedColor }
-							/>
-							<FlexItem>{ settings.label }</FlexItem>
-						</HStack>
-					</Button>
-				) }
-				renderContent={ () => (
-					<ColorGradientControl
-						showTitle={ false }
-						__experimentalHasMultipleOrigins
-						__experimentalIsRenderedInSidebar
-						enableAlpha
-						{ ...controlSettings }
-					/>
-				) }
-			/>
-		</ToolsPanelItem>
-	);
-}