@bigbinary/neetoui 8.3.30 → 8.3.32

package/dist/NoData.js

@@ -1,12 +1,12 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default from 'react';
+import 'react';
 import classnames from 'classnames';
 import { isEmpty, isNil, omit } from 'ramda';
 import Button from './Button.js';
 import Tooltip from './Tooltip.js';
 import Typography from './Typography.js';
-import '@babel/runtime/helpers/defineProperty';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-router-dom';
 import './Spinner.js';
 import '@babel/runtime/helpers/slicedToArray';
@@ -14,13 +14,15 @@ import '@tippyjs/react';
 import 'tippy.js';
 
 var renderImage = function renderImage(image) {
-  return typeof image === "string" ? /*#__PURE__*/React__default.createElement("img", {
+  return typeof image === "string" ? /*#__PURE__*/jsx("img", {
     "data-cy": "no-data-image",
     src: image
   }) : image;
 };
 
 var _excluded = ["image", "title", "description", "helpText", "className", "primaryButtonProps", "secondaryButtonProps", "buttonSeparatorText", "showTooltipWhenButtonDisabled"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NoData = function NoData(_ref) {
   var _ref$image = _ref.image,
     image = _ref$image === void 0 ? null : _ref$image,
@@ -45,43 +47,57 @@ var NoData = function NoData(_ref) {
   var hasSecondaryButtonProps = !isEmpty(secondaryButtonProps);
   var hasButtonSeparatorText = !isEmpty(buttonSeparatorText);
   var showButtonSeparator = hasButtonSeparatorText && hasPrimaryButtonProps && hasSecondaryButtonProps;
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
     className: classnames("neeto-ui-no-data", [className]),
     "data-cy": "no-data-container"
-  }, otherProps), image ? /*#__PURE__*/React__default.createElement("div", {
-    className: "neeto-ui-no-data__image"
-  }, renderImage(image)) : null, title && /*#__PURE__*/React__default.createElement(Typography, {
-    className: "neeto-ui-text-center",
-    "data-cy": "no-data-title",
-    lineHeight: "none",
-    style: "h3"
-  }, title), description && /*#__PURE__*/React__default.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.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.createElement("div", {
-    className: "neeto-ui-no-data__action-block"
-  }, hasPrimaryButtonProps && /*#__PURE__*/React__default.createElement(Tooltip, _extends({}, primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps, {
-    disabled: isNil(primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.disabled)
-  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "no-data-primary-button",
-    "data-testid": "no-data-primary-button"
-  }, omit(["tooltipProps"], primaryButtonProps))))), showButtonSeparator && /*#__PURE__*/React__default.createElement(Typography, {
-    lineHeight: "normal",
-    style: "body2"
-  }, buttonSeparatorText), hasSecondaryButtonProps && /*#__PURE__*/React__default.createElement(Tooltip, _extends({}, secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps, {
-    disabled: isNil(secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disabled)
-  }), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Button, _extends({
-    "data-cy": "no-data-secondary-button",
-    "data-testid": "no-data-secondary-button",
-    style: "secondary"
-  }, omit(["tooltipProps"], secondaryButtonProps)))))));
+  }, otherProps), {}, {
+    children: [image ? /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-no-data__image",
+      children: renderImage(image)
+    }) : null, title && /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-center",
+      "data-cy": "no-data-title",
+      lineHeight: "none",
+      style: "h3",
+      children: title
+    }), description && /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-center neeto-ui-no-data__description",
+      "data-cy": "no-data-description",
+      lineHeight: "normal",
+      style: "body2",
+      children: description
+    }), helpText && /*#__PURE__*/jsx(Typography, {
+      className: "neeto-ui-text-center neeto-ui-no-data__help-text",
+      "data-cy": "no-data-help-text",
+      lineHeight: "normal",
+      style: "body2",
+      children: helpText
+    }), (hasPrimaryButtonProps || hasSecondaryButtonProps) && /*#__PURE__*/jsxs("div", {
+      className: "neeto-ui-no-data__action-block",
+      children: [hasPrimaryButtonProps && /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps), {}, {
+        disabled: isNil(primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (primaryButtonProps === null || primaryButtonProps === void 0 ? void 0 : primaryButtonProps.disabled),
+        children: /*#__PURE__*/jsx("div", {
+          children: /*#__PURE__*/jsx(Button, _objectSpread({
+            "data-cy": "no-data-primary-button",
+            "data-testid": "no-data-primary-button"
+          }, omit(["tooltipProps"], primaryButtonProps)))
+        })
+      })), showButtonSeparator && /*#__PURE__*/jsx(Typography, {
+        lineHeight: "normal",
+        style: "body2",
+        children: buttonSeparatorText
+      }), hasSecondaryButtonProps && /*#__PURE__*/jsx(Tooltip, _objectSpread(_objectSpread({}, secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps), {}, {
+        disabled: isNil(secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.tooltipProps) || !showTooltipWhenButtonDisabled && (secondaryButtonProps === null || secondaryButtonProps === void 0 ? void 0 : secondaryButtonProps.disabled),
+        children: /*#__PURE__*/jsx("div", {
+          children: /*#__PURE__*/jsx(Button, _objectSpread({
+            "data-cy": "no-data-secondary-button",
+            "data-testid": "no-data-secondary-button",
+            style: "secondary"
+          }, omit(["tooltipProps"], secondaryButtonProps)))
+        })
+      }))]
+    })]
+  }));
 };
 
 export { NoData as default };

package/dist/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":"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"}
+{"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","_jsx","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","_jsxs","_objectSpread","classnames","children","Typography","lineHeight","style","Tooltip","tooltipProps","disabled","isNil","Button","omit"],"mappings":"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"}

package/dist/Pagination.js

@@ -1,14 +1,16 @@
-import React__default, { useMemo } from 'react';
+import { useMemo } from 'react';
 import classnames from 'classnames';
-import { Left, Right } from '@bigbinary/neeto-icons';
+import Left from '@bigbinary/neeto-icons/Left';
+import Right from '@bigbinary/neeto-icons/Right';
 import { mergeLeft } from 'ramda';
 import { useHistory } from 'react-router-dom';
 import '@babel/runtime/helpers/slicedToArray';
 import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
-import { b as buildUrl } from './index-Dxaw6gl9.js';
-import { u as useQueryParams } from './useQueryParams-b60CHFUx.js';
+import { b as buildUrl } from './index-D6vmwyYl.js';
+import { u as useQueryParams } from './useQueryParams-BKsf4FPY.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
 import '@babel/runtime/helpers/defineProperty';
@@ -129,55 +131,65 @@ var Pagination = function Pagination(_ref) {
   var lastPage = paginationRange[paginationRange.length - 1];
   var isFirstPage = pageNo === 1;
   var isLastPage = pageNo === lastPage;
-  return /*#__PURE__*/React__default.createElement("nav", {
+  return /*#__PURE__*/jsx("nav", {
     "aria-label": "Pagination Navigation",
-    role: "navigation"
-  }, /*#__PURE__*/React__default.createElement("ul", {
-    className: classnames(["neeto-ui-pagination__wrapper", className])
-  }, /*#__PURE__*/React__default.createElement("li", {
-    "data-testid": "left-navigate-button",
-    tabIndex: 0,
-    className: classnames({
-      "neeto-ui-pagination__item": true,
-      "neeto-ui-pagination__item--navigate": true,
-      disabled: isFirstPage
-    }),
-    onClick: onPrevious
-  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Left, {
-    size: 20
-  }))), paginationRange.map(function (pageNumber, index) {
-    var isActive = pageNumber === pageNo;
-    if (pageNumber === DOTS) {
-      return /*#__PURE__*/React__default.createElement("li", {
-        className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
-        "data-testid": "dots",
-        key: index
-      }, "\u2026");
-    }
-    return /*#__PURE__*/React__default.createElement("li", {
-      "aria-current": isActive && true,
-      key: index,
-      tabIndex: 0,
-      "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
-      className: classnames("neeto-ui-pagination__item", {
-        active: isActive
-      }),
-      onClick: function onClick() {
-        return navigate(pageNumber);
-      }
-    }, /*#__PURE__*/React__default.createElement("a", null, pageNumber));
-  }), /*#__PURE__*/React__default.createElement("li", {
-    "data-testid": "right-navigate-button",
-    tabIndex: 0,
-    className: classnames({
-      "neeto-ui-pagination__item": true,
-      "neeto-ui-pagination__item--navigate": true,
-      disabled: isLastPage
-    }),
-    onClick: onNext
-  }, /*#__PURE__*/React__default.createElement("a", null, /*#__PURE__*/React__default.createElement(Right, {
-    size: 20
-  })))));
+    role: "navigation",
+    children: /*#__PURE__*/jsxs("ul", {
+      className: classnames(["neeto-ui-pagination__wrapper", className]),
+      children: [/*#__PURE__*/jsx("li", {
+        "data-testid": "left-navigate-button",
+        tabIndex: 0,
+        className: classnames({
+          "neeto-ui-pagination__item": true,
+          "neeto-ui-pagination__item--navigate": true,
+          disabled: isFirstPage
+        }),
+        onClick: onPrevious,
+        children: /*#__PURE__*/jsx("a", {
+          children: /*#__PURE__*/jsx(Left, {
+            size: 20
+          })
+        })
+      }), paginationRange.map(function (pageNumber, index) {
+        var isActive = pageNumber === pageNo;
+        if (pageNumber === DOTS) {
+          return /*#__PURE__*/jsx("li", {
+            className: "neeto-ui-pagination__item neeto-ui-pagination__item--dots",
+            "data-testid": "dots",
+            children: "\u2026"
+          }, index);
+        }
+        return /*#__PURE__*/jsx("li", {
+          "aria-current": isActive && true,
+          tabIndex: 0,
+          "aria-label": isActive ? "Current Page, Page ".concat(pageNumber) : "Goto Page ".concat(pageNumber),
+          className: classnames("neeto-ui-pagination__item", {
+            active: isActive
+          }),
+          onClick: function onClick() {
+            return navigate(pageNumber);
+          },
+          children: /*#__PURE__*/jsx("a", {
+            children: pageNumber
+          })
+        }, index);
+      }), /*#__PURE__*/jsx("li", {
+        "data-testid": "right-navigate-button",
+        tabIndex: 0,
+        className: classnames({
+          "neeto-ui-pagination__item": true,
+          "neeto-ui-pagination__item--navigate": true,
+          disabled: isLastPage
+        }),
+        onClick: onNext,
+        children: /*#__PURE__*/jsx("a", {
+          children: /*#__PURE__*/jsx(Right, {
+            size: 20
+          })
+        })
+      })]
+    })
+  });
 };
 
 export { Pagination as default };

package/dist/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","_jsx","role","children","_jsxs","classnames","tabIndex","disabled","onClick","Left","size","map","pageNumber","isActive","active","Right"],"mappings":"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"}

package/dist/Pane.js

@@ -1,14 +1,14 @@
-import _extends from '@babel/runtime/helpers/extends';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import React__default, { useState, useRef, useEffect } from 'react';
+import { useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
-import { Close } from '@bigbinary/neeto-icons';
-import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-AZIGhUYS.js';
+import Close from '@bigbinary/neeto-icons/Close';
+import { u as useOverlayManager, a as useOverlay, P as Portal, C as CSSTransition, B as Backdrop } from './useOverlayManager-BzuBvhPZ.js';
 import Button from './Button.js';
 import 'react-router-dom';
 import 'qs';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/esm/extends';
 import '@babel/runtime/helpers/esm/objectWithoutPropertiesLoose';
 import '@babel/runtime/helpers/esm/inheritsLoose';
@@ -18,7 +18,7 @@ import '@bigbinary/neeto-hotkeys';
 import './overlayManager.js';
 import '@babel/runtime/helpers/classCallCheck';
 import '@babel/runtime/helpers/createClass';
-import './index-Dxaw6gl9.js';
+import './index-D6vmwyYl.js';
 import '@bigbinary/neeto-cist';
 import './en-CIkXIYyl.js';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -37,29 +37,32 @@ var Body = function Body(_ref) {
     className = _ref.className,
     _ref$hasFooter = _ref.hasFooter,
     hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     "data-cy": "pane-body",
     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);
+    }, className, className)),
+    children: children
+  });
 };
 
 var Footer = function Footer(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: classnames("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className)
-  }, children);
+  return /*#__PURE__*/jsx("div", {
+    className: classnames("neeto-ui-pane__footer neeto-ui-flex neeto-ui-items-center", className),
+    children: children
+  });
 };
 
 var Header = function Header(_ref) {
   var children = _ref.children,
     className = _ref.className;
-  return /*#__PURE__*/React__default.createElement("div", {
+  return /*#__PURE__*/jsx("div", {
     className: classnames("neeto-ui-pane__header", className),
-    "data-cy": "pane-header"
-  }, children);
+    "data-cy": "pane-header",
+    children: children
+  });
 };
 
 var DEFAULT_PANE_HEADER_HEIGHT = 78;
@@ -72,14 +75,16 @@ 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"));
+    (_paneWrapperRef$curre2 = paneWrapperRef.current) === null || _paneWrapperRef$curre2 === void 0 ? 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");
+    (_paneWrapperRef$curre3 = paneWrapperRef.current) === null || _paneWrapperRef$curre3 === void 0 ? void 0 : _paneWrapperRef$curre3.style.removeProperty("--neeto-ui-pane-header-height");
   }
 };
 
 var _excluded = ["size", "isOpen", "onClose", "children", "className", "closeOnEsc", "closeButton", "backdropClassName", "closeOnOutsideClick", "initialFocusRef", "finalFocusRef"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZES = {
   small: "small",
   large: "large",
@@ -157,46 +162,51 @@ var Pane = function Pane(_ref) {
       observer.disconnect();
     };
   }, [hasTransitionCompleted, isTopOverlay]);
-  return /*#__PURE__*/React__default.createElement(Portal, {
-    rootId: "neeto-ui-portal"
-  }, /*#__PURE__*/React__default.createElement(CSSTransition, {
-    unmountOnExit: true,
-    appear: isOpen,
-    classNames: "neeto-ui-pane",
-    "in": isOpen,
-    timeout: 230,
-    onEntered: function onEntered() {
-      return setHasTransitionCompleted(true);
-    },
-    onExited: function onExited() {
-      return setHasTransitionCompleted(false);
-    }
-  }, /*#__PURE__*/React__default.createElement(Backdrop, {
-    "data-testid": "backdrop",
-    key: "pane-backdrop",
-    ref: backdropRef,
-    className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName)
-  }, /*#__PURE__*/React__default.createElement("div", _extends({
-    "data-cy": "pane-wrapper",
-    key: "pane-wrapper",
-    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--extralarge": size === SIZES.extraLarge
-    }, className, className))
-  }, otherProps), closeButton && /*#__PURE__*/React__default.createElement(Button, {
-    "aria-label": "Close",
-    className: "neeto-ui-pane__close",
-    "data-cy": "pane-close-button",
-    "data-testid": "close-button",
-    icon: Close,
-    size: "small",
-    style: "text",
-    onClick: handleOverlayClose
-  }), hasTransitionCompleted && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, typeof children === "function" ? children({
-    setFocusField: setFocusField
-  }) : children)))));
+  return /*#__PURE__*/jsx(Portal, {
+    rootId: "neeto-ui-portal",
+    children: /*#__PURE__*/jsx(CSSTransition, {
+      unmountOnExit: true,
+      appear: isOpen,
+      classNames: "neeto-ui-pane",
+      "in": isOpen,
+      timeout: 230,
+      onEntered: function onEntered() {
+        return setHasTransitionCompleted(true);
+      },
+      onExited: function onExited() {
+        return setHasTransitionCompleted(false);
+      },
+      children: /*#__PURE__*/jsx(Backdrop, {
+        "data-testid": "backdrop",
+        ref: backdropRef,
+        className: classnames("neeto-ui-pane__backdrop neeto-ui-flex neeto-ui-justify-end", backdropClassName),
+        children: /*#__PURE__*/jsxs("div", _objectSpread(_objectSpread({
+          "data-cy": "pane-wrapper",
+          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--extralarge": size === SIZES.extraLarge
+          }, className, className))
+        }, otherProps), {}, {
+          children: [closeButton && /*#__PURE__*/jsx(Button, {
+            "aria-label": "Close",
+            className: "neeto-ui-pane__close",
+            "data-cy": "pane-close-button",
+            "data-testid": "close-button",
+            icon: Close,
+            size: "small",
+            style: "text",
+            onClick: handleOverlayClose
+          }), hasTransitionCompleted && /*#__PURE__*/jsx(Fragment, {
+            children: typeof children === "function" ? children({
+              setFocusField: setFocusField
+            }) : children
+          })]
+        }), "pane-wrapper")
+      }, "pane-backdrop")
+    })
+  });
 };
 Pane.Header = Header;
 Pane.Body = Body;