@blaze-cms/nextjs-tools 0.146.0-node18-tooltips.19 → 0.146.0-node18-tooltips.22

package/lib-es/components/DebugSidebar/DebugSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebar.js","names":["React","useState","createPortal","PropTypes","classnames","IoCloseOutline","useRouter","MdKeyboardArrowLeft","MdEdit","Link","Switches","buildAdminHref","setBlazeDebug","DEBUG_LOGO","BLAZE_DEBUG","DebugSidebar","itemEntity","itemId","updatedDebugOptions","debugMode","setIsDebugMode","router","isEditorMode","setIsEditorMode","isOpen","setIsOpen","divClass","toggleEditorMode","editorModeEnabled","adminHref","href","closeDebug","window","blaze","debug","pathname","search","asPath","split","params","URLSearchParams","delete","newUrl","toString","push","shallow","createElement","className","target","src","SRC","alt","ALT","role","onClick","onChange","name","icon","alignVertically","returnBoolean","onText","offText","options","id","checked","document","body","propTypes","func","isRequired","string","bool","defaultProps"],"sources":["../../../src/components/DebugSidebar/DebugSidebar.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { IoCloseOutline } from 'react-icons/io5';\nimport { useRouter } from 'next/router';\nimport { MdKeyboardArrowLeft, MdEdit } from 'react-icons/md';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport Switches from '@blaze-react/switches';\nimport { buildAdminHref, setBlazeDebug } from '../../helpers';\nimport { DEBUG_LOGO, BLAZE_DEBUG } from '../../constants';\n\nconst DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode, setIsDebugMode }) => {\n  const router = useRouter();\n  const [isEditorMode, setIsEditorMode] = useState(false);\n  const [isOpen, setIsOpen] = useState(true);\n\n  const divClass = classnames('debug-sidebar', {\n    'debug-sidebar--open': isOpen,\n    'debug-sidebar--close': !isOpen\n  });\n\n  const toggleEditorMode = () => {\n    // todo: persist editor mode in local storage\n    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);\n    // if (currentEditorMode) {\n    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);\n    // } else {\n    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);\n    // }\n    updatedDebugOptions('editorModeEnabled', !isEditorMode);\n    updatedDebugOptions({\n      editorModeEnabled: !isEditorMode,\n      adminHref: buildAdminHref({ itemEntity, itemId })\n    });\n    setIsEditorMode(!isEditorMode);\n  };\n\n  const href = buildAdminHref({ itemEntity, itemId });\n\n  const closeDebug = () => {\n    setBlazeDebug(setIsDebugMode);\n    window.blaze.debug();\n\n    const [pathname, search = ''] = router.asPath.split('?');\n    const params = new URLSearchParams(search);\n    params.delete(BLAZE_DEBUG);\n    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;\n\n    router.push('/Resolver', newUrl, {\n      shallow: true\n    });\n  };\n\n  return createPortal(\n    <div className={divClass} data-testid=\"debug-sidebar\">\n      <Link href={href} target=\"_blank\">\n        <img src={DEBUG_LOGO.SRC} alt={DEBUG_LOGO.ALT} />\n      </Link>\n      <div\n        role=\"button\"\n        className=\"debug-sidebar__button debug-sidebar__button--close\"\n        data-testid=\"debug-sidebar-close\"\n        aria-label=\"Close debug sidebar\"\n        onClick={closeDebug}>\n        <IoCloseOutline />\n      </div>\n      <Switches\n        onChange={toggleEditorMode}\n        name=\"debug-sidebar-switch\"\n        icon={<MdEdit />}\n        alignVertically\n        returnBoolean\n        onText=\"ON\"\n        offText=\"OFF\"\n        options={{\n          id: 'debug-sidebar-switch',\n          checked: isEditorMode\n        }}\n      />\n      <div\n        role=\"button\"\n        className=\"debug-sidebar__button open\"\n        data-testid=\"debug-sidebar-button\"\n        id=\"debug-sidebar-button\"\n        onClick={() => setIsOpen(!isOpen)}>\n        <i>\n          <MdKeyboardArrowLeft />\n        </i>\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nDebugSidebar.propTypes = {\n  updatedDebugOptions: PropTypes.func.isRequired,\n  itemEntity: PropTypes.string,\n  itemId: PropTypes.string,\n  debugMode: PropTypes.bool,\n  setIsDebugMode: PropTypes.func.isRequired\n};\n\nDebugSidebar.defaultProps = {\n  itemEntity: '',\n  itemId: '',\n  debugMode: false\n};\n\nexport default DebugSidebar;\n"],"mappings":"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","ignoreList":[]}

package/lib-es/components/DebugSidebar/DebugSidebarRender.js

@@ -0,0 +1,57 @@
+import React, { useState, useEffect } from 'react';
+import dynamic from 'next/dynamic';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { setBlazeDebug, getFromLocal } from '../../helpers';
+import { BLAZE_DEBUG } from '../../constants';
+const DebugSidebar = dynamic(() => import('./DebugSidebar'));
+const DebugSidebarRender = ({
+  itemEntity,
+  itemId,
+  updatedDebugOptions,
+  debugMode
+}) => {
+  const [isDebugMode, setIsDebugMode] = useState(debugMode);
+  const router = useRouter();
+  useEffect(() => {
+    const currentDebugValue = getFromLocal(BLAZE_DEBUG);
+    setIsDebugMode(currentDebugValue);
+    setBlazeDebug(setIsDebugMode);
+  }, []);
+  useEffect(() => {
+    const handleRouteChange = url => {
+      const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);
+      if (hasDebug) {
+        setBlazeDebug(setIsDebugMode);
+      }
+    };
+    if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {
+      handleRouteChange(router.asPath);
+    }
+    router.events.on('routeChangeComplete', handleRouteChange);
+    return () => {
+      router.events.off('routeChangeComplete', handleRouteChange);
+    };
+  }, [router.events, router.asPath]);
+  if (!isDebugMode) return null;
+  return /*#__PURE__*/React.createElement(DebugSidebar, {
+    itemEntity: itemEntity,
+    itemId: itemId,
+    updatedDebugOptions: updatedDebugOptions,
+    debugMode: debugMode,
+    setIsDebugMode: setIsDebugMode
+  });
+};
+DebugSidebarRender.propTypes = {
+  updatedDebugOptions: PropTypes.func.isRequired,
+  itemEntity: PropTypes.string,
+  itemId: PropTypes.string,
+  debugMode: PropTypes.bool
+};
+DebugSidebarRender.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+export default DebugSidebarRender;
+//# sourceMappingURL=DebugSidebarRender.js.map

package/lib-es/components/DebugSidebar/DebugSidebarRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebarRender.js","names":["React","useState","useEffect","dynamic","PropTypes","useRouter","setBlazeDebug","getFromLocal","BLAZE_DEBUG","DebugSidebar","DebugSidebarRender","itemEntity","itemId","updatedDebugOptions","debugMode","isDebugMode","setIsDebugMode","router","currentDebugValue","handleRouteChange","url","hasDebug","includes","asPath","events","on","off","createElement","propTypes","func","isRequired","string","bool","defaultProps"],"sources":["../../../src/components/DebugSidebar/DebugSidebarRender.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport dynamic from 'next/dynamic';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { setBlazeDebug, getFromLocal } from '../../helpers';\nimport { BLAZE_DEBUG } from '../../constants';\n\nconst DebugSidebar = dynamic(() => import('./DebugSidebar'));\n\nconst DebugSidebarRender = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {\n  const [isDebugMode, setIsDebugMode] = useState(debugMode);\n  const router = useRouter();\n\n  useEffect(() => {\n    const currentDebugValue = getFromLocal(BLAZE_DEBUG);\n    setIsDebugMode(currentDebugValue);\n    setBlazeDebug(setIsDebugMode);\n  }, []);\n\n  useEffect(\n    () => {\n      const handleRouteChange = url => {\n        const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);\n        if (hasDebug) {\n          setBlazeDebug(setIsDebugMode);\n        }\n      };\n\n      if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {\n        handleRouteChange(router.asPath);\n      }\n\n      router.events.on('routeChangeComplete', handleRouteChange);\n      return () => {\n        router.events.off('routeChangeComplete', handleRouteChange);\n      };\n    },\n    [router.events, router.asPath]\n  );\n\n  if (!isDebugMode) return null;\n\n  return (\n    <DebugSidebar\n      itemEntity={itemEntity}\n      itemId={itemId}\n      updatedDebugOptions={updatedDebugOptions}\n      debugMode={debugMode}\n      setIsDebugMode={setIsDebugMode}\n    />\n  );\n};\n\nDebugSidebarRender.propTypes = {\n  updatedDebugOptions: PropTypes.func.isRequired,\n  itemEntity: PropTypes.string,\n  itemId: PropTypes.string,\n  debugMode: PropTypes.bool\n};\n\nDebugSidebarRender.defaultProps = {\n  itemEntity: '',\n  itemId: '',\n  debugMode: false\n};\n\nexport default DebugSidebarRender;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,OAAOC,OAAO,MAAM,cAAc;AAClC,OAAOC,SAAS,MAAM,YAAY;AAClC,SAASC,SAAS,QAAQ,aAAa;AACvC,SAASC,aAAa,EAAEC,YAAY,QAAQ,eAAe;AAC3D,SAASC,WAAW,QAAQ,iBAAiB;AAE7C,MAAMC,YAAY,GAAGN,OAAO,CAAC,MAAM,MAAM,CAAC,gBAAgB,CAAC,CAAC;AAE5D,MAAMO,kBAAkB,GAAGA,CAAC;EAAEC,UAAU;EAAEC,MAAM;EAAEC,mBAAmB;EAAEC;AAAU,CAAC,KAAK;EACrF,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGf,QAAQ,CAACa,SAAS,CAAC;EACzD,MAAMG,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAE1BH,SAAS,CAAC,MAAM;IACd,MAAMgB,iBAAiB,GAAGX,YAAY,CAACC,WAAW,CAAC;IACnDQ,cAAc,CAACE,iBAAiB,CAAC;IACjCZ,aAAa,CAACU,cAAc,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAENd,SAAS,CACP,MAAM;IACJ,MAAMiB,iBAAiB,GAAGC,GAAG,IAAI;MAC/B,MAAMC,QAAQ,GAAGD,GAAG,CAACE,QAAQ,CAAC,GAAGd,WAAW,IAAI,CAAC;MACjD,IAAIa,QAAQ,EAAE;QACZf,aAAa,CAACU,cAAc,CAAC;MAC/B;IACF,CAAC;IAED,IAAIC,MAAM,CAACM,MAAM,CAACD,QAAQ,CAAC,GAAGd,WAAW,IAAI,CAAC,EAAE;MAC9CW,iBAAiB,CAACF,MAAM,CAACM,MAAM,CAAC;IAClC;IAEAN,MAAM,CAACO,MAAM,CAACC,EAAE,CAAC,qBAAqB,EAAEN,iBAAiB,CAAC;IAC1D,OAAO,MAAM;MACXF,MAAM,CAACO,MAAM,CAACE,GAAG,CAAC,qBAAqB,EAAEP,iBAAiB,CAAC;IAC7D,CAAC;EACH,CAAC,EACD,CAACF,MAAM,CAACO,MAAM,EAAEP,MAAM,CAACM,MAAM,CAC/B,CAAC;EAED,IAAI,CAACR,WAAW,EAAE,OAAO,IAAI;EAE7B,oBACEf,KAAA,CAAA2B,aAAA,CAAClB,YAAY;IACXE,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfC,mBAAmB,EAAEA,mBAAoB;IACzCC,SAAS,EAAEA,SAAU;IACrBE,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAEDN,kBAAkB,CAACkB,SAAS,GAAG;EAC7Bf,mBAAmB,EAAET,SAAS,CAACyB,IAAI,CAACC,UAAU;EAC9CnB,UAAU,EAAEP,SAAS,CAAC2B,MAAM;EAC5BnB,MAAM,EAAER,SAAS,CAAC2B,MAAM;EACxBjB,SAAS,EAAEV,SAAS,CAAC4B;AACvB,CAAC;AAEDtB,kBAAkB,CAACuB,YAAY,GAAG;EAChCtB,UAAU,EAAE,EAAE;EACdC,MAAM,EAAE,EAAE;EACVE,SAAS,EAAE;AACb,CAAC;AAED,eAAeJ,kBAAkB","ignoreList":[]}

package/lib-es/components/DebugSidebar/index.js

@@ -1,126 +1,3 @@
-import React, { useState, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { Link } from '@blaze-cms/nextjs-components';
-import { MdKeyboardArrowLeft, MdEdit, MdEditOff } from 'react-icons/md';
-import { useRouter } from 'next/router';
-import { IoCloseOutline } from 'react-icons/io5';
-import { buildAdminHref, setBlazeDebug } from '../../helpers';
-import { BLAZE_DEBUG, DEBUG_LOGO } from '../../constants';
-import getFromLocal from '../../helpers/get-from-local';
-const DebugSidebar = ({
-  itemEntity,
-  itemId,
-  updatedDebugOptions,
-  debugMode
-}) => {
-  const [isDebugMode, setIsDebugMode] = useState(debugMode);
-  const [isEditorMode, setIsEditorMode] = useState(false);
-  const [isOpen, setIsOpen] = useState(true);
-  const router = useRouter();
-  useEffect(() => {
-    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
-    const currentDebugValue = getFromLocal(BLAZE_DEBUG);
-    setIsDebugMode(currentDebugValue);
-    setIsOpen(currentDebugValue);
-    setBlazeDebug(setIsDebugMode);
-    // setIsEditorMode(!!currentEditorMode); // todo: initilize on load
-  }, []);
-  useEffect(() => {
-    const handleRouteChange = url => {
-      const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);
-      if (hasDebug) {
-        setBlazeDebug(setIsDebugMode);
-        setIsOpen(true);
-      }
-    };
-    if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {
-      handleRouteChange(router.asPath);
-    }
-    router.events.on('routeChangeComplete', handleRouteChange);
-    return () => {
-      router.events.off('routeChangeComplete', handleRouteChange);
-    };
-  }, [router.events, router.asPath]);
-  const divClass = classnames('debug-sidebar', {
-    'debug-sidebar--open': isOpen,
-    'debug-sidebar--close': !isOpen
-  });
-  const toggleEditorMode = () => {
-    // todo: persist editor mode in local storage
-    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
-    // if (currentEditorMode) {
-    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
-    // } else {
-    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
-    // }
-    updatedDebugOptions('editorModeEnabled', !isEditorMode);
-    updatedDebugOptions({
-      editorModeEnabled: !isEditorMode,
-      adminHref: buildAdminHref({
-        itemEntity,
-        itemId
-      })
-    });
-    setIsEditorMode(!isEditorMode);
-  };
-  const href = buildAdminHref({
-    itemEntity,
-    itemId
-  });
-  if (!isDebugMode) return null;
-  const closeDebug = () => {
-    setBlazeDebug(setIsDebugMode);
-    window.blaze.debug();
-    const [pathname, search = ''] = router.asPath.split('?');
-    const params = new URLSearchParams(search);
-    params.delete(BLAZE_DEBUG);
-    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
-    router.push('/Resolver', newUrl, {
-      shallow: true
-    });
-  };
-  return createPortal(/*#__PURE__*/React.createElement("div", {
-    className: divClass,
-    "data-testid": "debug-sidebar"
-  }, /*#__PURE__*/React.createElement(Link, {
-    href: href,
-    target: "_blank"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: DEBUG_LOGO.SRC,
-    alt: DEBUG_LOGO.ALT
-  }), /*#__PURE__*/React.createElement("span", null, "Blaze admin")), /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    className: "debug-sidebar__button debug-sidebar__button--close",
-    "data-testid": "debug-sidebar-close",
-    "aria-label": "Close debug sidebar",
-    onClick: closeDebug
-  }, /*#__PURE__*/React.createElement(IoCloseOutline, null)), /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    className: "debug-sidebar__button debug-sidebar__button--editor",
-    "data-testid": "debug-sidebar-editor-button",
-    id: "debug-sidebar-editor-button",
-    "aria-label": "Editor mode",
-    onClick: toggleEditorMode
-  }, /*#__PURE__*/React.createElement("i", null, isEditorMode ? /*#__PURE__*/React.createElement(MdEditOff, null) : /*#__PURE__*/React.createElement(MdEdit, null))), /*#__PURE__*/React.createElement("div", {
-    role: "button",
-    className: "debug-sidebar__button open",
-    "data-testid": "debug-sidebar-button",
-    id: "debug-sidebar-button",
-    onClick: () => setIsOpen(!isOpen)
-  }, /*#__PURE__*/React.createElement("i", null, /*#__PURE__*/React.createElement(MdKeyboardArrowLeft, null)))), document.body);
-};
-DebugSidebar.propTypes = {
-  updatedDebugOptions: PropTypes.func.isRequired,
-  itemEntity: PropTypes.string,
-  itemId: PropTypes.string,
-  debugMode: PropTypes.bool
-};
-DebugSidebar.defaultProps = {
-  itemEntity: '',
-  itemId: '',
-  debugMode: false
-};
-export default DebugSidebar;
+import DebugSidebarRender from './DebugSidebarRender';
+export default DebugSidebarRender;
 //# sourceMappingURL=index.js.map

package/lib-es/components/DebugSidebar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useEffect","createPortal","PropTypes","classnames","Link","MdKeyboardArrowLeft","MdEdit","MdEditOff","useRouter","IoCloseOutline","buildAdminHref","setBlazeDebug","BLAZE_DEBUG","DEBUG_LOGO","getFromLocal","DebugSidebar","itemEntity","itemId","updatedDebugOptions","debugMode","isDebugMode","setIsDebugMode","isEditorMode","setIsEditorMode","isOpen","setIsOpen","router","currentDebugValue","handleRouteChange","url","hasDebug","includes","asPath","events","on","off","divClass","toggleEditorMode","editorModeEnabled","adminHref","href","closeDebug","window","blaze","debug","pathname","search","split","params","URLSearchParams","delete","newUrl","toString","push","shallow","createElement","className","target","src","SRC","alt","ALT","role","onClick","id","document","body","propTypes","func","isRequired","string","bool","defaultProps"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { Link } from '@blaze-cms/nextjs-components';\nimport { MdKeyboardArrowLeft, MdEdit, MdEditOff } from 'react-icons/md';\nimport { useRouter } from 'next/router';\nimport { IoCloseOutline } from 'react-icons/io5';\nimport { buildAdminHref, setBlazeDebug } from '../../helpers';\nimport { BLAZE_DEBUG, DEBUG_LOGO } from '../../constants';\nimport getFromLocal from '../../helpers/get-from-local';\n\nconst DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {\n  const [isDebugMode, setIsDebugMode] = useState(debugMode);\n  const [isEditorMode, setIsEditorMode] = useState(false);\n  const [isOpen, setIsOpen] = useState(true);\n  const router = useRouter();\n\n  useEffect(() => {\n    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);\n    const currentDebugValue = getFromLocal(BLAZE_DEBUG);\n    setIsDebugMode(currentDebugValue);\n    setIsOpen(currentDebugValue);\n    setBlazeDebug(setIsDebugMode);\n    // setIsEditorMode(!!currentEditorMode); // todo: initilize on load\n  }, []);\n\n  useEffect(() => {\n    const handleRouteChange = url => {\n      const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);\n      if (hasDebug) {\n        setBlazeDebug(setIsDebugMode);\n        setIsOpen(true);\n      }\n    };\n\n    if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {\n      handleRouteChange(router.asPath);\n    }\n\n    router.events.on('routeChangeComplete', handleRouteChange);\n    return () => {\n      router.events.off('routeChangeComplete', handleRouteChange);\n    };\n  }, [router.events, router.asPath]);\n\n  const divClass = classnames('debug-sidebar', {\n    'debug-sidebar--open': isOpen,\n    'debug-sidebar--close': !isOpen\n  });\n\n  const toggleEditorMode = () => {\n    // todo: persist editor mode in local storage\n    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);\n    // if (currentEditorMode) {\n    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);\n    // } else {\n    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);\n    // }\n    updatedDebugOptions('editorModeEnabled', !isEditorMode);\n    updatedDebugOptions({\n      editorModeEnabled: !isEditorMode,\n      adminHref: buildAdminHref({ itemEntity, itemId })\n    });\n    setIsEditorMode(!isEditorMode);\n  };\n\n  const href = buildAdminHref({ itemEntity, itemId });\n  if (!isDebugMode) return null;\n\n  const closeDebug = () => {\n    setBlazeDebug(setIsDebugMode);\n    window.blaze.debug();\n\n    const [pathname, search = ''] = router.asPath.split('?');\n    const params = new URLSearchParams(search);\n    params.delete(BLAZE_DEBUG);\n    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;\n\n    router.push('/Resolver', newUrl, {\n      shallow: true\n    });\n  };\n\n  return createPortal(\n    <div className={divClass} data-testid=\"debug-sidebar\">\n      <Link href={href} target=\"_blank\">\n        <img src={DEBUG_LOGO.SRC} alt={DEBUG_LOGO.ALT} />\n        <span>Blaze admin</span>\n      </Link>\n      <div\n        role=\"button\"\n        className=\"debug-sidebar__button debug-sidebar__button--close\"\n        data-testid=\"debug-sidebar-close\"\n        aria-label=\"Close debug sidebar\"\n        onClick={closeDebug}>\n        <IoCloseOutline />\n      </div>\n\n      <div\n        role=\"button\"\n        className=\"debug-sidebar__button debug-sidebar__button--editor\"\n        data-testid=\"debug-sidebar-editor-button\"\n        id=\"debug-sidebar-editor-button\"\n        aria-label=\"Editor mode\"\n        onClick={toggleEditorMode}>\n        <i>{isEditorMode ? <MdEditOff /> : <MdEdit />}</i>\n      </div>\n      <div\n        role=\"button\"\n        className=\"debug-sidebar__button open\"\n        data-testid=\"debug-sidebar-button\"\n        id=\"debug-sidebar-button\"\n        onClick={() => setIsOpen(!isOpen)}>\n        <i>\n          <MdKeyboardArrowLeft />\n        </i>\n      </div>\n    </div>,\n    document.body\n  );\n};\n\nDebugSidebar.propTypes = {\n  updatedDebugOptions: PropTypes.func.isRequired,\n  itemEntity: PropTypes.string,\n  itemId: PropTypes.string,\n  debugMode: PropTypes.bool\n};\n\nDebugSidebar.defaultProps = {\n  itemEntity: '',\n  itemId: '',\n  debugMode: false\n};\n\nexport default DebugSidebar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["DebugSidebarRender"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import DebugSidebarRender from './DebugSidebarRender';\n\nexport default DebugSidebarRender;\n"],"mappings":"AAAA,OAAOA,kBAAkB,MAAM,sBAAsB;AAErD,eAAeA,kBAAkB","ignoreList":[]}

package/lib-es/helpers/index.js

@@ -9,5 +9,6 @@ import renderAppleTags from './render-apple-tags';
 import getPageData from './get-page-data';
 import getErrorMessage from './get-error-message';
 import getRootSelectorClasses from './get-root-selector-classes';
-export { buildAdminHref, checkForGtm, checkParent, checkUrl, getEntitysActions, getSearchFilter, getPageData, getErrorMessage, renderAppleTags, setBlazeDebug, getRootSelectorClasses };
+import getFromLocal from './get-from-local';
+export { buildAdminHref, checkForGtm, checkParent, checkUrl, getEntitysActions, getFromLocal, getSearchFilter, getPageData, getErrorMessage, renderAppleTags, setBlazeDebug, getRootSelectorClasses };
 //# sourceMappingURL=index.js.map

package/lib-es/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["checkUrl","getEntitysActions","getSearchFilter","checkParent","buildAdminHref","setBlazeDebug","checkForGtm","renderAppleTags","getPageData","getErrorMessage","getRootSelectorClasses"],"sources":["../../src/helpers/index.js"],"sourcesContent":["import checkUrl from './check-url';\nimport getEntitysActions from './get-entitys-actions';\nimport getSearchFilter from './get-search-filter';\nimport checkParent from './check-parent';\nimport buildAdminHref from './build-admin-href';\nimport setBlazeDebug from './set-blaze-debug';\nimport checkForGtm from './check-for-gtm';\nimport renderAppleTags from './render-apple-tags';\nimport getPageData from './get-page-data';\nimport getErrorMessage from './get-error-message';\nimport getRootSelectorClasses from './get-root-selector-classes';\n\nexport {\n  buildAdminHref,\n  checkForGtm,\n  checkParent,\n  checkUrl,\n  getEntitysActions,\n  getSearchFilter,\n  getPageData,\n  getErrorMessage,\n  renderAppleTags,\n  setBlazeDebug,\n  getRootSelectorClasses\n};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,aAAa;AAClC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,sBAAsB,MAAM,6BAA6B;AAEhE,SACEN,cAAc,EACdE,WAAW,EACXH,WAAW,EACXH,QAAQ,EACRC,iBAAiB,EACjBC,eAAe,EACfM,WAAW,EACXC,eAAe,EACfF,eAAe,EACfF,aAAa,EACbK,sBAAsB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["checkUrl","getEntitysActions","getSearchFilter","checkParent","buildAdminHref","setBlazeDebug","checkForGtm","renderAppleTags","getPageData","getErrorMessage","getRootSelectorClasses","getFromLocal"],"sources":["../../src/helpers/index.js"],"sourcesContent":["import checkUrl from './check-url';\nimport getEntitysActions from './get-entitys-actions';\nimport getSearchFilter from './get-search-filter';\nimport checkParent from './check-parent';\nimport buildAdminHref from './build-admin-href';\nimport setBlazeDebug from './set-blaze-debug';\nimport checkForGtm from './check-for-gtm';\nimport renderAppleTags from './render-apple-tags';\nimport getPageData from './get-page-data';\nimport getErrorMessage from './get-error-message';\nimport getRootSelectorClasses from './get-root-selector-classes';\nimport getFromLocal from './get-from-local';\n\nexport {\n  buildAdminHref,\n  checkForGtm,\n  checkParent,\n  checkUrl,\n  getEntitysActions,\n  getFromLocal,\n  getSearchFilter,\n  getPageData,\n  getErrorMessage,\n  renderAppleTags,\n  setBlazeDebug,\n  getRootSelectorClasses\n};\n"],"mappings":"AAAA,OAAOA,QAAQ,MAAM,aAAa;AAClC,OAAOC,iBAAiB,MAAM,uBAAuB;AACrD,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,WAAW,MAAM,gBAAgB;AACxC,OAAOC,cAAc,MAAM,oBAAoB;AAC/C,OAAOC,aAAa,MAAM,mBAAmB;AAC7C,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,WAAW,MAAM,iBAAiB;AACzC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,OAAOC,sBAAsB,MAAM,6BAA6B;AAChE,OAAOC,YAAY,MAAM,kBAAkB;AAE3C,SACEP,cAAc,EACdE,WAAW,EACXH,WAAW,EACXH,QAAQ,EACRC,iBAAiB,EACjBU,YAAY,EACZT,eAAe,EACfM,WAAW,EACXC,eAAe,EACfF,eAAe,EACfF,aAAa,EACbK,sBAAsB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/nextjs-tools",
-  "version": "0.146.0-node18-tooltips.19",
+  "version": "0.146.0-node18-tooltips.22",
   "description": "Blaze nextjs tools",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -34,16 +34,17 @@
     "@blaze-cms/core-ui": "0.146.0-node18-tooltips.11",
     "@blaze-cms/nextjs-components": "0.146.0-node18-tooltips.0",
     "@blaze-cms/plugin-auth-fe": "0.146.0-node18-tooltips.11",
-    "@blaze-cms/plugin-auth-local-fe": "0.146.0-node18-tooltips.11",
+    "@blaze-cms/plugin-auth-local-fe": "0.146.0-node18-tooltips.22",
     "@blaze-cms/plugin-chart": "0.146.0-node18-tooltips.19",
-    "@blaze-cms/plugin-google-maps-fe": "0.146.0-node18-tooltips.19",
-    "@blaze-cms/plugin-gtm-fe": "0.146.0-node18-tooltips.19",
-    "@blaze-cms/plugin-page-builder-fe": "0.146.0-node18-tooltips.19",
+    "@blaze-cms/plugin-google-maps-fe": "0.146.0-node18-tooltips.22",
+    "@blaze-cms/plugin-gtm-fe": "0.146.0-node18-tooltips.22",
+    "@blaze-cms/plugin-page-builder-fe": "0.146.0-node18-tooltips.22",
     "@blaze-cms/plugin-preview-fe": "0.146.0-node18-tooltips.11",
-    "@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.11",
+    "@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.22",
     "@blaze-cms/plugin-structured-data-fe": "0.146.0-node18-tooltips.18",
-    "@blaze-cms/react-page-builder": "0.146.0-node18-tooltips.19",
+    "@blaze-cms/react-page-builder": "0.146.0-node18-tooltips.22",
     "@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
+    "@blaze-react/switches": "0.8.0-alpha.112",
     "autoprefixer": "^10.2.3",
     "core-js": "^3.2.1",
     "cross-fetch": "^3.0.2",
@@ -70,5 +71,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "2aed24333051ddcd4c2bec869a9df5835362d4c9"
+  "gitHead": "ca417fb55e4d7c0dbc31600eaf980940be06dbd6"
 }

package/src/components/DebugSidebar/DebugSidebar.js

@@ -0,0 +1,110 @@
+import React, { useState } from 'react';
+import { createPortal } from 'react-dom';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { IoCloseOutline } from 'react-icons/io5';
+import { useRouter } from 'next/router';
+import { MdKeyboardArrowLeft, MdEdit } from 'react-icons/md';
+import { Link } from '@blaze-cms/nextjs-components';
+import Switches from '@blaze-react/switches';
+import { buildAdminHref, setBlazeDebug } from '../../helpers';
+import { DEBUG_LOGO, BLAZE_DEBUG } from '../../constants';
+
+const DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode, setIsDebugMode }) => {
+  const router = useRouter();
+  const [isEditorMode, setIsEditorMode] = useState(false);
+  const [isOpen, setIsOpen] = useState(true);
+
+  const divClass = classnames('debug-sidebar', {
+    'debug-sidebar--open': isOpen,
+    'debug-sidebar--close': !isOpen
+  });
+
+  const toggleEditorMode = () => {
+    // todo: persist editor mode in local storage
+    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
+    // if (currentEditorMode) {
+    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
+    // } else {
+    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
+    // }
+    updatedDebugOptions('editorModeEnabled', !isEditorMode);
+    updatedDebugOptions({
+      editorModeEnabled: !isEditorMode,
+      adminHref: buildAdminHref({ itemEntity, itemId })
+    });
+    setIsEditorMode(!isEditorMode);
+  };
+
+  const href = buildAdminHref({ itemEntity, itemId });
+
+  const closeDebug = () => {
+    setBlazeDebug(setIsDebugMode);
+    window.blaze.debug();
+
+    const [pathname, search = ''] = router.asPath.split('?');
+    const params = new URLSearchParams(search);
+    params.delete(BLAZE_DEBUG);
+    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
+
+    router.push('/Resolver', newUrl, {
+      shallow: true
+    });
+  };
+
+  return createPortal(
+    <div className={divClass} data-testid="debug-sidebar">
+      <Link href={href} target="_blank">
+        <img src={DEBUG_LOGO.SRC} alt={DEBUG_LOGO.ALT} />
+      </Link>
+      <div
+        role="button"
+        className="debug-sidebar__button debug-sidebar__button--close"
+        data-testid="debug-sidebar-close"
+        aria-label="Close debug sidebar"
+        onClick={closeDebug}>
+        <IoCloseOutline />
+      </div>
+      <Switches
+        onChange={toggleEditorMode}
+        name="debug-sidebar-switch"
+        icon={<MdEdit />}
+        alignVertically
+        returnBoolean
+        onText="ON"
+        offText="OFF"
+        options={{
+          id: 'debug-sidebar-switch',
+          checked: isEditorMode
+        }}
+      />
+      <div
+        role="button"
+        className="debug-sidebar__button open"
+        data-testid="debug-sidebar-button"
+        id="debug-sidebar-button"
+        onClick={() => setIsOpen(!isOpen)}>
+        <i>
+          <MdKeyboardArrowLeft />
+        </i>
+      </div>
+    </div>,
+    document.body
+  );
+};
+
+DebugSidebar.propTypes = {
+  updatedDebugOptions: PropTypes.func.isRequired,
+  itemEntity: PropTypes.string,
+  itemId: PropTypes.string,
+  debugMode: PropTypes.bool,
+  setIsDebugMode: PropTypes.func.isRequired
+};
+
+DebugSidebar.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+
+export default DebugSidebar;

package/src/components/DebugSidebar/DebugSidebarRender.js

@@ -0,0 +1,67 @@
+import React, { useState, useEffect } from 'react';
+import dynamic from 'next/dynamic';
+import PropTypes from 'prop-types';
+import { useRouter } from 'next/router';
+import { setBlazeDebug, getFromLocal } from '../../helpers';
+import { BLAZE_DEBUG } from '../../constants';
+
+const DebugSidebar = dynamic(() => import('./DebugSidebar'));
+
+const DebugSidebarRender = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {
+  const [isDebugMode, setIsDebugMode] = useState(debugMode);
+  const router = useRouter();
+
+  useEffect(() => {
+    const currentDebugValue = getFromLocal(BLAZE_DEBUG);
+    setIsDebugMode(currentDebugValue);
+    setBlazeDebug(setIsDebugMode);
+  }, []);
+
+  useEffect(
+    () => {
+      const handleRouteChange = url => {
+        const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);
+        if (hasDebug) {
+          setBlazeDebug(setIsDebugMode);
+        }
+      };
+
+      if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {
+        handleRouteChange(router.asPath);
+      }
+
+      router.events.on('routeChangeComplete', handleRouteChange);
+      return () => {
+        router.events.off('routeChangeComplete', handleRouteChange);
+      };
+    },
+    [router.events, router.asPath]
+  );
+
+  if (!isDebugMode) return null;
+
+  return (
+    <DebugSidebar
+      itemEntity={itemEntity}
+      itemId={itemId}
+      updatedDebugOptions={updatedDebugOptions}
+      debugMode={debugMode}
+      setIsDebugMode={setIsDebugMode}
+    />
+  );
+};
+
+DebugSidebarRender.propTypes = {
+  updatedDebugOptions: PropTypes.func.isRequired,
+  itemEntity: PropTypes.string,
+  itemId: PropTypes.string,
+  debugMode: PropTypes.bool
+};
+
+DebugSidebarRender.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+
+export default DebugSidebarRender;

package/src/components/DebugSidebar/index.js

@@ -1,137 +1,3 @@
-import React, { useState, useEffect } from 'react';
-import { createPortal } from 'react-dom';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import { Link } from '@blaze-cms/nextjs-components';
-import { MdKeyboardArrowLeft, MdEdit, MdEditOff } from 'react-icons/md';
-import { useRouter } from 'next/router';
-import { IoCloseOutline } from 'react-icons/io5';
-import { buildAdminHref, setBlazeDebug } from '../../helpers';
-import { BLAZE_DEBUG, DEBUG_LOGO } from '../../constants';
-import getFromLocal from '../../helpers/get-from-local';
+import DebugSidebarRender from './DebugSidebarRender';
 
-const DebugSidebar = ({ itemEntity, itemId, updatedDebugOptions, debugMode }) => {
-  const [isDebugMode, setIsDebugMode] = useState(debugMode);
-  const [isEditorMode, setIsEditorMode] = useState(false);
-  const [isOpen, setIsOpen] = useState(true);
-  const router = useRouter();
-
-  useEffect(() => {
-    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
-    const currentDebugValue = getFromLocal(BLAZE_DEBUG);
-    setIsDebugMode(currentDebugValue);
-    setIsOpen(currentDebugValue);
-    setBlazeDebug(setIsDebugMode);
-    // setIsEditorMode(!!currentEditorMode); // todo: initilize on load
-  }, []);
-
-  useEffect(() => {
-    const handleRouteChange = url => {
-      const hasDebug = url.includes(`${BLAZE_DEBUG}=1`);
-      if (hasDebug) {
-        setBlazeDebug(setIsDebugMode);
-        setIsOpen(true);
-      }
-    };
-
-    if (router.asPath.includes(`${BLAZE_DEBUG}=1`)) {
-      handleRouteChange(router.asPath);
-    }
-
-    router.events.on('routeChangeComplete', handleRouteChange);
-    return () => {
-      router.events.off('routeChangeComplete', handleRouteChange);
-    };
-  }, [router.events, router.asPath]);
-
-  const divClass = classnames('debug-sidebar', {
-    'debug-sidebar--open': isOpen,
-    'debug-sidebar--close': !isOpen
-  });
-
-  const toggleEditorMode = () => {
-    // todo: persist editor mode in local storage
-    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
-    // if (currentEditorMode) {
-    //   window.localStorage.removeItem(BLAZE_PB_EDITOR_MODE);
-    // } else {
-    //   window.localStorage.setItem(BLAZE_PB_EDITOR_MODE, true);
-    // }
-    updatedDebugOptions('editorModeEnabled', !isEditorMode);
-    updatedDebugOptions({
-      editorModeEnabled: !isEditorMode,
-      adminHref: buildAdminHref({ itemEntity, itemId })
-    });
-    setIsEditorMode(!isEditorMode);
-  };
-
-  const href = buildAdminHref({ itemEntity, itemId });
-  if (!isDebugMode) return null;
-
-  const closeDebug = () => {
-    setBlazeDebug(setIsDebugMode);
-    window.blaze.debug();
-
-    const [pathname, search = ''] = router.asPath.split('?');
-    const params = new URLSearchParams(search);
-    params.delete(BLAZE_DEBUG);
-    const newUrl = params.toString() ? `${pathname}?${params.toString()}` : pathname;
-
-    router.push('/Resolver', newUrl, {
-      shallow: true
-    });
-  };
-
-  return createPortal(
-    <div className={divClass} data-testid="debug-sidebar">
-      <Link href={href} target="_blank">
-        <img src={DEBUG_LOGO.SRC} alt={DEBUG_LOGO.ALT} />
-        <span>Blaze admin</span>
-      </Link>
-      <div
-        role="button"
-        className="debug-sidebar__button debug-sidebar__button--close"
-        data-testid="debug-sidebar-close"
-        aria-label="Close debug sidebar"
-        onClick={closeDebug}>
-        <IoCloseOutline />
-      </div>
-
-      <div
-        role="button"
-        className="debug-sidebar__button debug-sidebar__button--editor"
-        data-testid="debug-sidebar-editor-button"
-        id="debug-sidebar-editor-button"
-        aria-label="Editor mode"
-        onClick={toggleEditorMode}>
-        <i>{isEditorMode ? <MdEditOff /> : <MdEdit />}</i>
-      </div>
-      <div
-        role="button"
-        className="debug-sidebar__button open"
-        data-testid="debug-sidebar-button"
-        id="debug-sidebar-button"
-        onClick={() => setIsOpen(!isOpen)}>
-        <i>
-          <MdKeyboardArrowLeft />
-        </i>
-      </div>
-    </div>,
-    document.body
-  );
-};
-
-DebugSidebar.propTypes = {
-  updatedDebugOptions: PropTypes.func.isRequired,
-  itemEntity: PropTypes.string,
-  itemId: PropTypes.string,
-  debugMode: PropTypes.bool
-};
-
-DebugSidebar.defaultProps = {
-  itemEntity: '',
-  itemId: '',
-  debugMode: false
-};
-
-export default DebugSidebar;
+export default DebugSidebarRender;

package/src/helpers/index.js

@@ -9,6 +9,7 @@ import renderAppleTags from './render-apple-tags';
 import getPageData from './get-page-data';
 import getErrorMessage from './get-error-message';
 import getRootSelectorClasses from './get-root-selector-classes';
+import getFromLocal from './get-from-local';
 
 export {
   buildAdminHref,
@@ -16,6 +17,7 @@ export {
   checkParent,
   checkUrl,
   getEntitysActions,
+  getFromLocal,
   getSearchFilter,
   getPageData,
   getErrorMessage,

package/tests/unit/src/components/DebugSidebar/DebugSidebar.test.js

@@ -65,10 +65,6 @@ const setupTest = async debug => {
 
 // todo: fix empty dom returned despite console showing rendering
 describe.skip('DebugSidebar component', () => {
-  it('should be defined', () => {
-    expect(DebugSidebar).toBeDefined();
-  });
-
   it('should render without throwing error (isDebugMode true)', async () => {
     const { asFragment } = await setupTest(true);
     expect(asFragment()).toMatchSnapshot();