@wordpress/patterns 2.48.1 → 2.49.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/CHANGELOG.md +2 -0
- package/build/components/allow-overrides-modal.cjs +7 -7
- package/build/components/allow-overrides-modal.cjs.map +3 -3
- package/build/components/create-pattern-modal.cjs +4 -4
- package/build/components/create-pattern-modal.cjs.map +3 -3
- package/build/components/rename-pattern-category-modal.cjs +4 -4
- package/build/components/rename-pattern-category-modal.cjs.map +3 -3
- package/build/components/rename-pattern-modal.cjs +3 -3
- package/build/components/rename-pattern-modal.cjs.map +3 -3
- package/build-module/components/allow-overrides-modal.mjs +8 -15
- package/build-module/components/allow-overrides-modal.mjs.map +2 -2
- package/build-module/components/create-pattern-modal.mjs +4 -6
- package/build-module/components/create-pattern-modal.mjs.map +2 -2
- package/build-module/components/rename-pattern-category-modal.mjs +5 -11
- package/build-module/components/rename-pattern-category-modal.mjs.map +2 -2
- package/build-module/components/rename-pattern-modal.mjs +4 -10
- 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 -24
- package/src/components/create-pattern-modal.js +5 -8
- package/src/components/rename-pattern-category-modal.js +8 -14
- package/src/components/rename-pattern-modal.js +6 -14
- package/src/components/style.scss +0 -5
package/CHANGELOG.md
CHANGED
|
@@ -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,14 +68,13 @@ 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)(
|
|
75
76
|
import_components.TextControl,
|
|
76
77
|
{
|
|
77
|
-
__next40pxDefaultSize: true,
|
|
78
78
|
value: editedBlockName,
|
|
79
79
|
label: (0, import_i18n.__)("Name"),
|
|
80
80
|
help: (0, import_i18n.__)(
|
|
@@ -84,7 +84,7 @@ function AllowOverridesModal({
|
|
|
84
84
|
onChange: setEditedBlockName
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
87
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
88
88
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
89
89
|
import_components.Button,
|
|
90
90
|
{
|
|
@@ -128,11 +128,11 @@ function DisallowOverridesModal({ onClose, onSave }) {
|
|
|
128
128
|
onSave();
|
|
129
129
|
onClose();
|
|
130
130
|
},
|
|
131
|
-
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
132
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
131
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { direction: "column", gap: "xl", children: [
|
|
132
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Text, { id: descriptionId, children: (0, import_i18n.__)(
|
|
133
133
|
"Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern."
|
|
134
134
|
) }),
|
|
135
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
135
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
136
136
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
137
137
|
import_components.Button,
|
|
138
138
|
{
|
|
@@ -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\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 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\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": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,wBAA2C;AAC3C,gBAA4B;AAC5B,kBAA4B;AAC5B,qBAAgC;AAChC,kBAAsB;AAkDjB;AAhDE,SAAS,oBAAqB;AAAA,EACpC;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AACD,GAAI;AACH,QAAM,CAAE,iBAAiB,kBAAmB,QAAI,yBAAU,WAAY;AACtE,QAAM,oBAAgB,sBAAM;AAE5B,QAAM,cAAc,CAAC,CAAE,gBAAgB,KAAK;AAE5C,QAAM,eAAe,MAAM;AAC1B,QAAK,oBAAoB,aAAc;AACtC,YAAM,cAAU;AAAA;AAAA,YAEf,gBAAI,8BAA+B;AAAA,QACnC;AAAA,MACD;AAGA,6BAAO,SAAS,WAAY;AAAA,IAC7B;AACA,WAAQ,eAAgB;AAGxB,YAAQ;AAAA,EACT;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,kBAAmB;AAAA,MAC/B,gBAAiB;AAAA,MACjB,cAAa;AAAA,MACb,MAAO,EAAE,aAAa,cAAc;AAAA,MACpC,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AAErB,gBAAK,CAAE,aAAc;AACpB;AAAA,YACD;AAEA,yBAAa;AAAA,UACd;AAAA,UAEA,uDAAC,mBAAM,WAAU,UAAS,KAAI,MAC7B;AAAA,wDAAC,kBAAK,IAAK,eACR;AAAA,cACD;AAAA,YACD,GACD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACA,OAAQ;AAAA,gBACR,WAAQ,gBAAI,MAAO;AAAA,gBACnB,UAAO;AAAA,kBACN;AAAA,gBACD;AAAA,gBACA;AAAA,gBACA,UAAW;AAAA;AAAA,YACZ;AAAA,YACA,6CAAC,mBAAM,KAAI,MAAK,SAAQ,OACvB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,SAAU;AAAA,kBAER,8BAAI,QAAS;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,iBAAgB,CAAE;AAAA,kBAClB,SAAQ;AAAA,kBACR,MAAK;AAAA,kBAEH,8BAAI,QAAS;AAAA;AAAA,cAChB;AAAA,eACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;AAEO,SAAS,uBAAwB,EAAE,SAAS,OAAO,GAAI;AAC7D,QAAM,oBAAgB,sBAAM;AAE5B,SACC;AAAA,IAAC;AAAA;AAAA,MACA,WAAQ,gBAAI,mBAAoB;AAAA,MAChC,gBAAiB;AAAA,MACjB,MAAO,EAAE,aAAa,cAAc;AAAA,MACpC,MAAK;AAAA,MAEL;AAAA,QAAC;AAAA;AAAA,UACA,UAAW,CAAE,UAAW;AACvB,kBAAM,eAAe;AACrB,mBAAO;AACP,oBAAQ;AAAA,UACT;AAAA,UAEA,uDAAC,mBAAM,WAAU,UAAS,KAAI,MAC7B;AAAA,wDAAC,kBAAK,IAAK,eACR;AAAA,cACD;AAAA,YACD,GACD;AAAA,YACA,6CAAC,mBAAM,KAAI,MAAK,SAAQ,OACvB;AAAA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,SAAU;AAAA,kBAER,8BAAI,QAAS;AAAA;AAAA,cAChB;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACA,uBAAqB;AAAA,kBACrB,SAAQ;AAAA,kBACR,MAAK;AAAA,kBAEH,8BAAI,SAAU;AAAA;AAAA,cACjB;AAAA,eACD;AAAA,aACD;AAAA;AAAA,MACD;AAAA;AAAA,EACD;AAEF;",
|
|
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
|
{
|
|
@@ -131,8 +132,7 @@ function CreatePatternModalContents({
|
|
|
131
132
|
value: title,
|
|
132
133
|
onChange: setTitle,
|
|
133
134
|
placeholder: (0, import_i18n.__)("My pattern"),
|
|
134
|
-
className: "patterns-create-modal__name-input"
|
|
135
|
-
__next40pxDefaultSize: true
|
|
135
|
+
className: "patterns-create-modal__name-input"
|
|
136
136
|
}
|
|
137
137
|
),
|
|
138
138
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
@@ -158,7 +158,7 @@ function CreatePatternModalContents({
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
),
|
|
161
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
161
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
162
162
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
163
163
|
import_components.Button,
|
|
164
164
|
{
|
|
@@ -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/>\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,13 +117,12 @@ 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
|
{
|
|
124
125
|
ref: textControlRef,
|
|
125
|
-
__next40pxDefaultSize: true,
|
|
126
126
|
label: (0, import_i18n.__)("Name"),
|
|
127
127
|
value: name,
|
|
128
128
|
onChange,
|
|
@@ -139,7 +139,7 @@ function RenamePatternCategoryModal({
|
|
|
139
139
|
}
|
|
140
140
|
)
|
|
141
141
|
] }),
|
|
142
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
142
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
143
143
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
144
144
|
import_components.Button,
|
|
145
145
|
{
|
|
@@ -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\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,18 +94,17 @@ 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
|
{
|
|
100
|
-
__next40pxDefaultSize: true,
|
|
101
101
|
label: (0, import_i18n.__)("Name"),
|
|
102
102
|
value: name,
|
|
103
103
|
onChange: setName,
|
|
104
104
|
required: true
|
|
105
105
|
}
|
|
106
106
|
),
|
|
107
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
107
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ui.Stack, { gap: "sm", justify: "end", children: [
|
|
108
108
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
109
109
|
import_components.Button,
|
|
110
110
|
{
|
|
@@ -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\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,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,14 +44,13 @@ 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(
|
|
58
52
|
TextControl,
|
|
59
53
|
{
|
|
60
|
-
__next40pxDefaultSize: true,
|
|
61
54
|
value: editedBlockName,
|
|
62
55
|
label: __("Name"),
|
|
63
56
|
help: __(
|
|
@@ -67,7 +60,7 @@ function AllowOverridesModal({
|
|
|
67
60
|
onChange: setEditedBlockName
|
|
68
61
|
}
|
|
69
62
|
),
|
|
70
|
-
/* @__PURE__ */ jsxs(
|
|
63
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
71
64
|
/* @__PURE__ */ jsx(
|
|
72
65
|
Button,
|
|
73
66
|
{
|
|
@@ -111,11 +104,11 @@ function DisallowOverridesModal({ onClose, onSave }) {
|
|
|
111
104
|
onSave();
|
|
112
105
|
onClose();
|
|
113
106
|
},
|
|
114
|
-
children: /* @__PURE__ */ jsxs(
|
|
115
|
-
/* @__PURE__ */ jsx(
|
|
107
|
+
children: /* @__PURE__ */ jsxs(Stack, { direction: "column", gap: "xl", children: [
|
|
108
|
+
/* @__PURE__ */ jsx(Text, { id: descriptionId, children: __(
|
|
116
109
|
"Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern."
|
|
117
110
|
) }),
|
|
118
|
-
/* @__PURE__ */ jsxs(
|
|
111
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
119
112
|
/* @__PURE__ */ jsx(
|
|
120
113
|
Button,
|
|
121
114
|
{
|
|
@@ -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\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 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\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
|
{
|
|
@@ -108,8 +107,7 @@ function CreatePatternModalContents({
|
|
|
108
107
|
value: title,
|
|
109
108
|
onChange: setTitle,
|
|
110
109
|
placeholder: __("My pattern"),
|
|
111
|
-
className: "patterns-create-modal__name-input"
|
|
112
|
-
__next40pxDefaultSize: true
|
|
110
|
+
className: "patterns-create-modal__name-input"
|
|
113
111
|
}
|
|
114
112
|
),
|
|
115
113
|
/* @__PURE__ */ jsx(
|
|
@@ -135,7 +133,7 @@ function CreatePatternModalContents({
|
|
|
135
133
|
}
|
|
136
134
|
}
|
|
137
135
|
),
|
|
138
|
-
/* @__PURE__ */ jsxs(
|
|
136
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
139
137
|
/* @__PURE__ */ jsx(
|
|
140
138
|
Button,
|
|
141
139
|
{
|
|
@@ -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/>\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,13 +94,12 @@ 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
|
{
|
|
107
102
|
ref: textControlRef,
|
|
108
|
-
__next40pxDefaultSize: true,
|
|
109
103
|
label: __("Name"),
|
|
110
104
|
value: name,
|
|
111
105
|
onChange,
|
|
@@ -122,7 +116,7 @@ function RenamePatternCategoryModal({
|
|
|
122
116
|
}
|
|
123
117
|
)
|
|
124
118
|
] }),
|
|
125
|
-
/* @__PURE__ */ jsxs(
|
|
119
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
126
120
|
/* @__PURE__ */ jsx(
|
|
127
121
|
Button,
|
|
128
122
|
{
|
|
@@ -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\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,18 +71,17 @@ 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
|
{
|
|
83
|
-
__next40pxDefaultSize: true,
|
|
84
78
|
label: __("Name"),
|
|
85
79
|
value: name,
|
|
86
80
|
onChange: setName,
|
|
87
81
|
required: true
|
|
88
82
|
}
|
|
89
83
|
),
|
|
90
|
-
/* @__PURE__ */ jsxs(
|
|
84
|
+
/* @__PURE__ */ jsxs(Stack, { gap: "sm", justify: "end", children: [
|
|
91
85
|
/* @__PURE__ */ jsx(
|
|
92
86
|
Button,
|
|
93
87
|
{
|
|
@@ -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\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,cAMA,YANA;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,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.
|
|
3
|
+
"version": "2.49.0",
|
|
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.
|
|
55
|
-
"@wordpress/base-styles": "^10.0
|
|
56
|
-
"@wordpress/block-editor": "^15.
|
|
57
|
-
"@wordpress/blocks": "^15.
|
|
58
|
-
"@wordpress/components": "^
|
|
59
|
-
"@wordpress/compose": "^8.
|
|
60
|
-
"@wordpress/core-data": "^7.
|
|
61
|
-
"@wordpress/data": "^10.
|
|
62
|
-
"@wordpress/element": "^8.0
|
|
63
|
-
"@wordpress/html-entities": "^4.
|
|
64
|
-
"@wordpress/i18n": "^6.
|
|
65
|
-
"@wordpress/icons": "^
|
|
66
|
-
"@wordpress/notices": "^5.
|
|
67
|
-
"@wordpress/private-apis": "^1.
|
|
68
|
-
"@wordpress/
|
|
54
|
+
"@wordpress/a11y": "^4.49.0",
|
|
55
|
+
"@wordpress/base-styles": "^10.1.0",
|
|
56
|
+
"@wordpress/block-editor": "^15.22.0",
|
|
57
|
+
"@wordpress/blocks": "^15.22.0",
|
|
58
|
+
"@wordpress/components": "^36.0.0",
|
|
59
|
+
"@wordpress/compose": "^8.2.0",
|
|
60
|
+
"@wordpress/core-data": "^7.49.0",
|
|
61
|
+
"@wordpress/data": "^10.49.0",
|
|
62
|
+
"@wordpress/element": "^8.1.0",
|
|
63
|
+
"@wordpress/html-entities": "^4.49.0",
|
|
64
|
+
"@wordpress/i18n": "^6.22.0",
|
|
65
|
+
"@wordpress/icons": "^15.0.0",
|
|
66
|
+
"@wordpress/notices": "^5.49.0",
|
|
67
|
+
"@wordpress/private-apis": "^1.49.0",
|
|
68
|
+
"@wordpress/ui": "^0.16.0",
|
|
69
|
+
"@wordpress/url": "^4.49.0"
|
|
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": "0e7112a4f4fde4ea15bd9060489b8f6fe11eb6ca"
|
|
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,14 +54,13 @@ 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
|
-
__next40pxDefaultSize
|
|
71
64
|
value={ editedBlockName }
|
|
72
65
|
label={ __( 'Name' ) }
|
|
73
66
|
help={ __(
|
|
@@ -76,7 +69,7 @@ export function AllowOverridesModal( {
|
|
|
76
69
|
placeholder={ placeholder }
|
|
77
70
|
onChange={ setEditedBlockName }
|
|
78
71
|
/>
|
|
79
|
-
<
|
|
72
|
+
<Stack gap="sm" justify="end">
|
|
80
73
|
<Button
|
|
81
74
|
__next40pxDefaultSize
|
|
82
75
|
variant="tertiary"
|
|
@@ -84,7 +77,6 @@ export function AllowOverridesModal( {
|
|
|
84
77
|
>
|
|
85
78
|
{ __( 'Cancel' ) }
|
|
86
79
|
</Button>
|
|
87
|
-
|
|
88
80
|
<Button
|
|
89
81
|
__next40pxDefaultSize
|
|
90
82
|
aria-disabled={ ! isNameValid }
|
|
@@ -93,8 +85,8 @@ export function AllowOverridesModal( {
|
|
|
93
85
|
>
|
|
94
86
|
{ __( 'Enable' ) }
|
|
95
87
|
</Button>
|
|
96
|
-
</
|
|
97
|
-
</
|
|
88
|
+
</Stack>
|
|
89
|
+
</Stack>
|
|
98
90
|
</form>
|
|
99
91
|
</Modal>
|
|
100
92
|
);
|
|
@@ -117,14 +109,13 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
117
109
|
onClose();
|
|
118
110
|
} }
|
|
119
111
|
>
|
|
120
|
-
<
|
|
121
|
-
<
|
|
112
|
+
<Stack direction="column" gap="xl">
|
|
113
|
+
<Text id={ descriptionId }>
|
|
122
114
|
{ __(
|
|
123
115
|
'Are you sure you want to disable overrides? Disabling overrides will revert all applied overrides for this block throughout instances of this pattern.'
|
|
124
116
|
) }
|
|
125
|
-
</
|
|
126
|
-
|
|
127
|
-
<HStack justify="right">
|
|
117
|
+
</Text>
|
|
118
|
+
<Stack gap="sm" justify="end">
|
|
128
119
|
<Button
|
|
129
120
|
__next40pxDefaultSize
|
|
130
121
|
variant="tertiary"
|
|
@@ -132,7 +123,6 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
132
123
|
>
|
|
133
124
|
{ __( 'Cancel' ) }
|
|
134
125
|
</Button>
|
|
135
|
-
|
|
136
126
|
<Button
|
|
137
127
|
__next40pxDefaultSize
|
|
138
128
|
variant="primary"
|
|
@@ -140,8 +130,8 @@ export function DisallowOverridesModal( { onClose, onSave } ) {
|
|
|
140
130
|
>
|
|
141
131
|
{ __( 'Disable' ) }
|
|
142
132
|
</Button>
|
|
143
|
-
</
|
|
144
|
-
</
|
|
133
|
+
</Stack>
|
|
134
|
+
</Stack>
|
|
145
135
|
</form>
|
|
146
136
|
</Modal>
|
|
147
137
|
);
|
|
@@ -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,14 +114,13 @@ 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 }
|
|
122
121
|
onChange={ setTitle }
|
|
123
122
|
placeholder={ __( 'My pattern' ) }
|
|
124
123
|
className="patterns-create-modal__name-input"
|
|
125
|
-
__next40pxDefaultSize
|
|
126
124
|
/>
|
|
127
125
|
<CategorySelector
|
|
128
126
|
categoryTerms={ categoryTerms }
|
|
@@ -143,7 +141,7 @@ export function CreatePatternModalContents( {
|
|
|
143
141
|
);
|
|
144
142
|
} }
|
|
145
143
|
/>
|
|
146
|
-
<
|
|
144
|
+
<Stack gap="sm" justify="end">
|
|
147
145
|
<Button
|
|
148
146
|
__next40pxDefaultSize
|
|
149
147
|
variant="tertiary"
|
|
@@ -154,7 +152,6 @@ export function CreatePatternModalContents( {
|
|
|
154
152
|
>
|
|
155
153
|
{ __( 'Cancel' ) }
|
|
156
154
|
</Button>
|
|
157
|
-
|
|
158
155
|
<Button
|
|
159
156
|
__next40pxDefaultSize
|
|
160
157
|
variant="primary"
|
|
@@ -164,8 +161,8 @@ export function CreatePatternModalContents( {
|
|
|
164
161
|
>
|
|
165
162
|
{ confirmLabel }
|
|
166
163
|
</Button>
|
|
167
|
-
</
|
|
168
|
-
</
|
|
164
|
+
</Stack>
|
|
165
|
+
</Stack>
|
|
169
166
|
</form>
|
|
170
167
|
);
|
|
171
168
|
}
|
|
@@ -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,11 +128,10 @@ 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
|
-
__next40pxDefaultSize
|
|
141
135
|
label={ __( 'Name' ) }
|
|
142
136
|
value={ name }
|
|
143
137
|
onChange={ onChange }
|
|
@@ -152,8 +146,8 @@ export default function RenamePatternCategoryModal( {
|
|
|
152
146
|
{ validationMessage }
|
|
153
147
|
</span>
|
|
154
148
|
) }
|
|
155
|
-
</
|
|
156
|
-
<
|
|
149
|
+
</Stack>
|
|
150
|
+
<Stack gap="sm" justify="end">
|
|
157
151
|
<Button
|
|
158
152
|
__next40pxDefaultSize
|
|
159
153
|
variant="tertiary"
|
|
@@ -172,8 +166,8 @@ export default function RenamePatternCategoryModal( {
|
|
|
172
166
|
>
|
|
173
167
|
{ __( 'Save' ) }
|
|
174
168
|
</Button>
|
|
175
|
-
</
|
|
176
|
-
</
|
|
169
|
+
</Stack>
|
|
170
|
+
</Stack>
|
|
177
171
|
</form>
|
|
178
172
|
</Modal>
|
|
179
173
|
);
|
|
@@ -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,16 +91,14 @@ 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
|
-
__next40pxDefaultSize
|
|
102
96
|
label={ __( 'Name' ) }
|
|
103
97
|
value={ name }
|
|
104
98
|
onChange={ setName }
|
|
105
99
|
required
|
|
106
100
|
/>
|
|
107
|
-
|
|
108
|
-
<HStack justify="right">
|
|
101
|
+
<Stack gap="sm" justify="end">
|
|
109
102
|
<Button
|
|
110
103
|
__next40pxDefaultSize
|
|
111
104
|
variant="tertiary"
|
|
@@ -113,7 +106,6 @@ export default function RenamePatternModal( {
|
|
|
113
106
|
>
|
|
114
107
|
{ __( 'Cancel' ) }
|
|
115
108
|
</Button>
|
|
116
|
-
|
|
117
109
|
<Button
|
|
118
110
|
__next40pxDefaultSize
|
|
119
111
|
variant="primary"
|
|
@@ -121,8 +113,8 @@ export default function RenamePatternModal( {
|
|
|
121
113
|
>
|
|
122
114
|
{ __( 'Save' ) }
|
|
123
115
|
</Button>
|
|
124
|
-
</
|
|
125
|
-
</
|
|
116
|
+
</Stack>
|
|
117
|
+
</Stack>
|
|
126
118
|
</form>
|
|
127
119
|
</Modal>
|
|
128
120
|
);
|