- { __(
- 'Patterns are grouped into defined categories to help people browse.',
- 'wporg-patterns'
- ) }
-
-
-
-
-
- { __(
- 'Keywords are words or short phrases that will help people find your pattern. There is a maximum of 10 keywords.',
- 'wporg-patterns'
- ) }
-
-
-
-
- );
-}
-
-export default PatternSettings;
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/sidebar/settings-header/index.js b/public_html/wp-content/plugins/pattern-creator/src/components/sidebar/settings-header/index.js
deleted file mode 100644
index a2552a5bd..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/components/sidebar/settings-header/index.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { Button } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { useDispatch } from '@wordpress/data';
-import { store as interfaceStore } from '@wordpress/interface';
-
-/**
- * Internal dependencies
- */
-import { STORE_NAME } from '../../../store/constants';
-import { SIDEBAR_BLOCK, SIDEBAR_PATTERN } from '../constants';
-
-const SettingsHeader = ( { sidebarName } ) => {
- const { enableComplementaryArea } = useDispatch( interfaceStore );
- const openPatternSettings = () => enableComplementaryArea( STORE_NAME, SIDEBAR_PATTERN );
- const openBlockSettings = () => enableComplementaryArea( STORE_NAME, SIDEBAR_BLOCK );
-
- const [ patternAriaLabel, patternActiveClass ] =
- sidebarName === SIDEBAR_PATTERN
- ? // translators: ARIA label for the Template sidebar tab, selected.
- [ __( 'Pattern (selected)', 'wporg-patterns' ), 'is-active' ]
- : // translators: ARIA label for the Template Settings Sidebar tab, not selected.
- [ __( 'Pattern', 'wporg-patterns' ), '' ];
-
- const [ blockAriaLabel, blockActiveClass ] =
- sidebarName === SIDEBAR_BLOCK
- ? // translators: ARIA label for the Block Settings Sidebar tab, selected.
- [ __( 'Block (selected)', 'wporg-patterns' ), 'is-active' ]
- : // translators: ARIA label for the Block Settings Sidebar tab, not selected.
- [ __( 'Block', 'wporg-patterns' ), '' ];
-
- /* Use a list so screen readers will announce how many tabs there are. */
- return (
-
- { __(
- 'Don’t worry about licensing. We’ve provided a collection of worry-free images and media for you to use.',
- 'wporg-patterns'
- ) }
-
-
- ),
- },
- {
- image: (
-
-
-
- ),
- content: (
- <>
-
- { __( 'Submit your pattern to the directory', 'wporg-patterns' ) }
-
-
- { __(
- 'Choose a category and share your pattern with the world. All patterns in the directory are available from any WordPress site.',
- 'wporg-patterns'
- ) }
-
-
- ),
- },
- ] }
- />
- );
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/welcome-guide/style.scss b/public_html/wp-content/plugins/pattern-creator/src/components/welcome-guide/style.scss
deleted file mode 100644
index bf1dd7cba..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/components/welcome-guide/style.scss
+++ /dev/null
@@ -1,56 +0,0 @@
-
-.pattern-creator-welcome-guide {
- max-width: 320px;
-}
-
-.pattern-creator-welcome-guide__image {
- margin-bottom: $grid-unit-10; /* Pushes the dot controls away */
- display: flex;
- align-items: center;
- justify-content: center;
- background: #1d2327;
- height: 240px;
- overflow: hidden;
-}
-
-/* Change circle indicator color */
-.pattern-creator-welcome-guide .components-guide__page-control [aria-current="step"] circle {
- fill: var(--wp-admin-theme-color);
-}
-
-/* Change the close button color */
-.pattern-creator-welcome-guide .components-modal__header button {
- background: #000;
- color: #fff;
-}
-
-.pattern-creator-welcome-guide__image svg {
- position: absolute;
-}
-
-.pattern-creator-welcome-guide__title,
-.pattern-creator-welcome-guide p {
- margin: 0;
- padding: 0 $grid-unit-40;
-}
-
-.pattern-creator-welcome-guide__title {
- margin: $grid-unit-20 0;
- font-size: 20px;
- font-weight: 600;
- line-height: normal;
-}
-
-.pattern-creator-welcome-guide p {
- margin-bottom: $grid-unit-20;
- font-size: 14px;
-}
-
-.pattern-creator-welcome-guide__link {
- margin-top: $grid-unit-10;
- display: block;
-}
-
-.pattern-creator-welcome-guide .components-guide__footer > button {
- padding: $grid-unit-10 $grid-unit-15;
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/hooks/media.js b/public_html/wp-content/plugins/pattern-creator/src/hooks/media.js
deleted file mode 100644
index 6f0a1294f..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/hooks/media.js
+++ /dev/null
@@ -1,13 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { addFilter } from '@wordpress/hooks';
-
-/**
- * Internal dependencies
- */
-import MediaPlaceholder from '../components/media-placeholder';
-import OpenverseGallery from '../components/openverse';
-
-addFilter( 'editor.MediaPlaceholder', 'wporg/patterns/components/media-upload', () => MediaPlaceholder, 100 );
-addFilter( 'editor.MediaUpload', 'wporg-patterns/openverse-media-upload', () => OpenverseGallery, 100 );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/hooks/use-post-data.js b/public_html/wp-content/plugins/pattern-creator/src/hooks/use-post-data.js
deleted file mode 100644
index f4693dedb..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/hooks/use-post-data.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * External dependencies
- */
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store } from '@wordpress/editor';
-
-/**
- * A hook to get and set a post value.
- *
- * @param {string} property Identifier for a post property to use.
- *
- * @return {Array<*,Function>} A pair of values: the current property value and a callback to update this value.
- */
-export default function usePostData( property ) {
- const propValue = useSelect( ( select ) => select( store ).getEditedPostAttribute( property ) );
-
- const { editPost } = useDispatch( store );
- const setPropValue = ( value ) => {
- editPost( {
- [ property ]: value,
- } );
- };
-
- return [ propValue, setPropValue ];
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/index.js b/public_html/wp-content/plugins/pattern-creator/src/index.js
deleted file mode 100644
index 7ff6c4f09..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/index.js
+++ /dev/null
@@ -1,47 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { dispatch } from '@wordpress/data';
-import { registerCoreBlocks } from '@wordpress/block-library';
-import { render, unmountComponentAtNode } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as patternStore } from './store';
-import './hooks/media';
-import Editor from './components/editor';
-import './api-middleware';
-import './style.scss';
-
-/**
- * Reinitializes the editor after the user chooses to reboot the editor after
- * an unhandled error occurs, replacing previously mounted editor element using
- * an initial state from prior to the crash.
- *
- * @param {Element} target DOM node in which editor is rendered.
- * @param {Object} settings Editor settings.
- * @param {number} settings.postId ID of the current post.
- */
-export function reinitializeEditor( target, { postId, ...settings } ) {
- unmountComponentAtNode( target );
- const reboot = reinitializeEditor.bind( null, target, settings );
-
- // Update the store synchronously before rendering so that we won't trigger
- // unnecessary re-renders with useEffect.
- dispatch( patternStore ).updateSettings( settings );
- render( , target );
-}
-
-/**
- * Initializes the pattern editor screen.
- *
- * @param {string} id ID of the root element to render the screen in.
- * @param {Object} settings Editor settings.
- */
-export function initialize( id, settings ) {
- const target = document.getElementById( id );
-
- registerCoreBlocks();
- reinitializeEditor( target, settings );
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/lock-unlock.js b/public_html/wp-content/plugins/pattern-creator/src/lock-unlock.js
deleted file mode 100644
index c3859fa5d..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/lock-unlock.js
+++ /dev/null
@@ -1,9 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __dangerousOptInToUnstableAPIsOnlyForCoreModules } from '@wordpress/private-apis';
-
-export const { lock, unlock } = __dangerousOptInToUnstableAPIsOnlyForCoreModules(
- 'I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.',
- '@wordpress/edit-post' // Hack to enable APIs by using a core package.
-);
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/actions.js b/public_html/wp-content/plugins/pattern-creator/src/store/actions.js
deleted file mode 100644
index 0c79bd4af..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/actions.js
+++ /dev/null
@@ -1,73 +0,0 @@
-/**
- * Returns an action object used to toggle a feature flag.
- *
- * @param {string} feature Feature name.
- *
- * @return {Object} Action object.
- */
-export function toggleFeature( feature ) {
- return {
- type: 'TOGGLE_FEATURE',
- feature: feature,
- };
-}
-
-/**
- * Returns an action object used to toggle the width of the editing canvas.
- *
- * @param {string} deviceType
- *
- * @return {Object} Action object.
- */
-export function setPreviewDeviceType( deviceType ) {
- return {
- type: 'SET_PREVIEW_DEVICE_TYPE',
- deviceType: deviceType,
- };
-}
-
-/**
- * Returns an action object used to open/close the inserter.
- *
- * @param {boolean|Object} value Whether the inserter should be
- * opened (true) or closed (false).
- * To specify an insertion point,
- * use an object.
- * @param {string} value.rootClientId The root client ID to insert at.
- * @param {number} value.insertionIndex The index to insert at.
- *
- * @return {Object} Action object.
- */
-export function setIsInserterOpened( value ) {
- return {
- type: 'SET_IS_INSERTER_OPENED',
- value: value,
- };
-}
-
-/**
- * Returns an action object used to update the settings.
- *
- * @param {Object} settings New settings.
- *
- * @return {Object} Action object.
- */
-export function updateSettings( settings ) {
- return {
- type: 'UPDATE_SETTINGS',
- settings: settings,
- };
-}
-
-/**
- * Sets whether the list view panel should be open.
- *
- * @param {boolean} isOpen If true, opens the list view. If false, closes it.
- * It does not toggle the state, but sets it directly.
- */
-export function setIsListViewOpened( isOpen ) {
- return {
- type: 'SET_IS_LIST_VIEW_OPENED',
- isOpen: isOpen,
- };
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/constants.js b/public_html/wp-content/plugins/pattern-creator/src/store/constants.js
deleted file mode 100644
index 5b4a979e3..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/constants.js
+++ /dev/null
@@ -1,12 +0,0 @@
-/**
- * The identifier for the data store.
- *
- * @type {string}
- */
-export const STORE_NAME = 'wporg/pattern-creator';
-
-export const POST_TYPE = 'wporg-pattern';
-
-export const CATEGORY_SLUG = 'wporg-pattern-category';
-
-export const KEYWORD_SLUG = 'wpop_keywords';
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/defaults.js b/public_html/wp-content/plugins/pattern-creator/src/store/defaults.js
deleted file mode 100644
index e83e8b31f..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/defaults.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export const PREFERENCES_DEFAULTS = {
- features: {
- patternWelcomeGuide: true,
- },
-};
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/index.js b/public_html/wp-content/plugins/pattern-creator/src/store/index.js
deleted file mode 100644
index 1f69c105b..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/index.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createReduxStore, registerStore } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import reducer from './reducer';
-import * as actions from './actions';
-import * as selectors from './selectors';
-import { STORE_NAME } from './constants';
-
-export const storeConfig = {
- reducer: reducer,
- actions: actions,
- selectors: selectors,
- persist: [ 'preferences' ],
-};
-
-export { POST_TYPE, CATEGORY_SLUG, KEYWORD_SLUG } from './constants';
-
-export const store = createReduxStore( STORE_NAME, storeConfig );
-
-// Technically `registerStore` has been deprecated in favor of `register`, but
-// `register` does not support the persistance layer. To switch, we'll need to
-// update the `preferences` state to use the `@wordpress/preferences` package.
-registerStore( STORE_NAME, storeConfig );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/reducer.js b/public_html/wp-content/plugins/pattern-creator/src/store/reducer.js
deleted file mode 100644
index 9b8249ddf..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/reducer.js
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { combineReducers } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { PREFERENCES_DEFAULTS } from './defaults';
-
-/**
- * Reducer returning the user preferences.
- *
- * @param {Object} state Current state.
- * @param {Object} action Dispatched action.
- * @return {Object} Updated state.
- */
-export const preferences = combineReducers( {
- features( state = PREFERENCES_DEFAULTS.features, action ) {
- switch ( action.type ) {
- case 'TOGGLE_FEATURE': {
- return {
- ...state,
- [ action.feature ]: ! state[ action.feature ],
- };
- }
- default:
- return state;
- }
- },
-} );
-
-/**
- * Reducer returning the editing canvas device type.
- *
- * @param {Object} state Current state.
- * @param {Object} action Dispatched action.
- *
- * @return {Object} Updated state.
- */
-export function deviceType( state = 'Desktop', action ) {
- switch ( action.type ) {
- case 'SET_PREVIEW_DEVICE_TYPE':
- return action.deviceType;
- }
-
- return state;
-}
-
-/**
- * Reducer returning the settings.
- *
- * @param {Object} state Current state.
- * @param {Object} action Dispatched action.
- *
- * @return {Object} Updated state.
- */
-export function settings( state = {}, action ) {
- switch ( action.type ) {
- case 'UPDATE_SETTINGS':
- return {
- ...state,
- ...action.settings,
- };
- }
-
- return state;
-}
-
-/**
- * Reducer to set the block inserter panel open or closed.
- *
- * Note: this reducer interacts with the list view panels reducers
- * to make sure that only one of the two panels is open at the same time.
- *
- * @param {boolean|Object} state Current state.
- * @param {Object} action Dispatched action.
- */
-export function blockInserterPanel( state = false, action ) {
- switch ( action.type ) {
- case 'SET_IS_LIST_VIEW_OPENED':
- return action.isOpen ? false : state;
- case 'SET_IS_INSERTER_OPENED':
- return action.value;
- }
- return state;
-}
-
-/**
- * Reducer to set the list view panel open or closed.
- *
- * Note: this reducer interacts with inserter panels reducers
- * to make sure that only one of the two panels is open at the same time.
- *
- * @param {Object} state Current state.
- * @param {Object} action Dispatched action.
- */
-export function listViewPanel( state = false, action ) {
- switch ( action.type ) {
- case 'SET_IS_INSERTER_OPENED':
- return action.value ? false : state;
- case 'SET_IS_LIST_VIEW_OPENED':
- return action.isOpen;
- }
- return state;
-}
-
-export default combineReducers( {
- preferences,
- deviceType,
- settings,
- blockInserterPanel,
- listViewPanel,
-} );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/selectors.js b/public_html/wp-content/plugins/pattern-creator/src/store/selectors.js
deleted file mode 100644
index 6073248f0..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/selectors.js
+++ /dev/null
@@ -1,165 +0,0 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-import createSelector from 'rememo';
-
-/**
- * WordPress dependencies
- */
-import { store as coreStore } from '@wordpress/core-data';
-import { createRegistrySelector } from '@wordpress/data';
-import {
- /* eslint-disable-next-line @wordpress/no-unsafe-wp-apis */
- __unstableSerializeAndClean,
- getDefaultBlockName,
- getFreeformContentHandlerName,
-} from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { POST_TYPE } from './constants';
-
-/**
- * Shared reference to an empty object for cases where it is important to avoid
- * returning a new object reference on every invocation, as in a connected or
- * other pure component which performs `shouldComponentUpdate` check on props.
- * This should be used as a last resort, since the normalized data should be
- * maintained by the reducer result in state.
- */
-const EMPTY_OBJECT = {};
-const EMPTY_ARRAY = [];
-
-/**
- * Returns whether the given feature is enabled or not.
- *
- * @param {Object} state Global application state.
- * @param {string} feature Feature slug.
- *
- * @return {boolean} Is active.
- */
-export function isFeatureActive( state, feature ) {
- return get( state.preferences.features, [ feature ], false );
-}
-
-/**
- * Returns the current editing canvas device type.
- *
- * @param {Object} state Global application state.
- *
- * @return {string} Device type.
- */
-export function getPreviewDeviceType( state ) {
- return state.deviceType;
-}
-
-/**
- * Returns the settings, taking into account active features and permissions.
- *
- * @param {Object} state Global application state.
- * @param {Function} setIsInserterOpen Setter for the open state of the global inserter.
- *
- * @return {Object} Settings.
- */
-export const getSettings = createSelector(
- ( state, setIsInserterOpen ) => {
- const settings = {
- ...state.settings,
- fullscreenMode: true,
- outlineMode: true,
- focusMode: isFeatureActive( state, 'focusMode' ),
- hasFixedToolbar:
- isFeatureActive( state, 'fixedToolbar' ) || getPreviewDeviceType( state ) !== 'Desktop',
- hasReducedUI: isFeatureActive( state, 'reducedUI' ),
- __experimentalLocalAutosaveInterval: 30,
- __experimentalSetIsInserterOpened: setIsInserterOpen,
- };
-
- return settings;
- },
- ( state ) => [
- state.settings,
- isFeatureActive( state, 'focusMode' ),
- isFeatureActive( state, 'fixedToolbar' ),
- isFeatureActive( state, 'reducedUI' ),
- getPreviewDeviceType( state ),
- ]
-);
-
-/**
- * Returns the current opened/closed state of the inserter panel.
- *
- * @param {Object} state Global application state.
- *
- * @return {boolean} True if the inserter panel should be open; false if closed.
- */
-export function isInserterOpened( state ) {
- return !! state.blockInserterPanel;
-}
-
-/**
- * Get the insertion point for the inserter.
- *
- * @param {Object} state Global application state.
- *
- * @return {Object} The root client ID and index to insert at.
- */
-export function __experimentalGetInsertionPoint( state ) {
- const { rootClientId, insertionIndex } = state.blockInserterPanel;
- return { rootClientId, insertionIndex };
-}
-
-/**
- * Returns the current opened/closed state of the list view panel.
- *
- * @param {Object} state Global application state.
- *
- * @return {boolean} True if the list view panel should be open; false if closed.
- */
-export function isListViewOpened( state ) {
- return state.listViewPanel;
-}
-
-/**
- * Returns whether the pattern is "saveable".
- *
- * A pattern can be saved if it has content. The other requirements
- * are handled in the publish flow, content is the only thing
- * required for saving a draft.
- *
- * See https://github.com/WordPress/gutenberg/blob/31330dbb737ce30646a4300410faed633061547a/packages/editor/src/store/selectors.js#L531
- *
- * @param {Object} state Global application state.
- * @param {number} postId The ID of this pattern.
- *
- * @return {Object} Whether the post can be saved.
- */
-export const isPatternSaveable = createRegistrySelector( ( select ) => ( state, postId ) => {
- const post = select( coreStore ).getEditedEntityRecord( 'postType', POST_TYPE, postId ) || EMPTY_OBJECT;
-
- return ! isEditedPostEmpty( post );
-} );
-
-function isEditedPostEmpty( post ) {
- const blocks = post.blocks || EMPTY_ARRAY;
-
- if ( blocks.length ) {
- if ( blocks.length > 1 ) {
- return false;
- }
-
- const blockName = blocks[ 0 ].name;
- if ( blockName !== getDefaultBlockName() && blockName !== getFreeformContentHandlerName() ) {
- return false;
- }
- }
-
- if ( typeof post.content === 'function' ) {
- return ! post.content( post );
- } else if ( post.blocks ) {
- return ! __unstableSerializeAndClean( post.blocks );
- } else if ( post.content ) {
- return ! post.content;
- }
-}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/test/actions.js b/public_html/wp-content/plugins/pattern-creator/src/store/test/actions.js
deleted file mode 100644
index 031041acb..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/test/actions.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Internal dependencies
- */
-import { setIsListViewOpened, toggleFeature } from '../actions';
-
-describe( 'actions', () => {
- describe( 'toggleFeature', () => {
- it( 'should return TOGGLE_FEATURE action', () => {
- const feature = 'name';
- expect( toggleFeature( feature ) ).toEqual( {
- type: 'TOGGLE_FEATURE',
- feature: feature,
- } );
- } );
- } );
-
- describe( 'setIsListViewOpened', () => {
- it( 'should return the SET_IS_LIST_VIEW_OPENED action', () => {
- expect( setIsListViewOpened( true ) ).toEqual( {
- type: 'SET_IS_LIST_VIEW_OPENED',
- isOpen: true,
- } );
- expect( setIsListViewOpened( false ) ).toEqual( {
- type: 'SET_IS_LIST_VIEW_OPENED',
- isOpen: false,
- } );
- } );
- } );
-} );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/test/reducer.js b/public_html/wp-content/plugins/pattern-creator/src/store/test/reducer.js
deleted file mode 100644
index e22099dc7..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/test/reducer.js
+++ /dev/null
@@ -1,106 +0,0 @@
-/**
- * External dependencies
- */
-import deepFreeze from 'deep-freeze';
-
-/**
- * Internal dependencies
- */
-import { blockInserterPanel, listViewPanel, preferences, settings } from '../reducer';
-import { PREFERENCES_DEFAULTS } from '../defaults';
-
-import { setIsInserterOpened, setIsListViewOpened } from '../actions';
-
-describe( 'state', () => {
- describe( 'preferences()', () => {
- it( 'should apply all defaults', () => {
- const state = preferences( undefined, {} );
-
- expect( state ).toEqual( PREFERENCES_DEFAULTS );
- } );
-
- it( 'should toggle a feature flag', () => {
- const state = preferences( deepFreeze( { features: { chicken: true } } ), {
- type: 'TOGGLE_FEATURE',
- feature: 'chicken',
- } );
-
- expect( state.features ).toEqual( { chicken: false } );
- } );
- } );
-
- describe( 'settings()', () => {
- it( 'should apply default state', () => {
- expect( settings( undefined, {} ) ).toEqual( {} );
- } );
-
- it( 'should default to returning the same state', () => {
- const state = {};
- expect( settings( state, {} ) ).toBe( state );
- } );
-
- it( 'should update settings with a shallow merge', () => {
- expect(
- settings(
- deepFreeze( {
- setting: { key: 'value' },
- otherSetting: 'value',
- } ),
- {
- type: 'UPDATE_SETTINGS',
- settings: { setting: { newKey: 'newValue' } },
- }
- )
- ).toEqual( {
- setting: { newKey: 'newValue' },
- otherSetting: 'value',
- } );
- } );
- } );
-
- describe( 'blockInserterPanel()', () => {
- it( 'should apply default state', () => {
- expect( blockInserterPanel( undefined, {} ) ).toEqual( false );
- } );
-
- it( 'should default to returning the same state', () => {
- expect( blockInserterPanel( true, {} ) ).toBe( true );
- } );
-
- it( 'should set the open state of the inserter panel', () => {
- expect( blockInserterPanel( false, setIsInserterOpened( true ) ) ).toBe( true );
- expect( blockInserterPanel( true, setIsInserterOpened( false ) ) ).toBe( false );
- } );
-
- it( 'should close the inserter when opening the list view panel', () => {
- expect( blockInserterPanel( true, setIsListViewOpened( true ) ) ).toBe( false );
- } );
-
- it( 'should not change the state when closing the list view panel', () => {
- expect( blockInserterPanel( true, setIsListViewOpened( false ) ) ).toBe( true );
- } );
- } );
-
- describe( 'listViewPanel()', () => {
- it( 'should apply default state', () => {
- expect( listViewPanel( undefined, {} ) ).toEqual( false );
- } );
-
- it( 'should default to returning the same state', () => {
- expect( listViewPanel( true, {} ) ).toBe( true );
- } );
-
- it( 'should set the open state of the list view panel', () => {
- expect( listViewPanel( false, setIsListViewOpened( true ) ) ).toBe( true );
- expect( listViewPanel( true, setIsListViewOpened( false ) ) ).toBe( false );
- } );
-
- it( 'should close the list view when opening the inserter panel', () => {
- expect( listViewPanel( true, setIsInserterOpened( true ) ) ).toBe( false );
- } );
-
- it( 'should not change the state when closing the inserter panel', () => {
- expect( listViewPanel( true, setIsInserterOpened( false ) ) ).toBe( true );
- } );
- } );
-} );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/store/test/selectors.js b/public_html/wp-content/plugins/pattern-creator/src/store/test/selectors.js
deleted file mode 100644
index f3984fa3a..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/store/test/selectors.js
+++ /dev/null
@@ -1,151 +0,0 @@
-/**
- * Internal dependencies
- */
-import { getSettings, isFeatureActive, isInserterOpened, isListViewOpened, isPatternSaveable } from '../selectors';
-
-describe( 'selectors', () => {
- describe( 'isFeatureActive', () => {
- it( 'is tolerant to an undefined features preference', () => {
- // See: https://github.com/WordPress/gutenberg/issues/14580
- const state = {
- preferences: {},
- };
-
- expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
- } );
-
- it( 'should return true if feature is active', () => {
- const state = {
- preferences: {
- features: {
- chicken: true,
- },
- },
- };
-
- expect( isFeatureActive( state, 'chicken' ) ).toBe( true );
- } );
-
- it( 'should return false if feature is not active', () => {
- const state = {
- preferences: {
- features: {
- chicken: false,
- },
- },
- };
-
- expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
- } );
-
- it( 'should return false if feature is not referred', () => {
- const state = {
- preferences: {
- features: {},
- },
- };
-
- expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
- } );
- } );
-
- describe( 'getSettings', () => {
- it( 'returns the default settings', () => {
- const state = { settings: {}, preferences: {} };
- const setInserterOpened = () => {};
- expect( getSettings( state, setInserterOpened ) ).toEqual( {
- outlineMode: true,
- focusMode: false,
- fullscreenMode: true,
- hasFixedToolbar: true,
- hasReducedUI: false,
- __experimentalSetIsInserterOpened: setInserterOpened,
- __experimentalLocalAutosaveInterval: 30,
- } );
- } );
-
- it( 'returns the merged settings', () => {
- const state = {
- settings: { key: 'value' },
- preferences: {
- features: {
- focusMode: true,
- fixedToolbar: true,
- reducedUI: true,
- },
- },
- };
- const setInserterOpened = () => {};
- expect( getSettings( state, setInserterOpened ) ).toEqual( {
- key: 'value',
- outlineMode: true,
- focusMode: true,
- fullscreenMode: true,
- hasFixedToolbar: true,
- hasReducedUI: true,
- __experimentalSetIsInserterOpened: setInserterOpened,
- __experimentalLocalAutosaveInterval: 30,
- } );
- } );
- } );
-
- describe( 'isInserterOpened', () => {
- it( 'returns the block inserter panel isOpened state', () => {
- const state = {
- blockInserterPanel: true,
- };
- expect( isInserterOpened( state ) ).toBe( true );
- state.blockInserterPanel = false;
- expect( isInserterOpened( state ) ).toBe( false );
- } );
- } );
-
- describe( 'isListViewOpened', () => {
- it( 'returns the list view panel isOpened state', () => {
- const state = {
- listViewPanel: true,
- };
- expect( isListViewOpened( state ) ).toBe( true );
- state.listViewPanel = false;
- expect( isListViewOpened( state ) ).toBe( false );
- } );
- } );
-
- it( 'should return false if post has no blocks', () => {
- isPatternSaveable.registry = {
- select: jest.fn( () => ( {
- getEditedEntityRecord: () => {
- return {
- blocks: [],
- };
- },
- } ) ),
- };
-
- expect( isPatternSaveable( {} ) ).toBe( false );
- } );
-
- describe( 'isPatternSaveable', () => {
- it( 'should return true if post has a block', () => {
- isPatternSaveable.registry = {
- select: jest.fn( () => ( {
- getEditedEntityRecord: () => {
- return {
- blocks: [
- {
- attributes: { content: 'w', dropCap: false },
- clientId: 'wordpress',
- innerBlocks: [],
- isValid: true,
- name: 'core/paragraph',
- },
- ],
- };
- },
- } ) ),
- };
-
- expect( isPatternSaveable( {} ) ).toBe( true );
- } );
- } );
-} );
diff --git a/public_html/wp-content/plugins/pattern-creator/src/style.scss b/public_html/wp-content/plugins/pattern-creator/src/style.scss
deleted file mode 100644
index 5467fab1b..000000000
--- a/public_html/wp-content/plugins/pattern-creator/src/style.scss
+++ /dev/null
@@ -1,20 +0,0 @@
-/* Base styles */
-@import "~@wordpress/base-styles/colors";
-@import "~@wordpress/base-styles/variables";
-@import "~@wordpress/base-styles/mixins";
-@import "~@wordpress/base-styles/breakpoints";
-@import "~@wordpress/base-styles/animations";
-@import "~@wordpress/base-styles/z-index";
-@import "~@wordpress/base-styles/default-custom-properties";
-
-/* Components */
-@import "./components/block-editor/style";
-@import "./components/editor/style";
-@import "./components/header/style";
-@import "./components/header/more-menu/style";
-@import "./components/openverse/style";
-@import "./components/secondary-sidebar/style";
-@import "./components/sidebar/style";
-@import "./components/sidebar/settings-header/style";
-@import "./components/submission-modal/style";
-@import "./components/welcome-guide/style";
diff --git a/public_html/wp-content/plugins/pattern-creator/view/editor.php b/public_html/wp-content/plugins/pattern-creator/view/editor.php
deleted file mode 100644
index a8fde1fc0..000000000
--- a/public_html/wp-content/plugins/pattern-creator/view/editor.php
+++ /dev/null
@@ -1,45 +0,0 @@
-';
-} else {
- // Include block content from other files to simplify HTML markup.
- ob_start();
- if ( ! $is_logged_in ) {
- include __DIR__ . '/log-in.php';
- } elseif ( ! $can_edit ) {
- include __DIR__ . '/not-owner.php';
- }
- $template_html = sprintf( '
{ __(
'Keywords are words or short phrases that will help people find your pattern. There is a maximum of 10 keywords.',
@@ -93,24 +119,26 @@ const PatternDetails = () => {
tokenizeOnSpace={ false }
/>
-
- editPost( {
- meta: {
- ...meta,
- [ LOCALE_SLUG ]: newValue,
- },
- } )
- }
- help={ __(
- 'The language field is used to help users find patterns that were created in their preferred language.',
- 'wporg-patterns'
- ) }
- />
+ { canModeratePatterns && (
+
+ editPost( {
+ meta: {
+ ...meta,
+ [ LOCALE_SLUG ]: newValue,
+ },
+ } )
+ }
+ help={ __(
+ 'The language field is used to help users find patterns that were created in their preferred language.',
+ 'wporg-patterns'
+ ) }
+ />
+ ) }
);
};
diff --git a/public_html/wp-content/plugins/pattern-directory/src/pattern-details/index.scss b/public_html/wp-content/plugins/pattern-directory/src/pattern-details/index.scss
new file mode 100644
index 000000000..57d45b3e4
--- /dev/null
+++ b/public_html/wp-content/plugins/pattern-directory/src/pattern-details/index.scss
@@ -0,0 +1,21 @@
+.wporg-pattern-details h2 {
+ margin-block-start: 0;
+}
+
+.wporg-pattern-details h3 {
+ font-size: 13px;
+ text-transform: none;
+}
+
+.wporg-pattern-details__panel {
+ position: relative;
+ padding-block-start: 12px;
+
+ &::before {
+ content: "";
+ position: absolute;
+ inset: 0 -16px auto;
+ height: 1px;
+ background-color: #ddd;
+ }
+}
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/pattern-categories-control/index.js b/public_html/wp-content/plugins/pattern-directory/src/pattern-details/pattern-categories-control.js
similarity index 99%
rename from public_html/wp-content/plugins/pattern-creator/src/components/pattern-categories-control/index.js
rename to public_html/wp-content/plugins/pattern-directory/src/pattern-details/pattern-categories-control.js
index dbb27b701..52760329d 100644
--- a/public_html/wp-content/plugins/pattern-creator/src/components/pattern-categories-control/index.js
+++ b/public_html/wp-content/plugins/pattern-directory/src/pattern-details/pattern-categories-control.js
@@ -18,7 +18,7 @@ import { useSelect } from '@wordpress/data';
/**
* Internal dependencies
*/
-import { CATEGORY_SLUG } from '../../store';
+import { CATEGORY_SLUG } from '../settings';
/**
* Module Constants
diff --git a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type.js b/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type.js
index ab3fa15fc..d6dd5026e 100644
--- a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type.js
+++ b/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type.js
@@ -1,13 +1,68 @@
/**
* External dependencies
*/
+import { addFilter } from '@wordpress/hooks';
import { registerPlugin } from '@wordpress/plugins';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { store as editPostStore } from '@wordpress/edit-post';
+import { store as editorStore } from '@wordpress/editor';
+import { store as coreStore } from '@wordpress/core-data';
+import { useEffect } from '@wordpress/element';
/**
* Internal dependencies
*/
-import PluginWrapper from './pattern-post-type/';
+import BackButton from './back-button';
+import { NAMESPACE } from './settings';
+import PatternDetails from './pattern-details';
+import { UnlistButton, UnlistNotice } from './unlist-button';
+import MediaPlaceholder from './media-placeholder';
+import OpenverseGallery from './openverse';
-registerPlugin( 'pattern-post-type', {
+const PluginWrapper = () => {
+ const { canModeratePatterns, isDetailsPanelOpen, isFullscreenMode } = useSelect( ( select ) => {
+ return {
+ // If a user can create posts, they have a role on the site (moderator).
+ canModeratePatterns: select( coreStore ).canUser( 'create', 'posts' ),
+ isDetailsPanelOpen: select( editorStore ).isEditorPanelOpened( NAMESPACE + '/pattern-details' ),
+ isFullscreenMode: select( editPostStore ).isFeatureActive( 'fullscreenMode' ),
+ };
+ }, [] );
+ const { toggleFeature } = useDispatch( editPostStore );
+ const { removeEditorPanel, toggleEditorPanelOpened } = useDispatch( editorStore );
+
+ useEffect( () => {
+ if ( ! isFullscreenMode ) {
+ toggleFeature( 'fullscreenMode' );
+ }
+ if ( false === canModeratePatterns ) {
+ removeEditorPanel( 'post-status' );
+ }
+ if ( ! isDetailsPanelOpen ) {
+ toggleEditorPanelOpened( NAMESPACE + '/pattern-details' );
+ }
+ }, [
+ isFullscreenMode,
+ toggleFeature,
+ canModeratePatterns,
+ removeEditorPanel,
+ isDetailsPanelOpen,
+ toggleEditorPanelOpened,
+ ] );
+
+ return (
+ <>
+ { canModeratePatterns && }
+
+
+
+
+ );
+};
+
+registerPlugin( NAMESPACE, {
render: PluginWrapper,
} );
+
+addFilter( 'editor.MediaPlaceholder', 'wporg/patterns/components/media-upload', () => MediaPlaceholder, 100 );
+addFilter( 'editor.MediaUpload', 'wporg-patterns/openverse-media-upload', () => OpenverseGallery, 100 );
diff --git a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/index.js b/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/index.js
deleted file mode 100644
index 036043164..000000000
--- a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/index.js
+++ /dev/null
@@ -1,17 +0,0 @@
-/**
- * Internal dependencies
- */
-import { UnlistButton, UnlistNotice } from './unlist-button';
-import PatternDetails from './details';
-
-const PluginWrapper = () => {
- return (
- <>
-
-
-
-
- );
-};
-
-export default PluginWrapper;
diff --git a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/settings.js b/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/settings.js
deleted file mode 100644
index 0e31942b8..000000000
--- a/public_html/wp-content/plugins/pattern-directory/src/pattern-post-type/settings.js
+++ /dev/null
@@ -1 +0,0 @@
-export const UNLISTED_STATUS = 'unlisted';
diff --git a/public_html/wp-content/plugins/pattern-directory/src/settings.js b/public_html/wp-content/plugins/pattern-directory/src/settings.js
new file mode 100644
index 000000000..a171285ab
--- /dev/null
+++ b/public_html/wp-content/plugins/pattern-directory/src/settings.js
@@ -0,0 +1,3 @@
+export const UNLISTED_STATUS = 'unlisted';
+export const NAMESPACE = 'wporg-pattern';
+export const CATEGORY_SLUG = 'wporg-pattern-category';
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/circle.svg b/public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/circle.svg
similarity index 100%
rename from public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/circle.svg
rename to public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/circle.svg
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/square.svg b/public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/square.svg
similarity index 100%
rename from public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/square.svg
rename to public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/square.svg
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/triangle.svg b/public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/triangle.svg
similarity index 100%
rename from public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/images/triangle.svg
rename to public_html/wp-content/plugins/pattern-directory/src/submission-modal/images/triangle.svg
diff --git a/public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/index.js b/public_html/wp-content/plugins/pattern-directory/src/submission-modal/index.js
similarity index 98%
rename from public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/index.js
rename to public_html/wp-content/plugins/pattern-directory/src/submission-modal/index.js
index 1227bb1a4..347d011fd 100644
--- a/public_html/wp-content/plugins/pattern-creator/src/components/submission-modal/index.js
+++ b/public_html/wp-content/plugins/pattern-directory/src/submission-modal/index.js
@@ -1,3 +1,4 @@
+/* global wporgLocale, wporgBlockPattern */
/**
* WordPress dependencies
*/
@@ -10,6 +11,11 @@ import { store as editorStore } from '@wordpress/editor';
import { store as noticesStore } from '@wordpress/notices';
import { useDispatch, useSelect } from '@wordpress/data';
+/**
+ * Internal Dependencies
+ */
+import './submission-modal.scss';
+
const ForwardButton = ( { children, disabled, onClick } ) => (