@pedidopago/ui 1.7.26 → 1.8.0

package/dist/components/NewSelect/styles.js

@@ -1,44 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SelectedOptionSpan = exports.SelectMultipleOption = exports.SelectContainer = exports.OptionPlaceholder = exports.HelperText = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _List = _interopRequireDefault(require("../List"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var SelectContainer = _styled.default.div(function (_ref) {
-  var theme = _ref.theme,
-    alert = _ref.alert;
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: 100%;\n    min-height: 56px;\n    border-radius: ", ";\n    border: 2px solid ", ";\n    transition: all ease 0.2s;\n    outline: 0px solid transparent;\n    cursor: pointer;\n    background: ", ";\n    color: ", ";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0 20px;\n    position: relative;\n\n    &:hover {\n      color: ", ";\n      border-color: ", ";\n\n      label {\n        color: ", ";\n      }\n    }\n\n    &:focus {\n      color: ", ";\n      border-color: ", ";\n      outline: 2px solid ", ";\n\n      .select_container_icon {\n        transform: rotate(180deg);\n      }\n    }\n\n    &[data-label-in-top='true'] {\n      label {\n        left: 20px;\n        top: -1px;\n        font-size: 0.875rem;\n        background: ", " !important;\n      }\n    }\n\n    &[data-disabled='true'] {\n      background: ", ";\n      pointer-events: none;\n      cursor: none;\n      border-color: ", ";\n\n      label {\n        background: inherit;\n      }\n    }\n\n    &[data-variant='unstyled'] {\n      padding: 0;\n      border: none;\n      background: none;\n      height: auto;\n\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n    }\n\n    input {\n      display: none;\n    }\n\n    .select_container_icon {\n      transition: all ease 0.2s;\n    }\n\n    label {\n      position: absolute;\n      left: 20px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1rem;\n      font-weight: 500;\n      color: ", ";\n      transition: all ease 0.2s;\n      padding: 0 4px;\n      z-index: 1;\n      white-space: nowrap;\n      max-width: 65%;\n      overflow: hidden;\n      cursor: pointer;\n      text-overflow: ellipsis;\n    }\n  "])), theme.borderRadius.default, alert ? theme.colors[alert].blurred : theme.colors.neutral.neutral2, alert ? "".concat(theme.colors[alert].blurred, "33") : theme.colors.neutral.white, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.hover, theme.colors.neutral.neutral5, theme.colors.neutral.black, alert ? theme.colors[alert].default : theme.colors.primary.focus, alert ? theme.colors[alert].blurred : theme.colors.primary.disabled, theme.colors.neutral.white, theme.colors.neutral.neutral1, theme.colors.neutral.neutral2, theme.colors.neutral.neutral3);
-});
-exports.SelectContainer = SelectContainer;
-var OptionPlaceholder = (0, _styled.default)(_List.default)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  color: ", ";\n"])), function (_ref2) {
-  var theme = _ref2.theme;
-  return theme.colors.neutral.neutral3;
-});
-exports.OptionPlaceholder = OptionPlaceholder;
-var HelperText = _styled.default.span(function (_ref3) {
-  var theme = _ref3.theme,
-    _ref3$alert = _ref3.alert,
-    alert = _ref3$alert === void 0 ? 'success' : _ref3$alert;
-  return (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    font-size: ", ";\n    color: ", ";\n    padding: 0 20px;\n  "])), theme.fontSizes.xxs, alert !== 'success' ? theme.colors[alert].default : theme.colors.neutral.neutral4);
-});
-exports.HelperText = HelperText;
-var SelectMultipleOption = _styled.default.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  margin: 2px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ", ";\n\n  border: 0;\n  color: ", ";\n\n  &:not(&:disabled) {\n    cursor: pointer;\n  }\n"])), function (_ref4) {
-  var theme = _ref4.theme;
-  return theme.colors.neutral.neutral1;
-}, function (_ref5) {
-  var theme = _ref5.theme;
-  return theme.colors.neutral.neutral6;
-});
-exports.SelectMultipleOption = SelectMultipleOption;
-var SelectedOptionSpan = _styled.default.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-weight: 500;\n  cursor: pointer;\n  padding-block: 0.25rem;\n  color: ", ";\n"])), function (_ref6) {
-  var theme = _ref6.theme,
-    hasSelectedOption = _ref6.hasSelectedOption;
-  return hasSelectedOption ? theme.colors.neutral.neutral5 : theme.colors.neutral.neutral3;
-});
-exports.SelectedOptionSpan = SelectedOptionSpan;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SelectedOptionSpan=exports.SelectMultipleOption=exports.SelectContainer=exports.OptionPlaceholder=exports.HelperText=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled")),_List=_interopRequireDefault(require("../List"));function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var SelectContainer=_styled.default.div(function(_ref){var theme=_ref.theme,alert=_ref.alert;return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    outline: none;\n    user-select: none;\n    width: 100%;\n    min-height: 56px;\n    border-radius: ",";\n    border: 2px solid ",";\n    transition: all ease 0.2s;\n    outline: 0px solid transparent;\n    cursor: pointer;\n    background: ",";\n    color: ",";\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5rem;\n    padding: 0 20px;\n    position: relative;\n\n    &:hover {\n      color: ",";\n      border-color: ",";\n\n      label {\n        color: ",";\n      }\n    }\n\n    &:focus {\n      color: ",";\n      border-color: ",";\n      outline: 2px solid ",";\n\n      .select_container_icon {\n        transform: rotate(180deg);\n      }\n    }\n\n    &[data-label-in-top='true'] {\n      label {\n        left: 20px;\n        top: -1px;\n        font-size: 0.875rem;\n        background: "," !important;\n      }\n    }\n\n    &[data-disabled='true'] {\n      background: ",";\n      pointer-events: none;\n      cursor: none;\n      border-color: ",";\n\n      label {\n        background: inherit;\n      }\n    }\n\n    &[data-variant='unstyled'] {\n      padding: 0;\n      border: none;\n      background: none;\n      height: auto;\n\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n    }\n\n    input {\n      display: none;\n    }\n\n    .select_container_icon {\n      transition: all ease 0.2s;\n    }\n\n    label {\n      position: absolute;\n      left: 20px;\n      top: 50%;\n      transform: translateY(-50%);\n      font-size: 1rem;\n      font-weight: 500;\n      color: ",";\n      transition: all ease 0.2s;\n      padding: 0 4px;\n      z-index: 1;\n      white-space: nowrap;\n      max-width: 65%;\n      overflow: hidden;\n      cursor: pointer;\n      text-overflow: ellipsis;\n    }\n  "])),theme.borderRadius.default,alert?theme.colors[alert].blurred:theme.colors.neutral.neutral2,alert?"".concat(theme.colors[alert].blurred,"33"):theme.colors.neutral.white,theme.colors.neutral.neutral5,theme.colors.neutral.black,alert?theme.colors[alert].default:theme.colors.primary.hover,theme.colors.neutral.neutral5,theme.colors.neutral.black,alert?theme.colors[alert].default:theme.colors.primary.focus,alert?theme.colors[alert].blurred:theme.colors.primary.disabled,theme.colors.neutral.white,theme.colors.neutral.neutral1,theme.colors.neutral.neutral2,theme.colors.neutral.neutral3)});exports.SelectContainer=SelectContainer;var OptionPlaceholder=(0,_styled.default)(_List.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  color: ",";\n"])),function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.neutral3});exports.OptionPlaceholder=OptionPlaceholder;var HelperText=_styled.default.span(function(_ref3){var theme=_ref3.theme,_ref3$alert=_ref3.alert,alert=void 0===_ref3$alert?"success":_ref3$alert;return(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n    font-size: ",";\n    color: ",";\n    padding: 0 20px;\n  "])),theme.fontSizes.xxs,"success"===alert?theme.colors.neutral.neutral4:theme.colors[alert].default)});exports.HelperText=HelperText;var SelectMultipleOption=_styled.default.button(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  min-width: 73px;\n  height: 29px;\n  padding: 4px 8px;\n  border-radius: 6px;\n  margin: 2px;\n\n  transition: all ease-in-out 0.2s;\n\n  background-color: ",";\n\n  border: 0;\n  color: ",";\n\n  &:not(&:disabled) {\n    cursor: pointer;\n  }\n"])),function(_ref4){var theme=_ref4.theme;return theme.colors.neutral.neutral1},function(_ref5){var theme=_ref5.theme;return theme.colors.neutral.neutral6});exports.SelectMultipleOption=SelectMultipleOption;var SelectedOptionSpan=_styled.default.span(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  font-weight: 500;\n  cursor: pointer;\n  padding-block: 0.25rem;\n  color: ",";\n"])),function(_ref6){var theme=_ref6.theme,hasSelectedOption=_ref6.hasSelectedOption;return hasSelectedOption?theme.colors.neutral.neutral5:theme.colors.neutral.neutral3});exports.SelectedOptionSpan=SelectedOptionSpan;

package/dist/components/Observer/index.js

@@ -1,59 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Observer = Observer;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["onObserved", "observerOptions", "children"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function Observer(_ref) {
-  var onObserved = _ref.onObserved,
-    observerOptions = _ref.observerOptions,
-    children = _ref.children,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var observerRef = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
-    if (!observerRef.current) return;
-    var options = observerOptions || {
-      rootMargin: '0px',
-      threshold: 1
-    };
-    var observer = new IntersectionObserver(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-        entry = _ref3[0];
-      if (entry.isIntersecting) {
-        onObserved();
-      }
-    }, options);
-    observer.observe(observerRef.current);
-    return function () {
-      if (!observerRef.current) return;
-      observer.unobserve(observerRef.current);
-    };
-  }, [onObserved]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
-    id: "observer-component",
-    style: {
-      display: 'block'
-    },
-    ref: observerRef
-  }, props), {}, {
-    children: children
-  }));
-}
-Observer.displayName = 'Observer';
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.Observer=Observer;var _react=require("react"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["onObserved","observerOptions","children"];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Observer(_ref){var onObserved=_ref.onObserved,observerOptions=_ref.observerOptions,children=_ref.children,props=_objectWithoutProperties(_ref,_excluded),observerRef=(0,_react.useRef)(null);return(0,_react.useEffect)(function(){if(observerRef.current){var observer=new IntersectionObserver(function(_ref2){var _ref3=_slicedToArray(_ref2,1),entry=_ref3[0];entry.isIntersecting&&onObserved()},observerOptions||{rootMargin:"0px",threshold:1});return observer.observe(observerRef.current),function(){observerRef.current&&observer.unobserve(observerRef.current)}}},[onObserved]),/*#__PURE__*/(0,_jsxRuntime.jsx)("div",_objectSpread(_objectSpread({id:"observer-component",style:{display:"block"},ref:observerRef},props),{},{children:children}))}Observer.displayName="Observer";

package/dist/components/Observer/observer.test.js

@@ -1,43 +1,2 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-var _ = require(".");
-var _jsxRuntime = require("react/jsx-runtime");
-function setup(_ref) {
-  var onObserved = _ref.onObserved;
-  // Mock the IntersectionObserver and trigger the onObserved function
-  var mockIntersectionObserver = jest.fn();
-  window.IntersectionObserver = mockIntersectionObserver;
-  mockIntersectionObserver.mockReturnValue({
-    observe: function observe() {
-      return null;
-    },
-    unobserve: function unobserve() {
-      return null;
-    },
-    disconnect: function disconnect() {
-      return null;
-    }
-  });
-  var renderResult = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Observer, {
-    onObserved: onObserved,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      id: "child-element",
-      children: "Child Element"
-    })
-  }));
-  var observerComponent = renderResult.container.querySelector('#observer-component');
-  observerComponent && mockIntersectionObserver.mock.calls[0][0]([{
-    isIntersecting: true
-  }]);
-  return renderResult;
-}
-describe('Observer', function () {
-  it('should call the onObserved function when the component is intersecting', function () {
-    var onObserved = jest.fn();
-    setup({
-      onObserved: onObserved
-    });
-    expect(onObserved).toHaveBeenCalledTimes(1);
-  });
-});
+"use strict";var _react=require("@testing-library/react"),_=require("."),_jsxRuntime=require("react/jsx-runtime");function setup(_ref){var onObserved=_ref.onObserved,mockIntersectionObserver=jest.fn();// Mock the IntersectionObserver and trigger the onObserved function
+window.IntersectionObserver=mockIntersectionObserver,mockIntersectionObserver.mockReturnValue({observe:function observe(){return null},unobserve:function unobserve(){return null},disconnect:function disconnect(){return null}});var renderResult=(0,_react.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Observer,{onObserved:onObserved,children:/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{id:"child-element",children:"Child Element"})})),observerComponent=renderResult.container.querySelector("#observer-component");return observerComponent&&mockIntersectionObserver.mock.calls[0][0]([{isIntersecting:!0}]),renderResult}describe("Observer",function(){it("should call the onObserved function when the component is intersecting",function(){var onObserved=jest.fn();setup({onObserved:onObserved}),expect(onObserved).toHaveBeenCalledTimes(1)})});

package/dist/components/Pagination/hooks/usePagination.js

@@ -1,57 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePagination = exports.DOTS = void 0;
-var _react = require("react");
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-var DOTS = '...';
-exports.DOTS = DOTS;
-var range = function range(start, end) {
-  var length = end - start + 1;
-  return Array.from({
-    length: length
-  }, function (_, idx) {
-    return idx + start;
-  });
-};
-var usePagination = function usePagination(_ref) {
-  var count = _ref.count,
-    activePage = _ref.activePage;
-  var paginationRange = (0, _react.useMemo)(function () {
-    var totalPageCount = count;
-    var siblingCount = 1;
-    var totalPageNumbers = siblingCount + 5;
-    if (totalPageNumbers >= totalPageCount) {
-      return range(1, totalPageCount);
-    }
-    var leftSiblingIndex = Math.max(activePage - siblingCount, 1);
-    var rightSiblingIndex = Math.min(activePage + siblingCount, totalPageCount);
-    var shouldShowLeftDots = leftSiblingIndex > 2;
-    var shouldShowRightDots = rightSiblingIndex < totalPageCount - 2;
-    var firstPageIndex = 1;
-    var lastPageIndex = totalPageCount;
-    if (!shouldShowLeftDots && shouldShowRightDots) {
-      var leftItemCount = 3 + 2 * siblingCount;
-      var leftRange = range(1, leftItemCount);
-      return [].concat(_toConsumableArray(leftRange), [DOTS, totalPageCount]);
-    }
-    if (shouldShowLeftDots && !shouldShowRightDots) {
-      var rightItemCount = 3 + 2 * siblingCount;
-      var rightRange = range(totalPageCount - rightItemCount + 1, totalPageCount);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(rightRange));
-    }
-    if (shouldShowLeftDots && shouldShowRightDots) {
-      var middleRange = range(leftSiblingIndex, rightSiblingIndex);
-      return [firstPageIndex, DOTS].concat(_toConsumableArray(middleRange), [DOTS, lastPageIndex]);
-    }
-  }, [activePage, count]);
-  return paginationRange;
-};
-exports.usePagination = usePagination;
+"use strict";var _react=require("react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePagination=exports.DOTS=void 0;function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var DOTS="...";exports.DOTS=DOTS;var range=function(start,end){return Array.from({length:end-start+1},function(_,idx){return idx+start})},usePagination=function(_ref){var count=_ref.count,activePage=_ref.activePage,paginationRange=(0,_react.useMemo)(function(){var totalPageCount=count,siblingCount=1;if(siblingCount+5>=totalPageCount)return range(1,totalPageCount);var leftSiblingIndex=Math.max(activePage-siblingCount,1),rightSiblingIndex=Math.min(activePage+siblingCount,totalPageCount),shouldShowLeftDots=2<leftSiblingIndex,shouldShowRightDots=rightSiblingIndex<totalPageCount-2,firstPageIndex=1;if(!shouldShowLeftDots&&shouldShowRightDots){var leftRange=range(1,3+2*siblingCount);return[].concat(_toConsumableArray(leftRange),[DOTS,totalPageCount])}if(shouldShowLeftDots&&!shouldShowRightDots){var rightRange=range(totalPageCount-(3+2*siblingCount)+1,totalPageCount);return[firstPageIndex,DOTS].concat(_toConsumableArray(rightRange))}if(shouldShowLeftDots&&shouldShowRightDots){var middleRange=range(leftSiblingIndex,rightSiblingIndex);return[firstPageIndex,DOTS].concat(_toConsumableArray(middleRange),[DOTS,totalPageCount])}},[activePage,count]);return paginationRange};exports.usePagination=usePagination;

package/dist/components/Pagination/index.js

@@ -1,174 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Pagination = Pagination;
-var _react = require("react");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _colorToGray = require("../../utils/colorToGray");
-var _usePagination = require("./hooks/usePagination");
-var _styles = require("./styles");
-var _theme = require("../../shared/theme");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function Pagination(_ref) {
-  var count = _ref.count,
-    onChange = _ref.onChange,
-    _ref$previousButtonIc = _ref.previousButtonIcon,
-    previousButtonIcon = _ref$previousButtonIc === void 0 ? 'chevron-left' : _ref$previousButtonIc,
-    _ref$nextButtonIcon = _ref.nextButtonIcon,
-    nextButtonIcon = _ref$nextButtonIcon === void 0 ? 'chevron-right' : _ref$nextButtonIcon,
-    isDisabled = _ref.isDisabled,
-    defaultPage = _ref.defaultPage,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 'large' : _ref$size,
-    _ref$shape = _ref.shape,
-    shape = _ref$shape === void 0 ? 'rounded' : _ref$shape,
-    _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'outlined' : _ref$variant,
-    color = _ref.color;
-  var _useState = (0, _react.useState)(defaultPage || 1),
-    _useState2 = _slicedToArray(_useState, 2),
-    activePage = _useState2[0],
-    setActivePage = _useState2[1];
-  var pagination = (0, _usePagination.usePagination)({
-    activePage: activePage,
-    count: count
-  });
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    previousButtonDisabled = _useState4[0],
-    setPreviousButtonDisabled = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    nextButtonDisabled = _useState6[0],
-    setNextButtonDisabled = _useState6[1];
-  var _useTheme = (0, _theme.useTheme)(),
-    theme = _useTheme.theme;
-  (0, _react.useEffect)(function () {
-    if (activePage !== count) {
-      setNextButtonDisabled(false);
-    } else {
-      setNextButtonDisabled(true);
-    }
-    if (activePage === 1) {
-      setPreviousButtonDisabled(true);
-    } else {
-      setPreviousButtonDisabled(false);
-    }
-  }, [activePage, count]);
-  (0, _react.useEffect)(function () {
-    onChange === null || onChange === void 0 ? void 0 : onChange(activePage);
-  }, [activePage]);
-  var _useMemo = (0, _react.useMemo)(function () {
-      var themeColor = theme.colors.primary.default;
-      var _convertColor = (0, _colorToGray.convertColor)(color || themeColor),
-        neutral2 = _convertColor.neutral2;
-      var grayColorByTheme = neutral2;
-      var _grayColorByTheme = _slicedToArray(grayColorByTheme, 3),
-        h = _grayColorByTheme[0],
-        s = _grayColorByTheme[1],
-        l = _grayColorByTheme[2];
-      var grayColor = "hsl(".concat(h, ", ").concat(s, "%, ").concat(l, "%)");
-      var saturationColor = "hsl(".concat(h, ", ", 12, "%, ", 39, "%)");
-      var numberOfPageColor = "hsl(".concat(h, ", ", 13, "%, ", 82, "%)");
-      return {
-        grayColor: grayColor,
-        saturationColor: saturationColor,
-        numberOfPageColor: numberOfPageColor,
-        themeColor: themeColor
-      };
-    }, [color, theme]),
-    grayColor = _useMemo.grayColor,
-    numberOfPageColor = _useMemo.numberOfPageColor,
-    saturationColor = _useMemo.saturationColor,
-    themeColor = _useMemo.themeColor;
-  function handleClick(event) {
-    setActivePage(Number(event.currentTarget.innerHTML));
-    if (Number.isInteger(Number(event.currentTarget.innerHTML))) {
-      onChange === null || onChange === void 0 ? void 0 : onChange(Number(event.currentTarget.innerHTML));
-    }
-  }
-  function handlePreviousNavigate() {
-    setActivePage(function (v) {
-      return v === 1 ? v : v - 1;
-    });
-  }
-  function handleNextNavigate() {
-    setActivePage(function (v) {
-      return v === count ? v : v + 1;
-    });
-  }
-  function LargeView() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
-      children: pagination === null || pagination === void 0 ? void 0 : pagination.map(function (number, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.LargeViewWrap, {
-          children: number === _usePagination.DOTS ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PageWrap, {
-            variant: variant,
-            shape: shape,
-            grayColor: grayColor,
-            numberOfPageColor: numberOfPageColor,
-            children: number
-          }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PaginationItem, {
-            shape: shape,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PaginationButton, {
-              role: "button",
-              shape: shape,
-              numberOfPageColor: numberOfPageColor,
-              variant: variant,
-              color: color || themeColor,
-              grayColor: grayColor,
-              onClick: handleClick,
-              isActivePage: activePage === number,
-              disabled: isDisabled,
-              children: number
-            })
-          }, "pagination-small-list-".concat(number))
-        }, "pagination-large-list-".concat(index));
-      })
-    });
-  }
-  function SmallView() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.SmallPageInfo, {
-      saturationColor: saturationColor,
-      children: [activePage, " de ", count]
-    }, "pagination-small-list-".concat(activePage));
-  }
-  if (!count) return null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.PaginationList, {
-    shape: shape,
-    size: size,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PreviousNavigationButton, {
-      role: "button",
-      shape: shape,
-      saturationColor: saturationColor,
-      onClick: handlePreviousNavigate,
-      color: color || themeColor,
-      grayColor: grayColor,
-      disabled: previousButtonDisabled || isDisabled,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: previousButtonIcon,
-        size: 22
-      })
-    }), size === 'large' && /*#__PURE__*/(0, _jsxRuntime.jsx)(LargeView, {}), size === 'small' && /*#__PURE__*/(0, _jsxRuntime.jsx)(SmallView, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.NextNavigationButton, {
-      role: "button",
-      shape: shape,
-      grayColor: grayColor,
-      saturationColor: saturationColor,
-      onClick: handleNextNavigate,
-      color: color || themeColor,
-      disabled: nextButtonDisabled || isDisabled,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: nextButtonIcon,
-        size: 22
-      })
-    })]
-  }, "pagination-list-".concat(activePage));
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Pagination=Pagination;var _react=require("react"),_Icon=_interopRequireDefault(require("../Icon")),_colorToGray=require("../../utils/colorToGray"),_usePagination=require("./hooks/usePagination"),_styles=require("./styles"),_theme=require("../../shared/theme"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function Pagination(_ref){function handleClick(event){setActivePage(+event.currentTarget.innerHTML),Number.isInteger(+event.currentTarget.innerHTML)&&(null===onChange||void 0===onChange?void 0:onChange(+event.currentTarget.innerHTML))}var count=_ref.count,onChange=_ref.onChange,_ref$previousButtonIc=_ref.previousButtonIcon,previousButtonIcon=void 0===_ref$previousButtonIc?"chevron-left":_ref$previousButtonIc,_ref$nextButtonIcon=_ref.nextButtonIcon,nextButtonIcon=void 0===_ref$nextButtonIcon?"chevron-right":_ref$nextButtonIcon,isDisabled=_ref.isDisabled,defaultPage=_ref.defaultPage,_ref$size=_ref.size,size=void 0===_ref$size?"large":_ref$size,_ref$shape=_ref.shape,shape=void 0===_ref$shape?"rounded":_ref$shape,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"outlined":_ref$variant,color=_ref.color,_useState=(0,_react.useState)(defaultPage||1),_useState2=_slicedToArray(_useState,2),activePage=_useState2[0],setActivePage=_useState2[1],pagination=(0,_usePagination.usePagination)({activePage:activePage,count:count}),_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),previousButtonDisabled=_useState4[0],setPreviousButtonDisabled=_useState4[1],_useState5=(0,_react.useState)(!1),_useState6=_slicedToArray(_useState5,2),nextButtonDisabled=_useState6[0],setNextButtonDisabled=_useState6[1],_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme;(0,_react.useEffect)(function(){activePage===count?setNextButtonDisabled(!0):setNextButtonDisabled(!1),1===activePage?setPreviousButtonDisabled(!0):setPreviousButtonDisabled(!1)},[activePage,count]),(0,_react.useEffect)(function(){null===onChange||void 0===onChange?void 0:onChange(activePage)},[activePage]);var _useMemo=(0,_react.useMemo)(function(){var themeColor=theme.colors.primary.default,_convertColor=(0,_colorToGray.convertColor)(color||themeColor),neutral2=_convertColor.neutral2,_grayColorByTheme=_slicedToArray(neutral2,3),h=_grayColorByTheme[0],s=_grayColorByTheme[1],l=_grayColorByTheme[2],grayColor="hsl(".concat(h,", ").concat(s,"%, ").concat(l,"%)"),saturationColor="hsl(".concat(h,", ",12,"%, ",39,"%)"),numberOfPageColor="hsl(".concat(h,", ",13,"%, ",82,"%)");return{grayColor:grayColor,saturationColor:saturationColor,numberOfPageColor:numberOfPageColor,themeColor:themeColor}},[color,theme]),grayColor=_useMemo.grayColor,numberOfPageColor=_useMemo.numberOfPageColor,saturationColor=_useMemo.saturationColor,themeColor=_useMemo.themeColor;return count?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.PaginationList,{shape:shape,size:size,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PreviousNavigationButton,{role:"button",shape:shape,saturationColor:saturationColor,onClick:function(){setActivePage(function(v){return 1===v?v:v-1})},color:color||themeColor,grayColor:grayColor,disabled:previousButtonDisabled||isDisabled,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:previousButtonIcon,size:22})}),"large"===size&&/*#__PURE__*/(0,_jsxRuntime.jsx)(function(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_react.Fragment,{children:null===pagination||void 0===pagination?void 0:pagination.map(function(number,index){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LargeViewWrap,{children:number===_usePagination.DOTS?/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PageWrap,{variant:variant,shape:shape,grayColor:grayColor,numberOfPageColor:numberOfPageColor,children:number}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PaginationItem,{shape:shape,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PaginationButton,{role:"button",shape:shape,numberOfPageColor:numberOfPageColor,variant:variant,color:color||themeColor,grayColor:grayColor,onClick:handleClick,isActivePage:activePage===number,disabled:isDisabled,children:number})},"pagination-small-list-".concat(number))},"pagination-large-list-".concat(index))})})},{}),"small"===size&&/*#__PURE__*/(0,_jsxRuntime.jsx)(function(){return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.SmallPageInfo,{saturationColor:saturationColor,children:[activePage," de ",count]},"pagination-small-list-".concat(activePage))},{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.NextNavigationButton,{role:"button",shape:shape,grayColor:grayColor,saturationColor:saturationColor,onClick:function(){setActivePage(function(v){return v===count?v:v+1})},color:color||themeColor,disabled:nextButtonDisabled||isDisabled,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:nextButtonIcon,size:22})})]},"pagination-list-".concat(activePage)):null}

package/dist/components/Pagination/pagination.test.js

@@ -1,118 +1 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-var _react = require("@testing-library/react");
-require("@testing-library/jest-dom");
-var _ = require(".");
-var _jsxRuntime = require("react/jsx-runtime");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-describe('Pagination', function () {
-  it('Should render pagination', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages
-    }));
-    expect(_react.screen.getByText('10')).toBeInTheDocument();
-  });
-  it('Should call change function', function () {
-    var fn = jest.fn();
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      onChange: fn
-    }));
-    _react.fireEvent.click(_react.screen.getByText('2'));
-    expect(fn).toBeCalled();
-  });
-  it('Should disable previous button when current page to be 1', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages
-    }));
-    var _screen$getAllByRole = _react.screen.getAllByRole('button'),
-      _screen$getAllByRole2 = _slicedToArray(_screen$getAllByRole, 1),
-      previousButton = _screen$getAllByRole2[0];
-    expect(previousButton).toBeDisabled();
-  });
-  it('Should disable next button when current page to be last page', function () {
-    var numberOfPages = 10;
-    var container = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages
-    }));
-    _react.fireEvent.click(container.getByText('10'));
-    var buttons = container.getAllByRole('button');
-    var nextButton = buttons[buttons.length - 1];
-    expect(nextButton.getAttribute('disabled')).toEqual('');
-  });
-  it('Should change current page on Click', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages
-    }));
-    var pageButton = _react.screen.getByText('1');
-    _react.fireEvent.click(pageButton);
-    expect(window.getComputedStyle(pageButton).backgroundColor).toBe('rgb(34, 224, 161)');
-  });
-  it('Should set hightlight color if color prop is provided', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      color: "#f6ca3f"
-    }));
-    var pageButton = _react.screen.getByText('1');
-    expect(window.getComputedStyle(pageButton).backgroundColor).toBe('rgb(246, 202, 63)');
-  });
-  it('Should set circular button if shape circular is provided', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      shape: "circular"
-    }));
-    var _screen$getAllByRole3 = _react.screen.getAllByRole('button'),
-      _screen$getAllByRole4 = _slicedToArray(_screen$getAllByRole3, 1),
-      navigationButton = _screen$getAllByRole4[0];
-    expect(window.getComputedStyle(navigationButton).borderRadius).toBe('50%');
-  });
-  it('Should set roundend button if shape rounded is provided', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      shape: "rounded"
-    }));
-    var _screen$getAllByRole5 = _react.screen.getAllByRole('button'),
-      _screen$getAllByRole6 = _slicedToArray(_screen$getAllByRole5, 1),
-      navigationButton = _screen$getAllByRole6[0];
-    expect(window.getComputedStyle(navigationButton).borderRadius).toBe('8px 0 0 8px');
-  });
-  it('Should render small pagination if size small is provided', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      size: "small"
-    }));
-    expect(_react.screen.getAllByRole('button').length).toBe(2);
-  });
-  it('Should render default selected page if defaultPage is provided', function () {
-    var numberOfPages = 10;
-    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      defaultPage: 5
-    }));
-    var pageButton = _react.screen.getByText('5');
-    expect(window.getComputedStyle(pageButton).backgroundColor).toBe('rgb(34, 224, 161)');
-  });
-  it('Should disabled if isDisabledProp is provided', function () {
-    var numberOfPages = 10;
-    var container = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Pagination, {
-      count: numberOfPages,
-      isDisabled: true
-    }));
-    var pageButton = container.getByText('10');
-    expect(pageButton).toBeDisabled();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom");var _=require("."),_jsxRuntime=require("react/jsx-runtime");function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}describe("Pagination",function(){it("Should render pagination",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10})),expect(_react.screen.getByText("10")).toBeInTheDocument()}),it("Should call change function",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,onChange:fn})),_react.fireEvent.click(_react.screen.getByText("2")),expect(fn).toBeCalled()}),it("Should disable previous button when current page to be 1",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10}));var _screen$getAllByRole=_react.screen.getAllByRole("button"),_screen$getAllByRole2=_slicedToArray(_screen$getAllByRole,1),previousButton=_screen$getAllByRole2[0];expect(previousButton).toBeDisabled()}),it("Should disable next button when current page to be last page",function(){var container=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10}));_react.fireEvent.click(container.getByText("10"));var buttons=container.getAllByRole("button"),nextButton=buttons[buttons.length-1];expect(nextButton.getAttribute("disabled")).toEqual("")}),it("Should change current page on Click",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10}));var pageButton=_react.screen.getByText("1");_react.fireEvent.click(pageButton),expect(window.getComputedStyle(pageButton).backgroundColor).toBe("rgb(34, 224, 161)")}),it("Should set hightlight color if color prop is provided",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,color:"#f6ca3f"}));var pageButton=_react.screen.getByText("1");expect(window.getComputedStyle(pageButton).backgroundColor).toBe("rgb(246, 202, 63)")}),it("Should set circular button if shape circular is provided",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,shape:"circular"}));var _screen$getAllByRole3=_react.screen.getAllByRole("button"),_screen$getAllByRole4=_slicedToArray(_screen$getAllByRole3,1),navigationButton=_screen$getAllByRole4[0];expect(window.getComputedStyle(navigationButton).borderRadius).toBe("50%")}),it("Should set roundend button if shape rounded is provided",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,shape:"rounded"}));var _screen$getAllByRole5=_react.screen.getAllByRole("button"),_screen$getAllByRole6=_slicedToArray(_screen$getAllByRole5,1),navigationButton=_screen$getAllByRole6[0];expect(window.getComputedStyle(navigationButton).borderRadius).toBe("8px 0 0 8px")}),it("Should render small pagination if size small is provided",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,size:"small"})),expect(_react.screen.getAllByRole("button").length).toBe(2)}),it("Should render default selected page if defaultPage is provided",function(){(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,defaultPage:5}));var pageButton=_react.screen.getByText("5");expect(window.getComputedStyle(pageButton).backgroundColor).toBe("rgb(34, 224, 161)")}),it("Should disabled if isDisabledProp is provided",function(){var container=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.Pagination,{count:10,isDisabled:!0})),pageButton=container.getByText("10");expect(pageButton).toBeDisabled()})});