@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Dialog/dialog.test.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+var _react = require("@testing-library/react");
+
+require("@testing-library/jest-dom");
+
+var _ThemeContext = require("../../shared/theme/contexts/ThemeContext");
+
+var _ = require(".");
+
+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; }
+
+var setup = function setup(props) {
+  var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dialog, _objectSpread({}, props))
+  }));
+  return _objectSpread({}, utils);
+};
+
+describe('Dialog', function () {
+  it('should render the dialog component', function () {
+    var _setup = setup({
+      open: true,
+      title: 'Title',
+      message: 'test',
+      onClose: function onClose() {}
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should call the close callback in the dialog component', function () {
+    var onClose = jest.fn();
+
+    var _setup2 = setup({
+      open: true,
+      title: 'Title',
+      message: 'test',
+      onClose: onClose,
+      closeButton: true
+    }),
+        container = _setup2.container;
+
+    var closeButton = container.querySelector('.ppui-dialog__close-button');
+    expect(closeButton).toBeInTheDocument();
+
+    _react.fireEvent.click(closeButton);
+  });
+  it('should render the dialog component with the correct title', function () {
+    var _setup3 = setup({
+      open: true,
+      title: 'Title',
+      message: 'test',
+      onClose: function onClose() {}
+    }),
+        getByText = _setup3.getByText;
+
+    expect(getByText('Title')).toBeInTheDocument();
+  });
+  it('should render the dialog component with different icon', function () {
+    var _setup4 = setup({
+      open: true,
+      title: 'Title',
+      message: 'test',
+      onClose: function onClose() {},
+      illustration: 'illust-banking-billet'
+    }),
+        container = _setup4.container;
+
+    var main = container.querySelector('[name="illust-gift"]');
+    expect(main).toBeInTheDocument();
+  });
+});

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { IDialogProps } from './types';
-export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
+/// <reference types="react" />
+import { IDialogProps } from './types';
+export declare function Dialog({ open, illustration, title, message, closeButton, confirmationButton, cancelButton, backgroundColor, contentColor, onClose, }: IDialogProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,26 +1,26 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const Container: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isMobile: boolean;
-    illustration: boolean;
-    backgroundColor: string;
-    contentColor: string;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const CloseButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    secondaryButtonColor?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isMobile: boolean;
+    illustration: boolean;
+    backgroundColor: string;
+    contentColor: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const PrimaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const SecondaryButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    secondaryButtonColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,31 +1,31 @@
-import { IconName } from '../Icon/types';
-import { GlobalColorsProps } from './../../shared/theme/theme.types';
-export interface DialogButton {
-    /** The label visible in the button. */
-    label: string;
-    /** The handler called once the button is clicked. */
-    handler: () => void;
-}
-export interface IDialogProps {
-    /** If the modal is open or not. */
-    open: boolean;
-    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
-    illustration?: IconName;
-    /** Optional. The title displayed in the Dialog. */
-    title?: string;
-    /** The message displayed in the Dialog. */
-    message: string;
-    /** Optional.  The color of the background */
-    backgroundColor?: GlobalColorsProps | (string & {});
-    /** Optional. The color of the content */
-    contentColor?: GlobalColorsProps | (string & {});
-    /** Optional. If a close button is displayed in the Dialog. */
-    closeButton?: boolean;
-    /** Optional. The data for a confirmation button in the Dialog. */
-    confirmationButton?: DialogButton;
-    /** Optional. The data for a cancel button in the Dialog. */
-    cancelButton?: DialogButton;
-    /** Handler called once the Modal is triggered to close. */
-    onClose: () => void;
-}
+import { IconName } from '../Icon/types';
+import { GlobalColorsProps } from './../../shared/theme/theme.types';
+export interface DialogButton {
+    /** The label visible in the button. */
+    label: string;
+    /** The handler called once the button is clicked. */
+    handler: () => void;
+}
+export interface IDialogProps {
+    /** If the modal is open or not. */
+    open: boolean;
+    /** Optional. The name of the illustration displayed in the Dialog as listed in the Icon component. */
+    illustration?: IconName;
+    /** Optional. The title displayed in the Dialog. */
+    title?: string;
+    /** The message displayed in the Dialog. */
+    message: string;
+    /** Optional.  The color of the background */
+    backgroundColor?: GlobalColorsProps | (string & {});
+    /** Optional. The color of the content */
+    contentColor?: GlobalColorsProps | (string & {});
+    /** Optional. If a close button is displayed in the Dialog. */
+    closeButton?: boolean;
+    /** Optional. The data for a confirmation button in the Dialog. */
+    confirmationButton?: DialogButton;
+    /** Optional. The data for a cancel button in the Dialog. */
+    cancelButton?: DialogButton;
+    /** Handler called once the Modal is triggered to close. */
+    onClose: () => void;
+}
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Dropzone/dropzone.test.d.ts

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

package/dist/components/Dropzone/dropzone.test.d.ts.map

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

package/dist/components/Dropzone/dropzone.test.js

@@ -0,0 +1,79 @@
+"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 utils;
+};
+
+describe('Dropzone', function () {
+  beforeAll(function () {
+    window.URL.createObjectURL = jest.fn();
+  });
+  it('should it render the dropzone correctly', function () {
+    var _setup = setup({
+      onChange: jest.fn(),
+      onDropAccepted: jest.fn(),
+      onDropRejected: jest.fn(),
+      onDragEnter: jest.fn(),
+      onDragLeave: jest.fn()
+    }),
+        container = _setup.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('shoud it render the dropzone with multiple prop', function () {
+    var _setup2 = setup({
+      onChange: jest.fn(),
+      onDropAccepted: jest.fn(),
+      onDropRejected: jest.fn(),
+      onDragEnter: jest.fn(),
+      onDragLeave: jest.fn(),
+      multiple: true
+    }),
+        container = _setup2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the dropzone with accept prop', function () {
+    var _setup3 = setup({
+      onChange: jest.fn(),
+      onDropAccepted: jest.fn(),
+      onDropRejected: jest.fn(),
+      onDragEnter: jest.fn(),
+      onDragLeave: jest.fn(),
+      accept: 'image/*'
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the dropzone with disabled prop', function () {
+    var _setup4 = setup({
+      onChange: jest.fn(),
+      onDropAccepted: jest.fn(),
+      onDropRejected: jest.fn(),
+      onDragEnter: jest.fn(),
+      onDragLeave: jest.fn(),
+      disabled: true
+    }),
+        container = _setup4.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import { DropzoneProps } from './types';
-declare const Dropzone: ({ icon, title, disabledButton, buttonText, alert, helperText, multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
-export default Dropzone;
+/// <reference types="react" />
+import { DropzoneProps } from './types';
+declare const Dropzone: ({ icon, title, disabledButton, buttonText, alert, helperText, multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
+export default Dropzone;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,61 +1,61 @@
-/// <reference types="react" />
-import { DropzoneAlertType } from './types';
-export declare const DropzoneContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    alert?: DropzoneAlertType | undefined;
-    isDraggingOver: boolean;
-    haveItems: boolean;
-    isDisabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropzoneInput: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
-export declare const DropzoneFileBox: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const DropzoneImageAddButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    isDraggingOver: boolean;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DropzoneRemoveButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-export declare const DropzoneFilename: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
-export declare const DropzoneText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
-    variant?: "small" | "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | "strong" | undefined;
-    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
-    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
-    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
-    lineHeight?: string | number | undefined;
-    textAlign?: "center" | "end" | "start" | undefined;
-    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
-    textDecoration?: "none" | "underline" | "line-through" | undefined;
-    letterSpacing?: string | number | undefined;
-    htmlFor?: string | undefined;
-    children?: import("react").ReactNode;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    alert?: DropzoneAlertType | undefined;
-    subinfo?: boolean | undefined;
-}, {}, {}>;
-export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+/// <reference types="react" />
+import { DropzoneAlertType } from './types';
+export declare const DropzoneContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    alert?: DropzoneAlertType | undefined;
+    isDraggingOver: boolean;
+    haveItems: boolean;
+    isDisabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropzoneInput: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare const DropzoneFileBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DropzoneImageAddButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    isDraggingOver: boolean;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DropzoneRemoveButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
+export declare const DropzoneFilename: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
+export declare const DropzoneText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
+    variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
+    color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+    fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
+    fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
+    fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
+    lineHeight?: string | number | undefined;
+    textAlign?: "center" | "end" | "start" | undefined;
+    textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
+    textDecoration?: "none" | "underline" | "line-through" | undefined;
+    letterSpacing?: string | number | undefined;
+    htmlFor?: string | undefined;
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    alert?: DropzoneAlertType | undefined;
+    subinfo?: boolean | undefined;
+}, {}, {}>;
+export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

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

@@ -1,28 +1,28 @@
-import { HTMLAttributes, DragEvent as ReactDragEvent } from 'react';
-import { ExtendThemeProps } from './../../shared/theme/theme.types';
-import { IconName } from '../Icon/types';
-export declare type DropzoneAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
-export declare type DropzoneProps = HTMLAttributes<HTMLDivElement> & {
-    alert?: DropzoneAlertType;
-    helperText?: string;
-    icon?: IconName;
-    title?: string;
-    disabledButton?: boolean;
-    buttonText?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    accept?: string;
-    onChange?: (acceptedFiles: File[]) => void;
-    onDropAccepted?: (files: File[]) => void;
-    onDropRejected?: (files: File[]) => void;
-    onDragEnter?: (event: ReactDragEvent<HTMLDivElement>) => void;
-    onDragLeave?: (event: ReactDragEvent<HTMLDivElement>) => void;
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps;
-};
-export declare type FileProps = File & {
-    id: string;
-    preview: string;
-};
+import { HTMLAttributes, DragEvent as ReactDragEvent } from 'react';
+import { ExtendThemeProps } from './../../shared/theme/theme.types';
+import { IconName } from '../Icon/types';
+export declare type DropzoneAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
+export declare type DropzoneProps = HTMLAttributes<HTMLDivElement> & {
+    alert?: DropzoneAlertType;
+    helperText?: string;
+    icon?: IconName;
+    title?: string;
+    disabledButton?: boolean;
+    buttonText?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    onChange?: (acceptedFiles: File[]) => void;
+    onDropAccepted?: (files: File[]) => void;
+    onDropRejected?: (files: File[]) => void;
+    onDragEnter?: (event: ReactDragEvent<HTMLDivElement>) => void;
+    onDragLeave?: (event: ReactDragEvent<HTMLDivElement>) => void;
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps;
+};
+export declare type FileProps = File & {
+    id: string;
+    preview: string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Dropzone/utils/accepts.d.ts

@@ -1,11 +1,11 @@
-/**
- * Verify if the given file can be accepted by the dropzone.
- *
- * Code abstration of: https://github.com/react-dropzone/attr-accept
- *
- * @param file The file to verify
- * @param acceptedFiles The accepted files
- * @returns true if the file can be accepted, false otherwise
- */
-export declare const accepts: (file: File, acceptedFormats: string) => boolean;
+/**
+ * Verify if the given file can be accepted by the dropzone.
+ *
+ * Code abstration of: https://github.com/react-dropzone/attr-accept
+ *
+ * @param file The file to verify
+ * @param acceptedFiles The accepted files
+ * @returns true if the file can be accepted, false otherwise
+ */
+export declare const accepts: (file: File, acceptedFormats: string) => boolean;
 //# sourceMappingURL=accepts.d.ts.map

package/dist/components/Flex/flex.test.d.ts

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

package/dist/components/Flex/flex.test.d.ts.map

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