@sps-woodland/file-upload 8.35.0 → 8.35.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/FileUpload.css.d.ts +1 -0
  2. package/lib/index.js +189 -142
  3. package/lib/index.umd.cjs +11 -11
  4. package/lib/mime-type.enum.d.ts +20 -0
  5. package/lib/style.css +1 -1
  6. package/package.json +16 -16
package/lib/FileUpload.css.d.ts CHANGED
@@ -86,6 +86,7 @@ export declare const fileUploadTitle: import("@vanilla-extract/recipes/dist/decl
86
86
  export declare const erroredFiles: string;
87
87
  export declare const erroredFileName: string;
88
88
  export declare const erroredFilenameSegment: string;
89
+ export declare const erroredFileMessage: string;
89
90
  export declare const fileUploadRequirements: string;
90
91
  export declare const fileUploadDownloadButton: string;
91
92
  export declare const fileUploadCloseButton: string;
package/lib/index.js CHANGED
@@ -1,10 +1,10 @@
1
1
  import * as e from "react";
2
- import { Metadata as _e, cl as B, Spinner as fe } from "@sps-woodland/core";
3
- import { parseFileSize as ue, code as _ } from "@spscommerce/utils";
4
- import { Button as L } from "@sps-woodland/buttons";
5
- import { GENERAL_ERROR_LARGE as me, UPLOAD_LARGE as he } from "@sps-woodland/illustrations";
6
- import { useWoodlandLanguage as ve } from "@spscommerce/i18n";
7
- const R = {
2
+ import { Metadata as ve, cl as R, Spinner as we } from "@sps-woodland/core";
3
+ import { parseFileSize as ge, code as _ } from "@spscommerce/utils";
4
+ import { Button as I } from "@sps-woodland/buttons";
5
+ import { GENERAL_ERROR_LARGE as Fe, UPLOAD_LARGE as Ee } from "@sps-woodland/illustrations";
6
+ import { useWoodlandLanguage as xe } from "@spscommerce/i18n";
7
+ const W = {
8
8
  "7Z": ["application/x-7z-compressed"],
9
9
  AAC: ["audio/aac"],
10
10
  ABW: ["application/x-abiword"],
@@ -20,8 +20,18 @@ const R = {
20
20
  CSS: ["text/css"],
21
21
  CSV: ["text/csv", "application/vnd.ms-excel"],
22
22
  DOC: ["application/msword"],
23
+ DOT: ["application/msword"],
23
24
  DOCX: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
24
- EML: ["application/octet-stream", "message/rfc822", "multipart/mixed", "message/rfc5322", "message/rfc6532"],
25
+ DOTX: ["application/vnd.openxmlformats-officedocument.wordprocessingml.template"],
26
+ DOCM: ["application/vnd.ms-word.document.macroEnabled.12"],
27
+ DOTM: ["application/vnd.ms-word.template.macroEnabled.12"],
28
+ EML: [
29
+ "application/octet-stream",
30
+ "message/rfc822",
31
+ "multipart/mixed",
32
+ "message/rfc5322",
33
+ "message/rfc6532"
34
+ ],
25
35
  EOT: ["application/vnd.ms-fontobject"],
26
36
  EPUB: ["application/epub+zip"],
27
37
  ES: ["application/ecmascript"],
@@ -54,7 +64,16 @@ const R = {
54
64
  OTF: ["font/otf"],
55
65
  PNG: ["image/png"],
56
66
  PDF: ["application/pdf"],
67
+ POT: ["application/vnd.ms-powerpoint"],
68
+ POTM: ["application/vnd.ms-powerpoint.template.macroEnabled.12"],
69
+ POTX: ["application/vnd.openxmlformats-officedocument.presentationml.template"],
70
+ PPA: ["application/vnd.ms-powerpoint"],
71
+ PPAM: ["application/vnd.ms-powerpoint.addin.macroEnabled.12"],
72
+ PPS: ["application/vnd.ms-powerpoint"],
73
+ PPSM: ["application/vnd.ms-powerpoint.slideshow.macroEnabled.12"],
57
74
  PPT: ["application/vnd.ms-powerpoint"],
75
+ PPTM: ["application/vnd.ms-powerpoint.presentation.macroEnabled.12"],
76
+ PPSX: ["application/vnd.openxmlformats-officedocument.presentationml.slideshow"],
58
77
  PPTX: ["application/vnd.openxmlformats-officedocument.presentationml.presentation"],
59
78
  RAR: ["application/x-rar-compressed"],
60
79
  RTF: ["application/rtf"],
@@ -75,214 +94,242 @@ const R = {
75
94
  WOFF: ["font/woff"],
76
95
  WOFF2: ["font/woff2"],
77
96
  XHTML: ["application/xhtml+xml"],
97
+ XLA: ["application/vnd.ms-excel"],
78
98
  XLS: ["application/vnd.ms-excel"],
99
+ XLSB: ["application/vnd.ms-excel.sheet.binary.macroEnabled.12"],
100
+ XLT: ["application/vnd.ms-excel"],
101
+ XLAM: ["application/vnd.ms-excel.addin.macroEnabled.12"],
102
+ XLSM: ["application/vnd.ms-excel.sheet.macroEnabled.12"],
79
103
  XLSX: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
104
+ XLTM: ["application/vnd.ms-excel.template.macroEnabled.12"],
105
+ XLTX: ["application/vnd.openxmlformats-officedocument.spreadsheetml.template"],
80
106
  XML: ["application/xml"],
81
107
  XUL: ["application/vnd.mozilla.xul+xml"],
82
108
  ZIP: ["application/zip"]
83
109
  };
84
- function we(a, i, l) {
85
- return i in a ? Object.defineProperty(a, i, {
110
+ function be(o, i, l) {
111
+ return i in o ? Object.defineProperty(o, i, {
86
112
  value: l,
87
113
  enumerable: !0,
88
114
  configurable: !0,
89
115
  writable: !0
90
- }) : a[i] = l, a;
116
+ }) : o[i] = l, o;
91
117
  }
92
- function I(a, i) {
93
- var l = Object.keys(a);
118
+ function z(o, i) {
119
+ var l = Object.keys(o);
94
120
  if (Object.getOwnPropertySymbols) {
95
- var t = Object.getOwnPropertySymbols(a);
96
- i && (t = t.filter(function(n) {
97
- return Object.getOwnPropertyDescriptor(a, n).enumerable;
121
+ var t = Object.getOwnPropertySymbols(o);
122
+ i && (t = t.filter(function(r) {
123
+ return Object.getOwnPropertyDescriptor(o, r).enumerable;
98
124
  })), l.push.apply(l, t);
99
125
  }
100
126
  return l;
101
127
  }
102
- function W(a) {
128
+ function G(o) {
103
129
  for (var i = 1; i < arguments.length; i++) {
104
130
  var l = arguments[i] != null ? arguments[i] : {};
105
- i % 2 ? I(Object(l), !0).forEach(function(t) {
106
- we(a, t, l[t]);
107
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(a, Object.getOwnPropertyDescriptors(l)) : I(Object(l)).forEach(function(t) {
108
- Object.defineProperty(a, t, Object.getOwnPropertyDescriptor(l, t));
131
+ i % 2 ? z(Object(l), !0).forEach(function(t) {
132
+ be(o, t, l[t]);
133
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(o, Object.getOwnPropertyDescriptors(l)) : z(Object(l)).forEach(function(t) {
134
+ Object.defineProperty(o, t, Object.getOwnPropertyDescriptor(l, t));
109
135
  });
110
136
  }
111
- return a;
137
+ return o;
112
138
  }
113
- var ge = (a, i, l) => {
114
- for (var t of Object.keys(a)) {
115
- var n;
116
- if (a[t] !== ((n = i[t]) !== null && n !== void 0 ? n : l[t]))
139
+ var ye = (o, i, l) => {
140
+ for (var t of Object.keys(o)) {
141
+ var r;
142
+ if (o[t] !== ((r = i[t]) !== null && r !== void 0 ? r : l[t]))
117
143
  return !1;
118
144
  }
119
145
  return !0;
120
- }, C = (a) => (i) => {
121
- var l = a.defaultClassName, t = W(W({}, a.defaultVariants), i);
122
- for (var n in t) {
123
- var v, w = (v = t[n]) !== null && v !== void 0 ? v : a.defaultVariants[n];
124
- if (w != null) {
125
- var p = w;
146
+ }, O = (o) => (i) => {
147
+ var l = o.defaultClassName, t = G(G({}, o.defaultVariants), i);
148
+ for (var r in t) {
149
+ var m, g = (m = t[r]) !== null && m !== void 0 ? m : o.defaultVariants[r];
150
+ if (g != null) {
151
+ var p = g;
126
152
  typeof p == "boolean" && (p = p === !0 ? "true" : "false");
127
- var d = (
153
+ var s = (
128
154
  // @ts-expect-error
129
- a.variantClassNames[n][p]
155
+ o.variantClassNames[r][p]
130
156
  );
131
- d && (l += " " + d);
157
+ s && (l += " " + s);
132
158
  }
133
159
  }
134
- for (var [F, k] of a.compoundVariants)
135
- ge(F, t, a.defaultVariants) && (l += " " + k);
160
+ for (var [b, T] of o.compoundVariants)
161
+ ye(b, t, o.defaultVariants) && (l += " " + T);
136
162
  return l;
137
- }, Fe = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0", variantClassNames: { active: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw2" }, mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw4" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw6" }, shown: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw7", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwa" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0, disabled: !1 }, compoundVariants: [] }), xe = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb", variantClassNames: { constrainContentWidth: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwd" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwf" } }, defaultVariants: { constrainContentWidth: !1, disabled: !1 }, compoundVariants: [] }), z = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg", be = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwl" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwn" } }, defaultVariants: { mini: !1, error: !1, disabled: !1 }, compoundVariants: [] }), Ee = C({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp", false: "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq" } }, defaultVariants: { mini: !1 }, compoundVariants: [] }), Ue = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr", ye = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws", G = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt", Se = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu", je = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv", Ce = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww", ke = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx", De = "pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy";
138
- function X({
139
- constrainContentWidth: a,
163
+ }, Ue = O({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw0", variantClassNames: { active: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw1", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw2" }, mini: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw3", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw4" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw5", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw6" }, shown: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw7", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw8" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw9", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwa" } }, defaultVariants: { active: !1, mini: !1, error: !1, shown: !0, disabled: !1 }, compoundVariants: [] }), Se = O({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwb", variantClassNames: { constrainContentWidth: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwc", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwd" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwe", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwf" } }, defaultVariants: { constrainContentWidth: !1, disabled: !1 }, compoundVariants: [] }), Z = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwg", je = O({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwh", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwi", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwj" }, error: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwk", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwl" }, disabled: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwm", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwn" } }, defaultVariants: { mini: !1, error: !1, disabled: !1 }, compoundVariants: [] }), Ce = O({ defaultClassName: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwo", variantClassNames: { mini: { true: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwp", false: "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwq" } }, defaultVariants: { mini: !1 }, compoundVariants: [] }), ke = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwr", Oe = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jws", $ = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwt", q = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwu", Te = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwv", De = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jww", Pe = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwx", Me = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwy", Le = "pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwz";
164
+ function H({ list: o }) {
165
+ return /* @__PURE__ */ e.createElement(e.Fragment, null, o.map((i, l) => {
166
+ const t = Math.floor(i.length / 2);
167
+ return /* @__PURE__ */ e.createElement("div", { className: Oe, key: i }, /* @__PURE__ */ e.createElement("span", { className: $ }, i.substring(0, t)), /* @__PURE__ */ e.createElement("div", { className: $ }, /* @__PURE__ */ e.createElement("span", null, i.substring(t))), l < o.length - 1 ? "," : "");
168
+ }));
169
+ }
170
+ function J({
171
+ constrainContentWidth: o,
140
172
  description: i,
141
173
  multiple: l = !1,
142
174
  dismissable: t,
143
- processing: n,
144
- mini: v,
145
- downloadLabel: w,
175
+ processing: r,
176
+ mini: m,
177
+ downloadLabel: g,
146
178
  acceptExtensions: p,
147
- maxSize: d,
148
- customRequirement: F,
149
- onSelection: k,
150
- onDismiss: O,
151
- download: N,
152
- shown: x,
153
- className: Z,
154
- disabled: c,
155
- children: Ne,
156
- ...q
179
+ maxSize: s,
180
+ customRequirement: b,
181
+ onSelection: T,
182
+ onDismiss: D,
183
+ download: P,
184
+ shown: y,
185
+ className: K,
186
+ disabled: d,
187
+ children: Ae,
188
+ ...Y
157
189
  }) {
158
- const b = e.useRef(/* @__PURE__ */ new Set()), [H, T] = e.useState(x), [Te, J] = e.useState([]), [K, Y] = e.useState(""), [P, $] = e.useState(), [Q, E] = e.useState(!1), [g, U] = e.useState(!1), [y, A] = e.useState([]), [V, ee] = e.useState(""), { t: h } = ve(), S = (l ? h("fileUpload.instructions.other", { defaultValue: "Drag and drop your files here or |browse for files| on your desktop." }) : h("fileUpload.instructions.one", { defaultValue: "Drag and drop your file here or |browse for a file| on your desktop." })).split("|"), M = i || (l ? "Files" : "File"), f = e.useRef(null);
190
+ const U = e.useRef(/* @__PURE__ */ new Set()), [Q, M] = e.useState(y), [Ve, ee] = e.useState([]), [oe, ae] = e.useState(""), [L, le] = e.useState(), [te, S] = e.useState(!1), [F, j] = e.useState(!1), [h, N] = e.useState([]), [v, A] = e.useState([]), [E, ie] = e.useState(""), V = e.useMemo(() => (/* @__PURE__ */ new Set([...h, ...v])).size, [h, v]), { t: c } = xe(), C = (l ? c("fileUpload.instructions.other", {
191
+ defaultValue: "Drag and drop your files here or |browse for files| on your desktop."
192
+ }) : c("fileUpload.instructions.one", {
193
+ defaultValue: "Drag and drop your file here or |browse for a file| on your desktop."
194
+ })).split("|"), B = i || (l ? "Files" : "File"), f = e.useRef(null);
159
195
  e.useEffect(() => {
160
- x && T(x);
161
- }, [x]), e.useEffect(() => {
162
- d && ae(d);
163
- }, [d]), e.useEffect(() => {
164
- p && le(p);
196
+ y && M(y);
197
+ }, [y]), e.useEffect(() => {
198
+ s && se(s);
199
+ }, [s]), e.useEffect(() => {
200
+ p && re(p);
165
201
  }, [p]);
166
- function oe() {
167
- t && (T(!1), O && O());
202
+ function ne() {
203
+ t && (M(!1), D && D());
168
204
  }
169
- function ae(o) {
205
+ function se(a) {
170
206
  try {
171
- $(ue(o));
207
+ le(ge(a));
172
208
  } catch {
173
- throw new Error(`Could not parse "${o}" as a file size.`);
209
+ throw new Error(`Could not parse "${a}" as a file size.`);
174
210
  }
175
211
  }
176
- function le(o) {
177
- const u = (Array.isArray(o) ? o : o.trim().split(/\s?,\s?/)).map((m) => m.replace(/^\./, "")), r = u.map((m) => `.${m}`.toLowerCase());
178
- ee(
179
- r.map((m, j) => j > 0 && j === r.length - 1 ? `or ${m}` : m).join(r.length > 2 ? ", " : " ")
180
- ), b.current.clear();
181
- for (const m of u) {
182
- const j = Object.keys(R).includes(m.toUpperCase()) ? R[m.toUpperCase()] : [];
183
- for (const ce of j)
184
- b.current.add(ce);
212
+ function re(a) {
213
+ const w = (Array.isArray(a) ? a : a.trim().split(/\s?,\s?/)).map((n) => n.replace(/^\./, "")), u = w.map((n) => `.${n}`.toLowerCase());
214
+ ie(
215
+ u.map((n, k) => k > 0 && k === u.length - 1 ? `or ${n}` : n).join(u.length > 2 ? ", " : " ")
216
+ ), U.current.clear();
217
+ for (const n of w) {
218
+ const k = Object.keys(W).includes(n.toUpperCase()) ? W[n.toUpperCase()] : [];
219
+ for (const he of k)
220
+ U.current.add(he);
185
221
  }
186
- Y(r.concat(Array.from(b.current)).join(","));
222
+ ae(u.concat(Array.from(U.current)).join(","));
187
223
  }
188
- function D(o) {
189
- A([]);
190
- let s = [];
191
- const u = Array.from(o);
192
- for (const r of u)
193
- r === null ? s.push("Not a file") : (p && !b.current.has(r.type) && s.push(r.name), d && P && r.size > P && s.indexOf(r.name) === -1 && s.push(r.name));
194
- s.length ? (U(!0), f.current && f.current.value && (f.current.value = "")) : (J(u), k(u)), A(s);
224
+ function X(a) {
225
+ N([]), A([]);
226
+ let x = [], w = [];
227
+ const u = a ? Array.from(a) : [];
228
+ for (const n of u)
229
+ p && !U.current.has(n.type) && w.push(n.name), s && L && n.size > L && x.push(n.name);
230
+ x.length || w.length ? (j(!0), f.current && f.current.value && (f.current.value = "")) : (ee(u), T(u)), N(x), A(w);
195
231
  }
196
- function te(o) {
197
- o.preventDefault(), U(!1), f.current && f.current.click();
232
+ function pe(a) {
233
+ a.preventDefault(), j(!1), f.current && f.current.click();
198
234
  }
199
- function ie() {
200
- N && N();
235
+ function de() {
236
+ P && P();
201
237
  }
202
- function ne(o) {
203
- o.stopPropagation(), D(o.target.files || []), f.current && f.current.value && (f.current.value = "");
238
+ function ce(a) {
239
+ a.stopPropagation(), X(a.target.files), f.current && f.current.value && (f.current.value = "");
204
240
  }
205
- function se(o) {
206
- o.preventDefault(), o.stopPropagation(), E(!0), U(!1);
241
+ function _e(a) {
242
+ a.preventDefault(), a.stopPropagation(), S(!0), j(!1);
207
243
  }
208
- function re(o) {
209
- o.preventDefault(), E(!0), U(!1);
244
+ function fe(a) {
245
+ a.preventDefault(), S(!0), j(!1);
210
246
  }
211
- function pe(o) {
212
- o.preventDefault(), E(!1);
247
+ function ue(a) {
248
+ a.preventDefault(), S(!1);
213
249
  }
214
- function de(o) {
215
- o.preventDefault(), o.stopPropagation(), E(!1), o.dataTransfer.items ? D(
216
- Array.from(o.dataTransfer.items).map(
217
- (s) => s.getAsFile()
218
- )
219
- ) : D(o.dataTransfer.files);
250
+ function me(a) {
251
+ a.preventDefault(), a.stopPropagation(), S(!1), a.dataTransfer.files && X(a.dataTransfer.files);
220
252
  }
221
253
  return /* @__PURE__ */ e.createElement(
222
254
  "div",
223
255
  {
224
- onDrop: c ? () => {
225
- } : de,
226
- onDragOver: c ? () => {
227
- } : se,
228
- onDragLeave: c ? () => {
229
- } : pe,
230
- onDragEnter: c ? () => {
231
- } : re,
232
- className: B(Fe({ active: Q, mini: v, error: g, shown: H, disabled: c }), Z),
233
- ...q
256
+ onDrop: d ? () => {
257
+ } : me,
258
+ onDragOver: d ? () => {
259
+ } : _e,
260
+ onDragLeave: d ? () => {
261
+ } : ue,
262
+ onDragEnter: d ? () => {
263
+ } : fe,
264
+ className: R(Ue({ active: te, mini: m, error: F, shown: Q, disabled: d }), K),
265
+ ...Y
234
266
  },
235
- /* @__PURE__ */ e.createElement("div", { className: B(xe({ constrainContentWidth: a, disabled: c })) }, n ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(fe, { size: "md", "aria-hidden": "true" }), /* @__PURE__ */ e.createElement("div", { className: z }, h("fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: be({ mini: v, error: g, disabled: c }), "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(
267
+ /* @__PURE__ */ e.createElement("div", { className: R(Se({ constrainContentWidth: o, disabled: d })) }, r ? /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(we, { size: "md", "aria-hidden": "true" }), /* @__PURE__ */ e.createElement("div", { className: Z }, c("fileUpload.processing", { defaultValue: "Processing Upload..." }))) : /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("div", { className: je({ mini: m, error: F, disabled: d }), "aria-hidden": "true" }, /* @__PURE__ */ e.createElement(
236
268
  "img",
237
269
  {
238
- className: De,
239
- src: g ? me : he,
270
+ className: Le,
271
+ src: F ? Fe : Ee,
240
272
  alt: "Upload Icon"
241
273
  }
242
- )), /* @__PURE__ */ e.createElement("div", { className: Ee({ mini: v }) }, g ? /* @__PURE__ */ e.createElement("div", null, h(
243
- y.length > 1 ? "fileUpload.cancelled.other" : "fileUpload.cancelled.one",
244
- { defaultValue: y.length > 1 ? "File Upload(s) Failed" : "File Upload Failed" }
245
- )) : /* @__PURE__ */ e.createElement("div", null, h("fileUpload.title", { description: M, defaultValue: `Upload your ${M}` }))), g ? /* @__PURE__ */ e.createElement("div", { className: Ue }, new Set(
246
- y.map((o, s) => {
247
- const u = Math.floor(o.length / 2);
248
- return /* @__PURE__ */ e.createElement("div", { className: ye, key: o }, /* @__PURE__ */ e.createElement("span", { className: G }, o.substr(0, u)), /* @__PURE__ */ e.createElement("div", { className: G }, /* @__PURE__ */ e.createElement("span", null, o.substr(u))), s < y.length - 1 ? "," : "");
249
- })
250
- )) : /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("div", { className: z }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, S[0]), c ? /* @__PURE__ */ e.createElement("u", null, S[1]) : /* @__PURE__ */ e.createElement("a", { href: "", onClick: te }, S[1]), /* @__PURE__ */ e.createElement("span", null, S[2]))), /* @__PURE__ */ e.createElement("div", { className: Se }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", h("fileUpload.acceptedTypes", {
251
- fileTypes: V,
252
- defaultValue: `${V} format accepted`
253
- }), " ", ")") : "", d ? /* @__PURE__ */ e.createElement("span", null, "( ", h("fileUpload.maximumSize", { size: d, defaultValue: `${d} maximum` }), " )") : "", F ? /* @__PURE__ */ e.createElement("span", null, " ", F, " ") : ""), w && /* @__PURE__ */ e.createElement("div", { className: je }, /* @__PURE__ */ e.createElement(
254
- L,
274
+ )), /* @__PURE__ */ e.createElement("div", { className: Ce({ mini: m }) }, F ? /* @__PURE__ */ e.createElement("div", null, c(
275
+ V > 1 ? "fileUpload.cancelled.other" : "fileUpload.cancelled.one",
276
+ {
277
+ defaultValue: V > 1 ? "File Upload(s) Failed" : "File Upload Failed"
278
+ }
279
+ )) : /* @__PURE__ */ e.createElement("div", null, c("fileUpload.title", {
280
+ description: B,
281
+ defaultValue: `Upload your ${B}`
282
+ }))), F ? /* @__PURE__ */ e.createElement("div", { className: ke }, h.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { list: h }), /* @__PURE__ */ e.createElement("div", { className: q }, c(
283
+ h.length === 1 ? "fileUpload.error.tooLarge.one" : "fileUpload.error.tooLarge.other",
284
+ {
285
+ size: s,
286
+ defaultValue: h.length === 1 ? `Selected file is larger than the size limit of ${s}.` : `Selected files are larger than the size limit of ${s}.`
287
+ }
288
+ ))), v.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(H, { list: v }), /* @__PURE__ */ e.createElement("div", { className: q }, c(
289
+ v.length === 1 ? "fileUpload.error.wrongType.one" : "fileUpload.error.wrongType.other",
290
+ {
291
+ fileTypes: E,
292
+ defaultValue: v.length === 1 ? `Selected file is not an accepted file type: ${E}.` : `Selected files are not accepted file types: ${E}.`
293
+ }
294
+ )))) : /* @__PURE__ */ e.createElement("span", null), /* @__PURE__ */ e.createElement("div", { className: Z }, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("span", null, C[0]), d ? /* @__PURE__ */ e.createElement("u", null, C[1]) : /* @__PURE__ */ e.createElement("a", { href: "", onClick: pe }, C[1]), /* @__PURE__ */ e.createElement("span", null, C[2]))), /* @__PURE__ */ e.createElement("div", { className: Te }, p ? /* @__PURE__ */ e.createElement("span", null, "(", " ", c("fileUpload.acceptedTypes", {
295
+ fileTypes: E,
296
+ defaultValue: `${E} format accepted`
297
+ }), " ", ")") : "", s ? /* @__PURE__ */ e.createElement("span", null, "(", " ", c("fileUpload.maximumSize", {
298
+ size: s,
299
+ defaultValue: `${s} maximum`
300
+ }), " ", ")") : "", b ? /* @__PURE__ */ e.createElement("span", null, " ", b, " ") : ""), g && /* @__PURE__ */ e.createElement("div", { className: De }, /* @__PURE__ */ e.createElement(
301
+ I,
255
302
  {
256
- disabled: c,
303
+ disabled: d,
257
304
  kind: "link",
258
305
  icon: "download-cloud",
259
- onClick: ie
306
+ onClick: de
260
307
  },
261
- w
308
+ g
262
309
  )))),
263
- t && !n && /* @__PURE__ */ e.createElement("div", { className: Ce }, /* @__PURE__ */ e.createElement(
264
- L,
310
+ t && !r && /* @__PURE__ */ e.createElement("div", { className: Pe }, /* @__PURE__ */ e.createElement(
311
+ I,
265
312
  {
266
- disabled: c,
313
+ disabled: d,
267
314
  kind: "icon",
268
315
  icon: "x",
269
- title: h("fileUpload.close", { defaultValue: "Close" }),
270
- onClick: oe
316
+ title: c("fileUpload.close", { defaultValue: "Close" }),
317
+ onClick: ne
271
318
  }
272
319
  )),
273
- /* @__PURE__ */ e.createElement("form", { className: ke }, /* @__PURE__ */ e.createElement(
320
+ /* @__PURE__ */ e.createElement("form", { className: Me }, /* @__PURE__ */ e.createElement(
274
321
  "input",
275
322
  {
276
323
  ref: f,
277
324
  type: "file",
278
- accept: K || "*/*",
325
+ accept: oe || "*/*",
279
326
  multiple: l || void 0,
280
- onChange: ne
327
+ onChange: ce
281
328
  }
282
329
  ))
283
330
  );
284
331
  }
285
- _e.set(X, {
332
+ ve.set(J, {
286
333
  name: "FileUpload",
287
334
  props: {
288
335
  constrainContentWidth: { type: "boolean" },
@@ -300,8 +347,8 @@ _e.set(X, {
300
347
  disabled: { type: "boolean" }
301
348
  }
302
349
  });
303
- const Oe = {
304
- components: [X],
350
+ const Ne = {
351
+ components: [J],
305
352
  examples: {
306
353
  basic: {
307
354
  label: "Basic File Upload",
@@ -554,10 +601,10 @@ const Oe = {
554
601
  }
555
602
  }
556
603
  }
557
- }, Le = {
558
- "File Upload": Oe
604
+ }, ze = {
605
+ "File Upload": Ne
559
606
  };
560
607
  export {
561
- X as FileUpload,
562
- Le as MANIFEST
608
+ J as FileUpload,
609
+ ze as MANIFEST
563
610
  };
package/lib/index.umd.cjs CHANGED
@@ -1,4 +1,4 @@
1
- (function(n,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@sps-woodland/buttons"),require("@sps-woodland/illustrations"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils","@sps-woodland/buttons","@sps-woodland/illustrations","@spscommerce/i18n"],g):(n=typeof globalThis<"u"?globalThis:n||self,g(n.FileUpload={},n.React,n.core,n.utils,n.buttons,n.illustrations,n.i18n))})(this,function(n,g,b,p,A,M,J){"use strict";function K(o){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const t=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(i,l,t.get?t:{enumerable:!0,get:()=>o[l]})}}return i.default=o,Object.freeze(i)}const e=K(g),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"],EML:["application/octet-stream","message/rfc822","multipart/mixed","message/rfc5322","message/rfc6532"],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 Y(o,i,l){return i in o?Object.defineProperty(o,i,{value:l,enumerable:!0,configurable:!0,writable:!0}):o[i]=l,o}function B(o,i){var l=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);i&&(t=t.filter(function(s){return Object.getOwnPropertyDescriptor(o,s).enumerable})),l.push.apply(l,t)}return l}function R(o){for(var i=1;i<arguments.length;i++){var l=arguments[i]!=null?arguments[i]:{};i%2?B(Object(l),!0).forEach(function(t){Y(o,t,l[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(l)):B(Object(l)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(l,t))})}return o}var $=(o,i,l)=>{for(var t of Object.keys(o)){var s;if(o[t]!==((s=i[t])!==null&&s!==void 0?s:l[t]))return!1}return!0},E=o=>i=>{var l=o.defaultClassName,t=R(R({},o.defaultVariants),i);for(var s in t){var v,F=(v=t[s])!==null&&v!==void 0?v:o.defaultVariants[s];if(F!=null){var c=F;typeof c=="boolean"&&(c=c===!0?"true":"false");var _=o.variantClassNames[s][c];_&&(l+=" "+_)}}for(var[U,N]of o.compoundVariants)$(U,t,o.defaultVariants)&&(l+=" "+N);return l},Q=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0",variantClassNames:{active:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw2"},mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw4"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw6"},shown:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw7",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwa"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0,disabled:!1},compoundVariants:[]}),ee=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb",variantClassNames:{constrainContentWidth:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwd"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwf"}},defaultVariants:{constrainContentWidth:!1,disabled:!1},compoundVariants:[]}),I="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg",oe=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwl"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwn"}},defaultVariants:{mini:!1,error:!1,disabled:!1},compoundVariants:[]}),ae=E({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp",false:"pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq"}},defaultVariants:{mini:!1},compoundVariants:[]}),le="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr",te="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws",L="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt",ie="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu",ne="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv",se="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww",re="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx",pe="pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy";function T({constrainContentWidth:o,description:i,multiple:l=!1,dismissable:t,processing:s,mini:v,downloadLabel:F,acceptExtensions:c,maxSize:_,customRequirement:U,onSelection:N,onDismiss:W,download:z,shown:y,className:ce,disabled:f,children:Te,..._e}){const S=e.useRef(new Set),[fe,G]=e.useState(y),[Ne,ue]=e.useState([]),[me,he]=e.useState(""),[X,we]=e.useState(),[ve,j]=e.useState(!1),[x,k]=e.useState(!1),[C,q]=e.useState([]),[Z,ge]=e.useState(""),{t:w}=J.useWoodlandLanguage(),O=(l?w("fileUpload.instructions.other",{defaultValue:"Drag and drop your files here or |browse for files| on your desktop."}):w("fileUpload.instructions.one",{defaultValue:"Drag and drop your file here or |browse for a file| on your desktop."})).split("|"),H=i||(l?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{y&&G(y)},[y]),e.useEffect(()=>{_&&xe(_)},[_]),e.useEffect(()=>{c&&be(c)},[c]);function Fe(){t&&(G(!1),W&&W())}function xe(a){try{we(p.parseFileSize(a))}catch{throw new Error(`Could not parse "${a}" as a file size.`)}}function be(a){const m=(Array.isArray(a)?a:a.trim().split(/\s?,\s?/)).map(h=>h.replace(/^\./,"")),d=m.map(h=>`.${h}`.toLowerCase());ge(d.map((h,D)=>D>0&&D===d.length-1?`or ${h}`:h).join(d.length>2?", ":" ")),S.current.clear();for(const h of m){const D=Object.keys(V).includes(h.toUpperCase())?V[h.toUpperCase()]:[];for(const Oe of D)S.current.add(Oe)}he(d.concat(Array.from(S.current)).join(","))}function P(a){q([]);let r=[];const m=Array.from(a);for(const d of m)d===null?r.push("Not a file"):(c&&!S.current.has(d.type)&&r.push(d.name),_&&X&&d.size>X&&r.indexOf(d.name)===-1&&r.push(d.name));r.length?(k(!0),u.current&&u.current.value&&(u.current.value="")):(ue(m),N(m)),q(r)}function Ee(a){a.preventDefault(),k(!1),u.current&&u.current.click()}function Ue(){z&&z()}function ye(a){a.stopPropagation(),P(a.target.files||[]),u.current&&u.current.value&&(u.current.value="")}function Se(a){a.preventDefault(),a.stopPropagation(),j(!0),k(!1)}function je(a){a.preventDefault(),j(!0),k(!1)}function ke(a){a.preventDefault(),j(!1)}function Ce(a){a.preventDefault(),a.stopPropagation(),j(!1),a.dataTransfer.items?P(Array.from(a.dataTransfer.items).map(r=>r.getAsFile())):P(a.dataTransfer.files)}return e.createElement("div",{onDrop:f?()=>{}:Ce,onDragOver:f?()=>{}:Se,onDragLeave:f?()=>{}:ke,onDragEnter:f?()=>{}:je,className:b.cl(Q({active:ve,mini:v,error:x,shown:fe,disabled:f}),ce),..._e},e.createElement("div",{className:b.cl(ee({constrainContentWidth:o,disabled:f}))},s?e.createElement("div",null,e.createElement(b.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:I},w("fileUpload.processing",{defaultValue:"Processing Upload..."}))):e.createElement("div",null,e.createElement("div",{className:oe({mini:v,error:x,disabled:f}),"aria-hidden":"true"},e.createElement("img",{className:pe,src:x?M.GENERAL_ERROR_LARGE:M.UPLOAD_LARGE,alt:"Upload Icon"})),e.createElement("div",{className:ae({mini:v})},x?e.createElement("div",null,w(C.length>1?"fileUpload.cancelled.other":"fileUpload.cancelled.one",{defaultValue:C.length>1?"File Upload(s) Failed":"File Upload Failed"})):e.createElement("div",null,w("fileUpload.title",{description:H,defaultValue:`Upload your ${H}`}))),x?e.createElement("div",{className:le},new Set(C.map((a,r)=>{const m=Math.floor(a.length/2);return e.createElement("div",{className:te,key:a},e.createElement("span",{className:L},a.substr(0,m)),e.createElement("div",{className:L},e.createElement("span",null,a.substr(m))),r<C.length-1?",":"")}))):e.createElement("span",null),e.createElement("div",{className:I},e.createElement("div",null,e.createElement("span",null,O[0]),f?e.createElement("u",null,O[1]):e.createElement("a",{href:"",onClick:Ee},O[1]),e.createElement("span",null,O[2]))),e.createElement("div",{className:ie},c?e.createElement("span",null,"("," ",w("fileUpload.acceptedTypes",{fileTypes:Z,defaultValue:`${Z} format accepted`})," ",")"):"",_?e.createElement("span",null,"( ",w("fileUpload.maximumSize",{size:_,defaultValue:`${_} maximum`})," )"):"",U?e.createElement("span",null," ",U," "):""),F&&e.createElement("div",{className:ne},e.createElement(A.Button,{disabled:f,kind:"link",icon:"download-cloud",onClick:Ue},F)))),t&&!s&&e.createElement("div",{className:se},e.createElement(A.Button,{disabled:f,kind:"icon",icon:"x",title:w("fileUpload.close",{defaultValue:"Close"}),onClick:Fe})),e.createElement("form",{className:re},e.createElement("input",{ref:u,type:"file",accept:me||"*/*",multiple:l||void 0,onChange:ye})))}b.Metadata.set(T,{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"},disabled:{type:"boolean"}}});const de={"File Upload":{components:[T],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`
1
+ (function(s,F){typeof exports=="object"&&typeof module<"u"?F(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils"),require("@sps-woodland/buttons"),require("@sps-woodland/illustrations"),require("@spscommerce/i18n")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils","@sps-woodland/buttons","@sps-woodland/illustrations","@spscommerce/i18n"],F):(s=typeof globalThis<"u"?globalThis:s||self,F(s.FileUpload={},s.React,s.core,s.utils,s.buttons,s.illustrations,s.i18n))})(this,function(s,F,S,d,L,A,ee){"use strict";function oe(o){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const a in o)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(o,a);Object.defineProperty(l,a,t.get?t:{enumerable:!0,get:()=>o[a]})}}return l.default=o,Object.freeze(l)}const e=oe(F),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"],DOT:["application/msword"],DOCX:["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],DOTX:["application/vnd.openxmlformats-officedocument.wordprocessingml.template"],DOCM:["application/vnd.ms-word.document.macroEnabled.12"],DOTM:["application/vnd.ms-word.template.macroEnabled.12"],EML:["application/octet-stream","message/rfc822","multipart/mixed","message/rfc5322","message/rfc6532"],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"],POT:["application/vnd.ms-powerpoint"],POTM:["application/vnd.ms-powerpoint.template.macroEnabled.12"],POTX:["application/vnd.openxmlformats-officedocument.presentationml.template"],PPA:["application/vnd.ms-powerpoint"],PPAM:["application/vnd.ms-powerpoint.addin.macroEnabled.12"],PPS:["application/vnd.ms-powerpoint"],PPSM:["application/vnd.ms-powerpoint.slideshow.macroEnabled.12"],PPT:["application/vnd.ms-powerpoint"],PPTM:["application/vnd.ms-powerpoint.presentation.macroEnabled.12"],PPSX:["application/vnd.openxmlformats-officedocument.presentationml.slideshow"],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"],XLA:["application/vnd.ms-excel"],XLS:["application/vnd.ms-excel"],XLSB:["application/vnd.ms-excel.sheet.binary.macroEnabled.12"],XLT:["application/vnd.ms-excel"],XLAM:["application/vnd.ms-excel.addin.macroEnabled.12"],XLSM:["application/vnd.ms-excel.sheet.macroEnabled.12"],XLSX:["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],XLTM:["application/vnd.ms-excel.template.macroEnabled.12"],XLTX:["application/vnd.openxmlformats-officedocument.spreadsheetml.template"],XML:["application/xml"],XUL:["application/vnd.mozilla.xul+xml"],ZIP:["application/zip"]};function ae(o,l,a){return l in o?Object.defineProperty(o,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):o[l]=a,o}function B(o,l){var a=Object.keys(o);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(o);l&&(t=t.filter(function(p){return Object.getOwnPropertyDescriptor(o,p).enumerable})),a.push.apply(a,t)}return a}function R(o){for(var l=1;l<arguments.length;l++){var a=arguments[l]!=null?arguments[l]:{};l%2?B(Object(a),!0).forEach(function(t){ae(o,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(a)):B(Object(a)).forEach(function(t){Object.defineProperty(o,t,Object.getOwnPropertyDescriptor(a,t))})}return o}var le=(o,l,a)=>{for(var t of Object.keys(o)){var p;if(o[t]!==((p=l[t])!==null&&p!==void 0?p:a[t]))return!1}return!0},U=o=>l=>{var a=o.defaultClassName,t=R(R({},o.defaultVariants),l);for(var p in t){var h,E=(h=t[p])!==null&&h!==void 0?h:o.defaultVariants[p];if(E!=null){var c=E;typeof c=="boolean"&&(c=c===!0?"true":"false");var r=o.variantClassNames[p][c];r&&(a+=" "+r)}}for(var[j,N]of o.compoundVariants)le(j,t,o.defaultVariants)&&(a+=" "+N);return a},te=U({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw0",variantClassNames:{active:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw1",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw2"},mini:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw3",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw4"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw5",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw6"},shown:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw7",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw8"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw9",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwa"}},defaultVariants:{active:!1,mini:!1,error:!1,shown:!0,disabled:!1},compoundVariants:[]}),ie=U({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwb",variantClassNames:{constrainContentWidth:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwc",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwd"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwe",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwf"}},defaultVariants:{constrainContentWidth:!1,disabled:!1},compoundVariants:[]}),X="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwg",ne=U({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwh",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwi",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwj"},error:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwk",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwl"},disabled:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwm",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwn"}},defaultVariants:{mini:!1,error:!1,disabled:!1},compoundVariants:[]}),se=U({defaultClassName:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwo",variantClassNames:{mini:{true:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwp",false:"pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwq"}},defaultVariants:{mini:!1},compoundVariants:[]}),re="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwr",pe="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jws",I="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwt",W="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwu",de="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwv",ce="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jww",fe="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwx",_e="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwy",ue="pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwz";function z({list:o}){return e.createElement(e.Fragment,null,o.map((l,a)=>{const t=Math.floor(l.length/2);return e.createElement("div",{className:pe,key:l},e.createElement("span",{className:I},l.substring(0,t)),e.createElement("div",{className:I},e.createElement("span",null,l.substring(t))),a<o.length-1?",":"")}))}function M({constrainContentWidth:o,description:l,multiple:a=!1,dismissable:t,processing:p,mini:h,downloadLabel:E,acceptExtensions:c,maxSize:r,customRequirement:j,onSelection:N,onDismiss:G,download:q,shown:O,className:he,disabled:f,children:Ae,...ve}){const T=e.useRef(new Set),[we,Z]=e.useState(O),[Ve,ge]=e.useState([]),[Fe,Ee]=e.useState(""),[$,be]=e.useState(),[xe,C]=e.useState(!1),[b,k]=e.useState(!1),[v,H]=e.useState([]),[w,J]=e.useState([]),[x,ye]=e.useState(""),K=e.useMemo(()=>new Set([...v,...w]).size,[v,w]),{t:_}=ee.useWoodlandLanguage(),D=(a?_("fileUpload.instructions.other",{defaultValue:"Drag and drop your files here or |browse for files| on your desktop."}):_("fileUpload.instructions.one",{defaultValue:"Drag and drop your file here or |browse for a file| on your desktop."})).split("|"),Y=l||(a?"Files":"File"),u=e.useRef(null);e.useEffect(()=>{O&&Z(O)},[O]),e.useEffect(()=>{r&&Ue(r)},[r]),e.useEffect(()=>{c&&je(c)},[c]);function Se(){t&&(Z(!1),G&&G())}function Ue(i){try{be(d.parseFileSize(i))}catch{throw new Error(`Could not parse "${i}" as a file size.`)}}function je(i){const g=(Array.isArray(i)?i:i.trim().split(/\s?,\s?/)).map(n=>n.replace(/^\./,"")),m=g.map(n=>`.${n}`.toLowerCase());ye(m.map((n,P)=>P>0&&P===m.length-1?`or ${n}`:n).join(m.length>2?", ":" ")),T.current.clear();for(const n of g){const P=Object.keys(V).includes(n.toUpperCase())?V[n.toUpperCase()]:[];for(const Ne of P)T.current.add(Ne)}Ee(m.concat(Array.from(T.current)).join(","))}function Q(i){H([]),J([]);let y=[],g=[];const m=i?Array.from(i):[];for(const n of m)c&&!T.current.has(n.type)&&g.push(n.name),r&&$&&n.size>$&&y.push(n.name);y.length||g.length?(k(!0),u.current&&u.current.value&&(u.current.value="")):(ge(m),N(m)),H(y),J(g)}function Oe(i){i.preventDefault(),k(!1),u.current&&u.current.click()}function Te(){q&&q()}function Ce(i){i.stopPropagation(),Q(i.target.files),u.current&&u.current.value&&(u.current.value="")}function ke(i){i.preventDefault(),i.stopPropagation(),C(!0),k(!1)}function De(i){i.preventDefault(),C(!0),k(!1)}function Pe(i){i.preventDefault(),C(!1)}function Me(i){i.preventDefault(),i.stopPropagation(),C(!1),i.dataTransfer.files&&Q(i.dataTransfer.files)}return e.createElement("div",{onDrop:f?()=>{}:Me,onDragOver:f?()=>{}:ke,onDragLeave:f?()=>{}:Pe,onDragEnter:f?()=>{}:De,className:S.cl(te({active:xe,mini:h,error:b,shown:we,disabled:f}),he),...ve},e.createElement("div",{className:S.cl(ie({constrainContentWidth:o,disabled:f}))},p?e.createElement("div",null,e.createElement(S.Spinner,{size:"md","aria-hidden":"true"}),e.createElement("div",{className:X},_("fileUpload.processing",{defaultValue:"Processing Upload..."}))):e.createElement("div",null,e.createElement("div",{className:ne({mini:h,error:b,disabled:f}),"aria-hidden":"true"},e.createElement("img",{className:ue,src:b?A.GENERAL_ERROR_LARGE:A.UPLOAD_LARGE,alt:"Upload Icon"})),e.createElement("div",{className:se({mini:h})},b?e.createElement("div",null,_(K>1?"fileUpload.cancelled.other":"fileUpload.cancelled.one",{defaultValue:K>1?"File Upload(s) Failed":"File Upload Failed"})):e.createElement("div",null,_("fileUpload.title",{description:Y,defaultValue:`Upload your ${Y}`}))),b?e.createElement("div",{className:re},v.length>0&&e.createElement(e.Fragment,null,e.createElement(z,{list:v}),e.createElement("div",{className:W},_(v.length===1?"fileUpload.error.tooLarge.one":"fileUpload.error.tooLarge.other",{size:r,defaultValue:v.length===1?`Selected file is larger than the size limit of ${r}.`:`Selected files are larger than the size limit of ${r}.`}))),w.length>0&&e.createElement(e.Fragment,null,e.createElement(z,{list:w}),e.createElement("div",{className:W},_(w.length===1?"fileUpload.error.wrongType.one":"fileUpload.error.wrongType.other",{fileTypes:x,defaultValue:w.length===1?`Selected file is not an accepted file type: ${x}.`:`Selected files are not accepted file types: ${x}.`})))):e.createElement("span",null),e.createElement("div",{className:X},e.createElement("div",null,e.createElement("span",null,D[0]),f?e.createElement("u",null,D[1]):e.createElement("a",{href:"",onClick:Oe},D[1]),e.createElement("span",null,D[2]))),e.createElement("div",{className:de},c?e.createElement("span",null,"("," ",_("fileUpload.acceptedTypes",{fileTypes:x,defaultValue:`${x} format accepted`})," ",")"):"",r?e.createElement("span",null,"("," ",_("fileUpload.maximumSize",{size:r,defaultValue:`${r} maximum`})," ",")"):"",j?e.createElement("span",null," ",j," "):""),E&&e.createElement("div",{className:ce},e.createElement(L.Button,{disabled:f,kind:"link",icon:"download-cloud",onClick:Te},E)))),t&&!p&&e.createElement("div",{className:fe},e.createElement(L.Button,{disabled:f,kind:"icon",icon:"x",title:_("fileUpload.close",{defaultValue:"Close"}),onClick:Se})),e.createElement("form",{className:_e},e.createElement("input",{ref:u,type:"file",accept:Fe||"*/*",multiple:a||void 0,onChange:Ce})))}S.Metadata.set(M,{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"},disabled:{type:"boolean"}}});const me={"File Upload":{components:[M],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`
2
2
  import { FileUpload } from "@sps-woodland/file-upload";
3
3
 
4
4
  function Component() {
@@ -10,7 +10,7 @@
10
10
  <FileUpload onSelection={selectFile} />
11
11
  )
12
12
  }
13
- `},multiple:{description:"Multiple file upload",react:p.code`
13
+ `},multiple:{description:"Multiple file upload",react:d.code`
14
14
  import { FileUpload } from "@sps-woodland/file-upload";
15
15
 
16
16
  function Component() {
@@ -22,7 +22,7 @@
22
22
  <FileUpload onSelection={selectFile} multiple />
23
23
  )
24
24
  }
25
- `}}},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`
25
+ `}}},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`
26
26
  import { FileUpload } from "@sps-woodland/file-upload";
27
27
 
28
28
  function Component() {
@@ -34,7 +34,7 @@
34
34
  <FileUpload onSelection={selectFile} maxSize="100KB" />
35
35
  )
36
36
  }
37
- `},fileWhitelist:{description:"File type whitelist",react:p.code`
37
+ `},fileWhitelist:{description:"File type whitelist",react:d.code`
38
38
  import { FileUpload } from "@sps-woodland/file-upload";
39
39
 
40
40
  function Component() {
@@ -51,7 +51,7 @@
51
51
  />
52
52
  )
53
53
  }
54
- `},bothRestrictions:{description:"Both restrictions",react:p.code`
54
+ `},bothRestrictions:{description:"Both restrictions",react:d.code`
55
55
  import { FileUpload } from "@sps-woodland/file-upload";
56
56
 
57
57
  function Component() {
@@ -69,7 +69,7 @@
69
69
  />
70
70
  )
71
71
  }
72
- `}}},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`
72
+ `}}},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`
73
73
  import { FileUpload } from "@sps-woodland/file-upload";
74
74
  import { Button } from "@sps-woodland/buttons";
75
75
 
@@ -99,7 +99,7 @@
99
99
  </>
100
100
  )
101
101
  }
102
- `}}},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`
102
+ `}}},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`
103
103
  import { FileUpload } from "@sps-woodland/file-upload";
104
104
 
105
105
  function Component() {
@@ -121,7 +121,7 @@
121
121
  />
122
122
  )
123
123
  }
124
- `}}},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`
124
+ `}}},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`
125
125
  import { FileUpload } from "@sps-woodland/file-upload";
126
126
 
127
127
  function Component() {
@@ -137,7 +137,7 @@
137
137
  </div>
138
138
  )
139
139
  }
140
- `}}},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`
140
+ `}}},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`
141
141
  import { FileUpload } from "@sps-woodland/file-upload";
142
142
 
143
143
  function Component() {
@@ -153,7 +153,7 @@
153
153
  </div>
154
154
  )
155
155
  }
156
- `}}},disabled:{label:"Disabled State",description:"File Upload have a disabled style for each possible state.",examples:{basic:{description:"Disabled File Upload",react:p.code`
156
+ `}}},disabled:{label:"Disabled State",description:"File Upload have a disabled style for each possible state.",examples:{basic:{description:"Disabled File Upload",react:d.code`
157
157
  import { FileUpload } from "@sps-woodland/file-upload";
158
158
 
159
159
  function Component() {
@@ -170,4 +170,4 @@
170
170
  onSelection={selectFile} />
171
171
  )
172
172
  }
173
- `}}}}}};n.FileUpload=T,n.MANIFEST=de,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
173
+ `}}}}}};s.FileUpload=M,s.MANIFEST=me,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
package/lib/mime-type.enum.d.ts CHANGED
@@ -14,7 +14,11 @@ export declare const MIMEType: {
14
14
  CSS: string[];
15
15
  CSV: string[];
16
16
  DOC: string[];
17
+ DOT: string[];
17
18
  DOCX: string[];
19
+ DOTX: string[];
20
+ DOCM: string[];
21
+ DOTM: string[];
18
22
  EML: string[];
19
23
  EOT: string[];
20
24
  EPUB: string[];
@@ -48,7 +52,16 @@ export declare const MIMEType: {
48
52
  OTF: string[];
49
53
  PNG: string[];
50
54
  PDF: string[];
55
+ POT: string[];
56
+ POTM: string[];
57
+ POTX: string[];
58
+ PPA: string[];
59
+ PPAM: string[];
60
+ PPS: string[];
61
+ PPSM: string[];
51
62
  PPT: string[];
63
+ PPTM: string[];
64
+ PPSX: string[];
52
65
  PPTX: string[];
53
66
  RAR: string[];
54
67
  RTF: string[];
@@ -69,8 +82,15 @@ export declare const MIMEType: {
69
82
  WOFF: string[];
70
83
  WOFF2: string[];
71
84
  XHTML: string[];
85
+ XLA: string[];
72
86
  XLS: string[];
87
+ XLSB: string[];
88
+ XLT: string[];
89
+ XLAM: string[];
90
+ XLSM: string[];
73
91
  XLSX: string[];
92
+ XLTM: string[];
93
+ XLTX: string[];
74
94
  XML: string[];
75
95
  XUL: string[];
76
96
  ZIP: string[];
package/lib/style.css CHANGED
@@ -1 +1 @@
1
- .pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw0{border-width:.0625rem;border-style:dashed;border-radius:.25rem;display:block;padding:1rem;position:relative}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw1{background-color:#f4ecf2;border-color:#91467f;border-style:solid}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw3{padding:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw5{border-color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw8{display:none}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jw9{border-color:#d2d4d4}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwb{color:#4b5356;margin:0 auto;text-align:center}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwc{width:50%}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwe{color:#717779}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwg{font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwh{color:#717779;display:block;margin-bottom:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwi{font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwj{font-size:3rem;line-height:3rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwk{color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwm{opacity:.5}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwo{font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwp{font-size:1rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwq{font-size:1.125rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwr{font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jws{display:flex;justify-content:center;white-space:nowrap}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt{max-width:50%;overflow:hidden}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt:first-child{text-overflow:ellipsis}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwt:last-child{float:right}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu{font-size:.75rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwu>span+span{margin-left:.125rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwv{margin-top:1rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jww{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwx{display:none}.pkg_sps-woodland_file-upload__version_8_35_0__hash_rh07jwy{height:3rem}
1
+ .pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw0{border-width:.0625rem;border-style:dashed;border-radius:.25rem;display:block;padding:1rem;position:relative}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw1{background-color:#f4ecf2;border-color:#91467f;border-style:solid}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw3{padding:1rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw5{border-color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw8{display:none}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jw9{border-color:#d2d4d4}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwb{color:#4b5356;margin:0 auto;text-align:center}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwc{width:50%}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwe{color:#717779}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwg{font-size:.75rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwh{color:#717779;display:block;margin-bottom:1rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwi{font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwj{font-size:3rem;line-height:3rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwk{color:#de002e}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwm{opacity:.5}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwo{font-weight:600;margin-bottom:.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwp{font-size:1rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwq{font-size:1.125rem;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwr{font-size:.875rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jws{display:flex;justify-content:center;white-space:nowrap}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwt{max-width:50%;overflow:hidden}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwt:first-child{text-overflow:ellipsis}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwt:last-child{float:right}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwu{font-weight:400}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwv{font-size:.75rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwv>span+span{margin-left:.125rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jww{margin-top:1rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwx{position:absolute;right:.5rem;top:.5rem}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwy{display:none}.pkg_sps-woodland_file-upload__version_8_35_4__hash_rh07jwz{height:3rem}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/file-upload",
3
3
  "description": "SPS Woodland Design System file upload component",
4
- "version": "8.35.0",
4
+ "version": "8.35.4",
5
5
  "author": "SPS Commerce",
6
6
  "license": "UNLICENSED",
7
7
  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/file-upload",
@@ -30,13 +30,13 @@
30
30
  "@spscommerce/utils": "^7.0.0 || ^8.0.0",
31
31
  "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
32
32
  "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
33
- "@sps-woodland/buttons": "8.35.0",
34
- "@sps-woodland/core": "8.35.0",
35
- "@sps-woodland/illustrations": "8.35.0",
36
- "@sps-woodland/tokens": "8.35.0",
37
- "@spscommerce/ds-react": "8.35.0",
38
- "@spscommerce/ds-shared": "8.35.0",
39
- "@spscommerce/i18n": "8.35.0"
33
+ "@sps-woodland/core": "8.35.4",
34
+ "@sps-woodland/buttons": "8.35.4",
35
+ "@sps-woodland/illustrations": "8.35.4",
36
+ "@sps-woodland/tokens": "8.35.4",
37
+ "@spscommerce/ds-react": "8.35.4",
38
+ "@spscommerce/ds-shared": "8.35.4",
39
+ "@spscommerce/i18n": "8.35.4"
40
40
  },
41
41
  "devDependencies": {
42
42
  "@spscommerce/ds-illustrations": "^6.12.1",
@@ -45,14 +45,14 @@
45
45
  "@vanilla-extract/recipes": "^0.2.5",
46
46
  "react": "^16.14.0",
47
47
  "react-dom": "^16.14.0",
48
- "@sps-woodland/buttons": "8.35.0",
49
- "@sps-woodland/core": "8.35.0",
50
- "@sps-woodland/illustrations": "8.35.0",
51
- "@sps-woodland/tokens": "8.35.0",
52
- "@spscommerce/ds-colors": "8.35.0",
53
- "@spscommerce/ds-react": "8.35.0",
54
- "@spscommerce/ds-shared": "8.35.0",
55
- "@spscommerce/i18n": "8.35.0"
48
+ "@sps-woodland/buttons": "8.35.4",
49
+ "@sps-woodland/core": "8.35.4",
50
+ "@sps-woodland/illustrations": "8.35.4",
51
+ "@sps-woodland/tokens": "8.35.4",
52
+ "@spscommerce/ds-colors": "8.35.4",
53
+ "@spscommerce/ds-react": "8.35.4",
54
+ "@spscommerce/ds-shared": "8.35.4",
55
+ "@spscommerce/i18n": "8.35.4"
56
56
  },
57
57
  "scripts": {
58
58
  "build": "pnpm run build:js && pnpm run build:types",