@bigbinary/neetoui 8.3.0-beta1 → 8.3.0

package/dist/cjs/NoData.js

@@ -9,22 +9,14 @@ var Button = require('./Button.js');
 var Tooltip = require('./Tooltip.js');
 var Typography = require('./Typography.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@bigbinary/neeto-icons');
 require('react-router-dom');
 require('./Spinner.js');
+require('@babel/runtime/helpers/slicedToArray');
 require('@tippyjs/react');
 require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var renderImage = function renderImage(image) {
-  return typeof image === "string" ? /*#__PURE__*/React__default["default"].createElement("img", {
+  return typeof image === "string" ? /*#__PURE__*/React.createElement("img", {
     "data-cy": "no-data-image",
     src: image
   }) : image;
@@ -50,44 +42,44 @@ var NoData = function NoData(_ref) {
     buttonSeparatorText = _ref$buttonSeparatorT === void 0 ? "" : _ref$buttonSeparatorT,
     _ref$showTooltipWhenB = _ref.showTooltipWhenButtonDisabled,
     showTooltipWhenButtonDisabled = _ref$showTooltipWhenB === void 0 ? false : _ref$showTooltipWhenB,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var hasPrimaryButtonProps = !ramda.isEmpty(primaryButtonProps);
   var hasSecondaryButtonProps = !ramda.isEmpty(secondaryButtonProps);
   var hasButtonSeparatorText = !ramda.isEmpty(buttonSeparatorText);
   var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
-  return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
-    className: classnames__default["default"]("neeto-ui-no-data", [className]),
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classnames("neeto-ui-no-data", [className]),
     "data-cy": "no-data-container"
-  }, otherProps), image ? /*#__PURE__*/React__default["default"].createElement("div", {
+  }, otherProps), image ? /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-no-data__image"
-  }, renderImage(image)) : null, title && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, renderImage(image)) : null, title && /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-center",
     "data-cy": "no-data-title",
     lineHeight: "none",
     style: "h3"
-  }, title), description && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, title), description && /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-center neeto-ui-no-data__description",
     "data-cy": "no-data-description",
     lineHeight: "normal",
     style: "body2"
-  }, description), helpText && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, description), helpText && /*#__PURE__*/React.createElement(Typography, {
     className: "neeto-ui-text-center neeto-ui-no-data__help-text",
     "data-cy": "no-data-help-text",
     lineHeight: "normal",
     style: "body2"
-  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, helpText), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-no-data__action-block"
-  }, hasPrimaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({}, primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps, {
+  }, hasPrimaryButtonProps && /*#__PURE__*/React.createElement(Tooltip, _extends({}, primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps, {
     disabled: ramda.isNil(primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.disabled)
-  }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, _extends({
     "data-cy": "no-data-primary-button",
     "data-testid": "no-data-primary-button"
-  }, ramda.omit(["tooltipProps"], primaryButtonProps))))), showButtonSeparator && /*#__PURE__*/React__default["default"].createElement(Typography, {
+  }, ramda.omit(["tooltipProps"], primaryButtonProps))))), showButtonSeparator && /*#__PURE__*/React.createElement(Typography, {
     lineHeight: "normal",
     style: "body2"
-  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default["default"].createElement(Tooltip, _extends__default["default"]({}, secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps, {
+  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React.createElement(Tooltip, _extends({}, secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps, {
     disabled: ramda.isNil(secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disabled)
-  }), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Button, _extends__default["default"]({
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, _extends({
     "data-cy": "no-data-secondary-button",
     "data-testid": "no-data-secondary-button",
     style: "secondary"

package/dist/cjs/NoData.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoData.js","sources":["../../src/components/NoData/utils.jsx","../../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n  typeof image === \"string\" ? (\n    <img data-cy=\"no-data-image\" src={image} />\n  ) : (\n    image\n  );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil, omit } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Tooltip from \"components/Tooltip\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n  image = null,\n  title = \"\",\n  description = \"\",\n  helpText = null,\n  className = \"\",\n  primaryButtonProps = {},\n  secondaryButtonProps = {},\n  buttonSeparatorText = \"\",\n  showTooltipWhenButtonDisabled = false,\n  ...otherProps\n}) => {\n  const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n  const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n  const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n  const showButtonSeparator =\n    hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-no-data\", [className])}\n      data-cy=\"no-data-container\"\n      {...otherProps}\n    >\n      {image ? (\n        <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n      ) : null}\n      {title && (\n        <Typography\n          className=\"neeto-ui-text-center\"\n          data-cy=\"no-data-title\"\n          lineHeight=\"none\"\n          style=\"h3\"\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n          data-cy=\"no-data-description\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      )}\n      {helpText && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n          data-cy=\"no-data-help-text\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {helpText}\n        </Typography>\n      )}\n      {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n        <div className=\"neeto-ui-no-data__action-block\">\n          {hasPrimaryButtonProps && (\n            <Tooltip\n              {...primaryButtonProps?.tooltipProps}\n              disabled={\n                isNil(primaryButtonProps?.tooltipProps) ||\n                (!showTooltipWhenButtonDisabled && primaryButtonProps?.disabled)\n              }\n            >\n              <div>\n                <Button\n                  data-cy=\"no-data-primary-button\"\n                  data-testid=\"no-data-primary-button\"\n                  {...omit([\"tooltipProps\"], primaryButtonProps)}\n                />\n              </div>\n            </Tooltip>\n          )}\n          {showButtonSeparator && (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              {buttonSeparatorText}\n            </Typography>\n          )}\n          {hasSecondaryButtonProps && (\n            <Tooltip\n              {...secondaryButtonProps?.tooltipProps}\n              disabled={\n                isNil(secondaryButtonProps?.tooltipProps) ||\n                (!showTooltipWhenButtonDisabled &&\n                  secondaryButtonProps?.disabled)\n              }\n            >\n              <div>\n                <Button\n                  data-cy=\"no-data-secondary-button\"\n                  data-testid=\"no-data-secondary-button\"\n                  style=\"secondary\"\n                  {...omit([\"tooltipProps\"], secondaryButtonProps)}\n                />\n              </div>\n            </Tooltip>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNoData.propTypes = {\n  /**\n   * To specify the image.\n   */\n  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To specify the title text.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description text.\n   */\n  description: PropTypes.node,\n  /**\n   * To specify the text that appears below the description.\n   */\n  helpText: PropTypes.node,\n  /**\n   * Provide external classnames to NoData component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the primary button.\n   */\n  primaryButtonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the secondary button.\n   */\n  secondaryButtonProps: PropTypes.object,\n  /**\n   * To specify if the tooltip should be shown when the button is disabled.\n   */\n  showTooltipWhenButtonDisabled: PropTypes.bool,\n  /**\n   * To specify the text that appears between the primary and secondary buttons.\n   * */\n  buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","React","createElement","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","_ref$showTooltipWhenB","showTooltipWhenButtonDisabled","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_extends","classnames","Typography","lineHeight","style","Tooltip","tooltipProps","disabled","isNil","Button","omit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAWA,CAAGC,KAAK,EAAA;AAAA,EAAA,OAC9B,OAAOA,KAAK,KAAK,QAAQ,gBACvBC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAA,EAAQ,eAAe;AAACC,IAAAA,GAAG,EAAEH,KAAAA;AAAM,GAAA,CAAG,GAE3CA,KACD,CAAA;AAAA,CAAA;;;ACKH,IAAMI,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAWN;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CAVJL,KAAK;AAALA,IAAAA,KAAK,GAAAM,UAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,UAAA;IAAAC,UAAA,GAAAF,IAAA,CACZG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,gBAAA,GAAAJ,IAAA,CACVK,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,aAAA,GAAAN,IAAA,CAChBO,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,aAAA;IAAAE,cAAA,GAAAR,IAAA,CACfS,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,qBAAA,GAAAV,IAAA,CACdW,kBAAkB;AAAlBA,IAAAA,kBAAkB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAZ,IAAA,CACvBa,oBAAoB;AAApBA,IAAAA,oBAAoB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAd,IAAA,CACzBe,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAhB,IAAA,CACxBiB,6BAA6B;AAA7BA,IAAAA,6BAA6B,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA;AAClCE,IAAAA,UAAU,GAAAC,4CAAA,CAAAnB,IAAA,EAAAoB,SAAA,CAAA,CAAA;AAEb,EAAA,IAAMC,qBAAqB,GAAG,CAACC,aAAO,CAACX,kBAAkB,CAAC,CAAA;AAC1D,EAAA,IAAMY,uBAAuB,GAAG,CAACD,aAAO,CAACT,oBAAoB,CAAC,CAAA;AAC9D,EAAA,IAAMW,sBAAsB,GAAG,CAACF,aAAO,CAACP,mBAAmB,CAAC,CAAA;AAE5D,EAAA,IAAMU,mBAAmB,GACvBD,sBAAsB,IAAIH,qBAAqB,IAAIE,uBAAuB,CAAA;AAE5E,EAAA,oBACE3B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA6B,4BAAA,CAAA;IACEjB,SAAS,EAAEkB,8BAAU,CAAC,kBAAkB,EAAE,CAAClB,SAAS,CAAC,CAAE;IACvD,SAAQ,EAAA,mBAAA;AAAmB,GAAA,EACvBS,UAAU,CAEbvB,EAAAA,KAAK,gBACJC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKY,IAAAA,SAAS,EAAC,yBAAA;AAAyB,GAAA,EAAEf,WAAW,CAACC,KAAK,CAAC,CAAO,GACjE,IAAI,EACPQ,KAAK,iBACJP,yBAAA,CAAAC,aAAA,CAAC+B,UAAU,EAAA;AACTnB,IAAAA,SAAS,EAAC,sBAAsB;AAChC,IAAA,SAAA,EAAQ,eAAe;AACvBoB,IAAAA,UAAU,EAAC,MAAM;AACjBC,IAAAA,KAAK,EAAC,IAAA;GAEL3B,EAAAA,KAAK,CAET,EACAE,WAAW,iBACVT,yBAAA,CAAAC,aAAA,CAAC+B,UAAU,EAAA;AACTnB,IAAAA,SAAS,EAAC,oDAAoD;AAC9D,IAAA,SAAA,EAAQ,qBAAqB;AAC7BoB,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELzB,EAAAA,WAAW,CAEf,EACAE,QAAQ,iBACPX,yBAAA,CAAAC,aAAA,CAAC+B,UAAU,EAAA;AACTnB,IAAAA,SAAS,EAAC,kDAAkD;AAC5D,IAAA,SAAA,EAAQ,mBAAmB;AAC3BoB,IAAAA,UAAU,EAAC,QAAQ;AACnBC,IAAAA,KAAK,EAAC,OAAA;GAELvB,EAAAA,QAAQ,CAEZ,EACA,CAACc,qBAAqB,IAAIE,uBAAuB,kBAChD3B,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKY,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,EAC5CY,qBAAqB,iBACpBzB,yBAAA,CAAAC,aAAA,CAACkC,OAAO,EAAAL,4BAAA,CAAA,EAAA,EACFf,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAkB,CAAEqB,YAAY,EAAA;IACpCC,QAAQ,EACNC,WAAK,CAACvB,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEqB,YAAY,CAAC,IACtC,CAACf,6BAA6B,KAAIN,kBAAkB,aAAlBA,kBAAkB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAlBA,kBAAkB,CAAEsB,QAAQ,CAAA;GAGjErC,CAAAA,eAAAA,yBAAA,CAAAC,aAAA,CACED,KAAAA,EAAAA,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACsC,MAAM,EAAAT,4BAAA,CAAA;AACL,IAAA,SAAA,EAAQ,wBAAwB;IAChC,aAAY,EAAA,wBAAA;AAAwB,GAAA,EAChCU,UAAI,CAAC,CAAC,cAAc,CAAC,EAAEzB,kBAAkB,CAAC,CAAA,CAC9C,CACE,CAET,EACAc,mBAAmB,iBAClB7B,yBAAA,CAAAC,aAAA,CAAC+B,UAAU,EAAA;AAACC,IAAAA,UAAU,EAAC,QAAQ;AAACC,IAAAA,KAAK,EAAC,OAAA;AAAO,GAAA,EAC1Cf,mBAAmB,CAEvB,EACAQ,uBAAuB,iBACtB3B,yBAAA,CAAAC,aAAA,CAACkC,OAAO,EAAAL,4BAAA,KACFb,oBAAoB,KAAA,IAAA,IAApBA,oBAAoB,KAApBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,oBAAoB,CAAEmB,YAAY,EAAA;IACtCC,QAAQ,EACNC,WAAK,CAACrB,oBAAoB,aAApBA,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,CAAEmB,YAAY,CAAC,IACxC,CAACf,6BAA6B,KAC7BJ,oBAAoB,aAApBA,oBAAoB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAApBA,oBAAoB,CAAEoB,QAAQ,CAAA;GAGlCrC,CAAAA,eAAAA,yBAAA,CAAAC,aAAA,CACED,KAAAA,EAAAA,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACsC,MAAM,EAAAT,4BAAA,CAAA;AACL,IAAA,SAAA,EAAQ,0BAA0B;AAClC,IAAA,aAAA,EAAY,0BAA0B;AACtCI,IAAAA,KAAK,EAAC,WAAA;AAAW,GAAA,EACbM,UAAI,CAAC,CAAC,cAAc,CAAC,EAAEvB,oBAAoB,CAAC,CAChD,CAAA,CACE,CAET,CAEJ,CACG,CAAA;AAEV;;;;"}
+{"version":3,"file":"NoData.js","sources":["../../src/components/NoData/utils.jsx","../../src/components/NoData/index.jsx"],"sourcesContent":["import React from \"react\";\n\nexport const renderImage = image =>\n  typeof image === \"string\" ? (\n    <img data-cy=\"no-data-image\" src={image} />\n  ) : (\n    image\n  );\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty, isNil, omit } from \"ramda\";\n\nimport Button from \"components/Button\";\nimport Tooltip from \"components/Tooltip\";\nimport Typography from \"components/Typography\";\n\nimport { renderImage } from \"./utils\";\n\nconst NoData = ({\n  image = null,\n  title = \"\",\n  description = \"\",\n  helpText = null,\n  className = \"\",\n  primaryButtonProps = {},\n  secondaryButtonProps = {},\n  buttonSeparatorText = \"\",\n  showTooltipWhenButtonDisabled = false,\n  ...otherProps\n}) => {\n  const hasPrimaryButtonProps = !isEmpty(primaryButtonProps);\n  const hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);\n  const hasButtonSeparatorText = !isEmpty(buttonSeparatorText);\n\n  const showButtonSeparator =\n    hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-no-data\", [className])}\n      data-cy=\"no-data-container\"\n      {...otherProps}\n    >\n      {image ? (\n        <div className=\"neeto-ui-no-data__image\">{renderImage(image)}</div>\n      ) : null}\n      {title && (\n        <Typography\n          className=\"neeto-ui-text-center\"\n          data-cy=\"no-data-title\"\n          lineHeight=\"none\"\n          style=\"h3\"\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__description\"\n          data-cy=\"no-data-description\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {description}\n        </Typography>\n      )}\n      {helpText && (\n        <Typography\n          className=\"neeto-ui-text-center neeto-ui-no-data__help-text\"\n          data-cy=\"no-data-help-text\"\n          lineHeight=\"normal\"\n          style=\"body2\"\n        >\n          {helpText}\n        </Typography>\n      )}\n      {(hasPrimaryButtonProps || hasSecondaryButtonProps) && (\n        <div className=\"neeto-ui-no-data__action-block\">\n          {hasPrimaryButtonProps && (\n            <Tooltip\n              {...primaryButtonProps?.tooltipProps}\n              disabled={\n                isNil(primaryButtonProps?.tooltipProps) ||\n                (!showTooltipWhenButtonDisabled && primaryButtonProps?.disabled)\n              }\n            >\n              <div>\n                <Button\n                  data-cy=\"no-data-primary-button\"\n                  data-testid=\"no-data-primary-button\"\n                  {...omit([\"tooltipProps\"], primaryButtonProps)}\n                />\n              </div>\n            </Tooltip>\n          )}\n          {showButtonSeparator && (\n            <Typography lineHeight=\"normal\" style=\"body2\">\n              {buttonSeparatorText}\n            </Typography>\n          )}\n          {hasSecondaryButtonProps && (\n            <Tooltip\n              {...secondaryButtonProps?.tooltipProps}\n              disabled={\n                isNil(secondaryButtonProps?.tooltipProps) ||\n                (!showTooltipWhenButtonDisabled &&\n                  secondaryButtonProps?.disabled)\n              }\n            >\n              <div>\n                <Button\n                  data-cy=\"no-data-secondary-button\"\n                  data-testid=\"no-data-secondary-button\"\n                  style=\"secondary\"\n                  {...omit([\"tooltipProps\"], secondaryButtonProps)}\n                />\n              </div>\n            </Tooltip>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nNoData.propTypes = {\n  /**\n   * To specify the image.\n   */\n  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n  /**\n   * To specify the title text.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify the description text.\n   */\n  description: PropTypes.node,\n  /**\n   * To specify the text that appears below the description.\n   */\n  helpText: PropTypes.node,\n  /**\n   * Provide external classnames to NoData component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the props to be passed to the primary button.\n   */\n  primaryButtonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the secondary button.\n   */\n  secondaryButtonProps: PropTypes.object,\n  /**\n   * To specify if the tooltip should be shown when the button is disabled.\n   */\n  showTooltipWhenButtonDisabled: PropTypes.bool,\n  /**\n   * To specify the text that appears between the primary and secondary buttons.\n   * */\n  buttonSeparatorText: PropTypes.string,\n};\n\nexport default NoData;\n"],"names":["renderImage","image","React","createElement","src","NoData","_ref","_ref$image","_ref$title","title","_ref$description","description","_ref$helpText","helpText","_ref$className","className","_ref$primaryButtonPro","primaryButtonProps","_ref$secondaryButtonP","secondaryButtonProps","_ref$buttonSeparatorT","buttonSeparatorText","_ref$showTooltipWhenB","showTooltipWhenButtonDisabled","otherProps","_objectWithoutProperties","_excluded","hasPrimaryButtonProps","isEmpty","hasSecondaryButtonProps","hasButtonSeparatorText","showButtonSeparator","_extends","classnames","Typography","lineHeight","style","Tooltip","tooltipProps","disabled","isNil","Button","omit"],"mappings":"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"}

package/dist/cjs/Pagination.js

@@ -8,26 +8,20 @@ var reactRouterDom = require('react-router-dom');
 require('@babel/runtime/helpers/slicedToArray');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
-var index = require('./index-0f5141e0.js');
-var useQueryParams = require('./useQueryParams-a8ee2f76.js');
+var index = require('./index-BG9I04iF.js');
+var useQueryParams = require('./useQueryParams-l5fJJYCR.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
 require('@babel/runtime/helpers/defineProperty');
+require('@bigbinary/neeto-cist');
+require('qs');
+require('./en-DhnUUSB_.js');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
-require('@bigbinary/neeto-cist');
-require('qs');
-require('./en-80d0fbff.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 
 var DOTS = "...";
 
@@ -86,20 +80,20 @@ var usePagination = function usePagination(_ref) {
     if (!shouldShowLeftDots && shouldShowRightDots) {
       var leftItemCount = 3 + 2 * siblingCount;
       var leftRange = range(1, leftItemCount);
-      return [].concat(_toConsumableArray__default["default"](leftRange), [DOTS, totalPageCount]);
+      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
     }
 
     // Case 3: No right dots to show, but left dots to be shown
     if (shouldShowLeftDots && !shouldShowRightDots) {
       var rightItemCount = 3 + 2 * siblingCount;
       var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray__default["default"](rightRange));
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
     }
 
     // Case 4: Both left and right dots to be shown
     if (shouldShowLeftDots && shouldShowRightDots) {
       var middleRange = range(leftSiblingIndex, rightSiblingIndex);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray__default["default"](middleRange), [DOTS, lastPageIndex]);
+      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
     }
     return undefined;
   }, [count, pageSize, siblingCount, pageNo]);
@@ -137,53 +131,53 @@ var Pagination = function Pagination(_ref) {
   var lastPage = paginationRange[paginationRange.length - 1];
   var isFirstPage = pageNo === 1;
   var isLastPage = pageNo === lastPage;
-  return /*#__PURE__*/React__default["default"].createElement("nav", {
+  return /*#__PURE__*/React.createElement("nav", {
     "aria-label": "Pagination Navigation",
     role: "navigation"
-  }, /*#__PURE__*/React__default["default"].createElement("ul", {
-    className: classnames__default["default"](["neeto-ui-pagination__wrapper", className])
-  }, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: classnames(["neeto-ui-pagination__wrapper", className])
+  }, /*#__PURE__*/React.createElement("li", {
     "data-testid": "left-navigate-button",
     tabIndex: 0,
-    className: classnames__default["default"]({
+    className: classnames({
       "neeto-ui-pagination__item": true,
       "neeto-ui-pagination__item--navigate": true,
       disabled: isFirstPage
     }),
     onClick: onPrevious
-  }, /*#__PURE__*/React__default["default"].createElement("a", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Left, {
+  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(neetoIcons.Left, {
     size: 20
   }))), paginationRange.map(function (pageNumber, index) {
     var isActive = pageNumber === pageNo;
     if (pageNumber === DOTS) {
-      return /*#__PURE__*/React__default["default"].createElement("li", {
+      return /*#__PURE__*/React.createElement("li", {
         className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
         "data-testid": "dots",
         key: index
       }, "\u2026");
     }
-    return /*#__PURE__*/React__default["default"].createElement("li", {
+    return /*#__PURE__*/React.createElement("li", {
       "aria-current": isActive && true,
       key: index,
       tabIndex: 0,
       "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
-      className: classnames__default["default"]("neeto-ui-pagination__item", {
+      className: classnames("neeto-ui-pagination__item", {
         active: isActive
       }),
       onClick: function onClick() {
         return navigate(pageNumber);
       }
-    }, /*#__PURE__*/React__default["default"].createElement("a", null, pageNumber));
-  }), /*#__PURE__*/React__default["default"].createElement("li", {
+    }, /*#__PURE__*/React.createElement("a", null, pageNumber));
+  }), /*#__PURE__*/React.createElement("li", {
     "data-testid": "right-navigate-button",
     tabIndex: 0,
-    className: classnames__default["default"]({
+    className: classnames({
       "neeto-ui-pagination__item": true,
       "neeto-ui-pagination__item--navigate": true,
       disabled: isLastPage
     }),
     onClick: onNext
-  }, /*#__PURE__*/React__default["default"].createElement("a", null, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
+  }, /*#__PURE__*/React.createElement("a", null, /*#__PURE__*/React.createElement(neetoIcons.Right, {
     size: 20
   })))));
 };

package/dist/cjs/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination/constants.js","../../src/components/Pagination/hooks/usePaginationQueryParams.js","../../src/components/Pagination/utils.js","../../src/components/Pagination/index.jsx"],"sourcesContent":["export const DOTS = \"...\";\n","import { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useQueryParams } from \"hooks\";\nimport { buildUrl } from \"utils\";\n\nconst usePaginationQueryParams = () => {\n  const queryParams = useQueryParams();\n  const history = useHistory();\n\n  const updatePageInQueryParam = page => {\n    const params = { page };\n\n    const pathname = window.location.pathname;\n    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));\n  };\n\n  return { updatePageInQueryParam };\n};\n\nexport default usePaginationQueryParams;\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"./constants\";\n\nconst range = (start, end) => {\n  const length = end - start + 1;\n\n  return Array.from({ length }, (_, index) => index + start);\n};\n\nexport const usePagination = ({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}) => {\n  const paginationRange = useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n\n    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS\n    const totalPageNumbers = siblingCount + 5;\n\n    // If the number of pages is less than the page numbers we want to show in our\n    // paginationComponent, we return the range [1..totalPageCount]\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    const firstPageIndex = 1;\n    const lastPageIndex = totalPageCount;\n\n    // Case 2: No left dots to show, but rights dots to be shown\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    // Case 3: No right dots to show, but left dots to be shown\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(\n        totalPageCount - rightItemCount + 1,\n        totalPageCount\n      );\n\n      return [firstPageIndex, DOTS, ...rightRange];\n    }\n\n    // Case 4: Both left and right dots to be shown\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n      return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n    }\n\n    return undefined;\n  }, [count, pageSize, siblingCount, pageNo]);\n\n  return paginationRange;\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Left, Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { DOTS } from \"./constants\";\nimport usePaginationQueryParams from \"./hooks/usePaginationQueryParams\";\nimport { usePagination } from \"./utils\";\n\nconst Pagination = ({\n  count = 0,\n  pageNo,\n  navigate,\n  pageSize,\n  siblingCount = 1,\n  className = \"\",\n}) => {\n  const paginationRange = usePagination({\n    pageNo,\n    count,\n    siblingCount,\n    pageSize,\n  });\n  const { updatePageInQueryParam } = usePaginationQueryParams();\n\n  if (!navigate) navigate = updatePageInQueryParam;\n\n  if (pageNo === 0 || paginationRange.length < 2) {\n    return null;\n  }\n\n  const onNext = () => {\n    if (!isLastPage) navigate(pageNo + 1);\n  };\n\n  const onPrevious = () => {\n    if (!isFirstPage) navigate(pageNo - 1);\n  };\n\n  const lastPage = paginationRange[paginationRange.length - 1];\n  const isFirstPage = pageNo === 1;\n  const isLastPage = pageNo === lastPage;\n\n  return (\n    <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n      <ul className={classnames([\"neeto-ui-pagination__wrapper\", className])}>\n        <li\n          data-testid=\"left-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isFirstPage,\n          })}\n          onClick={onPrevious}\n        >\n          <a>\n            <Left size={20} />\n          </a>\n        </li>\n        {paginationRange.map((pageNumber, index) => {\n          const isActive = pageNumber === pageNo;\n\n          if (pageNumber === DOTS) {\n            return (\n              <li\n                className=\"neeto-ui-pagination__item neeto-ui-pagination__item--dots\"\n                data-testid=\"dots\"\n                key={index}\n              >\n                &#8230;\n              </li>\n            );\n          }\n\n          return (\n            <li\n              aria-current={isActive && true}\n              key={index}\n              tabIndex={0}\n              aria-label={\n                isActive\n                  ? `Current Page, Page ${pageNumber}`\n                  : `Goto Page ${pageNumber}`\n              }\n              className={classnames(\"neeto-ui-pagination__item\", {\n                active: isActive,\n              })}\n              onClick={() => navigate(pageNumber)}\n            >\n              <a>{pageNumber}</a>\n            </li>\n          );\n        })}\n        <li\n          data-testid=\"right-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isLastPage,\n          })}\n          onClick={onNext}\n        >\n          <a>\n            <Right size={20} />\n          </a>\n        </li>\n      </ul>\n    </nav>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * To specify the total number of items.\n   */\n  count: PropTypes.number.isRequired,\n  /**\n   * To specify the current page number.\n   */\n  pageNo: PropTypes.number,\n  /**\n   * To specify the callback which will be invoked when the navigate buttons are clicked. If not provided, the component will update pagination information in the URL query parameters.\n   */\n  navigate: PropTypes.func,\n  /**\n   * To specify the size of a single page.\n   */\n  pageSize: PropTypes.number.isRequired,\n  /**\n   * To specify the number of siblings to be shown before and after the current page number.\n   */\n  siblingCount: PropTypes.number,\n  /**\n   * To provide external className to the Pagination component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Pagination;\n"],"names":["DOTS","usePaginationQueryParams","queryParams","useQueryParams","history","useHistory","updatePageInQueryParam","page","params","pathname","window","location","push","buildUrl","mergeLeft","range","start","end","length","Array","from","_","index","usePagination","_ref","count","pageSize","_ref$siblingCount","siblingCount","pageNo","paginationRange","useMemo","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","concat","_toConsumableArray","rightItemCount","rightRange","middleRange","undefined","Pagination","_ref$count","navigate","_ref$className","className","_usePaginationQueryPa","onNext","isLastPage","onPrevious","isFirstPage","lastPage","React","createElement","role","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","key","active","Right"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../src/components/Pagination/constants.js","../../src/components/Pagination/hooks/usePaginationQueryParams.js","../../src/components/Pagination/utils.js","../../src/components/Pagination/index.jsx"],"sourcesContent":["export const DOTS = \"...\";\n","import { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useQueryParams } from \"hooks\";\nimport { buildUrl } from \"utils\";\n\nconst usePaginationQueryParams = () => {\n  const queryParams = useQueryParams();\n  const history = useHistory();\n\n  const updatePageInQueryParam = page => {\n    const params = { page };\n\n    const pathname = window.location.pathname;\n    history.push(buildUrl(pathname, mergeLeft(params, queryParams)));\n  };\n\n  return { updatePageInQueryParam };\n};\n\nexport default usePaginationQueryParams;\n","import { useMemo } from \"react\";\n\nimport { DOTS } from \"./constants\";\n\nconst range = (start, end) => {\n  const length = end - start + 1;\n\n  return Array.from({ length }, (_, index) => index + start);\n};\n\nexport const usePagination = ({\n  count,\n  pageSize,\n  siblingCount = 1,\n  pageNo,\n}) => {\n  const paginationRange = useMemo(() => {\n    const totalPageCount = Math.ceil(count / pageSize);\n\n    // Pages count is determined as siblingCount + firstPage + lastPage + pageNo + 2*DOTS\n    const totalPageNumbers = siblingCount + 5;\n\n    // If the number of pages is less than the page numbers we want to show in our\n    // paginationComponent, we return the range [1..totalPageCount]\n    if (totalPageNumbers >= totalPageCount) {\n      return range(1, totalPageCount);\n    }\n\n    // Calculate left and right sibling index and make sure they are within range 1 and totalPageCount\n    const leftSiblingIndex = Math.max(pageNo - siblingCount, 1);\n    const rightSiblingIndex = Math.min(pageNo + siblingCount, totalPageCount);\n\n    // We do not show dots just when there is just one page number to be inserted between the extremes of sibling and the page limits i.e 1 and totalPageCount. Hence we are using leftSiblingIndex > 2 and rightSiblingIndex < totalPageCount - 2\n    const shouldShowLeftDots = leftSiblingIndex > 2;\n    const shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;\n\n    const firstPageIndex = 1;\n    const lastPageIndex = totalPageCount;\n\n    // Case 2: No left dots to show, but rights dots to be shown\n    if (!shouldShowLeftDots && shouldShowRightDots) {\n      const leftItemCount = 3 + 2 * siblingCount;\n      const leftRange = range(1, leftItemCount);\n\n      return [...leftRange, DOTS, totalPageCount];\n    }\n\n    // Case 3: No right dots to show, but left dots to be shown\n    if (shouldShowLeftDots && !shouldShowRightDots) {\n      const rightItemCount = 3 + 2 * siblingCount;\n      const rightRange = range(\n        totalPageCount - rightItemCount + 1,\n        totalPageCount\n      );\n\n      return [firstPageIndex, DOTS, ...rightRange];\n    }\n\n    // Case 4: Both left and right dots to be shown\n    if (shouldShowLeftDots && shouldShowRightDots) {\n      const middleRange = range(leftSiblingIndex, rightSiblingIndex);\n\n      return [firstPageIndex, DOTS, ...middleRange, DOTS, lastPageIndex];\n    }\n\n    return undefined;\n  }, [count, pageSize, siblingCount, pageNo]);\n\n  return paginationRange;\n};\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Left, Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { DOTS } from \"./constants\";\nimport usePaginationQueryParams from \"./hooks/usePaginationQueryParams\";\nimport { usePagination } from \"./utils\";\n\nconst Pagination = ({\n  count = 0,\n  pageNo,\n  navigate,\n  pageSize,\n  siblingCount = 1,\n  className = \"\",\n}) => {\n  const paginationRange = usePagination({\n    pageNo,\n    count,\n    siblingCount,\n    pageSize,\n  });\n  const { updatePageInQueryParam } = usePaginationQueryParams();\n\n  if (!navigate) navigate = updatePageInQueryParam;\n\n  if (pageNo === 0 || paginationRange.length < 2) {\n    return null;\n  }\n\n  const onNext = () => {\n    if (!isLastPage) navigate(pageNo + 1);\n  };\n\n  const onPrevious = () => {\n    if (!isFirstPage) navigate(pageNo - 1);\n  };\n\n  const lastPage = paginationRange[paginationRange.length - 1];\n  const isFirstPage = pageNo === 1;\n  const isLastPage = pageNo === lastPage;\n\n  return (\n    <nav aria-label=\"Pagination Navigation\" role=\"navigation\">\n      <ul className={classnames([\"neeto-ui-pagination__wrapper\", className])}>\n        <li\n          data-testid=\"left-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isFirstPage,\n          })}\n          onClick={onPrevious}\n        >\n          <a>\n            <Left size={20} />\n          </a>\n        </li>\n        {paginationRange.map((pageNumber, index) => {\n          const isActive = pageNumber === pageNo;\n\n          if (pageNumber === DOTS) {\n            return (\n              <li\n                className=\"neeto-ui-pagination__item neeto-ui-pagination__item--dots\"\n                data-testid=\"dots\"\n                key={index}\n              >\n                &#8230;\n              </li>\n            );\n          }\n\n          return (\n            <li\n              aria-current={isActive && true}\n              key={index}\n              tabIndex={0}\n              aria-label={\n                isActive\n                  ? `Current Page, Page ${pageNumber}`\n                  : `Goto Page ${pageNumber}`\n              }\n              className={classnames(\"neeto-ui-pagination__item\", {\n                active: isActive,\n              })}\n              onClick={() => navigate(pageNumber)}\n            >\n              <a>{pageNumber}</a>\n            </li>\n          );\n        })}\n        <li\n          data-testid=\"right-navigate-button\"\n          tabIndex={0}\n          className={classnames({\n            \"neeto-ui-pagination__item\": true,\n            \"neeto-ui-pagination__item--navigate\": true,\n            disabled: isLastPage,\n          })}\n          onClick={onNext}\n        >\n          <a>\n            <Right size={20} />\n          </a>\n        </li>\n      </ul>\n    </nav>\n  );\n};\n\nPagination.propTypes = {\n  /**\n   * To specify the total number of items.\n   */\n  count: PropTypes.number.isRequired,\n  /**\n   * To specify the current page number.\n   */\n  pageNo: PropTypes.number,\n  /**\n   * To specify the callback which will be invoked when the navigate buttons are clicked. If not provided, the component will update pagination information in the URL query parameters.\n   */\n  navigate: PropTypes.func,\n  /**\n   * To specify the size of a single page.\n   */\n  pageSize: PropTypes.number.isRequired,\n  /**\n   * To specify the number of siblings to be shown before and after the current page number.\n   */\n  siblingCount: PropTypes.number,\n  /**\n   * To provide external className to the Pagination component.\n   */\n  className: PropTypes.string,\n};\n\nexport default Pagination;\n"],"names":["DOTS","usePaginationQueryParams","queryParams","useQueryParams","history","useHistory","updatePageInQueryParam","page","params","pathname","window","location","push","buildUrl","mergeLeft","range","start","end","length","Array","from","_","index","usePagination","_ref","count","pageSize","_ref$siblingCount","siblingCount","pageNo","paginationRange","useMemo","totalPageCount","Math","ceil","totalPageNumbers","leftSiblingIndex","max","rightSiblingIndex","min","shouldShowLeftDots","shouldShowRightDots","firstPageIndex","lastPageIndex","leftItemCount","leftRange","concat","_toConsumableArray","rightItemCount","rightRange","middleRange","undefined","Pagination","_ref$count","navigate","_ref$className","className","_usePaginationQueryPa","onNext","isLastPage","onPrevious","isFirstPage","lastPage","React","createElement","role","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","key","active","Right"],"mappings":"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"}

package/dist/cjs/Pane.js

@@ -7,7 +7,7 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProp
 var React = require('react');
 var classnames = require('classnames');
 var neetoIcons = require('@bigbinary/neeto-icons');
-var useOverlayManager = require('./useOverlayManager-d4108cf8.js');
+var useOverlayManager = require('./useOverlayManager-D5NTaYt6.js');
 var Button = require('./Button.js');
 require('react-router-dom');
 require('qs');
@@ -15,75 +15,77 @@ require('@babel/runtime/helpers/esm/extends');
 require('@babel/runtime/helpers/esm/objectWithoutPropertiesLoose');
 require('@babel/runtime/helpers/esm/inheritsLoose');
 require('react-dom');
-require('@babel/runtime/helpers/esm/assertThisInitialized');
 require('ramda');
 require('@bigbinary/neeto-hotkeys');
 require('./overlayManager.js');
 require('@babel/runtime/helpers/classCallCheck');
 require('@babel/runtime/helpers/createClass');
-require('./index-0f5141e0.js');
+require('./index-BG9I04iF.js');
+require('@bigbinary/neeto-cist');
+require('./en-DhnUUSB_.js');
+require('@babel/runtime/helpers/toConsumableArray');
 require('dayjs');
 require('dayjs/plugin/localeData');
 require('dayjs/plugin/utc');
 require('dayjs/plugin/weekday');
 require('dayjs/plugin/weekOfYear');
-require('@bigbinary/neeto-cist');
-require('./en-80d0fbff.js');
 require('./Spinner.js');
 require('./Tooltip.js');
 require('@tippyjs/react');
 require('tippy.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$hasFooter = _ref.hasFooter,
     hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     "data-cy": "pane-body",
-    className: classnames__default["default"]("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty__default["default"]({
+    className: classnames("neeto-ui-pane__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty({
       "neeto-ui-pane__body--has-footer": hasFooter
     }, className, className))
   }, children);
 };
 
-var DEFAULT_PANE_HEADER_HEIGHT = 78;
-
 var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
   }, children);
 };
 
 var Header = function Header(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-ui-pane__header", className),
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames("neeto-ui-pane__header", className),
     "data-cy": "pane-header"
   }, children);
 };
 
-var getHeaderHeight = function getHeaderHeight(paneWrapper) {
-  var header = paneWrapper.current.querySelector(".neeto-ui-pane__header");
-  return header ? header.offsetHeight : DEFAULT_PANE_HEADER_HEIGHT;
+var DEFAULT_PANE_HEADER_HEIGHT = 78;
+
+var getHeader = function getHeader(paneWrapperRef) {
+  var _paneWrapperRef$curre;
+  return (_paneWrapperRef$curre = paneWrapperRef.current) === null || _paneWrapperRef$curre === void 0 ? void 0 : _paneWrapperRef$curre.querySelector(".neeto-ui-pane__header");
+};
+var updateHeaderHeight = function updateHeaderHeight(header, paneWrapperRef) {
+  var headerHeight = header === null || header === void 0 ? void 0 : header.offsetHeight;
+  if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {
+    var _paneWrapperRef$curre2;
+    (_paneWrapperRef$curre2 = paneWrapperRef.current) === null || _paneWrapperRef$curre2 === void 0 || _paneWrapperRef$curre2.style.setProperty("--neeto-ui-pane-header-height", "".concat(headerHeight, "px"));
+  } else {
+    var _paneWrapperRef$curre3;
+    (_paneWrapperRef$curre3 = paneWrapperRef.current) === null || _paneWrapperRef$curre3 === void 0 || _paneWrapperRef$curre3.style.removeProperty("--neeto-ui-pane-header-height");
+  }
 };
 
 var _excluded = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
 var SIZES = {
   small: "small",
-  large: "large"
+  large: "large",
+  extraLarge: "extraLarge"
 };
 var Pane = function Pane(_ref) {
   var _ref$size = _ref.size,
@@ -105,16 +107,21 @@ var Pane = function Pane(_ref) {
     closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
     initialFocusRef = _ref.initialFocusRef,
     finalFocusRef = _ref.finalFocusRef,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+    otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useState = React.useState(false),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    _useState2 = _slicedToArray(_useState, 2),
     hasTransitionCompleted = _useState2[0],
     setHasTransitionCompleted = _useState2[1];
-  var paneWrapper = React.useRef(null);
+  var paneWrapperRef = React.useRef(null);
   var backdropRef = React.useRef(null);
-  useOverlayManager.useOverlayManager(paneWrapper, isOpen);
+  var observerRef = React.useRef(new ResizeObserver(function (_ref2) {
+    var _ref3 = _slicedToArray(_ref2, 1),
+      entry = _ref3[0];
+    return updateHeaderHeight(entry.target, paneWrapperRef);
+  }));
+  useOverlayManager.useOverlayManager(paneWrapperRef, isOpen);
   var _useOverlay = useOverlayManager.useOverlay({
-      overlayWrapper: paneWrapper,
+      overlayWrapper: paneWrapperRef,
       backdropRef: backdropRef,
       closeOnOutsideClick: closeOnOutsideClick,
       closeOnEsc: closeOnEsc,
@@ -125,17 +132,36 @@ var Pane = function Pane(_ref) {
       hasTransitionCompleted: hasTransitionCompleted
     }),
     handleOverlayClose = _useOverlay.handleOverlayClose,
-    setFocusField = _useOverlay.setFocusField;
+    setFocusField = _useOverlay.setFocusField,
+    isTopOverlay = _useOverlay.isTopOverlay;
   React.useEffect(function () {
-    if (!hasTransitionCompleted) return;
-    var headerHeight = getHeaderHeight(paneWrapper);
-    if (headerHeight > DEFAULT_PANE_HEADER_HEIGHT) {
-      paneWrapper.current.style.setProperty("--neeto-ui-pane-header-height", "".concat(headerHeight, "px"));
+    if (!hasTransitionCompleted || !paneWrapperRef.current) return undefined;
+    var observer = observerRef.current;
+    var header = getHeader(paneWrapperRef);
+    if (header) {
+      observer.observe(header);
+      return function () {
+        return observer.disconnect();
+      };
     }
-  }, [hasTransitionCompleted]);
-  return /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Portal, {
+    var mutationObserver = new MutationObserver(function () {
+      var header = getHeader(paneWrapperRef);
+      if (!header) return;
+      observer.observe(header);
+      mutationObserver.disconnect();
+    });
+    mutationObserver.observe(paneWrapperRef.current, {
+      childList: true,
+      subtree: true
+    });
+    return function () {
+      mutationObserver.disconnect();
+      observer.disconnect();
+    };
+  }, [hasTransitionCompleted, isTopOverlay]);
+  return /*#__PURE__*/React.createElement(useOverlayManager.Portal, {
     rootId: "neeto-ui-portal"
-  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.CSSTransition, {
+  }, /*#__PURE__*/React.createElement(useOverlayManager.CSSTransition, {
     unmountOnExit: true,
     appear: isOpen,
     classNames: "neeto-ui-pane",
@@ -147,20 +173,21 @@ var Pane = function Pane(_ref) {
     onExited: function onExited() {
       return setHasTransitionCompleted(false);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(useOverlayManager.Backdrop, {
+  }, /*#__PURE__*/React.createElement(useOverlayManager.Backdrop, {
     "data-testid": "backdrop",
     key: "pane-backdrop",
     ref: backdropRef,
-    className: classnames__default["default"]("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
-  }, /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
+    className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
+  }, /*#__PURE__*/React.createElement("div", _extends({
     "data-cy": "pane-wrapper",
     key: "pane-wrapper",
-    ref: paneWrapper,
-    className: classnames__default["default"]("neeto-ui-pane__wrapper", _defineProperty__default["default"]({
+    ref: paneWrapperRef,
+    className: classnames("neeto-ui-pane__wrapper", _defineProperty({
       "neeto-ui-pane__wrapper--small": size === SIZES.small,
-      "neeto-ui-pane__wrapper--large": size === SIZES.large
+      "neeto-ui-pane__wrapper--large": size === SIZES.large,
+      "neeto-ui-pane__wrapper--extralarge": size === SIZES.extraLarge
     }, className, className))
-  }, otherProps), closeButton && /*#__PURE__*/React__default["default"].createElement(Button, {
+  }, otherProps), closeButton && /*#__PURE__*/React.createElement(Button, {
     "aria-label": "Close",
     className: "neeto-ui-pane__close",
     "data-cy": "pane-close-button",
@@ -169,7 +196,7 @@ var Pane = function Pane(_ref) {
     size: "small",
     style: "text",
     onClick: handleOverlayClose
-  }), hasTransitionCompleted && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, typeof children === "function" ? children({
+  }), hasTransitionCompleted && /*#__PURE__*/React.createElement(React.Fragment, null, typeof children === "function" ? children({
     setFocusField: setFocusField
   }) : children)))));
 };