@pedidopago/ui 1.7.25 → 1.8.0

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

@@ -1,68 +1 @@
-"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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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
-      }),
-      baseElement = _setup2.baseElement;
-    var closeButton = baseElement.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'
-      }),
-      baseElement = _setup4.baseElement;
-    var main = baseElement.querySelector('[name="illust-banking-billet"]');
-    expect(main).toBeInTheDocument();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils"),_react=require("@testing-library/react");require("@testing-library/jest-dom");var _ThemeContext=require("../../shared/theme/contexts/ThemeContext"),_=require("."),_jsxRuntime=require("react/jsx-runtime");function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(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:!0,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(),_setup2=setup({open:!0,title:"Title",message:"test",onClose:onClose,closeButton:!0}),baseElement=_setup2.baseElement,closeButton=baseElement.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:!0,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:!0,title:"Title",message:"test",onClose:function onClose(){},illustration:"illust-banking-billet"}),baseElement=_setup4.baseElement,main=baseElement.querySelector("[name=\"illust-banking-billet\"]");expect(main).toBeInTheDocument()})});

package/dist/components/Dialog/index.js

@@ -1,103 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Dialog = Dialog;
-var _Modal = require("../Modal");
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Typography = _interopRequireDefault(require("../Typography"));
-var _styles = require("./styles");
-var _useDevices = require("../../shared/hooks/useDevices");
-var _colorCheck = require("../../utils/colorCheck");
-var _theme = require("../../shared/theme");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/* eslint-disable no-console */
-// Components
-
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Dialog=Dialog;var _Modal=require("../Modal"),_Flex=_interopRequireDefault(require("../Flex")),_Icon=_interopRequireDefault(require("../Icon")),_Typography=_interopRequireDefault(require("../Typography")),_styles=require("./styles"),_useDevices=require("../../shared/hooks/useDevices"),_colorCheck=require("../../utils/colorCheck"),_theme=require("../../shared/theme"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}/* eslint-disable no-console */ // Components
 // Styles
-
 // Types
-
 // Hooks
-
-function Dialog(_ref) {
-  var open = _ref.open,
-    illustration = _ref.illustration,
-    title = _ref.title,
-    message = _ref.message,
-    closeButton = _ref.closeButton,
-    confirmationButton = _ref.confirmationButton,
-    cancelButton = _ref.cancelButton,
-    backgroundColor = _ref.backgroundColor,
-    contentColor = _ref.contentColor,
-    onClose = _ref.onClose;
-  var _useTheme = (0, _theme.useTheme)(),
-    theme = _useTheme.theme;
-  var isMobile = (0, _useDevices.useDevices)('mobile');
-  var backgroundColorValue = backgroundColor ? (0, _colorCheck.stripThemeColors)(backgroundColor, theme.colors) || backgroundColor : theme.colors.neutral.white;
-  var contentColorValue = contentColor ? (0, _colorCheck.stripThemeColors)(contentColor, theme.colors) || contentColor : theme.colors.neutral.black;
-  var isHidden = !open;
-  var tabIndex = isHidden ? -1 : 0;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Modal.Modal, {
-    open: open,
-    "aria-hidden": isHidden,
-    maxWidth: "640px",
-    onClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-      className: "ppui-dialog__container",
-      isMobile: isMobile,
-      role: "dialog",
-      illustration: !!illustration,
-      backgroundColor: backgroundColorValue,
-      contentColor: contentColorValue,
-      children: [closeButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.CloseButton, {
-        className: "ppui-dialog__close-button",
-        tabIndex: tabIndex,
-        "aria-hidden": isHidden,
-        onClick: onClose,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-          name: "x",
-          size: 24,
-          color: theme.colors.neutral.neutral4
-        })
-      }), !!illustration && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-        name: illustration,
-        size: "124px"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-        direction: "column",
-        spacing: "40px",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          style: {
-            paddingRight: closeButton ? 40 : 0
-          },
-          children: [!!title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "lg",
-            fontWeight: "600",
-            children: title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
-            fontSize: "md",
-            fontWeight: "400",
-            children: message
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("footer", {
-          children: [!!confirmationButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.PrimaryButton, {
-            className: "ppui-dialog__confirm-button",
-            tabIndex: tabIndex,
-            "aria-hidden": isHidden,
-            onClick: confirmationButton.handler,
-            children: confirmationButton.label
-          }), !!cancelButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.SecondaryButton, {
-            className: "ppui-dialog__cancel-button",
-            tabIndex: tabIndex,
-            "aria-hidden": isHidden,
-            onClick: cancelButton.handler,
-            children: cancelButton.label
-          })]
-        })]
-      })]
-    })
-  });
-}
+function Dialog(_ref){var open=_ref.open,illustration=_ref.illustration,title=_ref.title,message=_ref.message,closeButton=_ref.closeButton,confirmationButton=_ref.confirmationButton,cancelButton=_ref.cancelButton,backgroundColor=_ref.backgroundColor,contentColor=_ref.contentColor,onClose=_ref.onClose,_useTheme=(0,_theme.useTheme)(),theme=_useTheme.theme,isMobile=(0,_useDevices.useDevices)("mobile"),backgroundColorValue=backgroundColor?(0,_colorCheck.stripThemeColors)(backgroundColor,theme.colors)||backgroundColor:theme.colors.neutral.white,contentColorValue=contentColor?(0,_colorCheck.stripThemeColors)(contentColor,theme.colors)||contentColor:theme.colors.neutral.black,isHidden=!open,tabIndex=isHidden?-1:0;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Modal.Modal,{open:open,"aria-hidden":isHidden,maxWidth:"640px",onClose:onClose,children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.Container,{className:"ppui-dialog__container",isMobile:isMobile,role:"dialog",illustration:!!illustration,backgroundColor:backgroundColorValue,contentColor:contentColorValue,children:[closeButton&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.CloseButton,{className:"ppui-dialog__close-button",tabIndex:tabIndex,"aria-hidden":isHidden,onClick:onClose,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",size:24,color:theme.colors.neutral.neutral4})}),!!illustration&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:illustration,size:"124px"}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"40px",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)("div",{style:{paddingRight:closeButton?40:0},children:[!!title&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"lg",fontWeight:"600",children:title}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"md",fontWeight:"400",children:message})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)("footer",{children:[!!confirmationButton&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.PrimaryButton,{className:"ppui-dialog__confirm-button",tabIndex:tabIndex,"aria-hidden":isHidden,onClick:confirmationButton.handler,children:confirmationButton.label}),!!cancelButton&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.SecondaryButton,{className:"ppui-dialog__cancel-button",tabIndex:tabIndex,"aria-hidden":isHidden,onClick:cancelButton.handler,children:cancelButton.label})]})]})]})})}

package/dist/components/Dialog/styles.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SecondaryButton = exports.PrimaryButton = exports.Container = exports.CloseButton = void 0;
-var _react = require("@emotion/react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var Container = _styled.default.div(function (props) {
-  return (0, _react.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ", ";\n    ", "\n    justify-content: space-between;\n    gap: 16px;\n    border-radius: inherit;\n    padding: 32px;\n    min-height: 120px;\n    position: relative;\n\n    background-color: ", ";\n\n    & p {\n      color: ", ";\n    }\n\n    & > button:first-of-type {\n      position: absolute;\n      top: 32px;\n      right: 32px;\n    }\n\n    & > svg {\n      flex-shrink: 0;\n    }\n\n    & > div {\n      width: 100%;\n\n      & > div {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n\n        margin-right: auto;\n        ", "\n      }\n\n      & > footer {\n        display: flex;\n        flex-direction: ", ";\n        gap: 16px;\n      }\n    }\n\n    ", "\n  "])), props.isMobile ? 'column' : 'row', props.isMobile ? (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n          align-items: center;\n        "]))) : '', props.backgroundColor, props.contentColor, props.isMobile ? (0, _react.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n              padding: 0 !important;\n\n              text-align: center;\n            "]))) : '', props.isMobile ? 'column' : props.illustration ? 'row' : 'row-reverse', props.isMobile && "\n      & .ppui-dialog__confirm-button,\n      & .ppui-dialog__cancel-button {\n        width: 100%;\n      }\n    ");
-});
-exports.Container = Container;
-var CloseButton = _styled.default.button(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  outline: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])));
-exports.CloseButton = CloseButton;
-var PrimaryButton = _styled.default.button(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 14px 24px;\n  border-radius: 8px;\n  background: ", ";\n  color: ", ";\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 16px;\n  border: 0;\n  outline: 0;\n  cursor: pointer;\n  transition: all ease 0.2s;\n\n  &:hover {\n    filter: brightness(0.7);\n  }\n\n  &:focus {\n    background-color: ", ";\n  }\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])), function (props) {
-  return props.theme.colors.primary.focus;
-}, function (props) {
-  return props.theme.lightColors.neutral.neutral1;
-}, function (props) {
-  return props.theme.colors.primary.focus;
-});
-exports.PrimaryButton = PrimaryButton;
-var SecondaryButton = _styled.default.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  padding: 14px 24px;\n  border-radius: 8px;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 16px;\n  border: 0;\n  outline: 0;\n  color: ", ";\n  cursor: pointer;\n\n  &:hover {\n    color: ", ";\n  }\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])), function (props) {
-  return props.theme.colors.neutral.neutral3;
-}, function (props) {
-  return props.theme.colors.neutral.neutral5;
-});
-exports.SecondaryButton = SecondaryButton;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SecondaryButton=exports.PrimaryButton=exports.Container=exports.CloseButton=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_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 Container=_styled.default.div(function(props){return(0,_react.css)(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: ",";\n    ","\n    justify-content: space-between;\n    gap: 16px;\n    border-radius: inherit;\n    padding: 32px;\n    min-height: 120px;\n    position: relative;\n\n    background-color: ",";\n\n    & p {\n      color: ",";\n    }\n\n    & > button:first-of-type {\n      position: absolute;\n      top: 32px;\n      right: 32px;\n    }\n\n    & > svg {\n      flex-shrink: 0;\n    }\n\n    & > div {\n      width: 100%;\n\n      & > div {\n        display: flex;\n        flex-direction: column;\n        gap: 32px;\n\n        margin-right: auto;\n        ","\n      }\n\n      & > footer {\n        display: flex;\n        flex-direction: ",";\n        gap: 16px;\n      }\n    }\n\n    ","\n  "])),props.isMobile?"column":"row",props.isMobile?(0,_react.css)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n          align-items: center;\n        "]))):"",props.backgroundColor,props.contentColor,props.isMobile?(0,_react.css)(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n              padding: 0 !important;\n\n              text-align: center;\n            "]))):"",props.isMobile?"column":props.illustration?"row":"row-reverse",props.isMobile&&"\n      & .ppui-dialog__confirm-button,\n      & .ppui-dialog__cancel-button {\n        width: 100%;\n      }\n    ")});exports.Container=Container;var CloseButton=_styled.default.button(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n  outline: 0;\n  border: 0;\n  background: transparent;\n  cursor: pointer;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])));exports.CloseButton=CloseButton;var PrimaryButton=_styled.default.button(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n  padding: 14px 24px;\n  border-radius: 8px;\n  background: ",";\n  color: ",";\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 16px;\n  border: 0;\n  outline: 0;\n  cursor: pointer;\n  transition: all ease 0.2s;\n\n  &:hover {\n    filter: brightness(0.7);\n  }\n\n  &:focus {\n    background-color: ",";\n  }\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])),function(props){return props.theme.colors.primary.focus},function(props){return props.theme.lightColors.neutral.neutral1},function(props){return props.theme.colors.primary.focus});exports.PrimaryButton=PrimaryButton;var SecondaryButton=_styled.default.button(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n  padding: 14px 24px;\n  border-radius: 8px;\n  background: transparent;\n  font-family: inherit;\n  font-weight: 600;\n  font-size: 16px;\n  border: 0;\n  outline: 0;\n  color: ",";\n  cursor: pointer;\n\n  &:hover {\n    color: ",";\n  }\n\n  &:focus-visible {\n    outline: 3px solid black;\n  }\n"])),function(props){return props.theme.colors.neutral.neutral3},function(props){return props.theme.colors.neutral.neutral5});exports.SecondaryButton=SecondaryButton;

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

@@ -1,69 +1 @@
-"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 _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-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();
-  });
-});
+"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _=_interopRequireDefault(require(".")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}var setup=function(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:!0}),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:!0}),container=_setup4.container;expect(container).toBeInTheDocument()})});

package/dist/components/Dropzone/index.js

@@ -1,289 +1 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _framerMotion = require("framer-motion");
-var _Icon = _interopRequireDefault(require("../Icon"));
-var _Flex = _interopRequireDefault(require("../Flex"));
-var _Button = _interopRequireDefault(require("../Button"));
-var _styles = require("./styles");
-var _accepts = require("./utils/accepts");
-var _generateUUID = require("../../utils/generateUUID");
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["icon", "title", "disabledButton", "buttonText", "alert", "helperText", "multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
-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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var Dropzone = function Dropzone(_ref) {
-  var icon = _ref.icon,
-    title = _ref.title,
-    _ref$disabledButton = _ref.disabledButton,
-    disabledButton = _ref$disabledButton === void 0 ? false : _ref$disabledButton,
-    buttonText = _ref.buttonText,
-    alert = _ref.alert,
-    helperText = _ref.helperText,
-    multiple = _ref.multiple,
-    onChange = _ref.onChange,
-    onDropAccepted = _ref.onDropAccepted,
-    onDropRejected = _ref.onDropRejected,
-    _ref$accept = _ref.accept,
-    accept = _ref$accept === void 0 ? '' : _ref$accept,
-    onDragEnter = _ref.onDragEnter,
-    onDragLeave = _ref.onDragLeave,
-    disabled = _ref.disabled,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  var _useState = (0, _react.useState)([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    acceptedFiles = _useState2[0],
-    setAcceptedFiles = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isDragging = _useState4[0],
-    setIsDragging = _useState4[1];
-  var fileInputRef = (0, _react.useRef)(null);
-  function updateInputFiles(files) {
-    if (fileInputRef.current) {
-      var acceptedFilesFilter = new DataTransfer();
-      files.forEach(function (file) {
-        var newFile = new File([file.preview], file.name, {
-          type: file.type
-        });
-        acceptedFilesFilter.items.add(newFile);
-      });
-      fileInputRef.current.files = acceptedFilesFilter.files;
-    }
-  }
-  function addIdToFiles(files) {
-    var filesWithId = files.map(function (file) {
-      var newFile = file;
-      newFile.id = (0, _generateUUID.generateUUID)();
-      newFile.preview = URL.createObjectURL(file);
-      return newFile;
-    });
-    return filesWithId;
-  }
-  function handleUploadFile(files, isDropEvent) {
-    var filterAcceptedFiles = files.filter(function (file) {
-      return (0, _accepts.accepts)(file, accept);
-    });
-    var filterRejectedFiles = files.filter(function (file) {
-      return !(0, _accepts.accepts)(file, accept);
-    });
-    setAcceptedFiles(function (oldValue) {
-      var filesWithId = addIdToFiles(filterAcceptedFiles);
-      var mergedValues = [].concat(_toConsumableArray(oldValue), _toConsumableArray(filesWithId));
-      var newValue = multiple ? mergedValues : filesWithId;
-      updateInputFiles(newValue);
-      if (filterAcceptedFiles.length > 0 && fileInputRef.current) {
-        var allAcceptedFiles = Array.from(fileInputRef.current.files || []);
-        onChange === null || onChange === void 0 ? void 0 : onChange(allAcceptedFiles);
-        isDropEvent && (onDropAccepted === null || onDropAccepted === void 0 ? void 0 : onDropAccepted(filterAcceptedFiles));
-      }
-      if (isDropEvent && filterRejectedFiles.length > 0) {
-        onDropRejected === null || onDropRejected === void 0 ? void 0 : onDropRejected(filterRejectedFiles);
-      }
-      return newValue;
-    });
-  }
-  function handleDrop(e) {
-    e.preventDefault();
-    e.stopPropagation();
-    var files = Array.from(e.dataTransfer.files);
-    handleUploadFile(files, true);
-    setIsDragging(false);
-  }
-  function handleChange(e) {
-    var files = Array.from(e.target.files || []);
-    handleUploadFile(files);
-  }
-  function handleDragEnterLeave(e, type) {
-    e.preventDefault();
-    e.stopPropagation();
-    if (type === 'enter') {
-      setIsDragging(true);
-      onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(e);
-    } else {
-      setIsDragging(false);
-      onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(e);
-    }
-  }
-  function handleRemoveFile(fileId) {
-    var filteredFiles = acceptedFiles.filter(function (file) {
-      return file.id !== fileId;
-    });
-    setAcceptedFiles(filteredFiles);
-    onChange === null || onChange === void 0 ? void 0 : onChange(filteredFiles);
-    if (filteredFiles.length === 0 && fileInputRef.current) {
-      fileInputRef.current.value = '';
-      fileInputRef.current.files = null;
-    }
-  }
-  var dropzoneVariants = {
-    initial: {
-      opacity: 0,
-      scale: 0.8
-    },
-    visible: {
-      opacity: 1,
-      y: 0,
-      scale: 1
-    },
-    hidden: {
-      opacity: 0,
-      scale: 0.8
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneContainer, _objectSpread(_objectSpread({
-    isDraggingOver: isDragging,
-    isDisabled: disabled,
-    alert: alert
-  }, rest), {}, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneInput, {
-      ref: fileInputRef,
-      type: "file",
-      multiple: multiple,
-      accept: accept,
-      onChange: handleChange,
-      onDrop: handleDrop,
-      onDragEnter: function onDragEnter(event) {
-        return handleDragEnterLeave(event, 'enter');
-      },
-      onDragLeave: function onDragLeave(event) {
-        return handleDragEnterLeave(event, 'leave');
-      },
-      disabled: disabled
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.AnimatePresence, {
-      mode: "wait",
-      children: acceptedFiles.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-        alignItems: "center",
-        spacing: "4",
-        wrap: "wrap",
-        justifyContent: "center",
-        children: [acceptedFiles.map(function (file) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
-            variants: dropzoneVariants,
-            initial: "initial",
-            animate: "visible",
-            exit: "hidden",
-            transition: {
-              duration: 0.2,
-              ease: 'easeInOut'
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneFileBox, {
-              disabled: disabled,
-              children: [file.type.indexOf('image') !== -1 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: file.preview,
-                alt: file.name
-              }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-                direction: "column",
-                spacing: "2",
-                justifyContent: "center",
-                alignItems: "center",
-                style: {
-                  maxWidth: '100%'
-                },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                  name: file.type.split('/').includes('pdf') ? 'pdf' : file.type.split('/').includes('csv') ? 'csv' : file.type.split('/').includes('xls') ? 'xls' : 'file',
-                  size: "30",
-                  color: "neutral.black"
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneFilename, {
-                  children: file.name
-                })]
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneRemoveButton, {
-                onClick: function onClick() {
-                  return !disabled && handleRemoveFile(file.id);
-                },
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-                  name: "x",
-                  color: "background.light",
-                  size: 25
-                })
-              })]
-            })
-          }, file.id);
-        }), multiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneImageAddButton, {
-          isDraggingOver: isDragging,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-            name: "plus-circle",
-            color: "neutral.neutral3"
-          })
-        })]
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
-        variants: dropzoneVariants,
-        initial: "initial",
-        animate: "visible",
-        exit: "hidden",
-        transition: {
-          duration: 0.2,
-          ease: 'easeInOut'
-        },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-          direction: "column",
-          spacing: "2",
-          alignItems: "center",
-          justifyContent: "center",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_framerMotion.motion.div, {
-            initial: {
-              opacity: 0,
-              y: 10
-            },
-            animate: {
-              opacity: 1,
-              y: 0
-            },
-            transition: {
-              duration: 0.2,
-              ease: 'easeInOut',
-              delay: 0.2
-            },
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
-              name: icon || 'arrow-up-circle',
-              size: 48,
-              color: "neutral.neutral5"
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
-            direction: "column",
-            alignItems: "center",
-            children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
-              fontWeight: "600",
-              fontSize: "xs",
-              alert: alert,
-              children: title
-            }), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
-              fontSize: "xxs",
-              textAlign: "center",
-              color: "neutral.neutral2",
-              alert: alert,
-              children: helperText || 'ou solte um arquivo aqui'
-            })]
-          }), !disabledButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
-            variant: "outline",
-            bgColor: "neutral.neutral4",
-            children: [buttonText || 'Selecionar um arquivo', ' ']
-          })]
-        })
-      })
-    })]
-  }));
-};
-var _default = Dropzone;
-exports.default = _default;
+"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_Icon=_interopRequireDefault(require("../Icon")),_Flex=_interopRequireDefault(require("../Flex")),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_accepts=require("./utils/accepts"),_generateUUID=require("../../utils/generateUUID"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["icon","title","disabledButton","buttonText","alert","helperText","multiple","onChange","onDropAccepted","onDropRejected","accept","onDragEnter","onDragLeave","disabled"];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 source,i=1;i<arguments.length;i++)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){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread()}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}var Dropzone=function(_ref){function updateInputFiles(files){if(fileInputRef.current){var acceptedFilesFilter=new DataTransfer;files.forEach(function(file){var newFile=new File([file.preview],file.name,{type:file.type});acceptedFilesFilter.items.add(newFile)}),fileInputRef.current.files=acceptedFilesFilter.files}}function addIdToFiles(files){var filesWithId=files.map(function(file){var newFile=file;return newFile.id=(0,_generateUUID.generateUUID)(),newFile.preview=URL.createObjectURL(file),newFile});return filesWithId}function handleUploadFile(files,isDropEvent){var filterAcceptedFiles=files.filter(function(file){return(0,_accepts.accepts)(file,accept)}),filterRejectedFiles=files.filter(function(file){return!(0,_accepts.accepts)(file,accept)});setAcceptedFiles(function(oldValue){var filesWithId=addIdToFiles(filterAcceptedFiles),mergedValues=[].concat(_toConsumableArray(oldValue),_toConsumableArray(filesWithId)),newValue=multiple?mergedValues:filesWithId;if(updateInputFiles(newValue),0<filterAcceptedFiles.length&&fileInputRef.current){var allAcceptedFiles=Array.from(fileInputRef.current.files||[]);null===onChange||void 0===onChange?void 0:onChange(allAcceptedFiles),isDropEvent&&(null===onDropAccepted||void 0===onDropAccepted?void 0:onDropAccepted(filterAcceptedFiles))}return isDropEvent&&0<filterRejectedFiles.length&&(null===onDropRejected||void 0===onDropRejected?void 0:onDropRejected(filterRejectedFiles)),newValue})}function handleDragEnterLeave(e,type){e.preventDefault(),e.stopPropagation(),"enter"===type?(setIsDragging(!0),null===onDragEnter||void 0===onDragEnter?void 0:onDragEnter(e)):(setIsDragging(!1),null===onDragLeave||void 0===onDragLeave?void 0:onDragLeave(e))}function handleRemoveFile(fileId){var filteredFiles=acceptedFiles.filter(function(file){return file.id!==fileId});setAcceptedFiles(filteredFiles),null===onChange||void 0===onChange?void 0:onChange(filteredFiles),0===filteredFiles.length&&fileInputRef.current&&(fileInputRef.current.value="",fileInputRef.current.files=null)}var icon=_ref.icon,title=_ref.title,_ref$disabledButton=_ref.disabledButton,buttonText=_ref.buttonText,alert=_ref.alert,helperText=_ref.helperText,multiple=_ref.multiple,onChange=_ref.onChange,onDropAccepted=_ref.onDropAccepted,onDropRejected=_ref.onDropRejected,_ref$accept=_ref.accept,accept=void 0===_ref$accept?"":_ref$accept,onDragEnter=_ref.onDragEnter,onDragLeave=_ref.onDragLeave,disabled=_ref.disabled,rest=_objectWithoutProperties(_ref,_excluded),_useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),acceptedFiles=_useState2[0],setAcceptedFiles=_useState2[1],_useState3=(0,_react.useState)(!1),_useState4=_slicedToArray(_useState3,2),isDragging=_useState4[0],setIsDragging=_useState4[1],fileInputRef=(0,_react.useRef)(null),dropzoneVariants={initial:{opacity:0,scale:.8},visible:{opacity:1,y:0,scale:1},hidden:{opacity:0,scale:.8}};return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneContainer,_objectSpread(_objectSpread({isDraggingOver:isDragging,isDisabled:disabled,alert:alert},rest),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneInput,{ref:fileInputRef,type:"file",multiple:multiple,accept:accept,onChange:function(e){var files=Array.from(e.target.files||[]);handleUploadFile(files)},onDrop:function(e){e.preventDefault(),e.stopPropagation();var files=Array.from(e.dataTransfer.files);handleUploadFile(files,!0),setIsDragging(!1)},onDragEnter:function(event){return handleDragEnterLeave(event,"enter")},onDragLeave:function(event){return handleDragEnterLeave(event,"leave")},disabled:disabled}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:0<acceptedFiles.length?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{alignItems:"center",spacing:"4",wrap:"wrap",justifyContent:"center",children:[acceptedFiles.map(function(file){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{variants:dropzoneVariants,initial:"initial",animate:"visible",exit:"hidden",transition:{duration:.2,ease:"easeInOut"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneFileBox,{disabled:disabled,children:[-1===file.type.indexOf("image")?/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2",justifyContent:"center",alignItems:"center",style:{maxWidth:"100%"},children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:file.type.split("/").includes("pdf")?"pdf":file.type.split("/").includes("csv")?"csv":file.type.split("/").includes("xls")?"xls":"file",size:"30",color:"neutral.black"}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneFilename,{children:file.name})]}):/*#__PURE__*/(0,_jsxRuntime.jsx)("img",{src:file.preview,alt:file.name}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneRemoveButton,{onClick:function onClick(){return!disabled&&handleRemoveFile(file.id)},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"background.light",size:25})})]})},file.id)}),multiple&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneImageAddButton,{isDraggingOver:isDragging,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"plus-circle",color:"neutral.neutral3"})})]}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{variants:dropzoneVariants,initial:"initial",animate:"visible",exit:"hidden",transition:{duration:.2,ease:"easeInOut"},children:/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"2",alignItems:"center",justifyContent:"center",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{duration:.2,ease:"easeInOut",delay:.2},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:icon||"arrow-up-circle",size:48,color:"neutral.neutral5"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",alignItems:"center",children:[title&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneText,{fontWeight:"600",fontSize:"xs",alert:alert,children:title}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneText,{fontSize:"xxs",textAlign:"center",color:"neutral.neutral2",alert:alert,children:helperText||"ou solte um arquivo aqui"})]}),!(void 0!==_ref$disabledButton&&_ref$disabledButton)&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Button.default,{variant:"outline",bgColor:"neutral.neutral4",children:[buttonText||"Selecionar um arquivo"," "]})]})})})]}))},_default=Dropzone;exports.default=_default;