@pedidopago/ui 1.8.1 → 1.8.3

package/dist/components/LegacyRadio/legacy-radio.test.js

@@ -0,0 +1 @@
+"use strict";require("@testing-library/jest-dom");var _react=require("@testing-library/react"),_testUtils=require("../../shared/tests/test-utils"),_ChoiceList=_interopRequireDefault(require("../ChoiceList")),_=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}describe("Radio Input",function(){it("should render input",function(){var fn=jest.fn(),_render=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{onChange:fn,value:"test",id:"test",children:"Radio Test"})),container=_render.container,radio=container.querySelector("input[type=\"radio\"]");expect(radio).toBeInTheDocument()}),it("should check input on Click on input",function(){var fn=jest.fn(),_render2=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ChoiceList.default,{radiosName:"radio",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{onChange:fn,value:"test",id:"test",children:"Radio Test"})})),container=_render2.container,radio=container.querySelector("input[type=\"radio\"]");_react.fireEvent.click(radio),expect(radio).toBeChecked()}),it("should check input on Click label",function(){var fn=jest.fn(),_render3=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ChoiceList.default,{radiosName:"radio",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{onChange:fn,value:"test",id:"test",children:"Radio Test"})})),container=_render3.container,getByText=_render3.getByText,radio=container.querySelector("input[type=\"radio\"]"),label=getByText("Radio Test");_react.fireEvent.click(label),expect(radio).toBeChecked()}),it("should checked input if defaultChecked is provided",function(){var fn=jest.fn(),_render4=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ChoiceList.default,{defaultValue:"test",radiosName:"radio",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{onChange:fn,value:"test",id:"test",children:"Radio Test"})})),container=_render4.container,radio=container.querySelector("input[type=\"radio\"]");expect(radio).toBeChecked()}),it("should call onChange on Click input",function(){var fn=jest.fn(),_render5=(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ChoiceList.default,{onChangeValue:fn,radiosName:"radio",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test",id:"test",children:"Radio Test"})})),container=_render5.container;_react.fireEvent.click(container),expect(fn).toBeCalled()}),it("Should ChoiceList disabled radio children is isDisabled is provided",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ChoiceList.default,{onChangeValue:fn,isDisabled:!0,radiosName:"test-name",defaultValue:"test3",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test1",id:"test",children:"Radio Test 1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test2",id:"test",children:"Radio Test 2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test3",id:"test",children:"Radio Test 3"})]}));var sut=_react.screen.getAllByRole("radio");sut.forEach(function(value){expect(value).toBeDisabled()})}),it("should render helpText if helpText is provided",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ChoiceList.default,{onChangeValue:fn,radiosName:"test-name",defaultValue:"test3",helpText:"Help Text",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test1",id:"test",children:"Radio Test 1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test2",id:"test",children:"Radio Test 2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test3",id:"test",children:"Radio Test 3"})]})),expect(_react.screen.getByText("Help Text")).toBeInTheDocument()}),it("should render label if label is provided",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ChoiceList.default,{onChangeValue:fn,label:"any_label",radiosName:"test-name",defaultValue:"test3",helpText:"Help Text",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test1",id:"test",children:"Radio Test 1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test2",id:"test",children:"Radio Test 2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test3",id:"test",children:"Radio Test 3"})]})),expect(_react.screen.getByRole("radiogroup").children[1].tagName.toLowerCase()).toBe("label")}),it("should not render label if label not provided",function(){var fn=jest.fn();(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ChoiceList.default,{onChangeValue:fn,radiosName:"test-name",defaultValue:"test3",helpText:"Help Text",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test1",id:"test",children:"Radio Test 1"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test2",id:"test",children:"Radio Test 2"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.default,{value:"test3",id:"test",children:"Radio Test 3"})]})),expect(_react.screen.getByRole("radiogroup").children[1].tagName.toLowerCase()).not.toBe("label")})});

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { IStyledRadioInput } from './types';
+import { InputAlertTypes } from '../Input/types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const Input: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const ChoiceWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ChoiceLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledRadioInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    alert: InputAlertTypes | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+//# sourceMappingURL=styles.d.ts.map

package/dist/components/LegacyRadio/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyRadio/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,eAAO,MAAM,OAAO;;;yGAInB,CAAC;AAEF,eAAO,MAAM,KAAK;;;kHAGjB,CAAC;AAEF,eAAO,MAAM,KAAK;;;sIAgEjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAAe,CAAC;AAE1C,eAAO,MAAM,WAAW;;;6HAOvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;sIASvB,CAAC;AAaF,eAAO,MAAM,QAAQ;;;;WAAwB,eAAe,GAAG,SAAS;2GAQvE,CAAC"}

package/dist/components/LegacyRadio/styles.js

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Wrapper=exports.ListWrapper=exports.Label=exports.Input=exports.HelpText=exports.ChoiceWrapper=exports.ChoiceLabel=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_react=require("@emotion/react"),_styled=_interopRequireDefault(require("@emotion/styled"));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 Wrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n"])));exports.Wrapper=Wrapper;var Label=_styled.default.label(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n  font-weight: 500;\n  margin-right: 12px;\n"])));exports.Label=Label;var Input=_styled.default.input(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref){var colors=_ref.theme.colors;return(0,_react.css)(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    appearance: none;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0;\n    min-width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    border: 2px solid ",";\n    transition: all ease 0.2s;\n    cursor: pointer;\n\n    + label {\n      color: ",";\n      line-height: 20px;\n      cursor: pointer;\n    }\n\n    :hover {\n      border-color: ",";\n    }\n\n    :disabled {\n      cursor: default;\n      border-color: ",";\n      background-color: ",";\n      + label {\n        color: ",";\n        cursor: default;\n      }\n    }\n\n    :checked {\n      background-color: ",";\n      border-color: ",";\n      &:focus {\n        background-color: ",";\n        border-color: ",";\n        box-shadow: 0 0 0 2px ",";\n      }\n      &:hover {\n        background-color: ",";\n        border-color: ",";\n      }\n      &:disabled {\n        background-color: ",";\n        border-color: ",";\n        + label {\n          color: ",";\n          cursor: default;\n        }\n      }\n\n      &::after {\n        content: '';\n        width: 6px;\n        height: 6px;\n        background: #fff;\n        border-radius: 50%;\n      }\n    }\n  "])),colors.neutral.neutral2,colors.neutral.black,colors.primary.hover,colors.neutral.neutral1,colors.neutral.neutral1,colors.neutral.neutral2,colors.primary.default,colors.primary.default,colors.primary.focus,colors.primary.focus,colors.primary.disabled,colors.primary.hover,colors.primary.hover,colors.neutral.neutral2,colors.neutral.neutral2,colors.neutral.neutral4)});exports.Input=Input;var ChoiceWrapper=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral([""])));exports.ChoiceWrapper=ChoiceWrapper;var ListWrapper=_styled.default.div(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref2){var _ref2$alignDirection=_ref2.alignDirection,alignDirection=void 0===_ref2$alignDirection?"row":_ref2$alignDirection;return(0,_react.css)(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ",";\n    flex-wrap: wrap;\n    gap: 12px;\n  "])),alignDirection)});exports.ListWrapper=ListWrapper;var ChoiceLabel=_styled.default.label(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n  ","\n"])),function(_ref3){var colors=_ref3.theme.colors;return(0,_react.css)(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n    display: block;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    color: ",";\n    margin-bottom: 16px;\n  "])),colors.neutral.black)});// export const HelpText = styled.span<IStyledRadioInput>`
+//   ${({ theme }) => css`
+//     font-size: ${theme.fontSizes.xxs};
+//     color: ${theme.colors.neutral.neutral4};
+//     font-weight: 500;
+//     display: block;
+//     padding-left: 30px;
+//     margin-top: 18px;
+//   `}
+// `;
+exports.ChoiceLabel=ChoiceLabel;var HelpText=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n  font-size: ",";\n\n  color: ",";\n  padding: 0 20px;\n"])),function(props){return props.theme.fontSizes.xxs},function(props){return props.alert&&"success"!==props.alert?props.theme.colors[props.alert].default:props.theme.colors.neutral.neutral4});exports.HelpText=HelpText;

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

@@ -0,0 +1,28 @@
+import { ReactNode, InputHTMLAttributes } from 'react';
+import { InputAlertTypes } from '../Input/types';
+export interface IRadioInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
+    isDisabled?: boolean;
+    children?: ReactNode;
+}
+export interface ChoiceListProps extends InputHTMLAttributes<HTMLInputElement> {
+    onChangeValue?: (value?: string) => void;
+    label?: string;
+    defaultValue?: string;
+    isDisabled?: boolean;
+    radiosName: string;
+    alignDirection?: 'column' | 'row';
+    color?: string;
+    helpText?: string;
+    alert?: InputAlertTypes;
+    children: ReactNode;
+}
+export type ChoiceListContext = {
+    handleRadioClick: (e: string) => void;
+    defaultValue?: string;
+    groupName: string;
+    isDisabled?: boolean;
+};
+export interface IStyledRadioInput {
+    alignDirection?: 'column' | 'row';
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LegacyRadio/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC5E,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,cAAc,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;CACnC"}

package/dist/components/LegacyRadio/types.js

@@ -0,0 +1 @@
+"use strict";

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

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

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

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

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

@@ -1,16 +1,16 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-import { ListProps } from './types';
-export declare const StyledList: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+import { ListProps } from './types';
+export declare const StyledList: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & ListProps & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const StyledListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const StyledListTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,9 +1,9 @@
-import { MouseEventHandler } from 'react';
-export interface ListProps {
-    title?: string;
-    maxHeight?: string;
-    item?: boolean;
-    onClick?: MouseEventHandler;
-    children?: React.ReactNode;
-}
+import { MouseEventHandler } from 'react';
+export interface ListProps {
+    title?: string;
+    maxHeight?: string;
+    item?: boolean;
+    onClick?: MouseEventHandler;
+    children?: React.ReactNode;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/ModalExample.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare const SelectOptionsPagination: {
-    label: string;
-    value: string;
-}[];
-export declare function ModalExample(props: ModalProps): JSX.Element;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const SelectOptionsPagination: {
+    label: string;
+    value: string;
+}[];
+export declare function ModalExample(props: ModalProps): JSX.Element;
 //# sourceMappingURL=ModalExample.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ModalProps } from './types';
-export declare const Modal: import("react").MemoExoticComponent<({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, disableScrollOnOpen, maxWidth, maxHeight, onClose, hideOverlay, blurOverlay, ...rest }: ModalProps) => JSX.Element>;
+/// <reference types="react" />
+import { ModalProps } from './types';
+export declare const Modal: import("react").MemoExoticComponent<({ open, left, top, anchorX, anchorY, offsetX, offsetY, hideScrollBar, disableScrollOnOpen, maxWidth, maxHeight, onClose, hideOverlay, blurOverlay, ...rest }: ModalProps) => JSX.Element>;
 //# sourceMappingURL=index.d.ts.map

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

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