@pedidopago/ui 1.5.19 → 1.5.21

package/dist/components/Toast/toast.test.js

@@ -1,139 +0,0 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-
-require("@testing-library/jest-dom");
-
-var _buttonExample = _interopRequireDefault(require("./button-example"));
-
-var _ToastProvider = _interopRequireDefault(require("./contexts/ToastProvider"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var setup = function setup(props) {
-  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.default, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonExample.default, _objectSpread({}, props))
-  }));
-};
-
-describe('Toast', function () {
-  it('should it render the toast on the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position top of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'top'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position top-left of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'top-left'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position top-right of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'top-right'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position bottom of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'bottom'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position bottom-left of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'bottom-left'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on position bottom-right of the screen', function () {
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      position: 'bottom-right'
-    });
-    container.getByText('Show toast').click();
-    expect(container.getByText('Toast Title')).toBeInTheDocument();
-  });
-  it('should it render the toast on the screen and close it by alert close button', function () {
-    var _container$baseElemen;
-
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success'
-    });
-    container.getByText('Show toast').click();
-    (_container$baseElemen = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen === void 0 ? void 0 : _container$baseElemen.click();
-    setTimeout(function () {
-      expect(container.getByText('Toast Title')).not.toBeInTheDocument();
-    }, 500);
-  });
-  it('should it call the callback provided in onClose prop', function () {
-    var _container$baseElemen2;
-
-    var onClose = jest.fn();
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      onClose: onClose
-    });
-    container.getByText('Show toast').click();
-    (_container$baseElemen2 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen2 === void 0 ? void 0 : _container$baseElemen2.click();
-    expect(onClose).toHaveBeenCalled();
-  });
-  it('should it call the callback provided in onClose prop and pass the id', function () {
-    var _container$baseElemen3;
-
-    var onClose = jest.fn();
-    var container = setup({
-      title: 'Toast Title',
-      content: 'Toast Message',
-      type: 'success',
-      onClose: onClose
-    });
-    container.getByText('Show toast').click();
-    (_container$baseElemen3 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen3 === void 0 ? void 0 : _container$baseElemen3.click();
-    expect(onClose).toHaveBeenCalledWith(expect.any(String));
-  });
-});

package/dist/components/Typography/typography.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=typography.test.d.ts.map

package/dist/components/Typography/typography.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.test.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/typography.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Typography/typography.test.js

@@ -1,325 +0,0 @@
-"use strict";
-
-var _testUtils = require("../../shared/tests/test-utils");
-
-require("@testing-library/jest-dom");
-
-var _ = _interopRequireDefault(require("."));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var setup = function setup(props) {
-  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
-  return _objectSpread({}, utils);
-};
-
-describe('Typography', function () {
-  var sentence = 'Pedido Pago';
-  it('should render the default text', function () {
-    var _setup = setup({
-      children: sentence
-    }),
-        getByText = _setup.getByText;
-
-    expect(getByText(sentence)).toHaveTextContent(sentence);
-  });
-  it('should render the default text with a custom className', function () {
-    var _setup2 = setup({
-      children: sentence,
-      className: 'custom-class'
-    }),
-        getByText = _setup2.getByText;
-
-    expect(getByText(sentence)).toHaveClass('custom-class');
-  });
-  it('should render the default text with a custom className and custom styles', function () {
-    var _setup3 = setup({
-      children: sentence,
-      className: 'custom-class',
-      style: {
-        color: 'red'
-      }
-    }),
-        getByText = _setup3.getByText;
-
-    expect(getByText(sentence)).toHaveClass('custom-class');
-    expect(getByText(sentence)).toHaveStyle('color: red');
-  });
-  it('should render the default text with a custom className, custom styles and custom props', function () {
-    var _setup4 = setup({
-      children: sentence,
-      className: 'custom-class',
-      style: {
-        color: 'red'
-      },
-      id: 'custom-id'
-    }),
-        getByText = _setup4.getByText;
-
-    expect(getByText(sentence)).toHaveClass('custom-class');
-    expect(getByText(sentence)).toHaveStyle('color: red');
-    expect(getByText(sentence)).toHaveAttribute('id', 'custom-id');
-  });
-  it('should render xxxs text', function () {
-    var _setup5 = setup({
-      children: sentence,
-      fontSize: 'xxxs'
-    }),
-        container = _setup5.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render xxs text', function () {
-    var _setup6 = setup({
-      children: sentence,
-      fontSize: 'xxs'
-    }),
-        container = _setup6.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render xs text', function () {
-    var _setup7 = setup({
-      children: sentence,
-      fontSize: 'xs'
-    }),
-        container = _setup7.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render sm text', function () {
-    var _setup8 = setup({
-      children: sentence,
-      fontSize: 'sm'
-    }),
-        container = _setup8.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render md text', function () {
-    var _setup9 = setup({
-      children: sentence,
-      fontSize: 'md'
-    }),
-        container = _setup9.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render lg text', function () {
-    var _setup10 = setup({
-      children: sentence,
-      fontSize: 'lg'
-    }),
-        container = _setup10.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render xl text', function () {
-    var _setup11 = setup({
-      children: sentence,
-      fontSize: 'xl'
-    }),
-        container = _setup11.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render xxl text', function () {
-    var _setup12 = setup({
-      children: sentence,
-      fontSize: 'xxl'
-    }),
-        container = _setup12.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render xxxl text', function () {
-    var _setup13 = setup({
-      children: sentence,
-      fontSize: 'xxxl'
-    }),
-        container = _setup13.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render display text', function () {
-    var _setup14 = setup({
-      children: sentence,
-      fontSize: 'display'
-    }),
-        container = _setup14.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render giant text', function () {
-    var _setup15 = setup({
-      children: sentence,
-      fontSize: 'giant'
-    }),
-        container = _setup15.container;
-
-    expect(container).toHaveTextContent(sentence);
-    expect(container).toBeInTheDocument();
-  });
-  it('should render the default text with normal weight', function () {
-    var _setup16 = setup({
-      children: sentence,
-      fontWeight: 'normal'
-    }),
-        getByText = _setup16.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: normal');
-  });
-  it('should render the default text with bold weight', function () {
-    var _setup17 = setup({
-      children: sentence,
-      fontWeight: 'bold'
-    }),
-        getByText = _setup17.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: bold');
-  });
-  it('should render the default text with light weight', function () {
-    var _setup18 = setup({
-      children: sentence,
-      fontWeight: '100'
-    }),
-        getByText = _setup18.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 100');
-  });
-  it('should render the default text with 200 weight', function () {
-    var _setup19 = setup({
-      children: sentence,
-      fontWeight: '200'
-    }),
-        getByText = _setup19.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 200');
-  });
-  it('should render the default text with 300 weight', function () {
-    var _setup20 = setup({
-      children: sentence,
-      fontWeight: '300'
-    }),
-        getByText = _setup20.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 300');
-  });
-  it('should render the default text with 400 weight', function () {
-    var _setup21 = setup({
-      children: sentence,
-      fontWeight: '400'
-    }),
-        getByText = _setup21.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 400');
-  });
-  it('should render the default text with 500 weight', function () {
-    var _setup22 = setup({
-      children: sentence,
-      fontWeight: '500'
-    }),
-        getByText = _setup22.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 500');
-  });
-  it('should render the default text with 600 weight', function () {
-    var _setup23 = setup({
-      children: sentence,
-      fontWeight: '600'
-    }),
-        getByText = _setup23.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 600');
-  });
-  it('should render the default text with 700 weight', function () {
-    var _setup24 = setup({
-      children: sentence,
-      fontWeight: '700'
-    }),
-        getByText = _setup24.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 700');
-  });
-  it('should render the default text with 800 weight', function () {
-    var _setup25 = setup({
-      children: sentence,
-      fontWeight: '800'
-    }),
-        getByText = _setup25.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 800');
-  });
-  it('should render the default text with 900 weight', function () {
-    var _setup26 = setup({
-      children: sentence,
-      fontWeight: '900'
-    }),
-        getByText = _setup26.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-weight: 900');
-  });
-  it('should render the default text with italic style', function () {
-    var _setup27 = setup({
-      children: sentence,
-      fontStyle: 'italic'
-    }),
-        getByText = _setup27.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-style: italic');
-  });
-  it('should render the default text with normal style', function () {
-    var _setup28 = setup({
-      children: sentence,
-      fontStyle: 'normal'
-    }),
-        getByText = _setup28.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-style: normal');
-  });
-  it('should render the default text with oblique style', function () {
-    var _setup29 = setup({
-      children: sentence,
-      fontStyle: 'oblique'
-    }),
-        getByText = _setup29.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('font-style: oblique');
-  });
-  it('should render the default text with underline style', function () {
-    var _setup30 = setup({
-      children: sentence,
-      textDecoration: 'underline'
-    }),
-        getByText = _setup30.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('text-decoration: underline');
-  });
-  it('should render the default text with line-through style', function () {
-    var _setup31 = setup({
-      children: sentence,
-      textDecoration: 'line-through'
-    }),
-        getByText = _setup31.getByText;
-
-    expect(getByText(sentence)).toHaveStyle('text-decoration: line-through');
-  });
-});

package/dist/shared/theme/theme.test.d.ts

@@ -1,2 +0,0 @@
-import '@testing-library/jest-dom';
-//# sourceMappingURL=theme.test.d.ts.map

package/dist/shared/theme/theme.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.test.d.ts","sourceRoot":"","sources":["../../../src/shared/theme/theme.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/shared/theme/theme.test.js

@@ -1,115 +0,0 @@
-"use strict";
-
-var _react = require("@testing-library/react");
-
-require("@testing-library/jest-dom");
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-
-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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var setup = function setup(props) {
-  var utils = (0, _react.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.PPUIThemeProvider, _objectSpread(_objectSpread({}, props), {}, {
-    children: props.children
-  })));
-  return utils;
-};
-
-describe('Theme', function () {
-  it('should extend the default theme and pass it to pp provider', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-    var newTheme, TestComponent, utils;
-    return regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            newTheme = (0, _.extendTheme)({
-              colors: {
-                primary: '#ff0000'
-              }
-            });
-
-            TestComponent = function TestComponent() {
-              var _useTheme = (0, _.useTheme)(),
-                  theme = _useTheme.theme;
-
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-                children: theme.colors.primary
-              });
-            };
-
-            utils = setup({
-              theme: newTheme,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(TestComponent, {})
-            });
-            _context.t0 = expect;
-            _context.next = 6;
-            return utils.findByText('#ff0000');
-
-          case 6:
-            _context.t1 = _context.sent;
-            (0, _context.t0)(_context.t1).toBeInTheDocument();
-
-          case 8:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-  it('should to apply the dark mode for child components and switch that to light mode', function () {
-    var ChildComponent = function ChildComponent() {
-      var _useColorMode = (0, _.useColorMode)(),
-          colorMode = _useColorMode.colorMode,
-          switchColorMode = _useColorMode.switchColorMode;
-
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        "data-testid": "button-child",
-        onClick: switchColorMode,
-        children: colorMode === 'light' ? 'Light mode' : 'Dark mode'
-      });
-    };
-
-    var utils = setup({
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
-    });
-    expect(utils.getByTestId('button-child')).toHaveTextContent('Light mode');
-
-    _react.fireEvent.click(utils.getByTestId('button-child'));
-
-    expect(utils.getByTestId('button-child')).toHaveTextContent('Dark mode');
-
-    _react.fireEvent.click(utils.getByTestId('button-child'));
-  });
-  it('should to switch between two colors according to color mode', function () {
-    var ChildComponent = function ChildComponent() {
-      var _useColorMode2 = (0, _.useColorMode)(),
-          switchColorMode = _useColorMode2.switchColorMode;
-
-      var color = (0, _.useColorModeValue)('#ff0000', '#0000ff');
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-        "data-testid": "button-child",
-        onClick: switchColorMode,
-        children: color
-      });
-    };
-
-    var utils = setup({
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(ChildComponent, {})
-    });
-    expect(utils.getByTestId('button-child')).toHaveTextContent('#ff0000');
-
-    _react.fireEvent.click(utils.getByTestId('button-child'));
-
-    expect(utils.getByTestId('button-child')).toHaveTextContent('#0000ff');
-  });
-});