@wordpress/block-library 7.0.1 → 7.1.0-next.e230fbab09.0

package/build/template-part/edit/placeholder/index.js

@@ -1,141 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TemplatePartPlaceholder;
-
-var _element = require("@wordpress/element");
-
-var _lodash = require("lodash");
-
-var _i18n = require("@wordpress/i18n");
-
-var _data = require("@wordpress/data");
-
-var _components = require("@wordpress/components");
-
-var _blocks = require("@wordpress/blocks");
-
-var _coreData = require("@wordpress/core-data");
-
-var _selection = _interopRequireDefault(require("../selection"));
-
-var _patternsSetup = _interopRequireDefault(require("./patterns-setup"));
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const PLACEHOLDER_STEPS = {
-  initial: 1,
-  patterns: 2
-};
-
-function TemplatePartPlaceholder(_ref) {
-  let {
-    area,
-    clientId,
-    setAttributes,
-    enableSelection,
-    hasResolvedReplacements
-  } = _ref;
-  const {
-    saveEntityRecord
-  } = (0, _data.useDispatch)(_coreData.store);
-  const [step, setStep] = (0, _element.useState)(PLACEHOLDER_STEPS.initial);
-  const {
-    areaIcon,
-    areaLabel
-  } = (0, _data.useSelect)(select => {
-    // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
-    // Blocks can be loaded into a *non-post* block editor.
-    // eslint-disable-next-line @wordpress/data-no-store-string-literals
-    const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
-
-    const selectedArea = (0, _lodash.find)(definedAreas, {
-      area
-    });
-    const defaultArea = (0, _lodash.find)(definedAreas, {
-      area: 'uncategorized'
-    });
-    return {
-      areaIcon: (selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.icon) || (defaultArea === null || defaultArea === void 0 ? void 0 : defaultArea.icon),
-      areaLabel: (selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.label) || (0, _i18n.__)('Template Part')
-    };
-  }, [area]);
-  const onCreate = (0, _element.useCallback)(async function () {
-    let startingBlocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    let title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _i18n.__)('Untitled Template Part');
-    // If we have `area` set from block attributes, means an exposed
-    // block variation was inserted. So add this prop to the template
-    // part entity on creation. Afterwards remove `area` value from
-    // block attributes.
-    const record = {
-      title,
-      slug: (0, _lodash.kebabCase)(title),
-      content: (0, _blocks.serialize)(startingBlocks),
-      // `area` is filterable on the server and defaults to `UNCATEGORIZED`
-      // if provided value is not allowed.
-      area
-    };
-    const templatePart = await saveEntityRecord('postType', 'wp_template_part', record);
-    setAttributes({
-      slug: templatePart.slug,
-      theme: templatePart.theme,
-      area: undefined
-    });
-  }, [setAttributes, area]);
-  return (0, _element.createElement)(_element.Fragment, null, step === PLACEHOLDER_STEPS.initial && (0, _element.createElement)(_components.Placeholder, {
-    icon: areaIcon,
-    label: areaLabel,
-    instructions: enableSelection ? (0, _i18n.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
-    (0, _i18n.__)('Choose an existing %s or create a new one.'), areaLabel.toLowerCase()) : (0, _i18n.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
-    (0, _i18n.__)('Create a new %s.'), areaLabel.toLowerCase())
-  }, !hasResolvedReplacements ? (0, _element.createElement)(_components.Spinner, null) : (0, _element.createElement)(_components.Dropdown, {
-    contentClassName: "wp-block-template-part__placeholder-preview-dropdown-content",
-    position: "bottom right left",
-    renderToggle: _ref2 => {
-      let {
-        isOpen,
-        onToggle
-      } = _ref2;
-      return (0, _element.createElement)(_element.Fragment, null, enableSelection && (0, _element.createElement)(_components.Button, {
-        variant: "primary",
-        onClick: onToggle,
-        "aria-expanded": isOpen
-      }, (0, _i18n.__)('Choose existing')), (0, _element.createElement)(_components.Button, {
-        variant: enableSelection ? 'tertiary' : 'primary',
-        onClick: () => setStep(PLACEHOLDER_STEPS.patterns)
-      }, (0, _i18n.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
-      (0, _i18n.__)('New %s'), areaLabel.toLowerCase())));
-    },
-    renderContent: _ref3 => {
-      let {
-        onClose
-      } = _ref3;
-      return (0, _element.createElement)(_selection.default, {
-        setAttributes: setAttributes,
-        onClose: onClose,
-        area: area
-      });
-    }
-  })), step === PLACEHOLDER_STEPS.patterns && (0, _element.createElement)(_patternsSetup.default, {
-    area: area,
-    areaLabel: areaLabel,
-    areaIcon: areaIcon,
-    onCreate: onCreate,
-    clientId: clientId,
-    resetPlaceholder: () => setStep(PLACEHOLDER_STEPS.initial)
-  }));
-}
-//# sourceMappingURL=index.js.map

package/build/template-part/edit/placeholder/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/template-part/edit/placeholder/index.js"],"names":["PLACEHOLDER_STEPS","initial","patterns","TemplatePartPlaceholder","area","clientId","setAttributes","enableSelection","hasResolvedReplacements","saveEntityRecord","coreStore","step","setStep","areaIcon","areaLabel","select","definedAreas","__experimentalGetDefaultTemplatePartAreas","selectedArea","defaultArea","icon","label","onCreate","startingBlocks","title","record","slug","content","templatePart","theme","undefined","toLowerCase","isOpen","onToggle","onClose"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { find, kebabCase } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useCallback, useState } from '@wordpress/element';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { Placeholder, Dropdown, Button, Spinner } from '@wordpress/components';\nimport { serialize } from '@wordpress/blocks';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport TemplatePartSelection from '../selection';\nimport PatternsSetup from './patterns-setup';\n\nconst PLACEHOLDER_STEPS = {\n\tinitial: 1,\n\tpatterns: 2,\n};\n\nexport default function TemplatePartPlaceholder( {\n\tarea,\n\tclientId,\n\tsetAttributes,\n\tenableSelection,\n\thasResolvedReplacements,\n} ) {\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ step, setStep ] = useState( PLACEHOLDER_STEPS.initial );\n\n\tconst { areaIcon, areaLabel } = useSelect(\n\t\t( select ) => {\n\t\t\t// FIXME: @wordpress/block-library should not depend on @wordpress/editor.\n\t\t\t// Blocks can be loaded into a *non-post* block editor.\n\t\t\t// eslint-disable-next-line @wordpress/data-no-store-string-literals\n\t\t\tconst definedAreas = select(\n\t\t\t\t'core/editor'\n\t\t\t).__experimentalGetDefaultTemplatePartAreas();\n\n\t\t\tconst selectedArea = find( definedAreas, { area } );\n\t\t\tconst defaultArea = find( definedAreas, { area: 'uncategorized' } );\n\n\t\t\treturn {\n\t\t\t\tareaIcon: selectedArea?.icon || defaultArea?.icon,\n\t\t\t\tareaLabel: selectedArea?.label || __( 'Template Part' ),\n\t\t\t};\n\t\t},\n\t\t[ area ]\n\t);\n\n\tconst onCreate = useCallback(\n\t\tasync (\n\t\t\tstartingBlocks = [],\n\t\t\ttitle = __( 'Untitled Template Part' )\n\t\t) => {\n\t\t\t// If we have `area` set from block attributes, means an exposed\n\t\t\t// block variation was inserted. So add this prop to the template\n\t\t\t// part entity on creation. Afterwards remove `area` value from\n\t\t\t// block attributes.\n\t\t\tconst record = {\n\t\t\t\ttitle,\n\t\t\t\tslug: kebabCase( title ),\n\t\t\t\tcontent: serialize( startingBlocks ),\n\t\t\t\t// `area` is filterable on the server and defaults to `UNCATEGORIZED`\n\t\t\t\t// if provided value is not allowed.\n\t\t\t\tarea,\n\t\t\t};\n\t\t\tconst templatePart = await saveEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\t'wp_template_part',\n\t\t\t\trecord\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tslug: templatePart.slug,\n\t\t\t\ttheme: templatePart.theme,\n\t\t\t\tarea: undefined,\n\t\t\t} );\n\t\t},\n\t\t[ setAttributes, area ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ step === PLACEHOLDER_STEPS.initial && (\n\t\t\t\t<Placeholder\n\t\t\t\t\ticon={ areaIcon }\n\t\t\t\t\tlabel={ areaLabel }\n\t\t\t\t\tinstructions={\n\t\t\t\t\t\tenableSelection\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t\t\t\t'Choose an existing %s or create a new one.'\n\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\tareaLabel.toLowerCase()\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t\t\t__( 'Create a new %s.' ),\n\t\t\t\t\t\t\t\t\tareaLabel.toLowerCase()\n\t\t\t\t\t\t\t  )\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ ! hasResolvedReplacements ? (\n\t\t\t\t\t\t<Spinner />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<Dropdown\n\t\t\t\t\t\t\tcontentClassName=\"wp-block-template-part__placeholder-preview-dropdown-content\"\n\t\t\t\t\t\t\tposition=\"bottom right left\"\n\t\t\t\t\t\t\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t{ enableSelection && (\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Choose existing' ) }\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tenableSelection\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'primary'\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tsetStep(\n\t\t\t\t\t\t\t\t\t\t\t\tPLACEHOLDER_STEPS.patterns\n\t\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ sprintf(\n\t\t\t\t\t\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t\t\t\t\t\t__( 'New %s' ),\n\t\t\t\t\t\t\t\t\t\t\tareaLabel.toLowerCase()\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t\t\t<TemplatePartSelection\n\t\t\t\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\t\t\t\t\tarea={ area }\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) }\n\t\t\t\t</Placeholder>\n\t\t\t) }\n\t\t\t{ step === PLACEHOLDER_STEPS.patterns && (\n\t\t\t\t<PatternsSetup\n\t\t\t\t\tarea={ area }\n\t\t\t\t\tareaLabel={ areaLabel }\n\t\t\t\t\tareaIcon={ areaIcon }\n\t\t\t\t\tonCreate={ onCreate }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\tresetPlaceholder={ () =>\n\t\t\t\t\t\tsetStep( PLACEHOLDER_STEPS.initial )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build/template-part/edit/placeholder/patterns-setup.js

@@ -1,100 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = PatternsSetup;
-
-var _element = require("@wordpress/element");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _i18n = require("@wordpress/i18n");
-
-var _components = require("@wordpress/components");
-
-/**
- * WordPress dependencies
- */
-function PatternsSetup(_ref) {
-  let {
-    area,
-    areaLabel,
-    areaIcon,
-    clientId,
-    onCreate,
-    resetPlaceholder
-  } = _ref;
-  const blockNameWithArea = area ? `core/template-part/${area}` : 'core/template-part'; // Restructure onCreate to set the blocks on local state.
-  // Add modal to confirm title and trigger onCreate.
-
-  const [title, setTitle] = (0, _element.useState)((0, _i18n.__)('Untitled Template Part'));
-  const [startingBlocks, setStartingBlocks] = (0, _element.useState)([]);
-  const [isTitleStep, setIsTitleStep] = (0, _element.useState)(false);
-
-  const selectPattern = selectedPattern => {
-    setStartingBlocks(selectedPattern);
-    setIsTitleStep(true);
-  };
-
-  const submitForCreation = event => {
-    event.preventDefault();
-    onCreate(startingBlocks, title);
-  };
-
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.__experimentalBlockPatternSetup, {
-    clientId: clientId,
-    startBlankComponent: (0, _element.createElement)(StartBlankComponent, {
-      setTitleStep: setIsTitleStep,
-      areaLabel: areaLabel,
-      areaIcon: areaIcon
-    }),
-    onBlockPatternSelect: selectPattern,
-    filterPatternsFn: pattern => {
-      var _pattern$blockTypes, _pattern$blockTypes$s;
-
-      return pattern === null || pattern === void 0 ? void 0 : (_pattern$blockTypes = pattern.blockTypes) === null || _pattern$blockTypes === void 0 ? void 0 : (_pattern$blockTypes$s = _pattern$blockTypes.some) === null || _pattern$blockTypes$s === void 0 ? void 0 : _pattern$blockTypes$s.call(_pattern$blockTypes, blockType => blockType === blockNameWithArea);
-    }
-  }), isTitleStep && (0, _element.createElement)(_components.Modal, {
-    title: (0, _i18n.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
-    (0, _i18n.__)('Name and create your new %s'), areaLabel.toLowerCase()),
-    closeLabel: (0, _i18n.__)('Cancel'),
-    onRequestClose: resetPlaceholder,
-    overlayClassName: "wp-block-template-part__placeholder-create-new__title-form"
-  }, (0, _element.createElement)("form", {
-    onSubmit: submitForCreation
-  }, (0, _element.createElement)(_components.TextControl, {
-    label: (0, _i18n.__)('Name'),
-    value: title,
-    onChange: setTitle
-  }), (0, _element.createElement)(_components.Flex, {
-    className: "wp-block-template-part__placeholder-create-new__title-form-actions",
-    justify: "flex-end"
-  }, (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
-    variant: "secondary",
-    onClick: resetPlaceholder
-  }, (0, _i18n.__)('Cancel'))), (0, _element.createElement)(_components.FlexItem, null, (0, _element.createElement)(_components.Button, {
-    variant: "primary",
-    type: "submit",
-    disabled: !title.length,
-    "aria-disabled": !title.length
-  }, (0, _i18n.__)('Create')))))));
-}
-
-function StartBlankComponent(_ref2) {
-  let {
-    setTitleStep,
-    areaLabel,
-    areaIcon
-  } = _ref2;
-  (0, _element.useEffect)(() => {
-    setTitleStep(true);
-  }, []);
-  return (0, _element.createElement)(_components.Placeholder, {
-    label: areaLabel,
-    icon: areaIcon,
-    instructions: (0, _i18n.sprintf)( // Translators: %s as template part area title ("Header", "Footer", "Template Part", etc.).
-    (0, _i18n.__)('Creating your new %s…'), areaLabel.toLowerCase())
-  });
-}
-//# sourceMappingURL=patterns-setup.js.map

package/build/template-part/edit/placeholder/patterns-setup.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/template-part/edit/placeholder/patterns-setup.js"],"names":["PatternsSetup","area","areaLabel","areaIcon","clientId","onCreate","resetPlaceholder","blockNameWithArea","title","setTitle","startingBlocks","setStartingBlocks","isTitleStep","setIsTitleStep","selectPattern","selectedPattern","submitForCreation","event","preventDefault","pattern","blockTypes","some","blockType","toLowerCase","length","StartBlankComponent","setTitleStep"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalBlockPatternSetup as BlockPatternSetup } from '@wordpress/block-editor';\nimport { useEffect, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tTextControl,\n\tFlex,\n\tFlexItem,\n\tButton,\n\tModal,\n\tPlaceholder,\n} from '@wordpress/components';\n\nexport default function PatternsSetup( {\n\tarea,\n\tareaLabel,\n\tareaIcon,\n\tclientId,\n\tonCreate,\n\tresetPlaceholder,\n} ) {\n\tconst blockNameWithArea = area\n\t\t? `core/template-part/${ area }`\n\t\t: 'core/template-part';\n\n\t// Restructure onCreate to set the blocks on local state.\n\t// Add modal to confirm title and trigger onCreate.\n\tconst [ title, setTitle ] = useState( __( 'Untitled Template Part' ) );\n\tconst [ startingBlocks, setStartingBlocks ] = useState( [] );\n\tconst [ isTitleStep, setIsTitleStep ] = useState( false );\n\n\tconst selectPattern = ( selectedPattern ) => {\n\t\tsetStartingBlocks( selectedPattern );\n\t\tsetIsTitleStep( true );\n\t};\n\n\tconst submitForCreation = ( event ) => {\n\t\tevent.preventDefault();\n\t\tonCreate( startingBlocks, title );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<BlockPatternSetup\n\t\t\t\tclientId={ clientId }\n\t\t\t\tstartBlankComponent={\n\t\t\t\t\t<StartBlankComponent\n\t\t\t\t\t\tsetTitleStep={ setIsTitleStep }\n\t\t\t\t\t\tareaLabel={ areaLabel }\n\t\t\t\t\t\tareaIcon={ areaIcon }\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t\tonBlockPatternSelect={ selectPattern }\n\t\t\t\tfilterPatternsFn={ ( pattern ) =>\n\t\t\t\t\tpattern?.blockTypes?.some?.(\n\t\t\t\t\t\t( blockType ) => blockType === blockNameWithArea\n\t\t\t\t\t)\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ isTitleStep && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", etc.).\n\t\t\t\t\t\t__( 'Name and create your new %s' ),\n\t\t\t\t\t\tareaLabel.toLowerCase()\n\t\t\t\t\t) }\n\t\t\t\t\tcloseLabel={ __( 'Cancel' ) }\n\t\t\t\t\tonRequestClose={ resetPlaceholder }\n\t\t\t\t\toverlayClassName=\"wp-block-template-part__placeholder-create-new__title-form\"\n\t\t\t\t>\n\t\t\t\t\t<form onSubmit={ submitForCreation }>\n\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\t\t\tvalue={ title }\n\t\t\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Flex\n\t\t\t\t\t\t\tclassName=\"wp-block-template-part__placeholder-create-new__title-form-actions\"\n\t\t\t\t\t\t\tjustify=\"flex-end\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tonClick={ resetPlaceholder }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t\t<FlexItem>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\t\t\t\tdisabled={ ! title.length }\n\t\t\t\t\t\t\t\t\taria-disabled={ ! title.length }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</FlexItem>\n\t\t\t\t\t\t</Flex>\n\t\t\t\t\t</form>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction StartBlankComponent( { setTitleStep, areaLabel, areaIcon } ) {\n\tuseEffect( () => {\n\t\tsetTitleStep( true );\n\t}, [] );\n\treturn (\n\t\t<Placeholder\n\t\t\tlabel={ areaLabel }\n\t\t\ticon={ areaIcon }\n\t\t\tinstructions={ sprintf(\n\t\t\t\t// Translators: %s as template part area title (\"Header\", \"Footer\", \"Template Part\", etc.).\n\t\t\t\t__( 'Creating your new %s…' ),\n\t\t\t\tareaLabel.toLowerCase()\n\t\t\t) }\n\t\t/>\n\t);\n}\n"]}

package/build/template-part/edit/selection/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TemplatePartSelection;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-var _templatePartPreviews = _interopRequireDefault(require("./template-part-previews"));
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function TemplatePartSelection(_ref) {
-  let {
-    setAttributes,
-    onClose,
-    area,
-    templatePartId = null
-  } = _ref;
-  const [filterValue, setFilterValue] = (0, _element.useState)('');
-  return (0, _element.createElement)("div", null, (0, _element.createElement)(_components.SearchControl, {
-    value: filterValue,
-    onChange: setFilterValue,
-    className: "wp-block-template-part__selection-preview-search-form"
-  }), (0, _element.createElement)("div", {
-    className: "wp-block-template-part__selection-preview-container"
-  }, (0, _element.createElement)(_templatePartPreviews.default, {
-    setAttributes: setAttributes,
-    filterValue: filterValue,
-    onClose: onClose,
-    area: area,
-    templatePartId: templatePartId
-  })));
-}
-//# sourceMappingURL=index.js.map

package/build/template-part/edit/selection/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/template-part/edit/selection/index.js"],"names":["TemplatePartSelection","setAttributes","onClose","area","templatePartId","filterValue","setFilterValue"],"mappings":";;;;;;;;;AAIA;;AADA;;AAMA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGe,SAASA,qBAAT,OAKX;AAAA,MAL2C;AAC9CC,IAAAA,aAD8C;AAE9CC,IAAAA,OAF8C;AAG9CC,IAAAA,IAH8C;AAI9CC,IAAAA,cAAc,GAAG;AAJ6B,GAK3C;AACH,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,EAAV,CAAxC;AACA,SACC,yCACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAGD,WADT;AAEC,IAAA,QAAQ,EAAGC,cAFZ;AAGC,IAAA,SAAS,EAAC;AAHX,IADD,EAMC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,6BAAD;AACC,IAAA,aAAa,EAAGL,aADjB;AAEC,IAAA,WAAW,EAAGI,WAFf;AAGC,IAAA,OAAO,EAAGH,OAHX;AAIC,IAAA,IAAI,EAAGC,IAJR;AAKC,IAAA,cAAc,EAAGC;AALlB,IADD,CAND,CADD;AAkBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SearchControl } from '@wordpress/components';\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport TemplatePartPreviews from './template-part-previews';\n\nexport default function TemplatePartSelection( {\n\tsetAttributes,\n\tonClose,\n\tarea,\n\ttemplatePartId = null,\n} ) {\n\tconst [ filterValue, setFilterValue ] = useState( '' );\n\treturn (\n\t\t<div>\n\t\t\t<SearchControl\n\t\t\t\tvalue={ filterValue }\n\t\t\t\tonChange={ setFilterValue }\n\t\t\t\tclassName=\"wp-block-template-part__selection-preview-search-form\"\n\t\t\t/>\n\t\t\t<div className=\"wp-block-template-part__selection-preview-container\">\n\t\t\t\t<TemplatePartPreviews\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tfilterValue={ filterValue }\n\t\t\t\t\tonClose={ onClose }\n\t\t\t\t\tarea={ area }\n\t\t\t\t\ttemplatePartId={ templatePartId }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/build/template-part/edit/selection/template-part-previews.js

@@ -1,317 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TemplatePartPreviews;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _lodash = require("lodash");
-
-var _data = require("@wordpress/data");
-
-var _blocks = require("@wordpress/blocks");
-
-var _keycodes = require("@wordpress/keycodes");
-
-var _i18n = require("@wordpress/i18n");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _components = require("@wordpress/components");
-
-var _compose = require("@wordpress/compose");
-
-var _notices = require("@wordpress/notices");
-
-var _coreData = require("@wordpress/core-data");
-
-var _createTemplatePartId = require("../utils/create-template-part-id");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function getAreaGroupTitle(areaLabel) {
-  return (0, _i18n.sprintf)( // Translators: %s for the area the template part is assigned to (Header, Footer, General, etc.)
-  (0, _i18n.__)('Area: %s'), areaLabel);
-}
-
-function PreviewPlaceholder() {
-  return (0, _element.createElement)("div", {
-    className: "wp-block-template-part__selection-preview-item is-placeholder",
-    tabIndex: 0
-  });
-}
-
-function TemplatePartItem(_ref) {
-  let {
-    templatePart,
-    setAttributes,
-    onClose,
-    composite
-  } = _ref;
-  const {
-    slug,
-    theme,
-    title: {
-      rendered: title
-    }
-  } = templatePart; // The 'raw' property is not defined for a brief period in the save cycle.
-  // The fallback prevents an error in the parse function while saving.
-
-  const content = templatePart.content.raw || '';
-  const blocks = (0, _element.useMemo)(() => (0, _blocks.parse)(content), [content]);
-  const {
-    createSuccessNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const onClick = (0, _element.useCallback)(() => {
-    setAttributes({
-      slug,
-      theme,
-      area: undefined
-    });
-    createSuccessNotice((0, _i18n.sprintf)(
-    /* translators: %s: template part title. */
-    (0, _i18n.__)('Template Part "%s" inserted.'), title || slug), {
-      type: 'snackbar'
-    });
-    onClose();
-  }, [slug, theme]);
-  return (0, _element.createElement)(_components.__unstableCompositeItem, (0, _extends2.default)({
-    as: "div",
-    className: "wp-block-template-part__selection-preview-item",
-    role: "option",
-    onClick: onClick,
-    onKeyDown: event => {
-      if (_keycodes.ENTER === event.keyCode || _keycodes.SPACE === event.keyCode) {
-        onClick();
-      }
-    },
-    tabIndex: 0,
-    "aria-label": title || slug
-  }, composite), (0, _element.createElement)(_blockEditor.BlockPreview, {
-    blocks: blocks
-  }), (0, _element.createElement)("div", {
-    className: "wp-block-template-part__selection-preview-item-title"
-  }, title || slug));
-}
-
-function PanelGroup(_ref2) {
-  let {
-    title,
-    icon,
-    children
-  } = _ref2;
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)("div", {
-    className: "wp-block-template-part__selection-panel-group-header"
-  }, (0, _element.createElement)("span", {
-    className: "wp-block-template-part__selection-panel-group-title"
-  }, title), (0, _element.createElement)(_components.Icon, {
-    icon: icon
-  })), (0, _element.createElement)("div", {
-    className: "wp-block-template-part__selection-panel-group-content"
-  }, children));
-}
-
-function TemplatePartsByArea(_ref3) {
-  let {
-    templateParts,
-    setAttributes,
-    onClose,
-    composite,
-    area = 'uncategorized',
-    labelsByArea
-  } = _ref3;
-  const {
-    templatePartsByArea,
-    templatePartsToShow
-  } = (0, _element.useMemo)(() => {
-    const _templatePartsToShow = templateParts.filter(templatePart => 'uncategorized' === area || templatePart.area === area) || [];
-
-    const _templatePartsByArea = Object.values((0, _lodash.groupBy)(_templatePartsToShow, 'area'));
-
-    const orderedTemplatePartsToShow = (0, _lodash.flatten)(_templatePartsToShow);
-    return {
-      templatePartsByArea: _templatePartsByArea,
-      templatePartsToShow: orderedTemplatePartsToShow
-    };
-  }, [templateParts, area]);
-  const currentShownTPs = (0, _compose.useAsyncList)(templatePartsToShow);
-
-  if (!templatePartsToShow.length) {
-    return (0, _element.createElement)(PanelGroup, {
-      title: getAreaGroupTitle(labelsByArea[area] || labelsByArea.uncategorized)
-    }, (0, _i18n.sprintf)( // Translators: %s for the template part variation ("Header", "Footer", "Template Part").
-    (0, _i18n.__)('There is no other %s available. If you are looking for another type of template part, try searching for it using the input above.'), area && area !== 'uncategorized' ? labelsByArea[area] || area : (0, _i18n.__)('Template Part')));
-  }
-
-  return templatePartsByArea.map(templatePartList => {
-    return (0, _element.createElement)(PanelGroup, {
-      key: templatePartList[0].area,
-      title: getAreaGroupTitle(labelsByArea[templatePartList[0].area] || labelsByArea.uncategorized)
-    }, templatePartList.map(templatePart => {
-      return currentShownTPs.includes(templatePart) ? (0, _element.createElement)(TemplatePartItem, {
-        key: templatePart.id,
-        templatePart: templatePart,
-        setAttributes: setAttributes,
-        onClose: onClose,
-        composite: composite
-      }) : (0, _element.createElement)(PreviewPlaceholder, {
-        key: templatePart.id
-      });
-    }));
-  });
-}
-
-function TemplatePartSearchResults(_ref4) {
-  let {
-    templateParts,
-    setAttributes,
-    filterValue,
-    onClose,
-    composite,
-    labelsByArea
-  } = _ref4;
-  const {
-    filteredTPs,
-    groupedResults
-  } = (0, _element.useMemo)(() => {
-    // Filter based on value.
-    // Remove diacritics and convert to lowercase to normalize.
-    const normalizedFilterValue = (0, _lodash.deburr)(filterValue).toLowerCase();
-    const searchResults = templateParts.filter(_ref5 => {
-      let {
-        title: {
-          rendered: title
-        },
-        area
-      } = _ref5;
-      return (0, _lodash.deburr)(title).toLowerCase().includes(normalizedFilterValue) || // Since diacritics can be used in theme names, remove them for the comparison.
-      (0, _lodash.deburr)(labelsByArea[area]).toLowerCase().includes(normalizedFilterValue);
-    }); // Order based on value location.
-
-    searchResults.sort((a, b) => {
-      // First prioritize index found in title.
-      // Deburr for diacritics.
-      const indexInTitleA = (0, _lodash.deburr)(a.title.rendered).toLowerCase().indexOf(normalizedFilterValue);
-      const indexInTitleB = (0, _lodash.deburr)(b.title.rendered).toLowerCase().indexOf(normalizedFilterValue);
-
-      if (indexInTitleA !== -1 && indexInTitleB !== -1) {
-        return indexInTitleA - indexInTitleB;
-      } else if (indexInTitleA !== -1) {
-        return -1;
-      } else if (indexInTitleB !== -1) {
-        return 1;
-      } // Second prioritize index found in area.
-
-
-      return (0, _lodash.deburr)(labelsByArea[a.area]).toLowerCase().indexOf(normalizedFilterValue) - (0, _lodash.deburr)(labelsByArea[b.area]).toLowerCase().indexOf(normalizedFilterValue);
-    }); // Group filtered results together if their neighbors share the same area.
-    // This helps not show redundant panel groups side by side in the results.
-
-    const _groupedResults = [];
-
-    for (let i = 0; i < searchResults.length; i++) {
-      if (i !== 0 && searchResults[i].area === searchResults[i - 1].area) {
-        _groupedResults[_groupedResults.length - 1].push(searchResults[i]);
-      } else {
-        _groupedResults.push([searchResults[i]]);
-      }
-    }
-
-    return {
-      filteredTPs: searchResults,
-      groupedResults: _groupedResults
-    };
-  }, [filterValue, templateParts]);
-  const currentShownTPs = (0, _compose.useAsyncList)(filteredTPs);
-  return groupedResults.map(group => (0, _element.createElement)(PanelGroup, {
-    key: group[0].id,
-    title: getAreaGroupTitle(labelsByArea[group[0].area] || labelsByArea.uncategorized)
-  }, group.map(templatePart => currentShownTPs.includes(templatePart) ? (0, _element.createElement)(TemplatePartItem, {
-    key: templatePart.id,
-    templatePart: templatePart,
-    setAttributes: setAttributes,
-    onClose: onClose,
-    composite: composite
-  }) : (0, _element.createElement)(PreviewPlaceholder, {
-    key: templatePart.id
-  }))));
-}
-
-function TemplatePartPreviews(_ref6) {
-  let {
-    setAttributes,
-    filterValue,
-    onClose,
-    area,
-    templatePartId
-  } = _ref6;
-  const composite = (0, _components.__unstableUseCompositeState)();
-  const {
-    templateParts,
-    labelsByArea
-  } = (0, _data.useSelect)(select => {
-    const _templateParts = (select(_coreData.store).getEntityRecords('postType', 'wp_template_part', {
-      per_page: -1
-    }) || []).filter(templatePart => (0, _createTemplatePartId.createTemplatePartId)(templatePart.theme, templatePart.slug) !== templatePartId); // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
-    // Blocks can be loaded into a *non-post* block editor.
-    // eslint-disable-next-line @wordpress/data-no-store-string-literals
-
-
-    const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
-
-    const _labelsByArea = {};
-    definedAreas.forEach(item => {
-      _labelsByArea[item.area] = item.label;
-    });
-    return {
-      templateParts: _templateParts,
-      labelsByArea: _labelsByArea
-    };
-  }, []);
-
-  if (!templateParts || !templateParts.length) {
-    return (0, _element.createElement)(PanelGroup, null, (0, _i18n.__)('There are no existing template parts to select.'));
-  }
-
-  if (filterValue) {
-    return (0, _element.createElement)(_components.__unstableComposite, (0, _extends2.default)({}, composite, {
-      role: "listbox",
-      "aria-label": (0, _i18n.__)('List of template parts')
-    }), (0, _element.createElement)(TemplatePartSearchResults, {
-      templateParts: templateParts,
-      setAttributes: setAttributes,
-      filterValue: filterValue,
-      onClose: onClose,
-      composite: composite,
-      labelsByArea: labelsByArea
-    }));
-  }
-
-  return (0, _element.createElement)(_components.__unstableComposite, (0, _extends2.default)({}, composite, {
-    role: "listbox",
-    "aria-label": (0, _i18n.__)('List of template parts')
-  }), (0, _element.createElement)(TemplatePartsByArea, {
-    templateParts: templateParts,
-    setAttributes: setAttributes,
-    onClose: onClose,
-    composite: composite,
-    area: area,
-    labelsByArea: labelsByArea
-  }));
-}
-//# sourceMappingURL=template-part-previews.js.map