alicia-design-system 1.84.2 → 1.84.3
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/cjs/alicia/common/FileUpload/FileUpload.d.ts +3 -1
- package/dist/cjs/alicia/common/FileUpload/FileUpload.js +4 -4
- package/dist/cjs/alicia/common/FileUpload/FileUpload.js.map +1 -1
- package/dist/cjs/alicia/common/FileUpload/FileUpload.stories.d.ts +6 -6
- package/dist/cjs/alicia/common/FileUpload/FileUpload.stories.js +3 -0
- package/dist/cjs/alicia/common/FileUpload/FileUpload.stories.js.map +1 -1
- package/dist/esm/alicia/common/FileUpload/FileUpload.d.ts +3 -1
- package/dist/esm/alicia/common/FileUpload/FileUpload.js +4 -4
- package/dist/esm/alicia/common/FileUpload/FileUpload.js.map +1 -1
- package/dist/esm/alicia/common/FileUpload/FileUpload.stories.d.ts +6 -6
- package/dist/esm/alicia/common/FileUpload/FileUpload.stories.js +3 -0
- package/dist/esm/alicia/common/FileUpload/FileUpload.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { FileWithPath } from 'react-dropzone';
|
|
|
3
3
|
export type FileState = FileWithPath & {
|
|
4
4
|
preview: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const FileUpload: ({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: FileUploadProps) => JSX.Element;
|
|
6
|
+
export declare const FileUpload: ({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: FileUploadProps) => JSX.Element;
|
|
7
7
|
export type FileUploadProps = {
|
|
8
8
|
required?: boolean;
|
|
9
9
|
title?: string;
|
|
@@ -15,6 +15,8 @@ export type FileUploadProps = {
|
|
|
15
15
|
maxFileSize?: number;
|
|
16
16
|
maxFiles?: number;
|
|
17
17
|
multiple?: boolean;
|
|
18
|
+
width?: string;
|
|
19
|
+
maxWidth?: string;
|
|
18
20
|
accept?: {
|
|
19
21
|
[key: string]: string[];
|
|
20
22
|
};
|
|
@@ -9,10 +9,10 @@ const icons_1 = require("../icons");
|
|
|
9
9
|
const utils_1 = require("../../../services/utils");
|
|
10
10
|
const polished_1 = require("polished");
|
|
11
11
|
const ONE_MB = 1048576;
|
|
12
|
-
const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG or .PDF files (max. 25MB)', btnText = 'Select files', files = [], setFiles, maxFileSize = 25, maxFiles = undefined, multiple = true, accept = {
|
|
12
|
+
const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG or .PDF files (max. 25MB)', btnText = 'Select files', files = [], setFiles, maxFileSize = 25, maxFiles = undefined, multiple = true, maxWidth, width, accept = {
|
|
13
13
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
14
14
|
'application/pdf': ['.pdf'],
|
|
15
|
-
}, customError = undefined, variant = 'primary', loading = false, colors, cta, required }) => {
|
|
15
|
+
}, customError = undefined, variant = 'primary', loading = false, colors, cta, required, }) => {
|
|
16
16
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
17
17
|
const [borderSVG, setBorderSVG] = (0, react_1.useState)('');
|
|
18
18
|
const [image, setImage] = (0, react_1.useState)();
|
|
@@ -60,7 +60,7 @@ const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG
|
|
|
60
60
|
};
|
|
61
61
|
const acceptedFileItems = files.map((file, fileIndex) => {
|
|
62
62
|
var _a, _b, _c, _d;
|
|
63
|
-
return ((0, jsx_runtime_1.jsxs)(react_2.Box, Object.assign({ display: "flex", width: "auto",
|
|
63
|
+
return ((0, jsx_runtime_1.jsxs)(react_2.Box, Object.assign({ display: "flex", width: "auto", bg: (_a = colors === null || colors === void 0 ? void 0 : colors.cardBg) !== null && _a !== void 0 ? _a : 'cardBg', alignItems: "center", height: 14, marginBottom: 4, borderRadius: 4 }, { children: [(0, jsx_runtime_1.jsx)(react_2.Box, Object.assign({ display: "flex", flex: [2, 1], justifyContent: "center" }, { children: file.type === 'application/pdf' ? ((0, jsx_runtime_1.jsx)(react_2.Link, Object.assign({ href: file.preview, target: "_blank", rel: "noreferrer" }, { children: (0, jsx_runtime_1.jsx)(icons_1.PdfIcon, {}) }))) : ((0, jsx_runtime_1.jsx)(react_2.Image, { src: file.preview, alt: file.name, boxSize: (0, polished_1.rem)(24), objectFit: "contain", cursor: "pointer", onClick: () => [setImage(file), onOpen()] })) })), (0, jsx_runtime_1.jsx)(react_2.Box, Object.assign({ display: "flex", flex: [6, 8], noOfLines: 1 }, { children: (0, jsx_runtime_1.jsx)(react_2.Text, Object.assign({ fontSize: 16, fontWeight: variant === 'agos' ? 'bold' : '500', color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _b !== void 0 ? _b : 'text' }, { children: file.path })) })), (0, jsx_runtime_1.jsx)(react_2.Box, Object.assign({ display: "flex", flex: [2, 1], justifyContent: "center" }, { children: (0, jsx_runtime_1.jsx)(react_2.Box, Object.assign({ sx: {
|
|
64
64
|
svg: {
|
|
65
65
|
fill: (_c = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _c !== void 0 ? _c : 'text',
|
|
66
66
|
stroke: 'none !important',
|
|
@@ -81,7 +81,7 @@ const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG
|
|
|
81
81
|
}, [cta === null || cta === void 0 ? void 0 : cta.borderColor, isError, variant]);
|
|
82
82
|
return ((0, jsx_runtime_1.jsxs)(react_2.FormControl, Object.assign({ isRequired: required }, { children: [(0, jsx_runtime_1.jsxs)(react_2.Box, Object.assign({ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", position: "relative", p: variant === 'primary' || variant === 'secondary' || variant === 'agos'
|
|
83
83
|
? 8
|
|
84
|
-
: 12, width:
|
|
84
|
+
: 12, width: width !== null && width !== void 0 ? width : 'auto', maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : 'lg', sx: {
|
|
85
85
|
backgroundImage: variant === 'alicia'
|
|
86
86
|
? `data:image/svg+xml;base64,${borderSVG}`
|
|
87
87
|
: 'transparent',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,4CAgB0B;AAC1B,mDAAsE;AACtE,oCAA+D;AAC/D,mDAA4D;AAC5D,uCAA+B;AAE/B,MAAM,MAAM,GAAG,OAAO,CAAC;AAMhB,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,mBAAmB,EAC3B,KAAK,EACL,OAAO,GAAG,uCAAuC,EACjD,OAAO,GAAG,cAAc,EACxB,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,IAAI,EACf,MAAM,GAAG;IACP,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;CAC5B,EACD,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,EACH,QAAQ,
|
|
1
|
+
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.tsx"],"names":[],"mappings":";;;;AAAA,iCAA4C;AAC5C,4CAgB0B;AAC1B,mDAAsE;AACtE,oCAA+D;AAC/D,mDAA4D;AAC5D,uCAA+B;AAE/B,MAAM,MAAM,GAAG,OAAO,CAAC;AAMhB,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,mBAAmB,EAC3B,KAAK,EACL,OAAO,GAAG,uCAAuC,EACjD,OAAO,GAAG,cAAc,EACxB,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,IAAI,EACf,QAAQ,EACR,KAAK,EACL,MAAM,GAAG;IACP,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;CAC5B,EACD,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,EACH,QAAQ,GACQ,EAAE,EAAE;;IACpB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAa,CAAC;IAChD,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,qBAAa,GAAE,CAAC;IACpD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC;IAClD,MAAM,EACJ,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,cAAc,GAAG,EAAE,GACpB,GAAG,IAAA,4BAAW,EAAC;QACd,MAAM,EAAE,CAAC,aAAkB,EAAE,EAAE;YAC7B,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YAC/C,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC;oBACP,GAAG,KAAK;oBACR,GAAG,aAAa;yBACb,MAAM,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;yBAC/D,GAAG,CAAC,CAAC,IAAe,EAAE,EAAE,CACvB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;wBAClB,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;qBACnC,CAAC,CACH;iBACJ,CAAC,CAAC;aACJ;iBAAM;gBACL,QAAQ,CACN,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CACzB,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE;oBAClB,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC;iBACnC,CAAC,CACH,CACF,CAAC;aACH;QACH,CAAC;QACD,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,MAAM,GAAG,WAAW;QAC7B,MAAM;QACN,QAAQ;QACR,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,SAAS,GAAW,MAAA,MAAA,cAAc,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC,CAAC,CAAC,0CAAE,IAAI,CAAC;IAC7D,MAAM,OAAO,GACX,OAAO,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC;QAC/B,OAAO,CAAC,WAAW,IAAI,WAAW,KAAK,EAAE,CAAC,CAAC;IAE7C,yCAAyC;IACzC,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAE,EAAE;QAC7C,QAAQ,OAAO,EAAE;YACf,KAAK,0BAAS,CAAC,eAAe;gBAC5B,OAAO,2EAA2E,CAAC;YACrF,KAAK,0BAAS,CAAC,YAAY;gBACzB,OAAO,wCAAwC,WAAW,KAAK,CAAC;YAClE;gBACE,OAAO,WAAW,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAe,EAAE,SAAiB,EAAE,EAAE;;QACzE,OAAO,CACL,wBAAC,WAAG,kBAEF,OAAO,EAAC,MAAM,EACd,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,mCAAI,QAAQ,EAC9B,UAAU,EAAC,QAAQ,EACnB,MAAM,EAAE,EAAE,EACV,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,CAAC,iBAEf,uBAAC,WAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAC,QAAQ,gBACtD,IAAI,CAAC,IAAI,KAAK,iBAAiB,CAAC,CAAC,CAAC,CACjC,uBAAC,YAAI,kBAAC,IAAI,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,gBACxD,uBAAC,eAAO,KAAG,IACN,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,aAAK,IACJ,GAAG,EAAE,IAAI,CAAC,OAAO,EACjB,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,OAAO,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAChB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC,GACzC,CACH,IACG,EACN,uBAAC,WAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,gBAC5C,uBAAC,YAAI,kBACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EAC/C,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,MAAM,gBAE5B,IAAI,CAAC,IAAI,IACL,IACH,EACN,uBAAC,WAAG,kBAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,EAAC,QAAQ,gBACvD,uBAAC,WAAG,kBACF,EAAE,EAAE;4BACF,GAAG,EAAE;gCACH,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,MAAM;gCAC5B,MAAM,EAAE,iBAAiB;6BAC1B;yBACF,EACD,MAAM,EAAC,SAAS,EAChB,OAAO,EAAE,GAAG,EAAE,CACZ,OAAO;4BACL,CAAC,CAAC,SAAS;4BACX,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,gBAG9D,OAAO,CAAC,CAAC,CAAC,CACT,uBAAC,eAAO,IAAC,IAAI,EAAC,IAAI,GAAG,CACtB,CAAC,CAAC,CAAC,CACF,uBAAC,sBAAc,IAAC,IAAI,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,MAAM,GAAI,CACjD,IACG,IACF,MAvDD,IAAI,CAAC,IAAI,CAwDV,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;;QACb,IAAI,OAAO,KAAK,QAAQ,EAAE;YACxB,MAAM,sBAAsB,GAAG,IAAA,yBAAiB,EAC9C,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,mCAAI,SAAS,EAC7B,OAAO,CACR,CAAC;YACF,YAAY,CAAC,sBAAsB,CAAC,CAAC;SACtC;aAAM;YACL,YAAY,CAAC,EAAE,CAAC,CAAC;SAClB;IACH,CAAC,EAAE,CAAC,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEzC,OAAO,CACL,wBAAC,mBAAW,kBAAC,UAAU,EAAE,QAAQ,iBAC/B,wBAAC,WAAG,kBACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAC,QAAQ,EACnB,QAAQ,EAAC,UAAU,EACnB,CAAC,EACC,OAAO,KAAK,SAAS,IAAI,OAAO,KAAK,WAAW,IAAI,OAAO,KAAK,MAAM;oBACpE,CAAC,CAAC,CAAC;oBACH,CAAC,CAAC,EAAE,EAER,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,MAAM,EACtB,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,IAAI,EAC1B,EAAE,EAAE;oBACF,eAAe,EACb,OAAO,KAAK,QAAQ;wBAClB,CAAC,CAAC,6BAA6B,SAAS,EAAE;wBAC1C,CAAC,CAAC,aAAa;oBACnB,WAAW,EACT,OAAO,KAAK,MAAM;wBAChB,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,mCAAI,SAAS;wBAC7B,CAAC,CAAC,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,WAAW;4BACjD,CAAC,CAAC,MAAM;4BACR,CAAC,CAAC,OAAO;gCACT,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,OAAO;gCAC1B,CAAC,CAAC,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,mCAAI,SAAS;oBACnC,WAAW,EACT,OAAO,KAAK,QAAQ,IAAI,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAA,cAAG,EAAC,CAAC,CAAC;oBAChE,gBAAgB,EAAE,OAAO;oBACzB,YAAY,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAA,cAAG,EAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;iBAC/C,IACG,YAAY,EAAE,eAEjB,OAAO,KAAK,MAAM,IAAI,KAAK,IAAI,CAC9B,uBAAC,iBAAS,kBACR,EAAE,EAAE,CAAC,EACL,QAAQ,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACjB,UAAU,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACnB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,OAAO,EAC9B,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAE,IAAA,cAAG,EAAC,CAAC,EAAE,CAAC,EACb,IAAI,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EACb,EAAE,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,QAAQ,EAC/B,EAAE,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC,EACV,EAAE,EAAE,IAAA,cAAG,EAAC,CAAC,CAAC,EACV,MAAM,EAAE,CAAC,gBAER,KAAK,IACI,CACb,EACD,kDAAW,aAAa,EAAE,EAAI,EAC9B,uBAAC,UAAU,IAAC,KAAK,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAA,cAAG,EAAC,EAAE,CAAC,GAAI,EAC/C,uBAAC,YAAI,kBACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EAC7C,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,OAAO,CAAC,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,SAAS,EACrE,SAAS,EAAE,CAAC,gBAEX,KAAK,IACD,EACP,uBAAC,YAAI,kBACH,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAE,GAAG,EACf,KAAK,EACH,OAAO;4BACL,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,mCAAI,OAAO;4BAC1B,CAAC,CAAC,OAAO,KAAK,MAAM;gCACpB,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,mCAAI,SAAS;gCAC9B,CAAC,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,SAAS,EAE/B,SAAS,EAAE,CAAC,EACZ,SAAS,EAAC,QAAQ,gBAEjB,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,SAAsB,CAAC,CAAC,CAAC,CAAC,OAAO,IACvD,EACP,uBAAC,cAAM,kBACL,OAAO,EAAE,IAAI,EACb,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,WAAW,mCAAI,SAAS,EAC1C,EAAE,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,EAAE,mCAAI,SAAS,EACxB,KAAK,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,KAAK,mCAAI,SAAS,EAC9B,MAAM,EAAE;4BACN,EAAE,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAC,EAAE,mCAAI,OAAO;4BAC7B,KAAK,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAC,KAAK,mCAAI,OAAO;4BACnC,WAAW,EAAE,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,MAAM,CAAC,WAAW,mCAAI,OAAO;yBAChD,EACD,SAAS,EAAE,CAAC,EACZ,OAAO,EAAC,MAAM,EACd,OAAO,EAAE,GAAG,IAAA,cAAG,EAAC,EAAE,CAAC,IAAI,IAAA,cAAG,EAAC,EAAE,CAAC,EAAE,EAChC,MAAM,EAAE,EAAE,EACV,UAAU,EAAE,OAAO,gBAElB,OAAO,IACD,KACL,EACL,OAAO,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,IAAI,CACzB,uBAAC,WAAG,kBACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,IAAI,EACb,SAAS,EAAE,CAAC,gBAEX,iBAAiB,IACd,CACP,EACD,wBAAC,aAAK,kBAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,KAAK,iBACjD,uBAAC,oBAAY,KAAG,EAChB,wBAAC,oBAAY,eACX,uBAAC,mBAAW,cACV,uBAAC,YAAI,kBAAC,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,OAAO,gBAC7D,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,IACP,GACK,EACd,uBAAC,wBAAgB,IACf,KAAK,EAAE;oCACL,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,OAAO;oCAC9B,YAAY,EAAE,EAAE;oCAChB,MAAM,EAAE,GAAG,IAAA,cAAG,EAAC,CAAC,CAAC,UAAU,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,mCAAI,OAAO,EAAE;oCACpD,SAAS,EAAE,CAAC;iCACb,GACD,EACF,uBAAC,iBAAS,kBAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,QAAQ,gBACnE,uBAAC,aAAK,IACJ,GAAG,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,EACnB,GAAG,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,IAAI,EAChB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAC,aAAa,EACpB,MAAM,EAAE,CAAC,GACT,IACQ,IACC,KACT,KACI,CACf,CAAC;AACJ,CAAC,CAAC;AAtSW,QAAA,UAAU,cAsSrB"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
3
|
+
declare const _default: ComponentMeta<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Primary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
6
|
-
export declare const Secondary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
7
|
-
export declare const Alcia: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
8
|
-
export declare const SingleUpload: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
9
|
-
export declare const Agos: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
5
|
+
export declare const Primary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
6
|
+
export declare const Secondary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
7
|
+
export declare const Alcia: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
8
|
+
export declare const SingleUpload: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
9
|
+
export declare const Agos: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
@@ -26,6 +26,7 @@ exports.Agos = Template.bind({});
|
|
|
26
26
|
exports.Primary.args = {
|
|
27
27
|
label: 'Files',
|
|
28
28
|
maxFileSize: 25,
|
|
29
|
+
width: '100%',
|
|
29
30
|
accept: {
|
|
30
31
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
31
32
|
'application/pdf': ['.pdf'],
|
|
@@ -87,6 +88,8 @@ exports.SingleUpload.args = {
|
|
|
87
88
|
exports.Agos.args = {
|
|
88
89
|
required: true,
|
|
89
90
|
label: 'Files',
|
|
91
|
+
width: "1000px",
|
|
92
|
+
maxWidth: "1000px",
|
|
90
93
|
maxFileSize: 25,
|
|
91
94
|
accept: {
|
|
92
95
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":";;;;AACA,iCAAiC;AAEjC,6CAAqD;AAErD,kBAAe;IACb,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,uBAAU;IACrB,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC;YACnD,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SAC3B;KACF;CACkC,CAAC;AAEtC,MAAM,QAAQ,GAAsC,CAAC,IAAI,EAAE,EAAE;IAC3D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAc,EAAE,CAAC,CAAC;IACpD,OAAO,uBAAC,uBAAU,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACpE,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5B,QAAA,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9B,QAAA,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1B,QAAA,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjC,QAAA,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEtC,eAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,EAAE;IACf,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;QACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,GAAG,EAAE;QACH,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,OAAO;QACpB,MAAM,EAAE;YACN,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,OAAO;SACrB;KACF;CACF,CAAC;AAEF,iBAAS,CAAC,IAAI,GAAG;IACf,WAAW,EAAE,EAAE;IACf,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;QACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,aAAK,CAAC,IAAI,GAAG;IACX,WAAW,EAAE,EAAE;IACf,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;QACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,oBAAY,CAAC,IAAI,GAAG;IAClB,WAAW,EAAE,EAAE;IACf,QAAQ,EAAE,CAAC;IACX,QAAQ,EAAE,KAAK;IACf,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;QACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,KAAK;CACf,CAAC;AAEF,YAAI,CAAC,IAAI,GAAG;IACV,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,OAAO;IACd,WAAW,EAAE,EAAE;IACf,MAAM,EAAE;QACN,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;QACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;KAC5B;IACD,WAAW,EAAE,EAAE;IACf,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE;QACN,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,SAAS;QAClB,MAAM,EAAE,SAAS;QACjB,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,SAAS;KAClB;IACD,GAAG,EAAE;QACH,EAAE,EAAE,OAAO;QACX,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,OAAO;QACpB,MAAM,EAAE;YACN,EAAE,EAAE,aAAa;YACjB,KAAK,EAAE,OAAO;YACd,WAAW,EAAE,OAAO;SACrB;KACF;CACF,CAAC"}
|
|
1
|
+
{"version":3,"file":"FileUpload.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { FileWithPath } from 'react-dropzone';
|
|
|
3
3
|
export type FileState = FileWithPath & {
|
|
4
4
|
preview: string;
|
|
5
5
|
};
|
|
6
|
-
export declare const FileUpload: ({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: FileUploadProps) => JSX.Element;
|
|
6
|
+
export declare const FileUpload: ({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: FileUploadProps) => JSX.Element;
|
|
7
7
|
export type FileUploadProps = {
|
|
8
8
|
required?: boolean;
|
|
9
9
|
title?: string;
|
|
@@ -15,6 +15,8 @@ export type FileUploadProps = {
|
|
|
15
15
|
maxFileSize?: number;
|
|
16
16
|
maxFiles?: number;
|
|
17
17
|
multiple?: boolean;
|
|
18
|
+
width?: string;
|
|
19
|
+
maxWidth?: string;
|
|
18
20
|
accept?: {
|
|
19
21
|
[key: string]: string[];
|
|
20
22
|
};
|
|
@@ -6,10 +6,10 @@ import { FileDeleteIcon, PdfIcon, UploadIcon } from '../icons';
|
|
|
6
6
|
import { retrieveBorderSvg } from '../../../services/utils';
|
|
7
7
|
import { rem } from 'polished';
|
|
8
8
|
const ONE_MB = 1048576;
|
|
9
|
-
export const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG or .PDF files (max. 25MB)', btnText = 'Select files', files = [], setFiles, maxFileSize = 25, maxFiles = undefined, multiple = true, accept = {
|
|
9
|
+
export const FileUpload = ({ title = 'Upload your files', label, message = '.JPEG, .PNG or .PDF files (max. 25MB)', btnText = 'Select files', files = [], setFiles, maxFileSize = 25, maxFiles = undefined, multiple = true, maxWidth, width, accept = {
|
|
10
10
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
11
11
|
'application/pdf': ['.pdf'],
|
|
12
|
-
}, customError = undefined, variant = 'primary', loading = false, colors, cta, required }) => {
|
|
12
|
+
}, customError = undefined, variant = 'primary', loading = false, colors, cta, required, }) => {
|
|
13
13
|
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
|
|
14
14
|
const [borderSVG, setBorderSVG] = useState('');
|
|
15
15
|
const [image, setImage] = useState();
|
|
@@ -57,7 +57,7 @@ export const FileUpload = ({ title = 'Upload your files', label, message = '.JPE
|
|
|
57
57
|
};
|
|
58
58
|
const acceptedFileItems = files.map((file, fileIndex) => {
|
|
59
59
|
var _a, _b, _c, _d;
|
|
60
|
-
return (_jsxs(Box, Object.assign({ display: "flex", width: "auto",
|
|
60
|
+
return (_jsxs(Box, Object.assign({ display: "flex", width: "auto", bg: (_a = colors === null || colors === void 0 ? void 0 : colors.cardBg) !== null && _a !== void 0 ? _a : 'cardBg', alignItems: "center", height: 14, marginBottom: 4, borderRadius: 4 }, { children: [_jsx(Box, Object.assign({ display: "flex", flex: [2, 1], justifyContent: "center" }, { children: file.type === 'application/pdf' ? (_jsx(Link, Object.assign({ href: file.preview, target: "_blank", rel: "noreferrer" }, { children: _jsx(PdfIcon, {}) }))) : (_jsx(Image, { src: file.preview, alt: file.name, boxSize: rem(24), objectFit: "contain", cursor: "pointer", onClick: () => [setImage(file), onOpen()] })) })), _jsx(Box, Object.assign({ display: "flex", flex: [6, 8], noOfLines: 1 }, { children: _jsx(Text, Object.assign({ fontSize: 16, fontWeight: variant === 'agos' ? 'bold' : '500', color: (_b = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _b !== void 0 ? _b : 'text' }, { children: file.path })) })), _jsx(Box, Object.assign({ display: "flex", flex: [2, 1], justifyContent: "center" }, { children: _jsx(Box, Object.assign({ sx: {
|
|
61
61
|
svg: {
|
|
62
62
|
fill: (_c = colors === null || colors === void 0 ? void 0 : colors.text) !== null && _c !== void 0 ? _c : 'text',
|
|
63
63
|
stroke: 'none !important',
|
|
@@ -78,7 +78,7 @@ export const FileUpload = ({ title = 'Upload your files', label, message = '.JPE
|
|
|
78
78
|
}, [cta === null || cta === void 0 ? void 0 : cta.borderColor, isError, variant]);
|
|
79
79
|
return (_jsxs(FormControl, Object.assign({ isRequired: required }, { children: [_jsxs(Box, Object.assign({ display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center", position: "relative", p: variant === 'primary' || variant === 'secondary' || variant === 'agos'
|
|
80
80
|
? 8
|
|
81
|
-
: 12, width:
|
|
81
|
+
: 12, width: width !== null && width !== void 0 ? width : 'auto', maxWidth: maxWidth !== null && maxWidth !== void 0 ? maxWidth : 'lg', sx: {
|
|
82
82
|
backgroundImage: variant === 'alicia'
|
|
83
83
|
? `data:image/svg+xml;base64,${borderSVG}`
|
|
84
84
|
: 'transparent',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EACL,GAAG,EACH,IAAI,EACJ,MAAM,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,OAAO,EACP,SAAS,EACT,WAAW,GACZ,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAgB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC/D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,MAAM,MAAM,GAAG,OAAO,CAAC;AAMvB,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,KAAK,GAAG,mBAAmB,EAC3B,KAAK,EACL,OAAO,GAAG,uCAAuC,EACjD,OAAO,GAAG,cAAc,EACxB,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,IAAI,EACf,MAAM,GAAG;IACP,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC;IACpC,iBAAiB,EAAE,CAAC,MAAM,CAAC;CAC5B,EACD,WAAW,GAAG,SAAS,EACvB,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,MAAM,EACN,GAAG,EACH,QAAQ,
|
|
1
|
+
{"version":3,"file":"FileUpload.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
3
|
+
declare const _default: ComponentMeta<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const Primary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
6
|
-
export declare const Secondary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
7
|
-
export declare const Alcia: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
8
|
-
export declare const SingleUpload: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
9
|
-
export declare const Agos: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, accept, customError, variant, loading, colors, cta, required }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
5
|
+
export declare const Primary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
6
|
+
export declare const Secondary: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
7
|
+
export declare const Alcia: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
8
|
+
export declare const SingleUpload: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
9
|
+
export declare const Agos: ComponentStory<({ title, label, message, btnText, files, setFiles, maxFileSize, maxFiles, multiple, maxWidth, width, accept, customError, variant, loading, colors, cta, required, }: import("./FileUpload").FileUploadProps) => JSX.Element>;
|
|
@@ -23,6 +23,7 @@ export const Agos = Template.bind({});
|
|
|
23
23
|
Primary.args = {
|
|
24
24
|
label: 'Files',
|
|
25
25
|
maxFileSize: 25,
|
|
26
|
+
width: '100%',
|
|
26
27
|
accept: {
|
|
27
28
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
28
29
|
'application/pdf': ['.pdf'],
|
|
@@ -84,6 +85,8 @@ SingleUpload.args = {
|
|
|
84
85
|
Agos.args = {
|
|
85
86
|
required: true,
|
|
86
87
|
label: 'Files',
|
|
88
|
+
width: "1000px",
|
|
89
|
+
maxWidth: "1000px",
|
|
87
90
|
maxFileSize: 25,
|
|
88
91
|
accept: {
|
|
89
92
|
'image/*': ['.jpeg', '.jpg', '.png'],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"FileUpload.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"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"}
|