@epignosis_llc/gnosis 4.0.4 → 4.0.6

package/dist/esm/src/components/Drawer/components/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Mask.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/FormError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/Input.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/Select.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Textarea/Textarea.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Textarea/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Grid/Grid.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Grid/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Heading/Heading.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Heading/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Loaders/Loader.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Loaders/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/MediaPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/Modal.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Modal/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Pagination/Pagination.js

@@ -2,15 +2,15 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */
 
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import '../../../node_modules/core-js/modules/es.array.map.js';
 import '../../../node_modules/core-js/modules/es.array.reverse.js';
 import '../../../node_modules/core-js/modules/es.array.slice.js';
-import { useState, useRef } from 'react';
+import '../../../node_modules/core-js/modules/es.array.map.js';
+import { useRef, useState } from 'react';
 import classNames from '../../../node_modules/classnames/index.js';
 import Button from '../Button/Button.js';
 import SvgIconChevronDown from '../../icons/icon_chevron_down.svg.js';
@@ -20,32 +20,35 @@ import { container } from './styles.js';
 import useClickOutside from './hooks.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["current", "list", "totalPages", "size", "selectionText", "handlePaginationSizeChanged", "handlePaginationNumberChanged", "dir"];
+var _excluded = ["page", "pageSize", "totalPages", "rowsPerPageOptions", "selectionText", "dir", "onPageChange", "onPageSizeChange"];
 var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
   return classNames({
     "is-selected": isSelected
   });
 };
 var Pagination = function Pagination(_ref) {
-  var current = _ref.current,
-    list = _ref.list,
+  var page = _ref.page,
+    pageSize = _ref.pageSize,
     totalPages = _ref.totalPages,
-    size = _ref.size,
+    rowsPerPageOptions = _ref.rowsPerPageOptions,
     selectionText = _ref.selectionText,
-    handlePaginationSizeChanged = _ref.handlePaginationSizeChanged,
-    handlePaginationNumberChanged = _ref.handlePaginationNumberChanged,
     _ref$dir = _ref.dir,
     dir = _ref$dir === void 0 ? "ltr" : _ref$dir,
+    onPageChange = _ref.onPageChange,
+    onPageSizeChange = _ref.onPageSizeChange,
     rest = _objectWithoutProperties(_ref, _excluded);
+  var wrapperRef = useRef(null);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isListOpen = _useState2[0],
     setIsListOpen = _useState2[1];
-  var wrapperRef = useRef(null);
-  var _useState3 = useState(size),
+  var _useState3 = useState(pageSize),
     _useState4 = _slicedToArray(_useState3, 2),
-    listItemSelected = _useState4[0],
-    handleListItemSelected = _useState4[1];
+    selectedListItem = _useState4[0],
+    setSelectedListItem = _useState4[1];
+  var isRtl = dir === "rtl";
+  var isPrevBtnDisabled = page === 1;
+  var isNextBtnDisabled = page === totalPages;
   useClickOutside(wrapperRef, function () {
     return setIsListOpen(false);
   });
@@ -57,26 +60,12 @@ var Pagination = function Pagination(_ref) {
   };
   var handleListItemSelect = function handleListItemSelect(item) {
     if (isListOpen) {
-      handlePaginationSizeChanged(item);
-      handleListItemSelected(item);
+      onPageSizeChange(item);
+      setSelectedListItem(item);
       setIsListOpen(false);
     }
   };
-  var mapOptions = function mapOptions(items) {
-    return items.slice().reverse().map(function (item) {
-      var isSelected = item.id === listItemSelected;
-      return jsx("li", {
-        "data-testid": "pagination-page",
-        key: "item-".concat(item.id),
-        onClick: function onClick() {
-          return handleListItemSelect(item.id);
-        }
-      }, jsx(Text, {
-        fontSize: "sm",
-        className: SelectedOptionClasses(isSelected)
-      }, item.value));
-    });
-  };
+  var options = rowsPerPageOptions.slice().reverse();
   return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
@@ -88,16 +77,13 @@ var Pagination = function Pagination(_ref) {
     "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
-      return handlePaginationNumberChanged(current - 1);
+      return onPageChange(page - 1);
     },
     variant: "ghost",
     noGutters: true,
-    disabled: current === 1
-  }, dir === "rtl" ? jsx(SvgIconChevronDown, {
-    className: "left",
-    height: 32
-  }) : jsx(SvgIconChevronDown, {
-    className: "right",
+    disabled: isPrevBtnDisabled
+  }, jsx(SvgIconChevronDown, {
+    className: isRtl ? "rotate-left" : "rotate-right",
     height: 32
   })), jsx("div", {
     className: "pagination-options"
@@ -112,28 +98,39 @@ var Pagination = function Pagination(_ref) {
     variant: "ghost"
   }, jsx(Text, {
     fontSize: "sm"
-  }, selectionText))), isListOpen && list.length > 0 && jsx("div", {
+  }, selectionText))), isListOpen && rowsPerPageOptions.length > 0 && jsx("div", {
     className: "open-list-container"
   }, jsx("div", {
     className: "dropdown-wrapper"
   }, jsx("ul", {
     role: "list",
     className: "dropdown-list"
-  }, mapOptions(list)))))), jsx(Button, {
+  }, options.map(function (_ref2) {
+    var value = _ref2.value,
+      label = _ref2.label;
+    var isSelected = value === selectedListItem;
+    return jsx("li", {
+      "data-testid": "pagination-page",
+      key: "item-".concat(value),
+      onClick: function onClick() {
+        return handleListItemSelect(value);
+      }
+    }, jsx(Text, {
+      fontSize: "sm",
+      className: SelectedOptionClasses(isSelected)
+    }, label));
+  })))))), jsx(Button, {
     className: "next-page-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
-      return handlePaginationNumberChanged(current + 1);
+      return onPageChange(page + 1);
     },
     variant: "ghost",
     noGutters: true,
-    disabled: current === totalPages
-  }, dir === "rtl" ? jsx(SvgIconChevronDown, {
-    className: "right",
-    height: 32
-  }) : jsx(SvgIconChevronDown, {
-    className: "left",
+    disabled: isNextBtnDisabled
+  }, jsx(SvgIconChevronDown, {
+    className: isRtl ? "rotate-right" : "rotate-left",
     height: 32
   })));
 };

package/dist/esm/src/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Button from \"../Button/Button\";\nimport { IconChevronDownSVG, RightArrowSVG } from \"../../icons/\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { PaginationProps, RowItem } from \"./types\";\nimport useClickOutside from \"./hooks\";\n\nconst SelectedOptionClasses = (isSelected: boolean): string =>\n  classNames({\n    \"is-selected\": isSelected,\n  });\n\nconst Pagination: FC<PaginationProps> = ({\n  current,\n  list,\n  totalPages,\n  size,\n  selectionText,\n  handlePaginationSizeChanged,\n  handlePaginationNumberChanged,\n  dir = \"ltr\",\n  ...rest\n}) => {\n  const [isListOpen, setIsListOpen] = useState(false);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [listItemSelected, handleListItemSelected] = useState<number>(size);\n\n  useClickOutside(wrapperRef, () => setIsListOpen(false));\n\n  const toggleList = (): void => {\n    // We want to reset the dropdown list every time it opens\n    setIsListOpen((prevState) => !prevState);\n  };\n\n  const handleListItemSelect = (item: number): void => {\n    if (isListOpen) {\n      handlePaginationSizeChanged(item);\n      handleListItemSelected(item);\n      setIsListOpen(false);\n    }\n  };\n\n  const mapOptions = (items: RowItem[]): JSX.Element[] => {\n    return items\n      .slice()\n      .reverse()\n      .map((item) => {\n        const isSelected = item.id === listItemSelected;\n\n        return (\n          <li\n            data-testid=\"pagination-page\"\n            key={`item-${item.id}`}\n            onClick={(): void => handleListItemSelect(item.id)}\n          >\n            <Text fontSize=\"sm\" className={SelectedOptionClasses(isSelected)}>\n              {item.value}\n            </Text>\n          </li>\n        );\n      });\n  };\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { isOpen: isListOpen })} {...rest}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => handlePaginationNumberChanged(current - 1)}\n        variant=\"ghost\"\n        noGutters\n        disabled={current === 1}\n      >\n        {dir === \"rtl\" ? (\n          <IconChevronDownSVG className=\"left\" height={32} />\n        ) : (\n          <IconChevronDownSVG className=\"right\" height={32} />\n        )}\n      </Button>\n\n      <div className=\"pagination-options\">\n        <div className=\"dropdown\" ref={wrapperRef}>\n          <div className=\"dropdown-button\" onClick={toggleList}>\n            <Button iconAfter={RightArrowSVG} variant=\"ghost\">\n              <Text fontSize=\"sm\">{selectionText}</Text>\n            </Button>\n          </div>\n\n          {isListOpen && list.length > 0 && (\n            <div className=\"open-list-container\">\n              <div className=\"dropdown-wrapper\">\n                <ul role=\"list\" className=\"dropdown-list\">\n                  {mapOptions(list)}\n                </ul>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => handlePaginationNumberChanged(current + 1)}\n        variant=\"ghost\"\n        noGutters\n        disabled={current === totalPages}\n      >\n        {dir === \"rtl\" ? (\n          <IconChevronDownSVG className=\"right\" height={32} />\n        ) : (\n          <IconChevronDownSVG className=\"left\" height={32} />\n        )}\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["SelectedOptionClasses","isSelected","classNames","Pagination","current","list","totalPages","size","selectionText","handlePaginationSizeChanged","handlePaginationNumberChanged","dir","rest","useState","isListOpen","setIsListOpen","wrapperRef","useRef","listItemSelected","handleListItemSelected","useClickOutside","toggleList","prevState","handleListItemSelect","item","mapOptions","items","slice","reverse","map","id","___EmotionJSX","value","theme","container","isOpen","IconChevronDownSVG","RightArrowSVG","length"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC, useRef, useState } from \"react\";\nimport classNames from \"classnames\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Button from \"../Button/Button\";\nimport { IconChevronDownSVG, RightArrowSVG } from \"../../icons/\";\nimport Text from \"../Text/Text\";\nimport { container } from \"./styles\";\nimport { PaginationProps } from \"./types\";\nimport useClickOutside from \"./hooks\";\n\nconst SelectedOptionClasses = (isSelected: boolean): string =>\n  classNames({\n    \"is-selected\": isSelected,\n  });\n\nconst Pagination: FC<PaginationProps> = ({\n  page,\n  pageSize,\n  totalPages,\n  rowsPerPageOptions,\n  selectionText,\n  dir = \"ltr\",\n  onPageChange,\n  onPageSizeChange,\n  ...rest\n}) => {\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const [isListOpen, setIsListOpen] = useState(false);\n  const [selectedListItem, setSelectedListItem] = useState<number>(pageSize);\n  const isRtl = dir === \"rtl\";\n  const isPrevBtnDisabled = page === 1;\n  const isNextBtnDisabled = page === totalPages;\n\n  useClickOutside(wrapperRef, () => setIsListOpen(false));\n\n  const toggleList = (): void => {\n    // We want to reset the dropdown list every time it opens\n    setIsListOpen((prevState) => !prevState);\n  };\n\n  const handleListItemSelect = (item: number): void => {\n    if (isListOpen) {\n      onPageSizeChange(item);\n      setSelectedListItem(item);\n      setIsListOpen(false);\n    }\n  };\n\n  const options = rowsPerPageOptions.slice().reverse();\n\n  return (\n    <div css={(theme): SerializedStyles => container(theme, { isOpen: isListOpen })} {...rest}>\n      <Button\n        className=\"previous-page-btn\"\n        data-testid=\"previous-page-btn\"\n        name=\"Previous page\"\n        onClick={(): void => onPageChange(page - 1)}\n        variant=\"ghost\"\n        noGutters\n        disabled={isPrevBtnDisabled}\n      >\n        <IconChevronDownSVG className={isRtl ? \"rotate-left\" : \"rotate-right\"} height={32} />\n      </Button>\n\n      <div className=\"pagination-options\">\n        <div className=\"dropdown\" ref={wrapperRef}>\n          <div className=\"dropdown-button\" onClick={toggleList}>\n            <Button iconAfter={RightArrowSVG} variant=\"ghost\">\n              <Text fontSize=\"sm\">{selectionText}</Text>\n            </Button>\n          </div>\n\n          {isListOpen && rowsPerPageOptions.length > 0 && (\n            <div className=\"open-list-container\">\n              <div className=\"dropdown-wrapper\">\n                <ul role=\"list\" className=\"dropdown-list\">\n                  {options.map(({ value, label }) => {\n                    const isSelected = value === selectedListItem;\n\n                    return (\n                      <li\n                        data-testid=\"pagination-page\"\n                        key={`item-${value}`}\n                        onClick={(): void => handleListItemSelect(value)}\n                      >\n                        <Text fontSize=\"sm\" className={SelectedOptionClasses(isSelected)}>\n                          {label}\n                        </Text>\n                      </li>\n                    );\n                  })}\n                </ul>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n\n      <Button\n        className=\"next-page-btn\"\n        data-testid=\"next-page-btn\"\n        name=\"Next page\"\n        onClick={(): void => onPageChange(page + 1)}\n        variant=\"ghost\"\n        noGutters\n        disabled={isNextBtnDisabled}\n      >\n        <IconChevronDownSVG className={isRtl ? \"rotate-right\" : \"rotate-left\"} height={32} />\n      </Button>\n    </div>\n  );\n};\n\nexport default Pagination;\n"],"names":["SelectedOptionClasses","isSelected","classNames","Pagination","page","pageSize","totalPages","rowsPerPageOptions","selectionText","dir","onPageChange","onPageSizeChange","rest","wrapperRef","useRef","useState","isListOpen","setIsListOpen","selectedListItem","setSelectedListItem","isRtl","isPrevBtnDisabled","isNextBtnDisabled","useClickOutside","toggleList","prevState","handleListItemSelect","item","options","slice","reverse","___EmotionJSX","theme","container","isOpen","IconChevronDownSVG","RightArrowSVG","length","map","value","label"],"mappings":"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"}

package/dist/esm/src/components/Pagination/hooks.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.3
+   * @epignosis_llc/gnosis.js v4.0.5
    * Released under the MIT license.
    */