design-react-kit 5.7.3 → 5.8.0

package/dist/Upload/UploadListItem.js

@@ -0,0 +1,53 @@
+import classNames from 'classnames';
+import React from 'react';
+import { Icon } from '../Icon/Icon';
+import { Progress } from '../Progress/Progress';
+import { useUploadContext } from './useUploadContext';
+export const UploadListItem = ({ className, icon = 'it-file', uploadStatus = 'success', buttonTag = 'button', progressValue, previewImage, previewImageSrc, previewImageAlt, fileName, fileWeight, children }) => {
+    const tipologia = useUploadContext(), classes = classNames({
+        'upload-file': tipologia === 'file',
+        success: uploadStatus === 'success' && tipologia === 'file',
+        uploading: uploadStatus === 'uploading' && tipologia === 'file',
+        error: uploadStatus === 'error' && tipologia === 'file'
+    }, className), classesProgress = classNames({ 'progress-image': previewImage }), ButtonTag = buttonTag;
+    const elementiListItem = {
+        success: {
+            testoVHFile: 'File caricato:',
+            testoVHRightIcon: 'Caricamento ultimato',
+            rightIcon: 'it-check'
+        },
+        uploading: {
+            testoVHFile: 'File caricato:',
+            testoVHRightIcon: 'Annulla caricamento',
+            rightIcon: 'it-close'
+        },
+        error: {
+            testoVHFile: 'Errore caricamento file:',
+            testoVHRightIcon: 'Elimina file caricato',
+            rightIcon: 'it-close'
+        }
+    };
+    return (React.createElement("li", { className: classes },
+        children,
+        previewImage ? (React.createElement("div", { className: 'upload-image' },
+            React.createElement("img", { src: previewImageSrc, alt: previewImageAlt }))) : (tipologia === 'file' && React.createElement(Icon, { icon: icon, size: 'sm' })),
+        tipologia === 'file' && (React.createElement(React.Fragment, null,
+            React.createElement("p", null,
+                React.createElement("span", { className: 'visually-hidden' }, elementiListItem[uploadStatus].testoVHFile),
+                fileName,
+                " ",
+                uploadStatus === 'success' && React.createElement("span", { className: 'upload-file-weight' }, fileWeight)),
+            React.createElement(ButtonTag, { disabled: uploadStatus === 'success' ? true : false },
+                React.createElement("span", { className: 'visually-hidden' }, elementiListItem[uploadStatus].testoVHRightIcon),
+                React.createElement(Icon, { icon: elementiListItem[uploadStatus].rightIcon })),
+            uploadStatus === 'uploading' && React.createElement(Progress, { value: progressValue, wrapperClassName: classesProgress })))));
+};
+const UploadButton = ({ id, children, ...props }) => {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: 'file', id: id, className: 'upload pictures-wall', multiple: true, ...props }),
+        React.createElement("label", { htmlFor: id },
+            React.createElement(Icon, { icon: 'it-plus' }),
+            React.createElement("span", null, children))));
+};
+UploadListItem.UploadButton = UploadButton;
+//# sourceMappingURL=UploadListItem.js.map

package/dist/Upload/UploadListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadListItem.js","sourceRoot":"","sources":["../../src/Upload/UploadListItem.tsx"],"names":[],"mappings":"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"}

package/dist/Upload/useUploadContext.cjs

@@ -0,0 +1,2 @@
+"use strict";var n=Object.defineProperty;var r=Object.getOwnPropertyDescriptor;var x=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var c=(t,o)=>{for(var p in o)n(t,p,{get:o[p],enumerable:!0})},s=(t,o,p,a)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of x(o))!C.call(t,e)&&e!==p&&n(t,e,{get:()=>o[e],enumerable:!(a=r(o,e))||a.enumerable});return t};var d=t=>s(n({},"__esModule",{value:!0}),t);var g={};c(g,{UploadContext:()=>i,useUploadContext:()=>f});module.exports=d(g);var l=require("react"),i=(0,l.createContext)({tipologia:"file"}),f=()=>{let{tipologia:t}=(0,l.useContext)(i);return t};0&&(module.exports={UploadContext,useUploadContext});
+//# sourceMappingURL=useUploadContext.cjs.map

package/dist/Upload/useUploadContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Upload/useUploadContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\ninterface UploadContextType {\n  tipologia: 'file' | 'gallery';\n}\n\nexport const UploadContext = createContext<UploadContextType>({\n  tipologia: 'file'\n});\n\nexport const useUploadContext = () => {\n  const { tipologia } = useContext(UploadContext);\n  return tipologia;\n};\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,mBAAAE,EAAA,qBAAAC,IAAA,eAAAC,EAAAJ,GAAA,IAAAK,EAA0C,iBAM7BH,KAAgB,iBAAiC,CAC5D,UAAW,MACb,CAAC,EAEYC,EAAmB,IAAM,CACpC,GAAM,CAAE,UAAAG,CAAU,KAAI,cAAWJ,CAAa,EAC9C,OAAOI,CACT","names":["useUploadContext_exports","__export","UploadContext","useUploadContext","__toCommonJS","import_react","tipologia"]}

package/dist/Upload/useUploadContext.js

@@ -0,0 +1,9 @@
+import { createContext, useContext } from 'react';
+export const UploadContext = createContext({
+    tipologia: 'file'
+});
+export const useUploadContext = () => {
+    const { tipologia } = useContext(UploadContext);
+    return tipologia;
+};
+//# sourceMappingURL=useUploadContext.js.map

package/dist/Upload/useUploadContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadContext.js","sourceRoot":"","sources":["../../src/Upload/useUploadContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAMlD,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CAAoB;IAC5D,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAC;IAChD,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC"}

package/dist/assets/index.d.cjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.d.cjs.map

package/dist/assets/index.d.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/assets/index.d.js

@@ -0,0 +1 @@
+//# sourceMappingURL=index.d.js.map

package/dist/assets/index.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}