@nimbus-ds/file-uploader 2.0.0 → 2.2.0

package/dist/index.d.ts

@@ -0,0 +1,69 @@
+// Generated by dts-bundle-generator v7.1.0
+
+import React from 'react';
+import { HTMLAttributes, InputHTMLAttributes } from 'react';
+
+export type AspectRatio = "1/1" | "16/9" | "9/16" | "4/3" | "3/4" | "2/1" | "1/2";
+export type Cursor = "auto" | "pointer";
+declare const fileUploader: {
+	sprinkle: ((props: {
+		aspectRatio?: "none" | AspectRatio | undefined;
+		flexDirection?: "row" | "column" | undefined;
+		cursor?: Cursor | undefined;
+	}) => string) & {
+		properties: Set<"aspectRatio" | "cursor" | "flexDirection">;
+	};
+	properties: {
+		aspectRatio: readonly [
+			"none",
+			...AspectRatio[]
+		];
+		flexDirection: readonly [
+			"row",
+			"column"
+		];
+		cursor: Cursor[];
+	};
+	classnames: {
+		container: string;
+		disabled: string;
+		input: string;
+		skeleton: string;
+	};
+};
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+	/** width alignment in content */
+	width: string;
+	/** height alignment in content */
+	height: string;
+	/** borderRadius alignment in content */
+	borderRadius?: string;
+}
+export type FileUploaderSkeletonProps = Partial<Pick<SkeletonProps, "width">> & Partial<Pick<SkeletonProps, "height">> & Partial<Pick<FileUploaderProps, "aspectRatio">> & {
+	"data-testid"?: string;
+};
+declare const FileUploaderSkeleton: React.FC<FileUploaderSkeletonProps>;
+export interface FileUploaderComponents {
+	Skeleton: typeof FileUploaderSkeleton;
+}
+export interface FileUploaderProps extends InputHTMLAttributes<HTMLInputElement> {
+	/** Provide additional context to the action */
+	placeholder?: string;
+	/** Accept file types */
+	accept?: string;
+	/** Height value of the file uploader. Defaults to 100% */
+	height?: string;
+	/** Width value of the file uploader. Defaults to 100% */
+	width?: string;
+	/** Permitted aspect ratios for the size of the file uploader */
+	aspectRatio?: typeof fileUploader.properties.aspectRatio[number];
+	/** Defines the position of the placeholder in relation to the icon */
+	flexDirection?: typeof fileUploader.properties.flexDirection[number];
+}
+export declare const FileUploader: React.FC<FileUploaderProps> & FileUploaderComponents;
+
+export {
+	FileUploader as default,
+};
+
+export {};

package/dist/index.js

@@ -0,0 +1 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react"),require("@nimbus-ds/styles"),require("@tiendanube/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/text"),require("@nimbus-ds/skeleton")):"function"==typeof define&&define.amd?define(["react","@nimbus-ds/styles","@tiendanube/icons","@nimbus-ds/icon","@nimbus-ds/text","@nimbus-ds/skeleton"],t):"object"==typeof exports?exports["@nimbus-ds/file-uploader"]=t(require("react"),require("@nimbus-ds/styles"),require("@tiendanube/icons"),require("@nimbus-ds/icon"),require("@nimbus-ds/text"),require("@nimbus-ds/skeleton")):e["@nimbus-ds/file-uploader"]=t(e.react,e["@nimbus-ds/styles"],e["@tiendanube/icons"],e["@nimbus-ds/icon"],e["@nimbus-ds/text"],e["@nimbus-ds/skeleton"])}(self,((e,t,r,n,o,a)=>(()=>{"use strict";var i={564:(e,t,r)=>{function n(e){var t=e.match(/^var\((.*)\)$/);return t?t[1]:e}function o(e,t){var r=e;for(var n of t){if(!(n in r))throw new Error("Path ".concat(t.join(" -> ")," does not exist in object"));r=r[n]}return r}function a(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=e.constructor();for(var o in e){var i=e[o],l=[...r,o];"string"==typeof i||"number"==typeof i||null==i?n[o]=t(i,l):"object"!=typeof i||Array.isArray(i)?console.warn('Skipping invalid key "'.concat(l.join("."),'". Should be a string, number, null or object. Received: "').concat(Array.isArray(i)?"Array":typeof i,'"')):n[o]=a(i,t,l)}return n}function i(e,t){var r={};if("object"==typeof t){var i=e;a(t,((e,t)=>{var a=o(i,t);r[n(a)]=String(e)}))}else{var l=e;for(var c in l)r[n(c)]=l[c]}return Object.defineProperty(r,"toString",{value:function(){return Object.keys(this).map((e=>"".concat(e,":").concat(this[e]))).join(";")},writable:!1}),r}function l(e,t,r){e.style.setProperty(n(t),r)}function c(e,t,r){if("object"==typeof r){var n=t;a(r,((t,r)=>{l(e,o(n,r),String(t))}))}else{var i=t;for(var c in i)l(e,c,i[c])}}r.r(t),r.d(t,{assignInlineVars:()=>i,setElementVars:()=>c})},466:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FileUploader=void 0;const n=r(15).__importStar(r(156)),o=r(564),a=r(990),i=r(948),l=r(633),c=r(102),u=r(612),s=({className:e,style:t,aspectRatio:r="1/1",width:u="100%",height:s="",accept:f="image/jpeg,image/gif,image/png",flexDirection:d="column",placeholder:p,disabled:y,...b})=>{const v=(0,n.useMemo)((()=>y?"neutral":"primary"),[y]);return n.default.createElement("label",{"data-testid":"file-uploader-container",htmlFor:y?"disabled":b.id||"input-file",className:[a.fileUploader.classnames.container,a.fileUploader.sprinkle({aspectRatio:r,flexDirection:d,cursor:y?"auto":"pointer"}),y&&a.fileUploader.classnames.disabled].join(" "),style:(0,o.assignInlineVars)({[a.vars.width]:u,[a.vars.height]:s})},n.default.createElement(l.Icon,{color:`${v}.interactive`,source:n.default.createElement(i.PlusCircleIcon,{size:20})}),p&&n.default.createElement(c.Text,{color:`${v}.interactive`,fontWeight:"bold"},p),n.default.createElement("input",{className:a.fileUploader.classnames.input,type:"file",accept:f,disabled:y,id:b.id||"input-file",...b}))};t.FileUploader=s,s.Skeleton=u.FileUploaderSkeleton,s.displayName="FileUploader",s.Skeleton.displayName="FileUploader.Skeleton"},549:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FileUploaderSkeleton=void 0;const n=r(15).__importDefault(r(156)),o=r(990),a=r(678);t.FileUploaderSkeleton=({width:e,aspectRatio:t="1/1",height:r,"data-testid":i})=>n.default.createElement("div",{className:"none"!==t?o.fileUploader.classnames.skeleton:""},n.default.createElement("div",{"data-testid":"file-uploader-skeleton-container",className:o.fileUploader.sprinkle({aspectRatio:t})},n.default.createElement(a.Skeleton,{width:e??"6.5rem",height:r||"100%",borderRadius:"0.5rem","data-testid":i})))},492:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.FileUploaderSkeleton=void 0;const n=r(549);var o=r(549);Object.defineProperty(t,"FileUploaderSkeleton",{enumerable:!0,get:function(){return o.FileUploaderSkeleton}}),t.default=n.FileUploaderSkeleton},612:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0});r(15).__exportStar(r(492),t)},15:(e,t,r)=>{r.r(t),r.d(t,{__assign:()=>a,__asyncDelegator:()=>g,__asyncGenerator:()=>w,__asyncValues:()=>j,__await:()=>_,__awaiter:()=>s,__classPrivateFieldGet:()=>k,__classPrivateFieldIn:()=>U,__classPrivateFieldSet:()=>E,__createBinding:()=>d,__decorate:()=>l,__exportStar:()=>p,__extends:()=>o,__generator:()=>f,__importDefault:()=>x,__importStar:()=>P,__makeTemplateObject:()=>O,__metadata:()=>u,__param:()=>c,__read:()=>b,__rest:()=>i,__spread:()=>v,__spreadArray:()=>h,__spreadArrays:()=>m,__values:()=>y});var n=function(e,t){return n=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},n(e,t)};function o(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function r(){this.constructor=e}n(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var a=function(){return a=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},a.apply(this,arguments)};function i(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function l(e,t,r,n){var o,a=arguments.length,i=a<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,r,n);else for(var l=e.length-1;l>=0;l--)(o=e[l])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function c(e,t){return function(r,n){t(r,n,e)}}function u(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function s(e,t,r,n){return new(r||(r=Promise))((function(o,a){function i(e){try{c(n.next(e))}catch(e){a(e)}}function l(e){try{c(n.throw(e))}catch(e){a(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function f(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function l(a){return function(l){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){i.label=a[1];break}if(6===a[0]&&i.label<o[1]){i.label=o[1],o=a;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(a);break}o[2]&&i.ops.pop(),i.trys.pop();continue}a=t.call(e,i)}catch(e){a=[6,e],n=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}([a,l])}}}var d=Object.create?function(e,t,r,n){void 0===n&&(n=r);var o=Object.getOwnPropertyDescriptor(t,r);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(e,n,o)}:function(e,t,r,n){void 0===n&&(n=r),e[n]=t[r]};function p(e,t){for(var r in e)"default"===r||Object.prototype.hasOwnProperty.call(t,r)||d(t,e,r)}function y(e){var t="function"==typeof Symbol&&Symbol.iterator,r=t&&e[t],n=0;if(r)return r.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function m(){for(var e=0,t=0,r=arguments.length;t<r;t++)e+=arguments[t].length;var n=Array(e),o=0;for(t=0;t<r;t++)for(var a=arguments[t],i=0,l=a.length;i<l;i++,o++)n[o]=a[i];return n}function h(e,t,r){if(r||2===arguments.length)for(var n,o=0,a=t.length;o<a;o++)!n&&o in t||(n||(n=Array.prototype.slice.call(t,0,o)),n[o]=t[o]);return e.concat(n||Array.prototype.slice.call(t))}function _(e){return this instanceof _?(this.v=e,this):new _(e)}function w(e,t,r){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var n,o=r.apply(e,t||[]),a=[];return n={},i("next"),i("throw"),i("return"),n[Symbol.asyncIterator]=function(){return this},n;function i(e){o[e]&&(n[e]=function(t){return new Promise((function(r,n){a.push([e,t,r,n])>1||l(e,t)}))})}function l(e,t){try{(r=o[e](t)).value instanceof _?Promise.resolve(r.value.v).then(c,u):s(a[0][2],r)}catch(e){s(a[0][3],e)}var r}function c(e){l("next",e)}function u(e){l("throw",e)}function s(e,t){e(t),a.shift(),a.length&&l(a[0][0],a[0][1])}}function g(e){var t,r;return t={},n("next"),n("throw",(function(e){throw e})),n("return"),t[Symbol.iterator]=function(){return this},t;function n(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:_(e[n](t)),done:"return"===n}:o?o(t):t}:o}}function j(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=y(e),t={},n("next"),n("throw"),n("return"),t[Symbol.asyncIterator]=function(){return this},t);function n(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){(function(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)})(n,o,(t=e[r](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}var S=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t};function P(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var r in e)"default"!==r&&Object.prototype.hasOwnProperty.call(e,r)&&d(t,e,r);return S(t,e),t}function x(e){return e&&e.__esModule?e:{default:e}}function k(e,t,r,n){if("a"===r&&!n)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!n:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===r?n:"a"===r?n.call(e):n?n.value:t.get(e)}function E(e,t,r,n,o){if("m"===n)throw new TypeError("Private method is not writable");if("a"===n&&!o)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function U(e,t){if(null===t||"object"!=typeof t&&"function"!=typeof t)throw new TypeError("Cannot use 'in' operator on non-object");return"function"==typeof e?t===e:e.has(t)}},633:e=>{e.exports=n},678:e=>{e.exports=a},990:e=>{e.exports=t},102:e=>{e.exports=o},948:e=>{e.exports=r},156:t=>{t.exports=e}},l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var r=l[e]={exports:{}};return i[e](r,r.exports,c),r.exports}c.d=(e,t)=>{for(var r in t)c.o(t,r)&&!c.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{var e=u;Object.defineProperty(e,"__esModule",{value:!0}),e.FileUploader=void 0;const t=c(466);var r=c(466);Object.defineProperty(e,"FileUploader",{enumerable:!0,get:function(){return r.FileUploader}}),e.default=t.FileUploader})(),u})()));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nimbus-ds/file-uploader",
-  "version": "2.0.0",
+  "version": "2.2.0",
   "license": "MIT",
   "main": "dist/index.js",
   "files": [