@wordpress/editor 13.35.0 → 14.0.1

package/build-module/components/post-schedule/label.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","sprintf","isRTL","getSettings","getDate","dateI18n","useSelect","store","editorStore","PostScheduleLabel","props","usePostScheduleLabel","full","date","isFloating","select","getEditedPostAttribute","isEditedPostDateFloating","getFullPostScheduleLabel","getPostScheduleLabel","dateAttribute","timezoneAbbreviation","getTimezoneAbbreviation","formattedDate","now","Date","isTimezoneSameAsSiteTimezone","isSameDay","tomorrow","setDate","getFullYear","timezone","abbr","isNaN","Number","symbol","offset","offsetFormatted","siteOffset","dateOffset","getTimezoneOffset","left","right","getMonth"],"sources":["@wordpress/editor/src/components/post-schedule/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getSettings, getDate, dateI18n } from '@wordpress/date';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\nexport default function PostScheduleLabel( props ) {\n\treturn usePostScheduleLabel( props );\n}\n\nexport function usePostScheduleLabel( { full = false } = {} ) {\n\tconst { date, isFloating } = useSelect(\n\t\t( select ) => ( {\n\t\t\tdate: select( editorStore ).getEditedPostAttribute( 'date' ),\n\t\t\tisFloating: select( editorStore ).isEditedPostDateFloating(),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn full\n\t\t? getFullPostScheduleLabel( date )\n\t\t: getPostScheduleLabel( date, { isFloating } );\n}\n\nexport function getFullPostScheduleLabel( dateAttribute ) {\n\tconst date = getDate( dateAttribute );\n\n\tconst timezoneAbbreviation = getTimezoneAbbreviation();\n\tconst formattedDate = dateI18n(\n\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t_x( 'F j, Y g:i\\xa0a', 'post schedule full date format' ),\n\t\tdate\n\t);\n\treturn isRTL()\n\t\t? `${ timezoneAbbreviation } ${ formattedDate }`\n\t\t: `${ formattedDate } ${ timezoneAbbreviation }`;\n}\n\nexport function getPostScheduleLabel(\n\tdateAttribute,\n\t{ isFloating = false, now = new Date() } = {}\n) {\n\tif ( ! dateAttribute || isFloating ) {\n\t\treturn __( 'Immediately' );\n\t}\n\n\t// If the user timezone does not equal the site timezone then using words\n\t// like 'tomorrow' is confusing, so show the full date.\n\tif ( ! isTimezoneSameAsSiteTimezone( now ) ) {\n\t\treturn getFullPostScheduleLabel( dateAttribute );\n\t}\n\n\tconst date = getDate( dateAttribute );\n\n\tif ( isSameDay( date, now ) ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: Time of day the post is scheduled for.\n\t\t\t__( 'Today at %s' ),\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\tdateI18n( _x( 'g:i\\xa0a', 'post schedule time format' ), date )\n\t\t);\n\t}\n\n\tconst tomorrow = new Date( now );\n\ttomorrow.setDate( tomorrow.getDate() + 1 );\n\n\tif ( isSameDay( date, tomorrow ) ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: Time of day the post is scheduled for.\n\t\t\t__( 'Tomorrow at %s' ),\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\tdateI18n( _x( 'g:i\\xa0a', 'post schedule time format' ), date )\n\t\t);\n\t}\n\n\tif ( date.getFullYear() === now.getFullYear() ) {\n\t\treturn dateI18n(\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\t_x( 'F j g:i\\xa0a', 'post schedule date format without year' ),\n\t\t\tdate\n\t\t);\n\t}\n\n\treturn dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'post schedule full date format' ),\n\t\tdate\n\t);\n}\n\nfunction getTimezoneAbbreviation() {\n\tconst { timezone } = getSettings();\n\n\tif ( timezone.abbr && isNaN( Number( timezone.abbr ) ) ) {\n\t\treturn timezone.abbr;\n\t}\n\n\tconst symbol = timezone.offset < 0 ? '' : '+';\n\treturn `UTC${ symbol }${ timezone.offsetFormatted }`;\n}\n\nfunction isTimezoneSameAsSiteTimezone( date ) {\n\tconst { timezone } = getSettings();\n\n\tconst siteOffset = Number( timezone.offset );\n\tconst dateOffset = -1 * ( date.getTimezoneOffset() / 60 );\n\treturn siteOffset === dateOffset;\n}\n\nfunction isSameDay( left, right ) {\n\treturn (\n\t\tleft.getDate() === right.getDate() &&\n\t\tleft.getMonth() === right.getMonth() &&\n\t\tleft.getFullYear() === right.getFullYear()\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","sprintf","isRTL","getSettings","getDate","dateI18n","useSelect","store","editorStore","PostScheduleLabel","props","usePostScheduleLabel","full","date","isFloating","select","getEditedPostAttribute","isEditedPostDateFloating","getFullPostScheduleLabel","getPostScheduleLabel","dateAttribute","timezoneAbbreviation","getTimezoneAbbreviation","formattedDate","now","Date","isTimezoneSameAsSiteTimezone","isSameDay","tomorrow","setDate","getFullYear","timezone","abbr","isNaN","Number","symbol","offset","offsetFormatted","siteOffset","dateOffset","getTimezoneOffset","left","right","getMonth"],"sources":["@wordpress/editor/src/components/post-schedule/label.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf, isRTL } from '@wordpress/i18n';\nimport { getSettings, getDate, dateI18n } from '@wordpress/date';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editorStore } from '../../store';\n\n/**\n * Renders the PostScheduleLabel component.\n *\n * @param {Object} props Props.\n *\n * @return {Component} The component to be rendered.\n */\nexport default function PostScheduleLabel( props ) {\n\treturn usePostScheduleLabel( props );\n}\n\n/**\n * Custom hook to get the label for post schedule.\n *\n * @param {Object}  options      Options for the hook.\n * @param {boolean} options.full Whether to get the full label or not. Default is false.\n *\n * @return {string} The label for post schedule.\n */\nexport function usePostScheduleLabel( { full = false } = {} ) {\n\tconst { date, isFloating } = useSelect(\n\t\t( select ) => ( {\n\t\t\tdate: select( editorStore ).getEditedPostAttribute( 'date' ),\n\t\t\tisFloating: select( editorStore ).isEditedPostDateFloating(),\n\t\t} ),\n\t\t[]\n\t);\n\n\treturn full\n\t\t? getFullPostScheduleLabel( date )\n\t\t: getPostScheduleLabel( date, { isFloating } );\n}\n\nexport function getFullPostScheduleLabel( dateAttribute ) {\n\tconst date = getDate( dateAttribute );\n\n\tconst timezoneAbbreviation = getTimezoneAbbreviation();\n\tconst formattedDate = dateI18n(\n\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t_x( 'F j, Y g:i\\xa0a', 'post schedule full date format' ),\n\t\tdate\n\t);\n\treturn isRTL()\n\t\t? `${ timezoneAbbreviation } ${ formattedDate }`\n\t\t: `${ formattedDate } ${ timezoneAbbreviation }`;\n}\n\nexport function getPostScheduleLabel(\n\tdateAttribute,\n\t{ isFloating = false, now = new Date() } = {}\n) {\n\tif ( ! dateAttribute || isFloating ) {\n\t\treturn __( 'Immediately' );\n\t}\n\n\t// If the user timezone does not equal the site timezone then using words\n\t// like 'tomorrow' is confusing, so show the full date.\n\tif ( ! isTimezoneSameAsSiteTimezone( now ) ) {\n\t\treturn getFullPostScheduleLabel( dateAttribute );\n\t}\n\n\tconst date = getDate( dateAttribute );\n\n\tif ( isSameDay( date, now ) ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: Time of day the post is scheduled for.\n\t\t\t__( 'Today at %s' ),\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\tdateI18n( _x( 'g:i\\xa0a', 'post schedule time format' ), date )\n\t\t);\n\t}\n\n\tconst tomorrow = new Date( now );\n\ttomorrow.setDate( tomorrow.getDate() + 1 );\n\n\tif ( isSameDay( date, tomorrow ) ) {\n\t\treturn sprintf(\n\t\t\t// translators: %s: Time of day the post is scheduled for.\n\t\t\t__( 'Tomorrow at %s' ),\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\tdateI18n( _x( 'g:i\\xa0a', 'post schedule time format' ), date )\n\t\t);\n\t}\n\n\tif ( date.getFullYear() === now.getFullYear() ) {\n\t\treturn dateI18n(\n\t\t\t// translators: If using a space between 'g:i' and 'a', use a non-breaking space.\n\t\t\t_x( 'F j g:i\\xa0a', 'post schedule date format without year' ),\n\t\t\tdate\n\t\t);\n\t}\n\n\treturn dateI18n(\n\t\t// translators: Use a non-breaking space between 'g:i' and 'a' if appropriate.\n\t\t_x( 'F j, Y g:i\\xa0a', 'post schedule full date format' ),\n\t\tdate\n\t);\n}\n\nfunction getTimezoneAbbreviation() {\n\tconst { timezone } = getSettings();\n\n\tif ( timezone.abbr && isNaN( Number( timezone.abbr ) ) ) {\n\t\treturn timezone.abbr;\n\t}\n\n\tconst symbol = timezone.offset < 0 ? '' : '+';\n\treturn `UTC${ symbol }${ timezone.offsetFormatted }`;\n}\n\nfunction isTimezoneSameAsSiteTimezone( date ) {\n\tconst { timezone } = getSettings();\n\n\tconst siteOffset = Number( timezone.offset );\n\tconst dateOffset = -1 * ( date.getTimezoneOffset() / 60 );\n\treturn siteOffset === dateOffset;\n}\n\nfunction isSameDay( left, right ) {\n\treturn (\n\t\tleft.getDate() === right.getDate() &&\n\t\tleft.getMonth() === right.getMonth() &&\n\t\tleft.getFullYear() === right.getFullYear()\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/components/post-schedule/panel.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -16,7 +15,14 @@ import { usePostScheduleLabel } from './label';
 import PostPanelRow from '../post-panel-row';
 import { store as editorStore } from '../../store';
 import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_POST_TYPE, NAVIGATION_POST_TYPE } from '../../store/constants';
+import { jsx as _jsx } from "react/jsx-runtime";
 const DESIGN_POST_TYPES = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_POST_TYPE, NAVIGATION_POST_TYPE];
+
+/**
+ * Renders the Post Schedule Panel component.
+ *
+ * @return {Component} The component to be rendered.
+ */
 export default function PostSchedulePanel() {
   const [popoverAnchor, setPopoverAnchor] = useState(null);
   const postType = useSelect(select => select(editorStore).getCurrentPostType(), []);
@@ -26,7 +32,9 @@ export default function PostSchedulePanel() {
     // move around when the label changes.
     anchor: popoverAnchor,
     'aria-label': __('Change publish date'),
-    placement: 'bottom-end'
+    placement: 'left-start',
+    offset: 36,
+    shift: true
   }), [popoverAnchor]);
   const label = usePostScheduleLabel();
   const fullLabel = usePostScheduleLabel({
@@ -35,34 +43,39 @@ export default function PostSchedulePanel() {
   if (DESIGN_POST_TYPES.includes(postType)) {
     return null;
   }
-  return createElement(PostScheduleCheck, null, createElement(PostPanelRow, {
-    label: __('Publish'),
-    ref: setPopoverAnchor
-  }, createElement(Dropdown, {
-    popoverProps: popoverProps,
-    focusOnMount: true,
-    className: "editor-post-schedule__panel-dropdown",
-    contentClassName: "editor-post-schedule__dialog",
-    renderToggle: ({
-      onToggle,
-      isOpen
-    }) => createElement(Button, {
-      size: "compact",
-      className: "editor-post-schedule__dialog-toggle",
-      variant: "tertiary",
-      onClick: onToggle,
-      "aria-label": sprintf(
-      // translators: %s: Current post date.
-      __('Change date: %s'), label),
-      label: fullLabel,
-      showTooltip: label !== fullLabel,
-      "aria-expanded": isOpen
-    }, label),
-    renderContent: ({
-      onClose
-    }) => createElement(PostScheduleForm, {
-      onClose: onClose
+  return /*#__PURE__*/_jsx(PostScheduleCheck, {
+    children: /*#__PURE__*/_jsx(PostPanelRow, {
+      label: __('Publish'),
+      ref: setPopoverAnchor,
+      children: /*#__PURE__*/_jsx(Dropdown, {
+        popoverProps: popoverProps,
+        focusOnMount: true,
+        className: "editor-post-schedule__panel-dropdown",
+        contentClassName: "editor-post-schedule__dialog",
+        renderToggle: ({
+          onToggle,
+          isOpen
+        }) => /*#__PURE__*/_jsx(Button, {
+          size: "compact",
+          className: "editor-post-schedule__dialog-toggle",
+          variant: "tertiary",
+          tooltipPosition: "middle left",
+          onClick: onToggle,
+          "aria-label": sprintf(
+          // translators: %s: Current post date.
+          __('Change date: %s'), label),
+          label: fullLabel,
+          showTooltip: label !== fullLabel,
+          "aria-expanded": isOpen,
+          children: label
+        }),
+        renderContent: ({
+          onClose
+        }) => /*#__PURE__*/_jsx(PostScheduleForm, {
+          onClose: onClose
+        })
+      })
     })
-  })));
+  });
 }
 //# sourceMappingURL=panel.js.map

package/build-module/components/post-schedule/panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Dropdown","__","sprintf","useState","useMemo","useSelect","PostScheduleCheck","PostScheduleForm","usePostScheduleLabel","PostPanelRow","store","editorStore","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_POST_TYPE","NAVIGATION_POST_TYPE","DESIGN_POST_TYPES","PostSchedulePanel","popoverAnchor","setPopoverAnchor","postType","select","getCurrentPostType","popoverProps","anchor","placement","label","fullLabel","full","includes","createElement","ref","focusOnMount","className","contentClassName","renderToggle","onToggle","isOpen","size","variant","onClick","showTooltip","renderContent","onClose"],"sources":["@wordpress/editor/src/components/post-schedule/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport PostScheduleCheck from './check';\nimport PostScheduleForm from './index';\nimport { usePostScheduleLabel } from './label';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n} from '../../store/constants';\n\nconst DESIGN_POST_TYPES = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n];\n\nexport default function PostSchedulePanel() {\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst postType = useSelect(\n\t\t( select ) => select( editorStore ).getCurrentPostType(),\n\t\t[]\n\t);\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change publish date' ),\n\t\t\tplacement: 'bottom-end',\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst label = usePostScheduleLabel();\n\tconst fullLabel = usePostScheduleLabel( { full: true } );\n\tif ( DESIGN_POST_TYPES.includes( postType ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostScheduleCheck>\n\t\t\t<PostPanelRow label={ __( 'Publish' ) } ref={ setPopoverAnchor }>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\tclassName=\"editor-post-schedule__panel-dropdown\"\n\t\t\t\t\tcontentClassName=\"editor-post-schedule__dialog\"\n\t\t\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tclassName=\"editor-post-schedule__dialog-toggle\"\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Current post date.\n\t\t\t\t\t\t\t\t__( 'Change date: %s' ),\n\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ fullLabel }\n\t\t\t\t\t\t\tshowTooltip={ label !== fullLabel }\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostScheduleForm onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PostPanelRow>\n\t\t</PostScheduleCheck>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,uBAAuB;AACxD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,SAAS;AACvC,OAAOC,gBAAgB,MAAM,SAAS;AACtC,SAASC,oBAAoB,QAAQ,SAAS;AAC9C,OAAOC,YAAY,MAAM,mBAAmB;AAC5C,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAClD,SACCC,kBAAkB,EAClBC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,QACd,uBAAuB;AAE9B,MAAMC,iBAAiB,GAAG,CACzBJ,kBAAkB,EAClBC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,CACpB;AAED,eAAe,SAASE,iBAAiBA,CAAA,EAAG;EAC3C,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAGhB,QAAQ,CAAE,IAAK,CAAC;EAC5D,MAAMiB,QAAQ,GAAGf,SAAS,CACvBgB,MAAM,IAAMA,MAAM,CAAEV,WAAY,CAAC,CAACW,kBAAkB,CAAC,CAAC,EACxD,EACD,CAAC;EACD;EACA,MAAMC,YAAY,GAAGnB,OAAO,CAC3B,OAAQ;IACP;IACA;IACAoB,MAAM,EAAEN,aAAa;IACrB,YAAY,EAAEjB,EAAE,CAAE,qBAAsB,CAAC;IACzCwB,SAAS,EAAE;EACZ,CAAC,CAAE,EACH,CAAEP,aAAa,CAChB,CAAC;EAED,MAAMQ,KAAK,GAAGlB,oBAAoB,CAAC,CAAC;EACpC,MAAMmB,SAAS,GAAGnB,oBAAoB,CAAE;IAAEoB,IAAI,EAAE;EAAK,CAAE,CAAC;EACxD,IAAKZ,iBAAiB,CAACa,QAAQ,CAAET,QAAS,CAAC,EAAG;IAC7C,OAAO,IAAI;EACZ;EAEA,OACCU,aAAA,CAACxB,iBAAiB,QACjBwB,aAAA,CAACrB,YAAY;IAACiB,KAAK,EAAGzB,EAAE,CAAE,SAAU,CAAG;IAAC8B,GAAG,EAAGZ;EAAkB,GAC/DW,aAAA,CAAC9B,QAAQ;IACRuB,YAAY,EAAGA,YAAc;IAC7BS,YAAY;IACZC,SAAS,EAAC,sCAAsC;IAChDC,gBAAgB,EAAC,8BAA8B;IAC/CC,YAAY,EAAGA,CAAE;MAAEC,QAAQ;MAAEC;IAAO,CAAC,KACpCP,aAAA,CAAC/B,MAAM;MACNuC,IAAI,EAAC,SAAS;MACdL,SAAS,EAAC,qCAAqC;MAC/CM,OAAO,EAAC,UAAU;MAClBC,OAAO,EAAGJ,QAAU;MACpB,cAAalC,OAAO;MACnB;MACAD,EAAE,CAAE,iBAAkB,CAAC,EACvByB,KACD,CAAG;MACHA,KAAK,EAAGC,SAAW;MACnBc,WAAW,EAAGf,KAAK,KAAKC,SAAW;MACnC,iBAAgBU;IAAQ,GAEtBX,KACK,CACN;IACHgB,aAAa,EAAGA,CAAE;MAAEC;IAAQ,CAAC,KAC5Bb,aAAA,CAACvB,gBAAgB;MAACoC,OAAO,EAAGA;IAAS,CAAE;EACrC,CACH,CACY,CACI,CAAC;AAEtB","ignoreList":[]}
+{"version":3,"names":["Button","Dropdown","__","sprintf","useState","useMemo","useSelect","PostScheduleCheck","PostScheduleForm","usePostScheduleLabel","PostPanelRow","store","editorStore","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","PATTERN_POST_TYPE","NAVIGATION_POST_TYPE","jsx","_jsx","DESIGN_POST_TYPES","PostSchedulePanel","popoverAnchor","setPopoverAnchor","postType","select","getCurrentPostType","popoverProps","anchor","placement","offset","shift","label","fullLabel","full","includes","children","ref","focusOnMount","className","contentClassName","renderToggle","onToggle","isOpen","size","variant","tooltipPosition","onClick","showTooltip","renderContent","onClose"],"sources":["@wordpress/editor/src/components/post-schedule/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Dropdown } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useState, useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport PostScheduleCheck from './check';\nimport PostScheduleForm from './index';\nimport { usePostScheduleLabel } from './label';\nimport PostPanelRow from '../post-panel-row';\nimport { store as editorStore } from '../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n} from '../../store/constants';\n\nconst DESIGN_POST_TYPES = [\n\tTEMPLATE_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n];\n\n/**\n * Renders the Post Schedule Panel component.\n *\n * @return {Component} The component to be rendered.\n */\nexport default function PostSchedulePanel() {\n\tconst [ popoverAnchor, setPopoverAnchor ] = useState( null );\n\tconst postType = useSelect(\n\t\t( select ) => select( editorStore ).getCurrentPostType(),\n\t\t[]\n\t);\n\t// Memoize popoverProps to avoid returning a new object every time.\n\tconst popoverProps = useMemo(\n\t\t() => ( {\n\t\t\t// Anchor the popover to the middle of the entire row so that it doesn't\n\t\t\t// move around when the label changes.\n\t\t\tanchor: popoverAnchor,\n\t\t\t'aria-label': __( 'Change publish date' ),\n\t\t\tplacement: 'left-start',\n\t\t\toffset: 36,\n\t\t\tshift: true,\n\t\t} ),\n\t\t[ popoverAnchor ]\n\t);\n\n\tconst label = usePostScheduleLabel();\n\tconst fullLabel = usePostScheduleLabel( { full: true } );\n\tif ( DESIGN_POST_TYPES.includes( postType ) ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostScheduleCheck>\n\t\t\t<PostPanelRow label={ __( 'Publish' ) } ref={ setPopoverAnchor }>\n\t\t\t\t<Dropdown\n\t\t\t\t\tpopoverProps={ popoverProps }\n\t\t\t\t\tfocusOnMount\n\t\t\t\t\tclassName=\"editor-post-schedule__panel-dropdown\"\n\t\t\t\t\tcontentClassName=\"editor-post-schedule__dialog\"\n\t\t\t\t\trenderToggle={ ( { onToggle, isOpen } ) => (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tsize=\"compact\"\n\t\t\t\t\t\t\tclassName=\"editor-post-schedule__dialog-toggle\"\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\ttooltipPosition=\"middle left\"\n\t\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: Current post date.\n\t\t\t\t\t\t\t\t__( 'Change date: %s' ),\n\t\t\t\t\t\t\t\tlabel\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tlabel={ fullLabel }\n\t\t\t\t\t\t\tshowTooltip={ label !== fullLabel }\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ label }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t\trenderContent={ ( { onClose } ) => (\n\t\t\t\t\t\t<PostScheduleForm onClose={ onClose } />\n\t\t\t\t\t) }\n\t\t\t\t/>\n\t\t\t</PostPanelRow>\n\t\t</PostScheduleCheck>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,uBAAuB;AACxD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,QAAQ,EAAEC,OAAO,QAAQ,oBAAoB;AACtD,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,SAAS;AACvC,OAAOC,gBAAgB,MAAM,SAAS;AACtC,SAASC,oBAAoB,QAAQ,SAAS;AAC9C,OAAOC,YAAY,MAAM,mBAAmB;AAC5C,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAClD,SACCC,kBAAkB,EAClBC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,QACd,uBAAuB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE/B,MAAMC,iBAAiB,GAAG,CACzBN,kBAAkB,EAClBC,uBAAuB,EACvBC,iBAAiB,EACjBC,oBAAoB,CACpB;;AAED;AACA;AACA;AACA;AACA;AACA,eAAe,SAASI,iBAAiBA,CAAA,EAAG;EAC3C,MAAM,CAAEC,aAAa,EAAEC,gBAAgB,CAAE,GAAGlB,QAAQ,CAAE,IAAK,CAAC;EAC5D,MAAMmB,QAAQ,GAAGjB,SAAS,CACvBkB,MAAM,IAAMA,MAAM,CAAEZ,WAAY,CAAC,CAACa,kBAAkB,CAAC,CAAC,EACxD,EACD,CAAC;EACD;EACA,MAAMC,YAAY,GAAGrB,OAAO,CAC3B,OAAQ;IACP;IACA;IACAsB,MAAM,EAAEN,aAAa;IACrB,YAAY,EAAEnB,EAAE,CAAE,qBAAsB,CAAC;IACzC0B,SAAS,EAAE,YAAY;IACvBC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACR,CAAC,CAAE,EACH,CAAET,aAAa,CAChB,CAAC;EAED,MAAMU,KAAK,GAAGtB,oBAAoB,CAAC,CAAC;EACpC,MAAMuB,SAAS,GAAGvB,oBAAoB,CAAE;IAAEwB,IAAI,EAAE;EAAK,CAAE,CAAC;EACxD,IAAKd,iBAAiB,CAACe,QAAQ,CAAEX,QAAS,CAAC,EAAG;IAC7C,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACX,iBAAiB;IAAA4B,QAAA,eACjBjB,IAAA,CAACR,YAAY;MAACqB,KAAK,EAAG7B,EAAE,CAAE,SAAU,CAAG;MAACkC,GAAG,EAAGd,gBAAkB;MAAAa,QAAA,eAC/DjB,IAAA,CAACjB,QAAQ;QACRyB,YAAY,EAAGA,YAAc;QAC7BW,YAAY;QACZC,SAAS,EAAC,sCAAsC;QAChDC,gBAAgB,EAAC,8BAA8B;QAC/CC,YAAY,EAAGA,CAAE;UAAEC,QAAQ;UAAEC;QAAO,CAAC,kBACpCxB,IAAA,CAAClB,MAAM;UACN2C,IAAI,EAAC,SAAS;UACdL,SAAS,EAAC,qCAAqC;UAC/CM,OAAO,EAAC,UAAU;UAClBC,eAAe,EAAC,aAAa;UAC7BC,OAAO,EAAGL,QAAU;UACpB,cAAatC,OAAO;UACnB;UACAD,EAAE,CAAE,iBAAkB,CAAC,EACvB6B,KACD,CAAG;UACHA,KAAK,EAAGC,SAAW;UACnBe,WAAW,EAAGhB,KAAK,KAAKC,SAAW;UACnC,iBAAgBU,MAAQ;UAAAP,QAAA,EAEtBJ;QAAK,CACA,CACN;QACHiB,aAAa,EAAGA,CAAE;UAAEC;QAAQ,CAAC,kBAC5B/B,IAAA,CAACV,gBAAgB;UAACyC,OAAO,EAAGA;QAAS,CAAE;MACrC,CACH;IAAC,CACW;EAAC,CACG,CAAC;AAEtB","ignoreList":[]}

package/build-module/components/post-slug/check.js

@@ -1,13 +1,14 @@
-import { createElement } from "react";
 /**
  * Internal dependencies
  */
 import PostTypeSupportCheck from '../post-type-support-check';
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function PostSlugCheck({
   children
 }) {
-  return createElement(PostTypeSupportCheck, {
-    supportKeys: "slug"
-  }, children);
+  return /*#__PURE__*/_jsx(PostTypeSupportCheck, {
+    supportKeys: "slug",
+    children: children
+  });
 }
 //# sourceMappingURL=check.js.map

package/build-module/components/post-slug/check.js.map

@@ -1 +1 @@
-{"version":3,"names":["PostTypeSupportCheck","PostSlugCheck","children","createElement","supportKeys"],"sources":["@wordpress/editor/src/components/post-slug/check.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\n\nexport default function PostSlugCheck( { children } ) {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"slug\">\n\t\t\t{ children }\n\t\t</PostTypeSupportCheck>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,oBAAoB,MAAM,4BAA4B;AAE7D,eAAe,SAASC,aAAaA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACrD,OACCC,aAAA,CAACH,oBAAoB;IAACI,WAAW,EAAC;EAAM,GACrCF,QACmB,CAAC;AAEzB","ignoreList":[]}
+{"version":3,"names":["PostTypeSupportCheck","jsx","_jsx","PostSlugCheck","children","supportKeys"],"sources":["@wordpress/editor/src/components/post-slug/check.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport PostTypeSupportCheck from '../post-type-support-check';\n\nexport default function PostSlugCheck( { children } ) {\n\treturn (\n\t\t<PostTypeSupportCheck supportKeys=\"slug\">\n\t\t\t{ children }\n\t\t</PostTypeSupportCheck>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,oBAAoB,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,eAAe,SAASC,aAAaA,CAAE;EAAEC;AAAS,CAAC,EAAG;EACrD,oBACCF,IAAA,CAACF,oBAAoB;IAACK,WAAW,EAAC,MAAM;IAAAD,QAAA,EACrCA;EAAQ,CACW,CAAC;AAEzB","ignoreList":[]}

package/build-module/components/post-slug/index.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -13,6 +12,7 @@ import { TextControl } from '@wordpress/components';
  */
 import PostSlugCheck from './check';
 import { store as editorStore } from '../../store';
+import { jsx as _jsx } from "react/jsx-runtime";
 function PostSlugControl() {
   const postSlug = useSelect(select => {
     return safeDecodeURIComponent(select(editorStore).getEditedPostSlug());
@@ -21,7 +21,7 @@ function PostSlugControl() {
     editPost
   } = useDispatch(editorStore);
   const [forceEmptyField, setForceEmptyField] = useState(false);
-  return createElement(TextControl, {
+  return /*#__PURE__*/_jsx(TextControl, {
     __nextHasNoMarginBottom: true,
     label: __('Slug'),
     autoComplete: "off",
@@ -57,6 +57,8 @@ function PostSlugControl() {
   });
 }
 export default function PostSlug() {
-  return createElement(PostSlugCheck, null, createElement(PostSlugControl, null));
+  return /*#__PURE__*/_jsx(PostSlugCheck, {
+    children: /*#__PURE__*/_jsx(PostSlugControl, {})
+  });
 }
 //# sourceMappingURL=index.js.map

package/build-module/components/post-slug/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useDispatch","useSelect","useState","__","safeDecodeURIComponent","cleanForSlug","TextControl","PostSlugCheck","store","editorStore","PostSlugControl","postSlug","select","getEditedPostSlug","editPost","forceEmptyField","setForceEmptyField","createElement","__nextHasNoMarginBottom","label","autoComplete","spellCheck","value","onChange","newValue","slug","onBlur","event","target","className","PostSlug"],"sources":["@wordpress/editor/src/components/post-slug/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';\nimport { TextControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PostSlugCheck from './check';\nimport { store as editorStore } from '../../store';\n\nfunction PostSlugControl() {\n\tconst postSlug = useSelect( ( select ) => {\n\t\treturn safeDecodeURIComponent(\n\t\t\tselect( editorStore ).getEditedPostSlug()\n\t\t);\n\t}, [] );\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ forceEmptyField, setForceEmptyField ] = useState( false );\n\n\treturn (\n\t\t<TextControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Slug' ) }\n\t\t\tautoComplete=\"off\"\n\t\t\tspellCheck=\"false\"\n\t\t\tvalue={ forceEmptyField ? '' : postSlug }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\teditPost( { slug: newValue } );\n\t\t\t\t// When we delete the field the permalink gets\n\t\t\t\t// reverted to the original value.\n\t\t\t\t// The forceEmptyField logic allows the user to have\n\t\t\t\t// the field temporarily empty while typing.\n\t\t\t\tif ( ! newValue ) {\n\t\t\t\t\tif ( ! forceEmptyField ) {\n\t\t\t\t\t\tsetForceEmptyField( true );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\teditPost( {\n\t\t\t\t\tslug: cleanForSlug( event.target.value ),\n\t\t\t\t} );\n\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tclassName=\"editor-post-slug\"\n\t\t/>\n\t);\n}\n\nexport default function PostSlug() {\n\treturn (\n\t\t<PostSlugCheck>\n\t\t\t<PostSlugControl />\n\t\t</PostSlugCheck>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,sBAAsB,EAAEC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,WAAW,QAAQ,uBAAuB;;AAEnD;AACA;AACA;AACA,OAAOC,aAAa,MAAM,SAAS;AACnC,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAElD,SAASC,eAAeA,CAAA,EAAG;EAC1B,MAAMC,QAAQ,GAAGV,SAAS,CAAIW,MAAM,IAAM;IACzC,OAAOR,sBAAsB,CAC5BQ,MAAM,CAAEH,WAAY,CAAC,CAACI,iBAAiB,CAAC,CACzC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAS,CAAC,GAAGd,WAAW,CAAES,WAAY,CAAC;EAC/C,MAAM,CAAEM,eAAe,EAAEC,kBAAkB,CAAE,GAAGd,QAAQ,CAAE,KAAM,CAAC;EAEjE,OACCe,aAAA,CAACX,WAAW;IACXY,uBAAuB;IACvBC,KAAK,EAAGhB,EAAE,CAAE,MAAO,CAAG;IACtBiB,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,OAAO;IAClBC,KAAK,EAAGP,eAAe,GAAG,EAAE,GAAGJ,QAAU;IACzCY,QAAQ,EAAKC,QAAQ,IAAM;MAC1BV,QAAQ,CAAE;QAAEW,IAAI,EAAED;MAAS,CAAE,CAAC;MAC9B;MACA;MACA;MACA;MACA,IAAK,CAAEA,QAAQ,EAAG;QACjB,IAAK,CAAET,eAAe,EAAG;UACxBC,kBAAkB,CAAE,IAAK,CAAC;QAC3B;QACA;MACD;MACA,IAAKD,eAAe,EAAG;QACtBC,kBAAkB,CAAE,KAAM,CAAC;MAC5B;IACD,CAAG;IACHU,MAAM,EAAKC,KAAK,IAAM;MACrBb,QAAQ,CAAE;QACTW,IAAI,EAAEpB,YAAY,CAAEsB,KAAK,CAACC,MAAM,CAACN,KAAM;MACxC,CAAE,CAAC;MACH,IAAKP,eAAe,EAAG;QACtBC,kBAAkB,CAAE,KAAM,CAAC;MAC5B;IACD,CAAG;IACHa,SAAS,EAAC;EAAkB,CAC5B,CAAC;AAEJ;AAEA,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,OACCb,aAAA,CAACV,aAAa,QACbU,aAAA,CAACP,eAAe,MAAE,CACJ,CAAC;AAElB","ignoreList":[]}
+{"version":3,"names":["useDispatch","useSelect","useState","__","safeDecodeURIComponent","cleanForSlug","TextControl","PostSlugCheck","store","editorStore","jsx","_jsx","PostSlugControl","postSlug","select","getEditedPostSlug","editPost","forceEmptyField","setForceEmptyField","__nextHasNoMarginBottom","label","autoComplete","spellCheck","value","onChange","newValue","slug","onBlur","event","target","className","PostSlug","children"],"sources":["@wordpress/editor/src/components/post-slug/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { safeDecodeURIComponent, cleanForSlug } from '@wordpress/url';\nimport { TextControl } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PostSlugCheck from './check';\nimport { store as editorStore } from '../../store';\n\nfunction PostSlugControl() {\n\tconst postSlug = useSelect( ( select ) => {\n\t\treturn safeDecodeURIComponent(\n\t\t\tselect( editorStore ).getEditedPostSlug()\n\t\t);\n\t}, [] );\n\tconst { editPost } = useDispatch( editorStore );\n\tconst [ forceEmptyField, setForceEmptyField ] = useState( false );\n\n\treturn (\n\t\t<TextControl\n\t\t\t__nextHasNoMarginBottom\n\t\t\tlabel={ __( 'Slug' ) }\n\t\t\tautoComplete=\"off\"\n\t\t\tspellCheck=\"false\"\n\t\t\tvalue={ forceEmptyField ? '' : postSlug }\n\t\t\tonChange={ ( newValue ) => {\n\t\t\t\teditPost( { slug: newValue } );\n\t\t\t\t// When we delete the field the permalink gets\n\t\t\t\t// reverted to the original value.\n\t\t\t\t// The forceEmptyField logic allows the user to have\n\t\t\t\t// the field temporarily empty while typing.\n\t\t\t\tif ( ! newValue ) {\n\t\t\t\t\tif ( ! forceEmptyField ) {\n\t\t\t\t\t\tsetForceEmptyField( true );\n\t\t\t\t\t}\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tonBlur={ ( event ) => {\n\t\t\t\teditPost( {\n\t\t\t\t\tslug: cleanForSlug( event.target.value ),\n\t\t\t\t} );\n\t\t\t\tif ( forceEmptyField ) {\n\t\t\t\t\tsetForceEmptyField( false );\n\t\t\t\t}\n\t\t\t} }\n\t\t\tclassName=\"editor-post-slug\"\n\t\t/>\n\t);\n}\n\nexport default function PostSlug() {\n\treturn (\n\t\t<PostSlugCheck>\n\t\t\t<PostSlugControl />\n\t\t</PostSlugCheck>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,sBAAsB,EAAEC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,WAAW,QAAQ,uBAAuB;;AAEnD;AACA;AACA;AACA,OAAOC,aAAa,MAAM,SAAS;AACnC,SAASC,KAAK,IAAIC,WAAW,QAAQ,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnD,SAASC,eAAeA,CAAA,EAAG;EAC1B,MAAMC,QAAQ,GAAGZ,SAAS,CAAIa,MAAM,IAAM;IACzC,OAAOV,sBAAsB,CAC5BU,MAAM,CAAEL,WAAY,CAAC,CAACM,iBAAiB,CAAC,CACzC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAS,CAAC,GAAGhB,WAAW,CAAES,WAAY,CAAC;EAC/C,MAAM,CAAEQ,eAAe,EAAEC,kBAAkB,CAAE,GAAGhB,QAAQ,CAAE,KAAM,CAAC;EAEjE,oBACCS,IAAA,CAACL,WAAW;IACXa,uBAAuB;IACvBC,KAAK,EAAGjB,EAAE,CAAE,MAAO,CAAG;IACtBkB,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,OAAO;IAClBC,KAAK,EAAGN,eAAe,GAAG,EAAE,GAAGJ,QAAU;IACzCW,QAAQ,EAAKC,QAAQ,IAAM;MAC1BT,QAAQ,CAAE;QAAEU,IAAI,EAAED;MAAS,CAAE,CAAC;MAC9B;MACA;MACA;MACA;MACA,IAAK,CAAEA,QAAQ,EAAG;QACjB,IAAK,CAAER,eAAe,EAAG;UACxBC,kBAAkB,CAAE,IAAK,CAAC;QAC3B;QACA;MACD;MACA,IAAKD,eAAe,EAAG;QACtBC,kBAAkB,CAAE,KAAM,CAAC;MAC5B;IACD,CAAG;IACHS,MAAM,EAAKC,KAAK,IAAM;MACrBZ,QAAQ,CAAE;QACTU,IAAI,EAAErB,YAAY,CAAEuB,KAAK,CAACC,MAAM,CAACN,KAAM;MACxC,CAAE,CAAC;MACH,IAAKN,eAAe,EAAG;QACtBC,kBAAkB,CAAE,KAAM,CAAC;MAC5B;IACD,CAAG;IACHY,SAAS,EAAC;EAAkB,CAC5B,CAAC;AAEJ;AAEA,eAAe,SAASC,QAAQA,CAAA,EAAG;EAClC,oBACCpB,IAAA,CAACJ,aAAa;IAAAyB,QAAA,eACbrB,IAAA,CAACC,eAAe,IAAE;EAAC,CACL,CAAC;AAElB","ignoreList":[]}

package/build-module/components/post-slug/panel.js

@@ -1,4 +1,3 @@
-import { createElement } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,10 +8,14 @@ import { PanelRow } from '@wordpress/components';
  */
 import PostSlugForm from './';
 import PostSlugCheck from './check';
+import { jsx as _jsx } from "react/jsx-runtime";
 export function PostSlug() {
-  return createElement(PostSlugCheck, null, createElement(PanelRow, {
-    className: "editor-post-slug"
-  }, createElement(PostSlugForm, null)));
+  return /*#__PURE__*/_jsx(PostSlugCheck, {
+    children: /*#__PURE__*/_jsx(PanelRow, {
+      className: "editor-post-slug",
+      children: /*#__PURE__*/_jsx(PostSlugForm, {})
+    })
+  });
 }
 export default PostSlug;
 //# sourceMappingURL=panel.js.map

package/build-module/components/post-slug/panel.js.map

@@ -1 +1 @@
-{"version":3,"names":["PanelRow","PostSlugForm","PostSlugCheck","PostSlug","createElement","className"],"sources":["@wordpress/editor/src/components/post-slug/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelRow } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PostSlugForm from './';\nimport PostSlugCheck from './check';\n\nexport function PostSlug() {\n\treturn (\n\t\t<PostSlugCheck>\n\t\t\t<PanelRow className=\"editor-post-slug\">\n\t\t\t\t<PostSlugForm />\n\t\t\t</PanelRow>\n\t\t</PostSlugCheck>\n\t);\n}\n\nexport default PostSlug;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,IAAI;AAC7B,OAAOC,aAAa,MAAM,SAAS;AAEnC,OAAO,SAASC,QAAQA,CAAA,EAAG;EAC1B,OACCC,aAAA,CAACF,aAAa,QACbE,aAAA,CAACJ,QAAQ;IAACK,SAAS,EAAC;EAAkB,GACrCD,aAAA,CAACH,YAAY,MAAE,CACN,CACI,CAAC;AAElB;AAEA,eAAeE,QAAQ","ignoreList":[]}
+{"version":3,"names":["PanelRow","PostSlugForm","PostSlugCheck","jsx","_jsx","PostSlug","children","className"],"sources":["@wordpress/editor/src/components/post-slug/panel.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { PanelRow } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport PostSlugForm from './';\nimport PostSlugCheck from './check';\n\nexport function PostSlug() {\n\treturn (\n\t\t<PostSlugCheck>\n\t\t\t<PanelRow className=\"editor-post-slug\">\n\t\t\t\t<PostSlugForm />\n\t\t\t</PanelRow>\n\t\t</PostSlugCheck>\n\t);\n}\n\nexport default PostSlug;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,uBAAuB;;AAEhD;AACA;AACA;AACA,OAAOC,YAAY,MAAM,IAAI;AAC7B,OAAOC,aAAa,MAAM,SAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,OAAO,SAASC,QAAQA,CAAA,EAAG;EAC1B,oBACCD,IAAA,CAACF,aAAa;IAAAI,QAAA,eACbF,IAAA,CAACJ,QAAQ;MAACO,SAAS,EAAC,kBAAkB;MAAAD,QAAA,eACrCF,IAAA,CAACH,YAAY,IAAE;IAAC,CACP;EAAC,CACG,CAAC;AAElB;AAEA,eAAeI,QAAQ","ignoreList":[]}

package/build-module/components/post-status/index.js

@@ -1,88 +1,76 @@
-import { createElement, Fragment } from "react";
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
 /**
  * WordPress dependencies
  */
 import { Button, CheckboxControl, Dropdown, __experimentalText as Text, __experimentalVStack as VStack, TextControl, RadioControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { useState, useMemo } from '@wordpress/element';
 import { store as coreStore } from '@wordpress/core-data';
 import { __experimentalInspectorPopoverHeader as InspectorPopoverHeader } from '@wordpress/block-editor';
 import { useInstanceId } from '@wordpress/compose';
-import { Icon, chevronDownSmall } from '@wordpress/icons';
 
 /**
  * Internal dependencies
  */
 import { TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_POST_TYPE, NAVIGATION_POST_TYPE } from '../../store/constants';
 import PostPanelRow from '../post-panel-row';
+import { PrivatePostSchedule } from '../post-schedule';
 import { store as editorStore } from '../../store';
-function PostStatusLabel({
-  canEdit
-}) {
-  const status = useSelect(select => select(editorStore).getEditedPostAttribute('status'), []);
-  let statusLabel;
-  switch (status) {
-    case 'publish':
-      statusLabel = __('Published');
-      break;
-    case 'future':
-      statusLabel = __('Scheduled');
-      break;
-    case 'draft':
-    case 'auto-draft':
-      statusLabel = __('Draft');
-      break;
-    case 'pending':
-      statusLabel = __('Pending');
-      break;
-    case 'private':
-      statusLabel = __('Private');
-      break;
-  }
-  return createElement(Text, {
-    className: clsx('editor-post-status-label', {
-      [` has-status-${status}`]: !!status,
-      'has-icon': canEdit
-    })
-  }, statusLabel, canEdit && createElement(Icon, {
-    icon: chevronDownSmall
-  }));
-}
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const labels = {
+  'auto-draft': __('Draft'),
+  draft: __('Draft'),
+  pending: __('Pending'),
+  private: __('Private'),
+  future: __('Scheduled'),
+  publish: __('Published')
+};
 const STATUS_OPTIONS = [{
-  label: createElement(Fragment, null, __('Draft'), createElement(Text, {
-    variant: "muted",
-    size: 12
-  }, __('Not ready to publish.'))),
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [__('Draft'), /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      size: 12,
+      children: __('Not ready to publish.')
+    })]
+  }),
   value: 'draft'
 }, {
-  label: createElement(Fragment, null, __('Pending'), createElement(Text, {
-    variant: "muted",
-    size: 12
-  }, __('Waiting for review before publishing.'))),
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [__('Pending'), /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      size: 12,
+      children: __('Waiting for review before publishing.')
+    })]
+  }),
   value: 'pending'
 }, {
-  label: createElement(Fragment, null, __('Private'), createElement(Text, {
-    variant: "muted",
-    size: 12
-  }, __('Only visible to site admins and editors.'))),
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [__('Private'), /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      size: 12,
+      children: __('Only visible to site admins and editors.')
+    })]
+  }),
   value: 'private'
 }, {
-  label: createElement(Fragment, null, __('Scheduled'), createElement(Text, {
-    variant: "muted",
-    size: 12
-  }, __('Publish automatically on a chosen date.'))),
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [__('Scheduled'), /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      size: 12,
+      children: __('Publish automatically on a chosen date.')
+    })]
+  }),
   value: 'future'
 }, {
-  label: createElement(Fragment, null, __('Published'), createElement(Text, {
-    variant: "muted",
-    size: 12
-  }, __('Visible to everyone.'))),
+  label: /*#__PURE__*/_jsxs(_Fragment, {
+    children: [__('Published'), /*#__PURE__*/_jsx(Text, {
+      variant: "muted",
+      size: 12,
+      children: __('Visible to everyone.')
+    })]
+  }),
   value: 'publish'
 }];
 const DESIGN_POST_TYPES = [TEMPLATE_POST_TYPE, TEMPLATE_PART_POST_TYPE, PATTERN_POST_TYPE, NAVIGATION_POST_TYPE];
@@ -155,11 +143,6 @@ export default function PostStatus() {
     let newPassword = password;
     if (status === 'future' && new Date(date) > new Date()) {
       newDate = null;
-    } else if (value === 'future') {
-      if (!date || new Date(date) < new Date()) {
-        newDate = new Date();
-        newDate.setDate(newDate.getDate() + 7);
-      }
     }
     if (value === 'private' && password) {
       newPassword = '';
@@ -170,62 +153,80 @@ export default function PostStatus() {
       password: newPassword
     });
   };
-  return createElement(PostPanelRow, {
+  return /*#__PURE__*/_jsx(PostPanelRow, {
     label: __('Status'),
-    ref: setPopoverAnchor
-  }, canEdit ? createElement(Dropdown, {
-    className: "editor-post-status",
-    contentClassName: "editor-change-status__content",
-    popoverProps: popoverProps,
-    focusOnMount: true,
-    renderToggle: ({
-      onToggle
-    }) => createElement(Button, {
-      className: "editor-post-status-trigger",
-      onClick: onToggle
-    }, createElement(PostStatusLabel, {
-      canEdit: canEdit
-    })),
-    renderContent: ({
-      onClose
-    }) => createElement(Fragment, null, createElement(InspectorPopoverHeader, {
-      title: __('Status & visibility'),
-      onClose: onClose
-    }), createElement("form", null, createElement(VStack, {
-      spacing: 4
-    }, createElement(RadioControl, {
-      className: "editor-change-status__options",
-      hideLabelFromVision: true,
-      label: __('Status'),
-      options: STATUS_OPTIONS,
-      onChange: handleStatus,
-      selected: status === 'auto-draft' ? 'draft' : status
-    }), status !== 'private' && createElement(VStack, {
-      as: "fieldset",
-      spacing: 4,
-      className: "editor-change-status__password-fieldset"
-    }, createElement(CheckboxControl, {
-      __nextHasNoMarginBottom: true,
-      label: __('Password protected'),
-      help: __('Only visible to those who know the password'),
-      checked: showPassword,
-      onChange: handleTogglePassword
-    }), showPassword && createElement("div", {
-      className: "editor-change-status__password-input"
-    }, createElement(TextControl, {
-      label: __('Password'),
-      onChange: value => updatePost({
-        password: value
+    ref: setPopoverAnchor,
+    children: canEdit ? /*#__PURE__*/_jsx(Dropdown, {
+      className: "editor-post-status",
+      contentClassName: "editor-change-status__content",
+      popoverProps: popoverProps,
+      focusOnMount: true,
+      renderToggle: ({
+        onToggle
+      }) => /*#__PURE__*/_jsx(Button, {
+        variant: "tertiary",
+        size: "compact",
+        onClick: onToggle,
+        "aria-label": sprintf(
+        // translators: %s: Current post status.
+        __('Change post status: %s'), labels[status]),
+        children: labels[status]
       }),
-      value: password,
-      placeholder: __('Use a secure password'),
-      type: "text",
-      id: passwordInputId,
-      __next40pxDefaultSize: true,
-      __nextHasNoMarginBottom: true
-    }))))))
-  }) : createElement("div", {
-    className: "editor-post-status"
-  }, createElement(PostStatusLabel, null)));
+      renderContent: ({
+        onClose
+      }) => /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsx(InspectorPopoverHeader, {
+          title: __('Status & visibility'),
+          onClose: onClose
+        }), /*#__PURE__*/_jsx("form", {
+          children: /*#__PURE__*/_jsxs(VStack, {
+            spacing: 4,
+            children: [/*#__PURE__*/_jsx(RadioControl, {
+              className: "editor-change-status__options",
+              hideLabelFromVision: true,
+              label: __('Status'),
+              options: STATUS_OPTIONS,
+              onChange: handleStatus,
+              selected: status === 'auto-draft' ? 'draft' : status
+            }), status === 'future' && /*#__PURE__*/_jsx("div", {
+              className: "editor-change-status__publish-date-wrapper",
+              children: /*#__PURE__*/_jsx(PrivatePostSchedule, {
+                showPopoverHeaderActions: false,
+                isCompact: true
+              })
+            }), status !== 'private' && /*#__PURE__*/_jsxs(VStack, {
+              as: "fieldset",
+              spacing: 4,
+              className: "editor-change-status__password-fieldset",
+              children: [/*#__PURE__*/_jsx(CheckboxControl, {
+                __nextHasNoMarginBottom: true,
+                label: __('Password protected'),
+                help: __('Only visible to those who know the password'),
+                checked: showPassword,
+                onChange: handleTogglePassword
+              }), showPassword && /*#__PURE__*/_jsx("div", {
+                className: "editor-change-status__password-input",
+                children: /*#__PURE__*/_jsx(TextControl, {
+                  label: __('Password'),
+                  onChange: value => updatePost({
+                    password: value
+                  }),
+                  value: password,
+                  placeholder: __('Use a secure password'),
+                  type: "text",
+                  id: passwordInputId,
+                  __next40pxDefaultSize: true,
+                  __nextHasNoMarginBottom: true
+                })
+              })]
+            })]
+          })
+        })]
+      })
+    }) : /*#__PURE__*/_jsx("div", {
+      className: "editor-post-status is-read-only",
+      children: labels[status]
+    })
+  });
 }
 //# sourceMappingURL=index.js.map