@blaze-cms/react-page-builder 0.125.0-f-admin-updates.0 → 0.125.0

package/lib/components/Image/Lightbox/Lightbox.js

@@ -1,68 +1,43 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.object.to-string.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");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.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;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 require("core-js/modules/es.function.name.js");
-
 require("core-js/modules/es.object.keys.js");
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _modal = _interopRequireDefault(require("@blaze-react/modal"));
-
 var _customHooks = require("@blaze-react/utils/lib/customHooks");
-
 var _imageCdnReact = require("@blaze-cms/image-cdn-react");
-
 var _BlazeLink = _interopRequireDefault(require("../../BlazeLink"));
-
 var _constants = require("../../../constants");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 // add for full screen modal based on blaze, and pass modifiers(lightbox)
 var Lightbox = function Lightbox(_ref) {
   var name = _ref.name,
-      imageUrl = _ref.imageUrl,
-      altTxt = _ref.altTxt,
-      closeModal = _ref.closeModal,
-      imageCaption = _ref.imageCaption,
-      imgWrapperProps = _ref.imgWrapperProps;
-
+    imageUrl = _ref.imageUrl,
+    altTxt = _ref.altTxt,
+    closeModal = _ref.closeModal,
+    imageCaption = _ref.imageCaption,
+    imgWrapperProps = _ref.imgWrapperProps;
   var _useInView = (0, _customHooks.useInView)(_constants.IN_VIEW_CONFIG),
-      _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
-      isIntersecting = _useInView2[0],
-      outerRef = _useInView2[1];
-
+    _useInView2 = (0, _slicedToArray2["default"])(_useInView, 2),
+    isIntersecting = _useInView2[0],
+    outerRef = _useInView2[1];
   var hasLink = Object.keys(imgWrapperProps).length;
   var ImgWrapper = hasLink ? _BlazeLink["default"] : _react.Fragment;
   return /*#__PURE__*/_react["default"].createElement(_modal["default"], {
@@ -88,7 +63,6 @@ var Lightbox = function Lightbox(_ref) {
     className: "caption"
   }, imageCaption)));
 };
-
 Lightbox.propTypes = {
   name: _propTypes["default"].string,
   closeModal: _propTypes["default"].func.isRequired,

package/lib/components/Image/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","names":["Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","useInView","IN_VIEW_CONFIG","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","BlazeLink","Fragment","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAA2E;EAAA,IAAxEC,IAAwE,QAAxEA,IAAwE;EAAA,IAAlEC,QAAkE,QAAlEA,QAAkE;EAAA,IAAxDC,MAAwD,QAAxDA,MAAwD;EAAA,IAAhDC,UAAgD,QAAhDA,UAAgD;EAAA,IAApCC,YAAoC,QAApCA,YAAoC;EAAA,IAAtBC,eAAsB,QAAtBA,eAAsB;;EAC1F,iBAAmC,IAAAC,sBAAA,EAAUC,yBAAV,CAAnC;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,QAAvB;;EAEA,IAAMC,OAAO,GAAGC,MAAM,CAACC,IAAP,CAAYP,eAAZ,EAA6BQ,MAA7C;EACA,IAAMC,UAAU,GAAGJ,OAAO,GAAGK,qBAAH,GAAeC,eAAzC;EAEA,oBACE,gCAAC,iBAAD;IAAO,KAAK,EAAEhB,IAAd;IAAoB,OAAO,EAAEG,UAA7B;IAAyC,YAAY;EAArD,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,GAAG,EAAEM,QAAV;IAAoB,SAAS,EAAC;EAA9B,GACGD,cAAc,iBACb,gCAAC,UAAD,gCAAgBH,eAAhB;IAAiC,IAAI,EAAEK,OAAO,GAAG,MAAH,GAAY;EAA1D,iBACE,gCAAC,8BAAD;IAAiB,GAAG,EAAET,QAAtB;IAAgC,GAAG,EAAEC,MAArC;IAA6C,OAAO,EAAC;EAArD,EADF,CAFJ,CADF,CADF,CADF,EAYGE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAf,gBACE;IAAK,SAAS,EAAC;EAAf,GAA0BA,YAA1B,CADF,CAbJ,CADF;AAoBD,CA1BD;;AA4BAL,QAAQ,CAACkB,SAAT,GAAqB;EACnBjB,IAAI,EAAEkB,qBAAA,CAAUC,MADG;EAEnBhB,UAAU,EAAEe,qBAAA,CAAUE,IAAV,CAAeC,UAFR;EAGnBhB,eAAe,EAAEa,qBAAA,CAAUI,MAHR;EAInBrB,QAAQ,EAAEiB,qBAAA,CAAUC,MAJD;EAKnBf,YAAY,EAAEc,qBAAA,CAAUC,MALL;EAMnBjB,MAAM,EAAEgB,qBAAA,CAAUC,MANC;EAOnBI,QAAQ,EAAEL,qBAAA,CAAUC;AAPD,CAArB;AAUApB,QAAQ,CAACyB,YAAT,GAAwB;EACtBxB,IAAI,EAAE,EADgB;EAEtBK,eAAe,EAAE,EAFK;EAGtBkB,QAAQ,EAAE,EAHY;EAItBnB,YAAY,EAAE,EAJQ;EAKtBF,MAAM,EAAE,EALc;EAMtBD,QAAQ,EAAE;AANY,CAAxB;eASeF,Q"}
+{"version":3,"file":"Lightbox.js","names":["Lightbox","name","imageUrl","altTxt","closeModal","imageCaption","imgWrapperProps","useInView","IN_VIEW_CONFIG","isIntersecting","outerRef","hasLink","Object","keys","length","ImgWrapper","BlazeLink","Fragment","propTypes","PropTypes","string","func","isRequired","object","modifier","defaultProps"],"sources":["../../../../src/components/Image/Lightbox/Lightbox.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport PropTypes from 'prop-types';\nimport Modal from '@blaze-react/modal';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { ResponsiveImage } from '@blaze-cms/image-cdn-react';\nimport BlazeLink from '../../BlazeLink';\nimport { IN_VIEW_CONFIG } from '../../../constants';\n\n// add for full screen modal based on blaze, and pass modifiers(lightbox)\nconst Lightbox = ({ name, imageUrl, altTxt, closeModal, imageCaption, imgWrapperProps }) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n\n  const hasLink = Object.keys(imgWrapperProps).length;\n  const ImgWrapper = hasLink ? BlazeLink : Fragment;\n\n  return (\n    <Modal title={name} onClose={closeModal} isFullScreen>\n      <div className=\"row row--display-row\">\n        <div className=\"column column--two-thirds\">\n          <div ref={outerRef} className=\"image\">\n            {isIntersecting && (\n              <ImgWrapper {...imgWrapperProps} role={hasLink ? 'link' : ''}>\n                <ResponsiveImage src={imageUrl} alt={altTxt} sizeKey=\"lightbox\" />\n              </ImgWrapper>\n            )}\n          </div>\n        </div>\n      </div>\n      {imageCaption && (\n        <div className=\"row row--display-row\">\n          <div className=\"caption\">{imageCaption}</div>\n        </div>\n      )}\n    </Modal>\n  );\n};\n\nLightbox.propTypes = {\n  name: PropTypes.string,\n  closeModal: PropTypes.func.isRequired,\n  imgWrapperProps: PropTypes.object,\n  imageUrl: PropTypes.string,\n  imageCaption: PropTypes.string,\n  altTxt: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nLightbox.defaultProps = {\n  name: '',\n  imgWrapperProps: {},\n  modifier: '',\n  imageCaption: '',\n  altTxt: '',\n  imageUrl: ''\n};\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAoD;AAAA;AAEpD;AACA,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAA8E;EAAA,IAAxEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,MAAM,QAANA,MAAM;IAAEC,UAAU,QAAVA,UAAU;IAAEC,YAAY,QAAZA,YAAY;IAAEC,eAAe,QAAfA,eAAe;EACnF,iBAAmC,IAAAC,sBAAS,EAACC,yBAAc,CAAC;IAAA;IAArDC,cAAc;IAAEC,QAAQ;EAE/B,IAAMC,OAAO,GAAGC,MAAM,CAACC,IAAI,CAACP,eAAe,CAAC,CAACQ,MAAM;EACnD,IAAMC,UAAU,GAAGJ,OAAO,GAAGK,qBAAS,GAAGC,eAAQ;EAEjD,oBACE,gCAAC,iBAAK;IAAC,KAAK,EAAEhB,IAAK;IAAC,OAAO,EAAEG,UAAW;IAAC,YAAY;EAAA,gBACnD;IAAK,SAAS,EAAC;EAAsB,gBACnC;IAAK,SAAS,EAAC;EAA2B,gBACxC;IAAK,GAAG,EAAEM,QAAS;IAAC,SAAS,EAAC;EAAO,GAClCD,cAAc,iBACb,gCAAC,UAAU,gCAAKH,eAAe;IAAE,IAAI,EAAEK,OAAO,GAAG,MAAM,GAAG;EAAG,iBAC3D,gCAAC,8BAAe;IAAC,GAAG,EAAET,QAAS;IAAC,GAAG,EAAEC,MAAO;IAAC,OAAO,EAAC;EAAU,EAAG,CAErE,CACG,CACF,CACF,EACLE,YAAY,iBACX;IAAK,SAAS,EAAC;EAAsB,gBACnC;IAAK,SAAS,EAAC;EAAS,GAAEA,YAAY,CAAO,CAEhD,CACK;AAEZ,CAAC;AAEDL,QAAQ,CAACkB,SAAS,GAAG;EACnBjB,IAAI,EAAEkB,qBAAS,CAACC,MAAM;EACtBhB,UAAU,EAAEe,qBAAS,CAACE,IAAI,CAACC,UAAU;EACrChB,eAAe,EAAEa,qBAAS,CAACI,MAAM;EACjCrB,QAAQ,EAAEiB,qBAAS,CAACC,MAAM;EAC1Bf,YAAY,EAAEc,qBAAS,CAACC,MAAM;EAC9BjB,MAAM,EAAEgB,qBAAS,CAACC,MAAM;EACxBI,QAAQ,EAAEL,qBAAS,CAACC;AACtB,CAAC;AAEDpB,QAAQ,CAACyB,YAAY,GAAG;EACtBxB,IAAI,EAAE,EAAE;EACRK,eAAe,EAAE,CAAC,CAAC;EACnBkB,QAAQ,EAAE,EAAE;EACZnB,YAAY,EAAE,EAAE;EAChBF,MAAM,EAAE,EAAE;EACVD,QAAQ,EAAE;AACZ,CAAC;AAAC,eAEaF,QAAQ;AAAA"}

package/lib/components/Image/Lightbox/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _Lightbox = _interopRequireDefault(require("./Lightbox"));
-
 var _default = _Lightbox["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/Image/Lightbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Lightbox"],"sources":["../../../../src/components/Image/Lightbox/index.js"],"sourcesContent":["import Lightbox from './Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,oB"}
+{"version":3,"file":"index.js","names":["Lightbox"],"sources":["../../../../src/components/Image/Lightbox/index.js"],"sourcesContent":["import Lightbox from './Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;AAAA;AAAkC,eAEnBA,oBAAQ;AAAA"}

package/lib/components/Image/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _ImageFactory = _interopRequireDefault(require("./ImageFactory"));
-
 var _default = _ImageFactory["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Image"],"sources":["../../../src/components/Image/index.js"],"sourcesContent":["import Image from './ImageFactory';\n\nexport default Image;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,wB"}
+{"version":3,"file":"index.js","names":["Image"],"sources":["../../../src/components/Image/index.js"],"sourcesContent":["import Image from './ImageFactory';\n\nexport default Image;\n"],"mappings":";;;;;;;;AAAA;AAAmC,eAEpBA,wBAAK;AAAA"}

package/lib/components/ItemList/ItemListButton/ItemListButton.js

@@ -1,103 +1,72 @@
 "use strict";
 
 require("core-js/modules/es.array.iterator.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");
-
 require("core-js/modules/es.object.define-property.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.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.find.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.array.join.js");
-
 require("core-js/modules/es.array.filter.js");
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _bs = require("react-icons/bs");
-
 var _client = require("@apollo/client");
-
 var _query = require("../../../application/query");
-
 var _helpers = require("../helpers");
-
 var _hooks = require("../hooks");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var ItemListButton = function ItemListButton(_ref) {
   var listName = _ref.listName,
-      parent = _ref.parent,
-      modifier = _ref.modifier;
+    parent = _ref.parent,
+    modifier = _ref.modifier;
   var itemId = parent.itemId,
-      itemEntity = parent.itemEntity;
-
+    itemEntity = parent.itemEntity;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      isHover = _useState2[0],
-      setIsHover = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isHover = _useState2[0],
+    setIsHover = _useState2[1];
   var _useItemListId = (0, _hooks.useItemListId)({
-    listName: listName
-  }),
-      listId = _useItemListId.listId;
-
+      listName: listName
+    }),
+    listId = _useItemListId.listId;
   var getIcon = function getIcon() {
     if (isInList) return isHover ? _bs.BsBookmarkXFill : _bs.BsBookmarkCheckFill;
     return isHover ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
   };
-
   var _useQuery = (0, _client.useQuery)(_query.getItemList, {
-    variables: {
-      id: listId
-    },
-    skip: !listId
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: listId
+      },
+      skip: !listId
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
   var _useMutation = (0, _client.useMutation)(_query.addItemsToList, {
-    onCompleted: function onCompleted(_ref2) {
-      var listAddResult = _ref2.addItemsToList;
-      var id = listAddResult.result.id;
-
-      if (!listId) {
-        (0, _helpers.setItemListId)(listName, id);
+      onCompleted: function onCompleted(_ref2) {
+        var listAddResult = _ref2.addItemsToList;
+        var id = listAddResult.result.id;
+        if (!listId) {
+          (0, _helpers.setItemListId)(listName, id);
+        }
       }
-    }
-  }),
-      _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
-      addListItem = _useMutation2[0];
-
+    }),
+    _useMutation2 = (0, _slicedToArray2["default"])(_useMutation, 1),
+    addListItem = _useMutation2[0];
   var _useMutation3 = (0, _client.useMutation)(_query.removeItemsFromList),
-      _useMutation4 = (0, _slicedToArray2["default"])(_useMutation3, 1),
-      removeListItem = _useMutation4[0];
-
+    _useMutation4 = (0, _slicedToArray2["default"])(_useMutation3, 1),
+    removeListItem = _useMutation4[0];
   var clickHandler = function clickHandler() {
     setIsHover(false);
     isInList ? removeListItem({
@@ -121,13 +90,12 @@ var ItemListButton = function ItemListButton(_ref) {
       skip: !listId
     });
   };
-
   if (loading) return '';
   if (error) return error.message;
   var listItems = (0, _helpers.getItemListData)(data);
   var isInList = !!listItems.find(function (_ref3) {
     var idToCheck = _ref3.itemId,
-        entityToCheck = _ref3.itemEntity;
+      entityToCheck = _ref3.itemEntity;
     return idToCheck === itemId && entityToCheck === itemEntity;
   });
   var Icon = getIcon();
@@ -145,7 +113,6 @@ var ItemListButton = function ItemListButton(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(Icon, null)));
 };
-
 ItemListButton.propTypes = {
   parent: _propTypes["default"].object,
   listName: _propTypes["default"].string,

package/lib/components/ItemList/ItemListButton/ItemListButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","useState","isHover","setIsHover","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","useQuery","getItemList","variables","id","skip","data","error","loading","useMutation","addItemsToList","onCompleted","listAddResult","result","setItemListId","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","getItemListData","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","PropTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ listName });\n\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        setItemListId(listName, id);\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}
+{"version":3,"file":"ItemListButton.js","names":["ItemListButton","listName","parent","modifier","itemId","itemEntity","useState","isHover","setIsHover","useItemListId","listId","getIcon","isInList","BsBookmarkXFill","BsBookmarkCheckFill","BsBookmarkStarFill","BsBookmarkStar","useQuery","getItemList","variables","id","skip","data","error","loading","useMutation","addItemsToList","onCompleted","listAddResult","result","setItemListId","addListItem","removeItemsFromList","removeListItem","clickHandler","listItems","name","message","getItemListData","find","idToCheck","entityToCheck","Icon","stateClassName","className","filter","Boolean","join","propTypes","PropTypes","object","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListButton/ItemListButton.js"],"sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  BsBookmarkStarFill,\n  BsBookmarkCheckFill,\n  BsBookmarkStar,\n  BsBookmarkXFill\n} from 'react-icons/bs';\nimport { useQuery, useMutation } from '@apollo/client';\nimport { getItemList, addItemsToList, removeItemsFromList } from '../../../application/query';\nimport { getItemListData, setItemListId } from '../helpers';\nimport { useItemListId } from '../hooks';\n\nconst ItemListButton = ({ listName, parent, modifier }) => {\n  const { itemId, itemEntity } = parent;\n  const [isHover, setIsHover] = useState(false);\n  const { listId } = useItemListId({ listName });\n\n  const getIcon = () => {\n    if (isInList) return isHover ? BsBookmarkXFill : BsBookmarkCheckFill;\n    return isHover ? BsBookmarkStarFill : BsBookmarkStar;\n  };\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  const [addListItem] = useMutation(addItemsToList, {\n    onCompleted: ({ addItemsToList: listAddResult }) => {\n      const {\n        result: { id }\n      } = listAddResult;\n\n      if (!listId) {\n        setItemListId(listName, id);\n      }\n    }\n  });\n\n  const [removeListItem] = useMutation(removeItemsFromList);\n\n  const clickHandler = () => {\n    setIsHover(false);\n    isInList\n      ? removeListItem({\n          variables: { listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        })\n      : addListItem({\n          variables: { name: listName, id: listId, listItems: [{ itemId, itemEntity }] },\n          skip: !listId\n        });\n  };\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const isInList = !!listItems.find(\n    ({ itemId: idToCheck, itemEntity: entityToCheck }) =>\n      idToCheck === itemId && entityToCheck === itemEntity\n  );\n  const Icon = getIcon();\n  const stateClassName = isInList ? 'item-list-button--selected' : '';\n  const className = ['item-list-button', stateClassName, modifier].filter(Boolean).join(' ');\n\n  return (\n    <div\n      className={className}\n      role=\"button\"\n      onClick={clickHandler}\n      onMouseEnter={() => setIsHover(true)}\n      onMouseLeave={() => setIsHover(false)}>\n      <i>\n        <Icon />\n      </i>\n    </div>\n  );\n};\n\nItemListButton.propTypes = {\n  parent: PropTypes.object,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListButton.defaultProps = {\n  parent: {},\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListButton;\n"],"mappings":"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"}

package/lib/components/ItemList/ItemListButton/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _ItemListButton = _interopRequireDefault(require("./ItemListButton"));
-
 var _default = _ItemListButton["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/ItemList/ItemListButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../../src/components/ItemList/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,0B"}
+{"version":3,"file":"index.js","names":["ItemListButton"],"sources":["../../../../src/components/ItemList/ItemListButton/index.js"],"sourcesContent":["import ItemListButton from './ItemListButton';\n\nexport default ItemListButton;\n"],"mappings":";;;;;;;;AAAA;AAA8C,eAE/BA,0BAAc;AAAA"}

package/lib/components/ItemList/ItemListCounter/ItemListCounter.js

@@ -1,63 +1,46 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 require("core-js/modules/es.array.concat.js");
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _router = require("next/router");
-
 var _client = require("@apollo/client");
-
 var _bs = require("react-icons/bs");
-
 var _query = require("../../../application/query");
-
 var _hooks = require("../hooks");
-
 var _helpers = require("../helpers");
-
 var ItemListCounter = function ItemListCounter(_ref) {
   var listName = _ref.listName,
-      modifier = _ref.modifier,
-      url = _ref.url;
+    modifier = _ref.modifier,
+    url = _ref.url;
   var router = (0, _router.useRouter)();
-
   var _useItemListId = (0, _hooks.useItemListId)({
-    listName: listName
-  }),
-      listId = _useItemListId.listId;
-
+      listName: listName
+    }),
+    listId = _useItemListId.listId;
   var _useQuery = (0, _client.useQuery)(_query.getItemList, {
-    variables: {
-      id: listId
-    },
-    skip: !listId
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: listId
+      },
+      skip: !listId
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
   if (loading) return '';
   if (error) return error.message;
   var listItems = (0, _helpers.getItemListData)(data);
   var listLength = listItems.length;
   var CounterIcon = listLength ? _bs.BsBookmarkStarFill : _bs.BsBookmarkStar;
-
   var handleClick = function handleClick() {
     return router.push('/Resolver', "".concat(url, "?itemListId=").concat(listId));
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     role: "button",
     type: "button",
@@ -67,7 +50,6 @@ var ItemListCounter = function ItemListCounter(_ref) {
     className: "item-list-counter__badge"
   }, listLength));
 };
-
 ItemListCounter.propTypes = {
   url: _propTypes["default"].string,
   listName: _propTypes["default"].string,

package/lib/components/ItemList/ItemListCounter/ItemListCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","useRouter","useItemListId","listId","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","PropTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,OAAiC;EAAA,IAA9BC,QAA8B,QAA9BA,QAA8B;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EAAA,IAAVC,GAAU,QAAVA,GAAU;EACvD,IAAMC,MAAM,GAAG,IAAAC,iBAAA,GAAf;;EACA,qBAAmB,IAAAC,oBAAA,EAAc;IAAEL,QAAQ,EAARA;EAAF,CAAd,CAAnB;EAAA,IAAQM,MAAR,kBAAQA,MAAR;;EAEA,gBAAiC,IAAAC,gBAAA,EAASC,kBAAT,EAAsB;IACrDC,SAAS,EAAE;MAAEC,EAAE,EAAEJ;IAAN,CAD0C;IAErDK,IAAI,EAAE,CAACL;EAF8C,CAAtB,CAAjC;EAAA,IAAQM,IAAR,aAAQA,IAAR;EAAA,IAAcC,KAAd,aAAcA,KAAd;EAAA,IAAqBC,OAArB,aAAqBA,OAArB;;EAKA,IAAIA,OAAJ,EAAa,OAAO,EAAP;EACb,IAAID,KAAJ,EAAW,OAAOA,KAAK,CAACE,OAAb;EAEX,IAAMC,SAAS,GAAG,IAAAC,wBAAA,EAAgBL,IAAhB,CAAlB;EACA,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAA7B;EACA,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAH,GAAwBC,kBAAtD;;EAEA,IAAMC,WAAW,GAAG,SAAdA,WAAc;IAAA,OAAMpB,MAAM,CAACqB,IAAP,CAAY,WAAZ,YAA4BtB,GAA5B,yBAA8CI,MAA9C,EAAN;EAAA,CAApB;;EAEA,oBACE;IACE,IAAI,EAAC,QADP;IAEE,IAAI,EAAC,QAFP;IAGE,SAAS,8BAAuBL,QAAvB,CAHX;IAIE,OAAO,EAAEsB;EAJX,gBAKE,gCAAC,WAAD,OALF,eAME;IAAM,SAAS,EAAC;EAAhB,GAA4CL,UAA5C,CANF,CADF;AAUD,CA5BD;;AA8BAnB,eAAe,CAAC0B,SAAhB,GAA4B;EAC1BvB,GAAG,EAAEwB,qBAAA,CAAUC,MADW;EAE1B3B,QAAQ,EAAE0B,qBAAA,CAAUC,MAFM;EAG1B1B,QAAQ,EAAEyB,qBAAA,CAAUC;AAHM,CAA5B;AAMA5B,eAAe,CAAC6B,YAAhB,GAA+B;EAC7B1B,GAAG,EAAE,EADwB;EAE7BF,QAAQ,EAAE,EAFmB;EAG7BC,QAAQ,EAAE;AAHmB,CAA/B;eAMeF,e"}
+{"version":3,"file":"ItemListCounter.js","names":["ItemListCounter","listName","modifier","url","router","useRouter","useItemListId","listId","useQuery","getItemList","variables","id","skip","data","error","loading","message","listItems","getItemListData","listLength","length","CounterIcon","BsBookmarkStarFill","BsBookmarkStar","handleClick","push","propTypes","PropTypes","string","defaultProps"],"sources":["../../../../src/components/ItemList/ItemListCounter/ItemListCounter.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { useRouter } from 'next/router';\nimport { useQuery } from '@apollo/client';\nimport { BsBookmarkStarFill, BsBookmarkStar } from 'react-icons/bs';\nimport { getItemList } from '../../../application/query';\nimport { useItemListId } from '../hooks';\nimport { getItemListData } from '../helpers';\n\nconst ItemListCounter = ({ listName, modifier, url }) => {\n  const router = useRouter();\n  const { listId } = useItemListId({ listName });\n\n  const { data, error, loading } = useQuery(getItemList, {\n    variables: { id: listId },\n    skip: !listId\n  });\n\n  if (loading) return '';\n  if (error) return error.message;\n\n  const listItems = getItemListData(data);\n  const listLength = listItems.length;\n  const CounterIcon = listLength ? BsBookmarkStarFill : BsBookmarkStar;\n\n  const handleClick = () => router.push('/Resolver', `${url}?itemListId=${listId}`);\n\n  return (\n    <div\n      role=\"button\"\n      type=\"button\"\n      className={`item-list-counter ${modifier}`}\n      onClick={handleClick}>\n      <CounterIcon />\n      <span className=\"item-list-counter__badge\">{listLength}</span>\n    </div>\n  );\n};\n\nItemListCounter.propTypes = {\n  url: PropTypes.string,\n  listName: PropTypes.string,\n  modifier: PropTypes.string\n};\n\nItemListCounter.defaultProps = {\n  url: '',\n  listName: '',\n  modifier: ''\n};\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAe,OAAoC;EAAA,IAA9BC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,GAAG,QAAHA,GAAG;EAChD,IAAMC,MAAM,GAAG,IAAAC,iBAAS,GAAE;EAC1B,qBAAmB,IAAAC,oBAAa,EAAC;MAAEL,QAAQ,EAARA;IAAS,CAAC,CAAC;IAAtCM,MAAM,kBAANA,MAAM;EAEd,gBAAiC,IAAAC,gBAAQ,EAACC,kBAAW,EAAE;MACrDC,SAAS,EAAE;QAAEC,EAAE,EAAEJ;MAAO,CAAC;MACzBK,IAAI,EAAE,CAACL;IACT,CAAC,CAAC;IAHMM,IAAI,aAAJA,IAAI;IAAEC,KAAK,aAALA,KAAK;IAAEC,OAAO,aAAPA,OAAO;EAK5B,IAAIA,OAAO,EAAE,OAAO,EAAE;EACtB,IAAID,KAAK,EAAE,OAAOA,KAAK,CAACE,OAAO;EAE/B,IAAMC,SAAS,GAAG,IAAAC,wBAAe,EAACL,IAAI,CAAC;EACvC,IAAMM,UAAU,GAAGF,SAAS,CAACG,MAAM;EACnC,IAAMC,WAAW,GAAGF,UAAU,GAAGG,sBAAkB,GAAGC,kBAAc;EAEpE,IAAMC,WAAW,GAAG,SAAdA,WAAW;IAAA,OAASpB,MAAM,CAACqB,IAAI,CAAC,WAAW,YAAKtB,GAAG,yBAAeI,MAAM,EAAG;EAAA;EAEjF,oBACE;IACE,IAAI,EAAC,QAAQ;IACb,IAAI,EAAC,QAAQ;IACb,SAAS,8BAAuBL,QAAQ,CAAG;IAC3C,OAAO,EAAEsB;EAAY,gBACrB,gCAAC,WAAW,OAAG,eACf;IAAM,SAAS,EAAC;EAA0B,GAAEL,UAAU,CAAQ,CAC1D;AAEV,CAAC;AAEDnB,eAAe,CAAC0B,SAAS,GAAG;EAC1BvB,GAAG,EAAEwB,qBAAS,CAACC,MAAM;EACrB3B,QAAQ,EAAE0B,qBAAS,CAACC,MAAM;EAC1B1B,QAAQ,EAAEyB,qBAAS,CAACC;AACtB,CAAC;AAED5B,eAAe,CAAC6B,YAAY,GAAG;EAC7B1B,GAAG,EAAE,EAAE;EACPF,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE;AACZ,CAAC;AAAC,eAEaF,eAAe;AAAA"}

package/lib/components/ItemList/ItemListCounter/index.js

@@ -1,16 +1,12 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _ItemListCounter = _interopRequireDefault(require("./ItemListCounter"));
-
 var _default = _ItemListCounter["default"];
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/lib/components/ItemList/ItemListCounter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../../src/components/ItemList/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,2B"}
+{"version":3,"file":"index.js","names":["ItemListCounter"],"sources":["../../../../src/components/ItemList/ItemListCounter/index.js"],"sourcesContent":["import ItemListCounter from './ItemListCounter';\n\nexport default ItemListCounter;\n"],"mappings":";;;;;;;;AAAA;AAAgD,eAEjCA,2BAAe;AAAA"}

package/lib/components/ItemList/ItemListNew/ItemListNew.js

@@ -1,79 +1,57 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _router = require("next/router");
-
 var _client = require("@apollo/client");
-
 var _button = _interopRequireDefault(require("@blaze-react/button"));
-
 var _queryString = require("query-string");
-
 var _query = require("../../../application/query");
-
 var _hooks = require("../hooks");
-
 var _helpers = require("../helpers");
-
 var _constants = require("../constants");
-
 var ItemListNew = function ItemListNew(_ref) {
   var listName = _ref.listName,
-      modifier = _ref.modifier,
-      text = _ref.text;
+    modifier = _ref.modifier,
+    text = _ref.text;
   var router = (0, _router.useRouter)();
-
   var _parseUrl = (0, _queryString.parseUrl)(router.asPath),
-      _parseUrl$query = _parseUrl.query;
-
+    _parseUrl$query = _parseUrl.query;
   _parseUrl$query = _parseUrl$query === void 0 ? {} : _parseUrl$query;
   var listItemId = _parseUrl$query[_constants.LIST_ITEM_QUERY_PARAM];
-
   var _useItemListId = (0, _hooks.useItemListId)({
-    listName: listName
-  }),
-      listId = _useItemListId.listId;
-
+      listName: listName
+    }),
+    listId = _useItemListId.listId;
   var listIdToUse = listItemId || listId;
-
   var _useQuery = (0, _client.useQuery)(_query.getItemList, {
-    variables: {
-      id: listIdToUse
-    },
-    skip: !listIdToUse
-  }),
-      data = _useQuery.data,
-      error = _useQuery.error,
-      loading = _useQuery.loading;
-
+      variables: {
+        id: listIdToUse
+      },
+      skip: !listIdToUse
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
   if (loading) return '';
   if (error) return error.message;
   var listItems = (0, _helpers.getItemListData)(data);
   if (!listItems.length) return '';
-
   var handleClick = function handleClick() {
     (0, _helpers.setItemListId)(listName, '');
     (0, _helpers.setParamAndRedirect)(router);
   };
-
   return /*#__PURE__*/_react["default"].createElement(_button["default"], {
     className: "item-list-new ".concat(modifier),
     onClick: handleClick
   }, text);
 };
-
 ItemListNew.propTypes = {
   listName: _propTypes["default"].string.isRequired,
   modifier: _propTypes["default"].string,