@sps-woodland/file-upload 8.0.0-rc1 → 8.0.0

package/lib/index.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const pe=require("react"),w=require("@sps-woodland/core"),d=require("@spscommerce/utils"),X=require("@sps-woodland/buttons");function ue(e){if(e&&e.__esModule)return e;const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(l,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return l.default=e,Object.freeze(l)}const t=ue(pe);var B=(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.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))(B||{});function fe(e,l,o){return l in e?Object.defineProperty(e,l,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[l]=o,e}function G(e,l){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);l&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,a)}return o}function _(e){for(var l=1;l<arguments.length;l++){var o=arguments[l]!=null?arguments[l]:{};l%2?G(Object(o),!0).forEach(function(a){fe(e,a,o[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):G(Object(o)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(o,a))})}return e}var me=(e,l,o)=>{for(var a of Object.keys(e)){var n;if(e[a]!==((n=l[a])!==null&&n!==void 0?n:o[a]))return!1}return!0},O=e=>l=>{var o=e.defaultClassName,a=_(_({},e.defaultVariants),l);for(var n in a){var v,g=(v=a[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&&(o+=" "+p)}}for(var[b,D]of e.compoundVariants)me(b,a,e.defaultVariants)&&(o+=" "+D);return o},he="rh07jwm",q="rh07jwn",ve="rh07jwl",we=O({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:[]}),ge="rh07jwq",Fe=O({defaultClassName:"rh07jw9",variantClassNames:{constrainContentWidth:{true:"rh07jwa",false:"rh07jwb"}},defaultVariants:{constrainContentWidth:!1},compoundVariants:[]}),be="rh07jwp",xe="rh07jwr",Se=O({defaultClassName:"rh07jwd",variantClassNames:{mini:{true:"rh07jwe",false:"rh07jwf"},error:{true:"rh07jwg",false:"rh07jwh"}},defaultVariants:{mini:!1,error:!1},compoundVariants:[]}),Z="rh07jwc",Ue="rh07jwo",je=O({defaultClassName:"rh07jwi",variantClassNames:{mini:{true:"rh07jwj",false:"rh07jwk"}},defaultVariants:{mini:!1},compoundVariants:[]});function V({constrainContentWidth:e,description:l,multiple:o=!1,dismissable:a,processing:n,mini:v,downloadLabel:g,acceptExtensions:c,maxSize:p,customRequirement:b,onSelection:D,onDismiss:z,download:W,shown:x,className:H,children:De,...J}){const S=t.useRef(new Set),[K,R]=t.useState(x),[Ne,Y]=t.useState([]),[Q,$]=t.useState(""),[L,y]=t.useState(),[E,U]=t.useState(!1),[F,j]=t.useState(!1),[N,k]=t.useState([]),[T,I]=t.useState(""),{t:h}=t.useContext(w.I18nContext),P=h(o?"design-system:fileUpload.instructions_plural":"design-system:fileUpload.instructions").split("|"),M=l||(o?"Files":"File"),u=t.useRef(null);t.useEffect(()=>{x&&R(x)},[x]),t.useEffect(()=>{p&&te(p)},[p]),t.useEffect(()=>{c&&ie(c)},[c]);function ee(){a&&(R(!1),z&&z())}function te(i){try{y(d.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function ie(i){const f=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(m=>m.replace(/^\./,"")),r=f.map(m=>`.${m}`.toLowerCase());I(r.map((m,C)=>C>0&&C===r.length-1?`or ${m}`:m).join(r.length>2?", ":" ")),S.current.clear();for(const m of f){const C=Object.keys(B).includes(m.toUpperCase())?B[m.toUpperCase()].split(","):[];for(const de of C)S.current.add(de)}$(r.concat(Array.from(S.current)).join(","))}function A(i){k([]);let s=[];const f=Array.from(i);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?(j(!0),u.current&&u.current.value&&(u.current.value="")):(Y(f),D(f)),k(s)}function oe(i){i.preventDefault(),j(!1),u.current&&u.current.click()}function ae(){W&&W()}function le(i){i.stopPropagation(),A(i.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function ne(i){i.preventDefault(),i.stopPropagation(),U(!0),j(!1)}function se(i){i.preventDefault(),U(!0),j(!1)}function re(i){i.preventDefault(),U(!1)}function ce(i){i.preventDefault(),i.stopPropagation(),U(!1),i.dataTransfer.items?A(Array.from(i.dataTransfer.items).map(s=>s.getAsFile())):A(i.dataTransfer.files)}return t.createElement("div",{onDrop:ce,onDragOver:ne,onDragLeave:re,onDragEnter:se,className:w.cl(we({active:E,mini:v,error:F,shown:K}),H),...J},t.createElement("div",{className:w.cl(Fe({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:Se({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(N.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled")):t.createElement("div",null,h("design-system:fileUpload.title",{description:M}))),F?t.createElement("div",{className:ve},new Set(N.map((i,s)=>{const f=Math.floor(i.length/2);return t.createElement("div",{className:he,key:i},t.createElement("span",{className:q},i.substr(0,f)),t.createElement("div",{className:q},t.createElement("span",null,i.substr(f))),s<N.length-1?",":"")}))):t.createElement("span",null),t.createElement("div",{className:Z},t.createElement("div",null,t.createElement("span",null,P[0]),t.createElement("a",{href:"",onClick:oe},P[1]),t.createElement("span",null,P[2]))),t.createElement("div",{className:Ue},c?t.createElement("span",null,"("," ",h("design-system:fileUpload.acceptedTypes",{fileTypes:T})," ",")"):"",p?t.createElement("span",null,"( ",h("design-system:fileUpload.maximumSize",{size:p})," )"):"",b?t.createElement("span",null," ",b," "):""),g&&t.createElement("div",{className:be},t.createElement(X.Button,{kind:"link",icon:"download-cloud",onClick:ae},g)))),a&&!n&&t.createElement("div",{className:ge},t.createElement(X.Button,{kind:"icon",icon:"x",title:h("design-system:fileUpload.close"),onClick:ee})),t.createElement("form",{className:xe},t.createElement("input",{ref:u,type:"file",accept:Q||"*/*",multiple:o||void 0,onChange:le})))}w.Metadata.set(V,{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:[V],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 de=require("react"),w=require("@sps-woodland/core"),p=require("@spscommerce/utils"),V=require("@sps-woodland/buttons");function ue(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=ue(de),z={"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 fe(t,l,a){return l in t?Object.defineProperty(t,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[l]=a,t}function R(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 W(t){for(var l=1;l<arguments.length;l++){var a=arguments[l]!=null?arguments[l]:{};l%2?R(Object(a),!0).forEach(function(o){fe(t,o,a[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):R(Object(a)).forEach(function(o){Object.defineProperty(t,o,Object.getOwnPropertyDescriptor(a,o))})}return t}var me=(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=W(W({},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,C]of t.compoundVariants)me(x,o,t.defaultVariants)&&(a+=" "+C);return a},he="rh07jwm",k="rh07jwn",ve="rh07jwl",we=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:[]}),ge="rh07jwq",Fe=j({defaultClassName:"rh07jw9",variantClassNames:{constrainContentWidth:{true:"rh07jwa",false:"rh07jwb"}},defaultVariants:{constrainContentWidth:!1},compoundVariants:[]}),xe="rh07jwp",be="rh07jwr",ye=j({defaultClassName:"rh07jwd",variantClassNames:{mini:{true:"rh07jwe",false:"rh07jwf"},error:{true:"rh07jwg",false:"rh07jwh"}},defaultVariants:{mini:!1,error:!1},compoundVariants:[]}),L="rh07jwc",Se="rh07jwo",Ee=j({defaultClassName:"rh07jwi",variantClassNames:{mini:{true:"rh07jwj",false:"rh07jwk"}},defaultVariants:{mini:!1},compoundVariants:[]});function N({constrainContentWidth:t,description:l,multiple:a=!1,dismissable:o,processing:n,mini:v,downloadLabel:g,acceptExtensions:c,maxSize:d,customRequirement:x,onSelection:C,onDismiss:P,download:M,shown:b,className:X,children:Ce,...G}){const y=e.useRef(new Set),[_,A]=e.useState(b),[Oe,q]=e.useState([]),[Z,H]=e.useState(""),[B,J]=e.useState(),[K,S]=e.useState(!1),[F,E]=e.useState(!1),[O,I]=e.useState([]),[Y,Q]=e.useState(""),{t:h}=e.useContext(w.I18nContext),D=h(a?"design-system:fileUpload.instructions_plural":"design-system:fileUpload.instructions").split("|"),$=l||(a?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{b&&A(b)},[b]),e.useEffect(()=>{d&&te(d)},[d]),e.useEffect(()=>{c&&ie(c)},[c]);function ee(){o&&(A(!1),P&&P())}function te(i){try{J(p.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function ie(i){const f=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(m=>m.replace(/^\./,"")),r=f.map(m=>`.${m}`.toLowerCase());Q(r.map((m,U)=>U>0&&U===r.length-1?`or ${m}`:m).join(r.length>2?", ":" ")),y.current.clear();for(const m of f){const U=Object.keys(z).includes(m.toUpperCase())?z[m.toUpperCase()]:[];for(const pe of U)y.current.add(pe)}H(r.concat(Array.from(y.current)).join(","))}function T(i){I([]);let s=[];const f=Array.from(i);for(const r of f)r===null?s.push("Not a file"):(c&&!y.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="")):(q(f),C(f)),I(s)}function ae(i){i.preventDefault(),E(!1),u.current&&u.current.click()}function oe(){M&&M()}function le(i){i.stopPropagation(),T(i.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function ne(i){i.preventDefault(),i.stopPropagation(),S(!0),E(!1)}function se(i){i.preventDefault(),S(!0),E(!1)}function re(i){i.preventDefault(),S(!1)}function ce(i){i.preventDefault(),i.stopPropagation(),S(!1),i.dataTransfer.items?T(Array.from(i.dataTransfer.items).map(s=>s.getAsFile())):T(i.dataTransfer.files)}return e.createElement("div",{onDrop:ce,onDragOver:ne,onDragLeave:re,onDragEnter:se,className:w.cl(we({active:K,mini:v,error:F,shown:_}),X),...G},e.createElement("div",{className:w.cl(Fe({constrainContentWidth:t}))},n?e.createElement("div",null,e.createElement(w.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:L},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:Ee({mini:v})},F?e.createElement("div",null,h(O.length>1?"design-system:fileUpload.cancelled_plural":"design-system:fileUpload.cancelled")):e.createElement("div",null,h("design-system:fileUpload.title",{description:$}))),F?e.createElement("div",{className:ve},new Set(O.map((i,s)=>{const f=Math.floor(i.length/2);return e.createElement("div",{className:he,key:i},e.createElement("span",{className:k},i.substr(0,f)),e.createElement("div",{className:k},e.createElement("span",null,i.substr(f))),s<O.length-1?",":"")}))):e.createElement("span",null),e.createElement("div",{className:L},e.createElement("div",null,e.createElement("span",null,D[0]),e.createElement("a",{href:"",onClick:ae},D[1]),e.createElement("span",null,D[2]))),e.createElement("div",{className:Se},c?e.createElement("span",null,"("," ",h("design-system:fileUpload.acceptedTypes",{fileTypes:Y})," ",")"):"",d?e.createElement("span",null,"( ",h("design-system:fileUpload.maximumSize",{size:d})," )"):"",x?e.createElement("span",null," ",x," "):""),g&&e.createElement("div",{className:xe},e.createElement(V.Button,{kind:"link",icon:"download-cloud",onClick:oe},g)))),o&&!n&&e.createElement("div",{className:ge},e.createElement(V.Button,{kind:"icon",icon:"x",title:h("design-system:fileUpload.close"),onClick:ee})),e.createElement("form",{className:be},e.createElement("input",{ref:u,type:"file",accept:Z||"*/*",multiple:a||void 0,onChange:le})))}w.Metadata.set(N,{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 Ue={components:[N],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";
             import { Button } from "@sps-woodland/buttons";
 
@@ -99,7 +99,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() {
@@ -121,7 +121,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() {
@@ -137,7 +137,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() {
@@ -153,4 +153,4 @@
                 </div>
               )
             }
-          `}}}}},Oe={"File Upload":Ce};exports.FileUpload=V;exports.MANIFEST=Oe;
+          `}}}}},je={"File Upload":Ue};exports.FileUpload=N;exports.MANIFEST=je;

package/lib/index.es.js

@@ -1,210 +1,285 @@
-import * as t from "react";
-import { Metadata as pe, I18nContext as fe, cl as L, Spinner as ue, Icon as me } from "@sps-woodland/core";
+import * as e from "react";
+import { Metadata as de, I18nContext as fe, cl as B, Spinner as ue, Icon as me } from "@sps-woodland/core";
 import { parseFileSize as he, code as m } from "@spscommerce/utils";
-import { Button as k } from "@sps-woodland/buttons";
-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.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 ve(e, o, a) {
-  return o in e ? Object.defineProperty(e, o, {
+import { Button as I } from "@sps-woodland/buttons";
+const V = {
+  "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 ve(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 X(e, o) {
-  var a = Object.keys(e);
+function W(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 G(e) {
+function z(i) {
   for (var o = 1; o < arguments.length; o++) {
     var a = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? X(Object(a), !0).forEach(function(l) {
-      ve(e, l, a[l]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(a)) : X(Object(a)).forEach(function(l) {
-      Object.defineProperty(e, l, Object.getOwnPropertyDescriptor(a, l));
+    o % 2 ? W(Object(a), !0).forEach(function(l) {
+      ve(i, l, a[l]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(i, Object.getOwnPropertyDescriptors(a)) : W(Object(a)).forEach(function(l) {
+      Object.defineProperty(i, l, Object.getOwnPropertyDescriptor(a, l));
     });
   }
-  return e;
+  return i;
 }
-var we = (e, o, a) => {
-  for (var l of Object.keys(e)) {
+var we = (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 = G(G({}, e.defaultVariants), o);
+}, U = (i) => (o) => {
+  var a = i.defaultClassName, l = z(z({}, 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 d = e.variantClassNames[n][c];
-      d && (a += " " + d);
+      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)
-    we(F, l, e.defaultVariants) && (a += " " + O);
+  for (var [F, C] of i.compoundVariants)
+    we(F, l, i.defaultVariants) && (a += " " + C);
   return a;
-}, ge = "rh07jwm", Z = "rh07jwn", Fe = "rh07jwl", xe = 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: [] }), be = "rh07jwq", Se = j({ defaultClassName: "rh07jw9", variantClassNames: { constrainContentWidth: { true: "rh07jwa", false: "rh07jwb" } }, defaultVariants: { constrainContentWidth: !1 }, compoundVariants: [] }), Ue = "rh07jwp", Ce = "rh07jwr", je = j({ defaultClassName: "rh07jwd", variantClassNames: { mini: { true: "rh07jwe", false: "rh07jwf" }, error: { true: "rh07jwg", false: "rh07jwh" } }, defaultVariants: { mini: !1, error: !1 }, compoundVariants: [] }), q = "rh07jwc", Oe = "rh07jwo", De = j({ defaultClassName: "rh07jwi", variantClassNames: { mini: { true: "rh07jwj", false: "rh07jwk" } }, defaultVariants: { mini: !1 }, compoundVariants: [] });
-function H({
-  constrainContentWidth: e,
+}, ge = "rh07jwm", R = "rh07jwn", Fe = "rh07jwl", xe = 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: [] }), ye = "rh07jwq", be = U({ defaultClassName: "rh07jw9", variantClassNames: { constrainContentWidth: { true: "rh07jwa", false: "rh07jwb" } }, defaultVariants: { constrainContentWidth: !1 }, compoundVariants: [] }), Ee = "rh07jwp", Se = "rh07jwr", Ue = U({ defaultClassName: "rh07jwd", variantClassNames: { mini: { true: "rh07jwe", false: "rh07jwf" }, error: { true: "rh07jwg", false: "rh07jwh" } }, defaultVariants: { mini: !1, error: !1 }, compoundVariants: [] }), L = "rh07jwc", Ce = "rh07jwo", je = U({ defaultClassName: "rh07jwi", variantClassNames: { mini: { true: "rh07jwj", false: "rh07jwk" } }, defaultVariants: { mini: !1 }, compoundVariants: [] });
+function k({
+  constrainContentWidth: i,
   description: o,
   multiple: a = !1,
   dismissable: l,
   processing: n,
   mini: v,
   downloadLabel: w,
-  acceptExtensions: c,
-  maxSize: d,
+  acceptExtensions: p,
+  maxSize: c,
   customRequirement: F,
-  onSelection: O,
-  onDismiss: B,
-  download: V,
+  onSelection: C,
+  onDismiss: T,
+  download: N,
   shown: x,
-  className: J,
-  children: Pe,
-  ...K
+  className: X,
+  children: De,
+  ...G
 }) {
-  const b = t.useRef(/* @__PURE__ */ new Set()), [_, W] = t.useState(x), [Ae, Y] = t.useState([]), [Q, $] = t.useState(""), [z, y] = t.useState(), [E, S] = t.useState(!1), [g, U] = t.useState(!1), [D, R] = t.useState([]), [T, I] = t.useState(""), { t: h } = t.useContext(fe), N = h(a ? "design-system:fileUpload.instructions_plural" : "design-system:fileUpload.instructions").split("|"), M = o || (a ? "Files" : "File"), p = t.useRef(null);
-  t.useEffect(() => {
-    x && W(x);
-  }, [x]), t.useEffect(() => {
-    d && te(d);
-  }, [d]), t.useEffect(() => {
-    c && ie(c);
-  }, [c]);
+  const y = e.useRef(/* @__PURE__ */ new Set()), [Z, P] = e.useState(x), [Te, q] = e.useState([]), [H, J] = e.useState(""), [A, K] = e.useState(), [_, b] = e.useState(!1), [g, E] = e.useState(!1), [j, M] = e.useState([]), [Y, Q] = e.useState(""), { t: h } = e.useContext(fe), O = h(a ? "design-system:fileUpload.instructions_plural" : "design-system:fileUpload.instructions").split("|"), $ = o || (a ? "Files" : "File"), d = e.useRef(null);
+  e.useEffect(() => {
+    x && P(x);
+  }, [x]), e.useEffect(() => {
+    c && te(c);
+  }, [c]), e.useEffect(() => {
+    p && ie(p);
+  }, [p]);
   function ee() {
-    l && (W(!1), B && B());
+    l && (P(!1), T && T());
   }
-  function te(i) {
+  function te(t) {
     try {
-      y(he(i));
+      K(he(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 ie(i) {
-    const f = (Array.isArray(i) ? i : i.trim().split(/\s?,\s?/)).map((u) => u.replace(/^\./, "")), r = f.map((u) => `.${u}`.toLowerCase());
-    I(
-      r.map((u, C) => C > 0 && C === r.length - 1 ? `or ${u}` : u).join(r.length > 2 ? ", " : " ")
-    ), b.current.clear();
+  function ie(t) {
+    const f = (Array.isArray(t) ? t : t.trim().split(/\s?,\s?/)).map((u) => u.replace(/^\./, "")), r = f.map((u) => `.${u}`.toLowerCase());
+    Q(
+      r.map((u, S) => S > 0 && S === 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 de of C)
-        b.current.add(de);
+      const S = Object.keys(V).includes(u.toUpperCase()) ? V[u.toUpperCase()] : [];
+      for (const ce of S)
+        y.current.add(ce);
     }
-    $(r.concat(Array.from(b.current)).join(","));
+    J(r.concat(Array.from(y.current)).join(","));
   }
-  function P(i) {
-    R([]);
+  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 && !b.current.has(r.type) && s.push(r.name), d && z && r.size > z && s.indexOf(r.name) === -1 && s.push(r.name));
-    s.length ? (U(!0), p.current && p.current.value && (p.current.value = "")) : (Y(f), O(f)), R(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 ? (E(!0), d.current && d.current.value && (d.current.value = "")) : (q(f), C(f)), M(s);
   }
-  function ae(i) {
-    i.preventDefault(), U(!1), p.current && p.current.click();
+  function ae(t) {
+    t.preventDefault(), E(!1), d.current && d.current.click();
   }
   function le() {
-    V && V();
+    N && N();
   }
-  function oe(i) {
-    i.stopPropagation(), P(i.target.files || []), p.current && p.current.value && (p.current.value = "");
+  function oe(t) {
+    t.stopPropagation(), D(t.target.files || []), d.current && d.current.value && (d.current.value = "");
   }
-  function ne(i) {
-    i.preventDefault(), i.stopPropagation(), S(!0), U(!1);
+  function ne(t) {
+    t.preventDefault(), t.stopPropagation(), b(!0), E(!1);
   }
-  function se(i) {
-    i.preventDefault(), S(!0), U(!1);
+  function se(t) {
+    t.preventDefault(), b(!0), E(!1);
   }
-  function re(i) {
-    i.preventDefault(), S(!1);
+  function re(t) {
+    t.preventDefault(), b(!1);
   }
-  function ce(i) {
-    i.preventDefault(), i.stopPropagation(), S(!1), i.dataTransfer.items ? P(
-      Array.from(i.dataTransfer.items).map(
+  function pe(t) {
+    t.preventDefault(), t.stopPropagation(), b(!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", {
-    onDrop: ce,
+  return /* @__PURE__ */ e.createElement("div", {
+    onDrop: pe,
     onDragOver: ne,
     onDragLeave: re,
     onDragEnter: se,
-    className: L(xe({ active: E, mini: v, error: g, shown: _ }), J),
-    ...K
-  }, /* @__PURE__ */ t.createElement("div", {
-    className: L(Se({ constrainContentWidth: e }))
-  }, n ? /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(ue, {
+    className: B(xe({ active: _, mini: v, error: g, shown: Z }), X),
+    ...G
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: B(be({ constrainContentWidth: i }))
+  }, n ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(ue, {
     size: "md",
     "aria-hidden": "true"
-  }), /* @__PURE__ */ t.createElement("div", {
-    className: q
-  }, h("design-system:fileUpload.processing"))) : /* @__PURE__ */ t.createElement("div", null, /* @__PURE__ */ t.createElement(me, {
-    className: je({ mini: v, error: g }),
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: L
+  }, h("design-system:fileUpload.processing"))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(me, {
+    className: Ue({ mini: v, error: g }),
     icon: g ? "exclamation-circle" : "upload-cloud",
     "aria-hidden": "true"
-  }), /* @__PURE__ */ t.createElement("div", {
-    className: De({ 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: M }))), g ? /* @__PURE__ */ t.createElement("div", {
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: je({ 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: $ }))), g ? /* @__PURE__ */ e.createElement("div", {
     className: Fe
   }, 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: ge,
-        key: i
-      }, /* @__PURE__ */ t.createElement("span", {
-        className: Z
-      }, i.substr(0, f)), /* @__PURE__ */ t.createElement("div", {
-        className: Z
-      }, /* @__PURE__ */ t.createElement("span", null, i.substr(f))), s < D.length - 1 ? "," : "");
+        key: t
+      }, /* @__PURE__ */ e.createElement("span", {
+        className: R
+      }, t.substr(0, f)), /* @__PURE__ */ e.createElement("div", {
+        className: R
+      }, /* @__PURE__ */ e.createElement("span", null, t.substr(f))), s < j.length - 1 ? "," : "");
     })
-  )) : /* @__PURE__ */ t.createElement("span", null), /* @__PURE__ */ t.createElement("div", {
-    className: q
-  }, /* @__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: L
+  }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, O[0]), /* @__PURE__ */ e.createElement("a", {
     href: "",
     onClick: ae
-  }, N[1]), /* @__PURE__ */ t.createElement("span", null, N[2]))), /* @__PURE__ */ t.createElement("div", {
-    className: Oe
-  }, c ? /* @__PURE__ */ t.createElement("span", null, "(", " ", h("design-system:fileUpload.acceptedTypes", {
-    fileTypes: T
-  }), " ", ")") : "", d ? /* @__PURE__ */ t.createElement("span", null, "( ", h("design-system:fileUpload.maximumSize", { size: d }), " )") : "", F ? /* @__PURE__ */ t.createElement("span", null, " ", F, " ") : ""), w && /* @__PURE__ */ t.createElement("div", {
-    className: Ue
-  }, /* @__PURE__ */ t.createElement(k, {
+  }, O[1]), /* @__PURE__ */ e.createElement("span", null, O[2]))), /* @__PURE__ */ e.createElement("div", {
+    className: Ce
+  }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", h("design-system:fileUpload.acceptedTypes", {
+    fileTypes: Y
+  }), " ", ")") : "", 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: Ee
+  }, /* @__PURE__ */ e.createElement(I, {
     kind: "link",
     icon: "download-cloud",
     onClick: le
-  }, w)))), l && !n && /* @__PURE__ */ t.createElement("div", {
-    className: be
-  }, /* @__PURE__ */ t.createElement(k, {
+  }, w)))), l && !n && /* @__PURE__ */ e.createElement("div", {
+    className: ye
+  }, /* @__PURE__ */ e.createElement(I, {
     kind: "icon",
     icon: "x",
     title: h("design-system:fileUpload.close"),
     onClick: ee
-  })), /* @__PURE__ */ t.createElement("form", {
-    className: Ce
-  }, /* @__PURE__ */ t.createElement("input", {
-    ref: p,
+  })), /* @__PURE__ */ e.createElement("form", {
+    className: Se
+  }, /* @__PURE__ */ e.createElement("input", {
+    ref: d,
     type: "file",
-    accept: Q || "*/*",
+    accept: H || "*/*",
     multiple: a || void 0,
     onChange: oe
   })));
 }
-pe.set(H, {
+de.set(k, {
   name: "FileUpload",
   props: {
     constrainContentWidth: { type: "boolean" },
@@ -221,8 +296,8 @@ pe.set(H, {
     download: { type: "() => void" }
   }
 });
-const Ne = {
-  components: [H],
+const Oe = {
+  components: [k],
   examples: {
     basic: {
       label: "Basic File Upload",
@@ -448,10 +523,10 @@ const Ne = {
       }
     }
   }
-}, ze = {
-  "File Upload": Ne
+}, Me = {
+  "File Upload": Oe
 };
 export {
-  H as FileUpload,
-  ze as MANIFEST
+  k as FileUpload,
+  Me as MANIFEST
 };

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

@@ -1,75 +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",
-    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": "8.0.0-rc1",
+  "version": "8.0.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/file-upload",
@@ -30,11 +30,11 @@
     "@spscommerce/ds-illustrations": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.0.0-rc1",
-    "@sps-woodland/tokens": "8.0.0-rc1",
-    "@sps-woodland/buttons": "8.0.0-rc1",
-    "@spscommerce/ds-react": "8.0.0-rc1",
-    "@spscommerce/ds-shared": "8.0.0-rc1"
+    "@sps-woodland/core": "8.0.0",
+    "@sps-woodland/tokens": "8.0.0",
+    "@sps-woodland/buttons": "8.0.0",
+    "@spscommerce/ds-react": "8.0.0",
+    "@spscommerce/ds-shared": "8.0.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "^6.12.1",
@@ -43,12 +43,12 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "8.0.0-rc1",
-    "@sps-woodland/tokens": "8.0.0-rc1",
-    "@spscommerce/ds-react": "8.0.0-rc1",
-    "@spscommerce/ds-shared": "8.0.0-rc1",
-    "@sps-woodland/buttons": "8.0.0-rc1",
-    "@spscommerce/ds-colors": "8.0.0-rc1"
+    "@sps-woodland/core": "8.0.0",
+    "@sps-woodland/tokens": "8.0.0",
+    "@sps-woodland/buttons": "8.0.0",
+    "@spscommerce/ds-react": "8.0.0",
+    "@spscommerce/ds-shared": "8.0.0",
+    "@spscommerce/ds-colors": "8.0.0"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",