first commit

2023-11-30 13:20:54 -05:00
commit e9e5c0546c
5833 changed files with 1801865 additions and 0 deletions
@@ -0,0 +1,31 @@
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/*--------------------------------------------------------------*/
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/**
+ * Environment for all styles (variables, additions, etc).
+ */
+/*--------------------------------------------------------------*/
+/*--------------------------------------------------------------*/
+.wp-block-cover {
+	-webkit-box-align: start;
+	-ms-flex-align: start;
+	align-items: flex-start;
+}
+
+.wp-block-cover.is-cnvs-vert-align-middle {
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.wp-block-cover.is-cnvs-vert-align-bottom {
+	-webkit-box-align: end;
+	-ms-flex-align: end;
+	align-items: flex-end;
+}
@@ -0,0 +1,31 @@
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/*--------------------------------------------------------------*/
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/**
+ * Environment for all styles (variables, additions, etc).
+ */
+/*--------------------------------------------------------------*/
+/*--------------------------------------------------------------*/
+.wp-block-cover {
+	-webkit-box-align: start;
+	-ms-flex-align: start;
+	align-items: flex-start;
+}
+
+.wp-block-cover.is-cnvs-vert-align-middle {
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.wp-block-cover.is-cnvs-vert-align-bottom {
+	-webkit-box-align: end;
+	-ms-flex-align: end;
+	align-items: flex-end;
+}
@@ -0,0 +1,26 @@
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/**
+ * Environment for all styles (variables, additions, etc).
+ */
+/*--------------------------------------------------------------*/
+/*--------------------------------------------------------------*/
+.wp-block-cover {
+	-webkit-box-align: start;
+	-ms-flex-align: start;
+	align-items: flex-start;
+}
+
+.wp-block-cover.is-cnvs-vert-align-middle {
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.wp-block-cover.is-cnvs-vert-align-bottom {
+	-webkit-box-align: end;
+	-ms-flex-align: end;
+	align-items: flex-end;
+}
@@ -0,0 +1,26 @@
+/**
+ * All of the CSS for your block editor functionality should be
+ * included in this file.
+ */
+/**
+ * Environment for all styles (variables, additions, etc).
+ */
+/*--------------------------------------------------------------*/
+/*--------------------------------------------------------------*/
+.wp-block-cover {
+	-webkit-box-align: start;
+	-ms-flex-align: start;
+	align-items: flex-start;
+}
+
+.wp-block-cover.is-cnvs-vert-align-middle {
+	-webkit-box-align: center;
+	-ms-flex-align: center;
+	align-items: center;
+}
+
+.wp-block-cover.is-cnvs-vert-align-bottom {
+	-webkit-box-align: end;
+	-ms-flex-align: end;
+	align-items: flex-end;
+}
@@ -0,0 +1,148 @@
+/**
+ * Internal dependencies
+ */
+import {
+	replaceClass,
+	getActiveClass,
+} from '../../../gutenberg/utils/classes-replacer';
+
+/**
+ * WordPress dependencies
+ */
+const {
+	__,
+} = wp.i18n;
+
+const {
+	Component,
+	Fragment,
+} = wp.element;
+
+const {
+	PanelBody,
+	SelectControl,
+} = wp.components;
+
+const {
+	InspectorControls,
+} = wp.blockEditor;
+
+const {
+	addFilter,
+} = wp.hooks;
+
+const {
+	createHigherOrderComponent,
+} = wp.compose;
+
+const {
+	withDispatch,
+} = wp.data;
+
+
+/**
+ * Override the default edit UI to include a new block inspector control for
+ * assigning the custom styles if needed.
+ *
+ * @param {function|Component} BlockEdit Original component.
+ *
+ * @return {string} Wrapped component.
+ */
+const coverWithCanvasVertical = createHigherOrderComponent( ( BlockEdit ) => {
+	class NewEdit extends Component {
+		constructor() {
+			super( ...arguments );
+
+			this.getVerticalAlign    = this.getVerticalAlign.bind( this );
+			this.updateVerticalAlign = this.updateVerticalAlign.bind( this );
+		}
+
+		/**
+		 * Get vertical style from classname on the block.
+		 *
+		 * @return {String}
+		 */
+		getVerticalAlign() {
+			const {
+				attributes,
+			} = this.props;
+
+			return getActiveClass( attributes.className, 'is-cnvs-vert-align' );
+		}
+
+		/**
+		 * Update vertical classname on the block.
+		 *
+		 * @param {String} verticalName name of vertical style
+		 * @memberof NewEdit
+		 */
+		updateVerticalAlign( verticalName ) {
+			const {
+				attributes,
+				onChangeClassName,
+			} = this.props;
+
+			const updatedClassName = replaceClass( attributes.className, 'is-cnvs-vert-align', verticalName );
+
+			onChangeClassName( updatedClassName );
+		}
+
+		render() {
+			if ( 'core/cover' !== this.props.name ) {
+				return <BlockEdit { ...this.props } />;
+			}
+
+			const {
+				attributes,
+			} = this.props;
+
+			let verticalAlign = this.getVerticalAlign();
+
+			if ( verticalAlign ) {
+				verticalAlign = verticalAlign.replace( /^is-cnvs-vert-align-/, '' );
+			}
+
+			return (
+				<Fragment>
+					<BlockEdit { ...this.props } />
+					<InspectorControls>
+						<PanelBody
+							title={ __( 'Vertical Align' ) }
+						>
+							<SelectControl
+								value={ verticalAlign }
+								options={ [
+									{
+										label: __( 'Top' ),
+										value: '',
+									}, {
+										label: __( 'Middle' ),
+										value: 'middle',
+									}, {
+										label: __( 'Bottom' ),
+										value: 'bottom',
+									},
+								] }
+								onChange={ ( val ) => {
+									this.updateVerticalAlign( val );
+								} }
+							/>
+						</PanelBody>
+					</InspectorControls>
+				</Fragment>
+			);;
+		}
+	}
+
+	return withDispatch( ( dispatch, { clientId } ) => {
+		return {
+			onChangeClassName( newClassName ) {
+				dispatch( 'core/block-editor' ).updateBlockAttributes( clientId, {
+					className: newClassName,
+				} );
+			},
+		};
+	} )( NewEdit );
+}, 'coverWithCanvasVertical' );
+
+addFilter( 'editor.BlockEdit', 'canvas/cover/vertical', coverWithCanvasVertical );