@pedidopago/ui 1.5.21 → 1.5.23

package/dist/components/Label/label.test.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _ = _interopRequireDefault(require("."));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+  var LabelWrapper = utils.getByTestId('label-wrapper');
+  return _objectSpread({
+    LabelWrapper: LabelWrapper
+  }, utils);
+};
+
+describe('Label', function () {
+  it('Should be Rendered', function () {
+    var _setup = setup(),
+        LabelWrapper = _setup.LabelWrapper;
+
+    expect(LabelWrapper).toBeInTheDocument();
+  });
+  it('Render other labels', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var LabelTest, _setup2, findByText, label;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            LabelTest = 'Teste';
+            _setup2 = setup({
+              label: LabelTest
+            }), findByText = _setup2.findByText;
+            _context.next = 4;
+            return findByText(LabelTest);
+
+          case 4:
+            label = _context.sent;
+            expect(label.innerHTML).toEqual(LabelTest);
+
+          case 6:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('Render Icons', function () {
+    var _LabelWrapper$querySe;
+
+    var icon = 'mail';
+
+    var _setup3 = setup({
+      icon: icon
+    }),
+        LabelWrapper = _setup3.LabelWrapper;
+
+    var SvgName = (_LabelWrapper$querySe = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe === void 0 ? void 0 : _LabelWrapper$querySe.getAttribute('name');
+    expect(SvgName).toEqual(icon);
+  });
+  it('Render Icons in Left', function () {
+    var _LabelWrapper$querySe2;
+
+    var label = 'Testing';
+
+    var _setup4 = setup({
+      icon: 'mail',
+      label: label
+    }),
+        LabelWrapper = _setup4.LabelWrapper;
+
+    var Icon = (_LabelWrapper$querySe2 = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe2 === void 0 ? void 0 : _LabelWrapper$querySe2.outerHTML;
+    expect(LabelWrapper.innerHTML).toEqual(Icon + label);
+  });
+  it('Render Icons in Right', function () {
+    var _LabelWrapper$querySe3;
+
+    var label = 'Testing';
+
+    var _setup5 = setup({
+      icon: 'mail',
+      iconSide: 'right',
+      label: label
+    }),
+        LabelWrapper = _setup5.LabelWrapper;
+
+    var Icon = (_LabelWrapper$querySe3 = LabelWrapper.querySelector('svg')) === null || _LabelWrapper$querySe3 === void 0 ? void 0 : _LabelWrapper$querySe3.outerHTML;
+    expect(LabelWrapper.innerHTML).toEqual(label + Icon);
+  });
+});

package/dist/components/List/list.test.d.ts

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

package/dist/components/List/list.test.d.ts.map

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

package/dist/components/List/list.test.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = _interopRequireDefault(require("."));
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+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(_objectSpread({}, props), {}, {
+    children: props.children
+  })));
+  return utils;
+};
+
+describe('List', function () {
+  it('should to render list component', function () {
+    var utils = setup({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+        item: true,
+        children: "Item 1"
+      })
+    });
+    expect(utils.container).toBeInTheDocument();
+  });
+  it('should to render list component with an icon', function () {
+    var utils = setup({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
+        item: true,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+          name: "check"
+        }), " Item 1"]
+      })
+    });
+    expect(utils.container).toBeInTheDocument();
+    expect(utils.container.querySelector('svg')).toBeInTheDocument();
+  });
+  it('should to render list with multiply items', function () {
+    var utils = setup({
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 1"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 3"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+          item: true,
+          children: " item 4"
+        })]
+      })
+    });
+    expect(utils.container).toBeInTheDocument();
+    expect(utils.container.querySelectorAll('li').length).toBe(4);
+  });
+});

package/dist/components/List/types.d.ts

@@ -4,5 +4,6 @@ export interface ListProps {
     maxHeight?: string;
     item?: boolean;
     onClick?: MouseEventHandler;
+    children?: React.ReactNode;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/List/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/List/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B"}

package/dist/components/Modal/modal.test.d.ts

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

package/dist/components/Modal/modal.test.d.ts.map

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

package/dist/components/Modal/modal.test.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _ = require(".");
+
+var _ThemeContext = require("../../shared/theme/contexts/ThemeContext");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+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; }
+
+function setup(props) {
+  var _document$getElementB, _document$getElementB2;
+
+  (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Modal, _objectSpread({}, props))
+  }));
+  return {
+    overlay: (_document$getElementB = document.getElementById('portal-root')) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.childNodes[0],
+    modal: (_document$getElementB2 = document.getElementById('portal-root')) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.childNodes[1]
+  };
+}
+
+describe('Modal', function () {
+  it('should render modal correctly', function () {
+    var _setup = setup({
+      open: true,
+      onClose: function onClose() {},
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: "Modal"
+      })
+    }),
+        modal = _setup.modal;
+
+    expect(modal).toBeInTheDocument();
+  });
+  it('should display modal as open', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.overlay).toHaveStyle({
+      opacity: 0.1,
+      pointerEvents: 'auto'
+    });
+    expect(modal.modal).toHaveStyle({
+      opacity: 1,
+      pointerEvents: 'auto'
+    });
+  });
+  it('should display modal as closed', function () {
+    var modal = setup({
+      open: false,
+      onClose: function onClose() {},
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.overlay).toHaveStyle({
+      opacity: 0,
+      pointerEvents: 'none'
+    });
+    expect(modal.modal).toHaveStyle({
+      opacity: 0,
+      pointerEvents: 'none'
+    });
+  });
+  it('should display modal with custom position', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      left: '10px',
+      top: '10px',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      left: 'calc(10px + 0px)',
+      top: 'calc(10px + 0px)'
+    });
+  });
+  it('should display modal with anchorX set to left', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorX: 'left',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(0%, -50%)'
+    });
+  });
+  it('should display modal with anchorX set to right', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorX: 'right',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(-100%, -50%)'
+    });
+  });
+  it('should display modal with anchorX set to center', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorX: 'center',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(-50%, -50%)'
+    });
+  });
+  it('should display modal with anchorY set to top', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorY: 'top',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(-50%, 0%)'
+    });
+  });
+  it('should display modal with anchorY set to bottom', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorY: 'bottom',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(-50%, -100%)'
+    });
+  });
+  it('should display modal with anchorY set to center', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      anchorY: 'center',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      transform: 'translate(-50%, -50%)'
+    });
+  });
+  it('should display modal with maxWidth', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      maxWidth: '200px',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      maxWidth: '200px'
+    });
+  });
+  it('should display modal with maxHeight', function () {
+    var modal = setup({
+      open: true,
+      onClose: function onClose() {},
+      maxHeight: '200px',
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        children: "Hello world!"
+      })
+    });
+    expect(modal.modal).toHaveStyle({
+      maxHeight: '200px'
+    });
+  });
+});

package/dist/components/MultipleSelect/MultipleSelect.test.d.ts

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

package/dist/components/MultipleSelect/MultipleSelect.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultipleSelect.test.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/MultipleSelect.test.tsx"],"names":[],"mappings":"AAGA,OAAO,yCAAyC,CAAC"}