@wordpress/patterns 2.48.1 → 2.48.2-next.v.202606191442.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.
- package/build/components/allow-overrides-modal.cjs +7 -6
- package/build/components/allow-overrides-modal.cjs.map +3 -3
- package/build/components/create-pattern-modal.cjs +3 -2
- package/build/components/create-pattern-modal.cjs.map +3 -3
- package/build/components/rename-pattern-category-modal.cjs +4 -3
- package/build/components/rename-pattern-category-modal.cjs.map +3 -3
- package/build/components/rename-pattern-modal.cjs +3 -2
- package/build/components/rename-pattern-modal.cjs.map +3 -3
- package/build-module/components/allow-overrides-modal.mjs +8 -14
- package/build-module/components/allow-overrides-modal.mjs.map +2 -2
- package/build-module/components/create-pattern-modal.mjs +3 -4
- package/build-module/components/create-pattern-modal.mjs.map +2 -2
- package/build-module/components/rename-pattern-category-modal.mjs +5 -10
- package/build-module/components/rename-pattern-category-modal.mjs.map +2 -2
- package/build-module/components/rename-pattern-modal.mjs +4 -9
- package/build-module/components/rename-pattern-modal.mjs.map +2 -2
- package/build-style/style-rtl.css +0 -5
- package/build-style/style.css +0 -5
- package/package.json +18 -17
- package/src/components/allow-overrides-modal.js +14 -22
- package/src/components/create-pattern-modal.js +5 -7
- package/src/components/rename-pattern-category-modal.js +8 -13
- package/src/components/rename-pattern-modal.js +6 -13
- package/src/components/style.scss +0 -5
|
@@ -24,6 +24,7 @@ __export(allow_overrides_modal_exports, {
|
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(allow_overrides_modal_exports);
|
|
26
26
|
var import_components = require("@wordpress/components");
|
|
27
|
+
var import_ui = require("@wordpress/ui");
|
|
27
28
|
var import_i18n = require("@wordpress/i18n");
|
|
28
29
|
var import_element = require("@wordpress/element");
|
|
29
30
|
var import_a11y = require("@wordpress/a11y");
|
|
@@ -67,8 +68,8 @@ function AllowOverridesModal({
|
|
|
67
68
|
}
|
|
68
69
|
handleSubmit();
|
|
69
70
|
},
|
|
70
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
71
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
71
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "xl", children: [
|
|
72
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Text, { id: descriptionId, children: (0, import_i18n.__)(
|
|
72
73
|
"Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override."
|
|
73
74
|
) }),
|
|
74
75
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -84,7 +85,7 @@ function AllowOverridesModal({
|
|
|
84
85
|
onChange: setEditedBlockName
|
|
85
86
|
}
|
|
86
87
|
),
|
|
87
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
88
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { justify: "end", children: [
|
|
88
89
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
89
90
|
import_components.Button,
|
|
90
91
|
{
|
|
@@ -128,11 +129,11 @@ function DisallowOverridesModal({ onClose, onSave }) {
|
|
|
128
129
|
onSave();
|
|
129
130
|
onClose();
|
|
130
131
|
},
|
|
131
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
132
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
132
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "xl", children: [
|
|
133
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Text, { id: descriptionId, children: (0, import_i18n.__)(
|
|
133
134
|
"Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern."
|
|
134
135
|
) }),
|
|
135
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
136
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
136
137
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
137
138
|
import_components.Button,
|
|
138
139
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/allow-overrides-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, TextControl, Modal } from '@wordpress/components';\nimport { Stack, Text } from '@wordpress/ui';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useId } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\n\nexport function AllowOverridesModal( {\n\tplaceholder,\n\tinitialName = '',\n\tonClose,\n\tonSave,\n} ) {\n\tconst [ editedBlockName, setEditedBlockName ] = useState( initialName );\n\tconst descriptionId = useId();\n\n\tconst isNameValid = !! editedBlockName.trim();\n\n\tconst handleSubmit = () => {\n\t\tif ( editedBlockName !== initialName ) {\n\t\t\tconst message = sprintf(\n\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t__( 'Block name changed to: \"%s\".' ),\n\t\t\t\teditedBlockName\n\t\t\t);\n\n\t\t\t// Must be assertive to immediately announce change.\n\t\t\tspeak( message, 'assertive' );\n\t\t}\n\t\tonSave( editedBlockName );\n\n\t\t// Immediate close avoids ability to hit save multiple times.\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Enable overrides' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\tif ( ! isNameValid ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\thandleSubmit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack direction=\"column\" gap=\"xl\">\n\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedBlockName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'For example, if you are creating a recipe pattern, you use \"Recipe Title\", \"Recipe Description\", etc.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tonChange={ setEditedBlockName }\n\t\t\t\t\t/>\n\t\t\t\t\t<Stack justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\taria-disabled={ ! isNameValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Enable' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport function DisallowOverridesModal( { onClose, onSave } ) {\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Disable overrides' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonSave();\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack direction=\"column\" gap=\"xl\">\n\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Disable' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -34,6 +34,7 @@ __export(create_pattern_modal_exports, {
|
|
|
34
34
|
});
|
|
35
35
|
module.exports = __toCommonJS(create_pattern_modal_exports);
|
|
36
36
|
var import_components = require("@wordpress/components");
|
|
37
|
+
var import_ui = require("@wordpress/ui");
|
|
37
38
|
var import_i18n = require("@wordpress/i18n");
|
|
38
39
|
var import_element = require("@wordpress/element");
|
|
39
40
|
var import_data = require("@wordpress/data");
|
|
@@ -123,7 +124,7 @@ function CreatePatternModalContents({
|
|
|
123
124
|
event.preventDefault();
|
|
124
125
|
onCreate(title, syncType);
|
|
125
126
|
},
|
|
126
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
127
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "lg", children: [
|
|
127
128
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
128
129
|
import_components.TextControl,
|
|
129
130
|
{
|
|
@@ -158,7 +159,7 @@ function CreatePatternModalContents({
|
|
|
158
159
|
}
|
|
159
160
|
}
|
|
160
161
|
),
|
|
161
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
162
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
162
163
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
163
164
|
import_components.Button,
|
|
164
165
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/create-pattern-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tButton,\n\tTextControl,\n\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,
|
|
6
|
-
"names": ["coreStore", "patternsStore", "noticesStore", "
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tButton,\n\tTextControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_TYPES,\n} from '../constants';\nimport { store as patternsStore } from '../store';\nimport CategorySelector from './category-selector';\nimport { useAddPatternCategory } from '../private-hooks';\nimport { unlock } from '../lock-unlock';\n\nexport default function CreatePatternModal( {\n\tclassName = 'patterns-menu-items__convert-modal',\n\tmodalTitle,\n\t...restProps\n} ) {\n\tconst defaultModalTitle = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getPostType( PATTERN_TYPES.user )?.labels\n\t\t\t\t?.add_new_item,\n\t\t[]\n\t);\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ modalTitle || defaultModalTitle }\n\t\t\tonRequestClose={ restProps.onClose }\n\t\t\toverlayClassName={ className }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<CreatePatternModalContents { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport function CreatePatternModalContents( {\n\tconfirmLabel = __( 'Add' ),\n\tdefaultCategories = [],\n\tcontent,\n\tonClose,\n\tonError,\n\tonSuccess,\n\tdefaultSyncType = PATTERN_SYNC_TYPES.full,\n\tdefaultTitle = '',\n} ) {\n\tconst [ syncType, setSyncType ] = useState( defaultSyncType );\n\tconst [ categoryTerms, setCategoryTerms ] = useState( defaultCategories );\n\tconst [ title, setTitle ] = useState( defaultTitle );\n\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst { createPattern } = unlock( useDispatch( patternsStore ) );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst { categoryMap, findOrCreateTerm } = useAddPatternCategory();\n\n\tasync function onCreate( patternTitle, sync ) {\n\t\tif ( ! title || isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSaving( true );\n\t\t\tconst categories = await Promise.all(\n\t\t\t\tcategoryTerms.map( ( termName ) =>\n\t\t\t\t\tfindOrCreateTerm( termName )\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tconst newPattern = await createPattern(\n\t\t\t\tpatternTitle,\n\t\t\t\tsync,\n\t\t\t\ttypeof content === 'function' ? content() : content,\n\t\t\t\tcategories\n\t\t\t);\n\t\t\tonSuccess( {\n\t\t\t\tpattern: newPattern,\n\t\t\t\tcategoryId: PATTERN_DEFAULT_CATEGORY,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-create',\n\t\t\t} );\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetCategoryTerms( [] );\n\t\t\tsetTitle( '' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonCreate( title, syncType );\n\t\t\t} }\n\t\t>\n\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t/>\n\t\t\t\t<CategorySelector\n\t\t\t\t\tcategoryTerms={ categoryTerms }\n\t\t\t\t\tonChange={ setCategoryTerms }\n\t\t\t\t\tcategoryMap={ categoryMap }\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t) }\n\t\t\t\t\tchecked={ syncType === PATTERN_SYNC_TYPES.full }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\tsyncType === PATTERN_SYNC_TYPES.full\n\t\t\t\t\t\t\t\t? PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t\t: PATTERN_SYNC_TYPES.full\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t</form>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["coreStore", "patternsStore", "noticesStore", "CategorySelector"]
|
|
7
7
|
}
|
|
@@ -23,6 +23,7 @@ __export(rename_pattern_category_modal_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(rename_pattern_category_modal_exports);
|
|
25
25
|
var import_components = require("@wordpress/components");
|
|
26
|
+
var import_ui = require("@wordpress/ui");
|
|
26
27
|
var import_core_data = require("@wordpress/core-data");
|
|
27
28
|
var import_data = require("@wordpress/data");
|
|
28
29
|
var import_element = require("@wordpress/element");
|
|
@@ -116,8 +117,8 @@ function RenamePatternCategoryModal({
|
|
|
116
117
|
title: (0, import_i18n.__)("Rename"),
|
|
117
118
|
onRequestClose,
|
|
118
119
|
...props,
|
|
119
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: onSave, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
120
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
120
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: onSave, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "lg", children: [
|
|
121
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "sm", children: [
|
|
121
122
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
122
123
|
import_components.TextControl,
|
|
123
124
|
{
|
|
@@ -139,7 +140,7 @@ function RenamePatternCategoryModal({
|
|
|
139
140
|
}
|
|
140
141
|
)
|
|
141
142
|
] }),
|
|
142
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
143
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
143
144
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
144
145
|
import_components.Button,
|
|
145
146
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/rename-pattern-category-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,
|
|
6
|
-
"names": ["coreStore", "noticesStore"
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Modal, Button, TextControl } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useId, useRef, useState } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { CATEGORY_SLUG } from './category-selector';\n\nexport default function RenamePatternCategoryModal( {\n\tcategory,\n\texistingCategories,\n\tonClose,\n\tonError,\n\tonSuccess,\n\t...props\n} ) {\n\tconst id = useId();\n\tconst textControlRef = useRef();\n\tconst [ name, setName ] = useState( decodeEntities( category.name ) );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst [ validationMessage, setValidationMessage ] = useState( false );\n\tconst validationMessageId = validationMessage\n\t\t? `patterns-rename-pattern-category-modal__validation-message-${ id }`\n\t\t: undefined;\n\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst onChange = ( newName ) => {\n\t\tif ( validationMessage ) {\n\t\t\tsetValidationMessage( undefined );\n\t\t}\n\t\tsetName( newName );\n\t};\n\n\tconst onSave = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! name || name === category.name ) {\n\t\t\tconst message = __( 'Please enter a new name for this category.' );\n\t\t\tspeak( message, 'assertive' );\n\t\t\tsetValidationMessage( message );\n\t\t\ttextControlRef.current?.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check existing categories to avoid creating duplicates.\n\t\tif (\n\t\t\texistingCategories.patternCategories.find( ( existingCategory ) => {\n\t\t\t\t// Compare the id so that the we don't disallow the user changing the case of their current category\n\t\t\t\t// (i.e. renaming 'test' to 'Test').\n\t\t\t\treturn (\n\t\t\t\t\texistingCategory.id !== category.id &&\n\t\t\t\t\texistingCategory.label.toLowerCase() === name.toLowerCase()\n\t\t\t\t);\n\t\t\t} )\n\t\t) {\n\t\t\tconst message = __(\n\t\t\t\t'This category already exists. Please use a different name.'\n\t\t\t);\n\t\t\tspeak( message, 'assertive' );\n\t\t\tsetValidationMessage( message );\n\t\t\ttextControlRef.current?.focus();\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSaving( true );\n\n\t\t\t// User pattern category properties may differ as they can be\n\t\t\t// normalized for use alongside template part areas, core pattern\n\t\t\t// categories etc. As a result we won't just destructure the passed\n\t\t\t// category object.\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\tCATEGORY_SLUG,\n\t\t\t\t{\n\t\t\t\t\tid: category.id,\n\t\t\t\t\tslug: category.slug,\n\t\t\t\t\tname,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\tonSuccess?.( savedRecord );\n\t\t\tonClose();\n\n\t\t\tcreateSuccessNotice( __( 'Pattern category renamed.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-category-update',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError?.();\n\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-category-update',\n\t\t\t} );\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetName( '' );\n\t\t}\n\t};\n\n\tconst onRequestClose = () => {\n\t\tonClose();\n\t\tsetName( '' );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tonRequestClose={ onRequestClose }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<form onSubmit={ onSave }>\n\t\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t\t<Stack direction=\"column\" gap=\"sm\">\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tref={ textControlRef }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\taria-describedby={ validationMessageId }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ validationMessage && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"patterns-rename-pattern-category-modal__validation-message\"\n\t\t\t\t\t\t\t\tid={ validationMessageId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ validationMessage }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Stack>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taria-disabled={\n\t\t\t\t\t\t\t\t! name || name === category.name || isSaving\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["coreStore", "noticesStore"]
|
|
7
7
|
}
|
|
@@ -23,6 +23,7 @@ __export(rename_pattern_modal_exports, {
|
|
|
23
23
|
});
|
|
24
24
|
module.exports = __toCommonJS(rename_pattern_modal_exports);
|
|
25
25
|
var import_components = require("@wordpress/components");
|
|
26
|
+
var import_ui = require("@wordpress/ui");
|
|
26
27
|
var import_core_data = require("@wordpress/core-data");
|
|
27
28
|
var import_data = require("@wordpress/data");
|
|
28
29
|
var import_element = require("@wordpress/element");
|
|
@@ -93,7 +94,7 @@ function RenamePatternModal({
|
|
|
93
94
|
onRequestClose: onClose,
|
|
94
95
|
focusOnMount: "firstContentElement",
|
|
95
96
|
size: "small",
|
|
96
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: onRename, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
97
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("form", { onSubmit: onRename, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "lg", children: [
|
|
97
98
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
98
99
|
import_components.TextControl,
|
|
99
100
|
{
|
|
@@ -104,7 +105,7 @@ function RenamePatternModal({
|
|
|
104
105
|
required: true
|
|
105
106
|
}
|
|
106
107
|
),
|
|
107
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
108
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
108
109
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
109
110
|
import_components.Button,
|
|
110
111
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/rename-pattern-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,
|
|
6
|
-
"names": ["coreStore", "noticesStore"
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, Modal, TextControl } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function RenamePatternModal( {\n\tonClose,\n\tonError,\n\tonSuccess,\n\tpattern,\n\t...props\n} ) {\n\tconst originalName = decodeEntities( pattern.title );\n\tconst [ name, setName ] = useState( originalName );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst onRename = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( ! name || name === pattern.title || isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', pattern.type, pattern.id, {\n\t\t\t\ttitle: name,\n\t\t\t} );\n\n\t\t\tsetIsSaving( true );\n\t\t\tsetName( '' );\n\t\t\tonClose?.();\n\n\t\t\tconst savedRecord = await saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\tpattern.type,\n\t\t\t\tpattern.id,\n\t\t\t\t[ 'title' ],\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tonSuccess?.( savedRecord );\n\n\t\t\tcreateSuccessNotice( __( 'Pattern renamed' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-update',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError?.();\n\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while renaming the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-update',\n\t\t\t} );\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetName( '' );\n\t\t}\n\t};\n\n\tconst onRequestClose = () => {\n\t\tonClose?.();\n\t\tsetName( '' );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t{ ...props }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form onSubmit={ onRename }>\n\t\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\tonChange={ setName }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA2C;AAC3C,gBAAsB;AACtB,uBAAmC;AACnC,kBAA4B;AAC5B,qBAAyB;AACzB,2BAA+B;AAC/B,kBAAmB;AACnB,qBAAsC;AAoFjC;AAlFU,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,mBAAe,qCAAgB,QAAQ,KAAM;AACnD,QAAM,CAAE,MAAM,OAAQ,QAAI,yBAAU,YAAa;AACjD,QAAM,CAAE,UAAU,WAAY,QAAI,yBAAU,KAAM;AAElD,QAAM;AAAA,IACL;AAAA,IACA,wCAAwC;AAAA,EACzC,QAAI,yBAAa,iBAAAA,KAAU;AAE3B,QAAM,EAAE,qBAAqB,kBAAkB,QAC9C,yBAAa,eAAAC,KAAa;AAE3B,QAAM,WAAW,OAAQ,UAAW;AACnC,UAAM,eAAe;AAErB,QAAK,CAAE,QAAQ,SAAS,QAAQ,SAAS,UAAW;AACnD;AAAA,IACD;AAEA,QAAI;AACH,YAAM,iBAAkB,YAAY,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC7D,OAAO;AAAA,MACR,CAAE;AAEF,kBAAa,IAAK;AAClB,cAAS,EAAG;AACZ,gBAAU;AAEV,YAAM,cAAc,MAAM;AAAA,QACzB;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,CAAE,OAAQ;AAAA,QACV,EAAE,cAAc,KAAK;AAAA,MACtB;AAEA,kBAAa,WAAY;AAEzB,8BAAqB,gBAAI,iBAAkB,GAAG;AAAA,QAC7C,MAAM;AAAA,QACN,IAAI;AAAA,MACL,CAAE;AAAA,IACH,SAAU,OAAQ;AACjB,gBAAU;AAEV,YAAM,eACL,MAAM,WAAW,MAAM,SAAS,kBAC7B,MAAM,cACN,gBAAI,+CAAgD;AAExD,wBAAmB,cAAc;AAAA,QAChC,MAAM;AAAA,QACN,IAAI;AAAA,MACL,CAAE;AAAA,IACH,UAAE;AACD,kBAAa,KAAM;AACnB,cAAS,EAAG;AAAA,IACb;AAAA,EACD;AAEA,QAAM,iBAAiB,MAAM;AAC5B,cAAU;AACV,YAAS,EAAG;AAAA,EACb;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,QAAS;AAAA,MACnB,GAAG;AAAA,MACL,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,MAAK;AAAA,MAEL,sDAAC,UAAK,UAAW,UAChB,uDAAC,mBAAM,WAAU,UAAS,KAAI,MAC7B;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,WAAQ,gBAAI,MAAO;AAAA,YACnB,OAAQ;AAAA,YACR,UAAW;AAAA,YACX,UAAQ;AAAA;AAAA,QACT;AAAA,QACA,6CAAC,mBAAM,KAAI,MAAK,SAAQ,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU;AAAA,cAER,8BAAI,QAAS;AAAA;AAAA,UAChB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,MAAK;AAAA,cAEH,8BAAI,MAAO;AAAA;AAAA,UACd;AAAA,WACD;AAAA,SACD,GACD;AAAA;AAAA,EACD;AAEF;",
|
|
6
|
+
"names": ["coreStore", "noticesStore"]
|
|
7
7
|
}
|
|
@@ -1,12 +1,6 @@
|
|
|
1
1
|
// packages/patterns/src/components/allow-overrides-modal.js
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
__experimentalVStack as VStack,
|
|
5
|
-
Button,
|
|
6
|
-
__experimentalText as WCText,
|
|
7
|
-
TextControl,
|
|
8
|
-
Modal
|
|
9
|
-
} from "@wordpress/components";
|
|
2
|
+
import { Button, TextControl, Modal } from "@wordpress/components";
|
|
3
|
+
import { Stack, Text } from "@wordpress/ui";
|
|
10
4
|
import { __, sprintf } from "@wordpress/i18n";
|
|
11
5
|
import { useState, useId } from "@wordpress/element";
|
|
12
6
|
import { speak } from "@wordpress/a11y";
|
|
@@ -50,8 +44,8 @@ function AllowOverridesModal({
|
|
|
50
44
|
}
|
|
51
45
|
handleSubmit();
|
|
52
46
|
},
|
|
53
|
-
children: /* @__PURE__ */ jsxs(
|
|
54
|
-
/* @__PURE__ */ jsx(
|
|
47
|
+
children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "xl", children: [
|
|
48
|
+
/* @__PURE__ */ jsx(Text, { id: descriptionId, children: __(
|
|
55
49
|
"Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override."
|
|
56
50
|
) }),
|
|
57
51
|
/* @__PURE__ */ jsx(
|
|
@@ -67,7 +61,7 @@ function AllowOverridesModal({
|
|
|
67
61
|
onChange: setEditedBlockName
|
|
68
62
|
}
|
|
69
63
|
),
|
|
70
|
-
/* @__PURE__ */ jsxs(
|
|
64
|
+
/* @__PURE__ */ jsxs(Stack, { justify: "end", children: [
|
|
71
65
|
/* @__PURE__ */ jsx(
|
|
72
66
|
Button,
|
|
73
67
|
{
|
|
@@ -111,11 +105,11 @@ function DisallowOverridesModal({ onClose, onSave }) {
|
|
|
111
105
|
onSave();
|
|
112
106
|
onClose();
|
|
113
107
|
},
|
|
114
|
-
children: /* @__PURE__ */ jsxs(
|
|
115
|
-
/* @__PURE__ */ jsx(
|
|
108
|
+
children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "xl", children: [
|
|
109
|
+
/* @__PURE__ */ jsx(Text, { id: descriptionId, children: __(
|
|
116
110
|
"Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern."
|
|
117
111
|
) }),
|
|
118
|
-
/* @__PURE__ */ jsxs(
|
|
112
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
119
113
|
/* @__PURE__ */ jsx(
|
|
120
114
|
Button,
|
|
121
115
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/allow-overrides-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";AAGA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, TextControl, Modal } from '@wordpress/components';\nimport { Stack, Text } from '@wordpress/ui';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useId } from '@wordpress/element';\nimport { speak } from '@wordpress/a11y';\n\nexport function AllowOverridesModal( {\n\tplaceholder,\n\tinitialName = '',\n\tonClose,\n\tonSave,\n} ) {\n\tconst [ editedBlockName, setEditedBlockName ] = useState( initialName );\n\tconst descriptionId = useId();\n\n\tconst isNameValid = !! editedBlockName.trim();\n\n\tconst handleSubmit = () => {\n\t\tif ( editedBlockName !== initialName ) {\n\t\t\tconst message = sprintf(\n\t\t\t\t/* translators: %s: new name/label for the block */\n\t\t\t\t__( 'Block name changed to: \"%s\".' ),\n\t\t\t\teditedBlockName\n\t\t\t);\n\n\t\t\t// Must be assertive to immediately announce change.\n\t\t\tspeak( message, 'assertive' );\n\t\t}\n\t\tonSave( editedBlockName );\n\n\t\t// Immediate close avoids ability to hit save multiple times.\n\t\tonClose();\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Enable overrides' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\tif ( ! isNameValid ) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\thandleSubmit();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack direction=\"column\" gap=\"xl\">\n\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvalue={ editedBlockName }\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'For example, if you are creating a recipe pattern, you use \"Recipe Title\", \"Recipe Description\", etc.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\t\tonChange={ setEditedBlockName }\n\t\t\t\t\t/>\n\t\t\t\t\t<Stack justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\taria-disabled={ ! isNameValid }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Enable' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n\nexport function DisallowOverridesModal( { onClose, onSave } ) {\n\tconst descriptionId = useId();\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Disable overrides' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\taria={ { describedby: descriptionId } }\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tonSave();\n\t\t\t\t\tonClose();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<Stack direction=\"column\" gap=\"xl\">\n\t\t\t\t\t<Text id={ descriptionId }>\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Disable' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,10 +3,9 @@ import {
|
|
|
3
3
|
Modal,
|
|
4
4
|
Button,
|
|
5
5
|
TextControl,
|
|
6
|
-
__experimentalHStack as HStack,
|
|
7
|
-
__experimentalVStack as VStack,
|
|
8
6
|
ToggleControl
|
|
9
7
|
} from "@wordpress/components";
|
|
8
|
+
import { Stack } from "@wordpress/ui";
|
|
10
9
|
import { __, _x } from "@wordpress/i18n";
|
|
11
10
|
import { useState } from "@wordpress/element";
|
|
12
11
|
import { useDispatch, useSelect } from "@wordpress/data";
|
|
@@ -100,7 +99,7 @@ function CreatePatternModalContents({
|
|
|
100
99
|
event.preventDefault();
|
|
101
100
|
onCreate(title, syncType);
|
|
102
101
|
},
|
|
103
|
-
children: /* @__PURE__ */ jsxs(
|
|
102
|
+
children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "lg", children: [
|
|
104
103
|
/* @__PURE__ */ jsx(
|
|
105
104
|
TextControl,
|
|
106
105
|
{
|
|
@@ -135,7 +134,7 @@ function CreatePatternModalContents({
|
|
|
135
134
|
}
|
|
136
135
|
}
|
|
137
136
|
),
|
|
138
|
-
/* @__PURE__ */ jsxs(
|
|
137
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
139
138
|
/* @__PURE__ */ jsx(
|
|
140
139
|
Button,
|
|
141
140
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/create-pattern-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tButton,\n\tTextControl,\n\
|
|
5
|
-
"mappings": ";AAGA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tButton,\n\tTextControl,\n\tToggleControl,\n} from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { __, _x } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tPATTERN_DEFAULT_CATEGORY,\n\tPATTERN_SYNC_TYPES,\n\tPATTERN_TYPES,\n} from '../constants';\nimport { store as patternsStore } from '../store';\nimport CategorySelector from './category-selector';\nimport { useAddPatternCategory } from '../private-hooks';\nimport { unlock } from '../lock-unlock';\n\nexport default function CreatePatternModal( {\n\tclassName = 'patterns-menu-items__convert-modal',\n\tmodalTitle,\n\t...restProps\n} ) {\n\tconst defaultModalTitle = useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getPostType( PATTERN_TYPES.user )?.labels\n\t\t\t\t?.add_new_item,\n\t\t[]\n\t);\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ modalTitle || defaultModalTitle }\n\t\t\tonRequestClose={ restProps.onClose }\n\t\t\toverlayClassName={ className }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<CreatePatternModalContents { ...restProps } />\n\t\t</Modal>\n\t);\n}\n\nexport function CreatePatternModalContents( {\n\tconfirmLabel = __( 'Add' ),\n\tdefaultCategories = [],\n\tcontent,\n\tonClose,\n\tonError,\n\tonSuccess,\n\tdefaultSyncType = PATTERN_SYNC_TYPES.full,\n\tdefaultTitle = '',\n} ) {\n\tconst [ syncType, setSyncType ] = useState( defaultSyncType );\n\tconst [ categoryTerms, setCategoryTerms ] = useState( defaultCategories );\n\tconst [ title, setTitle ] = useState( defaultTitle );\n\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst { createPattern } = unlock( useDispatch( patternsStore ) );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst { categoryMap, findOrCreateTerm } = useAddPatternCategory();\n\n\tasync function onCreate( patternTitle, sync ) {\n\t\tif ( ! title || isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSaving( true );\n\t\t\tconst categories = await Promise.all(\n\t\t\t\tcategoryTerms.map( ( termName ) =>\n\t\t\t\t\tfindOrCreateTerm( termName )\n\t\t\t\t)\n\t\t\t);\n\n\t\t\tconst newPattern = await createPattern(\n\t\t\t\tpatternTitle,\n\t\t\t\tsync,\n\t\t\t\ttypeof content === 'function' ? content() : content,\n\t\t\t\tcategories\n\t\t\t);\n\t\t\tonSuccess( {\n\t\t\t\tpattern: newPattern,\n\t\t\t\tcategoryId: PATTERN_DEFAULT_CATEGORY,\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-create',\n\t\t\t} );\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetCategoryTerms( [] );\n\t\t\tsetTitle( '' );\n\t\t}\n\t}\n\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tonCreate( title, syncType );\n\t\t\t} }\n\t\t>\n\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t<TextControl\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My pattern' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t/>\n\t\t\t\t<CategorySelector\n\t\t\t\t\tcategoryTerms={ categoryTerms }\n\t\t\t\t\tonChange={ setCategoryTerms }\n\t\t\t\t\tcategoryMap={ categoryMap }\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\tlabel={ _x( 'Synced', 'pattern (singular)' ) }\n\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t'Sync this pattern across multiple locations.'\n\t\t\t\t\t) }\n\t\t\t\t\tchecked={ syncType === PATTERN_SYNC_TYPES.full }\n\t\t\t\t\tonChange={ () => {\n\t\t\t\t\t\tsetSyncType(\n\t\t\t\t\t\t\tsyncType === PATTERN_SYNC_TYPES.full\n\t\t\t\t\t\t\t\t? PATTERN_SYNC_TYPES.unsynced\n\t\t\t\t\t\t\t\t: PATTERN_SYNC_TYPES.full\n\t\t\t\t\t\t);\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\tsetTitle( '' );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t</Button>\n\t\t\t\t</Stack>\n\t\t\t</Stack>\n\t\t</form>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
// packages/patterns/src/components/rename-pattern-category-modal.js
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
Button,
|
|
5
|
-
TextControl,
|
|
6
|
-
__experimentalHStack as HStack,
|
|
7
|
-
__experimentalVStack as VStack
|
|
8
|
-
} from "@wordpress/components";
|
|
2
|
+
import { Modal, Button, TextControl } from "@wordpress/components";
|
|
3
|
+
import { Stack } from "@wordpress/ui";
|
|
9
4
|
import { store as coreStore } from "@wordpress/core-data";
|
|
10
5
|
import { useDispatch } from "@wordpress/data";
|
|
11
6
|
import { useId, useRef, useState } from "@wordpress/element";
|
|
@@ -99,8 +94,8 @@ function RenamePatternCategoryModal({
|
|
|
99
94
|
title: __("Rename"),
|
|
100
95
|
onRequestClose,
|
|
101
96
|
...props,
|
|
102
|
-
children: /* @__PURE__ */ jsx("form", { onSubmit: onSave, children: /* @__PURE__ */ jsxs(
|
|
103
|
-
/* @__PURE__ */ jsxs(
|
|
97
|
+
children: /* @__PURE__ */ jsx("form", { onSubmit: onSave, children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "lg", children: [
|
|
98
|
+
/* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "sm", children: [
|
|
104
99
|
/* @__PURE__ */ jsx(
|
|
105
100
|
TextControl,
|
|
106
101
|
{
|
|
@@ -122,7 +117,7 @@ function RenamePatternCategoryModal({
|
|
|
122
117
|
}
|
|
123
118
|
)
|
|
124
119
|
] }),
|
|
125
|
-
/* @__PURE__ */ jsxs(
|
|
120
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
126
121
|
/* @__PURE__ */ jsx(
|
|
127
122
|
Button,
|
|
128
123
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/rename-pattern-category-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";AAGA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Modal, Button, TextControl } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useId, useRef, useState } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { CATEGORY_SLUG } from './category-selector';\n\nexport default function RenamePatternCategoryModal( {\n\tcategory,\n\texistingCategories,\n\tonClose,\n\tonError,\n\tonSuccess,\n\t...props\n} ) {\n\tconst id = useId();\n\tconst textControlRef = useRef();\n\tconst [ name, setName ] = useState( decodeEntities( category.name ) );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\tconst [ validationMessage, setValidationMessage ] = useState( false );\n\tconst validationMessageId = validationMessage\n\t\t? `patterns-rename-pattern-category-modal__validation-message-${ id }`\n\t\t: undefined;\n\n\tconst { saveEntityRecord, invalidateResolution } = useDispatch( coreStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst onChange = ( newName ) => {\n\t\tif ( validationMessage ) {\n\t\t\tsetValidationMessage( undefined );\n\t\t}\n\t\tsetName( newName );\n\t};\n\n\tconst onSave = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( ! name || name === category.name ) {\n\t\t\tconst message = __( 'Please enter a new name for this category.' );\n\t\t\tspeak( message, 'assertive' );\n\t\t\tsetValidationMessage( message );\n\t\t\ttextControlRef.current?.focus();\n\t\t\treturn;\n\t\t}\n\n\t\t// Check existing categories to avoid creating duplicates.\n\t\tif (\n\t\t\texistingCategories.patternCategories.find( ( existingCategory ) => {\n\t\t\t\t// Compare the id so that the we don't disallow the user changing the case of their current category\n\t\t\t\t// (i.e. renaming 'test' to 'Test').\n\t\t\t\treturn (\n\t\t\t\t\texistingCategory.id !== category.id &&\n\t\t\t\t\texistingCategory.label.toLowerCase() === name.toLowerCase()\n\t\t\t\t);\n\t\t\t} )\n\t\t) {\n\t\t\tconst message = __(\n\t\t\t\t'This category already exists. Please use a different name.'\n\t\t\t);\n\t\t\tspeak( message, 'assertive' );\n\t\t\tsetValidationMessage( message );\n\t\t\ttextControlRef.current?.focus();\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSaving( true );\n\n\t\t\t// User pattern category properties may differ as they can be\n\t\t\t// normalized for use alongside template part areas, core pattern\n\t\t\t// categories etc. As a result we won't just destructure the passed\n\t\t\t// category object.\n\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t'taxonomy',\n\t\t\t\tCATEGORY_SLUG,\n\t\t\t\t{\n\t\t\t\t\tid: category.id,\n\t\t\t\t\tslug: category.slug,\n\t\t\t\t\tname,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tinvalidateResolution( 'getUserPatternCategories' );\n\t\t\tonSuccess?.( savedRecord );\n\t\t\tonClose();\n\n\t\t\tcreateSuccessNotice( __( 'Pattern category renamed.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-category-update',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError?.();\n\t\t\tcreateErrorNotice( error.message, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-category-update',\n\t\t\t} );\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetName( '' );\n\t\t}\n\t};\n\n\tconst onRequestClose = () => {\n\t\tonClose();\n\t\tsetName( '' );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\tonRequestClose={ onRequestClose }\n\t\t\t{ ...props }\n\t\t>\n\t\t\t<form onSubmit={ onSave }>\n\t\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t\t<Stack direction=\"column\" gap=\"sm\">\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tref={ textControlRef }\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\t\tonChange={ onChange }\n\t\t\t\t\t\t\taria-describedby={ validationMessageId }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ validationMessage && (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclassName=\"patterns-rename-pattern-category-modal__validation-message\"\n\t\t\t\t\t\t\t\tid={ validationMessageId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ validationMessage }\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Stack>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taria-disabled={\n\t\t\t\t\t\t\t\t! name || name === category.name || isSaving\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,11 +1,6 @@
|
|
|
1
1
|
// packages/patterns/src/components/rename-pattern-modal.js
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
Modal,
|
|
5
|
-
TextControl,
|
|
6
|
-
__experimentalHStack as HStack,
|
|
7
|
-
__experimentalVStack as VStack
|
|
8
|
-
} from "@wordpress/components";
|
|
2
|
+
import { Button, Modal, TextControl } from "@wordpress/components";
|
|
3
|
+
import { Stack } from "@wordpress/ui";
|
|
9
4
|
import { store as coreStore } from "@wordpress/core-data";
|
|
10
5
|
import { useDispatch } from "@wordpress/data";
|
|
11
6
|
import { useState } from "@wordpress/element";
|
|
@@ -76,7 +71,7 @@ function RenamePatternModal({
|
|
|
76
71
|
onRequestClose: onClose,
|
|
77
72
|
focusOnMount: "firstContentElement",
|
|
78
73
|
size: "small",
|
|
79
|
-
children: /* @__PURE__ */ jsx("form", { onSubmit: onRename, children: /* @__PURE__ */ jsxs(
|
|
74
|
+
children: /* @__PURE__ */ jsx("form", { onSubmit: onRename, children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "lg", children: [
|
|
80
75
|
/* @__PURE__ */ jsx(
|
|
81
76
|
TextControl,
|
|
82
77
|
{
|
|
@@ -87,7 +82,7 @@ function RenamePatternModal({
|
|
|
87
82
|
required: true
|
|
88
83
|
}
|
|
89
84
|
),
|
|
90
|
-
/* @__PURE__ */ jsxs(
|
|
85
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
91
86
|
/* @__PURE__ */ jsx(
|
|
92
87
|
Button,
|
|
93
88
|
{
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/components/rename-pattern-modal.js"],
|
|
4
|
-
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport {
|
|
5
|
-
"mappings": ";AAGA
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { Button, Modal, TextControl } from '@wordpress/components';\nimport { Stack } from '@wordpress/ui';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __ } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\n\nexport default function RenamePatternModal( {\n\tonClose,\n\tonError,\n\tonSuccess,\n\tpattern,\n\t...props\n} ) {\n\tconst originalName = decodeEntities( pattern.title );\n\tconst [ name, setName ] = useState( originalName );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\n\tconst {\n\t\teditEntityRecord,\n\t\t__experimentalSaveSpecifiedEntityEdits: saveSpecifiedEntityEdits,\n\t} = useDispatch( coreStore );\n\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst onRename = async ( event ) => {\n\t\tevent.preventDefault();\n\n\t\tif ( ! name || name === pattern.title || isSaving ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tawait editEntityRecord( 'postType', pattern.type, pattern.id, {\n\t\t\t\ttitle: name,\n\t\t\t} );\n\n\t\t\tsetIsSaving( true );\n\t\t\tsetName( '' );\n\t\t\tonClose?.();\n\n\t\t\tconst savedRecord = await saveSpecifiedEntityEdits(\n\t\t\t\t'postType',\n\t\t\t\tpattern.type,\n\t\t\t\tpattern.id,\n\t\t\t\t[ 'title' ],\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\n\t\t\tonSuccess?.( savedRecord );\n\n\t\t\tcreateSuccessNotice( __( 'Pattern renamed' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-update',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tonError?.();\n\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while renaming the pattern.' );\n\n\t\t\tcreateErrorNotice( errorMessage, {\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tid: 'pattern-update',\n\t\t\t} );\n\t\t} finally {\n\t\t\tsetIsSaving( false );\n\t\t\tsetName( '' );\n\t\t}\n\t};\n\n\tconst onRequestClose = () => {\n\t\tonClose?.();\n\t\tsetName( '' );\n\t};\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Rename' ) }\n\t\t\t{ ...props }\n\t\t\tonRequestClose={ onClose }\n\t\t\tfocusOnMount=\"firstContentElement\"\n\t\t\tsize=\"small\"\n\t\t>\n\t\t\t<form onSubmit={ onRename }>\n\t\t\t\t<Stack direction=\"column\" gap=\"lg\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ name }\n\t\t\t\t\t\tonChange={ setName }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<Stack gap=\"sm\" justify=\"end\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Save' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</Stack>\n\t\t\t\t</Stack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],
|
|
5
|
+
"mappings": ";AAGA,SAAS,QAAQ,OAAO,mBAAmB;AAC3C,SAAS,aAAa;AACtB,SAAS,SAAS,iBAAiB;AACnC,SAAS,mBAAmB;AAC5B,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,UAAU;AACnB,SAAS,SAAS,oBAAoB;AAoFjC,cAOA,YAPA;AAlFU,SAAR,mBAAqC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACJ,GAAI;AACH,QAAM,eAAe,eAAgB,QAAQ,KAAM;AACnD,QAAM,CAAE,MAAM,OAAQ,IAAI,SAAU,YAAa;AACjD,QAAM,CAAE,UAAU,WAAY,IAAI,SAAU,KAAM;AAElD,QAAM;AAAA,IACL;AAAA,IACA,wCAAwC;AAAA,EACzC,IAAI,YAAa,SAAU;AAE3B,QAAM,EAAE,qBAAqB,kBAAkB,IAC9C,YAAa,YAAa;AAE3B,QAAM,WAAW,OAAQ,UAAW;AACnC,UAAM,eAAe;AAErB,QAAK,CAAE,QAAQ,SAAS,QAAQ,SAAS,UAAW;AACnD;AAAA,IACD;AAEA,QAAI;AACH,YAAM,iBAAkB,YAAY,QAAQ,MAAM,QAAQ,IAAI;AAAA,QAC7D,OAAO;AAAA,MACR,CAAE;AAEF,kBAAa,IAAK;AAClB,cAAS,EAAG;AACZ,gBAAU;AAEV,YAAM,cAAc,MAAM;AAAA,QACzB;AAAA,QACA,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,CAAE,OAAQ;AAAA,QACV,EAAE,cAAc,KAAK;AAAA,MACtB;AAEA,kBAAa,WAAY;AAEzB,0BAAqB,GAAI,iBAAkB,GAAG;AAAA,QAC7C,MAAM;AAAA,QACN,IAAI;AAAA,MACL,CAAE;AAAA,IACH,SAAU,OAAQ;AACjB,gBAAU;AAEV,YAAM,eACL,MAAM,WAAW,MAAM,SAAS,kBAC7B,MAAM,UACN,GAAI,+CAAgD;AAExD,wBAAmB,cAAc;AAAA,QAChC,MAAM;AAAA,QACN,IAAI;AAAA,MACL,CAAE;AAAA,IACH,UAAE;AACD,kBAAa,KAAM;AACnB,cAAS,EAAG;AAAA,IACb;AAAA,EACD;AAEA,QAAM,iBAAiB,MAAM;AAC5B,cAAU;AACV,YAAS,EAAG;AAAA,EACb;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,OAAQ,GAAI,QAAS;AAAA,MACnB,GAAG;AAAA,MACL,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,MAAK;AAAA,MAEL,8BAAC,UAAK,UAAW,UAChB,+BAAC,SAAM,WAAU,UAAS,KAAI,MAC7B;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,uBAAqB;AAAA,YACrB,OAAQ,GAAI,MAAO;AAAA,YACnB,OAAQ;AAAA,YACR,UAAW;AAAA,YACX,UAAQ;AAAA;AAAA,QACT;AAAA,QACA,qBAAC,SAAM,KAAI,MAAK,SAAQ,OACvB;AAAA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,SAAU;AAAA,cAER,aAAI,QAAS;AAAA;AAAA,UAChB;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACA,uBAAqB;AAAA,cACrB,SAAQ;AAAA,cACR,MAAK;AAAA,cAEH,aAAI,MAAO;AAAA;AAAA,UACd;AAAA,WACD;AAAA,SACD,GACD;AAAA;AAAA,EACD;AAEF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -137,11 +137,6 @@
|
|
|
137
137
|
.patterns-rename-pattern-category-modal__validation-message {
|
|
138
138
|
color: #cc1818;
|
|
139
139
|
}
|
|
140
|
-
@media (min-width: 782px) {
|
|
141
|
-
.patterns-rename-pattern-category-modal__validation-message {
|
|
142
|
-
width: 320px;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
140
|
|
|
146
141
|
.pattern-overrides-control__allow-overrides-button {
|
|
147
142
|
width: 100%;
|
package/build-style/style.css
CHANGED
|
@@ -137,11 +137,6 @@
|
|
|
137
137
|
.patterns-rename-pattern-category-modal__validation-message {
|
|
138
138
|
color: #cc1818;
|
|
139
139
|
}
|
|
140
|
-
@media (min-width: 782px) {
|
|
141
|
-
.patterns-rename-pattern-category-modal__validation-message {
|
|
142
|
-
width: 320px;
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
140
|
|
|
146
141
|
.pattern-overrides-control__allow-overrides-button {
|
|
147
142
|
width: 100%;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/patterns",
|
|
3
|
-
"version": "2.48.
|
|
3
|
+
"version": "2.48.2-next.v.202606191442.0+17fe7db8a",
|
|
4
4
|
"description": "Management of user pattern editing.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -51,21 +51,22 @@
|
|
|
51
51
|
"build-module/store/index.mjs"
|
|
52
52
|
],
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@wordpress/a11y": "^4.48.
|
|
55
|
-
"@wordpress/base-styles": "^10.0.
|
|
56
|
-
"@wordpress/block-editor": "^15.
|
|
57
|
-
"@wordpress/blocks": "^15.21.
|
|
58
|
-
"@wordpress/components": "^35.
|
|
59
|
-
"@wordpress/compose": "^8.1.
|
|
60
|
-
"@wordpress/core-data": "^7.48.
|
|
61
|
-
"@wordpress/data": "^10.48.
|
|
62
|
-
"@wordpress/element": "^8.0.
|
|
63
|
-
"@wordpress/html-entities": "^4.48.
|
|
64
|
-
"@wordpress/i18n": "^6.21.
|
|
65
|
-
"@wordpress/icons": "^14.0.
|
|
66
|
-
"@wordpress/notices": "^5.48.
|
|
67
|
-
"@wordpress/private-apis": "^1.48.
|
|
68
|
-
"@wordpress/
|
|
54
|
+
"@wordpress/a11y": "^4.48.2-next.v.202606191442.0+17fe7db8a",
|
|
55
|
+
"@wordpress/base-styles": "^10.0.2-next.v.202606191442.0+17fe7db8a",
|
|
56
|
+
"@wordpress/block-editor": "^15.22.1-next.v.202606191442.0+17fe7db8a",
|
|
57
|
+
"@wordpress/blocks": "^15.21.3-next.v.202606191442.0+17fe7db8a",
|
|
58
|
+
"@wordpress/components": "^35.1.1-next.v.202606191442.0+17fe7db8a",
|
|
59
|
+
"@wordpress/compose": "^8.1.2-next.v.202606191442.0+17fe7db8a",
|
|
60
|
+
"@wordpress/core-data": "^7.48.2-next.v.202606191442.0+17fe7db8a",
|
|
61
|
+
"@wordpress/data": "^10.48.2-next.v.202606191442.0+17fe7db8a",
|
|
62
|
+
"@wordpress/element": "^8.0.2-next.v.202606191442.0+17fe7db8a",
|
|
63
|
+
"@wordpress/html-entities": "^4.48.2-next.v.202606191442.0+17fe7db8a",
|
|
64
|
+
"@wordpress/i18n": "^6.21.2-next.v.202606191442.0+17fe7db8a",
|
|
65
|
+
"@wordpress/icons": "^14.0.2-next.v.202606191442.0+17fe7db8a",
|
|
66
|
+
"@wordpress/notices": "^5.48.2-next.v.202606191442.0+17fe7db8a",
|
|
67
|
+
"@wordpress/private-apis": "^1.48.2-next.v.202606191442.0+17fe7db8a",
|
|
68
|
+
"@wordpress/ui": "^0.16.1-next.v.202606191442.0+17fe7db8a",
|
|
69
|
+
"@wordpress/url": "^4.48.2-next.v.202606191442.0+17fe7db8a"
|
|
69
70
|
},
|
|
70
71
|
"peerDependencies": {
|
|
71
72
|
"react": "^18.0.0",
|
|
@@ -74,5 +75,5 @@
|
|
|
74
75
|
"publishConfig": {
|
|
75
76
|
"access": "public"
|
|
76
77
|
},
|
|
77
|
-
"gitHead": "
|
|
78
|
+
"gitHead": "1b6a19222df5a88f161880b5789efb3171d8f425"
|
|
78
79
|
}
|
|
@@ -1,14 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* WordPress dependencies
|
|
3
3
|
*/
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
__experimentalVStack as VStack,
|
|
7
|
-
Button,
|
|
8
|
-
__experimentalText as WCText,
|
|
9
|
-
TextControl,
|
|
10
|
-
Modal,
|
|
11
|
-
} from '@wordpress/components';
|
|
4
|
+
import { Button, TextControl, Modal } from '@wordpress/components';
|
|
5
|
+
import { Stack, Text } from '@wordpress/ui';
|
|
12
6
|
import { __, sprintf } from '@wordpress/i18n';
|
|
13
7
|
import { useState, useId } from '@wordpress/element';
|
|
14
8
|
import { speak } from '@wordpress/a11y';
|
|
@@ -60,12 +54,12 @@ export function AllowOverridesModal( {
|
|
|
60
54
|
handleSubmit();
|
|
61
55
|
} }
|
|
62
56
|
>
|
|
63
|
-
<
|
|
64
|
-
<
|
|
57
|
+
<Stack direction="column" gap="xl">
|
|
58
|
+
<Text id={ descriptionId }>
|
|
65
59
|
{ __(
|
|
66
60
|
'Overrides are changes you make to a block within a synced pattern instance. Use overrides to customize a synced pattern instance to suit its new context. Name this block to specify an override.'
|
|
67
61
|
) }
|
|
68
|
-
</
|
|
62
|
+
</Text>
|
|
69
63
|
<TextControl
|
|
70
64
|
__next40pxDefaultSize
|
|
71
65
|
value={ editedBlockName }
|
|
@@ -76,7 +70,7 @@ export function AllowOverridesModal( {
|
|
|
76
70
|
placeholder={ placeholder }
|
|
77
71
|
onChange={ setEditedBlockName }
|
|
78
72
|
/>
|
|
79
|
-
<
|
|
73
|
+
<Stack justify="end">
|
|
80
74
|
<Button
|
|
81
75
|
__next40pxDefaultSize
|
|
82
76
|
variant="tertiary"
|
|
@@ -93,8 +87,8 @@ export function AllowOverridesModal( {
|
|
|
93
87
|
>
|
|
94
88
|
{ __( 'Enable' ) }
|
|
95
89
|
</Button>
|
|
96
|
-
</
|
|
97
|
-
</
|
|
90
|
+
</Stack>
|
|
91
|
+
</Stack>
|
|
98
92
|
</form>
|
|
99
93
|
</Modal>
|
|
100
94
|
);
|
|
@@ -117,14 +111,13 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
117
111
|
onClose();
|
|
118
112
|
} }
|
|
119
113
|
>
|
|
120
|
-
<
|
|
121
|
-
<
|
|
114
|
+
<Stack direction="column" gap="xl">
|
|
115
|
+
<Text id={ descriptionId }>
|
|
122
116
|
{ __(
|
|
123
117
|
'Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern.'
|
|
124
118
|
) }
|
|
125
|
-
</
|
|
126
|
-
|
|
127
|
-
<HStack justify="right">
|
|
119
|
+
</Text>
|
|
120
|
+
<Stack gap="sm" justify="end">
|
|
128
121
|
<Button
|
|
129
122
|
__next40pxDefaultSize
|
|
130
123
|
variant="tertiary"
|
|
@@ -132,7 +125,6 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
132
125
|
>
|
|
133
126
|
{ __( 'Cancel' ) }
|
|
134
127
|
</Button>
|
|
135
|
-
|
|
136
128
|
<Button
|
|
137
129
|
__next40pxDefaultSize
|
|
138
130
|
variant="primary"
|
|
@@ -140,8 +132,8 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
140
132
|
>
|
|
141
133
|
{ __( 'Disable' ) }
|
|
142
134
|
</Button>
|
|
143
|
-
</
|
|
144
|
-
</
|
|
135
|
+
</Stack>
|
|
136
|
+
</Stack>
|
|
145
137
|
</form>
|
|
146
138
|
</Modal>
|
|
147
139
|
);
|
|
@@ -5,10 +5,9 @@ import {
|
|
|
5
5
|
Modal,
|
|
6
6
|
Button,
|
|
7
7
|
TextControl,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalVStack as VStack,
|
|
10
8
|
ToggleControl,
|
|
11
9
|
} from '@wordpress/components';
|
|
10
|
+
import { Stack } from '@wordpress/ui';
|
|
12
11
|
import { __, _x } from '@wordpress/i18n';
|
|
13
12
|
import { useState } from '@wordpress/element';
|
|
14
13
|
import { useDispatch, useSelect } from '@wordpress/data';
|
|
@@ -115,7 +114,7 @@ export function CreatePatternModalContents( {
|
|
|
115
114
|
onCreate( title, syncType );
|
|
116
115
|
} }
|
|
117
116
|
>
|
|
118
|
-
<
|
|
117
|
+
<Stack direction="column" gap="lg">
|
|
119
118
|
<TextControl
|
|
120
119
|
label={ __( 'Name' ) }
|
|
121
120
|
value={ title }
|
|
@@ -143,7 +142,7 @@ export function CreatePatternModalContents( {
|
|
|
143
142
|
);
|
|
144
143
|
} }
|
|
145
144
|
/>
|
|
146
|
-
<
|
|
145
|
+
<Stack gap="sm" justify="end">
|
|
147
146
|
<Button
|
|
148
147
|
__next40pxDefaultSize
|
|
149
148
|
variant="tertiary"
|
|
@@ -154,7 +153,6 @@ export function CreatePatternModalContents( {
|
|
|
154
153
|
>
|
|
155
154
|
{ __( 'Cancel' ) }
|
|
156
155
|
</Button>
|
|
157
|
-
|
|
158
156
|
<Button
|
|
159
157
|
__next40pxDefaultSize
|
|
160
158
|
variant="primary"
|
|
@@ -164,8 +162,8 @@ export function CreatePatternModalContents( {
|
|
|
164
162
|
>
|
|
165
163
|
{ confirmLabel }
|
|
166
164
|
</Button>
|
|
167
|
-
</
|
|
168
|
-
</
|
|
165
|
+
</Stack>
|
|
166
|
+
</Stack>
|
|
169
167
|
</form>
|
|
170
168
|
);
|
|
171
169
|
}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* WordPress dependencies
|
|
3
3
|
*/
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
Button,
|
|
7
|
-
TextControl,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalVStack as VStack,
|
|
10
|
-
} from '@wordpress/components';
|
|
4
|
+
import { Modal, Button, TextControl } from '@wordpress/components';
|
|
5
|
+
import { Stack } from '@wordpress/ui';
|
|
11
6
|
import { store as coreStore } from '@wordpress/core-data';
|
|
12
7
|
import { useDispatch } from '@wordpress/data';
|
|
13
8
|
import { useId, useRef, useState } from '@wordpress/element';
|
|
@@ -133,8 +128,8 @@ export default function RenamePatternCategoryModal( {
|
|
|
133
128
|
{ ...props }
|
|
134
129
|
>
|
|
135
130
|
<form onSubmit={ onSave }>
|
|
136
|
-
<
|
|
137
|
-
<
|
|
131
|
+
<Stack direction="column" gap="lg">
|
|
132
|
+
<Stack direction="column" gap="sm">
|
|
138
133
|
<TextControl
|
|
139
134
|
ref={ textControlRef }
|
|
140
135
|
__next40pxDefaultSize
|
|
@@ -152,8 +147,8 @@ export default function RenamePatternCategoryModal( {
|
|
|
152
147
|
{ validationMessage }
|
|
153
148
|
</span>
|
|
154
149
|
) }
|
|
155
|
-
</
|
|
156
|
-
<
|
|
150
|
+
</Stack>
|
|
151
|
+
<Stack gap="sm" justify="end">
|
|
157
152
|
<Button
|
|
158
153
|
__next40pxDefaultSize
|
|
159
154
|
variant="tertiary"
|
|
@@ -172,8 +167,8 @@ export default function RenamePatternCategoryModal( {
|
|
|
172
167
|
>
|
|
173
168
|
{ __( 'Save' ) }
|
|
174
169
|
</Button>
|
|
175
|
-
</
|
|
176
|
-
</
|
|
170
|
+
</Stack>
|
|
171
|
+
</Stack>
|
|
177
172
|
</form>
|
|
178
173
|
</Modal>
|
|
179
174
|
);
|
|
@@ -1,13 +1,8 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* WordPress dependencies
|
|
3
3
|
*/
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
Modal,
|
|
7
|
-
TextControl,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalVStack as VStack,
|
|
10
|
-
} from '@wordpress/components';
|
|
4
|
+
import { Button, Modal, TextControl } from '@wordpress/components';
|
|
5
|
+
import { Stack } from '@wordpress/ui';
|
|
11
6
|
import { store as coreStore } from '@wordpress/core-data';
|
|
12
7
|
import { useDispatch } from '@wordpress/data';
|
|
13
8
|
import { useState } from '@wordpress/element';
|
|
@@ -96,7 +91,7 @@ export default function RenamePatternModal( {
|
|
|
96
91
|
size="small"
|
|
97
92
|
>
|
|
98
93
|
<form onSubmit={ onRename }>
|
|
99
|
-
<
|
|
94
|
+
<Stack direction="column" gap="lg">
|
|
100
95
|
<TextControl
|
|
101
96
|
__next40pxDefaultSize
|
|
102
97
|
label={ __( 'Name' ) }
|
|
@@ -104,8 +99,7 @@ export default function RenamePatternModal( {
|
|
|
104
99
|
onChange={ setName }
|
|
105
100
|
required
|
|
106
101
|
/>
|
|
107
|
-
|
|
108
|
-
<HStack justify="right">
|
|
102
|
+
<Stack gap="sm" justify="end">
|
|
109
103
|
<Button
|
|
110
104
|
__next40pxDefaultSize
|
|
111
105
|
variant="tertiary"
|
|
@@ -113,7 +107,6 @@ export default function RenamePatternModal( {
|
|
|
113
107
|
>
|
|
114
108
|
{ __( 'Cancel' ) }
|
|
115
109
|
</Button>
|
|
116
|
-
|
|
117
110
|
<Button
|
|
118
111
|
__next40pxDefaultSize
|
|
119
112
|
variant="primary"
|
|
@@ -121,8 +114,8 @@ export default function RenamePatternModal( {
|
|
|
121
114
|
>
|
|
122
115
|
{ __( 'Save' ) }
|
|
123
116
|
</Button>
|
|
124
|
-
</
|
|
125
|
-
</
|
|
117
|
+
</Stack>
|
|
118
|
+
</Stack>
|
|
126
119
|
</form>
|
|
127
120
|
</Modal>
|
|
128
121
|
);
|