@epignosis_llc/gnosis 4.0.3 → 4.0.5

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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * Released under the MIT license.
    */
 

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

@@ -2,53 +2,53 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * 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 React__default, { 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';
 import SvgRightArrowIcon from '../../icons/right-arrow-icon.svg.js';
 import Text from '../Text/Text.js';
 import { container } from './styles.js';
-import { usePagination } from './usePagination.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];
-  var paginationRange = usePagination(current, totalPages);
-  var hasItems = paginationRange.length > 0;
+    selectedListItem = _useState4[0],
+    setSelectedListItem = _useState4[1];
+  var isRtl = dir === "rtl";
+  var isPrevBtnDisabled = page === 1;
+  var isNextBtnDisabled = page === totalPages;
   useClickOutside(wrapperRef, function () {
     return setIsListOpen(false);
   });
@@ -60,27 +60,13 @@ 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));
-    });
-  };
-  return jsx(React__default.Fragment, null, hasItems && jsx("div", _extends({
+  var options = rowsPerPageOptions.slice().reverse();
+  return jsx("div", _extends({
     css: function css(theme) {
       return container(theme, {
         isOpen: isListOpen
@@ -91,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"
@@ -115,30 +98,41 @@ 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 === paginationRange.length
-  }, dir === "rtl" ? jsx(SvgIconChevronDown, {
-    className: "right",
-    height: 32
-  }) : jsx(SvgIconChevronDown, {
-    className: "left",
+    disabled: isNextBtnDisabled
+  }, jsx(SvgIconChevronDown, {
+    className: isRtl ? "rotate-right" : "rotate-left",
     height: 32
-  }))));
+  })));
 };
 
 export { Pagination as default };

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 { usePagination } from \"./usePagination\";\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  const paginationRange = usePagination(current, totalPages);\n  const hasItems = paginationRange.length > 0;\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    <>\n      {hasItems && (\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 === paginationRange.length}\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  );\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","paginationRange","usePagination","hasItems","length","useClickOutside","toggleList","prevState","handleListItemSelect","item","mapOptions","items","slice","reverse","map","id","___EmotionJSX","value","React","theme","container","isOpen","IconChevronDownSVG","RightArrowSVG"],"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.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v4.0.2
+   * @epignosis_llc/gnosis.js v4.0.4
    * Released under the MIT license.
    */
 
@@ -14,7 +14,7 @@ var container = function container(_ref, _ref2) {
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:flex;justify-content:center;align-items:center;.previous-page-btn,.next-page-btn{&:hover,&:active,&:link,&:focus{background-color:", pagination.hoverBackground, "!important;svg{fill:", pagination.color, ";}}.left{height:24px;transform:rotateZ(-90deg);}.right{height:24px;transform:rotateZ(90deg);}&.disabled{background-color:transparent;svg{fill:currentColor;}}&:hover{&.disabled{background-color:transparent!important;svg{fill:currentColor;}}}}.pagination-options{.dropdown{position:relative;display:inline-block;.dropdown-header{cursor:pointer;}button{color:", pagination.textColor, ";padding-inline-start:1rem;font-style:", isOpen ? "italic" : "normal", ";&:hover{background-color:", pagination.hoverBackground, ";}&:focus{border:1px solid ", pagination.color, ";}&:focus{border:none;}svg{margin-left:1rem;height:12px;transform:rotateZ(-90deg);}}.dropdown-list{list-style:none;margin:0;box-sizing:border-box;white-space:nowrap;user-select:none;cursor:pointer;max-height:21rem;overflow-y:auto;width:100%;padding:0;.empty-state{cursor:default;color:", pagination.emptyState, ";padding:0.25rem 0.75rem;}::-webkit-scrollbar{width:5px;}li{padding:0.5rem 1rem;.is-selected{font-weight:bold;}&:hover{background-color:", pagination.hoverPaginationList, ";}}}.open-list-container{position:absolute;padding:0;z-index:100;border-radius:5px;box-shadow:0px -2px 6px ", pagination.boxShadowColor, ";background-color:", pagination.emptyState, ";max-width:50rem;width:100%;bottom:100%;inset-inline-start:0;margin-bottom:0.3rem;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC5wcmV2aW91cy1wYWdlLWJ0bixcbiAgICAubmV4dC1wYWdlLWJ0biB7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmxpbmssXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICB9XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9IWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLmxlZnQge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlWigtOTBkZWcpO1xuICAgICAgfVxuXG4gICAgICAucmlnaHQge1xuICAgICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlWig5MGRlZyk7XG4gICAgICB9XG5cbiAgICAgICYuZGlzYWJsZWQge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgICAgIH1cbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgICYuZGlzYWJsZWQge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAucGFnaW5hdGlvbi1vcHRpb25zIHtcbiAgICAgIC5kcm9wZG93biB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuXG4gICAgICAgIC5kcm9wZG93bi1oZWFkZXIge1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIGJ1dHRvbiB7XG4gICAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi50ZXh0Q29sb3J9O1xuICAgICAgICAgIHBhZGRpbmctaW5saW5lLXN0YXJ0OiAxcmVtO1xuICAgICAgICAgIGZvbnQtc3R5bGU6ICR7aXNPcGVuID8gXCJpdGFsaWNcIiA6IFwibm9ybWFsXCJ9O1xuXG4gICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uaG92ZXJCYWNrZ3JvdW5kfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICR7cGFnaW5hdGlvbi5jb2xvcn07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgJjpmb2N1cyB7XG4gICAgICAgICAgICBib3JkZXI6IG5vbmU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgc3ZnIHtcbiAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAxcmVtO1xuICAgICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuXG4gICAgICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZVooLTkwZGVnKTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAuZHJvcGRvd24tbGlzdCB7XG4gICAgICAgICAgbGlzdC1zdHlsZTogbm9uZTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiAyMXJlbTtcbiAgICAgICAgICBvdmVyZmxvdy15OiBhdXRvO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG5cbiAgICAgICAgICAuZW1wdHktc3RhdGUge1xuICAgICAgICAgICAgY3Vyc29yOiBkZWZhdWx0O1xuICAgICAgICAgICAgY29sb3I6ICR7cGFnaW5hdGlvbi5lbXB0eVN0YXRlfTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuMjVyZW0gMC43NXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICA6Oi13ZWJraXQtc2Nyb2xsYmFyIHtcbiAgICAgICAgICAgIHdpZHRoOiA1cHg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgbGkge1xuICAgICAgICAgICAgcGFkZGluZzogMC41cmVtIDFyZW07XG5cbiAgICAgICAgICAgIC5pcy1zZWxlY3RlZCB7XG4gICAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWdpbmF0aW9uLmhvdmVyUGFnaW5hdGlvbkxpc3R9O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIC5vcGVuLWxpc3QtY29udGFpbmVyIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICB6LWluZGV4OiAxMDA7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgICAgICAgIGJveC1zaGFkb3c6IDBweCAtMnB4IDZweCAke3BhZ2luYXRpb24uYm94U2hhZG93Q29sb3J9O1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5lbXB0eVN0YXRlfTtcbiAgICAgICAgICBtYXgtd2lkdGg6IDUwcmVtO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgIGJvdHRvbTogMTAwJTtcbiAgICAgICAgICBpbnNldC1pbmxpbmUtc3RhcnQ6IDA7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogMC4zcmVtO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
+    css("display:flex;justify-content:center;align-items:center;.previous-page-btn,.next-page-btn{&:hover,&:active,&:link,&:focus{background-color:", pagination.hoverBackground, "!important;svg{fill:", pagination.color, ";}}.rotate-left{height:24px;transform:rotateZ(-90deg);}.rotate-right{height:24px;transform:rotateZ(90deg);}&.disabled{background-color:transparent;svg{fill:currentColor;}}&:hover{&.disabled{background-color:transparent!important;svg{fill:currentColor;}}}}.pagination-options{.dropdown{position:relative;display:inline-block;.dropdown-header{cursor:pointer;}button{color:", pagination.textColor, ";padding-inline-start:1rem;font-style:", isOpen ? "italic" : "normal", ";&:hover{background-color:", pagination.hoverBackground, ";}&:focus{border:1px solid ", pagination.color, ";}&:focus{border:none;}svg{margin-inline-start:1rem;height:12px;transform:rotateZ(-90deg);}}.dropdown-list{list-style:none;margin:0;box-sizing:border-box;white-space:nowrap;user-select:none;cursor:pointer;max-height:21rem;overflow-y:auto;width:100%;padding:0;.empty-state{cursor:default;color:", pagination.emptyState, ";padding:0.25rem 0.75rem;}::-webkit-scrollbar{width:5px;}li{padding:0.5rem 1rem;.is-selected{font-weight:bold;}&:hover{background-color:", pagination.hoverPaginationList, ";}}}.open-list-container{position:absolute;padding:0;z-index:100;border-radius:5px;box-shadow:0px -2px 6px ", pagination.boxShadowColor, ";background-color:", pagination.emptyState, ";max-width:50rem;width:100%;bottom:100%;inset-inline-start:0;margin-bottom:0.3rem;}}}" + (process.env.NODE_ENV === "production" ? "" : ";label:container;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFNlcmlhbGl6ZWRTdHlsZXMsIFRoZW1lIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBjb250YWluZXIgPSAoXG4gIHsgcGFnaW5hdGlvbiB9OiBUaGVtZSxcbiAgeyBpc09wZW4gfTogeyBpc09wZW46IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICByZXR1cm4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgIC5wcmV2aW91cy1wYWdlLWJ0bixcbiAgICAubmV4dC1wYWdlLWJ0biB7XG4gICAgICAmOmhvdmVyLFxuICAgICAgJjphY3RpdmUsXG4gICAgICAmOmxpbmssXG4gICAgICAmOmZvY3VzIHtcbiAgICAgICAgc3ZnIHtcbiAgICAgICAgICBmaWxsOiAke3BhZ2luYXRpb24uY29sb3J9O1xuICAgICAgICB9XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9IWltcG9ydGFudDtcbiAgICAgIH1cblxuICAgICAgLnJvdGF0ZS1sZWZ0IHtcbiAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZVooLTkwZGVnKTtcbiAgICAgIH1cblxuICAgICAgLnJvdGF0ZS1yaWdodCB7XG4gICAgICAgIGhlaWdodDogMjRweDtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKDkwZGVnKTtcbiAgICAgIH1cblxuICAgICAgJi5kaXNhYmxlZCB7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBzdmcge1xuICAgICAgICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmhvdmVyIHtcbiAgICAgICAgJi5kaXNhYmxlZCB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQgIWltcG9ydGFudDtcbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgIC5wYWdpbmF0aW9uLW9wdGlvbnMge1xuICAgICAgLmRyb3Bkb3duIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG5cbiAgICAgICAgLmRyb3Bkb3duLWhlYWRlciB7XG4gICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICB9XG5cbiAgICAgICAgYnV0dG9uIHtcbiAgICAgICAgICBjb2xvcjogJHtwYWdpbmF0aW9uLnRleHRDb2xvcn07XG4gICAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDFyZW07XG4gICAgICAgICAgZm9udC1zdHlsZTogJHtpc09wZW4gPyBcIml0YWxpY1wiIDogXCJub3JtYWxcIn07XG5cbiAgICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlckJhY2tncm91bmR9O1xuICAgICAgICAgIH1cblxuICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHtwYWdpbmF0aW9uLmNvbG9yfTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAmOmZvY3VzIHtcbiAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICBzdmcge1xuICAgICAgICAgICAgbWFyZ2luLWlubGluZS1zdGFydDogMXJlbTtcbiAgICAgICAgICAgIGhlaWdodDogMTJweDtcblxuICAgICAgICAgICAgdHJhbnNmb3JtOiByb3RhdGVaKC05MGRlZyk7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgLmRyb3Bkb3duLWxpc3Qge1xuICAgICAgICAgIGxpc3Qtc3R5bGU6IG5vbmU7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogMjFyZW07XG4gICAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICAgLmVtcHR5LXN0YXRlIHtcbiAgICAgICAgICAgIGN1cnNvcjogZGVmYXVsdDtcbiAgICAgICAgICAgIGNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgICBwYWRkaW5nOiAwLjI1cmVtIDAuNzVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgOjotd2Via2l0LXNjcm9sbGJhciB7XG4gICAgICAgICAgICB3aWR0aDogNXB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIGxpIHtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAuNXJlbSAxcmVtO1xuXG4gICAgICAgICAgICAuaXMtc2VsZWN0ZWQge1xuICAgICAgICAgICAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cGFnaW5hdGlvbi5ob3ZlclBhZ2luYXRpb25MaXN0fTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAub3Blbi1saXN0LWNvbnRhaW5lciB7XG4gICAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgei1pbmRleDogMTAwO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICAgICAgICBib3gtc2hhZG93OiAwcHggLTJweCA2cHggJHtwYWdpbmF0aW9uLmJveFNoYWRvd0NvbG9yfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhZ2luYXRpb24uZW1wdHlTdGF0ZX07XG4gICAgICAgICAgbWF4LXdpZHRoOiA1MHJlbTtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBib3R0b206IDEwMCU7XG4gICAgICAgICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDAuM3JlbTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:container;")
   );
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const container = (\n  { pagination }: Theme,\n  { isOpen }: { isOpen: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .previous-page-btn,\n    .next-page-btn {\n      &:hover,\n      &:active,\n      &:link,\n      &:focus {\n        svg {\n          fill: ${pagination.color};\n        }\n        background-color: ${pagination.hoverBackground}!important;\n      }\n\n      .left {\n        height: 24px;\n        transform: rotateZ(-90deg);\n      }\n\n      .right {\n        height: 24px;\n        transform: rotateZ(90deg);\n      }\n\n      &.disabled {\n        background-color: transparent;\n        svg {\n          fill: currentColor;\n        }\n      }\n\n      &:hover {\n        &.disabled {\n          background-color: transparent !important;\n          svg {\n            fill: currentColor;\n          }\n        }\n      }\n    }\n\n    .pagination-options {\n      .dropdown {\n        position: relative;\n        display: inline-block;\n\n        .dropdown-header {\n          cursor: pointer;\n        }\n\n        button {\n          color: ${pagination.textColor};\n          padding-inline-start: 1rem;\n          font-style: ${isOpen ? \"italic\" : \"normal\"};\n\n          &:hover {\n            background-color: ${pagination.hoverBackground};\n          }\n\n          &:focus {\n            border: 1px solid ${pagination.color};\n          }\n\n          &:focus {\n            border: none;\n          }\n\n          svg {\n            margin-left: 1rem;\n            height: 12px;\n\n            transform: rotateZ(-90deg);\n          }\n        }\n\n        .dropdown-list {\n          list-style: none;\n          margin: 0;\n          box-sizing: border-box;\n          white-space: nowrap;\n          user-select: none;\n          cursor: pointer;\n          max-height: 21rem;\n          overflow-y: auto;\n          width: 100%;\n          padding: 0;\n\n          .empty-state {\n            cursor: default;\n            color: ${pagination.emptyState};\n            padding: 0.25rem 0.75rem;\n          }\n\n          ::-webkit-scrollbar {\n            width: 5px;\n          }\n\n          li {\n            padding: 0.5rem 1rem;\n\n            .is-selected {\n              font-weight: bold;\n            }\n\n            &:hover {\n              background-color: ${pagination.hoverPaginationList};\n            }\n          }\n        }\n\n        .open-list-container {\n          position: absolute;\n          padding: 0;\n          z-index: 100;\n          border-radius: 5px;\n          box-shadow: 0px -2px 6px ${pagination.boxShadowColor};\n          background-color: ${pagination.emptyState};\n          max-width: 50rem;\n          width: 100%;\n          bottom: 100%;\n          inset-inline-start: 0;\n          margin-bottom: 0.3rem;\n        }\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","isOpen","css","hoverBackground","color","textColor","emptyState","hoverPaginationList","boxShadowColor"],"mappings":";;;;;;;;;;AAEaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,UAAU,QAAVA,UAAU,CAAA;EAAA,IACVC,MAAM,SAANA,MAAM,CAAA;AAER,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,+IAcgBF,UAAU,CAACG,eAAe,EAFpCH,sBAAAA,EAAAA,UAAU,CAACI,KAAK,EAAA,sWAAA,EA0CfJ,UAAU,CAACK,SAAS,EAEfJ,wCAAAA,EAAAA,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAGpBD,4BAAAA,EAAAA,UAAU,CAACG,eAAe,iCAI1BH,UAAU,CAACI,KAAK,EA6B3BJ,+RAAAA,EAAAA,UAAU,CAACM,UAAU,EAAA,0IAAA,EAgBRN,UAAU,CAACO,mBAAmB,iHAU3BP,UAAU,CAACQ,cAAc,EAChCR,oBAAAA,EAAAA,UAAU,CAACM,UAAU,EAAA,uFAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,qnIAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAUnD;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../src/components/Pagination/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\n\nexport const container = (\n  { pagination }: Theme,\n  { isOpen }: { isOpen: boolean },\n): SerializedStyles => {\n  return css`\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    .previous-page-btn,\n    .next-page-btn {\n      &:hover,\n      &:active,\n      &:link,\n      &:focus {\n        svg {\n          fill: ${pagination.color};\n        }\n        background-color: ${pagination.hoverBackground}!important;\n      }\n\n      .rotate-left {\n        height: 24px;\n        transform: rotateZ(-90deg);\n      }\n\n      .rotate-right {\n        height: 24px;\n        transform: rotateZ(90deg);\n      }\n\n      &.disabled {\n        background-color: transparent;\n        svg {\n          fill: currentColor;\n        }\n      }\n\n      &:hover {\n        &.disabled {\n          background-color: transparent !important;\n          svg {\n            fill: currentColor;\n          }\n        }\n      }\n    }\n\n    .pagination-options {\n      .dropdown {\n        position: relative;\n        display: inline-block;\n\n        .dropdown-header {\n          cursor: pointer;\n        }\n\n        button {\n          color: ${pagination.textColor};\n          padding-inline-start: 1rem;\n          font-style: ${isOpen ? \"italic\" : \"normal\"};\n\n          &:hover {\n            background-color: ${pagination.hoverBackground};\n          }\n\n          &:focus {\n            border: 1px solid ${pagination.color};\n          }\n\n          &:focus {\n            border: none;\n          }\n\n          svg {\n            margin-inline-start: 1rem;\n            height: 12px;\n\n            transform: rotateZ(-90deg);\n          }\n        }\n\n        .dropdown-list {\n          list-style: none;\n          margin: 0;\n          box-sizing: border-box;\n          white-space: nowrap;\n          user-select: none;\n          cursor: pointer;\n          max-height: 21rem;\n          overflow-y: auto;\n          width: 100%;\n          padding: 0;\n\n          .empty-state {\n            cursor: default;\n            color: ${pagination.emptyState};\n            padding: 0.25rem 0.75rem;\n          }\n\n          ::-webkit-scrollbar {\n            width: 5px;\n          }\n\n          li {\n            padding: 0.5rem 1rem;\n\n            .is-selected {\n              font-weight: bold;\n            }\n\n            &:hover {\n              background-color: ${pagination.hoverPaginationList};\n            }\n          }\n        }\n\n        .open-list-container {\n          position: absolute;\n          padding: 0;\n          z-index: 100;\n          border-radius: 5px;\n          box-shadow: 0px -2px 6px ${pagination.boxShadowColor};\n          background-color: ${pagination.emptyState};\n          max-width: 50rem;\n          width: 100%;\n          bottom: 100%;\n          inset-inline-start: 0;\n          margin-bottom: 0.3rem;\n        }\n      }\n    }\n  `;\n};\n"],"names":["container","pagination","isOpen","css","hoverBackground","color","textColor","emptyState","hoverPaginationList","boxShadowColor"],"mappings":";;;;;;;;;;AAEaA,IAAAA,SAAS,GAAG,SAAZA,SAAS,CAGC,IAAA,EAAA,KAAA,EAAA;EAAA,IAFnBC,UAAU,QAAVA,UAAU,CAAA;EAAA,IACVC,MAAM,SAANA,MAAM,CAAA;AAER,EAAA;AAAA;AAAA;AAAOC,IAAAA,GAAG,+IAcgBF,UAAU,CAACG,eAAe,EAFpCH,sBAAAA,EAAAA,UAAU,CAACI,KAAK,EAAA,oXAAA,EA0CfJ,UAAU,CAACK,SAAS,EAEfJ,wCAAAA,EAAAA,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAGpBD,4BAAAA,EAAAA,UAAU,CAACG,eAAe,iCAI1BH,UAAU,CAACI,KAAK,EA6B3BJ,uSAAAA,EAAAA,UAAU,CAACM,UAAU,EAAA,0IAAA,EAgBRN,UAAU,CAACO,mBAAmB,iHAU3BP,UAAU,CAACQ,cAAc,EAChCR,oBAAAA,EAAAA,UAAU,CAACM,UAAU,EAAA,uFAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,ipIAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,mBAAA,CAAA;AAAA,IAAA;AAUnD;;;;"}