@wordpress/edit-site 5.34.0 → 6.0.0

package/build/components/sidebar/index.js

@@ -6,10 +6,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.SidebarNavigationContext = void 0;
 exports.default = SidebarContent;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _element = require("@wordpress/element");
 var _dom = require("@wordpress/dom");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -19,44 +19,77 @@ var _dom = require("@wordpress/dom");
  */
 
 const SidebarNavigationContext = exports.SidebarNavigationContext = (0, _element.createContext)(() => {});
-function SidebarContent({
-  routeKey,
-  children
-}) {
-  const [navState, setNavState] = (0, _element.useState)({
+// Focus a sidebar element after a navigation. The element to focus is either
+// specified by `focusSelector` (when navigating back) or it is the first
+// tabbable element (usually the "Back" button).
+function focusSidebarElement(el, direction, focusSelector) {
+  let elementToFocus;
+  if (direction === 'back' && focusSelector) {
+    elementToFocus = el.querySelector(focusSelector);
+  }
+  if (direction !== null && !elementToFocus) {
+    const [firstTabbable] = _dom.focus.tabbable.find(el);
+    elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : el;
+  }
+  elementToFocus?.focus();
+}
+
+// Navigation state that is updated when navigating back or forward. Helps us
+// manage the animations and also focus.
+function createNavState() {
+  let state = {
     direction: null,
     focusSelector: null
-  });
-  const navigate = (0, _element.useCallback)((direction, focusSelector = null) => {
-    setNavState(prevState => ({
-      direction,
-      focusSelector: direction === 'forward' && focusSelector ? focusSelector : prevState.focusSelector
-    }));
-  }, []);
-  const wrapperRef = (0, _element.useRef)();
-  (0, _element.useEffect)(() => {
-    let elementToFocus;
-    if (navState.direction === 'back' && navState.focusSelector) {
-      elementToFocus = wrapperRef.current.querySelector(navState.focusSelector);
+  };
+  return {
+    get() {
+      return state;
+    },
+    navigate(direction, focusSelector = null) {
+      state = {
+        direction,
+        focusSelector: direction === 'forward' && focusSelector ? focusSelector : state.focusSelector
+      };
     }
-    if (navState.direction !== null && !elementToFocus) {
-      const [firstTabbable] = _dom.focus.tabbable.find(wrapperRef.current);
-      elementToFocus = firstTabbable !== null && firstTabbable !== void 0 ? firstTabbable : wrapperRef.current;
-    }
-    elementToFocus?.focus();
+  };
+}
+function SidebarContentWrapper({
+  children
+}) {
+  const navState = (0, _element.useContext)(SidebarNavigationContext);
+  const wrapperRef = (0, _element.useRef)();
+  const [navAnimation, setNavAnimation] = (0, _element.useState)(null);
+  (0, _element.useLayoutEffect)(() => {
+    const {
+      direction,
+      focusSelector
+    } = navState.get();
+    focusSidebarElement(wrapperRef.current, direction, focusSelector);
+    setNavAnimation(direction);
   }, [navState]);
-  const wrapperCls = (0, _classnames.default)('edit-site-sidebar__screen-wrapper', {
-    'slide-from-left': navState.direction === 'back',
-    'slide-from-right': navState.direction === 'forward'
+  const wrapperCls = (0, _clsx.default)('edit-site-sidebar__screen-wrapper', {
+    'slide-from-left': navAnimation === 'back',
+    'slide-from-right': navAnimation === 'forward'
   });
-  return (0, _react.createElement)(SidebarNavigationContext.Provider, {
-    value: navigate
-  }, (0, _react.createElement)("div", {
-    className: "edit-site-sidebar__content"
-  }, (0, _react.createElement)("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     ref: wrapperRef,
-    key: routeKey,
-    className: wrapperCls
-  }, children)));
+    className: wrapperCls,
+    children: children
+  });
+}
+function SidebarContent({
+  routeKey,
+  children
+}) {
+  const [navState] = (0, _element.useState)(createNavState);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarNavigationContext.Provider, {
+    value: navState,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "edit-site-sidebar__content",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SidebarContentWrapper, {
+        children: children
+      }, routeKey)
+    })
+  });
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_dom","SidebarNavigationContext","exports","createContext","SidebarContent","routeKey","children","navState","setNavState","useState","direction","focusSelector","navigate","useCallback","prevState","wrapperRef","useRef","useEffect","elementToFocus","current","querySelector","firstTabbable","focus","tabbable","find","wrapperCls","classnames","_react","createElement","Provider","value","className","ref","key"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseCallback,\n\tcreateContext,\n\tuseState,\n\tuseRef,\n\tuseEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState, setNavState ] = useState( {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t} );\n\n\tconst navigate = useCallback( ( direction, focusSelector = null ) => {\n\t\tsetNavState( ( prevState ) => ( {\n\t\t\tdirection,\n\t\t\tfocusSelector:\n\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t? focusSelector\n\t\t\t\t\t: prevState.focusSelector,\n\t\t} ) );\n\t}, [] );\n\n\tconst wrapperRef = useRef();\n\tuseEffect( () => {\n\t\tlet elementToFocus;\n\t\tif ( navState.direction === 'back' && navState.focusSelector ) {\n\t\t\telementToFocus = wrapperRef.current.querySelector(\n\t\t\t\tnavState.focusSelector\n\t\t\t);\n\t\t}\n\t\tif ( navState.direction !== null && ! elementToFocus ) {\n\t\t\tconst [ firstTabbable ] = focus.tabbable.find( wrapperRef.current );\n\t\t\telementToFocus = firstTabbable ?? wrapperRef.current;\n\t\t}\n\t\telementToFocus?.focus();\n\t}, [ navState ] );\n\n\tconst wrapperCls = classnames( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navState.direction === 'back',\n\t\t'slide-from-right': navState.direction === 'forward',\n\t} );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navigate }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<div\n\t\t\t\t\tref={ wrapperRef }\n\t\t\t\t\tkey={ routeKey }\n\t\t\t\t\tclassName={ wrapperCls }\n\t\t\t\t>\n\t\t\t\t\t{ children }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":";;;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAOA,IAAAE,IAAA,GAAAF,OAAA;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAUO,MAAMG,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,sBAAa,EAAE,MAAM,CAAC,CAAE,CAAC;AAElD,SAASC,cAAcA,CAAE;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAG;EAChE,MAAM,CAAEC,QAAQ,EAAEC,WAAW,CAAE,GAAG,IAAAC,iBAAQ,EAAE;IAC3CC,SAAS,EAAE,IAAI;IACfC,aAAa,EAAE;EAChB,CAAE,CAAC;EAEH,MAAMC,QAAQ,GAAG,IAAAC,oBAAW,EAAE,CAAEH,SAAS,EAAEC,aAAa,GAAG,IAAI,KAAM;IACpEH,WAAW,CAAIM,SAAS,KAAQ;MAC/BJ,SAAS;MACTC,aAAa,EACZD,SAAS,KAAK,SAAS,IAAIC,aAAa,GACrCA,aAAa,GACbG,SAAS,CAACH;IACf,CAAC,CAAG,CAAC;EACN,CAAC,EAAE,EAAG,CAAC;EAEP,MAAMI,UAAU,GAAG,IAAAC,eAAM,EAAC,CAAC;EAC3B,IAAAC,kBAAS,EAAE,MAAM;IAChB,IAAIC,cAAc;IAClB,IAAKX,QAAQ,CAACG,SAAS,KAAK,MAAM,IAAIH,QAAQ,CAACI,aAAa,EAAG;MAC9DO,cAAc,GAAGH,UAAU,CAACI,OAAO,CAACC,aAAa,CAChDb,QAAQ,CAACI,aACV,CAAC;IACF;IACA,IAAKJ,QAAQ,CAACG,SAAS,KAAK,IAAI,IAAI,CAAEQ,cAAc,EAAG;MACtD,MAAM,CAAEG,aAAa,CAAE,GAAGC,UAAK,CAACC,QAAQ,CAACC,IAAI,CAAET,UAAU,CAACI,OAAQ,CAAC;MACnED,cAAc,GAAGG,aAAa,aAAbA,aAAa,cAAbA,aAAa,GAAIN,UAAU,CAACI,OAAO;IACrD;IACAD,cAAc,EAAEI,KAAK,CAAC,CAAC;EACxB,CAAC,EAAE,CAAEf,QAAQ,CAAG,CAAC;EAEjB,MAAMkB,UAAU,GAAG,IAAAC,mBAAU,EAAE,mCAAmC,EAAE;IACnE,iBAAiB,EAAEnB,QAAQ,CAACG,SAAS,KAAK,MAAM;IAChD,kBAAkB,EAAEH,QAAQ,CAACG,SAAS,KAAK;EAC5C,CAAE,CAAC;EAEH,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAC3B,wBAAwB,CAAC4B,QAAQ;IAACC,KAAK,EAAGlB;EAAU,GACpD,IAAAe,MAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAA4B,GAC1C,IAAAJ,MAAA,CAAAC,aAAA;IACCI,GAAG,EAAGjB,UAAY;IAClBkB,GAAG,EAAG5B,QAAU;IAChB0B,SAAS,EAAGN;EAAY,GAEtBnB,QACE,CACD,CAC6B,CAAC;AAEtC","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_dom","_jsxRuntime","SidebarNavigationContext","exports","createContext","focusSidebarElement","el","direction","focusSelector","elementToFocus","querySelector","firstTabbable","focus","tabbable","find","createNavState","state","get","navigate","SidebarContentWrapper","children","navState","useContext","wrapperRef","useRef","navAnimation","setNavAnimation","useState","useLayoutEffect","current","wrapperCls","clsx","jsx","ref","className","SidebarContent","routeKey","Provider","value"],"sources":["@wordpress/edit-site/src/components/sidebar/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tcreateContext,\n\tuseContext,\n\tuseState,\n\tuseRef,\n\tuseLayoutEffect,\n} from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nexport const SidebarNavigationContext = createContext( () => {} );\n// Focus a sidebar element after a navigation. The element to focus is either\n// specified by `focusSelector` (when navigating back) or it is the first\n// tabbable element (usually the \"Back\" button).\nfunction focusSidebarElement( el, direction, focusSelector ) {\n\tlet elementToFocus;\n\tif ( direction === 'back' && focusSelector ) {\n\t\telementToFocus = el.querySelector( focusSelector );\n\t}\n\tif ( direction !== null && ! elementToFocus ) {\n\t\tconst [ firstTabbable ] = focus.tabbable.find( el );\n\t\telementToFocus = firstTabbable ?? el;\n\t}\n\telementToFocus?.focus();\n}\n\n// Navigation state that is updated when navigating back or forward. Helps us\n// manage the animations and also focus.\nfunction createNavState() {\n\tlet state = {\n\t\tdirection: null,\n\t\tfocusSelector: null,\n\t};\n\n\treturn {\n\t\tget() {\n\t\t\treturn state;\n\t\t},\n\t\tnavigate( direction, focusSelector = null ) {\n\t\t\tstate = {\n\t\t\t\tdirection,\n\t\t\t\tfocusSelector:\n\t\t\t\t\tdirection === 'forward' && focusSelector\n\t\t\t\t\t\t? focusSelector\n\t\t\t\t\t\t: state.focusSelector,\n\t\t\t};\n\t\t},\n\t};\n}\n\nfunction SidebarContentWrapper( { children } ) {\n\tconst navState = useContext( SidebarNavigationContext );\n\tconst wrapperRef = useRef();\n\tconst [ navAnimation, setNavAnimation ] = useState( null );\n\n\tuseLayoutEffect( () => {\n\t\tconst { direction, focusSelector } = navState.get();\n\t\tfocusSidebarElement( wrapperRef.current, direction, focusSelector );\n\t\tsetNavAnimation( direction );\n\t}, [ navState ] );\n\n\tconst wrapperCls = clsx( 'edit-site-sidebar__screen-wrapper', {\n\t\t'slide-from-left': navAnimation === 'back',\n\t\t'slide-from-right': navAnimation === 'forward',\n\t} );\n\n\treturn (\n\t\t<div ref={ wrapperRef } className={ wrapperCls }>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default function SidebarContent( { routeKey, children } ) {\n\tconst [ navState ] = useState( createNavState );\n\n\treturn (\n\t\t<SidebarNavigationContext.Provider value={ navState }>\n\t\t\t<div className=\"edit-site-sidebar__content\">\n\t\t\t\t<SidebarContentWrapper key={ routeKey }>\n\t\t\t\t\t{ children }\n\t\t\t\t</SidebarContentWrapper>\n\t\t\t</div>\n\t\t</SidebarNavigationContext.Provider>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build/components/sidebar-button/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = SidebarButton;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
+var _clsx = _interopRequireDefault(require("clsx"));
 var _components = require("@wordpress/components");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * External dependencies
  */
@@ -17,9 +17,9 @@ var _components = require("@wordpress/components");
  */
 
 function SidebarButton(props) {
-  return (0, _react.createElement)(_components.Button, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
     ...props,
-    className: (0, _classnames.default)('edit-site-sidebar-button', props.className)
+    className: (0, _clsx.default)('edit-site-sidebar-button', props.className)
   });
 }
 //# sourceMappingURL=index.js.map

package/build/components/sidebar-button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","SidebarButton","props","_react","createElement","Button","className","classnames"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ classnames(\n\t\t\t\t'edit-site-sidebar-button',\n\t\t\t\tprops.className\n\t\t\t) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASE,aAAaA,CAAEC,KAAK,EAAG;EAC9C,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACJ,WAAA,CAAAK,MAAM;IAAA,GACDH,KAAK;IACVI,SAAS,EAAG,IAAAC,mBAAU,EACrB,0BAA0B,EAC1BL,KAAK,CAACI,SACP;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_jsxRuntime","SidebarButton","props","jsx","Button","className","clsx"],"sources":["@wordpress/edit-site/src/components/sidebar-button/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\n\nexport default function SidebarButton( props ) {\n\treturn (\n\t\t<Button\n\t\t\t{ ...props }\n\t\t\tclassName={ clsx( 'edit-site-sidebar-button', props.className ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA+C,IAAAE,WAAA,GAAAF,OAAA;AAR/C;AACA;AACA;;AAGA;AACA;AACA;;AAGe,SAASG,aAAaA,CAAEC,KAAK,EAAG;EAC9C,oBACC,IAAAF,WAAA,CAAAG,GAAA,EAACJ,WAAA,CAAAK,MAAM;IAAA,GACDF,KAAK;IACVG,SAAS,EAAG,IAAAC,aAAI,EAAE,0BAA0B,EAAEJ,KAAK,CAACG,SAAU;EAAG,CACjE,CAAC;AAEJ","ignoreList":[]}

package/build/components/sidebar-dataviews/add-new-view.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = AddNewItem;
-var _react = require("react");
 var _components = require("@wordpress/components");
 var _i18n = require("@wordpress/i18n");
 var _data = require("@wordpress/data");
@@ -16,6 +15,7 @@ var _router = require("@wordpress/router");
 var _sidebarNavigationItem = _interopRequireDefault(require("../sidebar-navigation-item"));
 var _defaultViews = require("./default-views");
 var _lockUnlock = require("../../lock-unlock");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -25,25 +25,19 @@ var _lockUnlock = require("../../lock-unlock");
  */
 
 const {
-  useHistory,
-  useLocation
+  useHistory
 } = (0, _lockUnlock.unlock)(_router.privateApis);
 function AddNewItemModalContent({
   type,
   setIsAdding
 }) {
-  const {
-    params: {
-      path
-    }
-  } = useLocation();
   const history = useHistory();
   const {
     saveEntityRecord
   } = (0, _data.useDispatch)(_coreData.store);
   const [title, setTitle] = (0, _element.useState)('');
   const [isSaving, setIsSaving] = (0, _element.useState)(false);
-  return (0, _react.createElement)("form", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("form", {
     onSubmit: async event => {
       event.preventDefault();
       setIsSaving(true);
@@ -70,55 +64,69 @@ function AddNewItemModalContent({
         wp_dataviews_type: dataViewTaxonomyId,
         content: JSON.stringify(_defaultViews.DEFAULT_VIEWS[type][0].view)
       });
+      const {
+        params: {
+          postType
+        }
+      } = history.getLocationWithParams();
       history.push({
-        path,
+        postType,
         activeView: savedRecord.id,
         isCustom: 'true'
       });
       setIsSaving(false);
       setIsAdding(false);
-    }
-  }, (0, _react.createElement)(_components.__experimentalVStack, {
-    spacing: "5"
-  }, (0, _react.createElement)(_components.TextControl, {
-    __nextHasNoMarginBottom: true,
-    label: (0, _i18n.__)('Name'),
-    value: title,
-    onChange: setTitle,
-    placeholder: (0, _i18n.__)('My view'),
-    className: "patterns-create-modal__name-input"
-  }), (0, _react.createElement)(_components.__experimentalHStack, {
-    justify: "right"
-  }, (0, _react.createElement)(_components.Button, {
-    variant: "tertiary",
-    onClick: () => {
-      setIsAdding(false);
-    }
-  }, (0, _i18n.__)('Cancel')), (0, _react.createElement)(_components.Button, {
-    variant: "primary",
-    type: "submit",
-    "aria-disabled": !title || isSaving,
-    isBusy: isSaving
-  }, (0, _i18n.__)('Create')))));
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalVStack, {
+      spacing: "5",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
+        __nextHasNoMarginBottom: true,
+        label: (0, _i18n.__)('Name'),
+        value: title,
+        onChange: setTitle,
+        placeholder: (0, _i18n.__)('My view'),
+        className: "patterns-create-modal__name-input"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
+        justify: "right",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          variant: "tertiary",
+          onClick: () => {
+            setIsAdding(false);
+          },
+          children: (0, _i18n.__)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
+          variant: "primary",
+          type: "submit",
+          "aria-disabled": !title || isSaving,
+          isBusy: isSaving,
+          children: (0, _i18n.__)('Create')
+        })]
+      })]
+    })
+  });
 }
 function AddNewItem({
   type
 }) {
   const [isAdding, setIsAdding] = (0, _element.useState)(false);
-  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_sidebarNavigationItem.default, {
-    icon: _icons.plus,
-    onClick: () => {
-      setIsAdding(true);
-    },
-    className: "dataviews__siderbar-content-add-new-item"
-  }, (0, _i18n.__)('New view')), isAdding && (0, _react.createElement)(_components.Modal, {
-    title: (0, _i18n.__)('Add new view'),
-    onRequestClose: () => {
-      setIsAdding(false);
-    }
-  }, (0, _react.createElement)(AddNewItemModalContent, {
-    type: type,
-    setIsAdding: setIsAdding
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_sidebarNavigationItem.default, {
+      icon: _icons.plus,
+      onClick: () => {
+        setIsAdding(true);
+      },
+      className: "dataviews__siderbar-content-add-new-item",
+      children: (0, _i18n.__)('New view')
+    }), isAdding && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Modal, {
+      title: (0, _i18n.__)('Add new view'),
+      onRequestClose: () => {
+        setIsAdding(false);
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AddNewItemModalContent, {
+        type: type,
+        setIsAdding: setIsAdding
+      })
+    })]
+  });
 }
 //# sourceMappingURL=add-new-view.js.map

package/build/components/sidebar-dataviews/add-new-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_icons","_router","_sidebarNavigationItem","_interopRequireDefault","_defaultViews","_lockUnlock","useHistory","useLocation","unlock","routerPrivateApis","AddNewItemModalContent","type","setIsAdding","params","path","history","saveEntityRecord","useDispatch","coreStore","title","setTitle","useState","isSaving","setIsSaving","_react","createElement","onSubmit","event","preventDefault","getEntityRecords","resolveSelect","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","DEFAULT_VIEWS","view","push","activeView","isCustom","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","default","icon","plus","Modal","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { DEFAULT_VIEWS } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory, useLocation } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst {\n\t\tparams: { path },\n\t} = useLocation();\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify(\n\t\t\t\t\t\t\tDEFAULT_VIEWS[ type ][ 0 ].view\n\t\t\t\t\t\t),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_components","require","_i18n","_data","_coreData","_element","_icons","_router","_sidebarNavigationItem","_interopRequireDefault","_defaultViews","_lockUnlock","_jsxRuntime","useHistory","unlock","routerPrivateApis","AddNewItemModalContent","type","setIsAdding","history","saveEntityRecord","useDispatch","coreStore","title","setTitle","useState","isSaving","setIsSaving","jsx","onSubmit","event","preventDefault","getEntityRecords","resolveSelect","dataViewTaxonomyId","dataViewTypeRecords","slug","length","id","record","name","savedRecord","status","wp_dataviews_type","content","JSON","stringify","DEFAULT_VIEWS","view","params","postType","getLocationWithParams","push","activeView","isCustom","children","jsxs","__experimentalVStack","spacing","TextControl","__nextHasNoMarginBottom","label","__","value","onChange","placeholder","className","__experimentalHStack","justify","Button","variant","onClick","isBusy","AddNewItem","isAdding","Fragment","default","icon","plus","Modal","onRequestClose"],"sources":["@wordpress/edit-site/src/components/sidebar-dataviews/add-new-view.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tModal,\n\tTextControl,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tButton,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, resolveSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useState } from '@wordpress/element';\nimport { plus } from '@wordpress/icons';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\n\n/**\n * Internal dependencies\n */\nimport SidebarNavigationItem from '../sidebar-navigation-item';\nimport { DEFAULT_VIEWS } from './default-views';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction AddNewItemModalContent( { type, setIsAdding } ) {\n\tconst history = useHistory();\n\tconst { saveEntityRecord } = useDispatch( coreStore );\n\tconst [ title, setTitle ] = useState( '' );\n\tconst [ isSaving, setIsSaving ] = useState( false );\n\treturn (\n\t\t<form\n\t\t\tonSubmit={ async ( event ) => {\n\t\t\t\tevent.preventDefault();\n\t\t\t\tsetIsSaving( true );\n\t\t\t\tconst { getEntityRecords } = resolveSelect( coreStore );\n\t\t\t\tlet dataViewTaxonomyId;\n\t\t\t\tconst dataViewTypeRecords = await getEntityRecords(\n\t\t\t\t\t'taxonomy',\n\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t{ slug: type }\n\t\t\t\t);\n\t\t\t\tif ( dataViewTypeRecords && dataViewTypeRecords.length > 0 ) {\n\t\t\t\t\tdataViewTaxonomyId = dataViewTypeRecords[ 0 ].id;\n\t\t\t\t} else {\n\t\t\t\t\tconst record = await saveEntityRecord(\n\t\t\t\t\t\t'taxonomy',\n\t\t\t\t\t\t'wp_dataviews_type',\n\t\t\t\t\t\t{ name: type }\n\t\t\t\t\t);\n\t\t\t\t\tif ( record && record.id ) {\n\t\t\t\t\t\tdataViewTaxonomyId = record.id;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tconst savedRecord = await saveEntityRecord(\n\t\t\t\t\t'postType',\n\t\t\t\t\t'wp_dataviews',\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle,\n\t\t\t\t\t\tstatus: 'publish',\n\t\t\t\t\t\twp_dataviews_type: dataViewTaxonomyId,\n\t\t\t\t\t\tcontent: JSON.stringify(\n\t\t\t\t\t\t\tDEFAULT_VIEWS[ type ][ 0 ].view\n\t\t\t\t\t\t),\n\t\t\t\t\t}\n\t\t\t\t);\n\t\t\t\tconst {\n\t\t\t\t\tparams: { postType },\n\t\t\t\t} = history.getLocationWithParams();\n\t\t\t\thistory.push( {\n\t\t\t\t\tpostType,\n\t\t\t\t\tactiveView: savedRecord.id,\n\t\t\t\t\tisCustom: 'true',\n\t\t\t\t} );\n\t\t\t\tsetIsSaving( false );\n\t\t\t\tsetIsAdding( false );\n\t\t\t} }\n\t\t>\n\t\t\t<VStack spacing=\"5\">\n\t\t\t\t<TextControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Name' ) }\n\t\t\t\t\tvalue={ title }\n\t\t\t\t\tonChange={ setTitle }\n\t\t\t\t\tplaceholder={ __( 'My view' ) }\n\t\t\t\t\tclassName=\"patterns-create-modal__name-input\"\n\t\t\t\t/>\n\t\t\t\t<HStack justify=\"right\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t\t</Button>\n\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\ttype=\"submit\"\n\t\t\t\t\t\taria-disabled={ ! title || isSaving }\n\t\t\t\t\t\tisBusy={ isSaving }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Create' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</form>\n\t);\n}\n\nexport default function AddNewItem( { type } ) {\n\tconst [ isAdding, setIsAdding ] = useState( false );\n\treturn (\n\t\t<>\n\t\t\t<SidebarNavigationItem\n\t\t\t\ticon={ plus }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetIsAdding( true );\n\t\t\t\t} }\n\t\t\t\tclassName=\"dataviews__siderbar-content-add-new-item\"\n\t\t\t>\n\t\t\t\t{ __( 'New view' ) }\n\t\t\t</SidebarNavigationItem>\n\t\t\t{ isAdding && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Add new view' ) }\n\t\t\t\t\tonRequestClose={ () => {\n\t\t\t\t\t\tsetIsAdding( false );\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t<AddNewItemModalContent\n\t\t\t\t\t\ttype={ type }\n\t\t\t\t\t\tsetIsAdding={ setIsAdding }\n\t\t\t\t\t/>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}