@pedidopago/ui 1.13.6 → 1.13.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/IllustrationCard/index.d.ts +3 -0
- package/dist/components/IllustrationCard/index.d.ts.map +1 -0
- package/dist/components/IllustrationCard/index.js +4 -0
- package/dist/components/IllustrationCard/styles.d.ts +6 -0
- package/dist/components/IllustrationCard/styles.d.ts.map +1 -0
- package/dist/components/IllustrationCard/styles.js +1 -0
- package/dist/components/IllustrationCard/types.d.ts +15 -0
- package/dist/components/IllustrationCard/types.d.ts.map +1 -0
- package/dist/components/IllustrationCard/types.js +1 -0
- package/dist/components/Input/index.js +1 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +1 -1
- package/dist/components/NewDropzone/DropzoneButton/index.d.ts +3 -0
- package/dist/components/NewDropzone/DropzoneButton/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/index.js +5 -0
- package/dist/components/NewDropzone/DropzoneButton/styles.d.ts +6 -0
- package/dist/components/NewDropzone/DropzoneButton/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/styles.js +1 -0
- package/dist/components/NewDropzone/DropzoneButton/types.d.ts +27 -0
- package/dist/components/NewDropzone/DropzoneButton/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/types.js +1 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/convertFile.d.ts +8 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/convertFile.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/convertFile.js +3 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/constants.d.ts +5 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/constants.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/constants.js +1 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/index.d.ts +3 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/index.js +3 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/index.d.ts +3 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/index.js +4 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/styles.d.ts +6 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButtonIcon/styles.js +1 -0
- package/dist/components/NewDropzone/DropzoneButtonText/index.d.ts +3 -0
- package/dist/components/NewDropzone/DropzoneButtonText/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/DropzoneButtonText/index.js +3 -0
- package/dist/components/NewDropzone/Examples/BasicUse/index.d.ts +2 -0
- package/dist/components/NewDropzone/Examples/BasicUse/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Examples/BasicUse/index.js +1 -0
- package/dist/components/NewDropzone/Examples/Controlled/index.d.ts +2 -0
- package/dist/components/NewDropzone/Examples/Controlled/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Examples/Controlled/index.js +4 -0
- package/dist/components/NewDropzone/Examples/Controlled/mocks.d.ts +2 -0
- package/dist/components/NewDropzone/Examples/Controlled/mocks.d.ts.map +1 -0
- package/dist/components/NewDropzone/Examples/Controlled/mocks.js +1 -0
- package/dist/components/NewDropzone/Examples/DropzoneButton/index.d.ts +2 -0
- package/dist/components/NewDropzone/Examples/DropzoneButton/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Examples/DropzoneButton/index.js +4 -0
- package/dist/components/NewDropzone/Examples/index.d.ts +4 -0
- package/dist/components/NewDropzone/Examples/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Examples/index.js +1 -0
- package/dist/components/NewDropzone/MultipleDropzone/index.d.ts +3 -0
- package/dist/components/NewDropzone/MultipleDropzone/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultipleDropzone/index.js +7 -0
- package/dist/components/NewDropzone/MultiplePreview/index.d.ts +3 -0
- package/dist/components/NewDropzone/MultiplePreview/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreview/index.js +5 -0
- package/dist/components/NewDropzone/MultiplePreview/styles.d.ts +6 -0
- package/dist/components/NewDropzone/MultiplePreview/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreview/styles.js +1 -0
- package/dist/components/NewDropzone/MultiplePreview/types.d.ts +10 -0
- package/dist/components/NewDropzone/MultiplePreview/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreview/types.js +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/animations.d.ts +4 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/animations.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/animations.js +2 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/index.d.ts +3 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/index.js +7 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/styles.d.ts +6 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/styles.js +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/types.d.ts +10 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/MultiplePreviewItem/types.js +1 -0
- package/dist/components/NewDropzone/Preview/content/index.d.ts +3 -0
- package/dist/components/NewDropzone/Preview/content/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Preview/content/index.js +3 -0
- package/dist/components/NewDropzone/Preview/content/types.d.ts +6 -0
- package/dist/components/NewDropzone/Preview/content/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/Preview/content/types.js +1 -0
- package/dist/components/NewDropzone/Preview/index.d.ts +3 -0
- package/dist/components/NewDropzone/Preview/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/Preview/index.js +7 -0
- package/dist/components/NewDropzone/Preview/styles.d.ts +281 -0
- package/dist/components/NewDropzone/Preview/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/Preview/styles.js +1 -0
- package/dist/components/NewDropzone/Preview/types.d.ts +9 -0
- package/dist/components/NewDropzone/Preview/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/Preview/types.js +1 -0
- package/dist/components/NewDropzone/SingleDropzone/index.d.ts +3 -0
- package/dist/components/NewDropzone/SingleDropzone/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/SingleDropzone/index.js +5 -0
- package/dist/components/NewDropzone/constants.d.ts +7 -0
- package/dist/components/NewDropzone/constants.d.ts.map +1 -0
- package/dist/components/NewDropzone/constants.js +1 -0
- package/dist/components/NewDropzone/index.d.ts +3 -0
- package/dist/components/NewDropzone/index.d.ts.map +1 -0
- package/dist/components/NewDropzone/index.js +3 -0
- package/dist/components/NewDropzone/styles.d.ts +6 -0
- package/dist/components/NewDropzone/styles.d.ts.map +1 -0
- package/dist/components/NewDropzone/styles.js +1 -0
- package/dist/components/NewDropzone/types.d.ts +36 -0
- package/dist/components/NewDropzone/types.d.ts.map +1 -0
- package/dist/components/NewDropzone/types.js +1 -0
- package/dist/components/NewDropzone/utils.d.ts +6 -0
- package/dist/components/NewDropzone/utils.d.ts.map +1 -0
- package/dist/components/NewDropzone/utils.js +4 -0
- package/dist/components/PdfPreview/index.d.ts +4 -0
- package/dist/components/PdfPreview/index.d.ts.map +1 -0
- package/dist/components/PdfPreview/index.js +5 -0
- package/dist/components/PdfPreview/styles.d.ts +6 -0
- package/dist/components/PdfPreview/styles.d.ts.map +1 -0
- package/dist/components/PdfPreview/styles.js +1 -0
- package/dist/components/PdfPreview/types.d.ts +4 -0
- package/dist/components/PdfPreview/types.d.ts.map +1 -0
- package/dist/components/PdfPreview/types.js +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/shared/animations/widthAnimations.d.ts +3 -0
- package/dist/shared/animations/widthAnimations.d.ts.map +1 -0
- package/dist/shared/animations/widthAnimations.js +1 -0
- package/dist/shared/types/motion.d.ts +4 -0
- package/dist/shared/types/motion.d.ts.map +1 -0
- package/dist/shared/types/motion.js +1 -0
- package/dist/utils/file.d.ts +1 -0
- package/dist/utils/file.d.ts.map +1 -1
- package/dist/utils/file.js +2 -2
- package/dist/utils/formatters/getNumbersFromString.d.ts +2 -0
- package/dist/utils/formatters/getNumbersFromString.d.ts.map +1 -0
- package/dist/utils/formatters/getNumbersFromString.js +1 -0
- package/dist/utils/isValidUrl.d.ts +2 -0
- package/dist/utils/isValidUrl.d.ts.map +1 -0
- package/dist/utils/isValidUrl.js +1 -0
- package/package.json +7 -5
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { IllustrationCardProps } from './types';
|
|
2
|
+
export declare function IllustrationCard({ illustration, title, description, descriptionWidth, descriptionColor, descriptionSize, margin, titleColor, titleSize, descriptionWeight, }: IllustrationCardProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IllustrationCard/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,EAC/B,YAAY,EACZ,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,gBAAqC,EACrC,eAAsB,EACtB,MAAM,EACN,UAAU,EACV,SAAgB,EAChB,iBAAyB,GAC1B,EAAE,qBAAqB,2CAuBvB"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IllustrationCard=IllustrationCard;var _Typography=_interopRequireDefault(require("../Typography")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}// Components
|
|
2
|
+
// Styles
|
|
3
|
+
// Types
|
|
4
|
+
function IllustrationCard(_ref){var illustration=_ref.illustration,title=_ref.title,description=_ref.description,descriptionWidth=_ref.descriptionWidth,_ref$descriptionColor=_ref.descriptionColor,descriptionColor=void 0===_ref$descriptionColor?"neutral.neutral5":_ref$descriptionColor,_ref$descriptionSize=_ref.descriptionSize,descriptionSize=void 0===_ref$descriptionSize?"xs":_ref$descriptionSize,margin=_ref.margin,titleColor=_ref.titleColor,_ref$titleSize=_ref.titleSize,titleSize=void 0===_ref$titleSize?"sm":_ref$titleSize,_ref$descriptionWeigh=_ref.descriptionWeight,descriptionWeight=void 0===_ref$descriptionWeigh?"400":_ref$descriptionWeigh;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.IllustrationCardContainer,{style:{margin:margin},children:[illustration,/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{color:titleColor,fontSize:titleSize||"sm",fontWeight:"600",textAlign:"center",children:title}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{style:{maxWidth:descriptionWidth},fontSize:descriptionSize,fontWeight:descriptionWeight,color:descriptionColor,textAlign:"center",children:description})]})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const IllustrationCardContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/IllustrationCard/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,yBAAyB;;;yGAMrC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IllustrationCardContainer=void 0;var _templateObject,_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 IllustrationCardContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n align-items: center;\n margin: 0 auto;\n"])));exports.IllustrationCardContainer=IllustrationCardContainer;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { GlobalColorsProps, ThemeProps } from '../../shared/theme';
|
|
3
|
+
export type IllustrationCardProps = {
|
|
4
|
+
illustration?: ReactNode;
|
|
5
|
+
title?: string;
|
|
6
|
+
description?: string;
|
|
7
|
+
descriptionWidth?: string;
|
|
8
|
+
descriptionSize?: keyof ThemeProps['fontSizes'] | number;
|
|
9
|
+
descriptionColor?: GlobalColorsProps;
|
|
10
|
+
margin?: string;
|
|
11
|
+
titleColor?: GlobalColorsProps;
|
|
12
|
+
titleSize?: keyof ThemeProps['fontSizes'] | number;
|
|
13
|
+
descriptionWeight?: keyof ThemeProps['fontWeight'];
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/IllustrationCard/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEnE,MAAM,MAAM,qBAAqB,GAAG;IAClC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IACzD,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,UAAU,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IACnD,iBAAiB,CAAC,EAAE,MAAM,UAAU,CAAC,YAAY,CAAC,CAAC;CACpD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -1 +1 @@
|
|
|
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:!0}),exports.default=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_formatters=require("../../utils/formatters"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon","ContainerProps"];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 _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 Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,forwardedRef){function handleInputChange(value){setHasValueOnInput(0<value.length)}var placeholder=_ref.placeholder,type=_ref.type,disabled=_ref.disabled,label=_ref.label,labelBackground=_ref.labelBackground,hiddenContent=_ref.hiddenContent,helperText=_ref.helperText,alert=_ref.alert,withAddon=_ref.withAddon,addonContent=_ref.addonContent,withIcon=_ref.withIcon,onLeftIconClick=_ref.onLeftIconClick,onRightIconClick=_ref.onRightIconClick,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,ContainerProps=_ref.ContainerProps,rest=_objectWithoutProperties(_ref,_excluded),defaultTestId=rest["data-testid"]||rest.name?"input-".concat((0,_formatters.convertToKebabCase)(rest.name||"")):"default-input",_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],_useState3=(0,_react.useState)(hiddenContent||!1),_useState4=_slicedToArray(_useState3,2),hiddenInfo=_useState4[0],setHiddenInfo=_useState4[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,_objectSpread(_objectSpread({withIcon:!!withIcon,hasValueOnInput:!!(placeholder||rest.value||rest.defaultValue)||hasValueOnInput,alert:alert,withAddon:withAddon,hasDisabled:disabled,labelBackground:labelBackground,className:rest.className,style:rest.style},ContainerProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputColumn,{children:[withAddon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AddonElement,{alert:alert,hasDisabled:disabled,children:"string"==typeof addonContent?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:addonContent}):addonContent}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{withAddon:withAddon,children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{withIcon:!!withIcon,hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{"aria-hidden":!0,hasDisabled:disabled,withAddon:withAddon,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[(withIcon||leftIcon)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onLeftIconClick?"pointer":"default"},onClick:onLeftIconClick,tabIndex:onLeftIconClick?0:-1,children:withIcon||leftIcon})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input",type:hiddenInfo?"password":type,"aria-label":label,withIcon:withIcon,leftIcon:leftIcon,rightIcon:rightIcon,hiddenContent:hiddenContent,disabled:disabled,alert:alert,"data-testid":defaultTestId,placeholder:placeholder,ref:function inputRef(element){return element&&(forwardedRef&&("function"==typeof forwardedRef?forwardedRef(element):forwardedRef.current=element),setHasValueOnInput(!!(null!==element&&void 0!==element&&element.value)||!!(null!==element&&void 0!==element&&element.defaultValue))),element}},rest),{},{onChange:function onChange(e){var _rest$onChange;handleInputChange(e.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,e)}})),hiddenContent&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{clickable:!0,onClick:function(){setHiddenInfo(!hiddenInfo)},children:hiddenInfo?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye"}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye-off"})}),rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onRightIconClick?"pointer":"default"},onClick:onRightIconClick,tabIndex:onRightIconClick?0:-1,children:rightIcon})})]})]})]}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,"data-testid":"".concat(defaultTestId,"-input-helpertext"),children:helperText})]}))});Input.displayName="Input";var _default=Input;exports.default=_default;
|
|
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:!0}),exports.default=void 0;var _react=require("react"),_Button=_interopRequireDefault(require("../Button")),_styles=require("./styles"),_Typography=_interopRequireDefault(require("../Typography")),_Icon=_interopRequireDefault(require("../Icon")),_formatters=require("../../utils/formatters"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["placeholder","type","disabled","label","labelBackground","hiddenContent","helperText","alert","withAddon","addonContent","withIcon","onLeftIconClick","onRightIconClick","leftIcon","rightIcon","ContainerProps"];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 _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 Input=/*#__PURE__*/(0,_react.forwardRef)(function(_ref,forwardedRef){function handleInputChange(value){setHasValueOnInput(0<value.length)}var placeholder=_ref.placeholder,type=_ref.type,disabled=_ref.disabled,label=_ref.label,labelBackground=_ref.labelBackground,hiddenContent=_ref.hiddenContent,helperText=_ref.helperText,alert=_ref.alert,withAddon=_ref.withAddon,addonContent=_ref.addonContent,withIcon=_ref.withIcon,onLeftIconClick=_ref.onLeftIconClick,onRightIconClick=_ref.onRightIconClick,leftIcon=_ref.leftIcon,rightIcon=_ref.rightIcon,ContainerProps=_ref.ContainerProps,rest=_objectWithoutProperties(_ref,_excluded),defaultTestId=rest["data-testid"]||rest.name?"input-".concat((0,_formatters.convertToKebabCase)(rest.name||"")):"default-input",_useState=(0,_react.useState)(!1),_useState2=_slicedToArray(_useState,2),hasValueOnInput=_useState2[0],setHasValueOnInput=_useState2[1],_useState3=(0,_react.useState)(hiddenContent||!1),_useState4=_slicedToArray(_useState3,2),hiddenInfo=_useState4[0],setHiddenInfo=_useState4[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputGroupElement,_objectSpread(_objectSpread({withIcon:!!withIcon,hasValueOnInput:!!(placeholder||rest.value||rest.defaultValue)||hasValueOnInput,alert:alert,withAddon:withAddon,hasDisabled:disabled,labelBackground:labelBackground,className:rest.className,style:rest.style},ContainerProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputColumn,{children:[withAddon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.AddonElement,{alert:alert,hasDisabled:disabled,children:"string"==typeof addonContent?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",children:addonContent}):addonContent}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContent,{withAddon:withAddon,children:[label&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputLabel,{withIcon:!!withIcon,hasDisabled:disabled,children:label}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Fieldset,{"aria-hidden":!0,hasDisabled:disabled,withAddon:withAddon,alert:alert,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Legend,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.LegendText,{children:label})})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.InputContentRow,{children:[(withIcon||leftIcon)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{className:"left_icon_container",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onLeftIconClick?"pointer":"default"},onClick:onLeftIconClick,tabIndex:onLeftIconClick?0:-1,children:withIcon||leftIcon})}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Input,_objectSpread(_objectSpread({"data-input":"input",type:hiddenInfo?"password":type,"aria-label":label,withIcon:withIcon,leftIcon:leftIcon,rightIcon:rightIcon,hiddenContent:hiddenContent,disabled:disabled,alert:alert,"data-testid":defaultTestId,placeholder:placeholder,ref:function inputRef(element){return element&&(forwardedRef&&("function"==typeof forwardedRef?forwardedRef(element):forwardedRef.current=element),setHasValueOnInput(!!(null!==element&&void 0!==element&&element.value)||!!(null!==element&&void 0!==element&&element.defaultValue))),element}},rest),{},{onChange:function onChange(e){var _rest$onChange;handleInputChange(e.currentTarget.value),null===(_rest$onChange=rest.onChange)||void 0===_rest$onChange?void 0:_rest$onChange.call(rest,e)}})),hiddenContent&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{clickable:!0,onClick:function(){setHiddenInfo(!hiddenInfo)},children:hiddenInfo?/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye"}):/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"eye-off"})}),rightIcon&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.InputIcon,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{type:"button",variant:"ghost",style:{padding:0,cursor:onRightIconClick?"pointer":"default"},onClick:onRightIconClick,tabIndex:onRightIconClick?0:-1,children:rightIcon})})]})]})]}),helperText&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.HelperText,{alert:alert,"data-testid":"".concat(defaultTestId,"-input-helpertext"),children:helperText})]}))});Input.displayName="Input";var _default=Input;exports.default=_default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA6HrC,eAAO,MAAM,KAAK,mNA1Gf,UAAU,6CA0G4B,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Modal=void 0;var _framerMotion=require("framer-motion"),_react=require("react"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_useKeyPress=require("../../shared/hooks/useKeyPress"),_ReactPortal=require("../ReactPortal"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["open","left","top","anchorX","anchorY","offsetX","offsetY","hideScrollBar","disableScrollOnOpen","maxWidth","maxHeight","onClose","hideOverlay","blurOverlay","portalNameId"];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 ModalComponent=function(_ref){var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"50vh":_ref$top,_ref$anchorX=_ref.anchorX,anchorX=void 0===_ref$anchorX?"center":_ref$anchorX,_ref$anchorY=_ref.anchorY,anchorY=void 0===_ref$anchorY?"center":_ref$anchorY,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=void 0===_ref$offsetY?"0px":_ref$offsetY,_ref$hideScrollBar=_ref.hideScrollBar,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,maxHeight=_ref.maxHeight,onClose=_ref.onClose,hideOverlay=_ref.hideOverlay,blurOverlay=_ref.blurOverlay,_ref$portalNameId=_ref.portalNameId,portalNameId=void 0===_ref$portalNameId?"portal-root":_ref$portalNameId,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null);(0,_useKeyPress.useKeyPress)("Escape",function(){return open&&onClose&&onClose()}),(0,_useDisableBodyScroll.useDisableBodyScroll)(open&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"modal");var handleResize=function(){open&&onClose&&onClose()};// wee need to close the modal when resizing window to avoid
|
|
2
2
|
// admin messenger navbar problems.
|
|
3
|
-
return(0,_react.useEffect)(function(){return window.addEventListener("resize",handleResize),function(){window.removeEventListener("resize",handleResize)}},[open,onClose]),/*#__PURE__*/(0,_jsxRuntime.jsx)(
|
|
3
|
+
return(0,_react.useEffect)(function(){return window.addEventListener("resize",handleResize),function(){window.removeEventListener("resize",handleResize)}},[open,onClose]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:open&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ReactPortal.ReactPortal,{wrapperId:portalNameId,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Overlay,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:blurOverlay?1:.5},transition:{duration:.2},isOpen:open,blur:blurOverlay,onClick:function onClick(){return onClose()},hidden:hideOverlay}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalContainer,{ref:containerRef,open:open,maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,left:"calc(".concat(left," + ").concat(offsetX,")"),top:"calc(".concat(top," + ").concat(offsetY,")"),anchorTranslate:function(){var percentageX=0,percentageY=0;if("number"==typeof anchorX)percentageX=anchorX;else switch(anchorX){case"left":percentageX=0;break;case"center":percentageX=-50;break;case"right":percentageX=-100;break;default:throw new Error("\"".concat(anchorX,"\" is not a valid horizontal anchor."));}if("number"==typeof anchorY)percentageY=anchorY;else switch(anchorY){case"top":percentageY=0;break;case"center":percentageY=-50;break;case"bottom":percentageY=-100;break;default:throw new Error("\"".concat(anchorY,"\" is not a valid vertical anchor."));}return"translate(".concat(percentageX,"%, ").concat(percentageY,"%)")}(),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalElement,{"data-scroll":"dispatch-scroll",open:open,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,hideScrollBar:void 0!==_ref$hideScrollBar&&_ref$hideScrollBar,initial:{scale:.8,opacity:0},exit:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.1},children:rest.children})})]})})},Modal=/*#__PURE__*/(0,_react.memo)(ModalComponent);exports.Modal=Modal;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { DropzoneButtonProps } from './types';
|
|
2
|
+
export declare function DropzoneButton({ onDropAccepted, disabled, children, buttonProps, dropzoneOptions, accept, onDropRejected, }: DropzoneButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButton/index.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,eAAe,EACf,MAAM,EACN,cAAc,GACf,EAAE,mBAAmB,2CAoCrB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneButton=DropzoneButton;var _reactDropzone=require("react-dropzone"),_utils=require("../utils"),_formatAcceptObject=require("./utils/formatAcceptObject"),_convertFile=require("./utils/convertFile"),_Toast=require("../../Toast"),_styles=require("./styles"),_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 _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return defineProperty(generator,"_invoke",{value:makeInvokeMethod(innerFn,self,context)}),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}function defineIteratorMethods(prototype){["next","throw","return"].forEach(function(method){define(prototype,method,function(arg){return this._invoke(method,arg)})})}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==_typeof(value)&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then(function(value){invoke("next",value,resolve,reject)},function(err){invoke("throw",err,resolve,reject)}):PromiseImpl.resolve(value).then(function(unwrapped){result.value=unwrapped,resolve(result)},function(error){return invoke("throw",error,resolve,reject)})}reject(record.arg)}var previousPromise;defineProperty(this,"_invoke",{value:function value(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl(function(resolve,reject){invoke(method,arg,resolve,reject)})}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"==state)throw new Error("Generator is already running");if("completed"==state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"==state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}function maybeInvokeDelegate(delegate,context){var methodName=context.method,method=delegate.iterator[methodName];if(void 0===method)return context.delegate=null,"throw"===methodName&&delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method)||"return"!==methodName&&(context.method="throw",context.arg=new TypeError("The iterator does not provide a '"+methodName+"' method")),ContinueSentinel;var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}_regeneratorRuntime=function(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,defineProperty=Object.defineProperty||function(obj,key,desc){obj[key]=desc.value},$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";try{define({},"")}catch(err){define=function(obj,key,value){return obj[key]=value}}exports.wrap=wrap;var ContinueSentinel={},IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,function(){return this});var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);return GeneratorFunction.prototype=GeneratorFunctionPrototype,defineProperty(Gp,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),defineProperty(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,function(){return this}),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then(function(result){return result.done?result.value:iter.next()})},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,function(){return this}),define(Gp,"toString",function(){return"[object Generator]"}),exports.keys=function(val){var object=Object(val),keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}if(this.done)throw exception;for(var context=this,i=this.tryEntries.length-1;0<=i;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(!hasCatch){if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}}},abrupt:function abrupt(type,arg){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel},catch:function _catch(tryLoc){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}var gen=fn.apply(self,args);_next(void 0)})}}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)}// Libs
|
|
2
|
+
// Utils
|
|
3
|
+
// Styles
|
|
4
|
+
// Types
|
|
5
|
+
function DropzoneButton(_ref){var _onDropAccepted=_ref.onDropAccepted,disabled=_ref.disabled,children=_ref.children,buttonProps=_ref.buttonProps,dropzoneOptions=_ref.dropzoneOptions,accept=_ref.accept,_onDropRejected=_ref.onDropRejected,parsedAccept=accept?(0,_formatAcceptObject.formatAcceptObject)(accept):{},_useDropzone=(0,_reactDropzone.useDropzone)(_objectSpread({onDropAccepted:function(){function onDropAccepted(){return _onDropAccepted2.apply(this,arguments)}var _onDropAccepted2=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(acceptedFiles){var files;return _regeneratorRuntime().wrap(function _callee$(_context){for(;1;)switch(_context.prev=_context.next){case 0:return _context.prev=0,_context.next=3,Promise.all(acceptedFiles.map(_convertFile.convertDropzoneFile));case 3:files=_context.sent,_onDropAccepted(files),_context.next=10;break;case 7:_context.prev=7,_context.t0=_context["catch"](0),console.error(_context.t0);case 10:case"end":return _context.stop();}},_callee,null,[[0,7]])}));return onDropAccepted}(),onDropRejected:function onDropRejected(fileRejection){null===_onDropRejected||void 0===_onDropRejected?void 0:_onDropRejected(fileRejection);var errorMessage=(0,_utils.getDropzoneErrorMessage)(fileRejection[0].errors[0],dropzoneOptions);_Toast.toast.error(errorMessage)},disabled:disabled,accept:parsedAccept},dropzoneOptions)),getRootProps=_useDropzone.getRootProps,getInputProps=_useDropzone.getInputProps;return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneButtonContainer,_objectSpread(_objectSpread(_objectSpread({className:"dropzone_button_container","aria-disabled":disabled},getRootProps()),buttonProps),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)("input",_objectSpread({type:"file"},getInputProps())),children]}))}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DropzoneButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButton/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,uBAAuB;;;qHA8BnC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneButtonContainer=void 0;var _templateObject,_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 DropzoneButtonContainer=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n border: 2px dashed ",";\n padding: 1rem;\n border-radius: 0.5rem;\n font: inherit;\n cursor: pointer;\n transition: all ease 0.2s;\n background: ",";\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n flex-direction: column;\n animation: fadeIn 0.4s ease;\n\n &:hover {\n border-color: ",";\n }\n\n &[aria-disabled='true'] {\n border-color: transparent;\n pointer-events: none;\n filter: brightness(",");\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral1},function(_ref2){var theme=_ref2.theme;return theme.colors.neutral.white},function(_ref3){var theme=_ref3.theme;return theme.colors.primary.hover},function(_ref4){var theme=_ref4.theme;return theme.colorByTheme(.96,.9)});exports.DropzoneButtonContainer=DropzoneButtonContainer;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
import { DropzoneOptions, FileRejection } from 'react-dropzone';
|
|
3
|
+
import { DropzoneFileParams } from '../types';
|
|
4
|
+
export type AcceptImageTypes = 'jpeg' | 'png' | 'webp' | 'gif';
|
|
5
|
+
export type AcceptVideoTypes = 'mp4' | '3gp';
|
|
6
|
+
export type AcceptTextTypes = 'csv' | 'txt';
|
|
7
|
+
export type AcceptDocumentTypes = 'pdf' | 'msword' | 'docx' | 'xlsx';
|
|
8
|
+
export type AcceptTypes = {
|
|
9
|
+
allImages?: boolean;
|
|
10
|
+
allVideos?: boolean;
|
|
11
|
+
allText?: boolean;
|
|
12
|
+
allDocuments?: boolean;
|
|
13
|
+
video?: AcceptVideoTypes[];
|
|
14
|
+
text?: AcceptTextTypes[];
|
|
15
|
+
document?: AcceptDocumentTypes[];
|
|
16
|
+
image?: AcceptImageTypes[];
|
|
17
|
+
};
|
|
18
|
+
export type DropzoneButtonProps = {
|
|
19
|
+
dropzoneOptions?: Omit<DropzoneOptions, 'accept'>;
|
|
20
|
+
buttonProps?: HTMLAttributes<HTMLButtonElement>;
|
|
21
|
+
onDropAccepted: (file: DropzoneFileParams[]) => void;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
children?: React.ReactNode;
|
|
24
|
+
accept?: AcceptTypes;
|
|
25
|
+
onDropRejected?: (fileRejection: FileRejection[]) => void;
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButton/types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAGhE,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,KAAK,CAAC;AAC7C,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,KAAK,CAAC;AAC5C,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAErE,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,IAAI,CAAC,EAAE,eAAe,EAAE,CAAC;IACzB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,eAAe,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IAChD,cAAc,EAAE,CAAC,IAAI,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,CAAC;CAC3D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DropzoneFileParams } from '../../types';
|
|
2
|
+
export declare function convertDropzoneFile(file: File): Promise<DropzoneFileParams>;
|
|
3
|
+
export declare const ACCEPTED_IMAGE_TYPES = "image/jpeg,image/png,image/webp,image/gif";
|
|
4
|
+
export declare const ACCEPTED_VIDEO_TYPES = "video/mp4";
|
|
5
|
+
export declare const ACCEPTED_PDF_TYPES = "application/pdf";
|
|
6
|
+
export declare const ACCEPTED_OTHER_TYPES = "text/plain,application/vnd.ms-powerpoint,application/msword,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv";
|
|
7
|
+
export declare const ACCEPT_FILE_TYPES: string;
|
|
8
|
+
//# sourceMappingURL=convertFile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"convertFile.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewDropzone/DropzoneButton/utils/convertFile.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC,kBAAkB,CAAC,CAkB3E;AAED,eAAO,MAAM,oBAAoB,8CAA8C,CAAC;AAChF,eAAO,MAAM,oBAAoB,cAAc,CAAC;AAChD,eAAO,MAAM,kBAAkB,oBAAoB,CAAC;AACpD,eAAO,MAAM,oBAAoB,sTACoR,CAAC;AAEtT,eAAO,MAAM,iBAAiB,QAKnB,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ACCEPT_FILE_TYPES=exports.ACCEPTED_VIDEO_TYPES=exports.ACCEPTED_PDF_TYPES=exports.ACCEPTED_OTHER_TYPES=exports.ACCEPTED_IMAGE_TYPES=void 0,exports.convertDropzoneFile=convertDropzoneFile;var _generateUUID=require("../../../../utils/generateUUID"),_Toast=require("../../../Toast");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 _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 _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 _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}// Utils
|
|
2
|
+
// Types
|
|
3
|
+
function convertDropzoneFile(file){return new Promise(function(resolve,reject){if(ACCEPT_FILE_TYPES.length&&!ACCEPT_FILE_TYPES.includes(file.type))return void reject(_Toast.toast.error("Tipo de arquivo n\xE3o suportado"));var reader=new FileReader;reader.readAsDataURL(file),reader.onload=function(){resolve({url:reader.result+"",fileName:file.name,target:file,id:(0,_generateUUID.generateUUID)()})}})}var ACCEPTED_IMAGE_TYPES="image/jpeg,image/png,image/webp,image/gif";exports.ACCEPTED_IMAGE_TYPES=ACCEPTED_IMAGE_TYPES;var ACCEPTED_VIDEO_TYPES="video/mp4";exports.ACCEPTED_VIDEO_TYPES=ACCEPTED_VIDEO_TYPES;var ACCEPTED_PDF_TYPES="application/pdf";exports.ACCEPTED_PDF_TYPES=ACCEPTED_PDF_TYPES;var ACCEPTED_OTHER_TYPES="text/plain,application/vnd.ms-powerpoint,application/msword,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.openxmlformats-officedocument.presentationml.presentation,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv";exports.ACCEPTED_OTHER_TYPES=ACCEPTED_OTHER_TYPES;var ACCEPT_FILE_TYPES=[].concat(_toConsumableArray(ACCEPTED_IMAGE_TYPES.split(",")),_toConsumableArray(ACCEPTED_VIDEO_TYPES.split(",")),_toConsumableArray(ACCEPTED_PDF_TYPES.split(",")),_toConsumableArray(ACCEPTED_OTHER_TYPES.split(","))).join(",");exports.ACCEPT_FILE_TYPES=ACCEPT_FILE_TYPES;
|
package/dist/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/constants.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;CAGjC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ORIGINAL_FILE_FORMATS=void 0;var ORIGINAL_FILE_FORMATS={xlsx:"vnd.openxmlformats-officedocument.spreadsheetml.sheet",docx:"vnd.openxmlformats-officedocument.wordprocessingml.document"};exports.ORIGINAL_FILE_FORMATS=ORIGINAL_FILE_FORMATS;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/NewDropzone/DropzoneButton/utils/formatAcceptObject/index.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,WAAW,EAEZ,MAAM,aAAa,CAAC;AAKrB,wBAAgB,kBAAkB,CAAC,WAAW,EAAE,WAAW,2BAqC1D"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use strict";var _constants=require("./constants");Object.defineProperty(exports,"__esModule",{value:!0}),exports.formatAcceptObject=formatAcceptObject;function _createForOfIteratorHelper(o,allowArrayLike){var it="undefined"!=typeof Symbol&&o[Symbol.iterator]||o["@@iterator"];if(!it){if(Array.isArray(o)||(it=_unsupportedIterableToArray(o))||allowArrayLike&&o&&"number"==typeof o.length){it&&(o=it);var i=0,F=function(){};return{s:F,n:function n(){return i>=o.length?{done:!0}:{done:!1,value:o[i++]}},e:function e(_e){throw _e},f:F}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var err,normalCompletion=!0,didErr=!1;return{s:function s(){it=it.call(o)},n:function n(){var step=it.next();return normalCompletion=step.done,step},e:function e(_e2){didErr=!0,err=_e2},f:function f(){try{normalCompletion||null==it.return||it.return()}finally{if(didErr)throw err}}}}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}// Types
|
|
2
|
+
// Constants
|
|
3
|
+
function formatAcceptObject(acceptFiles){var parsedAccept={};for(var key in acceptFiles){var acceptFileKey=key,value=acceptFiles[acceptFileKey]||[];if("boolean"==typeof value){"allImages"===key?parsedAccept["image/*"]=[]:"allVideos"===key?parsedAccept["video/*"]=[]:"allText"===key?parsedAccept["text/*"]=[]:"allDocuments"===key?parsedAccept["pdf/*"]=[]:void 0;continue}var _step,_iterator=_createForOfIteratorHelper(value);try{for(_iterator.s();!(_step=_iterator.n()).done;){var fileType=_step.value,parsedKey="document"===acceptFileKey?"application":key,parsedFileType=getOriginalFileFormat(fileType);parsedAccept[parsedKey+"/".concat(parsedFileType)]=[]}}catch(err){_iterator.e(err)}finally{_iterator.f()}}return parsedAccept}function getOriginalFileFormat(fileType){return _constants.ORIGINAL_FILE_FORMATS[fileType]||fileType}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButtonIcon/index.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,IAAa,EAAE,GAAG,SAAS,EAAE,EAAE,OAAO,CAAC,mBAAmB,CAAC,2CAM/F"}
|
|
@@ -0,0 +1,4 @@
|
|
|
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:!0}),exports.DropzoneButtonIcon=DropzoneButtonIcon;var _Icon=_interopRequireDefault(require("../../Icon")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["name"];// Components
|
|
2
|
+
// Styles
|
|
3
|
+
// Types
|
|
4
|
+
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 _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}function DropzoneButtonIcon(_ref){var _ref$name=_ref.name,name=void 0===_ref$name?"plus":_ref$name,iconProps=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.DropzoneButtonIconContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,_objectSpread({name:name,color:"primary.default"},iconProps))})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const DropzoneButtonIconContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButtonIcon/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,2BAA2B;;;yGA2BvC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneButtonIconContainer=void 0;var _templateObject,_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 DropzoneButtonIconContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n --container-size: 45px;\n\n min-width: var(--container-size);\n min-height: var(--container-size);\n border: 2px dashed ",";\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 23%;\n\n background: ","50;\n position: relative;\n z-index: 1;\n overflow: hidden;\n\n &::before {\n content: '';\n position: absolute;\n width: 125%;\n height: 125%;\n top: -30%;\n right: -45%;\n border-radius: 50%;\n background: ",";\n z-index: -1;\n }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.neutral4},function(_ref2){var theme=_ref2.theme;return theme.colors.primary.default},function(_ref3){var theme=_ref3.theme;return theme.colors.neutral.white});exports.DropzoneButtonIconContainer=DropzoneButtonIconContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/DropzoneButtonText/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAEzD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAYzE"}
|
|
@@ -0,0 +1,3 @@
|
|
|
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:!0}),exports.DropzoneButtonText=DropzoneButtonText;var _Typography=_interopRequireDefault(require("../../Typography")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["children"];// Components
|
|
2
|
+
// Types
|
|
3
|
+
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 _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}function DropzoneButtonText(_ref){var children=_ref.children,props=_objectWithoutProperties(_ref,_excluded);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,_objectSpread(_objectSpread({lineHeight:"130%",color:"neutral.neutral4",fontWeight:"600",fontSize:"xs"},props),{},{children:children||"Envie ou arraste suas imagens"}))}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewDropzone/Examples/BasicUse/index.tsx"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB,4CAEtC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneBasicUseExample=DropzoneBasicUseExample;var _=require("../.."),_jsxRuntime=require("react/jsx-runtime");function DropzoneBasicUseExample(){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewDropzone,{draggable:!0,accept:{allDocuments:!0},maxFiles:5})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewDropzone/Examples/Controlled/index.tsx"],"names":[],"mappings":"AAWA,wBAAgB,yBAAyB,4CAwBxC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneControlledExample=DropzoneControlledExample;var _react=require("react"),_Button=_interopRequireDefault(require("../../../Button")),_=require("../.."),_Flex=_interopRequireDefault(require("../../../Flex")),_mocks=require("./mocks"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Mocks
|
|
4
|
+
function DropzoneControlledExample(){var _useState=(0,_react.useState)(),_useState2=_slicedToArray(_useState,2),url=_useState2[0],setUrl=_useState2[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"1rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Button.default,{onClick:function onClick(){url?setUrl(void 0):setUrl(_mocks.DROPZONE_URL_IMAGE_EXAMPLE)},children:[url?"Remove":"Add"," image"]}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_.NewDropzone,{onChange:function onChange(param){setUrl(null===param||void 0===param?void 0:param.url)},url:url})]})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"mocks.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewDropzone/Examples/Controlled/mocks.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,0BAA0B,8FACsD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DROPZONE_URL_IMAGE_EXAMPLE=void 0;var DROPZONE_URL_IMAGE_EXAMPLE="https://t4.ftcdn.net/jpg/03/86/82/73/360_F_386827376_uWOOhKGk6A4UVL5imUBt20Bh8cmODqzx.jpg";exports.DROPZONE_URL_IMAGE_EXAMPLE=DROPZONE_URL_IMAGE_EXAMPLE;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NewDropzone/Examples/DropzoneButton/index.tsx"],"names":[],"mappings":"AAaA,wBAAgB,qBAAqB,4CAkBpC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DropzoneButtonExample=DropzoneButtonExample;var _react=require("react"),_DropzoneButton=require("../../DropzoneButton"),_DropzoneButtonIcon=require("../../DropzoneButtonIcon"),_DropzoneButtonText=require("../../DropzoneButtonText"),_Flex=_interopRequireDefault(require("../../../Flex")),_Typography=_interopRequireDefault(require("../../../Typography")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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}// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Types
|
|
4
|
+
function DropzoneButtonExample(){var _useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),files=_useState2[0],setFiles=_useState2[1];return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{alignItems:"flex-start",spacing:"1rem",direction:"column",children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_DropzoneButton.DropzoneButton,{accept:{allImages:!0},onDropAccepted:setFiles,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_DropzoneButtonIcon.DropzoneButtonIcon,{}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_DropzoneButtonText.DropzoneButtonText,{})]}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Typography.default,{children:["Data: ",files.map(function(file){return file.fileName}).join(", ")]})]})}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/Examples/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var _BasicUse=require("./BasicUse");var _Controlled=require("./Controlled");var _DropzoneButton=require("./DropzoneButton");Object.defineProperty(exports,"__esModule",{value:!0});Object.keys(_BasicUse).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_BasicUse[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _BasicUse[key]}})});Object.keys(_Controlled).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_Controlled[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Controlled[key]}})});Object.keys(_DropzoneButton).forEach(function(key){"default"===key||"__esModule"===key||key in exports&&exports[key]===_DropzoneButton[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _DropzoneButton[key]}})});
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MultipleDropzoneProps } from '../types';
|
|
2
|
+
export declare function MultipleDropzone({ onChange, iconName, accept, maxFiles, disabled, subtitle, title, hideRemoveButton, draggable, ...props }: MultipleDropzoneProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/MultipleDropzone/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAsB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAQrE,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,QAAiB,EACjB,MAAM,EACN,QAAY,EACZ,QAAQ,EACR,QAA0C,EAC1C,KAA0B,EAC1B,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA8EvB"}
|
|
@@ -0,0 +1,7 @@
|
|
|
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:!0}),exports.MultipleDropzone=MultipleDropzone;var _react=require("react"),_Flex=_interopRequireDefault(require("../../Flex")),_Typography=_interopRequireDefault(require("../../Typography")),_DropzoneButton=require("../DropzoneButton"),_DropzoneButtonIcon=require("../DropzoneButtonIcon"),_DropzoneButtonText=require("../DropzoneButtonText"),_utils=require("../utils"),_styles=require("../styles"),_MultiplePreview=require("../MultiplePreview"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["onChange","iconName","accept","maxFiles","disabled","subtitle","title","hideRemoveButton","draggable"];// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Utils
|
|
4
|
+
// Types
|
|
5
|
+
// Styles
|
|
6
|
+
// Animations
|
|
7
|
+
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return defineProperty(generator,"_invoke",{value:makeInvokeMethod(innerFn,self,context)}),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}function defineIteratorMethods(prototype){["next","throw","return"].forEach(function(method){define(prototype,method,function(arg){return this._invoke(method,arg)})})}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==_typeof(value)&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then(function(value){invoke("next",value,resolve,reject)},function(err){invoke("throw",err,resolve,reject)}):PromiseImpl.resolve(value).then(function(unwrapped){result.value=unwrapped,resolve(result)},function(error){return invoke("throw",error,resolve,reject)})}reject(record.arg)}var previousPromise;defineProperty(this,"_invoke",{value:function value(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl(function(resolve,reject){invoke(method,arg,resolve,reject)})}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"==state)throw new Error("Generator is already running");if("completed"==state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"==state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}function maybeInvokeDelegate(delegate,context){var methodName=context.method,method=delegate.iterator[methodName];if(void 0===method)return context.delegate=null,"throw"===methodName&&delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method)||"return"!==methodName&&(context.method="throw",context.arg=new TypeError("The iterator does not provide a '"+methodName+"' method")),ContinueSentinel;var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}_regeneratorRuntime=function(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,defineProperty=Object.defineProperty||function(obj,key,desc){obj[key]=desc.value},$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";try{define({},"")}catch(err){define=function(obj,key,value){return obj[key]=value}}exports.wrap=wrap;var ContinueSentinel={},IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,function(){return this});var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);return GeneratorFunction.prototype=GeneratorFunctionPrototype,defineProperty(Gp,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),defineProperty(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,function(){return this}),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then(function(result){return result.done?result.value:iter.next()})},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,function(){return this}),define(Gp,"toString",function(){return"[object Generator]"}),exports.keys=function(val){var object=Object(val),keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}if(this.done)throw exception;for(var context=this,i=this.tryEntries.length-1;0<=i;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(!hasCatch){if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}}},abrupt:function abrupt(type,arg){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel},catch:function _catch(tryLoc){for(var entry,i=this.tryEntries.length-1;0<=i;--i)if(entry=this.tryEntries[i],entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}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 asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}var gen=fn.apply(self,args);_next(void 0)})}}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}function MultipleDropzone(_ref){function changeFiles(newFiles,subscribe){var limitedNewFiles=newFiles.slice(0,maxFiles),oldFiles=files.slice(0,maxFiles-limitedNewFiles.length),updatedFiles=subscribe?newFiles:[].concat(_toConsumableArray(oldFiles),_toConsumableArray(limitedNewFiles));hasControlledValue||setFiles(updatedFiles),null===onChange||void 0===onChange?void 0:onChange(updatedFiles)}function handleFetchFileParams(){return _handleFetchFileParams.apply(this,arguments)}function _handleFetchFileParams(){return _handleFetchFileParams=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(){var _props$url,fetchedFiles,validFiles;return _regeneratorRuntime().wrap(function _callee$(_context){for(;1;)switch(_context.prev=_context.next){case 0:if(hasControlledValue){_context.next=2;break}return _context.abrupt("return");case 2:if(null!==(_props$url=props.url)&&void 0!==_props$url&&_props$url.length){_context.next=5;break}return setFiles([]),_context.abrupt("return");case 5:return _context.next=7,Promise.all(props.url.map(_utils.fetchFileParams));case 7:fetchedFiles=_context.sent,validFiles=fetchedFiles.filter(function(file){return void 0!==file}),validFiles[0]&&setFiles(validFiles);case 10:case"end":return _context.stop();}},_callee)})),_handleFetchFileParams.apply(this,arguments)}var onChange=_ref.onChange,_ref$iconName=_ref.iconName,iconName=void 0===_ref$iconName?"plus":_ref$iconName,accept=_ref.accept,_ref$maxFiles=_ref.maxFiles,maxFiles=void 0===_ref$maxFiles?1:_ref$maxFiles,disabled=_ref.disabled,_ref$subtitle=_ref.subtitle,subtitle=void 0===_ref$subtitle?"Envie ou arraste suas imagens":_ref$subtitle,_ref$title=_ref.title,title=void 0===_ref$title?"Carregar arquivo":_ref$title,hideRemoveButton=_ref.hideRemoveButton,draggable=_ref.draggable,props=_objectWithoutProperties(_ref,_excluded),hasControlledValue=("url"in props),_useState=(0,_react.useState)([]),_useState2=_slicedToArray(_useState,2),files=_useState2[0],setFiles=_useState2[1],hasFiles=0<files.length;return(0,_react.useEffect)(function(){handleFetchFileParams()},[props.url]),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.DropzoneContainer,_objectSpread(_objectSpread({"data-has-files":!!hasFiles},props),{},{style:_objectSpread({flexDirection:"column",overflow:"hidden"},props.style),children:[/*#__PURE__*/(0,_jsxRuntime.jsxs)(_DropzoneButton.DropzoneButton,_objectSpread(_objectSpread({},{disabled:disabled,accept:accept,dropzoneOptions:{maxFiles:maxFiles},onDropAccepted:changeFiles}),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_DropzoneButtonIcon.DropzoneButtonIcon,{name:iconName}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",spacing:"0.25rem",children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_DropzoneButtonText.DropzoneButtonText,{children:title}),/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xxs",color:"neutral.neutral4",children:subtitle})]})]})),/*#__PURE__*/(0,_jsxRuntime.jsx)(_MultiplePreview.MultipleDropzonePreview,{draggable:draggable,setFiles:function setFiles(newFiles){return changeFiles(newFiles,!0)},disabled:disabled,removeFile:function removeFile(idToRemove){var newFiles=files.filter(function(file){return file.id!==idToRemove});setFiles(newFiles),null===onChange||void 0===onChange?void 0:onChange(newFiles)},files:files,hideRemoveButton:hideRemoveButton})]}))}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { MultipleDropzonePreviewProps } from './types';
|
|
2
|
+
export declare function MultipleDropzonePreview({ files, setFiles, removeFile, disabled, hideRemoveButton, draggable, }: MultipleDropzonePreviewProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/MultiplePreview/index.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAEvD,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,gBAAgB,EAChB,SAAS,GACV,EAAE,4BAA4B,2CAoB9B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultipleDropzonePreview=MultipleDropzonePreview;var _framerMotion=require("framer-motion"),_MultiplePreviewItem=require("../MultiplePreviewItem"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime");// Libs
|
|
2
|
+
// Components
|
|
3
|
+
// Styles
|
|
4
|
+
// Types
|
|
5
|
+
function MultipleDropzonePreview(_ref){var files=_ref.files,setFiles=_ref.setFiles,removeFile=_ref.removeFile,disabled=_ref.disabled,hideRemoveButton=_ref.hideRemoveButton,draggable=_ref.draggable;return/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.MultipleDropzonePreviewContainer,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.Reorder.Group,{onReorder:setFiles,axis:"y",values:files,className:"preview_items_group",children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"popLayout",children:files.map(function(file){return/*#__PURE__*/(0,_jsxRuntime.jsx)(_MultiplePreviewItem.MultipleDropzonePreviewItem,{draggable:draggable,removeFile:removeFile,disabled:disabled,file:file,filesLength:files.length,hideRemoveButton:hideRemoveButton},file.id)})})})})}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const MultipleDropzonePreviewContainer: import("@emotion/styled").StyledComponent<{
|
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
+
as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
6
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/MultiplePreview/styles.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,gCAAgC;;;yGAyC5C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.MultipleDropzonePreviewContainer=void 0;var _templateObject,_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 MultipleDropzonePreviewContainer=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n &:empty {\n display: none;\n }\n\n .preview_items_group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n }\n\n .preview_item {\n gap: 1rem;\n list-style: none;\n display: flex;\n user-select: none;\n align-items: center;\n border: 2px solid transparent;\n border-radius: 0.5rem;\n padding-inline: 0.5rem;\n background: ",";\n\n &[aria-disabled='true'] {\n opacity: 0.65 !important;\n pointer-events: none;\n }\n }\n\n .default_file_preview {\n height: 100%;\n justify-content: center;\n\n svg {\n width: 24px;\n height: 24px;\n }\n\n .file_name {\n display: none;\n }\n }\n"])),function(_ref){var theme=_ref.theme;return theme.colors.neutral.white});exports.MultipleDropzonePreviewContainer=MultipleDropzonePreviewContainer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DropzoneFileParams } from '../types';
|
|
2
|
+
export type MultipleDropzonePreviewProps = {
|
|
3
|
+
files: DropzoneFileParams[];
|
|
4
|
+
removeFile: (fileId: string) => void;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
setFiles: (files: DropzoneFileParams[]) => void;
|
|
7
|
+
hideRemoveButton?: boolean;
|
|
8
|
+
draggable?: boolean;
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/NewDropzone/MultiplePreview/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAE9C,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAC;IAChD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ThemeBase } from '../../../shared/theme';
|
|
2
|
+
import { ReorderItemProps } from '../../../shared/types/motion';
|
|
3
|
+
export declare function createDropzoneMultiplePreviewItemAnimations(theme: ThemeBase): Partial<ReorderItemProps>;
|
|
4
|
+
//# sourceMappingURL=animations.d.ts.map
|