@wordpress/edit-site 5.20.1 → 5.21.0

package/CHANGELOG.md

@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+## 5.21.0 (2023-10-18)
+
 ## 5.20.0 (2023-10-05)
 
 ## 5.19.0 (2023-09-20)

package/build/components/actions/trash-post.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useMoveToTrashAction;
+var _data = require("@wordpress/data");
+var _htmlEntities = require("@wordpress/html-entities");
+var _coreData = require("@wordpress/core-data");
+var _i18n = require("@wordpress/i18n");
+var _notices = require("@wordpress/notices");
+var _element = require("@wordpress/element");
+/**
+ * WordPress dependencies
+ */
+
+function useMoveToTrashAction() {
+  const {
+    createSuccessNotice,
+    createErrorNotice
+  } = (0, _data.useDispatch)(_notices.store);
+  const {
+    deleteEntityRecord
+  } = (0, _data.useDispatch)(_coreData.store);
+  return (0, _element.useMemo)(() => ({
+    id: 'move-to-trash',
+    label: (0, _i18n.__)('Move to Trash'),
+    async perform(post) {
+      try {
+        await deleteEntityRecord('postType', post.type, post.id, {}, {
+          throwOnError: true
+        });
+        createSuccessNotice((0, _i18n.sprintf)( /* translators: The page's title. */
+        (0, _i18n.__)('"%s" moved to the Trash.'), (0, _htmlEntities.decodeEntities)(post.title.rendered)), {
+          type: 'snackbar',
+          id: 'edit-site-page-trashed'
+        });
+      } catch (error) {
+        const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : (0, _i18n.__)('An error occurred while moving the page to the trash.');
+        createErrorNotice(errorMessage, {
+          type: 'snackbar'
+        });
+      }
+    },
+    isDesctructive: true
+  }), [createSuccessNotice, createErrorNotice, deleteEntityRecord]);
+}
+//# sourceMappingURL=trash-post.js.map

package/build/components/actions/trash-post.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_data","require","_htmlEntities","_coreData","_i18n","_notices","_element","useMoveToTrashAction","createSuccessNotice","createErrorNotice","useDispatch","noticesStore","deleteEntityRecord","coreStore","useMemo","id","label","__","perform","post","type","throwOnError","sprintf","decodeEntities","title","rendered","error","errorMessage","message","code","isDesctructive"],"sources":["@wordpress/edit-site/src/components/actions/trash-post.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useMemo } from '@wordpress/element';\n\nexport default function useMoveToTrashAction() {\n\tconst { createSuccessNotice, createErrorNotice } =\n\t\tuseDispatch( noticesStore );\n\tconst { deleteEntityRecord } = useDispatch( coreStore );\n\n\treturn useMemo(\n\t\t() => ( {\n\t\t\tid: 'move-to-trash',\n\t\t\tlabel: __( 'Move to Trash' ),\n\t\t\tasync perform( post ) {\n\t\t\t\ttry {\n\t\t\t\t\tawait deleteEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpost.type,\n\t\t\t\t\t\tpost.id,\n\t\t\t\t\t\t{},\n\t\t\t\t\t\t{ throwOnError: true }\n\t\t\t\t\t);\n\t\t\t\t\tcreateSuccessNotice(\n\t\t\t\t\t\tsprintf(\n\t\t\t\t\t\t\t/* translators: The page's title. */\n\t\t\t\t\t\t\t__( '\"%s\" moved to the Trash.' ),\n\t\t\t\t\t\t\tdecodeEntities( post.title.rendered )\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\t\t\tid: 'edit-site-page-trashed',\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t\t} catch ( error ) {\n\t\t\t\t\tconst errorMessage =\n\t\t\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t\t\t? error.message\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'An error occurred while moving the page to the trash.'\n\t\t\t\t\t\t\t  );\n\n\t\t\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t\t\t}\n\t\t\t},\n\t\t\tisDesctructive: true,\n\t\t} ),\n\t\t[ createSuccessNotice, createErrorNotice, deleteEntityRecord ]\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AARA;AACA;AACA;;AAQe,SAASM,oBAAoBA,CAAA,EAAG;EAC9C,MAAM;IAAEC,mBAAmB;IAAEC;EAAkB,CAAC,GAC/C,IAAAC,iBAAW,EAAEC,cAAa,CAAC;EAC5B,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAF,iBAAW,EAAEG,eAAU,CAAC;EAEvD,OAAO,IAAAC,gBAAO,EACb,OAAQ;IACPC,EAAE,EAAE,eAAe;IACnBC,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB,CAAC;IAC5B,MAAMC,OAAOA,CAAEC,IAAI,EAAG;MACrB,IAAI;QACH,MAAMP,kBAAkB,CACvB,UAAU,EACVO,IAAI,CAACC,IAAI,EACTD,IAAI,CAACJ,EAAE,EACP,CAAC,CAAC,EACF;UAAEM,YAAY,EAAE;QAAK,CACtB,CAAC;QACDb,mBAAmB,CAClB,IAAAc,aAAO,GACN;QACA,IAAAL,QAAE,EAAE,0BAA2B,CAAC,EAChC,IAAAM,4BAAc,EAAEJ,IAAI,CAACK,KAAK,CAACC,QAAS,CACrC,CAAC,EACD;UACCL,IAAI,EAAE,UAAU;UAChBL,EAAE,EAAE;QACL,CACD,CAAC;MACF,CAAC,CAAC,OAAQW,KAAK,EAAG;QACjB,MAAMC,YAAY,GACjBD,KAAK,CAACE,OAAO,IAAIF,KAAK,CAACG,IAAI,KAAK,eAAe,GAC5CH,KAAK,CAACE,OAAO,GACb,IAAAX,QAAE,EACF,uDACA,CAAC;QAELR,iBAAiB,CAAEkB,YAAY,EAAE;UAAEP,IAAI,EAAE;QAAW,CAAE,CAAC;MACxD;IACD,CAAC;IACDU,cAAc,EAAE;EACjB,CAAC,CAAE,EACH,CAAEtB,mBAAmB,EAAEC,iBAAiB,EAAEG,kBAAkB,CAC7D,CAAC;AACF"}

package/build/components/add-new-template/add-custom-template-modal-content.js

@@ -11,6 +11,7 @@ var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _coreData = require("@wordpress/core-data");
 var _htmlEntities = require("@wordpress/html-entities");
+var _lockUnlock = require("../../lock-unlock");
 var _useDebouncedInput = _interopRequireDefault(require("../../utils/use-debounced-input"));
 var _utils = require("./utils");
 /**
@@ -21,21 +22,25 @@ var _utils = require("./utils");
  * Internal dependencies
  */
 
+const {
+  CompositeV2: Composite,
+  CompositeItemV2: CompositeItem,
+  useCompositeStoreV2: useCompositeStore
+} = (0, _lockUnlock.unlock)(_components.privateApis);
 const EMPTY_ARRAY = [];
 function SuggestionListItem({
   suggestion,
   search,
   onSelect,
-  entityForSuggestions,
-  composite
+  entityForSuggestions
 }) {
   const baseCssClass = 'edit-site-custom-template-modal__suggestions_list__list-item';
-  return (0, _react.createElement)(_components.__unstableCompositeItem, {
-    role: "option",
-    as: _components.Button,
-    ...composite,
-    className: baseCssClass,
-    onClick: () => onSelect(entityForSuggestions.config.getSpecificTemplate(suggestion))
+  return (0, _react.createElement)(CompositeItem, {
+    render: (0, _react.createElement)(_components.Button, {
+      role: "option",
+      className: baseCssClass,
+      onClick: () => onSelect(entityForSuggestions.config.getSpecificTemplate(suggestion))
+    })
   }, (0, _react.createElement)(_components.__experimentalText, {
     size: "body",
     lineHeight: 1.53846153846 // 20px
@@ -87,7 +92,7 @@ function SuggestionList({
   entityForSuggestions,
   onSelect
 }) {
-  const composite = (0, _components.__unstableUseCompositeState)({
+  const composite = useCompositeStore({
     orientation: 'vertical'
   });
   const [search, setSearch, debouncedSearch] = (0, _useDebouncedInput.default)();
@@ -105,8 +110,8 @@ function SuggestionList({
     value: search,
     label: labels.search_items,
     placeholder: labels.search_items
-  }), !!suggestions?.length && (0, _react.createElement)(_components.__unstableComposite, {
-    ...composite,
+  }), !!suggestions?.length && (0, _react.createElement)(Composite, {
+    store: composite,
     role: "listbox",
     className: "edit-site-custom-template-modal__suggestions_list",
     "aria-label": (0, _i18n.__)('Suggestions list')
@@ -115,8 +120,7 @@ function SuggestionList({
     suggestion: suggestion,
     search: debouncedSearch,
     onSelect: onSelect,
-    entityForSuggestions: entityForSuggestions,
-    composite: composite
+    entityForSuggestions: entityForSuggestions
   }))), debouncedSearch && !suggestions?.length && (0, _react.createElement)(_components.__experimentalText, {
     as: "p",
     className: "edit-site-custom-template-modal__no-results"

package/build/components/add-new-template/add-custom-template-modal-content.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_i18n","_components","_coreData","_htmlEntities","_useDebouncedInput","_interopRequireDefault","_utils","EMPTY_ARRAY","SuggestionListItem","suggestion","search","onSelect","entityForSuggestions","composite","baseCssClass","_react","createElement","__unstableCompositeItem","role","as","Button","className","onClick","config","getSpecificTemplate","__experimentalText","size","lineHeight","weight","TextHighlight","text","decodeEntities","name","highlight","link","useSearchSuggestions","query","useMemo","order","context","per_page","queryArgs","records","searchResults","hasResolved","searchHasResolved","useEntityRecords","type","slug","suggestions","setSuggestions","useState","useEffect","newSuggestions","length","recordNamePath","mapToIHasNameAndId","SuggestionList","useCompositeState","orientation","setSearch","debouncedSearch","useDebouncedInput","labels","showSearchControl","setShowSearchControl","Fragment","SearchControl","__nextHasNoMarginBottom","onChange","value","label","search_items","placeholder","__unstableComposite","__","map","key","not_found","AddCustomTemplateModalContent","showSearchEntities","setShowSearchEntities","hasGeneralTemplate","__experimentalVStack","spacing","alignment","Flex","gap","align","FlexItem","isBlock","title","description","templatePrefix","template","all_items","singular_name","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/add-new-template/add-custom-template-modal-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tSearchControl,\n\tTextHighlight,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n\t__unstableComposite as Composite,\n\t__unstableUseCompositeState as useCompositeState,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport useDebouncedInput from '../../utils/use-debounced-input';\nimport { mapToIHasNameAndId } from './utils';\n\nconst EMPTY_ARRAY = [];\n\nfunction SuggestionListItem( {\n\tsuggestion,\n\tsearch,\n\tonSelect,\n\tentityForSuggestions,\n\tcomposite,\n} ) {\n\tconst baseCssClass =\n\t\t'edit-site-custom-template-modal__suggestions_list__list-item';\n\treturn (\n\t\t<CompositeItem\n\t\t\trole=\"option\"\n\t\t\tas={ Button }\n\t\t\t{ ...composite }\n\t\t\tclassName={ baseCssClass }\n\t\t\tonClick={ () =>\n\t\t\t\tonSelect(\n\t\t\t\t\tentityForSuggestions.config.getSpecificTemplate(\n\t\t\t\t\t\tsuggestion\n\t\t\t\t\t)\n\t\t\t\t)\n\t\t\t}\n\t\t>\n\t\t\t<Text\n\t\t\t\tsize=\"body\"\n\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\tweight={ 500 }\n\t\t\t\tclassName={ `${ baseCssClass }__title` }\n\t\t\t>\n\t\t\t\t<TextHighlight\n\t\t\t\t\ttext={ decodeEntities( suggestion.name ) }\n\t\t\t\t\thighlight={ search }\n\t\t\t\t/>\n\t\t\t</Text>\n\t\t\t{ suggestion.link && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"body\"\n\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\tclassName={ `${ baseCssClass }__info` }\n\t\t\t\t>\n\t\t\t\t\t{ suggestion.link }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</CompositeItem>\n\t);\n}\n\nfunction useSearchSuggestions( entityForSuggestions, search ) {\n\tconst { config } = entityForSuggestions;\n\tconst query = useMemo(\n\t\t() => ( {\n\t\t\torder: 'asc',\n\t\t\tcontext: 'view',\n\t\t\tsearch,\n\t\t\tper_page: search ? 20 : 10,\n\t\t\t...config.queryArgs( search ),\n\t\t} ),\n\t\t[ search, config ]\n\t);\n\tconst { records: searchResults, hasResolved: searchHasResolved } =\n\t\tuseEntityRecords(\n\t\t\tentityForSuggestions.type,\n\t\t\tentityForSuggestions.slug,\n\t\t\tquery\n\t\t);\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) return;\n\t\tlet newSuggestions = EMPTY_ARRAY;\n\t\tif ( searchResults?.length ) {\n\t\t\tnewSuggestions = searchResults;\n\t\t\tif ( config.recordNamePath ) {\n\t\t\t\tnewSuggestions = mapToIHasNameAndId(\n\t\t\t\t\tnewSuggestions,\n\t\t\t\t\tconfig.recordNamePath\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\t// Update suggestions only when the query has resolved, so as to keep\n\t\t// the previous results in the UI.\n\t\tsetSuggestions( newSuggestions );\n\t}, [ searchResults, searchHasResolved ] );\n\treturn suggestions;\n}\n\nfunction SuggestionList( { entityForSuggestions, onSelect } ) {\n\tconst composite = useCompositeState( { orientation: 'vertical' } );\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst suggestions = useSearchSuggestions(\n\t\tentityForSuggestions,\n\t\tdebouncedSearch\n\t);\n\tconst { labels } = entityForSuggestions;\n\tconst [ showSearchControl, setShowSearchControl ] = useState( false );\n\tif ( ! showSearchControl && suggestions?.length > 9 ) {\n\t\tsetShowSearchControl( true );\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ showSearchControl && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ setSearch }\n\t\t\t\t\tvalue={ search }\n\t\t\t\t\tlabel={ labels.search_items }\n\t\t\t\t\tplaceholder={ labels.search_items }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! suggestions?.length && (\n\t\t\t\t<Composite\n\t\t\t\t\t{ ...composite }\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__suggestions_list\"\n\t\t\t\t\taria-label={ __( 'Suggestions list' ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion ) => (\n\t\t\t\t\t\t<SuggestionListItem\n\t\t\t\t\t\t\tkey={ suggestion.slug }\n\t\t\t\t\t\t\tsuggestion={ suggestion }\n\t\t\t\t\t\t\tsearch={ debouncedSearch }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\t\tcomposite={ composite }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Composite>\n\t\t\t) }\n\t\t\t{ debouncedSearch && ! suggestions?.length && (\n\t\t\t\t<Text\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__no-results\"\n\t\t\t\t>\n\t\t\t\t\t{ labels.not_found }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction AddCustomTemplateModalContent( { onSelect, entityForSuggestions } ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState(\n\t\tentityForSuggestions.hasGeneralTemplate\n\t);\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-custom-template-modal__contents-wrapper\"\n\t\t\talignment=\"left\"\n\t\t>\n\t\t\t{ ! showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Select whether to create a single template for all items or a specific one.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tclassName=\"edit-site-custom-template-modal__contents\"\n\t\t\t\t\t\tgap=\"4\"\n\t\t\t\t\t\talign=\"initial\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} = entityForSuggestions.template;\n\t\t\t\t\t\t\t\tonSelect( {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.all_items }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For all items' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetShowSearchEntities( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.singular_name }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For a specific item' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'This template will be used only for the specific item chosen.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<SuggestionList\n\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_i18n","_components","_coreData","_htmlEntities","_lockUnlock","_useDebouncedInput","_interopRequireDefault","_utils","CompositeV2","Composite","CompositeItemV2","CompositeItem","useCompositeStoreV2","useCompositeStore","unlock","componentsPrivateApis","EMPTY_ARRAY","SuggestionListItem","suggestion","search","onSelect","entityForSuggestions","baseCssClass","_react","createElement","render","Button","role","className","onClick","config","getSpecificTemplate","__experimentalText","size","lineHeight","weight","TextHighlight","text","decodeEntities","name","highlight","link","useSearchSuggestions","query","useMemo","order","context","per_page","queryArgs","records","searchResults","hasResolved","searchHasResolved","useEntityRecords","type","slug","suggestions","setSuggestions","useState","useEffect","newSuggestions","length","recordNamePath","mapToIHasNameAndId","SuggestionList","composite","orientation","setSearch","debouncedSearch","useDebouncedInput","labels","showSearchControl","setShowSearchControl","Fragment","SearchControl","__nextHasNoMarginBottom","onChange","value","label","search_items","placeholder","store","__","map","key","as","not_found","AddCustomTemplateModalContent","showSearchEntities","setShowSearchEntities","hasGeneralTemplate","__experimentalVStack","spacing","alignment","Flex","gap","align","FlexItem","isBlock","title","description","templatePrefix","template","all_items","singular_name","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/add-new-template/add-custom-template-modal-content.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useState, useMemo, useEffect } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tButton,\n\tFlex,\n\tFlexItem,\n\tSearchControl,\n\tTextHighlight,\n\tprivateApis as componentsPrivateApis,\n\t__experimentalText as Text,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { useEntityRecords } from '@wordpress/core-data';\nimport { decodeEntities } from '@wordpress/html-entities';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\nimport useDebouncedInput from '../../utils/use-debounced-input';\nimport { mapToIHasNameAndId } from './utils';\n\nconst {\n\tCompositeV2: Composite,\n\tCompositeItemV2: CompositeItem,\n\tuseCompositeStoreV2: useCompositeStore,\n} = unlock( componentsPrivateApis );\n\nconst EMPTY_ARRAY = [];\n\nfunction SuggestionListItem( {\n\tsuggestion,\n\tsearch,\n\tonSelect,\n\tentityForSuggestions,\n} ) {\n\tconst baseCssClass =\n\t\t'edit-site-custom-template-modal__suggestions_list__list-item';\n\treturn (\n\t\t<CompositeItem\n\t\t\trender={\n\t\t\t\t<Button\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tclassName={ baseCssClass }\n\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\tonSelect(\n\t\t\t\t\t\t\tentityForSuggestions.config.getSpecificTemplate(\n\t\t\t\t\t\t\t\tsuggestion\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t}\n\t\t>\n\t\t\t<Text\n\t\t\t\tsize=\"body\"\n\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\tweight={ 500 }\n\t\t\t\tclassName={ `${ baseCssClass }__title` }\n\t\t\t>\n\t\t\t\t<TextHighlight\n\t\t\t\t\ttext={ decodeEntities( suggestion.name ) }\n\t\t\t\t\thighlight={ search }\n\t\t\t\t/>\n\t\t\t</Text>\n\t\t\t{ suggestion.link && (\n\t\t\t\t<Text\n\t\t\t\t\tsize=\"body\"\n\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\tclassName={ `${ baseCssClass }__info` }\n\t\t\t\t>\n\t\t\t\t\t{ suggestion.link }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</CompositeItem>\n\t);\n}\n\nfunction useSearchSuggestions( entityForSuggestions, search ) {\n\tconst { config } = entityForSuggestions;\n\tconst query = useMemo(\n\t\t() => ( {\n\t\t\torder: 'asc',\n\t\t\tcontext: 'view',\n\t\t\tsearch,\n\t\t\tper_page: search ? 20 : 10,\n\t\t\t...config.queryArgs( search ),\n\t\t} ),\n\t\t[ search, config ]\n\t);\n\tconst { records: searchResults, hasResolved: searchHasResolved } =\n\t\tuseEntityRecords(\n\t\t\tentityForSuggestions.type,\n\t\t\tentityForSuggestions.slug,\n\t\t\tquery\n\t\t);\n\tconst [ suggestions, setSuggestions ] = useState( EMPTY_ARRAY );\n\tuseEffect( () => {\n\t\tif ( ! searchHasResolved ) return;\n\t\tlet newSuggestions = EMPTY_ARRAY;\n\t\tif ( searchResults?.length ) {\n\t\t\tnewSuggestions = searchResults;\n\t\t\tif ( config.recordNamePath ) {\n\t\t\t\tnewSuggestions = mapToIHasNameAndId(\n\t\t\t\t\tnewSuggestions,\n\t\t\t\t\tconfig.recordNamePath\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t\t// Update suggestions only when the query has resolved, so as to keep\n\t\t// the previous results in the UI.\n\t\tsetSuggestions( newSuggestions );\n\t}, [ searchResults, searchHasResolved ] );\n\treturn suggestions;\n}\n\nfunction SuggestionList( { entityForSuggestions, onSelect } ) {\n\tconst composite = useCompositeStore( { orientation: 'vertical' } );\n\tconst [ search, setSearch, debouncedSearch ] = useDebouncedInput();\n\tconst suggestions = useSearchSuggestions(\n\t\tentityForSuggestions,\n\t\tdebouncedSearch\n\t);\n\tconst { labels } = entityForSuggestions;\n\tconst [ showSearchControl, setShowSearchControl ] = useState( false );\n\tif ( ! showSearchControl && suggestions?.length > 9 ) {\n\t\tsetShowSearchControl( true );\n\t}\n\treturn (\n\t\t<>\n\t\t\t{ showSearchControl && (\n\t\t\t\t<SearchControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ setSearch }\n\t\t\t\t\tvalue={ search }\n\t\t\t\t\tlabel={ labels.search_items }\n\t\t\t\t\tplaceholder={ labels.search_items }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t{ !! suggestions?.length && (\n\t\t\t\t<Composite\n\t\t\t\t\tstore={ composite }\n\t\t\t\t\trole=\"listbox\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__suggestions_list\"\n\t\t\t\t\taria-label={ __( 'Suggestions list' ) }\n\t\t\t\t>\n\t\t\t\t\t{ suggestions.map( ( suggestion ) => (\n\t\t\t\t\t\t<SuggestionListItem\n\t\t\t\t\t\t\tkey={ suggestion.slug }\n\t\t\t\t\t\t\tsuggestion={ suggestion }\n\t\t\t\t\t\t\tsearch={ debouncedSearch }\n\t\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t</Composite>\n\t\t\t) }\n\t\t\t{ debouncedSearch && ! suggestions?.length && (\n\t\t\t\t<Text\n\t\t\t\t\tas=\"p\"\n\t\t\t\t\tclassName=\"edit-site-custom-template-modal__no-results\"\n\t\t\t\t>\n\t\t\t\t\t{ labels.not_found }\n\t\t\t\t</Text>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction AddCustomTemplateModalContent( { onSelect, entityForSuggestions } ) {\n\tconst [ showSearchEntities, setShowSearchEntities ] = useState(\n\t\tentityForSuggestions.hasGeneralTemplate\n\t);\n\treturn (\n\t\t<VStack\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"edit-site-custom-template-modal__contents-wrapper\"\n\t\t\talignment=\"left\"\n\t\t>\n\t\t\t{ ! showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'Select whether to create a single template for all items or a specific one.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<Flex\n\t\t\t\t\t\tclassName=\"edit-site-custom-template-modal__contents\"\n\t\t\t\t\t\tgap=\"4\"\n\t\t\t\t\t\talign=\"initial\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} = entityForSuggestions.template;\n\t\t\t\t\t\t\t\tonSelect( {\n\t\t\t\t\t\t\t\t\tslug,\n\t\t\t\t\t\t\t\t\ttitle,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t\ttemplatePrefix,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.all_items }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For all items' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t<FlexItem\n\t\t\t\t\t\t\tisBlock\n\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tsetShowSearchEntities( true );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tweight={ 500 }\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ entityForSuggestions.labels.singular_name }\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t<Text\n\t\t\t\t\t\t\t\tas=\"span\"\n\t\t\t\t\t\t\t\tlineHeight={ 1.53846153846 } // 20px\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t// translators: The user is given the choice to set up a template for all items of a post type or taxonomy, or just a specific one.\n\t\t\t\t\t\t\t\t\t__( 'For a specific item' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t</Flex>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showSearchEntities && (\n\t\t\t\t<>\n\t\t\t\t\t<Text as=\"p\">\n\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t'This template will be used only for the specific item chosen.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Text>\n\t\t\t\t\t<SuggestionList\n\t\t\t\t\t\tentityForSuggestions={ entityForSuggestions }\n\t\t\t\t\t\tonSelect={ onSelect }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nexport default AddCustomTemplateModalContent;\n"],"mappings":";;;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAUA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAKA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,kBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAvBA;AACA;AACA;;AAgBA;AACA;AACA;;AAKA,MAAM;EACLS,WAAW,EAAEC,SAAS;EACtBC,eAAe,EAAEC,aAAa;EAC9BC,mBAAmB,EAAEC;AACtB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,uBAAsB,CAAC;AAEnC,MAAMC,WAAW,GAAG,EAAE;AAEtB,SAASC,kBAAkBA,CAAE;EAC5BC,UAAU;EACVC,MAAM;EACNC,QAAQ;EACRC;AACD,CAAC,EAAG;EACH,MAAMC,YAAY,GACjB,8DAA8D;EAC/D,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACb,aAAa;IACbc,MAAM,EACL,IAAAF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;MACNC,IAAI,EAAC,QAAQ;MACbC,SAAS,EAAGN,YAAc;MAC1BO,OAAO,EAAGA,CAAA,KACTT,QAAQ,CACPC,oBAAoB,CAACS,MAAM,CAACC,mBAAmB,CAC9Cb,UACD,CACD;IACA,CACD;EACD,GAED,IAAAK,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAG,aAAe,CAAC;IAAA;IAC7BC,MAAM,EAAG,GAAK;IACdP,SAAS,EAAI,GAAGN,YAAc;EAAU,GAExC,IAAAC,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAmC,aAAa;IACbC,IAAI,EAAG,IAAAC,4BAAc,EAAEpB,UAAU,CAACqB,IAAK,CAAG;IAC1CC,SAAS,EAAGrB;EAAQ,CACpB,CACI,CAAC,EACLD,UAAU,CAACuB,IAAI,IAChB,IAAAlB,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAG,aAAe,CAAC;IAAA;IAC7BN,SAAS,EAAI,GAAGN,YAAc;EAAS,GAErCJ,UAAU,CAACuB,IACR,CAEO,CAAC;AAElB;AAEA,SAASC,oBAAoBA,CAAErB,oBAAoB,EAAEF,MAAM,EAAG;EAC7D,MAAM;IAAEW;EAAO,CAAC,GAAGT,oBAAoB;EACvC,MAAMsB,KAAK,GAAG,IAAAC,gBAAO,EACpB,OAAQ;IACPC,KAAK,EAAE,KAAK;IACZC,OAAO,EAAE,MAAM;IACf3B,MAAM;IACN4B,QAAQ,EAAE5B,MAAM,GAAG,EAAE,GAAG,EAAE;IAC1B,GAAGW,MAAM,CAACkB,SAAS,CAAE7B,MAAO;EAC7B,CAAC,CAAE,EACH,CAAEA,MAAM,EAAEW,MAAM,CACjB,CAAC;EACD,MAAM;IAAEmB,OAAO,EAAEC,aAAa;IAAEC,WAAW,EAAEC;EAAkB,CAAC,GAC/D,IAAAC,0BAAgB,EACfhC,oBAAoB,CAACiC,IAAI,EACzBjC,oBAAoB,CAACkC,IAAI,EACzBZ,KACD,CAAC;EACF,MAAM,CAAEa,WAAW,EAAEC,cAAc,CAAE,GAAG,IAAAC,iBAAQ,EAAE1C,WAAY,CAAC;EAC/D,IAAA2C,kBAAS,EAAE,MAAM;IAChB,IAAK,CAAEP,iBAAiB,EAAG;IAC3B,IAAIQ,cAAc,GAAG5C,WAAW;IAChC,IAAKkC,aAAa,EAAEW,MAAM,EAAG;MAC5BD,cAAc,GAAGV,aAAa;MAC9B,IAAKpB,MAAM,CAACgC,cAAc,EAAG;QAC5BF,cAAc,GAAG,IAAAG,yBAAkB,EAClCH,cAAc,EACd9B,MAAM,CAACgC,cACR,CAAC;MACF;IACD;IACA;IACA;IACAL,cAAc,CAAEG,cAAe,CAAC;EACjC,CAAC,EAAE,CAAEV,aAAa,EAAEE,iBAAiB,CAAG,CAAC;EACzC,OAAOI,WAAW;AACnB;AAEA,SAASQ,cAAcA,CAAE;EAAE3C,oBAAoB;EAAED;AAAS,CAAC,EAAG;EAC7D,MAAM6C,SAAS,GAAGpD,iBAAiB,CAAE;IAAEqD,WAAW,EAAE;EAAW,CAAE,CAAC;EAClE,MAAM,CAAE/C,MAAM,EAAEgD,SAAS,EAAEC,eAAe,CAAE,GAAG,IAAAC,0BAAiB,EAAC,CAAC;EAClE,MAAMb,WAAW,GAAGd,oBAAoB,CACvCrB,oBAAoB,EACpB+C,eACD,CAAC;EACD,MAAM;IAAEE;EAAO,CAAC,GAAGjD,oBAAoB;EACvC,MAAM,CAAEkD,iBAAiB,EAAEC,oBAAoB,CAAE,GAAG,IAAAd,iBAAQ,EAAE,KAAM,CAAC;EACrE,IAAK,CAAEa,iBAAiB,IAAIf,WAAW,EAAEK,MAAM,GAAG,CAAC,EAAG;IACrDW,oBAAoB,CAAE,IAAK,CAAC;EAC7B;EACA,OACC,IAAAjD,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkD,QAAA,QACGF,iBAAiB,IAClB,IAAAhD,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyE,aAAa;IACbC,uBAAuB;IACvBC,QAAQ,EAAGT,SAAW;IACtBU,KAAK,EAAG1D,MAAQ;IAChB2D,KAAK,EAAGR,MAAM,CAACS,YAAc;IAC7BC,WAAW,EAAGV,MAAM,CAACS;EAAc,CACnC,CACD,EACC,CAAC,CAAEvB,WAAW,EAAEK,MAAM,IACvB,IAAAtC,MAAA,CAAAC,aAAA,EAACf,SAAS;IACTwE,KAAK,EAAGhB,SAAW;IACnBtC,IAAI,EAAC,SAAS;IACdC,SAAS,EAAC,mDAAmD;IAC7D,cAAa,IAAAsD,QAAE,EAAE,kBAAmB;EAAG,GAErC1B,WAAW,CAAC2B,GAAG,CAAIjE,UAAU,IAC9B,IAAAK,MAAA,CAAAC,aAAA,EAACP,kBAAkB;IAClBmE,GAAG,EAAGlE,UAAU,CAACqC,IAAM;IACvBrC,UAAU,EAAGA,UAAY;IACzBC,MAAM,EAAGiD,eAAiB;IAC1BhD,QAAQ,EAAGA,QAAU;IACrBC,oBAAoB,EAAGA;EAAsB,CAC7C,CACA,CACQ,CACX,EACC+C,eAAe,IAAI,CAAEZ,WAAW,EAAEK,MAAM,IACzC,IAAAtC,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJqD,EAAE,EAAC,GAAG;IACNzD,SAAS,EAAC;EAA6C,GAErD0C,MAAM,CAACgB,SACJ,CAEN,CAAC;AAEL;AAEA,SAASC,6BAA6BA,CAAE;EAAEnE,QAAQ;EAAEC;AAAqB,CAAC,EAAG;EAC5E,MAAM,CAAEmE,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG,IAAA/B,iBAAQ,EAC7DrC,oBAAoB,CAACqE,kBACtB,CAAC;EACD,OACC,IAAAnE,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA0F,oBAAM;IACNC,OAAO,EAAG,CAAG;IACbhE,SAAS,EAAC,mDAAmD;IAC7DiE,SAAS,EAAC;EAAM,GAEd,CAAEL,kBAAkB,IACrB,IAAAjE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkD,QAAA,QACC,IAAAlD,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IAACqD,EAAE,EAAC;EAAG,GACT,IAAAH,QAAE,EACH,6EACD,CACK,CAAC,EACP,IAAA3D,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA6F,IAAI;IACJlE,SAAS,EAAC,2CAA2C;IACrDmE,GAAG,EAAC,GAAG;IACPC,KAAK,EAAC;EAAS,GAEf,IAAAzE,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgG,QAAQ;IACRC,OAAO;IACPb,EAAE,EAAG3D,kBAAQ;IACbG,OAAO,EAAGA,CAAA,KAAM;MACf,MAAM;QACL0B,IAAI;QACJ4C,KAAK;QACLC,WAAW;QACXC;MACD,CAAC,GAAGhF,oBAAoB,CAACiF,QAAQ;MACjClF,QAAQ,CAAE;QACTmC,IAAI;QACJ4C,KAAK;QACLC,WAAW;QACXC;MACD,CAAE,CAAC;IACJ;EAAG,GAEH,IAAA9E,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJqD,EAAE,EAAC,MAAM;IACTlD,MAAM,EAAG,GAAK;IACdD,UAAU,EAAG,aAAe,CAAC;EAAA,GAE3Bb,oBAAoB,CAACiD,MAAM,CAACiC,SACzB,CAAC,EACP,IAAAhF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJqD,EAAE,EAAC,MAAM;IACTnD,UAAU,EAAG,aAAe,CAAC;EAAA;EAG5B;EACA,IAAAgD,QAAE,EAAE,eAAgB,CAEhB,CACG,CAAC,EACX,IAAA3D,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAgG,QAAQ;IACRC,OAAO;IACPb,EAAE,EAAG3D,kBAAQ;IACbG,OAAO,EAAGA,CAAA,KAAM;MACf4D,qBAAqB,CAAE,IAAK,CAAC;IAC9B;EAAG,GAEH,IAAAlE,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJqD,EAAE,EAAC,MAAM;IACTlD,MAAM,EAAG,GAAK;IACdD,UAAU,EAAG,aAAe,CAAC;EAAA,GAE3Bb,oBAAoB,CAACiD,MAAM,CAACkC,aACzB,CAAC,EACP,IAAAjF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IACJqD,EAAE,EAAC,MAAM;IACTnD,UAAU,EAAG,aAAe,CAAC;EAAA;EAG5B;EACA,IAAAgD,QAAE,EAAE,qBAAsB,CAEtB,CACG,CACL,CACL,CACF,EACCM,kBAAkB,IACnB,IAAAjE,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAkD,QAAA,QACC,IAAAlD,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,kBAAI;IAACqD,EAAE,EAAC;EAAG,GACT,IAAAH,QAAE,EACH,+DACD,CACK,CAAC,EACP,IAAA3D,MAAA,CAAAC,aAAA,EAACwC,cAAc;IACd3C,oBAAoB,EAAGA,oBAAsB;IAC7CD,QAAQ,EAAGA;EAAU,CACrB,CACA,CAEI,CAAC;AAEX;AAAC,IAAAqF,QAAA,GAEclB,6BAA6B;AAAAmB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/block-editor/resize-handle.js

@@ -33,7 +33,8 @@ function ResizeHandle({
     className: `resizable-editor__drag-handle is-${direction} is-variation-${variation}`,
     "aria-label": (0, _i18n.__)('Drag to resize'),
     "aria-describedby": `resizable-editor__resize-help-${direction}`,
-    onKeyDown: handleKeyDown
+    onKeyDown: handleKeyDown,
+    type: "button"
   }), (0, _react.createElement)(_components.VisuallyHidden, {
     id: `resizable-editor__resize-help-${direction}`
   }, (0, _i18n.__)('Use left and right arrow keys to resize the canvas.')));

package/build/components/block-editor/resize-handle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_keycodes","_components","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode","LEFT","RIGHT","_react","createElement","Fragment","className","__","onKeyDown","VisuallyHidden","id"],"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport { VisuallyHidden } from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\taria-describedby={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t/>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,cAAc,GAAG,EAAE,CAAC,CAAC;;AAEZ,SAASC,YAAYA,CAAE;EACrCC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IACGH,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKC,cAAI,IACxCL,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKE,eAAO,EAC7C;MACDL,aAAa,CAAEJ,cAAe,CAAC;IAChC,CAAC,MAAM,IACJG,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKE,eAAK,IACzCN,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKC,cAAM,EAC5C;MACDJ,aAAa,CAAE,CAACJ,cAAe,CAAC;IACjC;EACD;EAEA,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IACCE,SAAS,EAAI,oCAAoCV,SAAW,iBAAiBD,SAAW,EAAG;IAC3F,cAAa,IAAAY,QAAE,EAAE,gBAAiB,CAAG;IACrC,oBAAoB,iCAAiCX,SAAW,EAAG;IACnEY,SAAS,EAAGV;EAAe,CAC3B,CAAC,EACF,IAAAK,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAiB,cAAc;IACdC,EAAE,EAAI,iCAAiCd,SAAW;EAAG,GAEnD,IAAAW,QAAE,EAAE,qDAAsD,CAC7C,CACf,CAAC;AAEL"}
+{"version":3,"names":["_i18n","require","_keycodes","_components","DELTA_DISTANCE","ResizeHandle","variation","direction","resizeWidthBy","handleKeyDown","event","keyCode","LEFT","RIGHT","_react","createElement","Fragment","className","__","onKeyDown","type","VisuallyHidden","id"],"sources":["@wordpress/edit-site/src/components/block-editor/resize-handle.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { LEFT, RIGHT } from '@wordpress/keycodes';\nimport { VisuallyHidden } from '@wordpress/components';\n\nconst DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.\n\nexport default function ResizeHandle( {\n\tvariation = 'default',\n\tdirection,\n\tresizeWidthBy,\n} ) {\n\tfunction handleKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif (\n\t\t\t( direction === 'left' && keyCode === LEFT ) ||\n\t\t\t( direction === 'right' && keyCode === RIGHT )\n\t\t) {\n\t\t\tresizeWidthBy( DELTA_DISTANCE );\n\t\t} else if (\n\t\t\t( direction === 'left' && keyCode === RIGHT ) ||\n\t\t\t( direction === 'right' && keyCode === LEFT )\n\t\t) {\n\t\t\tresizeWidthBy( -DELTA_DISTANCE );\n\t\t}\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<button\n\t\t\t\tclassName={ `resizable-editor__drag-handle is-${ direction } is-variation-${ variation }` }\n\t\t\t\taria-label={ __( 'Drag to resize' ) }\n\t\t\t\taria-describedby={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t\tonKeyDown={ handleKeyDown }\n\t\t\t\ttype=\"button\"\n\t\t\t/>\n\t\t\t<VisuallyHidden\n\t\t\t\tid={ `resizable-editor__resize-help-${ direction }` }\n\t\t\t>\n\t\t\t\t{ __( 'Use left and right arrow keys to resize the canvas.' ) }\n\t\t\t</VisuallyHidden>\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,MAAMG,cAAc,GAAG,EAAE,CAAC,CAAC;;AAEZ,SAASC,YAAYA,CAAE;EACrCC,SAAS,GAAG,SAAS;EACrBC,SAAS;EACTC;AACD,CAAC,EAAG;EACH,SAASC,aAAaA,CAAEC,KAAK,EAAG;IAC/B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IACGH,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKC,cAAI,IACxCL,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKE,eAAO,EAC7C;MACDL,aAAa,CAAEJ,cAAe,CAAC;IAChC,CAAC,MAAM,IACJG,SAAS,KAAK,MAAM,IAAII,OAAO,KAAKE,eAAK,IACzCN,SAAS,KAAK,OAAO,IAAII,OAAO,KAAKC,cAAM,EAC5C;MACDJ,aAAa,CAAE,CAACJ,cAAe,CAAC;IACjC;EACD;EAEA,OACC,IAAAU,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA;IACCE,SAAS,EAAI,oCAAoCV,SAAW,iBAAiBD,SAAW,EAAG;IAC3F,cAAa,IAAAY,QAAE,EAAE,gBAAiB,CAAG;IACrC,oBAAoB,iCAAiCX,SAAW,EAAG;IACnEY,SAAS,EAAGV,aAAe;IAC3BW,IAAI,EAAC;EAAQ,CACb,CAAC,EACF,IAAAN,MAAA,CAAAC,aAAA,EAACZ,WAAA,CAAAkB,cAAc;IACdC,EAAE,EAAI,iCAAiCf,SAAW;EAAG,GAEnD,IAAAW,QAAE,EAAE,qDAAsD,CAC7C,CACf,CAAC;AAEL"}

package/build/components/create-template-part-modal/index.js

@@ -26,10 +26,14 @@ var _templatePartCreate = require("../../utils/template-part-create");
  */
 
 function CreateTemplatePartModal({
-  closeModal,
+  defaultArea = _constants.TEMPLATE_PART_AREA_DEFAULT_CATEGORY,
   blocks = [],
+  confirmLabel = (0, _i18n.__)('Create'),
+  closeModal,
+  modalTitle = (0, _i18n.__)('Create template part'),
   onCreate,
-  onError
+  onError,
+  defaultTitle = ''
 }) {
   const {
     createErrorNotice
@@ -38,8 +42,8 @@ function CreateTemplatePartModal({
     saveEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
   const existingTemplateParts = (0, _templatePartCreate.useExistingTemplateParts)();
-  const [title, setTitle] = (0, _element.useState)('');
-  const [area, setArea] = (0, _element.useState)(_constants.TEMPLATE_PART_AREA_DEFAULT_CATEGORY);
+  const [title, setTitle] = (0, _element.useState)(defaultTitle);
+  const [area, setArea] = (0, _element.useState)(defaultArea);
   const [isSubmitting, setIsSubmitting] = (0, _element.useState)(false);
   const instanceId = (0, _compose.useInstanceId)(CreateTemplatePartModal);
   const templatePartAreas = (0, _data.useSelect)(select => select(_editor.store).__experimentalGetDefaultTemplatePartAreas(), []);
@@ -73,7 +77,7 @@ function CreateTemplatePartModal({
     }
   }
   return (0, _react.createElement)(_components.Modal, {
-    title: (0, _i18n.__)('Create template part'),
+    title: modalTitle,
     onRequestClose: closeModal,
     overlayClassName: "edit-site-create-template-part-modal"
   }, (0, _react.createElement)("form", {
@@ -131,6 +135,6 @@ function CreateTemplatePartModal({
     type: "submit",
     "aria-disabled": !title || isSubmitting,
     isBusy: isSubmitting
-  }, (0, _i18n.__)('Create'))))));
+  }, confirmLabel)))));
 }
 //# sourceMappingURL=index.js.map

package/build/components/create-template-part-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_data","require","_components","_i18n","_element","_compose","_editor","_notices","_coreData","_icons","_blocks","_constants","_templatePartCreate","CreateTemplatePartModal","closeModal","blocks","onCreate","onError","createErrorNotice","useDispatch","noticesStore","saveEntityRecord","coreStore","existingTemplateParts","useExistingTemplateParts","title","setTitle","useState","area","setArea","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","isSubmitting","setIsSubmitting","instanceId","useInstanceId","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","createTemplatePart","uniqueTitle","getUniqueTemplatePartTitle","cleanSlug","getCleanTemplatePartSlug","templatePart","TEMPLATE_PART_POST_TYPE","slug","content","serialize","throwOnError","error","errorMessage","message","code","__","type","_react","createElement","Modal","onRequestClose","overlayClassName","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","required","BaseControl","id","className","__experimentalRadioGroup","checked","map","icon","description","__experimentalRadio","key","Flex","align","justify","FlexItem","Icon","FlexBlock","check","__experimentalHStack","Button","variant","onClick","isBusy"],"sources":["@wordpress/edit-site/src/components/create-template-part-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tIcon,\n\tBaseControl,\n\tTextControl,\n\tFlex,\n\tFlexItem,\n\tFlexBlock,\n\tButton,\n\tModal,\n\t__experimentalRadioGroup as RadioGroup,\n\t__experimentalRadio as Radio,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport { serialize } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\n\nexport default function CreateTemplatePartModal( {\n\tcloseModal,\n\tblocks = [],\n\tonCreate,\n\tonError,\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ area, setArea ] = useState( TEMPLATE_PART_AREA_DEFAULT_CATEGORY );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\tconst instanceId = useInstanceId( CreateTemplatePartModal );\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tasync function createTemplatePart() {\n\t\tif ( ! title || isSubmitting ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSubmitting( true );\n\t\t\tconst uniqueTitle = getUniqueTemplatePartTitle(\n\t\t\t\ttitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst cleanSlug = getCleanTemplatePartSlug( uniqueTitle );\n\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tslug: cleanSlug,\n\t\t\t\t\ttitle: uniqueTitle,\n\t\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\t\tarea,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tawait onCreate( templatePart );\n\n\t\t\t// TODO: Add a success notice?\n\t\t} catch ( error ) {\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: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSubmitting( false );\n\t\t}\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ __( 'Create template part' ) }\n\t\t\tonRequestClose={ closeModal }\n\t\t\toverlayClassName=\"edit-site-create-template-part-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tawait createTemplatePart();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"4\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<BaseControl\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-base-control\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio-group\"\n\t\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t\t\tchecked={ area }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ templatePartAreas.map(\n\t\t\t\t\t\t\t\t( {\n\t\t\t\t\t\t\t\t\ticon,\n\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\tarea: value,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t} ) => (\n\t\t\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Flex align=\"start\" justify=\"start\">\n\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-create-template-part-modal__option-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t\t<div>{ description }</div>\n\t\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\n\t\t\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-create-template-part-modal__checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ area === value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t\t\t</Radio>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t</BaseControl>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t\t} }\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\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taria-disabled={ ! title || isSubmitting }\n\t\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_data","require","_components","_i18n","_element","_compose","_editor","_notices","_coreData","_icons","_blocks","_constants","_templatePartCreate","CreateTemplatePartModal","defaultArea","TEMPLATE_PART_AREA_DEFAULT_CATEGORY","blocks","confirmLabel","__","closeModal","modalTitle","onCreate","onError","defaultTitle","createErrorNotice","useDispatch","noticesStore","saveEntityRecord","coreStore","existingTemplateParts","useExistingTemplateParts","title","setTitle","useState","area","setArea","isSubmitting","setIsSubmitting","instanceId","useInstanceId","templatePartAreas","useSelect","select","editorStore","__experimentalGetDefaultTemplatePartAreas","createTemplatePart","uniqueTitle","getUniqueTemplatePartTitle","cleanSlug","getCleanTemplatePartSlug","templatePart","TEMPLATE_PART_POST_TYPE","slug","content","serialize","throwOnError","error","errorMessage","message","code","type","_react","createElement","Modal","onRequestClose","overlayClassName","onSubmit","event","preventDefault","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","value","onChange","required","BaseControl","id","className","__experimentalRadioGroup","checked","map","icon","description","__experimentalRadio","key","Flex","align","justify","FlexItem","Icon","FlexBlock","check","__experimentalHStack","Button","variant","onClick","isBusy"],"sources":["@wordpress/edit-site/src/components/create-template-part-modal/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tIcon,\n\tBaseControl,\n\tTextControl,\n\tFlex,\n\tFlexItem,\n\tFlexBlock,\n\tButton,\n\tModal,\n\t__experimentalRadioGroup as RadioGroup,\n\t__experimentalRadio as Radio,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useState } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport { serialize } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_POST_TYPE,\n\tTEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n} from '../../utils/constants';\nimport {\n\tuseExistingTemplateParts,\n\tgetUniqueTemplatePartTitle,\n\tgetCleanTemplatePartSlug,\n} from '../../utils/template-part-create';\n\nexport default function CreateTemplatePartModal( {\n\tdefaultArea = TEMPLATE_PART_AREA_DEFAULT_CATEGORY,\n\tblocks = [],\n\tconfirmLabel = __( 'Create' ),\n\tcloseModal,\n\tmodalTitle = __( 'Create template part' ),\n\tonCreate,\n\tonError,\n\tdefaultTitle = '',\n} ) {\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst existingTemplateParts = useExistingTemplateParts();\n\n\tconst [ title, setTitle ] = useState( defaultTitle );\n\tconst [ area, setArea ] = useState( defaultArea );\n\tconst [ isSubmitting, setIsSubmitting ] = useState( false );\n\tconst instanceId = useInstanceId( CreateTemplatePartModal );\n\n\tconst templatePartAreas = useSelect(\n\t\t( select ) =>\n\t\t\tselect( editorStore ).__experimentalGetDefaultTemplatePartAreas(),\n\t\t[]\n\t);\n\n\tasync function createTemplatePart() {\n\t\tif ( ! title || isSubmitting ) {\n\t\t\treturn;\n\t\t}\n\n\t\ttry {\n\t\t\tsetIsSubmitting( true );\n\t\t\tconst uniqueTitle = getUniqueTemplatePartTitle(\n\t\t\t\ttitle,\n\t\t\t\texistingTemplateParts\n\t\t\t);\n\t\t\tconst cleanSlug = getCleanTemplatePartSlug( uniqueTitle );\n\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_PART_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tslug: cleanSlug,\n\t\t\t\t\ttitle: uniqueTitle,\n\t\t\t\t\tcontent: serialize( blocks ),\n\t\t\t\t\tarea,\n\t\t\t\t},\n\t\t\t\t{ throwOnError: true }\n\t\t\t);\n\t\t\tawait onCreate( templatePart );\n\n\t\t\t// TODO: Add a success notice?\n\t\t} catch ( error ) {\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: __(\n\t\t\t\t\t\t\t'An error occurred while creating the template part.'\n\t\t\t\t\t  );\n\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\n\t\t\tonError?.();\n\t\t} finally {\n\t\t\tsetIsSubmitting( false );\n\t\t}\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\ttitle={ modalTitle }\n\t\t\tonRequestClose={ closeModal }\n\t\t\toverlayClassName=\"edit-site-create-template-part-modal\"\n\t\t>\n\t\t\t<form\n\t\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tawait createTemplatePart();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<VStack spacing=\"4\">\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\trequired\n\t\t\t\t\t/>\n\t\t\t\t\t<BaseControl\n\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-base-control\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<RadioGroup\n\t\t\t\t\t\t\tlabel={ __( 'Area' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio-group\"\n\t\t\t\t\t\t\tid={ `edit-site-create-template-part-modal__area-selection-${ instanceId }` }\n\t\t\t\t\t\t\tonChange={ setArea }\n\t\t\t\t\t\t\tchecked={ area }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ templatePartAreas.map(\n\t\t\t\t\t\t\t\t( {\n\t\t\t\t\t\t\t\t\ticon,\n\t\t\t\t\t\t\t\t\tlabel,\n\t\t\t\t\t\t\t\t\tarea: value,\n\t\t\t\t\t\t\t\t\tdescription,\n\t\t\t\t\t\t\t\t} ) => (\n\t\t\t\t\t\t\t\t\t<Radio\n\t\t\t\t\t\t\t\t\t\tkey={ label }\n\t\t\t\t\t\t\t\t\t\tvalue={ value }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-create-template-part-modal__area-radio\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<Flex align=\"start\" justify=\"start\">\n\t\t\t\t\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t\t<FlexBlock className=\"edit-site-create-template-part-modal__option-label\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t\t\t\t\t\t\t<div>{ description }</div>\n\t\t\t\t\t\t\t\t\t\t\t</FlexBlock>\n\n\t\t\t\t\t\t\t\t\t\t\t<FlexItem className=\"edit-site-create-template-part-modal__checkbox\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ area === value && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon icon={ check } />\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t\t\t\t</Flex>\n\t\t\t\t\t\t\t\t\t</Radio>\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</RadioGroup>\n\t\t\t\t\t</BaseControl>\n\t\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tcloseModal();\n\t\t\t\t\t\t\t} }\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\tvariant=\"primary\"\n\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\taria-disabled={ ! title || isSubmitting }\n\t\t\t\t\t\t\tisBusy={ isSubmitting }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ confirmLabel }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</form>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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"}

package/build/components/dataviews/dataviews.js

@@ -6,16 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = DataViews;
 var _react = require("react");
-var _reactTable = require("@tanstack/react-table");
 var _components = require("@wordpress/components");
-var _listView = _interopRequireDefault(require("./list-view"));
-var _pagination = require("./pagination");
+var _element = require("@wordpress/element");
+var _viewList = _interopRequireDefault(require("./view-list"));
+var _pagination = _interopRequireDefault(require("./pagination"));
 var _viewActions = _interopRequireDefault(require("./view-actions"));
-var _textFilter = _interopRequireDefault(require("./text-filter"));
-/**
- * External dependencies
- */
-
+var _filters = _interopRequireDefault(require("./filters"));
+var _viewGrid = require("./view-grid");
 /**
  * WordPress dependencies
  */
@@ -25,37 +22,49 @@ var _textFilter = _interopRequireDefault(require("./text-filter"));
  */
 
 function DataViews({
-  data,
+  view,
+  onChangeView,
   fields,
-  isLoading,
-  paginationInfo,
-  options
+  actions,
+  data,
+  isLoading = false,
+  paginationInfo
 }) {
-  const dataView = (0, _reactTable.useReactTable)({
-    data,
-    columns: fields,
-    ...options,
-    getCoreRowModel: (0, _reactTable.getCoreRowModel)(),
-    getFilteredRowModel: (0, _reactTable.getFilteredRowModel)(),
-    getSortedRowModel: (0, _reactTable.getSortedRowModel)(),
-    getPaginationRowModel: (0, _reactTable.getPaginationRowModel)()
-  });
+  const ViewComponent = view.type === 'list' ? _viewList.default : _viewGrid.ViewGrid;
+  const _fields = (0, _element.useMemo)(() => {
+    return fields.map(field => ({
+      ...field,
+      render: field.render || field.getValue
+    }));
+  }, [fields]);
   return (0, _react.createElement)("div", {
     className: "dataviews-wrapper"
   }, (0, _react.createElement)(_components.__experimentalVStack, {
     spacing: 4
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "space-between"
-  }, (0, _react.createElement)(_textFilter.default, {
-    onChange: dataView.setGlobalFilter
-  }), (0, _react.createElement)(_viewActions.default, {
-    dataView: dataView
-  })), (0, _react.createElement)(_listView.default, {
-    dataView: dataView,
+  }, (0, _react.createElement)(_components.__experimentalHStack, null, (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "start"
+  }, (0, _react.createElement)(_filters.default, {
+    fields: fields,
+    view: view,
+    onChangeView: onChangeView
+  })), (0, _react.createElement)(_components.__experimentalHStack, {
+    justify: "end"
+  }, (0, _react.createElement)(_viewActions.default, {
+    fields: fields,
+    view: view,
+    onChangeView: onChangeView
+  }))), (0, _react.createElement)(ViewComponent, {
+    fields: _fields,
+    view: view,
+    onChangeView: onChangeView,
+    paginationInfo: paginationInfo,
+    actions: actions,
+    data: data,
     isLoading: isLoading
-  }), (0, _react.createElement)(_pagination.Pagination, {
-    dataView: dataView,
-    totalItems: paginationInfo?.totalItems
+  }), (0, _react.createElement)(_pagination.default, {
+    view: view,
+    onChangeView: onChangeView,
+    paginationInfo: paginationInfo
   })));
 }
 //# sourceMappingURL=dataviews.js.map

package/build/components/dataviews/dataviews.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactTable","require","_components","_listView","_interopRequireDefault","_pagination","_viewActions","_textFilter","DataViews","data","fields","isLoading","paginationInfo","options","dataView","useReactTable","columns","getCoreRowModel","getFilteredRowModel","getSortedRowModel","getPaginationRowModel","_react","createElement","className","__experimentalVStack","spacing","__experimentalHStack","justify","default","onChange","setGlobalFilter","Pagination","totalItems"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tgetCoreRowModel,\n\tgetFilteredRowModel,\n\tgetSortedRowModel,\n\tgetPaginationRowModel,\n\tuseReactTable,\n} from '@tanstack/react-table';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport ListView from './list-view';\nimport { Pagination } from './pagination';\nimport ViewActions from './view-actions';\nimport TextFilter from './text-filter';\n\nexport default function DataViews( {\n\tdata,\n\tfields,\n\tisLoading,\n\tpaginationInfo,\n\toptions,\n} ) {\n\tconst dataView = useReactTable( {\n\t\tdata,\n\t\tcolumns: fields,\n\t\t...options,\n\t\tgetCoreRowModel: getCoreRowModel(),\n\t\tgetFilteredRowModel: getFilteredRowModel(),\n\t\tgetSortedRowModel: getSortedRowModel(),\n\t\tgetPaginationRowModel: getPaginationRowModel(),\n\t} );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack justify=\"space-between\">\n\t\t\t\t\t<TextFilter onChange={ dataView.setGlobalFilter } />\n\t\t\t\t\t<ViewActions dataView={ dataView } />\n\t\t\t\t</HStack>\n\t\t\t\t{ /* This component will be selected based on viewConfigs. Now we only have the list view. */ }\n\t\t\t\t<ListView dataView={ dataView } isLoading={ isLoading } />\n\t\t\t\t<Pagination\n\t\t\t\t\tdataView={ dataView }\n\t\t\t\t\ttotalItems={ paginationInfo?.totalItems }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAWA,IAAAC,WAAA,GAAAD,OAAA;AAQA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,WAAA,GAAAH,sBAAA,CAAAH,OAAA;AAzBA;AACA;AACA;;AASA;AACA;AACA;;AAMA;AACA;AACA;;AAMe,SAASO,SAASA,CAAE;EAClCC,IAAI;EACJC,MAAM;EACNC,SAAS;EACTC,cAAc;EACdC;AACD,CAAC,EAAG;EACH,MAAMC,QAAQ,GAAG,IAAAC,yBAAa,EAAE;IAC/BN,IAAI;IACJO,OAAO,EAAEN,MAAM;IACf,GAAGG,OAAO;IACVI,eAAe,EAAE,IAAAA,2BAAe,EAAC,CAAC;IAClCC,mBAAmB,EAAE,IAAAA,+BAAmB,EAAC,CAAC;IAC1CC,iBAAiB,EAAE,IAAAA,6BAAiB,EAAC,CAAC;IACtCC,qBAAqB,EAAE,IAAAA,iCAAqB,EAAC;EAC9C,CAAE,CAAC;EACH,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjC,IAAAF,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAsB,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAJ,MAAA,CAAAC,aAAA,EAACpB,WAAA,CAAAwB,oBAAM;IAACC,OAAO,EAAC;EAAe,GAC9B,IAAAN,MAAA,CAAAC,aAAA,EAACf,WAAA,CAAAqB,OAAU;IAACC,QAAQ,EAAGf,QAAQ,CAACgB;EAAiB,CAAE,CAAC,EACpD,IAAAT,MAAA,CAAAC,aAAA,EAAChB,YAAA,CAAAsB,OAAW;IAACd,QAAQ,EAAGA;EAAU,CAAE,CAC7B,CAAC,EAET,IAAAO,MAAA,CAAAC,aAAA,EAACnB,SAAA,CAAAyB,OAAQ;IAACd,QAAQ,EAAGA,QAAU;IAACH,SAAS,EAAGA;EAAW,CAAE,CAAC,EAC1D,IAAAU,MAAA,CAAAC,aAAA,EAACjB,WAAA,CAAA0B,UAAU;IACVjB,QAAQ,EAAGA,QAAU;IACrBkB,UAAU,EAAGpB,cAAc,EAAEoB;EAAY,CACzC,CACM,CACJ,CAAC;AAER"}
+{"version":3,"names":["_components","require","_element","_viewList","_interopRequireDefault","_pagination","_viewActions","_filters","_viewGrid","DataViews","view","onChangeView","fields","actions","data","isLoading","paginationInfo","ViewComponent","type","ViewList","ViewGrid","_fields","useMemo","map","field","render","getValue","_react","createElement","className","__experimentalVStack","spacing","__experimentalHStack","justify","default"],"sources":["@wordpress/edit-site/src/components/dataviews/dataviews.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalVStack as VStack,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport ViewList from './view-list';\nimport Pagination from './pagination';\nimport ViewActions from './view-actions';\nimport Filters from './filters';\nimport { ViewGrid } from './view-grid';\n\nexport default function DataViews( {\n\tview,\n\tonChangeView,\n\tfields,\n\tactions,\n\tdata,\n\tisLoading = false,\n\tpaginationInfo,\n} ) {\n\tconst ViewComponent = view.type === 'list' ? ViewList : ViewGrid;\n\tconst _fields = useMemo( () => {\n\t\treturn fields.map( ( field ) => ( {\n\t\t\t...field,\n\t\t\trender: field.render || field.getValue,\n\t\t} ) );\n\t}, [ fields ] );\n\treturn (\n\t\t<div className=\"dataviews-wrapper\">\n\t\t\t<VStack spacing={ 4 }>\n\t\t\t\t<HStack>\n\t\t\t\t\t<HStack justify=\"start\">\n\t\t\t\t\t\t<Filters\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t<HStack justify=\"end\">\n\t\t\t\t\t\t<ViewActions\n\t\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</HStack>\n\t\t\t\t</HStack>\n\t\t\t\t<ViewComponent\n\t\t\t\t\tfields={ _fields }\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t\tactions={ actions }\n\t\t\t\t\tdata={ data }\n\t\t\t\t\tisLoading={ isLoading }\n\t\t\t\t/>\n\t\t\t\t<Pagination\n\t\t\t\t\tview={ view }\n\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\tpaginationInfo={ paginationInfo }\n\t\t\t\t/>\n\t\t\t</VStack>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AAIA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,SAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,YAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,QAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AAhBA;AACA;AACA;;AAOA;AACA;AACA;;AAOe,SAASQ,SAASA,CAAE;EAClCC,IAAI;EACJC,YAAY;EACZC,MAAM;EACNC,OAAO;EACPC,IAAI;EACJC,SAAS,GAAG,KAAK;EACjBC;AACD,CAAC,EAAG;EACH,MAAMC,aAAa,GAAGP,IAAI,CAACQ,IAAI,KAAK,MAAM,GAAGC,iBAAQ,GAAGC,kBAAQ;EAChE,MAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAE,MAAM;IAC9B,OAAOV,MAAM,CAACW,GAAG,CAAIC,KAAK,KAAQ;MACjC,GAAGA,KAAK;MACRC,MAAM,EAAED,KAAK,CAACC,MAAM,IAAID,KAAK,CAACE;IAC/B,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,CAAEd,MAAM,CAAG,CAAC;EACf,OACC,IAAAe,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAAmB,GACjC,IAAAF,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAA8B,oBAAM;IAACC,OAAO,EAAG;EAAG,GACpB,IAAAJ,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,oBAAM,QACN,IAAAL,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,oBAAM;IAACC,OAAO,EAAC;EAAO,GACtB,IAAAN,MAAA,CAAAC,aAAA,EAACrB,QAAA,CAAA2B,OAAO;IACPtB,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACM,CAAC,EACT,IAAAgB,MAAA,CAAAC,aAAA,EAAC5B,WAAA,CAAAgC,oBAAM;IAACC,OAAO,EAAC;EAAK,GACpB,IAAAN,MAAA,CAAAC,aAAA,EAACtB,YAAA,CAAA4B,OAAW;IACXtB,MAAM,EAAGA,MAAQ;IACjBF,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA;EAAc,CAC7B,CACM,CACD,CAAC,EACT,IAAAgB,MAAA,CAAAC,aAAA,EAACX,aAAa;IACbL,MAAM,EAAGS,OAAS;IAClBX,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BK,cAAc,EAAGA,cAAgB;IACjCH,OAAO,EAAGA,OAAS;IACnBC,IAAI,EAAGA,IAAM;IACbC,SAAS,EAAGA;EAAW,CACvB,CAAC,EACF,IAAAY,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA6B,OAAU;IACVxB,IAAI,EAAGA,IAAM;IACbC,YAAY,EAAGA,YAAc;IAC7BK,cAAc,EAAGA;EAAgB,CACjC,CACM,CACJ,CAAC;AAER"}

package/build/components/dataviews/field-actions.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _components = require("@wordpress/components");
+var _i18n = require("@wordpress/i18n");
+var _icons = require("@wordpress/icons");
+/**
+ * WordPress dependencies
+ */
+
+function FieldActions({
+  item,
+  actions
+}) {
+  return (0, _react.createElement)(_components.DropdownMenu, {
+    icon: _icons.moreVertical,
+    label: (0, _i18n.__)('Actions')
+  }, () => (0, _react.createElement)(_components.MenuGroup, null, actions.map(action => (0, _react.createElement)(_components.MenuItem, {
+    key: action.id,
+    onClick: () => action.perform(item),
+    isDestructive: action.isDesctructive
+  }, action.label))));
+}
+var _default = FieldActions;
+exports.default = _default;
+//# sourceMappingURL=field-actions.js.map

package/build/components/dataviews/field-actions.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_components","require","_i18n","_icons","FieldActions","item","actions","_react","createElement","DropdownMenu","icon","moreVertical","label","__","MenuGroup","map","action","MenuItem","key","id","onClick","perform","isDestructive","isDesctructive","_default","exports","default"],"sources":["@wordpress/edit-site/src/components/dataviews/field-actions.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { moreVertical } from '@wordpress/icons';\n\nfunction FieldActions( { item, actions } ) {\n\treturn (\n\t\t<DropdownMenu icon={ moreVertical } label={ __( 'Actions' ) }>\n\t\t\t{ () => (\n\t\t\t\t<MenuGroup>\n\t\t\t\t\t{ actions.map( ( action ) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={ action.id }\n\t\t\t\t\t\t\tonClick={ () => action.perform( item ) }\n\t\t\t\t\t\t\tisDestructive={ action.isDesctructive }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ action.label }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) ) }\n\t\t\t\t</MenuGroup>\n\t\t\t) }\n\t\t</DropdownMenu>\n\t);\n}\n\nexport default FieldActions;\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AALA;AACA;AACA;;AAKA,SAASG,YAAYA,CAAE;EAAEC,IAAI;EAAEC;AAAQ,CAAC,EAAG;EAC1C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAS,YAAY;IAACC,IAAI,EAAGC,mBAAc;IAACC,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU;EAAG,GAC1D,MACD,IAAAN,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAc,SAAS,QACPR,OAAO,CAACS,GAAG,CAAIC,MAAM,IACtB,IAAAT,MAAA,CAAAC,aAAA,EAACR,WAAA,CAAAiB,QAAQ;IACRC,GAAG,EAAGF,MAAM,CAACG,EAAI;IACjBC,OAAO,EAAGA,CAAA,KAAMJ,MAAM,CAACK,OAAO,CAAEhB,IAAK,CAAG;IACxCiB,aAAa,EAAGN,MAAM,CAACO;EAAgB,GAErCP,MAAM,CAACJ,KACA,CACT,CACQ,CAEC,CAAC;AAEjB;AAAC,IAAAY,QAAA,GAEcpB,YAAY;AAAAqB,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

package/build/components/dataviews/filters.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Filters;
+var _react = require("react");
+var _i18n = require("@wordpress/i18n");
+var _textFilter = _interopRequireDefault(require("./text-filter"));
+var _inFilter = _interopRequireDefault(require("./in-filter"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function Filters({
+  fields,
+  view,
+  onChangeView
+}) {
+  const filters = {};
+  fields.forEach(field => {
+    if (!field.filters) {
+      return;
+    }
+    field.filters.forEach(f => {
+      filters[f.id] = {
+        type: f.type
+      };
+    });
+  });
+  return view.visibleFilters?.map(filterName => {
+    const filter = filters[filterName];
+    if (!filter) {
+      return null;
+    }
+    if (filter.type === 'search') {
+      return (0, _react.createElement)(_textFilter.default, {
+        key: filterName,
+        id: filterName,
+        view: view,
+        onChangeView: onChangeView
+      });
+    }
+    if (filter.type === 'enumeration') {
+      return (0, _react.createElement)(_inFilter.default, {
+        key: filterName,
+        id: filterName,
+        fields: fields,
+        view: view,
+        onChangeView: onChangeView
+      });
+    }
+    return null;
+  }) || (0, _i18n.__)('No filters available');
+}
+//# sourceMappingURL=filters.js.map

package/build/components/dataviews/filters.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_i18n","require","_textFilter","_interopRequireDefault","_inFilter","Filters","fields","view","onChangeView","filters","forEach","field","f","id","type","visibleFilters","map","filterName","filter","_react","createElement","default","key","__"],"sources":["@wordpress/edit-site/src/components/dataviews/filters.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport TextFilter from './text-filter';\nimport InFilter from './in-filter';\n\nexport default function Filters( { fields, view, onChangeView } ) {\n\tconst filters = {};\n\tfields.forEach( ( field ) => {\n\t\tif ( ! field.filters ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfield.filters.forEach( ( f ) => {\n\t\t\tfilters[ f.id ] = { type: f.type };\n\t\t} );\n\t} );\n\n\treturn (\n\t\tview.visibleFilters?.map( ( filterName ) => {\n\t\t\tconst filter = filters[ filterName ];\n\n\t\t\tif ( ! filter ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tif ( filter.type === 'search' ) {\n\t\t\t\treturn (\n\t\t\t\t\t<TextFilter\n\t\t\t\t\t\tkey={ filterName }\n\t\t\t\t\t\tid={ filterName }\n\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t\tif ( filter.type === 'enumeration' ) {\n\t\t\t\treturn (\n\t\t\t\t\t<InFilter\n\t\t\t\t\t\tkey={ filterName }\n\t\t\t\t\t\tid={ filterName }\n\t\t\t\t\t\tfields={ fields }\n\t\t\t\t\t\tview={ view }\n\t\t\t\t\t\tonChangeView={ onChangeView }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\treturn null;\n\t\t} ) || __( 'No filters available' )\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AATA;AACA;AACA;;AAGA;AACA;AACA;;AAIe,SAASI,OAAOA,CAAE;EAAEC,MAAM;EAAEC,IAAI;EAAEC;AAAa,CAAC,EAAG;EACjE,MAAMC,OAAO,GAAG,CAAC,CAAC;EAClBH,MAAM,CAACI,OAAO,CAAIC,KAAK,IAAM;IAC5B,IAAK,CAAEA,KAAK,CAACF,OAAO,EAAG;MACtB;IACD;IAEAE,KAAK,CAACF,OAAO,CAACC,OAAO,CAAIE,CAAC,IAAM;MAC/BH,OAAO,CAAEG,CAAC,CAACC,EAAE,CAAE,GAAG;QAAEC,IAAI,EAAEF,CAAC,CAACE;MAAK,CAAC;IACnC,CAAE,CAAC;EACJ,CAAE,CAAC;EAEH,OACCP,IAAI,CAACQ,cAAc,EAAEC,GAAG,CAAIC,UAAU,IAAM;IAC3C,MAAMC,MAAM,GAAGT,OAAO,CAAEQ,UAAU,CAAE;IAEpC,IAAK,CAAEC,MAAM,EAAG;MACf,OAAO,IAAI;IACZ;IAEA,IAAKA,MAAM,CAACJ,IAAI,KAAK,QAAQ,EAAG;MAC/B,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAClB,WAAA,CAAAmB,OAAU;QACVC,GAAG,EAAGL,UAAY;QAClBJ,EAAE,EAAGI,UAAY;QACjBV,IAAI,EAAGA,IAAM;QACbC,YAAY,EAAGA;MAAc,CAC7B,CAAC;IAEJ;IACA,IAAKU,MAAM,CAACJ,IAAI,KAAK,aAAa,EAAG;MACpC,OACC,IAAAK,MAAA,CAAAC,aAAA,EAAChB,SAAA,CAAAiB,OAAQ;QACRC,GAAG,EAAGL,UAAY;QAClBJ,EAAE,EAAGI,UAAY;QACjBX,MAAM,EAAGA,MAAQ;QACjBC,IAAI,EAAGA,IAAM;QACbC,YAAY,EAAGA;MAAc,CAC7B,CAAC;IAEJ;IAEA,OAAO,IAAI;EACZ,CAAE,CAAC,IAAI,IAAAe,QAAE,EAAE,sBAAuB,CAAC;AAErC"}