@wordpress/block-editor 15.5.0 → 15.5.1-next.47f435fc9.0

package/build/components/date-format-picker/index.js

@@ -1,128 +1,154 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var date_format_picker_exports = {};
+__export(date_format_picker_exports, {
+  default: () => DateFormatPicker
 });
-exports.default = DateFormatPicker;
-var _i18n = require("@wordpress/i18n");
-var _date = require("@wordpress/date");
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-// So that we illustrate the different formats in the dropdown properly, show a date that is
-// somewhat recent, has a day greater than 12, and a month with more than three letters.
-const exampleDate = new Date();
+module.exports = __toCommonJS(date_format_picker_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_i18n = require("@wordpress/i18n");
+var import_date = require("@wordpress/date");
+var import_element = require("@wordpress/element");
+var import_components = require("@wordpress/components");
+const exampleDate = /* @__PURE__ */ new Date();
 exampleDate.setDate(20);
 exampleDate.setMonth(exampleDate.getMonth() - 3);
 if (exampleDate.getMonth() === 4) {
-  // May has three letters, so use March.
   exampleDate.setMonth(3);
 }
-
-/**
- * The `DateFormatPicker` component renders controls that let the user choose a
- * _date format_. That is, how they want their dates to be formatted.
- *
- * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/date-format-picker/README.md
- *
- * @param {Object}      props
- * @param {string|null} props.format        The selected date format. If `null`, _Default_ is selected.
- * @param {string}      props.defaultFormat The date format that will be used if the user selects 'Default'.
- * @param {Function}    props.onChange      Called when a selection is made. If `null`, _Default_ is selected.
- */
 function DateFormatPicker({
   format,
   defaultFormat,
   onChange
 }) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    as: "fieldset",
-    spacing: 4,
-    className: "block-editor-date-format-picker",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.VisuallyHidden, {
-      as: "legend",
-      children: (0, _i18n.__)('Date format')
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-      __nextHasNoMarginBottom: true,
-      label: (0, _i18n.__)('Default format'),
-      help: `${(0, _i18n.__)('Example:')}  ${(0, _date.dateI18n)(defaultFormat, exampleDate)}`,
-      checked: !format,
-      onChange: checked => onChange(checked ? null : defaultFormat)
-    }), format && /*#__PURE__*/(0, _jsxRuntime.jsx)(NonDefaultControls, {
-      format: format,
-      onChange: onChange
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_components.__experimentalVStack,
+    {
+      as: "fieldset",
+      spacing: 4,
+      className: "block-editor-date-format-picker",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.VisuallyHidden, { as: "legend", children: (0, import_i18n.__)("Date format") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_components.ToggleControl,
+          {
+            __nextHasNoMarginBottom: true,
+            label: (0, import_i18n.__)("Default format"),
+            help: `${(0, import_i18n.__)("Example:")}  ${(0, import_date.dateI18n)(
+              defaultFormat,
+              exampleDate
+            )}`,
+            checked: !format,
+            onChange: (checked) => onChange(checked ? null : defaultFormat)
+          }
+        ),
+        format && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(NonDefaultControls, { format, onChange })
+      ]
+    }
+  );
 }
-function NonDefaultControls({
-  format,
-  onChange
-}) {
-  var _suggestedOptions$fin;
-  // Suggest a short format, medium format, long format, and a standardised
-  // (YYYY-MM-DD) format. The short, medium, and long formats are localised as
-  // different languages have different ways of writing these. For example, 'F
-  // j, Y' (April 20, 2022) in American English (en_US) is 'j. F Y' (20. April
-  // 2022) in German (de). The resultant array is de-duplicated as some
-  // languages will use the same format string for short, medium, and long
-  // formats.
-  const suggestedFormats = [...new Set([/* translators: See https://www.php.net/manual/datetime.format.php */
-  'Y-m-d', /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('n/j/Y', 'short date format'), /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('n/j/Y g:i A', 'short date format with time'), /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('M j, Y', 'medium date format'), /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('M j, Y g:i A', 'medium date format with time'), /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('F j, Y', 'long date format'), /* translators: See https://www.php.net/manual/datetime.format.php */
-  (0, _i18n._x)('M j', 'short date format without the year')])];
-  const suggestedOptions = [...suggestedFormats.map((suggestedFormat, index) => ({
-    key: `suggested-${index}`,
-    name: (0, _date.dateI18n)(suggestedFormat, exampleDate),
-    format: suggestedFormat
-  })), {
-    key: 'human-diff',
-    name: (0, _date.humanTimeDiff)(exampleDate),
-    format: 'human-diff'
-  }];
+function NonDefaultControls({ format, onChange }) {
+  const suggestedFormats = [
+    .../* @__PURE__ */ new Set([
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      "Y-m-d",
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("n/j/Y", "short date format"),
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("n/j/Y g:i A", "short date format with time"),
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("M j, Y", "medium date format"),
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("M j, Y g:i A", "medium date format with time"),
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("F j, Y", "long date format"),
+      /* translators: See https://www.php.net/manual/datetime.format.php */
+      (0, import_i18n._x)("M j", "short date format without the year")
+    ])
+  ];
+  const suggestedOptions = [
+    ...suggestedFormats.map((suggestedFormat, index) => ({
+      key: `suggested-${index}`,
+      name: (0, import_date.dateI18n)(suggestedFormat, exampleDate),
+      format: suggestedFormat
+    })),
+    {
+      key: "human-diff",
+      name: (0, import_date.humanTimeDiff)(exampleDate),
+      format: "human-diff"
+    }
+  ];
   const customOption = {
-    key: 'custom',
-    name: (0, _i18n.__)('Custom'),
-    className: 'block-editor-date-format-picker__custom-format-select-control__custom-option',
-    hint: (0, _i18n.__)('Enter your own date format')
+    key: "custom",
+    name: (0, import_i18n.__)("Custom"),
+    className: "block-editor-date-format-picker__custom-format-select-control__custom-option",
+    hint: (0, import_i18n.__)("Enter your own date format")
   };
-  const [isCustom, setIsCustom] = (0, _element.useState)(() => !!format && !suggestedOptions.some(option => option.format === format));
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.CustomSelectControl, {
-      __next40pxDefaultSize: true,
-      label: (0, _i18n.__)('Choose a format'),
-      options: [...suggestedOptions, customOption],
-      value: isCustom ? customOption : (_suggestedOptions$fin = suggestedOptions.find(option => option.format === format)) !== null && _suggestedOptions$fin !== void 0 ? _suggestedOptions$fin : customOption,
-      onChange: ({
-        selectedItem
-      }) => {
-        if (selectedItem === customOption) {
-          setIsCustom(true);
-        } else {
-          setIsCustom(false);
-          onChange(selectedItem.format);
+  const [isCustom, setIsCustom] = (0, import_element.useState)(
+    () => !!format && !suggestedOptions.some((option) => option.format === format)
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_components.__experimentalVStack, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.CustomSelectControl,
+      {
+        __next40pxDefaultSize: true,
+        label: (0, import_i18n.__)("Choose a format"),
+        options: [...suggestedOptions, customOption],
+        value: isCustom ? customOption : suggestedOptions.find(
+          (option) => option.format === format
+        ) ?? customOption,
+        onChange: ({ selectedItem }) => {
+          if (selectedItem === customOption) {
+            setIsCustom(true);
+          } else {
+            setIsCustom(false);
+            onChange(selectedItem.format);
+          }
         }
       }
-    }), isCustom && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
-      __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true,
-      label: (0, _i18n.__)('Custom format'),
-      hideLabelFromVision: true,
-      help: (0, _element.createInterpolateElement)((0, _i18n.__)('Enter a date or time <Link>format string</Link>.'), {
-        Link: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ExternalLink, {
-          href: (0, _i18n.__)('https://wordpress.org/documentation/article/customize-date-and-time-format/')
-        })
-      }),
-      value: format,
-      onChange: value => onChange(value)
-    })]
-  });
+    ),
+    isCustom && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_components.TextControl,
+      {
+        __next40pxDefaultSize: true,
+        __nextHasNoMarginBottom: true,
+        label: (0, import_i18n.__)("Custom format"),
+        hideLabelFromVision: true,
+        help: (0, import_element.createInterpolateElement)(
+          (0, import_i18n.__)(
+            "Enter a date or time <Link>format string</Link>."
+          ),
+          {
+            Link: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_components.ExternalLink,
+              {
+                href: (0, import_i18n.__)(
+                  "https://wordpress.org/documentation/article/customize-date-and-time-format/"
+                )
+              }
+            )
+          }
+        ),
+        value: format,
+        onChange: (value) => onChange(value)
+      }
+    )
+  ] });
 }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/components/date-format-picker/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_i18n","require","_date","_element","_components","_jsxRuntime","exampleDate","Date","setDate","setMonth","getMonth","DateFormatPicker","format","defaultFormat","onChange","jsxs","__experimentalVStack","as","spacing","className","children","jsx","VisuallyHidden","__","ToggleControl","__nextHasNoMarginBottom","label","help","dateI18n","checked","NonDefaultControls","_suggestedOptions$fin","suggestedFormats","Set","_x","suggestedOptions","map","suggestedFormat","index","key","name","humanTimeDiff","customOption","hint","isCustom","setIsCustom","useState","some","option","CustomSelectControl","__next40pxDefaultSize","options","value","find","selectedItem","TextControl","hideLabelFromVision","createInterpolateElement","Link","ExternalLink","href"],"sources":["@wordpress/block-editor/src/components/date-format-picker/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { _x, __ } from '@wordpress/i18n';\nimport { dateI18n, humanTimeDiff } from '@wordpress/date';\nimport { useState, createInterpolateElement } from '@wordpress/element';\nimport {\n\tTextControl,\n\tExternalLink,\n\tVisuallyHidden,\n\tToggleControl,\n\t__experimentalVStack as VStack,\n\tCustomSelectControl,\n} from '@wordpress/components';\n\n// So that we illustrate the different formats in the dropdown properly, show a date that is\n// somewhat recent, has a day greater than 12, and a month with more than three letters.\nconst exampleDate = new Date();\nexampleDate.setDate( 20 );\nexampleDate.setMonth( exampleDate.getMonth() - 3 );\nif ( exampleDate.getMonth() === 4 ) {\n\t// May has three letters, so use March.\n\texampleDate.setMonth( 3 );\n}\n\n/**\n * The `DateFormatPicker` component renders controls that let the user choose a\n * _date format_. That is, how they want their dates to be formatted.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/date-format-picker/README.md\n *\n * @param {Object}      props\n * @param {string|null} props.format        The selected date format. If `null`, _Default_ is selected.\n * @param {string}      props.defaultFormat The date format that will be used if the user selects 'Default'.\n * @param {Function}    props.onChange      Called when a selection is made. If `null`, _Default_ is selected.\n */\nexport default function DateFormatPicker( {\n\tformat,\n\tdefaultFormat,\n\tonChange,\n} ) {\n\treturn (\n\t\t<VStack\n\t\t\tas=\"fieldset\"\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"block-editor-date-format-picker\"\n\t\t>\n\t\t\t<VisuallyHidden as=\"legend\">{ __( 'Date format' ) }</VisuallyHidden>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Default format' ) }\n\t\t\t\thelp={ `${ __( 'Example:' ) }  ${ dateI18n(\n\t\t\t\t\tdefaultFormat,\n\t\t\t\t\texampleDate\n\t\t\t\t) }` }\n\t\t\t\tchecked={ ! format }\n\t\t\t\tonChange={ ( checked ) =>\n\t\t\t\t\tonChange( checked ? null : defaultFormat )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ format && (\n\t\t\t\t<NonDefaultControls format={ format } onChange={ onChange } />\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction NonDefaultControls( { format, onChange } ) {\n\t// Suggest a short format, medium format, long format, and a standardised\n\t// (YYYY-MM-DD) format. The short, medium, and long formats are localised as\n\t// different languages have different ways of writing these. For example, 'F\n\t// j, Y' (April 20, 2022) in American English (en_US) is 'j. F Y' (20. April\n\t// 2022) in German (de). The resultant array is de-duplicated as some\n\t// languages will use the same format string for short, medium, and long\n\t// formats.\n\tconst suggestedFormats = [\n\t\t...new Set( [\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t'Y-m-d',\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'n/j/Y', 'short date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'n/j/Y g:i A', 'short date format with time' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j, Y', 'medium date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j, Y g:i A', 'medium date format with time' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'F j, Y', 'long date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j', 'short date format without the year' ),\n\t\t] ),\n\t];\n\n\tconst suggestedOptions = [\n\t\t...suggestedFormats.map( ( suggestedFormat, index ) => ( {\n\t\t\tkey: `suggested-${ index }`,\n\t\t\tname: dateI18n( suggestedFormat, exampleDate ),\n\t\t\tformat: suggestedFormat,\n\t\t} ) ),\n\t\t{\n\t\t\tkey: 'human-diff',\n\t\t\tname: humanTimeDiff( exampleDate ),\n\t\t\tformat: 'human-diff',\n\t\t},\n\t];\n\n\tconst customOption = {\n\t\tkey: 'custom',\n\t\tname: __( 'Custom' ),\n\t\tclassName:\n\t\t\t'block-editor-date-format-picker__custom-format-select-control__custom-option',\n\t\thint: __( 'Enter your own date format' ),\n\t};\n\n\tconst [ isCustom, setIsCustom ] = useState(\n\t\t() =>\n\t\t\t!! format &&\n\t\t\t! suggestedOptions.some( ( option ) => option.format === format )\n\t);\n\n\treturn (\n\t\t<VStack>\n\t\t\t<CustomSelectControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Choose a format' ) }\n\t\t\t\toptions={ [ ...suggestedOptions, customOption ] }\n\t\t\t\tvalue={\n\t\t\t\t\tisCustom\n\t\t\t\t\t\t? customOption\n\t\t\t\t\t\t: suggestedOptions.find(\n\t\t\t\t\t\t\t\t( option ) => option.format === format\n\t\t\t\t\t\t  ) ?? customOption\n\t\t\t\t}\n\t\t\t\tonChange={ ( { selectedItem } ) => {\n\t\t\t\t\tif ( selectedItem === customOption ) {\n\t\t\t\t\t\tsetIsCustom( true );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetIsCustom( false );\n\t\t\t\t\t\tonChange( selectedItem.format );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ isCustom && (\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Custom format' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\thelp={ createInterpolateElement(\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Enter a date or time <Link>format string</Link>.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tLink: (\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/customize-date-and-time-format/'\n\t\t\t\t\t\t\t\t\t) }\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\tvalue={ format }\n\t\t\t\t\tonChange={ ( value ) => onChange( value ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/date-format-picker/index.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { _x, __ } from '@wordpress/i18n';\nimport { dateI18n, humanTimeDiff } from '@wordpress/date';\nimport { useState, createInterpolateElement } from '@wordpress/element';\nimport {\n\tTextControl,\n\tExternalLink,\n\tVisuallyHidden,\n\tToggleControl,\n\t__experimentalVStack as VStack,\n\tCustomSelectControl,\n} from '@wordpress/components';\n\n// So that we illustrate the different formats in the dropdown properly, show a date that is\n// somewhat recent, has a day greater than 12, and a month with more than three letters.\nconst exampleDate = new Date();\nexampleDate.setDate( 20 );\nexampleDate.setMonth( exampleDate.getMonth() - 3 );\nif ( exampleDate.getMonth() === 4 ) {\n\t// May has three letters, so use March.\n\texampleDate.setMonth( 3 );\n}\n\n/**\n * The `DateFormatPicker` component renders controls that let the user choose a\n * _date format_. That is, how they want their dates to be formatted.\n *\n * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/block-editor/src/components/date-format-picker/README.md\n *\n * @param {Object}      props\n * @param {string|null} props.format        The selected date format. If `null`, _Default_ is selected.\n * @param {string}      props.defaultFormat The date format that will be used if the user selects 'Default'.\n * @param {Function}    props.onChange      Called when a selection is made. If `null`, _Default_ is selected.\n */\nexport default function DateFormatPicker( {\n\tformat,\n\tdefaultFormat,\n\tonChange,\n} ) {\n\treturn (\n\t\t<VStack\n\t\t\tas=\"fieldset\"\n\t\t\tspacing={ 4 }\n\t\t\tclassName=\"block-editor-date-format-picker\"\n\t\t>\n\t\t\t<VisuallyHidden as=\"legend\">{ __( 'Date format' ) }</VisuallyHidden>\n\t\t\t<ToggleControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tlabel={ __( 'Default format' ) }\n\t\t\t\thelp={ `${ __( 'Example:' ) }  ${ dateI18n(\n\t\t\t\t\tdefaultFormat,\n\t\t\t\t\texampleDate\n\t\t\t\t) }` }\n\t\t\t\tchecked={ ! format }\n\t\t\t\tonChange={ ( checked ) =>\n\t\t\t\t\tonChange( checked ? null : defaultFormat )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t{ format && (\n\t\t\t\t<NonDefaultControls format={ format } onChange={ onChange } />\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n\nfunction NonDefaultControls( { format, onChange } ) {\n\t// Suggest a short format, medium format, long format, and a standardised\n\t// (YYYY-MM-DD) format. The short, medium, and long formats are localised as\n\t// different languages have different ways of writing these. For example, 'F\n\t// j, Y' (April 20, 2022) in American English (en_US) is 'j. F Y' (20. April\n\t// 2022) in German (de). The resultant array is de-duplicated as some\n\t// languages will use the same format string for short, medium, and long\n\t// formats.\n\tconst suggestedFormats = [\n\t\t...new Set( [\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t'Y-m-d',\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'n/j/Y', 'short date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'n/j/Y g:i A', 'short date format with time' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j, Y', 'medium date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j, Y g:i A', 'medium date format with time' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'F j, Y', 'long date format' ),\n\t\t\t/* translators: See https://www.php.net/manual/datetime.format.php */\n\t\t\t_x( 'M j', 'short date format without the year' ),\n\t\t] ),\n\t];\n\n\tconst suggestedOptions = [\n\t\t...suggestedFormats.map( ( suggestedFormat, index ) => ( {\n\t\t\tkey: `suggested-${ index }`,\n\t\t\tname: dateI18n( suggestedFormat, exampleDate ),\n\t\t\tformat: suggestedFormat,\n\t\t} ) ),\n\t\t{\n\t\t\tkey: 'human-diff',\n\t\t\tname: humanTimeDiff( exampleDate ),\n\t\t\tformat: 'human-diff',\n\t\t},\n\t];\n\n\tconst customOption = {\n\t\tkey: 'custom',\n\t\tname: __( 'Custom' ),\n\t\tclassName:\n\t\t\t'block-editor-date-format-picker__custom-format-select-control__custom-option',\n\t\thint: __( 'Enter your own date format' ),\n\t};\n\n\tconst [ isCustom, setIsCustom ] = useState(\n\t\t() =>\n\t\t\t!! format &&\n\t\t\t! suggestedOptions.some( ( option ) => option.format === format )\n\t);\n\n\treturn (\n\t\t<VStack>\n\t\t\t<CustomSelectControl\n\t\t\t\t__next40pxDefaultSize\n\t\t\t\tlabel={ __( 'Choose a format' ) }\n\t\t\t\toptions={ [ ...suggestedOptions, customOption ] }\n\t\t\t\tvalue={\n\t\t\t\t\tisCustom\n\t\t\t\t\t\t? customOption\n\t\t\t\t\t\t: suggestedOptions.find(\n\t\t\t\t\t\t\t\t( option ) => option.format === format\n\t\t\t\t\t\t  ) ?? customOption\n\t\t\t\t}\n\t\t\t\tonChange={ ( { selectedItem } ) => {\n\t\t\t\t\tif ( selectedItem === customOption ) {\n\t\t\t\t\t\tsetIsCustom( true );\n\t\t\t\t\t} else {\n\t\t\t\t\t\tsetIsCustom( false );\n\t\t\t\t\t\tonChange( selectedItem.format );\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t{ isCustom && (\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Custom format' ) }\n\t\t\t\t\thideLabelFromVision\n\t\t\t\t\thelp={ createInterpolateElement(\n\t\t\t\t\t\t__(\n\t\t\t\t\t\t\t'Enter a date or time <Link>format string</Link>.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tLink: (\n\t\t\t\t\t\t\t\t<ExternalLink\n\t\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/customize-date-and-time-format/'\n\t\t\t\t\t\t\t\t\t) }\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\tvalue={ format }\n\t\t\t\t\tonChange={ ( value ) => onChange( value ) }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</VStack>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": ["VStack"]
+}

package/build/components/default-block-appender/index.js

@@ -1,107 +1,119 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var default_block_appender_exports = {};
+__export(default_block_appender_exports, {
+  ZWNBSP: () => ZWNBSP,
+  default: () => DefaultBlockAppender
 });
-exports.ZWNBSP = void 0;
-exports.default = DefaultBlockAppender;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _i18n = require("@wordpress/i18n");
-var _htmlEntities = require("@wordpress/html-entities");
-var _data = require("@wordpress/data");
-var _keycodes = require("@wordpress/keycodes");
-var _inserter = _interopRequireDefault(require("../inserter"));
-var _store = require("../../store");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Zero width non-breaking space, used as padding for the paragraph when it is
- * empty.
- */
-const ZWNBSP = exports.ZWNBSP = '\ufeff';
-function DefaultBlockAppender({
-  rootClientId
-}) {
-  const {
-    showPrompt,
-    isLocked,
-    placeholder,
-    isManualGrid
-  } = (0, _data.useSelect)(select => {
-    const {
-      getBlockCount,
-      getSettings,
-      getTemplateLock,
-      getBlockAttributes
-    } = select(_store.store);
-    const isEmpty = !getBlockCount(rootClientId);
-    const {
-      bodyPlaceholder
-    } = getSettings();
-    return {
-      showPrompt: isEmpty,
-      isLocked: !!getTemplateLock(rootClientId),
-      placeholder: bodyPlaceholder,
-      isManualGrid: getBlockAttributes(rootClientId)?.layout?.isManualPlacement
-    };
-  }, [rootClientId]);
-  const {
-    insertDefaultBlock,
-    startTyping
-  } = (0, _data.useDispatch)(_store.store);
+module.exports = __toCommonJS(default_block_appender_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_clsx = __toESM(require("clsx"));
+var import_i18n = require("@wordpress/i18n");
+var import_html_entities = require("@wordpress/html-entities");
+var import_data = require("@wordpress/data");
+var import_keycodes = require("@wordpress/keycodes");
+var import_inserter = __toESM(require("../inserter"));
+var import_store = require("../../store");
+const ZWNBSP = "\uFEFF";
+function DefaultBlockAppender({ rootClientId }) {
+  const { showPrompt, isLocked, placeholder, isManualGrid } = (0, import_data.useSelect)(
+    (select) => {
+      const {
+        getBlockCount,
+        getSettings,
+        getTemplateLock,
+        getBlockAttributes
+      } = select(import_store.store);
+      const isEmpty = !getBlockCount(rootClientId);
+      const { bodyPlaceholder } = getSettings();
+      return {
+        showPrompt: isEmpty,
+        isLocked: !!getTemplateLock(rootClientId),
+        placeholder: bodyPlaceholder,
+        isManualGrid: getBlockAttributes(rootClientId)?.layout?.isManualPlacement
+      };
+    },
+    [rootClientId]
+  );
+  const { insertDefaultBlock, startTyping } = (0, import_data.useDispatch)(import_store.store);
   if (isLocked || isManualGrid) {
     return null;
   }
-  const value = (0, _htmlEntities.decodeEntities)(placeholder) || (0, _i18n.__)('Type / to choose a block');
+  const value = (0, import_html_entities.decodeEntities)(placeholder) || (0, import_i18n.__)("Type / to choose a block");
   const onAppend = () => {
-    insertDefaultBlock(undefined, rootClientId);
+    insertDefaultBlock(void 0, rootClientId);
     startTyping();
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    "data-root-client-id": rootClientId || '',
-    className: (0, _clsx.default)('block-editor-default-block-appender', {
-      'has-visible-prompt': showPrompt
-    }),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      tabIndex: "0"
-      // We want this element to be styled as a paragraph by themes.
-      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
-      ,
-      role: "button",
-      "aria-label": (0, _i18n.__)('Add default block')
-      // A wrapping container for this one already has the wp-block className.
-      ,
-      className: "block-editor-default-block-appender__content",
-      onKeyDown: event => {
-        if (_keycodes.ENTER === event.keyCode || _keycodes.SPACE === event.keyCode) {
-          onAppend();
-        }
-      },
-      onClick: () => onAppend(),
-      onFocus: () => {
-        if (showPrompt) {
-          onAppend();
-        }
-      },
-      children: showPrompt ? value : ZWNBSP
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_inserter.default, {
-      rootClientId: rootClientId,
-      position: "bottom right",
-      isAppender: true,
-      __experimentalIsQuick: true
-    })]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      "data-root-client-id": rootClientId || "",
+      className: (0, import_clsx.default)("block-editor-default-block-appender", {
+        "has-visible-prompt": showPrompt
+      }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "p",
+          {
+            tabIndex: "0",
+            role: "button",
+            "aria-label": (0, import_i18n.__)("Add default block"),
+            className: "block-editor-default-block-appender__content",
+            onKeyDown: (event) => {
+              if (import_keycodes.ENTER === event.keyCode || import_keycodes.SPACE === event.keyCode) {
+                onAppend();
+              }
+            },
+            onClick: () => onAppend(),
+            onFocus: () => {
+              if (showPrompt) {
+                onAppend();
+              }
+            },
+            children: showPrompt ? value : ZWNBSP
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_inserter.default,
+          {
+            rootClientId,
+            position: "bottom right",
+            isAppender: true,
+            __experimentalIsQuick: true
+          }
+        )
+      ]
+    }
+  );
 }
-//# sourceMappingURL=index.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ZWNBSP
+});
+//# sourceMappingURL=index.js.map

package/build/components/default-block-appender/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_i18n","_htmlEntities","_data","_keycodes","_inserter","_store","_jsxRuntime","ZWNBSP","exports","DefaultBlockAppender","rootClientId","showPrompt","isLocked","placeholder","isManualGrid","useSelect","select","getBlockCount","getSettings","getTemplateLock","getBlockAttributes","blockEditorStore","isEmpty","bodyPlaceholder","layout","isManualPlacement","insertDefaultBlock","startTyping","useDispatch","value","decodeEntities","__","onAppend","undefined","jsxs","className","clsx","children","jsx","tabIndex","role","onKeyDown","event","ENTER","keyCode","SPACE","onClick","onFocus","default","position","isAppender","__experimentalIsQuick"],"sources":["@wordpress/block-editor/src/components/default-block-appender/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Zero width non-breaking space, used as padding for the paragraph when it is\n * empty.\n */\nexport const ZWNBSP = '\\ufeff';\n\nexport default function DefaultBlockAppender( { rootClientId } ) {\n\tconst { showPrompt, isLocked, placeholder, isManualGrid } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetSettings,\n\t\t\t\tgetTemplateLock,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst isEmpty = ! getBlockCount( rootClientId );\n\t\t\tconst { bodyPlaceholder } = getSettings();\n\n\t\t\treturn {\n\t\t\t\tshowPrompt: isEmpty,\n\t\t\t\tisLocked: !! getTemplateLock( rootClientId ),\n\t\t\t\tplaceholder: bodyPlaceholder,\n\t\t\t\tisManualGrid:\n\t\t\t\t\tgetBlockAttributes( rootClientId )?.layout\n\t\t\t\t\t\t?.isManualPlacement,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst { insertDefaultBlock, startTyping } = useDispatch( blockEditorStore );\n\n\tif ( isLocked || isManualGrid ) {\n\t\treturn null;\n\t}\n\n\tconst value =\n\t\tdecodeEntities( placeholder ) || __( 'Type / to choose a block' );\n\n\tconst onAppend = () => {\n\t\tinsertDefaultBlock( undefined, rootClientId );\n\t\tstartTyping();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tdata-root-client-id={ rootClientId || '' }\n\t\t\tclassName={ clsx( 'block-editor-default-block-appender', {\n\t\t\t\t'has-visible-prompt': showPrompt,\n\t\t\t} ) }\n\t\t>\n\t\t\t<p\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\t// We want this element to be styled as a paragraph by themes.\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\t\trole=\"button\"\n\t\t\t\taria-label={ __( 'Add default block' ) }\n\t\t\t\t// A wrapping container for this one already has the wp-block className.\n\t\t\t\tclassName=\"block-editor-default-block-appender__content\"\n\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\tif ( ENTER === event.keyCode || SPACE === event.keyCode ) {\n\t\t\t\t\t\tonAppend();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonClick={ () => onAppend() }\n\t\t\t\tonFocus={ () => {\n\t\t\t\t\tif ( showPrompt ) {\n\t\t\t\t\t\tonAppend();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ showPrompt ? value : ZWNBSP }\n\t\t\t</p>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tposition=\"bottom right\"\n\t\t\t\tisAppender\n\t\t\t\t__experimentalIsQuick\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/components/default-block-appender/index.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { ENTER, SPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport Inserter from '../inserter';\nimport { store as blockEditorStore } from '../../store';\n\n/**\n * Zero width non-breaking space, used as padding for the paragraph when it is\n * empty.\n */\nexport const ZWNBSP = '\\ufeff';\n\nexport default function DefaultBlockAppender( { rootClientId } ) {\n\tconst { showPrompt, isLocked, placeholder, isManualGrid } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\tgetBlockCount,\n\t\t\t\tgetSettings,\n\t\t\t\tgetTemplateLock,\n\t\t\t\tgetBlockAttributes,\n\t\t\t} = select( blockEditorStore );\n\n\t\t\tconst isEmpty = ! getBlockCount( rootClientId );\n\t\t\tconst { bodyPlaceholder } = getSettings();\n\n\t\t\treturn {\n\t\t\t\tshowPrompt: isEmpty,\n\t\t\t\tisLocked: !! getTemplateLock( rootClientId ),\n\t\t\t\tplaceholder: bodyPlaceholder,\n\t\t\t\tisManualGrid:\n\t\t\t\t\tgetBlockAttributes( rootClientId )?.layout\n\t\t\t\t\t\t?.isManualPlacement,\n\t\t\t};\n\t\t},\n\t\t[ rootClientId ]\n\t);\n\n\tconst { insertDefaultBlock, startTyping } = useDispatch( blockEditorStore );\n\n\tif ( isLocked || isManualGrid ) {\n\t\treturn null;\n\t}\n\n\tconst value =\n\t\tdecodeEntities( placeholder ) || __( 'Type / to choose a block' );\n\n\tconst onAppend = () => {\n\t\tinsertDefaultBlock( undefined, rootClientId );\n\t\tstartTyping();\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tdata-root-client-id={ rootClientId || '' }\n\t\t\tclassName={ clsx( 'block-editor-default-block-appender', {\n\t\t\t\t'has-visible-prompt': showPrompt,\n\t\t\t} ) }\n\t\t>\n\t\t\t<p\n\t\t\t\ttabIndex=\"0\"\n\t\t\t\t// We want this element to be styled as a paragraph by themes.\n\t\t\t\t// eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role\n\t\t\t\trole=\"button\"\n\t\t\t\taria-label={ __( 'Add default block' ) }\n\t\t\t\t// A wrapping container for this one already has the wp-block className.\n\t\t\t\tclassName=\"block-editor-default-block-appender__content\"\n\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\tif ( ENTER === event.keyCode || SPACE === event.keyCode ) {\n\t\t\t\t\t\tonAppend();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t\tonClick={ () => onAppend() }\n\t\t\t\tonFocus={ () => {\n\t\t\t\t\tif ( showPrompt ) {\n\t\t\t\t\t\tonAppend();\n\t\t\t\t\t}\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ showPrompt ? value : ZWNBSP }\n\t\t\t</p>\n\t\t\t<Inserter\n\t\t\t\trootClientId={ rootClientId }\n\t\t\t\tposition=\"bottom right\"\n\t\t\t\tisAppender\n\t\t\t\t__experimentalIsQuick\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEE;AA9DF,kBAAiB;AAKjB,kBAAmB;AACnB,2BAA+B;AAC/B,kBAAuC;AACvC,sBAA6B;AAK7B,sBAAqB;AACrB,mBAA0C;AAMnC,MAAM,SAAS;AAEP,SAAR,qBAAuC,EAAE,aAAa,GAAI;AAChE,QAAM,EAAE,YAAY,UAAU,aAAa,aAAa,QAAI;AAAA,IAC3D,CAAE,WAAY;AACb,YAAM;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,IAAI,OAAQ,aAAAA,KAAiB;AAE7B,YAAM,UAAU,CAAE,cAAe,YAAa;AAC9C,YAAM,EAAE,gBAAgB,IAAI,YAAY;AAExC,aAAO;AAAA,QACN,YAAY;AAAA,QACZ,UAAU,CAAC,CAAE,gBAAiB,YAAa;AAAA,QAC3C,aAAa;AAAA,QACb,cACC,mBAAoB,YAAa,GAAG,QACjC;AAAA,MACL;AAAA,IACD;AAAA,IACA,CAAE,YAAa;AAAA,EAChB;AAEA,QAAM,EAAE,oBAAoB,YAAY,QAAI,yBAAa,aAAAA,KAAiB;AAE1E,MAAK,YAAY,cAAe;AAC/B,WAAO;AAAA,EACR;AAEA,QAAM,YACL,qCAAgB,WAAY,SAAK,gBAAI,0BAA2B;AAEjE,QAAM,WAAW,MAAM;AACtB,uBAAoB,QAAW,YAAa;AAC5C,gBAAY;AAAA,EACb;AAEA,SACC;AAAA,IAAC;AAAA;AAAA,MACA,uBAAsB,gBAAgB;AAAA,MACtC,eAAY,YAAAC,SAAM,uCAAuC;AAAA,QACxD,sBAAsB;AAAA,MACvB,CAAE;AAAA,MAEF;AAAA;AAAA,UAAC;AAAA;AAAA,YACA,UAAS;AAAA,YAGT,MAAK;AAAA,YACL,kBAAa,gBAAI,mBAAoB;AAAA,YAErC,WAAU;AAAA,YACV,WAAY,CAAE,UAAW;AACxB,kBAAK,0BAAU,MAAM,WAAW,0BAAU,MAAM,SAAU;AACzD,yBAAS;AAAA,cACV;AAAA,YACD;AAAA,YACA,SAAU,MAAM,SAAS;AAAA,YACzB,SAAU,MAAM;AACf,kBAAK,YAAa;AACjB,yBAAS;AAAA,cACV;AAAA,YACD;AAAA,YAEE,uBAAa,QAAQ;AAAA;AAAA,QACxB;AAAA,QACA;AAAA,UAAC,gBAAAC;AAAA,UAAA;AAAA,YACA;AAAA,YACA,UAAS;AAAA,YACT,YAAU;AAAA,YACV,uBAAqB;AAAA;AAAA,QACtB;AAAA;AAAA;AAAA,EACD;AAEF;",
+  "names": ["blockEditorStore", "clsx", "Inserter"]
+}