@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Tag/tag.test.d.ts

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

package/dist/components/Tag/tag.test.d.ts.map

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

package/dist/components/Tag/tag.test.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+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 }; }
+
+describe('Tag', function () {
+  it('Should render tag with correct text values', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label"
+    }));
+    expect(_react.screen.getByText('any_label')).toBeInTheDocument();
+  });
+  it('Should not render tag component if label not provided', function () {
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: ""
+    })),
+        container = _render.container;
+
+    expect(container.querySelector('svg')).not.toBeInTheDocument();
+  });
+  it('Should render button inside tag', function () {
+    var _screen$getByText$nex;
+
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label"
+    }));
+    expect((_screen$getByText$nex = _react.screen.getByText('any_label').nextElementSibling) === null || _screen$getByText$nex === void 0 ? void 0 : _screen$getByText$nex.tagName).toBe('BUTTON');
+  });
+  it('Should Must always render icons at the ends of the tag', function () {
+    var _screen$getByRole$fir;
+
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label"
+    }));
+    expect((_screen$getByRole$fir = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir === void 0 ? void 0 : _screen$getByRole$fir.tagName).toBe('svg');
+  });
+  it('Should render left icon if leftIcon is provided', function () {
+    var _screen$getByRole$fir2, _screen$getByText$pre;
+
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label",
+      leftIcon: "plus"
+    }));
+    expect((_screen$getByRole$fir2 = _react.screen.getByRole('button').firstElementChild) === null || _screen$getByRole$fir2 === void 0 ? void 0 : _screen$getByRole$fir2.tagName).toBe('svg');
+    expect((_screen$getByText$pre = _react.screen.getByText('any_label').previousSibling) === null || _screen$getByText$pre === void 0 ? void 0 : _screen$getByText$pre.nodeName).toBe('svg');
+  });
+  it('Should call onClick mehod if onClick is provided', function () {
+    var fn = jest.fn();
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label",
+      onClick: fn
+    }));
+
+    _react.fireEvent.click(_react.screen.getByRole('button'));
+
+    expect(fn).toBeCalled();
+  });
+  it('Should render with custom colors', function () {
+    (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
+      label: "any_label",
+      fillColor: "#4C2DC8"
+    }));
+
+    var wrapper = _react.screen.getByText('any_label').parentElement;
+
+    var style = window.getComputedStyle(wrapper).getPropertyValue('background-color');
+    expect(style).toBe('rgb(76, 45, 200)');
+  });
+});

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

@@ -1,10 +1,10 @@
-import { IconName } from '../Icon/types';
-export interface ITagProps {
-    label: string;
-    fillColor?: string;
-    leftIcon?: IconName;
-    rightIcon?: IconName;
-    size?: 'sm' | 'md' | 'lg';
-    onClick?: () => void;
-}
+import { IconName } from '../Icon/types';
+export interface ITagProps {
+    label: string;
+    fillColor?: string;
+    leftIcon?: IconName;
+    rightIcon?: IconName;
+    size?: 'sm' | 'md' | 'lg';
+    onClick?: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { ITextAreaInputProps } from './types';
-declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
-export default TextAreaInput;
+/// <reference types="react" />
+import { ITextAreaInputProps } from './types';
+declare const TextAreaInput: import("react").ForwardRefExoticComponent<ITextAreaInputProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export default TextAreaInput;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { IStyledTextAreaInput } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, 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;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
-export declare const TextArea: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
-export declare const HelperText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledTextAreaInput } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, 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;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {}>;
+export declare const TextArea: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, {}>;
+export declare const HelperText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledTextAreaInput, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/TextAreaInput/text-area-input.test.d.ts

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

package/dist/components/TextAreaInput/text-area-input.test.d.ts.map

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

package/dist/components/TextAreaInput/text-area-input.test.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+
+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 makeSut = function makeSut(props) {
+  var sut = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({
+    label: "Any Label",
+    placeholder: "any placeholder"
+  }, props)));
+  var textarea = sut.container.querySelector('textarea');
+  var helperText = sut.container.querySelector('span');
+  return {
+    sut: sut,
+    textarea: textarea,
+    helperText: helperText
+  };
+};
+
+describe('TextAreaInput', function () {
+  it('should render with correct placeholder', function () {
+    var _makeSut = makeSut(),
+        sut = _makeSut.sut;
+
+    expect(sut.getByPlaceholderText('any placeholder')).toHaveAttribute('placeholder', 'any placeholder');
+  });
+  it('should render with correct label text', function () {
+    var _makeSut2 = makeSut(),
+        sut = _makeSut2.sut;
+
+    expect(sut.getByText('Any Label', {
+      selector: 'label'
+    }).innerHTML).toBe('Any Label');
+  });
+  it('should disabled textarea when prop isDisabled is provided', function () {
+    var _makeSut3 = makeSut({
+      isDisabled: true
+    }),
+        sut = _makeSut3.sut;
+
+    expect(sut.container.querySelector('textarea')).toBeDisabled();
+  });
+  it('should textarea change value on typing', function () {
+    var _makeSut4 = makeSut(),
+        textarea = _makeSut4.textarea;
+
+    _react.fireEvent.change(textarea, {
+      target: {
+        value: 'any_text'
+      }
+    });
+
+    expect(textarea.value).toBe('any_text');
+  });
+  it('should show helperText with isInvalid is provided', function () {
+    var _makeSut5 = makeSut({
+      isInvalid: true,
+      helperText: 'any help text'
+    }),
+        helperText = _makeSut5.helperText;
+
+    expect(helperText).toBeInTheDocument();
+  });
+  it('should not show helperText with isInvalid not provided', function () {
+    var _makeSut6 = makeSut({
+      isInvalid: false,
+      helperText: 'any help text'
+    }),
+        helperText = _makeSut6.helperText;
+
+    expect(helperText).not.toBeInTheDocument();
+  });
+  it('should not render helperText with helperText not provided', function () {
+    var _makeSut7 = makeSut({
+      isInvalid: true
+    }),
+        helperText = _makeSut7.helperText;
+
+    expect(helperText).not.toBeInTheDocument();
+  });
+});

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

@@ -1,27 +1,27 @@
-import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
-export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
-export declare type formRegister = {
-    onChange: ChangeEventHandler<HTMLTextAreaElement>;
-    onBlur: ChangeEventHandler;
-    ref: Ref<any>;
-    name: string;
-};
-export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
-    isDisabled?: boolean;
-    alert?: AlertOptions;
-    isInvalid?: boolean;
-    label?: string;
-    helperText?: string;
-    maxWidth?: number | string;
-    height?: number | string;
-    formRegister?: formRegister;
-}
-export declare type IStyledTextAreaInput = {
-    hasValueOnInput?: boolean;
-    height?: number | string;
-    maxWidth?: number | string;
-    isLoading?: boolean;
-    isInvalid?: boolean;
-    alert?: AlertOptions;
-};
+import { ChangeEventHandler, Ref, TextareaHTMLAttributes } from 'react';
+export declare type AlertOptions = 'informative' | 'success' | 'warning' | 'error';
+export declare type formRegister = {
+    onChange: ChangeEventHandler<HTMLTextAreaElement>;
+    onBlur: ChangeEventHandler;
+    ref: Ref<any>;
+    name: string;
+};
+export interface ITextAreaInputProps extends TextareaHTMLAttributes<any> {
+    isDisabled?: boolean;
+    alert?: AlertOptions;
+    isInvalid?: boolean;
+    label?: string;
+    helperText?: string;
+    maxWidth?: number | string;
+    height?: number | string;
+    formRegister?: formRegister;
+}
+export declare type IStyledTextAreaInput = {
+    hasValueOnInput?: boolean;
+    height?: number | string;
+    maxWidth?: number | string;
+    isLoading?: boolean;
+    isInvalid?: boolean;
+    alert?: AlertOptions;
+};
 //# sourceMappingURL=types.d.ts.map

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IThumbnailProps } from './types';
-export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
+/// <reference types="react" />
+import { IThumbnailProps } from './types';
+export declare function Thumbnail({ src, alt, maxAllowedSize, color, isUploading, size, onSelect, getThumbImage, }: IThumbnailProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,43 +1,39 @@
-/// <reference types="react" />
-import { IStyledThumbnail } from './types';
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const FileInput: 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 InputRadio: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const HelpText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+/// <reference types="react" />
+import { IStyledThumbnail } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const ThumbWrapper: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const PreviewImage: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
+export declare const SelectRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const FileInput: 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 InputRadio: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const HelpText: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & IStyledThumbnail, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,OAAO;;;4HAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;UAIvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;UAiBxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;mIAMxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4HAYvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;kHAUrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;qIAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;8HAMpB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Thumbnail/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,OAAO;;;4HAiBnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;UAIvB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;UAiBxB,CAAC;AAEF,eAAO,MAAM,YAAY;;;mIAMxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;4HAYvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;kHAUrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;qIAgBtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;8HAMpB,CAAC"}

package/dist/components/Thumbnail/thumbnail.test.d.ts

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

package/dist/components/Thumbnail/thumbnail.test.d.ts.map

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

package/dist/components/Thumbnail/thumbnail.test.js

@@ -0,0 +1,82 @@
+"use strict";
+
+require("@testing-library/jest-dom");
+
+var _react = require("@testing-library/react");
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+
+var _ = 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 makeSut = function makeSut(props) {
+  var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Thumbnail, _objectSpread({}, props))),
+      container = _render.container;
+
+  var file = new File(['any_content'], 'any_name.png', {
+    type: 'image/png'
+  });
+  var input = container.querySelector('input[type=file]');
+  return {
+    container: container,
+    file: file,
+    input: input
+  };
+};
+
+describe('Thumbnail', function () {
+  beforeEach(function () {
+    window.URL.createObjectURL = jest.fn(function () {
+      return 'blob_url';
+    });
+  });
+  it('Should render Thumbnail with url', function () {
+    makeSut({
+      src: 'https://image.flaticon.com/icons/png/512/833/833268.png',
+      alt: 'any_alt'
+    });
+    expect(_react.screen.getByAltText('any_alt')).toBeInTheDocument();
+  });
+  it('Should input recieve file', function () {
+    var _makeSut = makeSut(),
+        file = _makeSut.file,
+        input = _makeSut.input;
+
+    _userEvent.default.upload(input, file);
+
+    expect(input.files && input.files[0]).toStrictEqual(file);
+  });
+  it('Should render preview image', function () {
+    var _makeSut2 = makeSut(),
+        file = _makeSut2.file,
+        input = _makeSut2.input;
+
+    _userEvent.default.upload(input, file);
+
+    expect(_react.screen.getByAltText(file.name)).toBeInTheDocument();
+  });
+  it('Should return image on onSelect', function () {
+    var mockState = jest.fn();
+
+    var _makeSut3 = makeSut({
+      getThumbImage: mockState
+    }),
+        file = _makeSut3.file,
+        input = _makeSut3.input;
+
+    _userEvent.default.upload(input, file);
+
+    expect(mockState).toBeCalledWith(file);
+  });
+});

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

@@ -1,29 +1,29 @@
-import { ChangeEvent } from 'react';
-export interface IThumbnailProps {
-    src?: string;
-    alt?: string;
-    isUploading?: boolean;
-    maxAllowedSize?: number;
-    color?: string;
-    size?: 'sm' | 'md' | 'lg';
-    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
-    getThumbImage?: (file: File) => void;
-}
-export declare type ImageState = {
-    preview: string;
-    alt?: string;
-};
-export interface IStyledThumbnail {
-    selectedColor?: string;
-    darkerGray?: string;
-    darkGray?: string;
-    grayColor?: string;
-    borderGray?: string;
-    showRadio?: boolean;
-    toBeSelected?: boolean;
-    size?: string;
-    sizeImage?: string;
-    isFileInput?: boolean;
-    textColor?: string;
-}
+import { ChangeEvent } from 'react';
+export interface IThumbnailProps {
+    src?: string;
+    alt?: string;
+    isUploading?: boolean;
+    maxAllowedSize?: number;
+    color?: string;
+    size?: 'sm' | 'md' | 'lg';
+    onSelect?: (event: ChangeEvent<HTMLInputElement>) => void;
+    getThumbImage?: (file: File) => void;
+}
+export declare type ImageState = {
+    preview: string;
+    alt?: string;
+};
+export interface IStyledThumbnail {
+    selectedColor?: string;
+    darkerGray?: string;
+    darkGray?: string;
+    grayColor?: string;
+    borderGray?: string;
+    showRadio?: boolean;
+    toBeSelected?: boolean;
+    size?: string;
+    sizeImage?: string;
+    isFileInput?: boolean;
+    textColor?: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Thumbnail/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './validate-file-size';
-export * from './validate-file-type';
+export * from './validate-file-size';
+export * from './validate-file-type';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-size.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
+export declare function isValidFileSize(fileSize: number, maxAllowedSize: number): boolean;
 //# sourceMappingURL=validate-file-size.d.ts.map

package/dist/components/Thumbnail/utils/validate-file-type.d.ts

@@ -1,2 +1,2 @@
-export declare function isValidFileType(fileName: string): boolean;
+export declare function isValidFileType(fileName: string): boolean;
 //# sourceMappingURL=validate-file-type.d.ts.map

package/dist/components/Timeline/components/Timeline.d.ts

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

package/dist/components/Timeline/components/TimelineContent.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineContentProps } from '../types';
-export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineContentProps } from '../types';
+export declare const TimelineContent: ({ title, description, date, ...rest }: ITimelineContentProps) => JSX.Element;
 //# sourceMappingURL=TimelineContent.d.ts.map

package/dist/components/Timeline/components/TimelineItem.d.ts

@@ -1,3 +1,3 @@
-import { FC, HTMLAttributes } from 'react';
-export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
+import { FC, HTMLAttributes } from 'react';
+export declare const TimelineItem: FC<HTMLAttributes<HTMLLIElement>>;
 //# sourceMappingURL=TimelineItem.d.ts.map

package/dist/components/Timeline/components/TimelineSeparator.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { ITimelineSeparatorProps } from '../types';
-export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
+/// <reference types="react" />
+import { ITimelineSeparatorProps } from '../types';
+export declare const TimelineSeparator: ({ icon, circleColor }: ITimelineSeparatorProps) => JSX.Element;
 //# sourceMappingURL=TimelineSeparator.d.ts.map

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

@@ -1,5 +1,5 @@
-export { Timeline } from './components/Timeline';
-export { TimelineItem } from './components/TimelineItem';
-export { TimelineSeparator } from './components/TimelineSeparator';
-export { TimelineContent } from './components/TimelineContent';
+export { Timeline } from './components/Timeline';
+export { TimelineItem } from './components/TimelineItem';
+export { TimelineSeparator } from './components/TimelineSeparator';
+export { TimelineContent } from './components/TimelineContent';
 //# sourceMappingURL=index.d.ts.map