@sps-woodland/file-upload 7.15.1 → 7.16.1

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const ue=require("react"),w=require("@sps-woodland/core"),d=require("@spscommerce/utils"),G=require("@spscommerce/ds-react"),O=require("@spscommerce/ds-shared");function fe(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=fe(ue);var V=(e=>(e["7Z"]="application/x-7z-compressed",e.AAC="audio/aac",e.ABW="application/x-abiword",e.ARC="application/octet-stream",e.AVI="video/x-msvideo",e.AZW="application/vnd.amazon.ebook",e.BIN="application/octet-stream",e.BMP="image/bmp",e.BZ="application/x-bzip",e.BZ2="application/x-bzip2",e.CER="application/pkix-cert",e.CSH="application/x-csh",e.CSS="text/css",e.CSV="text/csv,application/vnd.ms-excel",e.DOC="application/msword",e.DOCX="application/vnd.openxmlformats-officedocument.wordprocessingml.document",e.EOT="application/vnd.ms-fontobject",e.EPUB="application/epub+zip",e.ES="application/ecmascript",e.FLV="video/x-flv",e.GIF="image/gif",e.GZ="application/x-gzip",e.HTM="text/html",e.HTML="text/html",e.ICO="image/x-icon",e.ICS="text/calendar",e.JAR="application/java-archive",e.JPEG="image/jpeg",e.JPG="image/jpeg",e.JS="application/javascript",e.JSON="application/json",e.M3U="audio/x-mpequrl",e.MID="audio/midi",e.MIDI="audio/midi",e.MOV="video/quicktime",e.MP3="audio/mpeg3",e.MP4="video/mp4",e.MPEG="video/mpeg",e.MPKG="application/vnd.apple.installer+xml",e.ODP="application/vnd.oasis.opendocument.presentation",e.ODS="application/vnd.oasis.opendocument.spreadsheet",e.ODT="application/vnd.oasis.opendocument.text",e.OGA="audio/ogg",e.OGV="video/ogg",e.OGX="application/ogg",e.OTF="font/otf",e.PNG="image/png",e.PDF="application/pdf",e.PPT="application/vnd.ms-powerpoint",e.PPTX="application/vnd.openxmlformats-officedocument.presentationml.presentation",e.RAR="application/x-rar-compressed",e.RTF="application/rtf",e.SH="application/x-sh",e.SVG="image/svg+xml",e.SWF="application/x-shockwave-flash",e.TAR="application/x-tar",e.TIF="image/tiff",e.TIFF="image/tiff",e.TS="application/typescript",e.TTF="font/ttf",e.TXT="text/plain",e.VSD="application/vnd.visio",e.WAV="audio/wav",e.WEBA="audio/webm",e.WEBM="video/webm",e.WEBP="image/webp",e.WOFF="font/woff",e.WOFF2="font/woff2",e.XHTML="application/xhtml+xml",e.XLS="application/vnd.ms-excel",e.XLSX="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",e.XML="application/xml",e.XUL="application/vnd.mozilla.xul+xml",e.ZIP="application/zip",e))(V||{});function me(e,o,a){return o in e?Object.defineProperty(e,o,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[o]=a,e}function _(e,o){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);o&&(l=l.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),a.push.apply(a,l)}return a}function q(e){for(var o=1;o<arguments.length;o++){var a=arguments[o]!=null?arguments[o]:{};o%2?_(Object(a),!0).forEach(function(l){me(e,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):_(Object(a)).forEach(function(l){Object.defineProperty(e,l,Object.getOwnPropertyDescriptor(a,l))})}return e}var he=(e,o,a)=>{for(var l of Object.keys(e)){var n;if(e[l]!==((n=o[l])!==null&&n!==void 0?n:a[l]))return!1}return!0},D=e=>o=>{var a=e.defaultClassName,l=q(q({},e.defaultVariants),o);for(var n in l){var v,g=(v=l[n])!==null&&v!==void 0?v:e.defaultVariants[n];if(g!=null){var c=g;typeof c=="boolean"&&(c=c===!0?"true":"false");var p=e.variantClassNames[n][c];p&&(a+=" "+p)}}for(var[S,N]of e.compoundVariants)he(S,l,e.defaultVariants)&&(a+=" "+N);return a},ve="rh07jwm",K="rh07jwn",we="rh07jwl",ge=D({defaultClassName:"rh07jw0",variantClassNames:{active:{true:"rh07jw1",false:"rh07jw2"},mini:{true:"rh07jw3",false:"rh07jw4"},error:{true:"rh07jw5",false:"rh07jw6"},shown:{true:"rh07jw7",false:"rh07jw8"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0},compoundVariants:[]}),Fe="rh07jwq",Se=D({defaultClassName:"rh07jw9",variantClassNames:{constrainContentWidth:{true:"rh07jwa",false:"rh07jwb"}},defaultVariants:{constrainContentWidth:!1},compoundVariants:[]}),xe="rh07jwp",be="rh07jwr",Ue=D({defaultClassName:"rh07jwd",variantClassNames:{mini:{true:"rh07jwe",false:"rh07jwf"},error:{true:"rh07jwg",false:"rh07jwh"}},defaultVariants:{mini:!1,error:!1},compoundVariants:[]}),Z="rh07jwc",Ce="rh07jwo",je=D({defaultClassName:"rh07jwi",variantClassNames:{mini:{true:"rh07jwj",false:"rh07jwk"}},defaultVariants:{mini:!1},compoundVariants:[]});function R({constrainContentWidth:e,description:o,multiple:a=!1,dismissable:l,processing:n,mini:v,downloadLabel:g,acceptExtensions:c,maxSize:p,customRequirement:S,onSelection:N,onDismiss:W,download:z,shown:x,className:H,children:Ne,...J}){const b=t.useRef(new Set),[Y,L]=t.useState(x),[Pe,Q]=t.useState([]),[$,y]=t.useState(""),[k,E]=t.useState(),[T,U]=t.useState(!1),[F,C]=t.useState(!1),[P,X]=t.useState([]),[I,M]=t.useState(""),{t:h}=t.useContext(w.I18nContext),A=h(a?"design-system:fileUpload.instructions_plural":"design-system:fileUpload.instructions").split("|"),ee=o||(a?"Files":"File"),u=t.useRef(null);t.useEffect(()=>{x&&L(x)},[x]),t.useEffect(()=>{p&&ie(p)},[p]),t.useEffect(()=>{c&&ae(c)},[c]);function te(){l&&(L(!1),W&&W())}function ie(i){try{E(d.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function ae(i){const f=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(m=>m.replace(/^\./,"")),r=f.map(m=>`.${m}`.toLowerCase());M(r.map((m,j)=>j>0&&j===r.length-1?`or ${m}`:m).join(r.length>2?", ":" ")),b.current.clear();for(const m of f){const j=Object.keys(V).includes(m.toUpperCase())?V[m.toUpperCase()].split(","):[];for(const pe of j)b.current.add(pe)}y(r.concat(Array.from(b.current)).join(","))}function B(i){X([]);let s=[];const f=Array.from(i);for(const r of f)r===null?s.push("Not a file"):(c&&!b.current.has(r.type)&&s.push(r.name),p&&k&&r.size>k&&s.indexOf(r.name)===-1&&s.push(r.name));s.length?(C(!0),u.current&&u.current.value&&(u.current.value="")):(Q(f),N(f)),X(s)}function le(i){i.preventDefault(),C(!1),u.current&&u.current.click()}function oe(){z&&z()}function ne(i){i.stopPropagation(),B(i.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function se(i){i.preventDefault(),i.stopPropagation(),U(!0),C(!1)}function re(i){i.preventDefault(),U(!0),C(!1)}function ce(i){i.preventDefault(),U(!1)}function de(i){i.preventDefault(),i.stopPropagation(),U(!1),i.dataTransfer.items?B(Array.from(i.dataTransfer.items).map(s=>s.getAsFile())):B(i.dataTransfer.files)}return t.createElement("div",{onDrop:de,onDragOver:se,onDragLeave:ce,onDragEnter:re,className:w.cl(ge({active:T,mini:v,error:F,shown:Y}),H),...J},t.createElement("div",{className:w.cl(Se({constrainContentWidth:e}))},n?t.createElement("div",null,t.createElement(w.Spinner,{size:"md","aria-hidden":"true"}),t.createElement("div",{className:Z},h("design-system:fileUpload.processing"))):t.createElement("div",null,t.createElement(w.Icon,{className:Ue({mini:v,error:F}),icon:F?"exclamation-circle":"upload-cloud","aria-hidden":"true"}),t.createElement("div",{className:je({mini:v})},F?t.createElement("div",null,h(P.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled")):t.createElement("div",null,h("design-system:fileUpload.title",{description:ee}))),F?t.createElement("div",{className:we},new Set(P.map((i,s)=>{const f=Math.floor(i.length/2);return t.createElement("div",{className:ve,key:i},t.createElement("span",{className:K},i.substr(0,f)),t.createElement("div",{className:K},t.createElement("span",null,i.substr(f))),s<P.length-1?",":"")}))):t.createElement("span",null),t.createElement("div",{className:Z},t.createElement("div",null,t.createElement("span",null,A[0]),t.createElement("a",{href:"",onClick:le},A[1]),t.createElement("span",null,A[2]))),t.createElement("div",{className:Ce},c?t.createElement("span",null,"("," ",h("design-system:fileUpload.acceptedTypes",{fileTypes:I})," ",")"):"",p?t.createElement("span",null,"( ",h("design-system:fileUpload.maximumSize",{size:p})," )"):"",S?t.createElement("span",null," ",S," "):""),g&&t.createElement("div",{className:xe},t.createElement(G.SpsButton,{kind:O.ButtonKind.LINK,icon:O.SpsIcon.DOWNLOAD_CLOUD,onClick:oe},g)))),l&&!n&&t.createElement("div",{className:Fe},t.createElement(G.SpsButton,{kind:O.ButtonKind.ICON,icon:O.SpsIcon.X,title:h("design-system:fileUpload.close"),onClick:te})),t.createElement("form",{className:be},t.createElement("input",{ref:u,type:"file",accept:$||"*/*",multiple:a||void 0,onChange:ne})))}w.Metadata.set(R,{name:"FileUpload",props:{constrainContentWidth:{type:"boolean"},description:{type:"string"},multiple:{type:"boolean"},dismissable:{type:"boolean"},mini:{type:"boolean"},downloadLabel:{type:"string"},acceptExtensions:{type:"string[] | string"},maxSize:{type:"string"},customRequirement:{type:"string"},onSelection:{type:"(files: File[]) => void",required:!0},dismissal:{type:"() => void"},download:{type:"() => void"}}});const Oe={components:[R],examples:{basic:{label:"Basic File Upload",description:"Simply allow the user to drag-and-drop or select a single file or multiple files at once.",examples:{basic:{description:"Single file upload",react:d.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const ue=require("react"),w=require("@sps-woodland/core"),p=require("@spscommerce/utils"),R=require("@spscommerce/ds-react"),C=require("@spscommerce/ds-shared");function fe(t){if(t&&t.__esModule)return t;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const o=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(l,a,o.get?o:{enumerable:!0,get:()=>t[a]})}}return l.default=t,Object.freeze(l)}const e=fe(ue),W={"7Z":["application/x-7z-compressed"],AAC:["audio/aac"],ABW:["application/x-abiword"],ARC:["application/octet-stream"],AVI:["video/x-msvideo"],AZW:["application/vnd.amazon.ebook"],BIN:["application/octet-stream"],BMP:["image/bmp"],BZ:["application/x-bzip"],BZ2:["application/x-bzip2"],CER:["application/pkix-cert","application/x-x509-ca-cert"],CSH:["application/x-csh"],CSS:["text/css"],CSV:["text/csv,application/vnd.ms-excel"],DOC:["application/msword"],DOCX:["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],EOT:["application/vnd.ms-fontobject"],EPUB:["application/epub+zip"],ES:["application/ecmascript"],FLV:["video/x-flv"],GIF:["image/gif"],GZ:["application/x-gzip"],HTM:["text/html"],HTML:["text/html"],ICO:["image/x-icon"],ICS:["text/calendar"],JAR:["application/java-archive"],JPEG:["image/jpeg"],JPG:["image/jpeg"],JS:["application/javascript"],JSON:["application/json"],M3U:["audio/x-mpequrl"],MID:["audio/midi"],MIDI:["audio/midi"],MOV:["video/quicktime"],MP3:["audio/mpeg3"],MP4:["video/mp4"],MPEG:["video/mpeg"],MPKG:["application/vnd.apple.installer+xml"],ODP:["application/vnd.oasis.opendocument.presentation"],ODS:["application/vnd.oasis.opendocument.spreadsheet"],ODT:["application/vnd.oasis.opendocument.text"],OGA:["audio/ogg"],OGV:["video/ogg"],OGX:["application/ogg"],OTF:["font/otf"],PNG:["image/png"],PDF:["application/pdf"],PPT:["application/vnd.ms-powerpoint"],PPTX:["application/vnd.openxmlformats-officedocument.presentationml.presentation"],RAR:["application/x-rar-compressed"],RTF:["application/rtf"],SH:["application/x-sh"],SVG:["image/svg+xml"],SWF:["application/x-shockwave-flash"],TAR:["application/x-tar"],TIF:["image/tiff"],TIFF:["image/tiff"],TS:["application/typescript"],TTF:["font/ttf"],TXT:["text/plain"],VSD:["application/vnd.visio"],WAV:["audio/wav"],WEBA:["audio/webm"],WEBM:["video/webm"],WEBP:["image/webp"],WOFF:["font/woff"],WOFF2:["font/woff2"],XHTML:["application/xhtml+xml"],XLS:["application/vnd.ms-excel"],XLSX:["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],XML:["application/xml"],XUL:["application/vnd.mozilla.xul+xml"],ZIP:["application/zip"]};function me(t,l,a){return l in t?Object.defineProperty(t,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[l]=a,t}function z(t,l){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);l&&(o=o.filter(function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})),a.push.apply(a,o)}return a}function L(t){for(var l=1;l<arguments.length;l++){var a=arguments[l]!=null?arguments[l]:{};l%2?z(Object(a),!0).forEach(function(o){me(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):z(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var he=(t,l,a)=>{for(var o of Object.keys(t)){var n;if(t[o]!==((n=l[o])!==null&&n!==void 0?n:a[o]))return!1}return!0},j=t=>l=>{var a=t.defaultClassName,o=L(L({},t.defaultVariants),l);for(var n in o){var v,g=(v=o[n])!==null&&v!==void 0?v:t.defaultVariants[n];if(g!=null){var c=g;typeof c=="boolean"&&(c=c===!0?"true":"false");var d=t.variantClassNames[n][c];d&&(a+=" "+d)}}for(var[x,O]of t.compoundVariants)he(x,o,t.defaultVariants)&&(a+=" "+O);return a},ve="rh07jwm",k="rh07jwn",we="rh07jwl",ge=j({defaultClassName:"rh07jw0",variantClassNames:{active:{true:"rh07jw1",false:"rh07jw2"},mini:{true:"rh07jw3",false:"rh07jw4"},error:{true:"rh07jw5",false:"rh07jw6"},shown:{true:"rh07jw7",false:"rh07jw8"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0},compoundVariants:[]}),Fe="rh07jwq",xe=j({defaultClassName:"rh07jw9",variantClassNames:{constrainContentWidth:{true:"rh07jwa",false:"rh07jwb"}},defaultVariants:{constrainContentWidth:!1},compoundVariants:[]}),Se="rh07jwp",be="rh07jwr",ye=j({defaultClassName:"rh07jwd",variantClassNames:{mini:{true:"rh07jwe",false:"rh07jwf"},error:{true:"rh07jwg",false:"rh07jwh"}},defaultVariants:{mini:!1,error:!1},compoundVariants:[]}),X="rh07jwc",Ee="rh07jwo",Ue=j({defaultClassName:"rh07jwi",variantClassNames:{mini:{true:"rh07jwj",false:"rh07jwk"}},defaultVariants:{mini:!1},compoundVariants:[]});function P({constrainContentWidth:t,description:l,multiple:a=!1,dismissable:o,processing:n,mini:v,downloadLabel:g,acceptExtensions:c,maxSize:d,customRequirement:x,onSelection:O,onDismiss:M,download:A,shown:S,className:G,children:Oe,..._}){const b=e.useRef(new Set),[q,I]=e.useState(S),[De,K]=e.useState([]),[Z,H]=e.useState(""),[B,J]=e.useState(),[Y,y]=e.useState(!1),[F,E]=e.useState(!1),[D,V]=e.useState([]),[Q,$]=e.useState(""),{t:h}=e.useContext(w.I18nContext),N=h(a?"design-system:fileUpload.instructions_plural":"design-system:fileUpload.instructions").split("|"),ee=l||(a?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{S&&I(S)},[S]),e.useEffect(()=>{d&&ie(d)},[d]),e.useEffect(()=>{c&&ae(c)},[c]);function te(){o&&(I(!1),M&&M())}function ie(i){try{J(p.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function ae(i){const f=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(m=>m.replace(/^\./,"")),r=f.map(m=>`.${m}`.toLowerCase());$(r.map((m,U)=>U>0&&U===r.length-1?`or ${m}`:m).join(r.length>2?", ":" ")),b.current.clear();for(const m of f){const U=Object.keys(W).includes(m.toUpperCase())?W[m.toUpperCase()]:[];for(const de of U)b.current.add(de)}H(r.concat(Array.from(b.current)).join(","))}function T(i){V([]);let s=[];const f=Array.from(i);for(const r of f)r===null?s.push("Not a file"):(c&&!b.current.has(r.type)&&s.push(r.name),d&&B&&r.size>B&&s.indexOf(r.name)===-1&&s.push(r.name));s.length?(E(!0),u.current&&u.current.value&&(u.current.value="")):(K(f),O(f)),V(s)}function oe(i){i.preventDefault(),E(!1),u.current&&u.current.click()}function le(){A&&A()}function ne(i){i.stopPropagation(),T(i.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function se(i){i.preventDefault(),i.stopPropagation(),y(!0),E(!1)}function re(i){i.preventDefault(),y(!0),E(!1)}function ce(i){i.preventDefault(),y(!1)}function pe(i){i.preventDefault(),i.stopPropagation(),y(!1),i.dataTransfer.items?T(Array.from(i.dataTransfer.items).map(s=>s.getAsFile())):T(i.dataTransfer.files)}return e.createElement("div",{onDrop:pe,onDragOver:se,onDragLeave:ce,onDragEnter:re,className:w.cl(ge({active:Y,mini:v,error:F,shown:q}),G),..._},e.createElement("div",{className:w.cl(xe({constrainContentWidth:t}))},n?e.createElement("div",null,e.createElement(w.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:X},h("design-system:fileUpload.processing"))):e.createElement("div",null,e.createElement(w.Icon,{className:ye({mini:v,error:F}),icon:F?"exclamation-circle":"upload-cloud","aria-hidden":"true"}),e.createElement("div",{className:Ue({mini:v})},F?e.createElement("div",null,h(D.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled")):e.createElement("div",null,h("design-system:fileUpload.title",{description:ee}))),F?e.createElement("div",{className:we},new Set(D.map((i,s)=>{const f=Math.floor(i.length/2);return e.createElement("div",{className:ve,key:i},e.createElement("span",{className:k},i.substr(0,f)),e.createElement("div",{className:k},e.createElement("span",null,i.substr(f))),s<D.length-1?",":"")}))):e.createElement("span",null),e.createElement("div",{className:X},e.createElement("div",null,e.createElement("span",null,N[0]),e.createElement("a",{href:"",onClick:oe},N[1]),e.createElement("span",null,N[2]))),e.createElement("div",{className:Ee},c?e.createElement("span",null,"("," ",h("design-system:fileUpload.acceptedTypes",{fileTypes:Q})," ",")"):"",d?e.createElement("span",null,"( ",h("design-system:fileUpload.maximumSize",{size:d})," )"):"",x?e.createElement("span",null," ",x," "):""),g&&e.createElement("div",{className:Se},e.createElement(R.SpsButton,{kind:C.ButtonKind.LINK,icon:C.SpsIcon.DOWNLOAD_CLOUD,onClick:le},g)))),o&&!n&&e.createElement("div",{className:Fe},e.createElement(R.SpsButton,{kind:C.ButtonKind.ICON,icon:C.SpsIcon.X,title:h("design-system:fileUpload.close"),onClick:te})),e.createElement("form",{className:be},e.createElement("input",{ref:u,type:"file",accept:Z||"*/*",multiple:a||void 0,onChange:ne})))}w.Metadata.set(P,{name:"FileUpload",props:{constrainContentWidth:{type:"boolean"},description:{type:"string"},multiple:{type:"boolean"},dismissable:{type:"boolean"},mini:{type:"boolean"},downloadLabel:{type:"string"},acceptExtensions:{type:"string[] | string"},maxSize:{type:"string"},customRequirement:{type:"string"},onSelection:{type:"(files: File[]) => void",required:!0},dismissal:{type:"() => void"},download:{type:"() => void"}}});const Ce={components:[P],examples:{basic:{label:"Basic File Upload",description:"Simply allow the user to drag-and-drop or select a single file or multiple files at once.",examples:{basic:{description:"Single file upload",react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -10,7 +10,7 @@
                 <FileUpload onSelection={selectFile} />
               )
             }
-          `},multiple:{description:"Multiple file upload",react:d.code`
+          `},multiple:{description:"Multiple file upload",react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -22,7 +22,7 @@
                 <FileUpload onSelection={selectFile} multiple />
               )
             }
-          `}}},restrictions:{label:"Restrictions",description:"You can place restrictions on what files will be accepted with an extension whitelist and/or a maximum size.",examples:{maxSize:{description:"Maximum size",react:d.code`
+          `}}},restrictions:{label:"Restrictions",description:"You can place restrictions on what files will be accepted with an extension whitelist and/or a maximum size.",examples:{maxSize:{description:"Maximum size",react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -34,7 +34,7 @@
                 <FileUpload onSelection={selectFile} maxSize="100KB" />
               )
             }
-          `},fileWhitelist:{description:"File type whitelist",react:d.code`
+          `},fileWhitelist:{description:"File type whitelist",react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -51,7 +51,7 @@
                 />
               )
             }
-          `},bothRestrictions:{description:"Both restrictions",react:d.code`
+          `},bothRestrictions:{description:"Both restrictions",react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -69,7 +69,7 @@
                 />
               )
             }
-          `}}},dismissable:{label:"Dismissable",description:"With this option, the file upload component can be dismissed by the user. If the user does dismiss it, you can show it again programmatically if you need to.",examples:{basic:{react:d.code`
+          `}}},dismissable:{label:"Dismissable",description:"With this option, the file upload component can be dismissed by the user. If the user does dismiss it, you can show it again programmatically if you need to.",examples:{basic:{react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -98,7 +98,7 @@
                 </>
               )
             }
-          `}}},download:{label:"Download Button",description:"You can optionally provide a button to download a file. Typically this will be a template for whatever the user is expected to upload. They can then fill out the template, save it, and upload it.",examples:{basic:{react:d.code`
+          `}}},download:{label:"Download Button",description:"You can optionally provide a button to download a file. Typically this will be a template for whatever the user is expected to upload. They can then fill out the template, save it, and upload it.",examples:{basic:{react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -120,7 +120,7 @@
                 />
               )
             }
-          `}}},mini:{label:"Mini File Upload",description:"When the file upload component is to be placed in a small container, it should be marked as a mini file upload so that everything fits.",examples:{basic:{react:d.code`
+          `}}},mini:{label:"Mini File Upload",description:"When the file upload component is to be placed in a small container, it should be marked as a mini file upload so that everything fits.",examples:{basic:{react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -136,7 +136,7 @@
                 </div>
               )
             }
-          `}}},constrainContentWidth:{label:"Constrain Content Width",description:"If this prop is provided, the content will be restricted to 50% of the overall width of the component. Consult your product designer if you're not sure whether to use this variant.",examples:{basic:{react:d.code`
+          `}}},constrainContentWidth:{label:"Constrain Content Width",description:"If this prop is provided, the content will be restricted to 50% of the overall width of the component. Consult your product designer if you're not sure whether to use this variant.",examples:{basic:{react:p.code`
             import { FileUpload } from "@sps-woodland/file-upload";
 
             function Component() {
@@ -152,4 +152,4 @@
                 </div>
               )
             }
-          `}}}}},De={"File Upload":Oe};exports.FileUpload=R;exports.MANIFEST=De;
+          `}}}}},je={"File Upload":Ce};exports.FileUpload=P;exports.MANIFEST=je;

package/lib/index.es.js

@@ -1,211 +1,286 @@
-import * as t from "react";
-import { Metadata as ue, I18nContext as me, cl as R, Spinner as he, Icon as ve } from "@sps-woodland/core";
+import * as e from "react";
+import { Metadata as ue, I18nContext as me, cl as I, Spinner as he, Icon as ve } from "@sps-woodland/core";
 import { parseFileSize as we, code as m } from "@spscommerce/utils";
-import { SpsButton as k } from "@spscommerce/ds-react";
-import { ButtonKind as X, SpsIcon as G } from "@spscommerce/ds-shared";
-var A = /* @__PURE__ */ ((e) => (e["7Z"] = "application/x-7z-compressed", e.AAC = "audio/aac", e.ABW = "application/x-abiword", e.ARC = "application/octet-stream", e.AVI = "video/x-msvideo", e.AZW = "application/vnd.amazon.ebook", e.BIN = "application/octet-stream", e.BMP = "image/bmp", e.BZ = "application/x-bzip", e.BZ2 = "application/x-bzip2", e.CER = "application/pkix-cert", e.CSH = "application/x-csh", e.CSS = "text/css", e.CSV = "text/csv,application/vnd.ms-excel", e.DOC = "application/msword", e.DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document", e.EOT = "application/vnd.ms-fontobject", e.EPUB = "application/epub+zip", e.ES = "application/ecmascript", e.FLV = "video/x-flv", e.GIF = "image/gif", e.GZ = "application/x-gzip", e.HTM = "text/html", e.HTML = "text/html", e.ICO = "image/x-icon", e.ICS = "text/calendar", e.JAR = "application/java-archive", e.JPEG = "image/jpeg", e.JPG = "image/jpeg", e.JS = "application/javascript", e.JSON = "application/json", e.M3U = "audio/x-mpequrl", e.MID = "audio/midi", e.MIDI = "audio/midi", e.MOV = "video/quicktime", e.MP3 = "audio/mpeg3", e.MP4 = "video/mp4", e.MPEG = "video/mpeg", e.MPKG = "application/vnd.apple.installer+xml", e.ODP = "application/vnd.oasis.opendocument.presentation", e.ODS = "application/vnd.oasis.opendocument.spreadsheet", e.ODT = "application/vnd.oasis.opendocument.text", e.OGA = "audio/ogg", e.OGV = "video/ogg", e.OGX = "application/ogg", e.OTF = "font/otf", e.PNG = "image/png", e.PDF = "application/pdf", e.PPT = "application/vnd.ms-powerpoint", e.PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation", e.RAR = "application/x-rar-compressed", e.RTF = "application/rtf", e.SH = "application/x-sh", e.SVG = "image/svg+xml", e.SWF = "application/x-shockwave-flash", e.TAR = "application/x-tar", e.TIF = "image/tiff", e.TIFF = "image/tiff", e.TS = "application/typescript", e.TTF = "font/ttf", e.TXT = "text/plain", e.VSD = "application/vnd.visio", e.WAV = "audio/wav", e.WEBA = "audio/webm", e.WEBM = "video/webm", e.WEBP = "image/webp", e.WOFF = "font/woff", e.WOFF2 = "font/woff2", e.XHTML = "application/xhtml+xml", e.XLS = "application/vnd.ms-excel", e.XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet", e.XML = "application/xml", e.XUL = "application/vnd.mozilla.xul+xml", e.ZIP = "application/zip", e))(A || {});
-function ge(e, o, a) {
-  return o in e ? Object.defineProperty(e, o, {
+import { SpsButton as B } from "@spscommerce/ds-react";
+import { ButtonKind as V, SpsIcon as W } from "@spscommerce/ds-shared";
+const L = {
+  "7Z": ["application/x-7z-compressed"],
+  AAC: ["audio/aac"],
+  ABW: ["application/x-abiword"],
+  ARC: ["application/octet-stream"],
+  AVI: ["video/x-msvideo"],
+  AZW: ["application/vnd.amazon.ebook"],
+  BIN: ["application/octet-stream"],
+  BMP: ["image/bmp"],
+  BZ: ["application/x-bzip"],
+  BZ2: ["application/x-bzip2"],
+  CER: ["application/pkix-cert", "application/x-x509-ca-cert"],
+  CSH: ["application/x-csh"],
+  CSS: ["text/css"],
+  CSV: ["text/csv,application/vnd.ms-excel"],
+  DOC: ["application/msword"],
+  DOCX: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
+  EOT: ["application/vnd.ms-fontobject"],
+  EPUB: ["application/epub+zip"],
+  ES: ["application/ecmascript"],
+  FLV: ["video/x-flv"],
+  GIF: ["image/gif"],
+  GZ: ["application/x-gzip"],
+  HTM: ["text/html"],
+  HTML: ["text/html"],
+  ICO: ["image/x-icon"],
+  ICS: ["text/calendar"],
+  JAR: ["application/java-archive"],
+  JPEG: ["image/jpeg"],
+  JPG: ["image/jpeg"],
+  JS: ["application/javascript"],
+  JSON: ["application/json"],
+  M3U: ["audio/x-mpequrl"],
+  MID: ["audio/midi"],
+  MIDI: ["audio/midi"],
+  MOV: ["video/quicktime"],
+  MP3: ["audio/mpeg3"],
+  MP4: ["video/mp4"],
+  MPEG: ["video/mpeg"],
+  MPKG: ["application/vnd.apple.installer+xml"],
+  ODP: ["application/vnd.oasis.opendocument.presentation"],
+  ODS: ["application/vnd.oasis.opendocument.spreadsheet"],
+  ODT: ["application/vnd.oasis.opendocument.text"],
+  OGA: ["audio/ogg"],
+  OGV: ["video/ogg"],
+  OGX: ["application/ogg"],
+  OTF: ["font/otf"],
+  PNG: ["image/png"],
+  PDF: ["application/pdf"],
+  PPT: ["application/vnd.ms-powerpoint"],
+  PPTX: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
+  RAR: ["application/x-rar-compressed"],
+  RTF: ["application/rtf"],
+  SH: ["application/x-sh"],
+  SVG: ["image/svg+xml"],
+  SWF: ["application/x-shockwave-flash"],
+  TAR: ["application/x-tar"],
+  TIF: ["image/tiff"],
+  TIFF: ["image/tiff"],
+  TS: ["application/typescript"],
+  TTF: ["font/ttf"],
+  TXT: ["text/plain"],
+  VSD: ["application/vnd.visio"],
+  WAV: ["audio/wav"],
+  WEBA: ["audio/webm"],
+  WEBM: ["video/webm"],
+  WEBP: ["image/webp"],
+  WOFF: ["font/woff"],
+  WOFF2: ["font/woff2"],
+  XHTML: ["application/xhtml+xml"],
+  XLS: ["application/vnd.ms-excel"],
+  XLSX: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
+  XML: ["application/xml"],
+  XUL: ["application/vnd.mozilla.xul+xml"],
+  ZIP: ["application/zip"]
+};
+function ge(i, o, a) {
+  return o in i ? Object.defineProperty(i, o, {
     value: a,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[o] = a, e;
+  }) : i[o] = a, i;
 }
-function K(e, o) {
-  var a = Object.keys(e);
+function z(i, o) {
+  var a = Object.keys(i);
   if (Object.getOwnPropertySymbols) {
-    var l = Object.getOwnPropertySymbols(e);
+    var l = Object.getOwnPropertySymbols(i);
     o && (l = l.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+      return Object.getOwnPropertyDescriptor(i, n).enumerable;
     })), a.push.apply(a, l);
   }
   return a;
 }
-function Z(e) {
+function R(i) {
   for (var o = 1; o < arguments.length; o++) {
     var a = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? K(Object(a), !0).forEach(function(l) {
-      ge(e, l, a[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : K(Object(a)).forEach(function(l) {
-      Object.defineProperty(e, l, Object.getOwnPropertyDescriptor(a, l));
+    o % 2 ? z(Object(a), !0).forEach(function(l) {
+      ge(i, l, a[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(a)) : z(Object(a)).forEach(function(l) {
+      Object.defineProperty(i, l, Object.getOwnPropertyDescriptor(a, l));
     });
   }
-  return e;
+  return i;
 }
-var Fe = (e, o, a) => {
-  for (var l of Object.keys(e)) {
+var Fe = (i, o, a) => {
+  for (var l of Object.keys(i)) {
     var n;
-    if (e[l] !== ((n = o[l]) !== null && n !== void 0 ? n : a[l]))
+    if (i[l] !== ((n = o[l]) !== null && n !== void 0 ? n : a[l]))
       return !1;
   }
   return !0;
-}, j = (e) => (o) => {
-  var a = e.defaultClassName, l = Z(Z({}, e.defaultVariants), o);
+}, U = (i) => (o) => {
+  var a = i.defaultClassName, l = R(R({}, i.defaultVariants), o);
   for (var n in l) {
-    var v, w = (v = l[n]) !== null && v !== void 0 ? v : e.defaultVariants[n];
+    var v, w = (v = l[n]) !== null && v !== void 0 ? v : i.defaultVariants[n];
     if (w != null) {
-      var c = w;
-      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
-      var p = e.variantClassNames[n][c];
-      p && (a += " " + p);
+      var p = w;
+      typeof p == "boolean" && (p = p === !0 ? "true" : "false");
+      var c = i.variantClassNames[n][p];
+      c && (a += " " + c);
     }
   }
-  for (var [F, O] of e.compoundVariants)
-    Fe(F, l, e.defaultVariants) && (a += " " + O);
+  for (var [F, C] of i.compoundVariants)
+    Fe(F, l, i.defaultVariants) && (a += " " + C);
   return a;
-}, xe = "rh07jwm", q = "rh07jwn", Se = "rh07jwl", be = j({ defaultClassName: "rh07jw0", variantClassNames: { active: { true: "rh07jw1", false: "rh07jw2" }, mini: { true: "rh07jw3", false: "rh07jw4" }, error: { true: "rh07jw5", false: "rh07jw6" }, shown: { true: "rh07jw7", false: "rh07jw8" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0 }, compoundVariants: [] }), Ue = "rh07jwq", Ce = j({ defaultClassName: "rh07jw9", variantClassNames: { constrainContentWidth: { true: "rh07jwa", false: "rh07jwb" } }, defaultVariants: { constrainContentWidth: !1 }, compoundVariants: [] }), je = "rh07jwp", Oe = "rh07jwr", De = j({ defaultClassName: "rh07jwd", variantClassNames: { mini: { true: "rh07jwe", false: "rh07jwf" }, error: { true: "rh07jwg", false: "rh07jwh" } }, defaultVariants: { mini: !1, error: !1 }, compoundVariants: [] }), H = "rh07jwc", Ne = "rh07jwo", Pe = j({ defaultClassName: "rh07jwi", variantClassNames: { mini: { true: "rh07jwj", false: "rh07jwk" } }, defaultVariants: { mini: !1 }, compoundVariants: [] });
-function J({
-  constrainContentWidth: e,
+}, xe = "rh07jwm", k = "rh07jwn", ye = "rh07jwl", Se = U({ defaultClassName: "rh07jw0", variantClassNames: { active: { true: "rh07jw1", false: "rh07jw2" }, mini: { true: "rh07jw3", false: "rh07jw4" }, error: { true: "rh07jw5", false: "rh07jw6" }, shown: { true: "rh07jw7", false: "rh07jw8" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0 }, compoundVariants: [] }), be = "rh07jwq", Ee = U({ defaultClassName: "rh07jw9", variantClassNames: { constrainContentWidth: { true: "rh07jwa", false: "rh07jwb" } }, defaultVariants: { constrainContentWidth: !1 }, compoundVariants: [] }), Ue = "rh07jwp", Ce = "rh07jwr", je = U({ defaultClassName: "rh07jwd", variantClassNames: { mini: { true: "rh07jwe", false: "rh07jwf" }, error: { true: "rh07jwg", false: "rh07jwh" } }, defaultVariants: { mini: !1, error: !1 }, compoundVariants: [] }), X = "rh07jwc", Oe = "rh07jwo", De = U({ defaultClassName: "rh07jwi", variantClassNames: { mini: { true: "rh07jwj", false: "rh07jwk" } }, defaultVariants: { mini: !1 }, compoundVariants: [] });
+function G({
+  constrainContentWidth: i,
   description: o,
   multiple: a = !1,
   dismissable: l,
   processing: n,
   mini: v,
   downloadLabel: w,
-  acceptExtensions: c,
-  maxSize: p,
+  acceptExtensions: p,
+  maxSize: c,
   customRequirement: F,
-  onSelection: O,
-  onDismiss: B,
-  download: V,
+  onSelection: C,
+  onDismiss: N,
+  download: T,
   shown: x,
-  className: _,
-  children: Be,
-  ...Y
+  className: K,
+  children: Te,
+  ...Z
 }) {
-  const S = t.useRef(/* @__PURE__ */ new Set()), [Q, W] = t.useState(x), [Ve, $] = t.useState([]), [y, E] = t.useState(""), [L, T] = t.useState(), [I, b] = t.useState(!1), [g, U] = t.useState(!1), [D, z] = t.useState([]), [M, ee] = t.useState(""), { t: h } = t.useContext(me), N = h(a ? "design-system:fileUpload.instructions_plural" : "design-system:fileUpload.instructions").split("|"), te = o || (a ? "Files" : "File"), d = t.useRef(null);
-  t.useEffect(() => {
-    x && W(x);
-  }, [x]), t.useEffect(() => {
-    p && ae(p);
-  }, [p]), t.useEffect(() => {
-    c && le(c);
-  }, [c]);
+  const y = e.useRef(/* @__PURE__ */ new Set()), [q, P] = e.useState(x), [Pe, H] = e.useState([]), [J, _] = e.useState(""), [A, Y] = e.useState(), [Q, S] = e.useState(!1), [g, b] = e.useState(!1), [j, M] = e.useState([]), [$, ee] = e.useState(""), { t: h } = e.useContext(me), O = h(a ? "design-system:fileUpload.instructions_plural" : "design-system:fileUpload.instructions").split("|"), te = o || (a ? "Files" : "File"), d = e.useRef(null);
+  e.useEffect(() => {
+    x && P(x);
+  }, [x]), e.useEffect(() => {
+    c && ae(c);
+  }, [c]), e.useEffect(() => {
+    p && le(p);
+  }, [p]);
   function ie() {
-    l && (W(!1), B && B());
+    l && (P(!1), N && N());
   }
-  function ae(i) {
+  function ae(t) {
     try {
-      T(we(i));
+      Y(we(t));
     } catch {
-      throw new Error(`Could not parse "${i}" as a file size.`);
+      throw new Error(`Could not parse "${t}" as a file size.`);
     }
   }
-  function le(i) {
-    const f = (Array.isArray(i) ? i : i.trim().split(/\s?,\s?/)).map((u) => u.replace(/^\./, "")), r = f.map((u) => `.${u}`.toLowerCase());
+  function le(t) {
+    const f = (Array.isArray(t) ? t : t.trim().split(/\s?,\s?/)).map((u) => u.replace(/^\./, "")), r = f.map((u) => `.${u}`.toLowerCase());
     ee(
-      r.map((u, C) => C > 0 && C === r.length - 1 ? `or ${u}` : u).join(r.length > 2 ? ", " : " ")
-    ), S.current.clear();
+      r.map((u, E) => E > 0 && E === r.length - 1 ? `or ${u}` : u).join(r.length > 2 ? ", " : " ")
+    ), y.current.clear();
     for (const u of f) {
-      const C = Object.keys(A).includes(u.toUpperCase()) ? A[u.toUpperCase()].split(",") : [];
-      for (const fe of C)
-        S.current.add(fe);
+      const E = Object.keys(L).includes(u.toUpperCase()) ? L[u.toUpperCase()] : [];
+      for (const fe of E)
+        y.current.add(fe);
     }
-    E(r.concat(Array.from(S.current)).join(","));
+    _(r.concat(Array.from(y.current)).join(","));
   }
-  function P(i) {
-    z([]);
+  function D(t) {
+    M([]);
     let s = [];
-    const f = Array.from(i);
+    const f = Array.from(t);
     for (const r of f)
-      r === null ? s.push("Not a file") : (c && !S.current.has(r.type) && s.push(r.name), p && L && r.size > L && s.indexOf(r.name) === -1 && s.push(r.name));
-    s.length ? (U(!0), d.current && d.current.value && (d.current.value = "")) : ($(f), O(f)), z(s);
+      r === null ? s.push("Not a file") : (p && !y.current.has(r.type) && s.push(r.name), c && A && r.size > A && s.indexOf(r.name) === -1 && s.push(r.name));
+    s.length ? (b(!0), d.current && d.current.value && (d.current.value = "")) : (H(f), C(f)), M(s);
   }
-  function oe(i) {
-    i.preventDefault(), U(!1), d.current && d.current.click();
+  function oe(t) {
+    t.preventDefault(), b(!1), d.current && d.current.click();
   }
   function ne() {
-    V && V();
+    T && T();
   }
-  function se(i) {
-    i.stopPropagation(), P(i.target.files || []), d.current && d.current.value && (d.current.value = "");
+  function se(t) {
+    t.stopPropagation(), D(t.target.files || []), d.current && d.current.value && (d.current.value = "");
   }
-  function re(i) {
-    i.preventDefault(), i.stopPropagation(), b(!0), U(!1);
+  function re(t) {
+    t.preventDefault(), t.stopPropagation(), S(!0), b(!1);
   }
-  function ce(i) {
-    i.preventDefault(), b(!0), U(!1);
+  function pe(t) {
+    t.preventDefault(), S(!0), b(!1);
   }
-  function pe(i) {
-    i.preventDefault(), b(!1);
+  function ce(t) {
+    t.preventDefault(), S(!1);
   }
-  function de(i) {
-    i.preventDefault(), i.stopPropagation(), b(!1), i.dataTransfer.items ? P(
-      Array.from(i.dataTransfer.items).map(
+  function de(t) {
+    t.preventDefault(), t.stopPropagation(), S(!1), t.dataTransfer.items ? D(
+      Array.from(t.dataTransfer.items).map(
         (s) => s.getAsFile()
       )
-    ) : P(i.dataTransfer.files);
+    ) : D(t.dataTransfer.files);
   }
-  return /* @__PURE__ */ t.createElement("div", {
+  return /* @__PURE__ */ e.createElement("div", {
     onDrop: de,
     onDragOver: re,
-    onDragLeave: pe,
-    onDragEnter: ce,
-    className: R(be({ active: I, mini: v, error: g, shown: Q }), _),
-    ...Y
-  }, /* @__PURE__ */ t.createElement("div", {
-    className: R(Ce({ constrainContentWidth: e }))
-  }, n ? /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(he, {
+    onDragLeave: ce,
+    onDragEnter: pe,
+    className: I(Se({ active: Q, mini: v, error: g, shown: q }), K),
+    ...Z
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: I(Ee({ constrainContentWidth: i }))
+  }, n ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(he, {
     size: "md",
     "aria-hidden": "true"
-  }), /* @__PURE__ */ t.createElement("div", {
-    className: H
-  }, h("design-system:fileUpload.processing"))) : /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(ve, {
-    className: De({ mini: v, error: g }),
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: X
+  }, h("design-system:fileUpload.processing"))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ve, {
+    className: je({ mini: v, error: g }),
     icon: g ? "exclamation-circle" : "upload-cloud",
     "aria-hidden": "true"
-  }), /* @__PURE__ */ t.createElement("div", {
-    className: Pe({ mini: v })
-  }, g ? /* @__PURE__ */ t.createElement("div", null, h(
-    D.length > 1 ? "design-system:fileUpload.cancelled_plural" : "design-system:fileUpload.cancelled"
-  )) : /* @__PURE__ */ t.createElement("div", null, h("design-system:fileUpload.title", { description: te }))), g ? /* @__PURE__ */ t.createElement("div", {
-    className: Se
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: De({ mini: v })
+  }, g ? /* @__PURE__ */ e.createElement("div", null, h(
+    j.length > 1 ? "design-system:fileUpload.cancelled_plural" : "design-system:fileUpload.cancelled"
+  )) : /* @__PURE__ */ e.createElement("div", null, h("design-system:fileUpload.title", { description: te }))), g ? /* @__PURE__ */ e.createElement("div", {
+    className: ye
   }, new Set(
-    D.map((i, s) => {
-      const f = Math.floor(i.length / 2);
-      return /* @__PURE__ */ t.createElement("div", {
+    j.map((t, s) => {
+      const f = Math.floor(t.length / 2);
+      return /* @__PURE__ */ e.createElement("div", {
         className: xe,
-        key: i
-      }, /* @__PURE__ */ t.createElement("span", {
-        className: q
-      }, i.substr(0, f)), /* @__PURE__ */ t.createElement("div", {
-        className: q
-      }, /* @__PURE__ */ t.createElement("span", null, i.substr(f))), s < D.length - 1 ? "," : "");
+        key: t
+      }, /* @__PURE__ */ e.createElement("span", {
+        className: k
+      }, t.substr(0, f)), /* @__PURE__ */ e.createElement("div", {
+        className: k
+      }, /* @__PURE__ */ e.createElement("span", null, t.substr(f))), s < j.length - 1 ? "," : "");
     })
-  )) : /* @__PURE__ */ t.createElement("span", null), /* @__PURE__ */ t.createElement("div", {
-    className: H
-  }, /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement("span", null, N[0]), /* @__PURE__ */ t.createElement("a", {
+  )) : /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("div", {
+    className: X
+  }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, O[0]), /* @__PURE__ */ e.createElement("a", {
     href: "",
     onClick: oe
-  }, N[1]), /* @__PURE__ */ t.createElement("span", null, N[2]))), /* @__PURE__ */ t.createElement("div", {
-    className: Ne
-  }, c ? /* @__PURE__ */ t.createElement("span", null, "(", " ", h("design-system:fileUpload.acceptedTypes", {
-    fileTypes: M
-  }), " ", ")") : "", p ? /* @__PURE__ */ t.createElement("span", null, "( ", h("design-system:fileUpload.maximumSize", { size: p }), " )") : "", F ? /* @__PURE__ */ t.createElement("span", null, " ", F, " ") : ""), w && /* @__PURE__ */ t.createElement("div", {
-    className: je
-  }, /* @__PURE__ */ t.createElement(k, {
-    kind: X.LINK,
-    icon: G.DOWNLOAD_CLOUD,
-    onClick: ne
-  }, w)))), l && !n && /* @__PURE__ */ t.createElement("div", {
+  }, O[1]), /* @__PURE__ */ e.createElement("span", null, O[2]))), /* @__PURE__ */ e.createElement("div", {
+    className: Oe
+  }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", h("design-system:fileUpload.acceptedTypes", {
+    fileTypes: $
+  }), " ", ")") : "", c ? /* @__PURE__ */ e.createElement("span", null, "( ", h("design-system:fileUpload.maximumSize", { size: c }), " )") : "", F ? /* @__PURE__ */ e.createElement("span", null, " ", F, " ") : ""), w && /* @__PURE__ */ e.createElement("div", {
     className: Ue
-  }, /* @__PURE__ */ t.createElement(k, {
-    kind: X.ICON,
-    icon: G.X,
+  }, /* @__PURE__ */ e.createElement(B, {
+    kind: V.LINK,
+    icon: W.DOWNLOAD_CLOUD,
+    onClick: ne
+  }, w)))), l && !n && /* @__PURE__ */ e.createElement("div", {
+    className: be
+  }, /* @__PURE__ */ e.createElement(B, {
+    kind: V.ICON,
+    icon: W.X,
     title: h("design-system:fileUpload.close"),
     onClick: ie
-  })), /* @__PURE__ */ t.createElement("form", {
-    className: Oe
-  }, /* @__PURE__ */ t.createElement("input", {
+  })), /* @__PURE__ */ e.createElement("form", {
+    className: Ce
+  }, /* @__PURE__ */ e.createElement("input", {
     ref: d,
     type: "file",
-    accept: y || "*/*",
+    accept: J || "*/*",
     multiple: a || void 0,
     onChange: se
   })));
 }
-ue.set(J, {
+ue.set(G, {
   name: "FileUpload",
   props: {
     constrainContentWidth: { type: "boolean" },
@@ -222,8 +297,8 @@ ue.set(J, {
     download: { type: "() => void" }
   }
 });
-const Ae = {
-  components: [J],
+const Ne = {
+  components: [G],
   examples: {
     basic: {
       label: "Basic File Upload",
@@ -448,10 +523,10 @@ const Ae = {
       }
     }
   }
-}, ke = {
-  "File Upload": Ae
+}, Ve = {
+  "File Upload": Ne
 };
 export {
-  J as FileUpload,
-  ke as MANIFEST
+  G as FileUpload,
+  Ve as MANIFEST
 };

package/lib/mime-type.enum.d.ts

@@ -1,76 +1,76 @@
-export declare enum MIMEType {
-    "7Z" = "application/x-7z-compressed",
-    AAC = "audio/aac",
-    ABW = "application/x-abiword",
-    ARC = "application/octet-stream",
-    AVI = "video/x-msvideo",
-    AZW = "application/vnd.amazon.ebook",
-    BIN = "application/octet-stream",
-    BMP = "image/bmp",
-    BZ = "application/x-bzip",
-    BZ2 = "application/x-bzip2",
-    CER = "application/pkix-cert",
-    CSH = "application/x-csh",
-    CSS = "text/css",
-    CSV = "text/csv,application/vnd.ms-excel",
-    DOC = "application/msword",
-    DOCX = "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    EOT = "application/vnd.ms-fontobject",
-    EPUB = "application/epub+zip",
-    ES = "application/ecmascript",
-    FLV = "video/x-flv",
-    GIF = "image/gif",
-    GZ = "application/x-gzip",
-    HTM = "text/html",
-    HTML = "text/html",
-    ICO = "image/x-icon",
-    ICS = "text/calendar",
-    JAR = "application/java-archive",
-    JPEG = "image/jpeg",
-    JPG = "image/jpeg",
-    JS = "application/javascript",
-    JSON = "application/json",
-    M3U = "audio/x-mpequrl",
-    MID = "audio/midi",
-    MIDI = "audio/midi",
-    MOV = "video/quicktime",
-    MP3 = "audio/mpeg3",
-    MP4 = "video/mp4",
-    MPEG = "video/mpeg",
-    MPKG = "application/vnd.apple.installer+xml",
-    ODP = "application/vnd.oasis.opendocument.presentation",
-    ODS = "application/vnd.oasis.opendocument.spreadsheet",
-    ODT = "application/vnd.oasis.opendocument.text",
-    OGA = "audio/ogg",
-    OGV = "video/ogg",
-    OGX = "application/ogg",
-    OTF = "font/otf",
-    PNG = "image/png",
-    PDF = "application/pdf",
-    PPT = "application/vnd.ms-powerpoint",
-    PPTX = "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    RAR = "application/x-rar-compressed",
-    RTF = "application/rtf",
-    SH = "application/x-sh",
-    SVG = "image/svg+xml",
-    SWF = "application/x-shockwave-flash",
-    TAR = "application/x-tar",
-    TIF = "image/tiff",
-    TIFF = "image/tiff",
-    TS = "application/typescript",
-    TTF = "font/ttf",
-    TXT = "text/plain",
-    VSD = "application/vnd.visio",
-    WAV = "audio/wav",
-    WEBA = "audio/webm",
-    WEBM = "video/webm",
-    WEBP = "image/webp",
-    WOFF = "font/woff",
-    WOFF2 = "font/woff2",
-    XHTML = "application/xhtml+xml",
-    XLS = "application/vnd.ms-excel",
-    XLSX = "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    XML = "application/xml",
-    XUL = "application/vnd.mozilla.xul+xml",
-    ZIP = "application/zip"
-}
+export declare const MIMEType: {
+    "7Z": string[];
+    AAC: string[];
+    ABW: string[];
+    ARC: string[];
+    AVI: string[];
+    AZW: string[];
+    BIN: string[];
+    BMP: string[];
+    BZ: string[];
+    BZ2: string[];
+    CER: string[];
+    CSH: string[];
+    CSS: string[];
+    CSV: string[];
+    DOC: string[];
+    DOCX: string[];
+    EOT: string[];
+    EPUB: string[];
+    ES: string[];
+    FLV: string[];
+    GIF: string[];
+    GZ: string[];
+    HTM: string[];
+    HTML: string[];
+    ICO: string[];
+    ICS: string[];
+    JAR: string[];
+    JPEG: string[];
+    JPG: string[];
+    JS: string[];
+    JSON: string[];
+    M3U: string[];
+    MID: string[];
+    MIDI: string[];
+    MOV: string[];
+    MP3: string[];
+    MP4: string[];
+    MPEG: string[];
+    MPKG: string[];
+    ODP: string[];
+    ODS: string[];
+    ODT: string[];
+    OGA: string[];
+    OGV: string[];
+    OGX: string[];
+    OTF: string[];
+    PNG: string[];
+    PDF: string[];
+    PPT: string[];
+    PPTX: string[];
+    RAR: string[];
+    RTF: string[];
+    SH: string[];
+    SVG: string[];
+    SWF: string[];
+    TAR: string[];
+    TIF: string[];
+    TIFF: string[];
+    TS: string[];
+    TTF: string[];
+    TXT: string[];
+    VSD: string[];
+    WAV: string[];
+    WEBA: string[];
+    WEBM: string[];
+    WEBP: string[];
+    WOFF: string[];
+    WOFF2: string[];
+    XHTML: string[];
+    XLS: string[];
+    XLSX: string[];
+    XML: string[];
+    XUL: string[];
+    ZIP: string[];
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/file-upload",
   "description": "SPS Woodland Design System file upload component",
-  "version": "7.15.1",
+  "version": "7.16.1",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/file-upload",
@@ -30,11 +30,11 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.15.1",
-    "@sps-woodland/tokens": "7.15.1",
-    "@spscommerce/ds-colors": "7.15.1",
-    "@spscommerce/ds-react": "7.15.1",
-    "@spscommerce/ds-shared": "7.15.1"
+    "@sps-woodland/core": "7.16.1",
+    "@sps-woodland/tokens": "7.16.1",
+    "@spscommerce/ds-colors": "7.16.1",
+    "@spscommerce/ds-react": "7.16.1",
+    "@spscommerce/ds-shared": "7.16.1"
   },
   "devDependencies": {
     "@spscommerce/ds-illustrations": "6.37.3",
@@ -43,11 +43,11 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.15.1",
-    "@sps-woodland/tokens": "7.15.1",
-    "@spscommerce/ds-colors": "7.15.1",
-    "@spscommerce/ds-react": "7.15.1",
-    "@spscommerce/ds-shared": "7.15.1"
+    "@sps-woodland/core": "7.16.1",
+    "@sps-woodland/tokens": "7.16.1",
+    "@spscommerce/ds-colors": "7.16.1",
+    "@spscommerce/ds-react": "7.16.1",
+    "@spscommerce/ds-shared": "7.16.1"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",