@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/CheckboxInput/checkbox-input.test.js

@@ -0,0 +1,194 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _react = require("@testing-library/react");
+
+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 mockPropCheckboxChildren = [{
+  label: 'Children-1',
+  value: 'children-1',
+  id: 'children-1'
+}, {
+  label: 'Children-2',
+  value: 'children-2',
+  id: 'children-2'
+}, {
+  label: 'Children-3',
+  value: 'children-3',
+  id: 'children-3'
+}];
+
+var makeSut = function makeSut(props) {
+  var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
+  var checkbox = sut.container.querySelector('input');
+  var label = sut.container.querySelector('label');
+  return {
+    sut: sut,
+    checkbox: checkbox,
+    label: label
+  };
+};
+
+describe('CheckboxInput', function () {
+  it('should render input with type checkbox', function () {
+    var _makeSut = makeSut(),
+        checkbox = _makeSut.checkbox;
+
+    expect(checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute('type')).toBe('checkbox');
+  });
+  it('should must disable checkbox when isDisabled is true', function () {
+    var _makeSut2 = makeSut({
+      isDisabled: true
+    }),
+        checkbox = _makeSut2.checkbox;
+
+    expect(checkbox).toBeDisabled();
+  });
+  it('should not render label if label prop not provided', function () {
+    var _makeSut3 = makeSut({
+      label: ''
+    }),
+        label = _makeSut3.label;
+
+    expect(label).not.toBeInTheDocument();
+  });
+  it('should render label element with correct label prop value', function () {
+    var labelValue = 'correct_label_value';
+
+    var _makeSut4 = makeSut({
+      label: labelValue
+    }),
+        label = _makeSut4.label;
+
+    expect(label.innerHTML).toBe(labelValue);
+  });
+  it('should select checkbox on click in label element', function () {
+    var _makeSut5 = makeSut({
+      id: 'any_id',
+      label: 'any_label'
+    }),
+        label = _makeSut5.label,
+        checkbox = _makeSut5.checkbox;
+
+    _react.fireEvent.click(label);
+
+    expect(checkbox).toBeChecked();
+  });
+  it('should render multiple checkbox', function () {
+    var _makeSut6 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut6.sut;
+
+    expect(sut.getByRole('list')).toBeInTheDocument();
+  });
+  it('should render multiple checkbox with childrens', function () {
+    var _makeSut7 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut7.sut;
+
+    expect(sut.getAllByRole('listitem')).toBeTruthy();
+  });
+  it('should render multiple checkbox with parent label', function () {
+    var _makeSut8 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut8.sut;
+
+    expect(sut.getByLabelText('any_label')).toBeInTheDocument();
+  });
+  it('should render multiple checkbox with children label', function () {
+    var _makeSut9 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut9.sut;
+
+    mockPropCheckboxChildren.forEach(function (item) {
+      expect(sut.getByLabelText(item.label)).toBeInTheDocument();
+    });
+  });
+  it('should disabled multiple checkbox with isDisabled are provided', function () {
+    var _makeSut10 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren,
+      isDisabled: true
+    }),
+        sut = _makeSut10.sut,
+        checkbox = _makeSut10.checkbox;
+
+    var checkboxChildrens = sut.getAllByRole('listitem');
+    checkboxChildrens.forEach(function (children) {
+      children.querySelectorAll('input').forEach(function (input) {
+        expect(input).toBeDisabled();
+      });
+    });
+    expect(checkbox).toBeDisabled();
+  });
+  it('should checked childrens on click parent checkbox', function () {
+    var _makeSut11 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut11.sut,
+        checkbox = _makeSut11.checkbox;
+
+    _react.fireEvent.click(checkbox);
+
+    var checkboxChildrens = sut.getAllByRole('listitem');
+    checkboxChildrens.forEach(function (children) {
+      children.querySelectorAll('input').forEach(function (input) {
+        expect(input).toBeChecked();
+      });
+    });
+  });
+  it('should unchecked childrens on click checked parent checkbox', function () {
+    var _makeSut12 = makeSut({
+      id: 'any_id',
+      label: 'any_label',
+      isMultiple: true,
+      checkboxChildren: mockPropCheckboxChildren
+    }),
+        sut = _makeSut12.sut,
+        checkbox = _makeSut12.checkbox;
+
+    _react.fireEvent.doubleClick(checkbox);
+
+    var checkboxChildrens = sut.getAllByRole('listitem');
+    checkboxChildrens.forEach(function (children) {
+      children.querySelectorAll('input').forEach(function (input) {
+        expect(input).not.toBeChecked();
+      });
+    });
+  });
+});

package/dist/components/CheckboxInput/components/MultipleCheckbox.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { IMultipleCheckboxProps } from '../types';
-declare const MultipleCheckbox: FC<IMultipleCheckboxProps>;
-export default MultipleCheckbox;
+import { FC } from 'react';
+import { IMultipleCheckboxProps } from '../types';
+declare const MultipleCheckbox: FC<IMultipleCheckboxProps>;
+export default MultipleCheckbox;
 //# sourceMappingURL=MultipleCheckbox.d.ts.map

package/dist/components/CheckboxInput/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { ICheckboxInputProps } from './types';
-declare const CheckboxInput: FC<ICheckboxInputProps>;
-export default CheckboxInput;
+import { FC } from 'react';
+import { ICheckboxInputProps } from './types';
+declare const CheckboxInput: FC<ICheckboxInputProps>;
+export default CheckboxInput;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CheckboxInput/styles.d.ts

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { Theme } from '@emotion/react';
-import { IStyledCheckboxInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Checkbox: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const Label: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { Theme } from '@emotion/react';
+import { IStyledCheckboxInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckboxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Checkbox: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledCheckboxInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const ChildrensWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CheckBoxWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const MultipleWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,27 @@
-export declare type CheckboxChildren = {
-    label: string;
-    value: string;
-    id: string;
-};
-export interface ICheckboxInputProps {
-    label?: string;
-    id?: string;
-    color?: string;
-    isDisabled?: boolean;
-    isInderteminate?: boolean;
-    defaultIsChecked?: boolean;
-    name?: string;
-    isMultiple?: boolean;
-    checkboxChildren?: CheckboxChildren[];
-    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
-}
-export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
-    checkboxChildren: CheckboxChildren[];
-}
-export interface CheckboxChildrenState extends CheckboxChildren {
-    hasSelected: boolean;
-}
-export interface IStyledCheckboxInput {
-    isDisabled?: boolean;
-}
+export declare type CheckboxChildren = {
+    label: string;
+    value: string;
+    id: string;
+};
+export interface ICheckboxInputProps {
+    label?: string;
+    id?: string;
+    color?: string;
+    isDisabled?: boolean;
+    isInderteminate?: boolean;
+    defaultIsChecked?: boolean;
+    name?: string;
+    isMultiple?: boolean;
+    checkboxChildren?: CheckboxChildren[];
+    onChangeValue?: (checked: boolean | CheckboxChildren[]) => void;
+}
+export interface IMultipleCheckboxProps extends Omit<ICheckboxInputProps, 'isMultiple'> {
+    checkboxChildren: CheckboxChildren[];
+}
+export interface CheckboxChildrenState extends CheckboxChildren {
+    hasSelected: boolean;
+}
+export interface IStyledCheckboxInput {
+    isDisabled?: boolean;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/CollapseCard/ExpandButton/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ExpandButtonProps } from './types';
-export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
+/// <reference types="react" />
+import { ExpandButtonProps } from './types';
+export declare function ExpandButton({ animate, handler, isDisabled }: ExpandButtonProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map