npm - @epignosis_llc/gnosis - Versions diffs - 5.5.0 → 5.5.2 - Mend

@epignosis_llc/gnosis 5.5.0 → 5.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (730) hide show

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

package/dist/esm/src/components/FormElements/Input/SearchInput.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

package/dist/esm/src/components/FormElements/Select/components/CustomMenuList.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

package/dist/esm/src/components/FormElements/Select/components/CustomValueContainer.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

package/dist/esm/src/components/FormElements/Select/constants.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

package/dist/esm/src/components/FormElements/Select/helpers.js CHANGED Viewed

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */

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

@@ -2,78 +2,83 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.4.0
+   * @epignosis_llc/gnosis.js v5.5.1
    * Released under the MIT license.
    */
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import '../../../node_modules/core-js/modules/es.array.reverse.js';
 import '../../../node_modules/core-js/modules/es.array.slice.js';
 import '../../../node_modules/core-js/modules/es.array.map.js';
-import { useRef, useState } from 'react';
+import '../../../node_modules/core-js/modules/es.array.fill.js';
+import '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 SvgChevronArrowLineLeft from '../../icons/chevron_arrow_line_left.svg.js';
+import SvgChevronArrowLineRight from '../../icons/chevron_arrow_line_right.svg.js';
+import SvgChevronArrowLeft from '../../icons/chevron_arrow_left.svg.js';
+import SvgChevronArrowRight from '../../icons/chevron_arrow_right.svg.js';
 import { container } from './styles.js';
-import useClickOutside from './hooks.js';
+import PaginationSelector from './components/PaginationSelector.js';
 import { createElement as jsx } from '../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
-var _excluded = ["page", "pageSize", "totalPages", "rowsPerPageOptions", "selectionText", "dir", "onPageChange", "onPageSizeChange"];
-var SelectedOptionClasses = function SelectedOptionClasses(isSelected) {
-  return classNames({
-    "is-selected": isSelected
-  });
-};
+var _excluded = ["pageSize", "page", "perPageText", "totalPages", "rowsPerPageOptions", "dir", "onPageChange", "onPageSizeChange"];
 var Pagination = function Pagination(_ref) {
-  var page = _ref.page,
-    pageSize = _ref.pageSize,
+  var pageSize = _ref.pageSize,
+    page = _ref.page,
+    perPageText = _ref.perPageText,
     totalPages = _ref.totalPages,
     rowsPerPageOptions = _ref.rowsPerPageOptions,
-    selectionText = _ref.selectionText,
     _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 _useState3 = useState(pageSize),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedListItem = _useState4[0],
-    setSelectedListItem = _useState4[1];
   var isRtl = dir === "rtl";
   var isPrevBtnDisabled = page === 1;
   var isNextBtnDisabled = page === totalPages || totalPages === 0;
-  useClickOutside(wrapperRef, function () {
-    return setIsListOpen(false);
-  });
-  var toggleList = function toggleList() {
-    // We want to reset the dropdown list every time it opens
-    setIsListOpen(function (prevState) {
-      return !prevState;
-    });
+  var handlePageSize = function handlePageSize(item) {
+    onPageSizeChange(item);
   };
-  var handleListItemSelect = function handleListItemSelect(item) {
-    if (isListOpen) {
-      onPageSizeChange(item);
-      setSelectedListItem(item);
-      setIsListOpen(false);
-    }
+  var handlePageChange = function handlePageChange(item) {
+    onPageChange(item);
   };
   var options = rowsPerPageOptions.slice().reverse();
+  var optionItems = Array(totalPages).fill(0).map(function (_, i) {
+    return {
+      value: i + 1,
+      label: "".concat(i + 1)
+    };
+  });
+  var rtlClass = classNames({
+    isRtl: isRtl
+  });
   return jsx("div", _extends({
     css: function css(theme) {
-      return container(theme, {
-        isOpen: isListOpen
-      });
+      return container(theme);
     }
-  }, rest), jsx(Button, {
-    className: "previous-page-btn",
+  }, rest, {
+    className: rtlClass
+  }), jsx("div", {
+    className: "pagination-selector-wrapper"
+  }, jsx(PaginationSelector, {
+    items: options,
+    selected: pageSize,
+    onClickItemHandler: handlePageSize
+  }), jsx("span", null, perPageText)), jsx("div", {
+    className: "pagination"
+  }, jsx(Button, {
+    className: "pagination-btn",
+    "data-testid": "first-page-btn",
+    name: "First page",
+    onClick: function onClick() {
+      return onPageChange(1);
+    },
+    variant: "ghost",
+    noGutters: true,
+    disabled: isPrevBtnDisabled
+  }, jsx(SvgChevronArrowLineLeft, null)), jsx(Button, {
+    className: "pagination-btn",
     "data-testid": "previous-page-btn",
     name: "Previous page",
     onClick: function onClick() {
@@ -82,45 +87,14 @@ var Pagination = function Pagination(_ref) {
     variant: "ghost",
     noGutters: true,
     disabled: isPrevBtnDisabled
-  }, jsx(SvgIconChevronDown, {
-    className: isRtl ? "rotate-left" : "rotate-right",
-    height: 32
-  })), jsx("div", {
-    className: "pagination-options"
-  }, jsx("div", {
-    className: "dropdown",
-    ref: wrapperRef
-  }, jsx("div", {
-    className: "dropdown-button",
-    onClick: toggleList
-  }, jsx(Button, {
-    iconAfter: SvgRightArrowIcon,
-    variant: "ghost"
-  }, jsx(Text, {
-    fontSize: "sm"
-  }, selectionText))), isListOpen && rowsPerPageOptions.length > 0 && jsx("div", {
-    className: "open-list-container"
-  }, jsx("div", {
-    className: "dropdown-wrapper"
-  }, jsx("ul", {
-    role: "list",
-    className: "dropdown-list"
-  }, 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",
+  }, jsx(SvgChevronArrowLeft, null)), jsx("div", {
+    className: "pagination-selector-wrapper"
+  }, jsx(PaginationSelector, {
+    items: optionItems,
+    selected: page,
+    onClickItemHandler: handlePageChange
+  }), totalPages > 1 && jsx("span", null, "of ", totalPages)), jsx(Button, {
+    className: "pagination-btn",
     "data-testid": "next-page-btn",
     name: "Next page",
     onClick: function onClick() {
@@ -129,10 +103,17 @@ var Pagination = function Pagination(_ref) {
     variant: "ghost",
     noGutters: true,
     disabled: isNextBtnDisabled
-  }, jsx(SvgIconChevronDown, {
-    className: isRtl ? "rotate-right" : "rotate-left",
-    height: 32
-  })));
+  }, jsx(SvgChevronArrowRight, null)), jsx(Button, {
+    className: "pagination-btn",
+    "data-testid": "last-page-btn",
+    name: "Last page",
+    onClick: function onClick() {
+      return onPageChange(totalPages);
+    },
+    variant: "ghost",
+    noGutters: true,
+    disabled: isNextBtnDisabled
+  }, jsx(SvgChevronArrowLineRight, null))));
 };
 export { Pagination as default };