@wordpress/customize-widgets 5.6.1 → 5.7.1-next.5368f64a9.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/error-boundary/index.js +4 -1
- package/build/components/error-boundary/index.js.map +1 -1
- package/build/components/inserter/index.js +4 -1
- package/build/components/inserter/index.js.map +1 -1
- package/build/components/welcome-guide/index.js +4 -1
- package/build/components/welcome-guide/index.js.map +1 -1
- package/build-module/components/error-boundary/index.js +4 -1
- package/build-module/components/error-boundary/index.js.map +1 -1
- package/build-module/components/inserter/index.js +4 -1
- package/build-module/components/inserter/index.js.map +1 -1
- package/build-module/components/welcome-guide/index.js +4 -1
- package/build-module/components/welcome-guide/index.js.map +1 -1
- package/package.json +22 -22
- package/src/components/error-boundary/index.js +6 -1
- package/src/components/header/style.scss +1 -1
- package/src/components/inserter/index.js +2 -0
- package/src/components/welcome-guide/index.js +2 -0
package/CHANGELOG.md
CHANGED
|
@@ -20,7 +20,10 @@ function CopyButton({
|
|
|
20
20
|
children
|
|
21
21
|
}) {
|
|
22
22
|
const ref = (0, _compose.useCopyToClipboard)(text);
|
|
23
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
23
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
24
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
25
|
+
, {
|
|
26
|
+
__next40pxDefaultSize: false,
|
|
24
27
|
variant: "secondary",
|
|
25
28
|
ref: ref,
|
|
26
29
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","variant","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","doAction","render","props","Warning","className","actions","stack","__","exports","default"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button
|
|
1
|
+
{"version":3,"names":["_element","require","_i18n","_components","_blockEditor","_compose","_hooks","_jsxRuntime","CopyButton","text","children","ref","useCopyToClipboard","jsx","Button","__next40pxDefaultSize","variant","ErrorBoundary","Component","constructor","arguments","state","error","componentDidCatch","setState","doAction","render","props","Warning","className","actions","stack","__","exports","default"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"secondary\"\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAA4C,IAAAM,WAAA,GAAAN,OAAA;AAR5C;AACA;AACA;;AAQA,SAASO,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAG,IAAAC,2BAAkB,EAAEH,IAAK,CAAC;EACtC,oBACC,IAAAF,WAAA,CAAAM,GAAA,EAACV,WAAA,CAAAW;EACA;EAAA;IACAC,qBAAqB,EAAG,KAAO;IAC/BC,OAAO,EAAC,WAAW;IACnBL,GAAG,EAAGA,GAAK;IAAAD,QAAA,EAETA;EAAQ,CACH,CAAC;AAEX;AAEe,MAAMO,aAAa,SAASC,kBAAS,CAAC;EACpDC,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1B,IAAAG,eAAQ,EAAE,kCAAkC,EAAEH,KAAM,CAAC;EACtD;EAEAI,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEJ;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACK,KAAK,CAACjB,QAAQ;IAC3B;IAEA,oBACC,IAAAH,WAAA,CAAAM,GAAA,EAACT,YAAA,CAAAwB,OAAO;MACPC,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACT,IAAAvB,WAAA,CAAAM,GAAA,EAACL,UAAU;QAAkBC,IAAI,EAAGa,KAAK,CAACS,KAAO;QAAArB,QAAA,EAC9C,IAAAsB,QAAE,EAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAtB,QAAA,EAED,IAAAsB,QAAE,EAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD;AAACC,OAAA,CAAAC,OAAA,GAAAjB,aAAA","ignoreList":[]}
|
|
@@ -34,7 +34,10 @@ function Inserter({
|
|
|
34
34
|
id: inserterTitleId,
|
|
35
35
|
className: "customize-widgets-layout__inserter-panel-header-title",
|
|
36
36
|
children: (0, _i18n.__)('Add a block')
|
|
37
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
37
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
38
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
39
|
+
, {
|
|
40
|
+
__next40pxDefaultSize: false,
|
|
38
41
|
className: "customize-widgets-layout__inserter-panel-header-close-button",
|
|
39
42
|
icon: _icons.closeSmall,
|
|
40
43
|
onClick: () => setIsOpened(false),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_data","_icons","_store","_jsxRuntime","Inserter","setIsOpened","inserterTitleId","useInstanceId","insertionPoint","useSelect","select","customizeWidgetsStore","__experimentalGetInsertionPoint","jsxs","className","children","jsx","id","__","Button","icon","closeSmall","onClick","__experimentalLibrary","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect","_default","exports","default"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-close-button\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAA6D,IAAAO,WAAA,GAAAP,OAAA;AAb7D;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASQ,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAG,IAAAC,sBAAa,EACpCH,QAAQ,EACR,+CACD,CAAC;EACD,MAAMI,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEC,YAAsB,CAAC,CAACC,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAU,IAAA;IACCC,SAAS,EAAC,0CAA0C;IACpD,mBAAkBR,eAAiB;IAAAS,QAAA,gBAEnC,IAAAZ,WAAA,CAAAU,IAAA;MAAKC,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/D,IAAAZ,WAAA,CAAAa,GAAA;QACCC,EAAE,EAAGX,eAAiB;QACtBQ,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/D,IAAAG,QAAE,EAAE,aAAc;MAAC,CAClB,CAAC,eACL,IAAAf,WAAA,CAAAa,GAAA,EAAClB,WAAA,CAAAqB,
|
|
1
|
+
{"version":3,"names":["_i18n","require","_blockEditor","_components","_compose","_data","_icons","_store","_jsxRuntime","Inserter","setIsOpened","inserterTitleId","useInstanceId","insertionPoint","useSelect","select","customizeWidgetsStore","__experimentalGetInsertionPoint","jsxs","className","children","jsx","id","__","Button","__next40pxDefaultSize","icon","closeSmall","onClick","__experimentalLibrary","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect","_default","exports","default"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-close-button\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAA6D,IAAAO,WAAA,GAAAP,OAAA;AAb7D;AACA;AACA;;AAQA;AACA;AACA;;AAGA,SAASQ,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAG,IAAAC,sBAAa,EACpCH,QAAQ,EACR,+CACD,CAAC;EACD,MAAMI,cAAc,GAAG,IAAAC,eAAS,EAC7BC,MAAM,IACPA,MAAM,CAAEC,YAAsB,CAAC,CAACC,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACC,IAAAT,WAAA,CAAAU,IAAA;IACCC,SAAS,EAAC,0CAA0C;IACpD,mBAAkBR,eAAiB;IAAAS,QAAA,gBAEnC,IAAAZ,WAAA,CAAAU,IAAA;MAAKC,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/D,IAAAZ,WAAA,CAAAa,GAAA;QACCC,EAAE,EAAGX,eAAiB;QACtBQ,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/D,IAAAG,QAAE,EAAE,aAAc;MAAC,CAClB,CAAC,eACL,IAAAf,WAAA,CAAAa,GAAA,EAAClB,WAAA,CAAAqB;MACA;MAAA;QACAC,qBAAqB,EAAG,KAAO;QAC/BN,SAAS,EAAC,8DAA8D;QACxEO,IAAI,EAAGC,iBAAY;QACnBC,OAAO,EAAGA,CAAA,KAAMlB,WAAW,CAAE,KAAM,CAAG;QACtC,cAAa,IAAAa,QAAE,EAAE,gBAAiB;MAAG,CACrC,CAAC;IAAA,CACE,CAAC,eACN,IAAAf,WAAA,CAAAa,GAAA;MAAKF,SAAS,EAAC,kDAAkD;MAAAC,QAAA,eAChE,IAAAZ,WAAA,CAAAa,GAAA,EAACnB,YAAA,CAAA2B,qBAAO;QACPC,YAAY,EAAGjB,cAAc,CAACiB,YAAc;QAC5CC,4BAA4B,EAC3BlB,cAAc,CAACmB,cACf;QACDC,qBAAqB;QACrBC,QAAQ,EAAGA,CAAA,KAAMxB,WAAW,CAAE,KAAM;MAAG,CACvC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5B,QAAQ","ignoreList":[]}
|
|
@@ -42,7 +42,10 @@ function WelcomeGuide({
|
|
|
42
42
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
43
43
|
className: "customize-widgets-welcome-guide__text",
|
|
44
44
|
children: isEntirelyBlockWidgets ? (0, _i18n.__)('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : (0, _i18n.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
|
|
45
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
45
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button
|
|
46
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
47
|
+
, {
|
|
48
|
+
__next40pxDefaultSize: false,
|
|
46
49
|
className: "customize-widgets-welcome-guide__button",
|
|
47
50
|
variant: "primary",
|
|
48
51
|
onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_i18n","require","_components","_data","_preferences","_jsxRuntime","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","jsxs","className","children","jsx","srcSet","media","src","width","height","alt","__","Button","variant","onClick","ExternalLink","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"customize-widgets-welcome-guide__button\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AANnE;AACA;AACA;;AAMe,SAASK,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,sBAAsB,GAAGJ,OAAO,CACpCK,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACC,IAAAX,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/C,IAAAd,WAAA,CAAAe,GAAA;MAAKF,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/D,IAAAd,WAAA,CAAAY,IAAA;QAAAE,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA;UACCC,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA;UACCF,SAAS,EAAC,wCAAwC;UAClDK,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACN,IAAArB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrD,IAAAQ,QAAE,EAAE,0BAA2B;IAAC,CAC/B,CAAC,eACL,IAAAtB,WAAA,CAAAe,GAAA;MAAGF,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDR,sBAAsB,GACrB,IAAAgB,QAAE,EACF,0LACA,CAAC,GACD,IAAAA,QAAE,EACF,yHACA;IAAC,CACF,CAAC,eACJ,IAAAtB,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA0B,
|
|
1
|
+
{"version":3,"names":["_i18n","require","_components","_data","_preferences","_jsxRuntime","WelcomeGuide","sidebar","toggle","useDispatch","preferencesStore","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","jsxs","className","children","jsx","srcSet","media","src","width","height","alt","__","Button","__next40pxDefaultSize","variant","onClick","ExternalLink","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\tclassName=\"customize-widgets-welcome-guide__button\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AANnE;AACA;AACA;;AAMe,SAASK,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAElD,MAAMC,sBAAsB,GAAGJ,OAAO,CACpCK,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACC,IAAAX,WAAA,CAAAY,IAAA;IAAKC,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/C,IAAAd,WAAA,CAAAe,GAAA;MAAKF,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/D,IAAAd,WAAA,CAAAY,IAAA;QAAAE,QAAA,gBACC,IAAAd,WAAA,CAAAe,GAAA;UACCC,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACF,IAAAjB,WAAA,CAAAe,GAAA;UACCF,SAAS,EAAC,wCAAwC;UAClDK,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACN,IAAArB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrD,IAAAQ,QAAE,EAAE,0BAA2B;IAAC,CAC/B,CAAC,eACL,IAAAtB,WAAA,CAAAe,GAAA;MAAGF,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDR,sBAAsB,GACrB,IAAAgB,QAAE,EACF,0LACA,CAAC,GACD,IAAAA,QAAE,EACF,yHACA;IAAC,CACF,CAAC,eACJ,IAAAtB,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA0B;IACA;IAAA;MACAC,qBAAqB,EAAG,KAAO;MAC/BX,SAAS,EAAC,yCAAyC;MACnDY,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTvB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAW,QAAA,EAEC,IAAAQ,QAAE,EAAE,QAAS;IAAC,CACT,CAAC,eACT,IAAAtB,WAAA,CAAAe,GAAA;MAAIF,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEP,sBAAsB,iBACzB,IAAAN,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,qCAAsC,CAAC,eAC7C,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,gDACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACD,IAAAtB,WAAA,CAAAY,IAAA;MAAGC,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtD,IAAAQ,QAAE,EAAE,0BAA2B,CAAC,eAClC,IAAAtB,WAAA,CAAAe,GAAA,UAAK,CAAC,eACN,IAAAf,WAAA,CAAAe,GAAA,EAAClB,WAAA,CAAA8B,YAAY;QACZC,IAAI,EAAG,IAAAN,QAAE,EACR,qEACD,CAAG;QAAAR,QAAA,EAED,IAAAQ,QAAE,EAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
|
|
@@ -13,7 +13,10 @@ function CopyButton({
|
|
|
13
13
|
children
|
|
14
14
|
}) {
|
|
15
15
|
const ref = useCopyToClipboard(text);
|
|
16
|
-
return /*#__PURE__*/_jsx(Button
|
|
16
|
+
return /*#__PURE__*/_jsx(Button
|
|
17
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
18
|
+
, {
|
|
19
|
+
__next40pxDefaultSize: false,
|
|
17
20
|
variant: "secondary",
|
|
18
21
|
ref: ref,
|
|
19
22
|
children: children
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","variant","ErrorBoundary","constructor","arguments","state","error","componentDidCatch","setState","render","props","className","actions","stack"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button
|
|
1
|
+
{"version":3,"names":["Component","__","Button","Warning","useCopyToClipboard","doAction","jsx","_jsx","CopyButton","text","children","ref","__next40pxDefaultSize","variant","ErrorBoundary","constructor","arguments","state","error","componentDidCatch","setState","render","props","className","actions","stack"],"sources":["@wordpress/customize-widgets/src/components/error-boundary/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { Button } from '@wordpress/components';\nimport { Warning } from '@wordpress/block-editor';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { doAction } from '@wordpress/hooks';\n\nfunction CopyButton( { text, children } ) {\n\tconst ref = useCopyToClipboard( text );\n\treturn (\n\t\t<Button\n\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t__next40pxDefaultSize={ false }\n\t\t\tvariant=\"secondary\"\n\t\t\tref={ ref }\n\t\t>\n\t\t\t{ children }\n\t\t</Button>\n\t);\n}\n\nexport default class ErrorBoundary extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.state = {\n\t\t\terror: null,\n\t\t};\n\t}\n\n\tcomponentDidCatch( error ) {\n\t\tthis.setState( { error } );\n\n\t\tdoAction( 'editor.ErrorBoundary.errorLogged', error );\n\t}\n\n\trender() {\n\t\tconst { error } = this.state;\n\t\tif ( ! error ) {\n\t\t\treturn this.props.children;\n\t\t}\n\n\t\treturn (\n\t\t\t<Warning\n\t\t\t\tclassName=\"customize-widgets-error-boundary\"\n\t\t\t\tactions={ [\n\t\t\t\t\t<CopyButton key=\"copy-error\" text={ error.stack }>\n\t\t\t\t\t\t{ __( 'Copy Error' ) }\n\t\t\t\t\t</CopyButton>,\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ __( 'The editor has encountered an unexpected error.' ) }\n\t\t\t</Warning>\n\t\t);\n\t}\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,OAAO,QAAQ,yBAAyB;AACjD,SAASC,kBAAkB,QAAQ,oBAAoB;AACvD,SAASC,QAAQ,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5C,SAASC,UAAUA,CAAE;EAAEC,IAAI;EAAEC;AAAS,CAAC,EAAG;EACzC,MAAMC,GAAG,GAAGP,kBAAkB,CAAEK,IAAK,CAAC;EACtC,oBACCF,IAAA,CAACL;EACA;EAAA;IACAU,qBAAqB,EAAG,KAAO;IAC/BC,OAAO,EAAC,WAAW;IACnBF,GAAG,EAAGA,GAAK;IAAAD,QAAA,EAETA;EAAQ,CACH,CAAC;AAEX;AAEA,eAAe,MAAMI,aAAa,SAASd,SAAS,CAAC;EACpDe,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,KAAK,GAAG;MACZC,KAAK,EAAE;IACR,CAAC;EACF;EAEAC,iBAAiBA,CAAED,KAAK,EAAG;IAC1B,IAAI,CAACE,QAAQ,CAAE;MAAEF;IAAM,CAAE,CAAC;IAE1Bb,QAAQ,CAAE,kCAAkC,EAAEa,KAAM,CAAC;EACtD;EAEAG,MAAMA,CAAA,EAAG;IACR,MAAM;MAAEH;IAAM,CAAC,GAAG,IAAI,CAACD,KAAK;IAC5B,IAAK,CAAEC,KAAK,EAAG;MACd,OAAO,IAAI,CAACI,KAAK,CAACZ,QAAQ;IAC3B;IAEA,oBACCH,IAAA,CAACJ,OAAO;MACPoB,SAAS,EAAC,kCAAkC;MAC5CC,OAAO,EAAG,cACTjB,IAAA,CAACC,UAAU;QAAkBC,IAAI,EAAGS,KAAK,CAACO,KAAO;QAAAf,QAAA,EAC9CT,EAAE,CAAE,YAAa;MAAC,GADL,YAEJ,CAAC,CACX;MAAAS,QAAA,EAEDT,EAAE,CAAE,iDAAkD;IAAC,CACjD,CAAC;EAEZ;AACD","ignoreList":[]}
|
|
@@ -28,7 +28,10 @@ function Inserter({
|
|
|
28
28
|
id: inserterTitleId,
|
|
29
29
|
className: "customize-widgets-layout__inserter-panel-header-title",
|
|
30
30
|
children: __('Add a block')
|
|
31
|
-
}), /*#__PURE__*/_jsx(Button
|
|
31
|
+
}), /*#__PURE__*/_jsx(Button
|
|
32
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
33
|
+
, {
|
|
34
|
+
__next40pxDefaultSize: false,
|
|
32
35
|
className: "customize-widgets-layout__inserter-panel-header-close-button",
|
|
33
36
|
icon: closeSmall,
|
|
34
37
|
onClick: () => setIsOpened(false),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__","__experimentalLibrary","Library","Button","useInstanceId","useSelect","closeSmall","store","customizeWidgetsStore","jsx","_jsx","jsxs","_jsxs","Inserter","setIsOpened","inserterTitleId","insertionPoint","select","__experimentalGetInsertionPoint","className","children","id","icon","onClick","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-close-button\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,qBAAqB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAGX,aAAa,CACpCS,QAAQ,EACR,+CACD,CAAC;EACD,MAAMG,cAAc,GAAGX,SAAS,CAC7BY,MAAM,IACPA,MAAM,CAAET,qBAAsB,CAAC,CAACU,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACCN,KAAA;IACCO,SAAS,EAAC,0CAA0C;IACpD,mBAAkBJ,eAAiB;IAAAK,QAAA,gBAEnCR,KAAA;MAAKO,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/DV,IAAA;QACCW,EAAE,EAAGN,eAAiB;QACtBI,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/DpB,EAAE,CAAE,aAAc;MAAC,CAClB,CAAC,eACLU,IAAA,CAACP,
|
|
1
|
+
{"version":3,"names":["__","__experimentalLibrary","Library","Button","useInstanceId","useSelect","closeSmall","store","customizeWidgetsStore","jsx","_jsx","jsxs","_jsxs","Inserter","setIsOpened","inserterTitleId","insertionPoint","select","__experimentalGetInsertionPoint","className","children","id","__next40pxDefaultSize","icon","onClick","rootClientId","__experimentalInsertionIndex","insertionIndex","showInserterHelpPanel","onSelect"],"sources":["@wordpress/customize-widgets/src/components/inserter/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalLibrary as Library } from '@wordpress/block-editor';\nimport { Button } from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as customizeWidgetsStore } from '../../store';\n\nfunction Inserter( { setIsOpened } ) {\n\tconst inserterTitleId = useInstanceId(\n\t\tInserter,\n\t\t'customize-widget-layout__inserter-panel-title'\n\t);\n\tconst insertionPoint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( customizeWidgetsStore ).__experimentalGetInsertionPoint(),\n\t\t[]\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"customize-widgets-layout__inserter-panel\"\n\t\t\taria-labelledby={ inserterTitleId }\n\t\t>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-header\">\n\t\t\t\t<h2\n\t\t\t\t\tid={ inserterTitleId }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-title\"\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Add a block' ) }\n\t\t\t\t</h2>\n\t\t\t\t<Button\n\t\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\t\tclassName=\"customize-widgets-layout__inserter-panel-header-close-button\"\n\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\tonClick={ () => setIsOpened( false ) }\n\t\t\t\t\taria-label={ __( 'Close inserter' ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-layout__inserter-panel-content\">\n\t\t\t\t<Library\n\t\t\t\t\trootClientId={ insertionPoint.rootClientId }\n\t\t\t\t\t__experimentalInsertionIndex={\n\t\t\t\t\t\tinsertionPoint.insertionIndex\n\t\t\t\t\t}\n\t\t\t\t\tshowInserterHelpPanel\n\t\t\t\t\tonSelect={ () => setIsOpened( false ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nexport default Inserter;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,qBAAqB,IAAIC,OAAO,QAAQ,yBAAyB;AAC1E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,aAAa,QAAQ,oBAAoB;AAClD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,UAAU,QAAQ,kBAAkB;;AAE7C;AACA;AACA;AACA,SAASC,KAAK,IAAIC,qBAAqB,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7D,SAASC,QAAQA,CAAE;EAAEC;AAAY,CAAC,EAAG;EACpC,MAAMC,eAAe,GAAGX,aAAa,CACpCS,QAAQ,EACR,+CACD,CAAC;EACD,MAAMG,cAAc,GAAGX,SAAS,CAC7BY,MAAM,IACPA,MAAM,CAAET,qBAAsB,CAAC,CAACU,+BAA+B,CAAC,CAAC,EAClE,EACD,CAAC;EAED,oBACCN,KAAA;IACCO,SAAS,EAAC,0CAA0C;IACpD,mBAAkBJ,eAAiB;IAAAK,QAAA,gBAEnCR,KAAA;MAAKO,SAAS,EAAC,iDAAiD;MAAAC,QAAA,gBAC/DV,IAAA;QACCW,EAAE,EAAGN,eAAiB;QACtBI,SAAS,EAAC,uDAAuD;QAAAC,QAAA,EAE/DpB,EAAE,CAAE,aAAc;MAAC,CAClB,CAAC,eACLU,IAAA,CAACP;MACA;MAAA;QACAmB,qBAAqB,EAAG,KAAO;QAC/BH,SAAS,EAAC,8DAA8D;QACxEI,IAAI,EAAGjB,UAAY;QACnBkB,OAAO,EAAGA,CAAA,KAAMV,WAAW,CAAE,KAAM,CAAG;QACtC,cAAad,EAAE,CAAE,gBAAiB;MAAG,CACrC,CAAC;IAAA,CACE,CAAC,eACNU,IAAA;MAAKS,SAAS,EAAC,kDAAkD;MAAAC,QAAA,eAChEV,IAAA,CAACR,OAAO;QACPuB,YAAY,EAAGT,cAAc,CAACS,YAAc;QAC5CC,4BAA4B,EAC3BV,cAAc,CAACW,cACf;QACDC,qBAAqB;QACrBC,QAAQ,EAAGA,CAAA,KAAMf,WAAW,CAAE,KAAM;MAAG,CACvC;IAAC,CACE,CAAC;EAAA,CACF,CAAC;AAER;AAEA,eAAeD,QAAQ","ignoreList":[]}
|
|
@@ -36,7 +36,10 @@ export default function WelcomeGuide({
|
|
|
36
36
|
}), /*#__PURE__*/_jsx("p", {
|
|
37
37
|
className: "customize-widgets-welcome-guide__text",
|
|
38
38
|
children: isEntirelyBlockWidgets ? __('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : __('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')
|
|
39
|
-
}), /*#__PURE__*/_jsx(Button
|
|
39
|
+
}), /*#__PURE__*/_jsx(Button
|
|
40
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
41
|
+
, {
|
|
42
|
+
__next40pxDefaultSize: false,
|
|
40
43
|
className: "customize-widgets-welcome-guide__button",
|
|
41
44
|
variant: "primary",
|
|
42
45
|
onClick: () => toggle('core/customize-widgets', 'welcomeGuide'),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__","Button","ExternalLink","useDispatch","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","WelcomeGuide","sidebar","toggle","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","className","children","srcSet","media","src","width","height","alt","variant","onClick","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\tclassName=\"customize-widgets-welcome-guide__button\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,YAAY,QAAQ,uBAAuB;AAC5D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,eAAe,SAASC,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGT,WAAW,CAAEE,gBAAiB,CAAC;EAElD,MAAMQ,sBAAsB,GAAGF,OAAO,CACpCG,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACCT,KAAA;IAAKU,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/Cb,IAAA;MAAKY,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/DX,KAAA;QAAAW,QAAA,gBACCb,IAAA;UACCc,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACFf,IAAA;UACCY,SAAS,EAAC,wCAAwC;UAClDI,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACNnB,IAAA;MAAIY,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrDpB,EAAE,CAAE,0BAA2B;IAAC,CAC/B,CAAC,eACLO,IAAA;MAAGY,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDP,sBAAsB,GACrBb,EAAE,CACF,0LACA,CAAC,GACDA,EAAE,CACF,yHACA;IAAC,CACF,CAAC,eACJO,IAAA,CAACN,
|
|
1
|
+
{"version":3,"names":["__","Button","ExternalLink","useDispatch","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","WelcomeGuide","sidebar","toggle","isEntirelyBlockWidgets","getWidgets","every","widget","id","startsWith","className","children","srcSet","media","src","width","height","alt","__next40pxDefaultSize","variant","onClick","href"],"sources":["@wordpress/customize-widgets/src/components/welcome-guide/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { Button, ExternalLink } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nexport default function WelcomeGuide( { sidebar } ) {\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tconst isEntirelyBlockWidgets = sidebar\n\t\t.getWidgets()\n\t\t.every( ( widget ) => widget.id.startsWith( 'block-' ) );\n\n\treturn (\n\t\t<div className=\"customize-widgets-welcome-guide\">\n\t\t\t<div className=\"customize-widgets-welcome-guide__image__wrapper\">\n\t\t\t\t<picture>\n\t\t\t\t\t<source\n\t\t\t\t\t\tsrcSet=\"https://s.w.org/images/block-editor/welcome-editor.svg\"\n\t\t\t\t\t\tmedia=\"(prefers-reduced-motion: reduce)\"\n\t\t\t\t\t/>\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName=\"customize-widgets-welcome-guide__image\"\n\t\t\t\t\t\tsrc=\"https://s.w.org/images/block-editor/welcome-editor.gif\"\n\t\t\t\t\t\twidth=\"312\"\n\t\t\t\t\t\theight=\"240\"\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t/>\n\t\t\t\t</picture>\n\t\t\t</div>\n\t\t\t<h1 className=\"customize-widgets-welcome-guide__heading\">\n\t\t\t\t{ __( 'Welcome to block Widgets' ) }\n\t\t\t</h1>\n\t\t\t<p className=\"customize-widgets-welcome-guide__text\">\n\t\t\t\t{ isEntirelyBlockWidgets\n\t\t\t\t\t? __(\n\t\t\t\t\t\t\t'Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.'\n\t\t\t\t\t )\n\t\t\t\t\t: __(\n\t\t\t\t\t\t\t'You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.'\n\t\t\t\t\t ) }\n\t\t\t</p>\n\t\t\t<Button\n\t\t\t\t// TODO: Switch to `true` (40px size) if possible\n\t\t\t\t__next40pxDefaultSize={ false }\n\t\t\t\tclassName=\"customize-widgets-welcome-guide__button\"\n\t\t\t\tvariant=\"primary\"\n\t\t\t\tonClick={ () =>\n\t\t\t\t\ttoggle( 'core/customize-widgets', 'welcomeGuide' )\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ __( 'Got it' ) }\n\t\t\t</Button>\n\t\t\t<hr className=\"customize-widgets-welcome-guide__separator\" />\n\t\t\t{ ! isEntirelyBlockWidgets && (\n\t\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t\t{ __( 'Want to stick with the old widgets?' ) }\n\t\t\t\t\t<br />\n\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t'https://wordpress.org/plugins/classic-widgets/'\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Get the Classic Widgets plugin.' ) }\n\t\t\t\t\t</ExternalLink>\n\t\t\t\t</p>\n\t\t\t) }\n\t\t\t<p className=\"customize-widgets-welcome-guide__more-info\">\n\t\t\t\t{ __( 'New to the block editor?' ) }\n\t\t\t\t<br />\n\t\t\t\t<ExternalLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/wordpress-block-editor/'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ __( \"Here's a detailed guide.\" ) }\n\t\t\t\t</ExternalLink>\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,MAAM,EAAEC,YAAY,QAAQ,uBAAuB;AAC5D,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,eAAe,SAASC,YAAYA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EACnD,MAAM;IAAEC;EAAO,CAAC,GAAGT,WAAW,CAAEE,gBAAiB,CAAC;EAElD,MAAMQ,sBAAsB,GAAGF,OAAO,CACpCG,UAAU,CAAC,CAAC,CACZC,KAAK,CAAIC,MAAM,IAAMA,MAAM,CAACC,EAAE,CAACC,UAAU,CAAE,QAAS,CAAE,CAAC;EAEzD,oBACCT,KAAA;IAAKU,SAAS,EAAC,iCAAiC;IAAAC,QAAA,gBAC/Cb,IAAA;MAAKY,SAAS,EAAC,iDAAiD;MAAAC,QAAA,eAC/DX,KAAA;QAAAW,QAAA,gBACCb,IAAA;UACCc,MAAM,EAAC,wDAAwD;UAC/DC,KAAK,EAAC;QAAkC,CACxC,CAAC,eACFf,IAAA;UACCY,SAAS,EAAC,wCAAwC;UAClDI,GAAG,EAAC,wDAAwD;UAC5DC,KAAK,EAAC,KAAK;UACXC,MAAM,EAAC,KAAK;UACZC,GAAG,EAAC;QAAE,CACN,CAAC;MAAA,CACM;IAAC,CACN,CAAC,eACNnB,IAAA;MAAIY,SAAS,EAAC,0CAA0C;MAAAC,QAAA,EACrDpB,EAAE,CAAE,0BAA2B;IAAC,CAC/B,CAAC,eACLO,IAAA;MAAGY,SAAS,EAAC,uCAAuC;MAAAC,QAAA,EACjDP,sBAAsB,GACrBb,EAAE,CACF,0LACA,CAAC,GACDA,EAAE,CACF,yHACA;IAAC,CACF,CAAC,eACJO,IAAA,CAACN;IACA;IAAA;MACA0B,qBAAqB,EAAG,KAAO;MAC/BR,SAAS,EAAC,yCAAyC;MACnDS,OAAO,EAAC,SAAS;MACjBC,OAAO,EAAGA,CAAA,KACTjB,MAAM,CAAE,wBAAwB,EAAE,cAAe,CACjD;MAAAQ,QAAA,EAECpB,EAAE,CAAE,QAAS;IAAC,CACT,CAAC,eACTO,IAAA;MAAIY,SAAS,EAAC;IAA4C,CAAE,CAAC,EAC3D,CAAEN,sBAAsB,iBACzBJ,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,qCAAsC,CAAC,eAC7CO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,gDACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,iCAAkC;MAAC,CAC5B,CAAC;IAAA,CACb,CACH,eACDS,KAAA;MAAGU,SAAS,EAAC,4CAA4C;MAAAC,QAAA,GACtDpB,EAAE,CAAE,0BAA2B,CAAC,eAClCO,IAAA,SAAK,CAAC,eACNA,IAAA,CAACL,YAAY;QACZ4B,IAAI,EAAG9B,EAAE,CACR,qEACD,CAAG;QAAAoB,QAAA,EAEDpB,EAAE,CAAE,0BAA2B;MAAC,CACrB,CAAC;IAAA,CACb,CAAC;EAAA,CACA,CAAC;AAER","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wordpress/customize-widgets",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.7.1-next.5368f64a9.0",
|
|
4
4
|
"description": "Widgets blocks in Customizer Module for WordPress.",
|
|
5
5
|
"author": "The WordPress Contributors",
|
|
6
6
|
"license": "GPL-2.0-or-later",
|
|
@@ -25,26 +25,26 @@
|
|
|
25
25
|
"react-native": "src/index",
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"@babel/runtime": "^7.16.0",
|
|
28
|
-
"@wordpress/block-editor": "^14.1.0",
|
|
29
|
-
"@wordpress/block-library": "^9.
|
|
30
|
-
"@wordpress/blocks": "^13.
|
|
31
|
-
"@wordpress/components": "^28.
|
|
32
|
-
"@wordpress/compose": "^7.
|
|
33
|
-
"@wordpress/core-data": "^7.
|
|
34
|
-
"@wordpress/data": "^10.
|
|
35
|
-
"@wordpress/dom": "^4.
|
|
36
|
-
"@wordpress/element": "^6.
|
|
37
|
-
"@wordpress/hooks": "^4.
|
|
38
|
-
"@wordpress/i18n": "^5.
|
|
39
|
-
"@wordpress/icons": "^10.
|
|
40
|
-
"@wordpress/interface": "^6.
|
|
41
|
-
"@wordpress/is-shallow-equal": "^5.
|
|
42
|
-
"@wordpress/keyboard-shortcuts": "^5.
|
|
43
|
-
"@wordpress/keycodes": "^4.
|
|
44
|
-
"@wordpress/media-utils": "^5.
|
|
45
|
-
"@wordpress/preferences": "^4.
|
|
46
|
-
"@wordpress/private-apis": "^1.
|
|
47
|
-
"@wordpress/widgets": "^4.
|
|
28
|
+
"@wordpress/block-editor": "^14.2.1-next.5368f64a9.0",
|
|
29
|
+
"@wordpress/block-library": "^9.7.1-next.5368f64a9.0",
|
|
30
|
+
"@wordpress/blocks": "^13.7.1-next.5368f64a9.0",
|
|
31
|
+
"@wordpress/components": "^28.8.1-next.5368f64a9.0",
|
|
32
|
+
"@wordpress/compose": "^7.8.1-next.5368f64a9.0",
|
|
33
|
+
"@wordpress/core-data": "^7.7.1-next.5368f64a9.0",
|
|
34
|
+
"@wordpress/data": "^10.7.1-next.5368f64a9.0",
|
|
35
|
+
"@wordpress/dom": "^4.7.1-next.5368f64a9.0",
|
|
36
|
+
"@wordpress/element": "^6.7.1-next.5368f64a9.0",
|
|
37
|
+
"@wordpress/hooks": "^4.7.1-next.5368f64a9.0",
|
|
38
|
+
"@wordpress/i18n": "^5.7.1-next.5368f64a9.0",
|
|
39
|
+
"@wordpress/icons": "^10.7.1-next.5368f64a9.0",
|
|
40
|
+
"@wordpress/interface": "^6.7.1-next.5368f64a9.0",
|
|
41
|
+
"@wordpress/is-shallow-equal": "^5.7.1-next.5368f64a9.0",
|
|
42
|
+
"@wordpress/keyboard-shortcuts": "^5.7.1-next.5368f64a9.0",
|
|
43
|
+
"@wordpress/keycodes": "^4.7.1-next.5368f64a9.0",
|
|
44
|
+
"@wordpress/media-utils": "^5.8.1-next.5368f64a9.0",
|
|
45
|
+
"@wordpress/preferences": "^4.7.1-next.5368f64a9.0",
|
|
46
|
+
"@wordpress/private-apis": "^1.7.1-next.5368f64a9.0",
|
|
47
|
+
"@wordpress/widgets": "^4.7.1-next.5368f64a9.0",
|
|
48
48
|
"clsx": "^2.1.1",
|
|
49
49
|
"fast-deep-equal": "^3.1.3"
|
|
50
50
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "24934a1f5251bbee15045d1fd953d9c5650317cd"
|
|
59
59
|
}
|
|
@@ -11,7 +11,12 @@ import { doAction } from '@wordpress/hooks';
|
|
|
11
11
|
function CopyButton( { text, children } ) {
|
|
12
12
|
const ref = useCopyToClipboard( text );
|
|
13
13
|
return (
|
|
14
|
-
<Button
|
|
14
|
+
<Button
|
|
15
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
16
|
+
__next40pxDefaultSize={ false }
|
|
17
|
+
variant="secondary"
|
|
18
|
+
ref={ ref }
|
|
19
|
+
>
|
|
15
20
|
{ children }
|
|
16
21
|
</Button>
|
|
17
22
|
);
|
|
@@ -37,6 +37,8 @@ function Inserter( { setIsOpened } ) {
|
|
|
37
37
|
{ __( 'Add a block' ) }
|
|
38
38
|
</h2>
|
|
39
39
|
<Button
|
|
40
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
41
|
+
__next40pxDefaultSize={ false }
|
|
40
42
|
className="customize-widgets-layout__inserter-panel-header-close-button"
|
|
41
43
|
icon={ closeSmall }
|
|
42
44
|
onClick={ () => setIsOpened( false ) }
|
|
@@ -43,6 +43,8 @@ export default function WelcomeGuide( { sidebar } ) {
|
|
|
43
43
|
) }
|
|
44
44
|
</p>
|
|
45
45
|
<Button
|
|
46
|
+
// TODO: Switch to `true` (40px size) if possible
|
|
47
|
+
__next40pxDefaultSize={ false }
|
|
46
48
|
className="customize-widgets-welcome-guide__button"
|
|
47
49
|
variant="primary"
|
|
48
50
|
onClick={ () =>
|