@brighthr/component-file-selector - npm Package Compare versions

Comparing version 0.2.5 to 0.2.6

dist/index.modern.js

		@@ -1,2 +0,2 @@
		import e from"react";import t from"classnames";import{useDropzone as r}from"react-dropzone";import a from"@brighthr/component-icon";import l from"@brighthr/component-button";import n from"@brighthr/component-spinner";function o(){return o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}const i=["onFilesSelected","dropZoneOptions","text"],s=({fileProblemDescription:r="",uploadProgressPercentage:l=0,fileDescription:o,fileName:i,spinner:s=!1,onRemoveFile:c})=>{let m=l;l>100&&(m=100),l<0&&(m=0);const p=100===m&&!r;return e.createElement("div",{className:t("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==r,"bg-neutral-200 border-neutral-300":!r})},e.createElement("div",{className:t("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-success-400":p,"bg-neutral-300":!p}),style:{width:`${m}%`},role:"progressbar","aria-valuenow":m,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),e.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},e.createElement("div",{className:t("py-3",{"text-error-700":r,"text-success-900":p})},e.createElement("div",{className:"font-bold"},i),r&&e.createElement("div",{className:""},r),o&&e.createElement("div",{className:""},o)),e.createElement("div",{className:""},0===m&&c&&e.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:c,type:"button"},e.createElement(a,{iconName:"trash",size:30,className:"fill-neutral-800"})),s&&100!==m&&e.createElement("div",null,e.createElement(n,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===m&&e.createElement(a,{iconName:"tick-circle",size:30,className:"fill-success-900"}),!s&&m>0&&m<100&&e.createElement("span",null,m,"%"))))},c=n=>{let{onFilesSelected:s,dropZoneOptions:c={},text:m}=n,p=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0\|\|(l[r]=e[r]);return l}(n,i);const{getRootProps:u,getInputProps:d,isDragActive:b}=r(o({onDrop:s},c));return e.createElement("div",o({},p,u({"aria-role":"button","aria-label":"click to select files"})),e.createElement("div",{className:t("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!b,"bg-primary-50":b})},e.createElement(a,{iconName:"arrow-big-up",size:60,className:t("mb-3",{"fill-neutral-500":!b,"fill-primary-500":b})}),e.createElement("input",o({"data-testid":"dnd"},d())),e.createElement("div",{className:"mb-4"},m\|\|"Drag and drop your files here to upload"),e.createElement(l,{outlineButton:!0,text:"Browse files..."})))};export{s as FileInformation,c as FileSelector};
		import e from"react";import t from"classnames";import{useDropzone as r}from"react-dropzone";import l from"@brighthr/component-icon";import a from"@brighthr/component-button";import n from"@brighthr/component-spinner";function o(){return o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},o.apply(this,arguments)}const i=["onFilesSelected","dropZoneOptions","text"],s=({fileProblemDescription:r="",uploadProgressPercentage:a=0,fileDescription:o,fileName:i,spinner:s=!1,onRemoveFile:c})=>{let m=a;a>100&&(m=100),a<0&&(m=0);const u=100===m&&!r;return e.createElement("div",{className:t("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==r,"bg-neutral-200 border-neutral-300":!r&&!u,"bg-success-200 border-success-400":!r&&u})},e.createElement("div",{className:t("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-neutral-300":!u}),style:{width:`${m}%`},role:"progressbar","aria-valuenow":m,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),e.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},e.createElement("div",{className:t("py-3 text-neutral-700",{"text-error-700":r,"text-success-800":u})},e.createElement("div",{className:"font-bold"},i),r&&e.createElement("div",null,r),o&&e.createElement("div",null,o)),e.createElement("div",null,0===m&&c&&e.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:c,type:"button"},e.createElement(l,{iconName:"trash",size:30,className:"fill-neutral-700"})),s&&100!==m&&e.createElement("div",null,e.createElement(n,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===m&&e.createElement(l,{iconName:"tick-circle",size:30,className:"fill-success-700"}),!s&&m>0&&m<100&&e.createElement("span",null,m,"%"))))},c=n=>{let{onFilesSelected:s,dropZoneOptions:c={},text:m}=n,u=function(e,t){if(null==e)return{};var r,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)t.indexOf(r=n[l])>=0\|\|(a[r]=e[r]);return a}(n,i);const{getRootProps:p,getInputProps:d,isDragActive:b}=r(o({onDrop:s},c));return e.createElement("div",o({},u,p({"aria-role":"button","aria-label":"click to select files"})),e.createElement("div",{className:t("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!b,"bg-primary-50":b})},e.createElement(l,{iconName:"arrow-big-up",size:60,className:t("mb-3",{"fill-neutral-500":!b,"fill-primary-500":b})}),e.createElement("input",o({"data-testid":"dnd"},d())),e.createElement("div",{className:"mb-4"},m\|\|"Drag and drop your files here to upload"),e.createElement(a,{outlineButton:!0,text:"Browse files..."})))};export{s as FileInformation,c as FileSelector};
		//# sourceMappingURL=index.modern.js.map

dist/index.module.js

		@@ -1,2 +0,2 @@
		import e from"react";import t from"classnames";import{useDropzone as r}from"react-dropzone";import a from"@brighthr/component-icon";import l from"@brighthr/component-button";import o from"@brighthr/component-spinner";function n(){return n=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},n.apply(this,arguments)}var i=["onFilesSelected","dropZoneOptions","text"],s=function(r){var l=r.fileProblemDescription,n=void 0===l?"":l,i=r.uploadProgressPercentage,s=void 0===i?0:i,c=r.fileDescription,m=r.fileName,d=r.spinner,u=void 0!==d&&d,p=r.onRemoveFile,b=void 0===p?void 0:p,f=s;s>100&&(f=100),s<0&&(f=0);var v=100===f&&!n;return e.createElement("div",{className:t("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==n,"bg-neutral-200 border-neutral-300":!n})},e.createElement("div",{className:t("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-success-400":v,"bg-neutral-300":!v}),style:{width:f+"%"},role:"progressbar","aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),e.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},e.createElement("div",{className:t("py-3",{"text-error-700":n,"text-success-900":v})},e.createElement("div",{className:"font-bold"},m),n&&e.createElement("div",{className:""},n),c&&e.createElement("div",{className:""},c)),e.createElement("div",{className:""},0===f&&b&&e.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:b,type:"button"},e.createElement(a,{iconName:"trash",size:30,className:"fill-neutral-800"})),u&&100!==f&&e.createElement("div",null,e.createElement(o,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===f&&e.createElement(a,{iconName:"tick-circle",size:30,className:"fill-success-900"}),!u&&f>0&&f<100&&e.createElement("span",null,f,"%"))))},c=function(o){var s=o.onFilesSelected,c=o.dropZoneOptions,m=void 0===c?{}:c,d=o.text,u=function(e,t){if(null==e)return{};var r,a,l={},o=Object.keys(e);for(a=0;a<o.length;a++)t.indexOf(r=o[a])>=0\|\|(l[r]=e[r]);return l}(o,i),p=r(n({onDrop:s},m)),b=p.getInputProps,f=p.isDragActive;return e.createElement("div",n({},u,(0,p.getRootProps)({"aria-role":"button","aria-label":"click to select files"})),e.createElement("div",{className:t("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!f,"bg-primary-50":f})},e.createElement(a,{iconName:"arrow-big-up",size:60,className:t("mb-3",{"fill-neutral-500":!f,"fill-primary-500":f})}),e.createElement("input",n({"data-testid":"dnd"},b())),e.createElement("div",{className:"mb-4"},d\|\|"Drag and drop your files here to upload"),e.createElement(l,{outlineButton:!0,text:"Browse files..."})))};export{s as FileInformation,c as FileSelector};
		import e from"react";import t from"classnames";import{useDropzone as r}from"react-dropzone";import a from"@brighthr/component-icon";import l from"@brighthr/component-button";import n from"@brighthr/component-spinner";function o(){return o=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},o.apply(this,arguments)}var i=["onFilesSelected","dropZoneOptions","text"],s=function(r){var l=r.fileProblemDescription,o=void 0===l?"":l,i=r.uploadProgressPercentage,s=void 0===i?0:i,c=r.fileDescription,m=r.fileName,u=r.spinner,d=void 0!==u&&u,p=r.onRemoveFile,b=void 0===p?void 0:p,f=s;s>100&&(f=100),s<0&&(f=0);var v=100===f&&!o;return e.createElement("div",{className:t("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==o,"bg-neutral-200 border-neutral-300":!o&&!v,"bg-success-200 border-success-400":!o&&v})},e.createElement("div",{className:t("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-neutral-300":!v}),style:{width:f+"%"},role:"progressbar","aria-valuenow":f,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),e.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},e.createElement("div",{className:t("py-3 text-neutral-700",{"text-error-700":o,"text-success-800":v})},e.createElement("div",{className:"font-bold"},m),o&&e.createElement("div",null,o),c&&e.createElement("div",null,c)),e.createElement("div",null,0===f&&b&&e.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:b,type:"button"},e.createElement(a,{iconName:"trash",size:30,className:"fill-neutral-700"})),d&&100!==f&&e.createElement("div",null,e.createElement(n,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===f&&e.createElement(a,{iconName:"tick-circle",size:30,className:"fill-success-700"}),!d&&f>0&&f<100&&e.createElement("span",null,f,"%"))))},c=function(n){var s=n.onFilesSelected,c=n.dropZoneOptions,m=void 0===c?{}:c,u=n.text,d=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0\|\|(l[r]=e[r]);return l}(n,i),p=r(o({onDrop:s},m)),b=p.getInputProps,f=p.isDragActive;return e.createElement("div",o({},d,(0,p.getRootProps)({"aria-role":"button","aria-label":"click to select files"})),e.createElement("div",{className:t("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!f,"bg-primary-50":f})},e.createElement(a,{iconName:"arrow-big-up",size:60,className:t("mb-3",{"fill-neutral-500":!f,"fill-primary-500":f})}),e.createElement("input",o({"data-testid":"dnd"},b())),e.createElement("div",{className:"mb-4"},u\|\|"Drag and drop your files here to upload"),e.createElement(l,{outlineButton:!0,text:"Browse files..."})))};export{s as FileInformation,c as FileSelector};
		//# sourceMappingURL=index.module.js.map

dist/index.umd.js

		@@ -1,2 +0,2 @@
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames"),require("react-dropzone"),require("@brighthr/component-icon"),require("@brighthr/component-button"),require("@brighthr/component-spinner")):"function"==typeof define&&define.amd?define(["exports","react","classnames","react-dropzone","@brighthr/component-icon","@brighthr/component-button","@brighthr/component-spinner"],t):t((e\|\|self).componentFileSelector={},e.react,e.classnames,e.reactDropzone,e.Icon,e.Button,e.Spinner)}(this,function(e,t,r,a,l,n,o){function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=/#__PURE__/i(t),c=/#__PURE__/i(r),u=/#__PURE__/i(l),d=/#__PURE__/i(n),f=/#__PURE__/i(o);function m(){return m=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},m.apply(this,arguments)}var p=["onFilesSelected","dropZoneOptions","text"];e.FileInformation=function(e){var t=e.fileProblemDescription,r=void 0===t?"":t,a=e.uploadProgressPercentage,l=void 0===a?0:a,n=e.fileDescription,o=e.fileName,i=e.spinner,d=void 0!==i&&i,m=e.onRemoveFile,p=void 0===m?void 0:m,b=l;l>100&&(b=100),l<0&&(b=0);var v=100===b&&!r;return s.default.createElement("div",{className:c.default("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==r,"bg-neutral-200 border-neutral-300":!r})},s.default.createElement("div",{className:c.default("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-success-400":v,"bg-neutral-300":!v}),style:{width:b+"%"},role:"progressbar","aria-valuenow":b,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),s.default.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},s.default.createElement("div",{className:c.default("py-3",{"text-error-700":r,"text-success-900":v})},s.default.createElement("div",{className:"font-bold"},o),r&&s.default.createElement("div",{className:""},r),n&&s.default.createElement("div",{className:""},n)),s.default.createElement("div",{className:""},0===b&&p&&s.default.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:p,type:"button"},s.default.createElement(u.default,{iconName:"trash",size:30,className:"fill-neutral-800"})),d&&100!==b&&s.default.createElement("div",null,s.default.createElement(f.default,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===b&&s.default.createElement(u.default,{iconName:"tick-circle",size:30,className:"fill-success-900"}),!d&&b>0&&b<100&&s.default.createElement("span",null,b,"%"))))},e.FileSelector=function(e){var t=e.onFilesSelected,r=e.dropZoneOptions,l=void 0===r?{}:r,n=e.text,o=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0\|\|(l[r]=e[r]);return l}(e,p),i=a.useDropzone(m({onDrop:t},l)),f=i.getInputProps,b=i.isDragActive;return s.default.createElement("div",m({},o,(0,i.getRootProps)({"aria-role":"button","aria-label":"click to select files"})),s.default.createElement("div",{className:c.default("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!b,"bg-primary-50":b})},s.default.createElement(u.default,{iconName:"arrow-big-up",size:60,className:c.default("mb-3",{"fill-neutral-500":!b,"fill-primary-500":b})}),s.default.createElement("input",m({"data-testid":"dnd"},f())),s.default.createElement("div",{className:"mb-4"},n\|\|"Drag and drop your files here to upload"),s.default.createElement(d.default,{outlineButton:!0,text:"Browse files..."})))}});
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("classnames"),require("react-dropzone"),require("@brighthr/component-icon"),require("@brighthr/component-button"),require("@brighthr/component-spinner")):"function"==typeof define&&define.amd?define(["exports","react","classnames","react-dropzone","@brighthr/component-icon","@brighthr/component-button","@brighthr/component-spinner"],t):t((e\|\|self).componentFileSelector={},e.react,e.classnames,e.reactDropzone,e.Icon,e.Button,e.Spinner)}(this,function(e,t,r,a,l,n,o){function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=/#__PURE__/i(t),c=/#__PURE__/i(r),s=/#__PURE__/i(l),d=/#__PURE__/i(n),f=/#__PURE__/i(o);function m(){return m=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},m.apply(this,arguments)}var p=["onFilesSelected","dropZoneOptions","text"];e.FileInformation=function(e){var t=e.fileProblemDescription,r=void 0===t?"":t,a=e.uploadProgressPercentage,l=void 0===a?0:a,n=e.fileDescription,o=e.fileName,i=e.spinner,d=void 0!==i&&i,m=e.onRemoveFile,p=void 0===m?void 0:m,b=l;l>100&&(b=100),l<0&&(b=0);var v=100===b&&!r;return u.default.createElement("div",{className:c.default("relative flex mb-2 rounded border",{"bg-error-100 border-error-200":""!==r,"bg-neutral-200 border-neutral-300":!r&&!v,"bg-success-200 border-success-400":!r&&v})},u.default.createElement("div",{className:c.default("absolute top-0 bottom-0 left-0 right-0 h-full transition-all rounded",{"bg-neutral-300":!v}),style:{width:b+"%"},role:"progressbar","aria-valuenow":b,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"upload progress"}),u.default.createElement("div",{className:"relative flex items-center justify-between w-full px-4"},u.default.createElement("div",{className:c.default("py-3 text-neutral-700",{"text-error-700":r,"text-success-800":v})},u.default.createElement("div",{className:"font-bold"},o),r&&u.default.createElement("div",null,r),n&&u.default.createElement("div",null,n)),u.default.createElement("div",null,0===b&&p&&u.default.createElement("button",{className:"p-0 m-0","aria-label":"Remove file",onClick:p,type:"button"},u.default.createElement(s.default,{iconName:"trash",size:30,className:"fill-neutral-700"})),d&&100!==b&&u.default.createElement("div",null,u.default.createElement(f.default,{ariaLabel:"Loading documents",className:"stroke-neutral-500"})),100===b&&u.default.createElement(s.default,{iconName:"tick-circle",size:30,className:"fill-success-700"}),!d&&b>0&&b<100&&u.default.createElement("span",null,b,"%"))))},e.FileSelector=function(e){var t=e.onFilesSelected,r=e.dropZoneOptions,l=void 0===r?{}:r,n=e.text,o=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)t.indexOf(r=n[a])>=0\|\|(l[r]=e[r]);return l}(e,p),i=a.useDropzone(m({onDrop:t},l)),f=i.getInputProps,b=i.isDragActive;return u.default.createElement("div",m({},o,(0,i.getRootProps)({"aria-role":"button","aria-label":"click to select files"})),u.default.createElement("div",{className:c.default("flex flex-col items-center p-8 border-2 transition-all border-neutral-500 border-dotted",{"bg-white":!b,"bg-primary-50":b})},u.default.createElement(s.default,{iconName:"arrow-big-up",size:60,className:c.default("mb-3",{"fill-neutral-500":!b,"fill-primary-500":b})}),u.default.createElement("input",m({"data-testid":"dnd"},f())),u.default.createElement("div",{className:"mb-4"},n\|\|"Drag and drop your files here to upload"),u.default.createElement(d.default,{outlineButton:!0,text:"Browse files..."})))}});
		//# sourceMappingURL=index.umd.js.map

package.json

		{
		"name": "@brighthr/component-file-selector",
		"version": "0.2.5",
		"version": "0.2.6",
		"license": "MIT",
		@@ -43,3 +43,3 @@ "type": "module",
		},
		"gitHead": "ad81d3c429e737a5367966752f289bb2d6ebbda8"
		"gitHead": "cde35eb6796b3740ca01a585fe32174c18ca3fbc"
		}

dist/index.cjs