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

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.146.0-node18-tooltips.22](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.21...v0.146.0-node18-tooltips.22) (2025-10-17)
+
+**Note:** Version bump only for package @blaze-cms/nextjs-tools
+
+
+
+
+
+# [0.146.0-node18-tooltips.21](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.20...v0.146.0-node18-tooltips.21) (2025-10-14)
+
+**Note:** Version bump only for package @blaze-cms/nextjs-tools
+
+
+
+
+
 # [0.146.0-node18-tooltips.19](https://github.com/thebyte9/blaze/compare/v0.146.0-node18-tooltips.18...v0.146.0-node18-tooltips.19) (2025-10-10)
 
 **Note:** Version bump only for package @blaze-cms/nextjs-tools

package/lib/components/DebugSidebar/DebugSidebar.js

@@ -0,0 +1,140 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.weak-map.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/web.url-search-params.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _io = require("react-icons/io5");
+var _router = require("next/router");
+var _md = require("react-icons/md");
+var _nextjsComponents = require("@blaze-cms/nextjs-components");
+var _switches = _interopRequireDefault(require("@blaze-react/switches"));
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DebugSidebar = function DebugSidebar(_ref) {
+  var itemEntity = _ref.itemEntity,
+    itemId = _ref.itemId,
+    updatedDebugOptions = _ref.updatedDebugOptions,
+    debugMode = _ref.debugMode,
+    setIsDebugMode = _ref.setIsDebugMode;
+  var router = (0, _router.useRouter)();
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isEditorMode = _useState2[0],
+    setIsEditorMode = _useState2[1];
+  var _useState3 = (0, _react.useState)(true),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isOpen = _useState4[0],
+    setIsOpen = _useState4[1];
+  var divClass = (0, _classnames["default"])('debug-sidebar', {
+    'debug-sidebar--open': isOpen,
+    'debug-sidebar--close': !isOpen
+  });
+  var toggleEditorMode = function 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: (0, _helpers.buildAdminHref)({
+        itemEntity: itemEntity,
+        itemId: itemId
+      })
+    });
+    setIsEditorMode(!isEditorMode);
+  };
+  var href = (0, _helpers.buildAdminHref)({
+    itemEntity: itemEntity,
+    itemId: itemId
+  });
+  var closeDebug = function closeDebug() {
+    (0, _helpers.setBlazeDebug)(setIsDebugMode);
+    window.blaze.debug();
+    var _router$asPath$split = router.asPath.split('?'),
+      _router$asPath$split2 = (0, _slicedToArray2["default"])(_router$asPath$split, 2),
+      pathname = _router$asPath$split2[0],
+      _router$asPath$split3 = _router$asPath$split2[1],
+      search = _router$asPath$split3 === void 0 ? '' : _router$asPath$split3;
+    var params = new URLSearchParams(search);
+    params["delete"](_constants.BLAZE_DEBUG);
+    var newUrl = params.toString() ? "".concat(pathname, "?").concat(params.toString()) : pathname;
+    router.push('/Resolver', newUrl, {
+      shallow: true
+    });
+  };
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement("div", {
+    className: divClass,
+    "data-testid": "debug-sidebar"
+  }, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
+    href: href,
+    target: "_blank"
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: _constants.DEBUG_LOGO.SRC,
+    alt: _constants.DEBUG_LOGO.ALT
+  })), /*#__PURE__*/_react["default"].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["default"].createElement(_io.IoCloseOutline, null)), /*#__PURE__*/_react["default"].createElement(_switches["default"], {
+    onChange: toggleEditorMode,
+    name: "debug-sidebar-switch",
+    icon: /*#__PURE__*/_react["default"].createElement(_md.MdEdit, null),
+    alignVertically: true,
+    returnBoolean: true,
+    onText: "ON",
+    offText: "OFF",
+    options: {
+      id: 'debug-sidebar-switch',
+      checked: isEditorMode
+    }
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    role: "button",
+    className: "debug-sidebar__button open",
+    "data-testid": "debug-sidebar-button",
+    id: "debug-sidebar-button",
+    onClick: function onClick() {
+      return setIsOpen(!isOpen);
+    }
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))), document.body);
+};
+DebugSidebar.propTypes = {
+  updatedDebugOptions: _propTypes["default"].func.isRequired,
+  itemEntity: _propTypes["default"].string,
+  itemId: _propTypes["default"].string,
+  debugMode: _propTypes["default"].bool,
+  setIsDebugMode: _propTypes["default"].func.isRequired
+};
+DebugSidebar.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+var _default = exports["default"] = DebugSidebar;
+//# sourceMappingURL=DebugSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebar.js","names":["_react","_interopRequireWildcard","require","_reactDom","_propTypes","_interopRequireDefault","_classnames","_io","_router","_md","_nextjsComponents","_switches","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DebugSidebar","_ref","itemEntity","itemId","updatedDebugOptions","debugMode","setIsDebugMode","router","useRouter","_useState","useState","_useState2","_slicedToArray2","isEditorMode","setIsEditorMode","_useState3","_useState4","isOpen","setIsOpen","divClass","classnames","toggleEditorMode","editorModeEnabled","adminHref","buildAdminHref","href","closeDebug","setBlazeDebug","window","blaze","debug","_router$asPath$split","asPath","split","_router$asPath$split2","pathname","_router$asPath$split3","search","params","URLSearchParams","BLAZE_DEBUG","newUrl","toString","concat","push","shallow","createPortal","createElement","className","Link","target","src","DEBUG_LOGO","SRC","alt","ALT","role","onClick","IoCloseOutline","onChange","name","icon","MdEdit","alignVertically","returnBoolean","onText","offText","options","id","checked","MdKeyboardArrowLeft","document","body","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"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/components/DebugSidebar/DebugSidebarRender.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.promise.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _dynamic = _interopRequireDefault(require("next/dynamic"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _router = require("next/router");
+var _helpers = require("../../helpers");
+var _constants = require("../../constants");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != (0, _typeof2["default"])(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var DebugSidebar = (0, _dynamic["default"])(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require('./DebugSidebar'));
+  });
+});
+var DebugSidebarRender = function DebugSidebarRender(_ref) {
+  var itemEntity = _ref.itemEntity,
+    itemId = _ref.itemId,
+    updatedDebugOptions = _ref.updatedDebugOptions,
+    debugMode = _ref.debugMode;
+  var _useState = (0, _react.useState)(debugMode),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isDebugMode = _useState2[0],
+    setIsDebugMode = _useState2[1];
+  var router = (0, _router.useRouter)();
+  (0, _react.useEffect)(function () {
+    var currentDebugValue = (0, _helpers.getFromLocal)(_constants.BLAZE_DEBUG);
+    setIsDebugMode(currentDebugValue);
+    (0, _helpers.setBlazeDebug)(setIsDebugMode);
+  }, []);
+  (0, _react.useEffect)(function () {
+    var handleRouteChange = function handleRouteChange(url) {
+      var hasDebug = url.includes("".concat(_constants.BLAZE_DEBUG, "=1"));
+      if (hasDebug) {
+        (0, _helpers.setBlazeDebug)(setIsDebugMode);
+      }
+    };
+    if (router.asPath.includes("".concat(_constants.BLAZE_DEBUG, "=1"))) {
+      handleRouteChange(router.asPath);
+    }
+    router.events.on('routeChangeComplete', handleRouteChange);
+    return function () {
+      router.events.off('routeChangeComplete', handleRouteChange);
+    };
+  }, [router.events, router.asPath]);
+  if (!isDebugMode) return null;
+  return /*#__PURE__*/_react["default"].createElement(DebugSidebar, {
+    itemEntity: itemEntity,
+    itemId: itemId,
+    updatedDebugOptions: updatedDebugOptions,
+    debugMode: debugMode,
+    setIsDebugMode: setIsDebugMode
+  });
+};
+DebugSidebarRender.propTypes = {
+  updatedDebugOptions: _propTypes["default"].func.isRequired,
+  itemEntity: _propTypes["default"].string,
+  itemId: _propTypes["default"].string,
+  debugMode: _propTypes["default"].bool
+};
+DebugSidebarRender.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+var _default = exports["default"] = DebugSidebarRender;
+//# sourceMappingURL=DebugSidebarRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DebugSidebarRender.js","names":["_react","_interopRequireWildcard","require","_dynamic","_interopRequireDefault","_propTypes","_router","_helpers","_constants","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof2","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DebugSidebar","dynamic","Promise","resolve","then","DebugSidebarRender","_ref","itemEntity","itemId","updatedDebugOptions","debugMode","_useState","useState","_useState2","_slicedToArray2","isDebugMode","setIsDebugMode","router","useRouter","useEffect","currentDebugValue","getFromLocal","BLAZE_DEBUG","setBlazeDebug","handleRouteChange","url","hasDebug","includes","concat","asPath","events","on","off","createElement","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"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":"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","ignoreList":[]}

package/lib/components/DebugSidebar/index.js

@@ -1,164 +1,11 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.weak-map.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/es.array.includes.js");
-require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.date.to-string.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.regexp.to-string.js");
-require("core-js/modules/es.string.includes.js");
-require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/web.url-search-params.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactDom = require("react-dom");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _nextjsComponents = require("@blaze-cms/nextjs-components");
-var _md = require("react-icons/md");
-var _router = require("next/router");
-var _io = require("react-icons/io5");
-var _helpers = require("../../helpers");
-var _constants = require("../../constants");
-var _getFromLocal = _interopRequireDefault(require("../../helpers/get-from-local"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var DebugSidebar = function DebugSidebar(_ref) {
-  var itemEntity = _ref.itemEntity,
-    itemId = _ref.itemId,
-    updatedDebugOptions = _ref.updatedDebugOptions,
-    debugMode = _ref.debugMode;
-  var _useState = (0, _react.useState)(debugMode),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    isDebugMode = _useState2[0],
-    setIsDebugMode = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    isEditorMode = _useState4[0],
-    setIsEditorMode = _useState4[1];
-  var _useState5 = (0, _react.useState)(true),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    isOpen = _useState6[0],
-    setIsOpen = _useState6[1];
-  var router = (0, _router.useRouter)();
-  (0, _react.useEffect)(function () {
-    // const currentEditorMode = getFromLocal(BLAZE_PB_EDITOR_MODE);
-    var currentDebugValue = (0, _getFromLocal["default"])(_constants.BLAZE_DEBUG);
-    setIsDebugMode(currentDebugValue);
-    setIsOpen(currentDebugValue);
-    (0, _helpers.setBlazeDebug)(setIsDebugMode);
-    // setIsEditorMode(!!currentEditorMode); // todo: initilize on load
-  }, []);
-  (0, _react.useEffect)(function () {
-    var handleRouteChange = function handleRouteChange(url) {
-      var hasDebug = url.includes("".concat(_constants.BLAZE_DEBUG, "=1"));
-      if (hasDebug) {
-        (0, _helpers.setBlazeDebug)(setIsDebugMode);
-        setIsOpen(true);
-      }
-    };
-    if (router.asPath.includes("".concat(_constants.BLAZE_DEBUG, "=1"))) {
-      handleRouteChange(router.asPath);
-    }
-    router.events.on('routeChangeComplete', handleRouteChange);
-    return function () {
-      router.events.off('routeChangeComplete', handleRouteChange);
-    };
-  }, [router.events, router.asPath]);
-  var divClass = (0, _classnames["default"])('debug-sidebar', {
-    'debug-sidebar--open': isOpen,
-    'debug-sidebar--close': !isOpen
-  });
-  var toggleEditorMode = function 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: (0, _helpers.buildAdminHref)({
-        itemEntity: itemEntity,
-        itemId: itemId
-      })
-    });
-    setIsEditorMode(!isEditorMode);
-  };
-  var href = (0, _helpers.buildAdminHref)({
-    itemEntity: itemEntity,
-    itemId: itemId
-  });
-  if (!isDebugMode) return null;
-  var closeDebug = function closeDebug() {
-    (0, _helpers.setBlazeDebug)(setIsDebugMode);
-    window.blaze.debug();
-    var _router$asPath$split = router.asPath.split('?'),
-      _router$asPath$split2 = (0, _slicedToArray2["default"])(_router$asPath$split, 2),
-      pathname = _router$asPath$split2[0],
-      _router$asPath$split3 = _router$asPath$split2[1],
-      search = _router$asPath$split3 === void 0 ? '' : _router$asPath$split3;
-    var params = new URLSearchParams(search);
-    params["delete"](_constants.BLAZE_DEBUG);
-    var newUrl = params.toString() ? "".concat(pathname, "?").concat(params.toString()) : pathname;
-    router.push('/Resolver', newUrl, {
-      shallow: true
-    });
-  };
-  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react["default"].createElement("div", {
-    className: divClass,
-    "data-testid": "debug-sidebar"
-  }, /*#__PURE__*/_react["default"].createElement(_nextjsComponents.Link, {
-    href: href,
-    target: "_blank"
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: _constants.DEBUG_LOGO.SRC,
-    alt: _constants.DEBUG_LOGO.ALT
-  }), /*#__PURE__*/_react["default"].createElement("span", null, "Blaze admin")), /*#__PURE__*/_react["default"].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["default"].createElement(_io.IoCloseOutline, null)), /*#__PURE__*/_react["default"].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["default"].createElement("i", null, isEditorMode ? /*#__PURE__*/_react["default"].createElement(_md.MdEditOff, null) : /*#__PURE__*/_react["default"].createElement(_md.MdEdit, null))), /*#__PURE__*/_react["default"].createElement("div", {
-    role: "button",
-    className: "debug-sidebar__button open",
-    "data-testid": "debug-sidebar-button",
-    id: "debug-sidebar-button",
-    onClick: function onClick() {
-      return setIsOpen(!isOpen);
-    }
-  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_md.MdKeyboardArrowLeft, null)))), document.body);
-};
-DebugSidebar.propTypes = {
-  updatedDebugOptions: _propTypes["default"].func.isRequired,
-  itemEntity: _propTypes["default"].string,
-  itemId: _propTypes["default"].string,
-  debugMode: _propTypes["default"].bool
-};
-DebugSidebar.defaultProps = {
-  itemEntity: '',
-  itemId: '',
-  debugMode: false
-};
-var _default = exports["default"] = DebugSidebar;
+var _DebugSidebarRender = _interopRequireDefault(require("./DebugSidebarRender"));
+var _default = exports["default"] = _DebugSidebarRender["default"];
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_reactDom","_propTypes","_interopRequireDefault","_classnames","_nextjsComponents","_md","_router","_io","_helpers","_constants","_getFromLocal","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DebugSidebar","_ref","itemEntity","itemId","updatedDebugOptions","debugMode","_useState","useState","_useState2","_slicedToArray2","isDebugMode","setIsDebugMode","_useState3","_useState4","isEditorMode","setIsEditorMode","_useState5","_useState6","isOpen","setIsOpen","router","useRouter","useEffect","currentDebugValue","getFromLocal","BLAZE_DEBUG","setBlazeDebug","handleRouteChange","url","hasDebug","includes","concat","asPath","events","on","off","divClass","classnames","toggleEditorMode","editorModeEnabled","adminHref","buildAdminHref","href","closeDebug","window","blaze","debug","_router$asPath$split","split","_router$asPath$split2","pathname","_router$asPath$split3","search","params","URLSearchParams","newUrl","toString","push","shallow","createPortal","createElement","className","Link","target","src","DEBUG_LOGO","SRC","alt","ALT","role","onClick","IoCloseOutline","id","MdEditOff","MdEdit","MdKeyboardArrowLeft","document","body","propTypes","PropTypes","func","isRequired","string","bool","defaultProps","_default","exports"],"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","_interopRequireDefault","require","_default","exports","DebugSidebarRender"],"sources":["../../../src/components/DebugSidebar/index.js"],"sourcesContent":["import DebugSidebarRender from './DebugSidebarRender';\n\nexport default DebugSidebarRender;\n"],"mappings":";;;;;;;;AAAA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAsD,IAAAC,QAAA,GAAAC,OAAA,cAEvCC,8BAAkB","ignoreList":[]}

package/lib/helpers/index.js

@@ -41,6 +41,12 @@ Object.defineProperty(exports, "getErrorMessage", {
     return _getErrorMessage["default"];
   }
 });
+Object.defineProperty(exports, "getFromLocal", {
+  enumerable: true,
+  get: function get() {
+    return _getFromLocal["default"];
+  }
+});
 Object.defineProperty(exports, "getPageData", {
   enumerable: true,
   get: function get() {
@@ -82,4 +88,5 @@ var _renderAppleTags = _interopRequireDefault(require("./render-apple-tags"));
 var _getPageData = _interopRequireDefault(require("./get-page-data"));
 var _getErrorMessage = _interopRequireDefault(require("./get-error-message"));
 var _getRootSelectorClasses = _interopRequireDefault(require("./get-root-selector-classes"));
+var _getFromLocal = _interopRequireDefault(require("./get-from-local"));
 //# sourceMappingURL=index.js.map

package/lib/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_checkUrl","_interopRequireDefault","require","_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,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,gBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,gBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,uBAAA,GAAAX,sBAAA,CAAAC,OAAA","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_checkUrl","_interopRequireDefault","require","_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,IAAAA,SAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,kBAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,gBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,YAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,cAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,gBAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,YAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,gBAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,uBAAA,GAAAX,sBAAA,CAAAC,OAAA;AACA,IAAAW,aAAA,GAAAZ,sBAAA,CAAAC,OAAA","ignoreList":[]}

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

@@ -0,0 +1,107 @@
+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(/*#__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("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(Switches, {
+    onChange: toggleEditorMode,
+    name: "debug-sidebar-switch",
+    icon: /*#__PURE__*/React.createElement(MdEdit, null),
+    alignVertically: true,
+    returnBoolean: true,
+    onText: "ON",
+    offText: "OFF",
+    options: {
+      id: 'debug-sidebar-switch',
+      checked: isEditorMode
+    }
+  }), /*#__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,
+  setIsDebugMode: PropTypes.func.isRequired
+};
+DebugSidebar.defaultProps = {
+  itemEntity: '',
+  itemId: '',
+  debugMode: false
+};
+export default DebugSidebar;
+//# sourceMappingURL=DebugSidebar.js.map