@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/pages/createEditPageNode.js

@@ -1,28 +1,5 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createEditPageNode = createEditPageNode;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _finalFormSetFieldTouched = _interopRequireDefault(require("final-form-set-field-touched"));
-var _pDebounce = _interopRequireDefault(require("p-debounce"));
-var _react = require("react");
-var _reactFinalForm = require("react-final-form");
-var _reactIntl = require("react-intl");
-var _slugify = _interopRequireDefault(require("slugify"));
-var _useDebounce3 = require("use-debounce");
-var _useContentLanguage = require("../contentLanguage/useContentLanguage");
-var _SyncFields = require("../form/SyncFields");
-var _redirectsConfig = require("../redirects/redirectsConfig");
-var _usePageTreeScope = require("./config/usePageTreeScope");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -39,15 +16,31 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-function createEditPageNode(_ref) {
+import { gql, useApolloClient, useQuery } from "@apollo/client";
+import { CheckboxField, ErrorScope, Field, FieldContainer, FinalForm, FinalFormInput, FinalFormSelect, Loading, Tooltip } from "@comet/admin";
+import { Info } from "@comet/admin-icons";
+import { Box, Divider, IconButton, MenuItem, Typography } from "@mui/material";
+import setFieldTouched from "final-form-set-field-touched";
+import debounce from "p-debounce";
+import { useCallback, useEffect, useState } from "react";
+import { FormSpy } from "react-final-form";
+import { FormattedMessage, useIntl } from "react-intl";
+import slugify from "slugify";
+import { useDebounce } from "use-debounce";
+import { useContentLanguage } from "../contentLanguage/useContentLanguage";
+import { SyncFields } from "../form/SyncFields";
+import { useRedirectsScope } from "../redirects/redirectsConfig";
+import { usePageTreeScope } from "./config/usePageTreeScope";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export function createEditPageNode(_ref) {
   var additionalFormFields = _ref.additionalFormFields,
     nodeFragment = _ref.nodeFragment,
     valuesToInput = _ref.valuesToInput,
     _ref$disableHideInMen = _ref.disableHideInMenu,
     disableHideInMenu = _ref$disableHideInMen === void 0 ? false : _ref$disableHideInMen;
-  var editPageNodeQuery = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        query EditPageNode($id: ID!) {\n            page: pageTreeNode(id: $id) {\n                id\n                name\n                slug\n                path\n                documentType\n                hideInMenu\n                parentId\n                numberOfDescendants\n                visibility\n                document {\n                    ... on DocumentInterface {\n                        id\n                    }\n                }\n                ", "\n            }\n        }\n        ", "\n    "])), nodeFragment ? "...".concat(nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.name) : "", nodeFragment ? nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.fragment : ""); // @TODO: use a graphql interface to ommit the ...on (DocumentInterface)
+  var editPageNodeQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        query EditPageNode($id: ID!) {\n            page: pageTreeNode(id: $id) {\n                id\n                name\n                slug\n                path\n                documentType\n                hideInMenu\n                parentId\n                numberOfDescendants\n                visibility\n                document {\n                    ... on DocumentInterface {\n                        id\n                    }\n                }\n                ", "\n            }\n        }\n        ", "\n    "])), nodeFragment ? "...".concat(nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.name) : "", nodeFragment ? nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.fragment : ""); // @TODO: use a graphql interface to ommit the ...on (DocumentInterface)
 
-  var updatePageNodeMutation = (0, _client.gql)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        mutation UpdatePageNode($nodeId: ID!, $input: PageTreeNodeUpdateInput!) {\n            updatePageTreeNode(id: $nodeId, input: $input) {\n                id\n                name\n                slug\n                documentType\n                hideInMenu\n                document {\n                    ... on DocumentInterface {\n                        id\n                    }\n                }\n                ", "\n            }\n        }\n        ", "\n    "])), nodeFragment ? "...".concat(nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.name) : "", nodeFragment ? nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.fragment : "");
+  var updatePageNodeMutation = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        mutation UpdatePageNode($nodeId: ID!, $input: PageTreeNodeUpdateInput!) {\n            updatePageTreeNode(id: $nodeId, input: $input) {\n                id\n                name\n                slug\n                documentType\n                hideInMenu\n                document {\n                    ... on DocumentInterface {\n                        id\n                    }\n                }\n                ", "\n            }\n        }\n        ", "\n    "])), nodeFragment ? "...".concat(nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.name) : "", nodeFragment ? nodeFragment === null || nodeFragment === void 0 ? void 0 : nodeFragment.fragment : "");
   function EditPageNode(_ref2) {
     var _data$page, _data$page$parentId, _data$page2, _parentNodeData$pageT, _redirectQueryData$re, _data$page3, _data$page6;
     var id = _ref2.id,
@@ -57,18 +50,18 @@ function createEditPageNode(_ref) {
     var _unserializeInitialVa = unserializeInitialValues(id),
       pos = _unserializeInitialVa.pos,
       parent = _unserializeInitialVa.parent;
-    var intl = (0, _reactIntl.useIntl)();
-    var apollo = (0, _client.useApolloClient)();
-    var scope = (0, _usePageTreeScope.usePageTreeScope)();
-    var language = (0, _useContentLanguage.useContentLanguage)({
+    var intl = useIntl();
+    var apollo = useApolloClient();
+    var scope = usePageTreeScope();
+    var language = useContentLanguage({
       scope: scope
     });
-    var redirectScope = (0, _redirectsConfig.useRedirectsScope)();
-    var _useState = (0, _react.useState)(mode === "edit"),
+    var redirectScope = useRedirectsScope();
+    var _useState = useState(mode === "edit"),
       _useState2 = _slicedToArray(_useState, 2),
       manuallyChangedSlug = _useState2[0],
       setManuallyChangedSlug = _useState2[1];
-    var _useQuery = (0, _client.useQuery)(editPageNodeQuery, {
+    var _useQuery = useQuery(editPageNodeQuery, {
         variables: {
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           id: id
@@ -81,7 +74,7 @@ function createEditPageNode(_ref) {
       data = _useQuery.data;
     var slug = data === null || data === void 0 || (_data$page = data.page) === null || _data$page === void 0 ? void 0 : _data$page.slug;
     var parentId = mode === "add" ? parent : (_data$page$parentId = data === null || data === void 0 || (_data$page2 = data.page) === null || _data$page2 === void 0 ? void 0 : _data$page2.parentId) !== null && _data$page$parentId !== void 0 ? _data$page$parentId : null;
-    var _useQuery2 = (0, _client.useQuery)(editPageParentNodeQuery, {
+    var _useQuery2 = useQuery(editPageParentNodeQuery, {
         variables: {
           // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
           parentId: parentId
@@ -101,12 +94,12 @@ function createEditPageNode(_ref) {
         label: documentTypes[type].displayName
       };
     });
-    (0, _react.useEffect)(function () {
+    useEffect(function () {
       apollo.cache.evict({
         fieldName: "pageTreeNodeSlugAvailable"
       });
     }, [apollo.cache]);
-    var isPathAvailable = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var isPathAvailable = useCallback(/*#__PURE__*/function () {
       var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(newSlug) {
         var _yield$apollo$query, data;
         return _regenerator().w(function (_context) {
@@ -140,10 +133,10 @@ function createEditPageNode(_ref) {
       };
     }(), [apollo, scope, parentId, slug]);
     var redirectSource = slug && parentPath ? "".concat(parentPath, "/").concat(slug) : slug ? "/".concat(slug) : null;
-    var _useDebounce = (0, _useDebounce3.useDebounce)(redirectSource, 500),
+    var _useDebounce = useDebounce(redirectSource, 500),
       _useDebounce2 = _slicedToArray(_useDebounce, 1),
       debouncedRedirectSource = _useDebounce2[0];
-    var _useQuery3 = (0, _client.useQuery)(redirectSourceAvailableForPageEdit, {
+    var _useQuery3 = useQuery(redirectSourceAvailableForPageEdit, {
         variables: debouncedRedirectSource ? {
           scope: redirectScope,
           source: debouncedRedirectSource
@@ -206,18 +199,18 @@ function createEditPageNode(_ref) {
     // Use `p-debounce` instead of `use-debounce`
     // because Final Form expects all validate calls to be resolved.
     // `p-debounce` resolves all calls, `use-debounce` doesn't
-    var debouncedValidateSlug = (0, _pDebounce["default"])(validateSlug, 500);
+    var debouncedValidateSlug = debounce(validateSlug, 500);
     if (mode === "edit" && (loading || !(data !== null && data !== void 0 && data.page))) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Loading, {});
+      return /*#__PURE__*/_jsx(Loading, {});
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FinalForm, {
+    return /*#__PURE__*/_jsx("div", {
+      children: /*#__PURE__*/_jsx(FinalForm, {
         mode: mode,
         onAfterSubmit: function onAfterSubmit() {
           // noop
         },
         mutators: {
-          setFieldTouched: _finalFormSetFieldTouched["default"]
+          setFieldTouched: setFieldTouched
         },
         onSubmit: (/*#__PURE__*/function () {
           var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(values) {
@@ -259,7 +252,7 @@ function createEditPageNode(_ref) {
                       input: input
                     },
                     context: {
-                      errorScope: _admin.ErrorScope.Local
+                      errorScope: ErrorScope.Local
                     }
                   });
                 case 2:
@@ -278,7 +271,7 @@ function createEditPageNode(_ref) {
                       category: category
                     },
                     context: {
-                      errorScope: _admin.ErrorScope.Local
+                      errorScope: ErrorScope.Local
                     },
                     refetchQueries: ["Pages"]
                   });
@@ -296,8 +289,8 @@ function createEditPageNode(_ref) {
         },
         render: function render(_ref6) {
           var form = _ref6.form;
-          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-            children: [!manuallyChangedSlug && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SyncFields.SyncFields, {
+          return /*#__PURE__*/_jsxs(_Fragment, {
+            children: [!manuallyChangedSlug && /*#__PURE__*/_jsx(SyncFields, {
               sourceField: "name",
               targetField: "slug",
               onChange: function onChange(name) {
@@ -309,18 +302,18 @@ function createEditPageNode(_ref) {
                 }
                 return slug;
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+            }), /*#__PURE__*/_jsx(Field, {
               label: intl.formatMessage({
                 id: "comet.pages.pages.page.name",
                 defaultMessage: "Name"
               }),
               name: "name",
               required: true,
-              component: _admin.FinalFormInput,
+              component: FinalFormInput,
               autoFocus: true,
               fullWidth: true,
               variant: "horizontal"
-            }), slug !== "home" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+            }), slug !== "home" && /*#__PURE__*/_jsx(Field, {
               label: intl.formatMessage({
                 id: "comet.pages.pages.page.slug",
                 defaultMessage: "Slug"
@@ -331,7 +324,7 @@ function createEditPageNode(_ref) {
               validate: debouncedValidateSlug,
               variant: "horizontal",
               children: function children(fieldRenderProps) {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FinalFormInput, _objectSpread(_objectSpread({}, fieldRenderProps), {}, {
+                return /*#__PURE__*/_jsx(FinalFormInput, _objectSpread(_objectSpread({}, fieldRenderProps), {}, {
                   onChange: function onChange(event) {
                     setManuallyChangedSlug(true);
                     fieldRenderProps.input.onChange(event.target.value);
@@ -340,7 +333,7 @@ function createEditPageNode(_ref) {
                   disableContentTranslation: true
                 }));
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.FormSpy, {
+            }), /*#__PURE__*/_jsx(FormSpy, {
               subscription: {
                 values: true,
                 dirtyFields: true
@@ -353,37 +346,37 @@ function createEditPageNode(_ref) {
                   return null;
                 }
                 var numberOfDescendants = (_data$page$numberOfDe = data === null || data === void 0 || (_data$page7 = data.page) === null || _data$page7 === void 0 ? void 0 : _data$page7.numberOfDescendants) !== null && _data$page$numberOfDe !== void 0 ? _data$page$numberOfDe : 0;
-                return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FieldContainer, {
+                return /*#__PURE__*/_jsxs(_Fragment, {
+                  children: [/*#__PURE__*/_jsx(FieldContainer, {
                     label: intl.formatMessage({
                       id: "comet.pages.pages.page.path",
                       defaultMessage: "Complete Path"
                     }),
                     variant: "horizontal",
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                    children: /*#__PURE__*/_jsx(Typography, {
                       children: values.slug === "home" && parentPath === null ? "/" : parentPath === null ? "/".concat(values.slug) : "".concat(parentPath, "/").concat(values.slug)
                     })
-                  }), mode === "edit" && dirtyFields.slug && isRedirectSourceAvailable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+                  }), mode === "edit" && dirtyFields.slug && isRedirectSourceAvailable && /*#__PURE__*/_jsx(Box, {
                     mt: 3,
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FieldContainer, {
+                    children: /*#__PURE__*/_jsx(FieldContainer, {
                       variant: "horizontal",
-                      label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                      label: /*#__PURE__*/_jsxs(_Fragment, {
+                        children: [/*#__PURE__*/_jsx(FormattedMessage, {
                           id: "comet.pages.pages.page.createAutomaticRedirects.headline",
                           defaultMessage: "Redirects"
-                        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Tooltip, {
-                          title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-                            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                        }), /*#__PURE__*/_jsx(Tooltip, {
+                          title: /*#__PURE__*/_jsxs(_Fragment, {
+                            children: [/*#__PURE__*/_jsx(Typography, {
                               variant: "body2",
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-                                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                              children: /*#__PURE__*/_jsx("strong", {
+                                children: /*#__PURE__*/_jsx(FormattedMessage, {
                                   id: "comet.pages.pages.page.createAutomaticRedirects.tooltip.title",
                                   defaultMessage: "Generate redirects"
                                 })
                               })
-                            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                            }), /*#__PURE__*/_jsx(Typography, {
                               variant: "body2",
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                              children: /*#__PURE__*/_jsx(FormattedMessage, {
                                 id: "comet.pages.pages.page.createAutomaticRedirects.tooltip.text",
                                 defaultMessage: "You have changed the slug. Therefore redirects should be created, so that users and search engines automatically land at the correct page, even if they visit the old path. Check this box, if you already have published or shared {numberOfDescendants, plural, =0 {this page} other {these pages}}.",
                                 values: {
@@ -392,24 +385,24 @@ function createEditPageNode(_ref) {
                               })
                             })]
                           }),
-                          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+                          children: /*#__PURE__*/_jsx(Box, {
                             component: "span",
                             marginLeft: 1,
-                            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Info, {})
+                            children: /*#__PURE__*/_jsx(IconButton, {
+                              children: /*#__PURE__*/_jsx(Info, {})
                             })
                           })
                         })]
                       }),
-                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.CheckboxField, {
+                      children: /*#__PURE__*/_jsx(CheckboxField, {
                         initialValue: isActivePage,
-                        label: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                        label: /*#__PURE__*/_jsx(Typography, {
                           display: "flex",
                           alignItems: "center",
-                          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                          children: /*#__PURE__*/_jsxs("div", {
+                            children: [/*#__PURE__*/_jsx(Typography, {
                               variant: "body1",
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                              children: /*#__PURE__*/_jsx(FormattedMessage, {
                                 tagName: "span",
                                 id: "comet.pages.pages.page.createAutomaticRedirects.label",
                                 defaultMessage: "Create {numberOfDescendants, plural, =0 {a redirect} other {redirects}}",
@@ -417,10 +410,10 @@ function createEditPageNode(_ref) {
                                   numberOfDescendants: numberOfDescendants
                                 }
                               })
-                            }), numberOfDescendants > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
+                            }), numberOfDescendants > 0 && /*#__PURE__*/_jsx(Typography, {
                               variant: "body2",
                               color: "rgba(0, 0, 0, 0.6)",
-                              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                              children: /*#__PURE__*/_jsx(FormattedMessage, {
                                 tagName: "span",
                                 id: "comet.pages.pages.page.createAutomaticRedirects.labelSubline",
                                 defaultMessage: "for this page and all its child pages"
@@ -431,10 +424,10 @@ function createEditPageNode(_ref) {
                         name: "createAutomaticRedirectsOnSlugChange"
                       })
                     })
-                  }), mode === "edit" && dirtyFields.slug && !isRedirectSourceAvailable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FieldContainer, {
+                  }), mode === "edit" && dirtyFields.slug && !isRedirectSourceAvailable && /*#__PURE__*/_jsx(FieldContainer, {
                     variant: "horizontal",
-                    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Typography, {
-                      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+                    children: /*#__PURE__*/_jsx(Typography, {
+                      children: /*#__PURE__*/_jsx(FormattedMessage, {
                         id: "comet.pages.pages.page.redirectAlreadyExists",
                         defaultMessage: "The slug was changed, but a redirect for the old path already exists."
                       })
@@ -442,10 +435,10 @@ function createEditPageNode(_ref) {
                   })]
                 });
               }
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+            }), /*#__PURE__*/_jsx(Box, {
               marginY: 6,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Divider, {})
-            }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Field, {
+              children: /*#__PURE__*/_jsx(Divider, {})
+            }), /*#__PURE__*/_jsx(Field, {
               label: intl.formatMessage({
                 id: "comet.pages.pages.page.documentType",
                 defaultMessage: "Document Type"
@@ -455,17 +448,17 @@ function createEditPageNode(_ref) {
               required: true,
               fullWidth: true,
               children: function children(props) {
-                return /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.FinalFormSelect, _objectSpread(_objectSpread({}, props), {}, {
+                return /*#__PURE__*/_jsx(FinalFormSelect, _objectSpread(_objectSpread({}, props), {}, {
                   fullWidth: true,
                   children: options.map(function (option) {
-                    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.MenuItem, {
+                    return /*#__PURE__*/_jsx(MenuItem, {
                       value: option.value,
                       children: option.label
                     }, option.value);
                   })
                 }));
               }
-            }), !disableHideInMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.CheckboxField, {
+            }), !disableHideInMenu && /*#__PURE__*/_jsx(CheckboxField, {
               fieldLabel: intl.formatMessage({
                 id: "comet.pages.pages.page.menuVisibility",
                 defaultMessage: "Menu Visibility"
@@ -484,11 +477,11 @@ function createEditPageNode(_ref) {
   }
   return EditPageNode;
 }
-var isPathAvailableQuery = (0, _client.gql)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query IsPathAvailable($parentId: ID, $slug: String!, $scope: PageTreeNodeScopeInput!) {\n        availability: pageTreeNodeSlugAvailable(parentId: $parentId, slug: $slug, scope: $scope)\n    }\n"])));
-var editPageParentNodeQuery = (0, _client.gql)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    query EditPageParentNode($parentId: ID!) {\n        pageTreeNode(id: $parentId) {\n            id\n            path\n            slug\n        }\n    }\n"])));
-var createPageNodeMutation = (0, _client.gql)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CreatePageNode($input: PageTreeNodeCreateInput!, $contentScope: PageTreeNodeScopeInput!, $category: String!) {\n        createPageTreeNode(input: $input, scope: $contentScope, category: $category) {\n            id\n        }\n    }\n"])));
+var isPathAvailableQuery = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query IsPathAvailable($parentId: ID, $slug: String!, $scope: PageTreeNodeScopeInput!) {\n        availability: pageTreeNodeSlugAvailable(parentId: $parentId, slug: $slug, scope: $scope)\n    }\n"])));
+var editPageParentNodeQuery = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    query EditPageParentNode($parentId: ID!) {\n        pageTreeNode(id: $parentId) {\n            id\n            path\n            slug\n        }\n    }\n"])));
+var createPageNodeMutation = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CreatePageNode($input: PageTreeNodeCreateInput!, $contentScope: PageTreeNodeScopeInput!, $category: String!) {\n        createPageTreeNode(input: $input, scope: $contentScope, category: $category) {\n            id\n        }\n    }\n"])));
 var transformToSlug = function transformToSlug(name, locale) {
-  var slug = (0, _slugify["default"])(name, {
+  var slug = slugify(name, {
     replacement: "-",
     lower: true,
     locale: locale
@@ -501,7 +494,7 @@ var transformToSlug = function transformToSlug(name, locale) {
 var isValidSlug = function isValidSlug(value) {
   return /^[a-zA-Z0-9][a-zA-Z0-9-_]*$/.test(value);
 };
-var redirectSourceAvailableForPageEdit = (0, _client.gql)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    query RedirectSourceAvailable($scope: RedirectScopeInput!, $source: String!) {\n        redirectSourceAvailable(scope: $scope, source: $source)\n    }\n"])));
+var redirectSourceAvailableForPageEdit = gql(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    query RedirectSourceAvailable($scope: RedirectScopeInput!, $source: String!) {\n        redirectSourceAvailable(scope: $scope, source: $source)\n    }\n"])));
 function unserializeInitialValues() {
   var initialValues = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
   var ret = {

package/lib/pages/createUsePage.d.ts

@@ -1,5 +1,5 @@
 import { type ApolloError, type TypedDocumentNode } from "@apollo/client";
-import { type ReactNode } from "react";
+import { type JSX, type ReactNode } from "react";
 import { type BlockInterface, type BlockState } from "../blocks/types";
 import { type GQLDocumentInterface } from "../graphql.generated";
 type RootBlocksInterface = Record<string, BlockInterface>;

package/lib/pages/createUsePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createUsePage.d.ts","sourceRoot":"","sources":["../../src/pages/createUsePage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"createUsePage.d.ts","sourceRoot":"","sources":["../../src/pages/createUsePage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,WAAW,EAAO,KAAK,iBAAiB,EAA6B,MAAM,gBAAgB,CAAC;AAG1G,OAAO,EAIH,KAAK,GAAG,EACR,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAQjE,KAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;AAG1D,UAAU,yBAAyB,CAAC,QAAQ,SAAS,MAAM;IACvD,IAAI,EAAE;QAEF,QAAQ,EACF,CAAC,oBAAoB,GAAG;YACpB,UAAU,EAAE,QAAQ,GAAG,MAAM,CAAC;YAC9B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SAC1B,CAAC,GACF,IAAI,CAAC;KACd,GAAG,IAAI,CAAC;CACZ;AAGD,KAAK,YAAY,CAAC,CAAC,SAAS,mBAAmB,IAAI;KAC9C,CAAC,IAAI,MAAM,CAAC,GAAG,OAAO;CAC1B,CAAC;AAIF,UAAU,aAAa;IACnB,CAAC,UAAU,SAAS,mBAAmB,EAAE,QAAQ,SAAS,MAAM,EAAE,YAAY,EAAE;QAC5E,UAAU,EAAE,UAAU,CAAC;QACvB,QAAQ,EAAE,QAAQ,CAAC;KACtB,GAAG,CACA,gBAAgB,SAAS,yBAAyB,CAAC,QAAQ,CAAC,GAAG,IAAI,EAAE,sCAAsC;IAC3G,yBAAyB,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,+CAA+C;IAClH,qBAAqB,SAAS;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,GAAG,YAAY,CAAC,UAAU,CAAC,GAAG;QACtE,EAAE,EAAE,MAAM,CAAC;KACd,GAAG,YAAY,CAAC,UAAU,CAAC,EAAE,kDAAkD;IAChF,8BAA8B,SAAS;QACnC,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1C,GAAG;QACA,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;QAChC,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;QAC9B,sBAAsB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;KAC1C,EACH,OAAO,EAAE;QACP,QAAQ,EAAE,iBAAiB,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAC;QACzE,cAAc,EAAE,iBAAiB,CAAC,qBAAqB,EAAE,8BAA8B,CAAC,CAAC;KAC5F,KAAK,SAAS,CAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;CAC3D;AAID,KAAK,mCAAmC,CAAC,GAAG,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,EAAE,UAAU,SAAS,mBAAmB,IACrH,IAAI,GACJ;KACK,CAAC,IAAI,MAAM,GAAG,GAAG,CAAC,SAAS,IAAI,GAAG,MAAM,GAAG,CAAC,SAAS,MAAM,UAAU,GAAG,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC;CAC9G,CAAC;AAER,KAAK,SAAS,CACV,gBAAgB,SAAS,yBAAyB,CAAC,QAAQ,CAAC,GAAG,IAAI,EACnE,UAAU,SAAS,mBAAmB,EACtC,QAAQ,SAAS,MAAM,IACvB,WAAW,CAAC;KACX,CAAC,IAAI,MAAM,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,UAAU,GAC/E,mCAAmC,CAC/B,OAAO,CAAC,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,EAAE;QAAE,UAAU,EAAE,QAAQ,CAAA;KAAE,CAAC,EACjG,UAAU,CACb,GACD,WAAW,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;CAC9D,CAAC,CAAC;AAGH,KAAK,YAAY,CAAC,UAAU,SAAS,mBAAmB,IAAI;KACvD,CAAC,IAAI,MAAM,UAAU,GAAG;QACrB,OAAO,EAAE,SAAS,CAAC;QACnB,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;KACnC;CACJ,CAAC;AACF,UAAU,YAAY;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AACD,UAAU,UAAU,CAAC,SAAS,EAAE,UAAU,SAAS,mBAAmB;IAClE,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC;IACxC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,WAAW,GAAG,SAAS,CAAC;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IACxD,cAAc,EAAE,GAAG,CAAC,OAAO,CAAC;IAC5B,OAAO,EAAE,SAAS,CAAC;IACnB,sBAAsB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC/C;AAGD,KAAK,SAAS,CACV,gBAAgB,SAAS,yBAAyB,CAAC,QAAQ,CAAC,GAAG,IAAI,EACnE,UAAU,SAAS,mBAAmB,EACtC,QAAQ,SAAS,MAAM,IACvB,CAAC,CAAC,EAAE,YAAY,KAAK,UAAU,CAAC,SAAS,CAAC,gBAAgB,EAAE,UAAU,EAAE,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEnG,eAAO,MAAM,aAAa,EAAE,aAiTvB,CAAC"}

package/lib/pages/createUsePage.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     CheckForChanges: 'CheckForChanges'
   },