@viasat/beam-react 2.0.0

package/lib/FileUpload/FileUpload.List.es.js

@@ -0,0 +1,51 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useContext as N, useMemo as c } from "react";
+import { t as b } from "../../chunks/constants.BBi77pmH.js";
+import { FileUploadListProvider as g } from "./FileUploadListContext.es.js";
+import x from "clsx";
+import { g as L } from "../../chunks/classNames.DNsS4J__.js";
+import { s as e } from "../../chunks/fileUpload.module.Ck0Nfc4j.js";
+import { FileUploadListItemComponent as f } from "./FileUpload.List.Item.es.js";
+import { FileUploadContext as U } from "./FileUploadContext.es.js";
+const { baseClassNamePrefix: v, classModifierPrefix: i } = L("file-upload-list"), y = ({
+  children: a,
+  thumbnail: l = !1,
+  size: m = "md",
+  theme: p,
+  className: u,
+  disabled: n
+}) => {
+  const d = x(
+    e[v],
+    p && b(p),
+    e[`${i}${m}`],
+    n && e[`${i}disabled`],
+    u
+  ), { ctxFileItems: r, ctxDismissFile: s } = N(U) ?? {}, C = c(() => typeof a == "function" ? r == null ? void 0 : r.map(
+    (o) => a(o, () => s == null ? void 0 : s(o))
+  ) : typeof a > "u" ? r == null ? void 0 : r.map((o) => /* @__PURE__ */ t(
+    f,
+    {
+      fileName: o.fileName,
+      fileSize: o.fileSize,
+      error: o.error,
+      thumbnail: o.thumbnail,
+      state: o.state,
+      progress: o.progress,
+      onDismiss: () => s == null ? void 0 : s(o)
+    },
+    o.id
+  )) : a, [a, s, r]);
+  return /* @__PURE__ */ t("div", { className: d, children: /* @__PURE__ */ t(
+    g,
+    {
+      value: { ctxThumbnail: l, ctxSize: m, ctxDisabled: n },
+      children: C
+    }
+  ) });
+}, M = y;
+M.Item = f;
+export {
+  y as FileUploadListComponent,
+  M as default
+};

package/lib/FileUpload/FileUpload.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),e=require("react"),Ce=require("../../chunks/constants.hwjHOsvT.js"),N=require("./FileUpload.List.cjs.js"),Q=require("./FileUpload.Button.cjs.js"),j=require("./FileUpload.Dropzone.cjs.js"),g=require("../../chunks/form.context.B1PXIJNq.js"),c=require("clsx"),l=require("../../chunks/fileUpload.module.CYse7_N5.js"),Ie=require("../../chunks/classNames.DAeKwerT.js"),ge=require("./FileUploadContext.cjs.js"),Re=require("../Form/contexts/helperText.context.cjs.js"),R=require("../Form/hooks/useAccessibleId.hook.cjs.js"),K=require("../../utils/children.cjs.js"),Me=require("../Form/hooks/useUniversalRef.hook.cjs.js"),Ne=require("../Form/contexts/label.context.cjs.js"),je=require("./helpers.cjs.js"),De=require("./useFileManagement.cjs.js"),{baseClassNamePrefix:Ee,subElementClassPrefix:M,classModifierPrefix:f}=Ie.getBEMClassNames("file-upload"),X=e.forwardRef(function({width:Y,error:o,theme:D,label:Z=null,fluid:ee=!1,helperText:E=null,validationRules:se=[],className:te,hideRequiredMarker:le=!1,disabled:ie=!1,readOnly:oe=!1,required:ne=!1,accept:x,multiple:k=!1,fileLimit:_,maxFileSize:F,onUpload:P,children:d,...re},ae){const{id:b,name:y,onChange:h,"aria-invalid":A,"aria-describedby":ce,...B}=re,{ctxDisabled:de,ctxReadOnly:ue,ctxRequired:pe,ctxRegister:fe}=e.useContext(g.FormContext),{id:O}=R.useAccessibleId(),{id:T}=R.useAccessibleId(),{id:$}=R.useAccessibleId(),{showErrors:me,setErrors:xe,isInvalid:_e,errorShown:Fe}=g.useFieldValidator(),H=!!(o!=null&&o.length),L=c(E&&T,H&&O,Fe&&$,ce),v=!!o||_e,t=ie||de,q=oe||ue,be=ne||pe;!t&&fe(y,se,xe);const ye=c(l.styles[Ee],D&&Ce.themeClassName(D),ee&&l.styles[`${f}fluid`],v&&l.styles[`${f}error`],t&&l.styles[`${f}disabled`],q&&l.styles[`${f}read-only`],te),{refFn:w,ref:u}=Me.useUniversalRef(ae),z=!!o,p=!!P,{filesState:n,addFiles:S,dismissFile:V}=De.useFileManagement({accept:x,fileLimit:_,maxFileSize:F,initialFileItemState:p?"uploading":"uploaded",onUpload:P}),U=e.useRef(h);e.useLayoutEffect(()=>{U.current=h},[h]);const W=e.useRef(p);e.useLayoutEffect(()=>{W.current=p},[p]),e.useEffect(()=>{if(!U.current||!u.current)return;const i=W.current,r=new DataTransfer;for(let a=0;a<n.files.length;a++)r.items.add(n.files[a]);u.current.value="",u.current.files=i?null:r.files;const C=je.createChangeEvent(r);U.current(C)},[u,n.files]);const G=e.useMemo(()=>K.extractChild(d,[j.FileUploadDropzoneComponent,Q.FileUploadButtonComponent]),[d]),he=e.useMemo(()=>{const i=G||s.jsx(j.FileUploadDropzoneComponent,{}),{name:r,readOnly:C,className:a,...Ue}=i.props,I=C??q;return e.cloneElement(i,{id:b,name:y??r,readOnly:I,"aria-readonly":I,"aria-describedby":L,"aria-disabled":t||I,"aria-invalid":v||A,disabled:t,error:z,className:c(l.styles[`${M}control`],a),...B,...Ue,ref:w})},[A,L,G,t,B,z,b,v,y,q,w]),J=e.useMemo(()=>K.extractChild(d,[N.default]),[d]),ve=e.useMemo(()=>{const i=J||s.jsx(N.default,{});return e.cloneElement(i,{className:c(l.styles[`${M}list`],i.props.className),disabled:t})},[J,t]),qe=e.useMemo(()=>({ctxAddFiles:S,ctxDismissFile:V,ctxAccept:x,ctxMultiple:k,ctxFileLimit:_,ctxMaxFileSize:F,ctxFileItems:n.fileItems}),[x,S,V,_,n.fileItems,F,k]);return s.jsx("div",{className:ye,style:{maxWidth:Y},children:s.jsxs(ge.FileUploadProvider,{value:qe,children:[s.jsxs("div",{className:c(l.styles[`${M}uploader`]),children:[s.jsx(Ne.LabelProvider,{ctxHtmlFor:b,ctxDisabled:t,ctxRequired:be&&!le,children:Z}),s.jsx("div",{children:he}),s.jsxs(Re.HelperTextProvider,{ctxId:T,ctxDisabled:t,children:[E,H&&s.jsx(g.HelperText,{id:O,appearance:"negative",children:o})]}),me($)]}),n.fileItems.length>0&&s.jsx("div",{children:ve})]})})}),m=X;m.List=N.default;m.Button=Q.FileUploadButtonComponent;m.Dropzone=j.FileUploadDropzoneComponent;exports.FileUploadComponent=X;exports.default=m;

package/lib/FileUpload/FileUpload.d.ts

@@ -0,0 +1,86 @@
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import { default as List } from './FileUpload.List';
+import { FileUploadButtonComponent } from './FileUpload.Button';
+import { FileUploadDropzoneComponent } from './FileUpload.Dropzone';
+import { FileActions } from '@viasat/beam-shared/components/fileUpload';
+import { default as React } from 'react';
+import { FormValidator } from '@viasat/beam-shared/components/form';
+export interface FileUploadProps extends React.ComponentPropsWithRef<'input'> {
+    /**
+     * Specify what types of files can be uploaded
+     */
+    accept?: string;
+    /**
+     * Specify Label for FileUpload
+     */
+    label?: React.ReactNode;
+    /**
+     * Specify HelperText for FileUpload
+     */
+    helperText?: React.ReactNode;
+    /**
+     * Specify error text and display error state of FileUpload
+     */
+    error?: string | boolean;
+    /**
+     * Specify if FileUpload is in disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify if more than one file can be can be uploaded
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Specify how many files can be uploaded
+     */
+    fileLimit?: number;
+    /**
+     * Specify the maximum file size that can be uploaded
+     */
+    maxFileSize?: number;
+    /**
+     * Specify if FileUpload is a required input
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Specify if FileUpload is in read-only state
+     */
+    readOnly?: boolean;
+    /**
+     * Specify if FileUpload displays with an asterisk
+     * @default false
+     */
+    hideRequiredMarker?: boolean;
+    /**
+     * Specify form validation rules for Select
+     */
+    validationRules?: Array<FormValidator>;
+    /**
+     * Specify if FileUpload is fluid
+     * @default false
+     */
+    fluid?: boolean;
+    /**
+     * Specify the width of FileUpload
+     */
+    width?: string;
+    /**
+     * Specify the callback function that is called when a file is uploaded. Setting this prop will make upload asynchronous
+     */
+    onUpload?: (file: File, actions: FileActions, abortSignal: AbortSignal) => void;
+    /**
+     * Specify the theme of the FileUpload. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+}
+export declare const FileUploadComponent: React.ForwardRefExoticComponent<Omit<FileUploadProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+type FileUploadType = typeof FileUploadComponent & {
+    List: typeof List;
+    Button: typeof FileUploadButtonComponent;
+    Dropzone: typeof FileUploadDropzoneComponent;
+};
+declare const FileUpload: FileUploadType;
+export default FileUpload;

package/lib/FileUpload/FileUpload.es.js

@@ -0,0 +1,186 @@
+import { jsx as r, jsxs as N } from "react/jsx-runtime";
+import E, { forwardRef as Ee, useLayoutEffect as Q, useEffect as Pe, useMemo as l, cloneElement as X } from "react";
+import { t as De } from "../../chunks/constants.BBi77pmH.js";
+import k from "./FileUpload.List.es.js";
+import { FileUploadButtonComponent as Z } from "./FileUpload.Button.es.js";
+import { FileUploadDropzoneComponent as M } from "./FileUpload.Dropzone.es.js";
+import { F as ke, u as Me, H as Oe } from "../../chunks/form.context.CNWjF5qA.js";
+import c from "clsx";
+import { s } from "../../chunks/fileUpload.module.Ck0Nfc4j.js";
+import { g as $e } from "../../chunks/classNames.DNsS4J__.js";
+import { FileUploadProvider as Ae } from "./FileUploadContext.es.js";
+import { HelperTextProvider as Be } from "../Form/contexts/helperText.context.es.js";
+import { useAccessibleId as P } from "../Form/hooks/useAccessibleId.hook.es.js";
+import { extractChild as Y } from "../../utils/children.es.js";
+import { useUniversalRef as Ue } from "../Form/hooks/useUniversalRef.hook.es.js";
+import { LabelProvider as _e } from "../Form/contexts/label.context.es.js";
+import { createChangeEvent as qe } from "./helpers.es.js";
+import { useFileManagement as we } from "./useFileManagement.es.js";
+const { baseClassNamePrefix: He, subElementClassPrefix: D, classModifierPrefix: p } = $e("file-upload"), Le = Ee(
+  function({
+    width: ee,
+    error: i,
+    theme: $,
+    label: se = null,
+    fluid: te = !1,
+    helperText: A = null,
+    validationRules: re = [],
+    className: ie,
+    hideRequiredMarker: ae = !1,
+    disabled: oe = !1,
+    readOnly: ne = !1,
+    required: le = !1,
+    accept: u,
+    multiple: B = !1,
+    fileLimit: x,
+    maxFileSize: v,
+    onUpload: U,
+    children: d,
+    ...ce
+  }, de) {
+    const {
+      id: y,
+      name: b,
+      onChange: F,
+      "aria-invalid": _,
+      "aria-describedby": me,
+      ...q
+    } = ce, { ctxDisabled: fe, ctxReadOnly: pe, ctxRequired: ue, ctxRegister: xe } = E.useContext(ke), { id: w } = P(), { id: H } = P(), { id: L } = P(), { showErrors: ve, setErrors: ye, isInvalid: be, errorShown: Fe } = Me(), T = !!(i != null && i.length), j = c(
+      A && H,
+      T && w,
+      Fe && L,
+      me
+    ), h = !!i || be, e = oe || fe, C = ne || pe, he = le || ue;
+    !e && xe(b, re, ye);
+    const Ce = c(
+      s[He],
+      $ && De($),
+      te && s[`${p}fluid`],
+      h && s[`${p}error`],
+      e && s[`${p}disabled`],
+      C && s[`${p}read-only`],
+      ie
+    ), { refFn: S, ref: m } = Ue(de), V = !!i, f = !!U, { filesState: a, addFiles: z, dismissFile: W } = we({
+      accept: u,
+      fileLimit: x,
+      maxFileSize: v,
+      initialFileItemState: f ? "uploading" : "uploaded",
+      onUpload: U
+    }), g = E.useRef(F);
+    Q(() => {
+      g.current = F;
+    }, [F]);
+    const G = E.useRef(f);
+    Q(() => {
+      G.current = f;
+    }, [f]), Pe(() => {
+      if (!g.current || !m.current)
+        return;
+      const t = G.current, o = new DataTransfer();
+      for (let n = 0; n < a.files.length; n++)
+        o.items.add(a.files[n]);
+      m.current.value = "", m.current.files = t ? null : o.files;
+      const I = qe(o);
+      g.current(I);
+    }, [m, a.files]);
+    const J = l(
+      () => Y(d, [
+        M,
+        Z
+      ]),
+      [d]
+    ), ge = l(() => {
+      const t = J || /* @__PURE__ */ r(M, {}), {
+        name: o,
+        readOnly: I,
+        className: n,
+        ...Ne
+      } = t.props, R = I ?? C;
+      return X(t, {
+        id: y,
+        name: b ?? o,
+        readOnly: R,
+        "aria-readonly": R,
+        "aria-describedby": j,
+        "aria-disabled": e || R,
+        "aria-invalid": h || _,
+        disabled: e,
+        error: V,
+        className: c(
+          s[`${D}control`],
+          n
+        ),
+        ...q,
+        ...Ne,
+        ref: S
+      });
+    }, [
+      _,
+      j,
+      J,
+      e,
+      q,
+      V,
+      y,
+      h,
+      b,
+      C,
+      S
+    ]), K = l(() => Y(d, [k]), [d]), Ie = l(() => {
+      const t = K || /* @__PURE__ */ r(k, {});
+      return X(t, {
+        className: c(
+          s[`${D}list`],
+          t.props.className
+        ),
+        disabled: e
+      });
+    }, [K, e]), Re = l(
+      () => ({
+        ctxAddFiles: z,
+        ctxDismissFile: W,
+        ctxAccept: u,
+        ctxMultiple: B,
+        ctxFileLimit: x,
+        ctxMaxFileSize: v,
+        ctxFileItems: a.fileItems
+      }),
+      [
+        u,
+        z,
+        W,
+        x,
+        a.fileItems,
+        v,
+        B
+      ]
+    );
+    return /* @__PURE__ */ r("div", { className: Ce, style: { maxWidth: ee }, children: /* @__PURE__ */ N(Ae, { value: Re, children: [
+      /* @__PURE__ */ N("div", { className: c(s[`${D}uploader`]), children: [
+        /* @__PURE__ */ r(
+          _e,
+          {
+            ctxHtmlFor: y,
+            ctxDisabled: e,
+            ctxRequired: he && !ae,
+            children: se
+          }
+        ),
+        /* @__PURE__ */ r("div", { children: ge }),
+        /* @__PURE__ */ N(Be, { ctxId: H, ctxDisabled: e, children: [
+          A,
+          T && /* @__PURE__ */ r(Oe, { id: w, appearance: "negative", children: i })
+        ] }),
+        ve(L)
+      ] }),
+      a.fileItems.length > 0 && /* @__PURE__ */ r("div", { children: Ie })
+    ] }) });
+  }
+), O = Le;
+O.List = k;
+O.Button = Z;
+O.Dropzone = M;
+export {
+  Le as FileUploadComponent,
+  O as default
+};

package/lib/FileUpload/FileUpload.reducer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(e,i){var n;switch(i.type){case"add":return{...e,fileItems:[...e.fileItems,...i.payload.map(({fileItem:l})=>l)],abortControllers:[...e.abortControllers,...i.payload.map(({abortController:l})=>l)],files:[...e.files,...i.payload.map(({file:l})=>l)],validFileCount:i.payload.reduce((l,{fileItem:r})=>r.state!=="error"?l+1:l,e.validFileCount)};case"remove":{const{payload:l}=i,r=e.fileItems.findIndex(o=>o.id===l.id);return r<0?e:((n=e.abortControllers[r])==null||n.abort(),{...e,fileItems:[...e.fileItems.slice(0,r),...e.fileItems.slice(r+1)],abortControllers:[...e.abortControllers.slice(0,r),...e.abortControllers.slice(r+1)],files:[...e.files.slice(0,r),...e.files.slice(r+1)],validFileCount:e.validFileCount-(l.state!=="error"?1:0)})}case"update":{const{fileItem:l,updates:r}=i.payload,o=e.fileItems.findIndex(u=>u.id===l.id);if(o<0)return e;const d=e.fileItems[o].state,s=r.state??d;let f=e.validFileCount;return d!=="error"&&s==="error"&&(f-=1),d==="error"&&s!=="error"&&(f+=1),{...e,fileItems:[...e.fileItems.slice(0,o),{...e.fileItems[o],...r},...e.fileItems.slice(o+1)],validFileCount:f}}default:return e}}exports.filesReducer=m;

package/lib/FileUpload/FileUpload.reducer.d.ts

@@ -0,0 +1,2 @@
+import { FilesAction, FilesState } from '@viasat/beam-shared/components/fileUpload';
+export declare function filesReducer(state: FilesState, action: FilesAction): FilesState;

package/lib/FileUpload/FileUpload.reducer.es.js

@@ -0,0 +1,59 @@
+function u(e, i) {
+  var n;
+  switch (i.type) {
+    case "add":
+      return {
+        ...e,
+        fileItems: [
+          ...e.fileItems,
+          ...i.payload.map(({ fileItem: l }) => l)
+        ],
+        abortControllers: [
+          ...e.abortControllers,
+          ...i.payload.map(({ abortController: l }) => l)
+        ],
+        files: [...e.files, ...i.payload.map(({ file: l }) => l)],
+        validFileCount: i.payload.reduce(
+          (l, { fileItem: r }) => r.state !== "error" ? l + 1 : l,
+          e.validFileCount
+        )
+      };
+    case "remove": {
+      const { payload: l } = i, r = e.fileItems.findIndex((o) => o.id === l.id);
+      return r < 0 ? e : ((n = e.abortControllers[r]) == null || n.abort(), {
+        ...e,
+        fileItems: [
+          ...e.fileItems.slice(0, r),
+          ...e.fileItems.slice(r + 1)
+        ],
+        abortControllers: [
+          ...e.abortControllers.slice(0, r),
+          ...e.abortControllers.slice(r + 1)
+        ],
+        files: [...e.files.slice(0, r), ...e.files.slice(r + 1)],
+        validFileCount: e.validFileCount - (l.state !== "error" ? 1 : 0)
+      });
+    }
+    case "update": {
+      const { fileItem: l, updates: r } = i.payload, o = e.fileItems.findIndex((m) => m.id === l.id);
+      if (o < 0)
+        return e;
+      const d = e.fileItems[o].state, s = r.state ?? d;
+      let f = e.validFileCount;
+      return d !== "error" && s === "error" && (f -= 1), d === "error" && s !== "error" && (f += 1), {
+        ...e,
+        fileItems: [
+          ...e.fileItems.slice(0, o),
+          { ...e.fileItems[o], ...r },
+          ...e.fileItems.slice(o + 1)
+        ],
+        validFileCount: f
+      };
+    }
+    default:
+      return e;
+  }
+}
+export {
+  u as filesReducer
+};

package/lib/FileUpload/FileUploadContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=o.createContext({}),t=e.Provider;exports.FileUploadContext=e;exports.FileUploadProvider=t;

package/lib/FileUpload/FileUploadContext.d.ts

@@ -0,0 +1,3 @@
+import { FileUploadContextValue } from '@viasat/beam-shared/components/fileUpload';
+export declare const FileUploadContext: import('react').Context<FileUploadContextValue>;
+export declare const FileUploadProvider: import('react').Provider<FileUploadContextValue>;

package/lib/FileUpload/FileUploadContext.es.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const e = o({}), r = e.Provider;
+export {
+  e as FileUploadContext,
+  r as FileUploadProvider
+};

package/lib/FileUpload/FileUploadListContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext({}),o=e.Provider;exports.FileUploadListContext=e;exports.FileUploadListProvider=o;

package/lib/FileUpload/FileUploadListContext.d.ts

@@ -0,0 +1,3 @@
+import { FileUploadListContextValue } from '@viasat/beam-shared/components/fileUpload';
+export declare const FileUploadListContext: import('react').Context<FileUploadListContextValue>;
+export declare const FileUploadListProvider: import('react').Provider<FileUploadListContextValue>;

package/lib/FileUpload/FileUploadListContext.es.js

@@ -0,0 +1,6 @@
+import { createContext as o } from "react";
+const t = o({}), r = t.Provider;
+export {
+  t as FileUploadListContext,
+  r as FileUploadListProvider
+};

package/lib/FileUpload/helpers.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=r=>{const e=new Event("change",{bubbles:!0});Object.defineProperty(e,"target",{writable:!1,value:{files:r.files}});let t=!1,a=!1;return{nativeEvent:e,currentTarget:e.currentTarget,target:e.target,bubbles:e.bubbles,cancelable:e.cancelable,defaultPrevented:e.defaultPrevented,eventPhase:e.eventPhase,isTrusted:e.isTrusted,preventDefault:()=>{t=!0,e.preventDefault()},isDefaultPrevented:()=>t,stopPropagation:()=>{a=!0,e.stopPropagation()},isPropagationStopped:()=>a,persist:()=>{},timeStamp:e.timeStamp,type:e.type}};exports.createChangeEvent=n;

package/lib/FileUpload/helpers.d.ts

@@ -0,0 +1 @@
+export declare const createChangeEvent: (dataTransfer: DataTransfer) => React.ChangeEvent<HTMLInputElement>;

package/lib/FileUpload/helpers.es.js

@@ -0,0 +1,36 @@
+const n = (r) => {
+  const e = new Event("change", { bubbles: !0 });
+  Object.defineProperty(e, "target", {
+    writable: !1,
+    value: {
+      files: r.files
+    }
+  });
+  let t = !1, a = !1;
+  return {
+    nativeEvent: e,
+    currentTarget: e.currentTarget,
+    target: e.target,
+    bubbles: e.bubbles,
+    cancelable: e.cancelable,
+    defaultPrevented: e.defaultPrevented,
+    eventPhase: e.eventPhase,
+    isTrusted: e.isTrusted,
+    preventDefault: () => {
+      t = !0, e.preventDefault();
+    },
+    isDefaultPrevented: () => t,
+    stopPropagation: () => {
+      a = !0, e.stopPropagation();
+    },
+    isPropagationStopped: () => a,
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    persist: () => {
+    },
+    timeStamp: e.timeStamp,
+    type: e.type
+  };
+};
+export {
+  n as createChangeEvent
+};

package/lib/FileUpload/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileUpload.cjs.js");exports.FileUpload=e.default;

package/lib/FileUpload/index.d.ts

@@ -0,0 +1,2 @@
+import { default as FileUpload } from './FileUpload';
+export { FileUpload };

package/lib/FileUpload/index.es.js

@@ -0,0 +1,4 @@
+import { default as l } from "./FileUpload.es.js";
+export {
+  l as FileUpload
+};

package/lib/FileUpload/useFileManagement.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react");require("../../chunks/constants.hwjHOsvT.js");var h=function(e,r){if(e&&r){var o=Array.isArray(r)?r:r.split(",");if(o.length===0)return!0;var a=e.name||"",t=(e.type||"").toLowerCase(),n=t.replace(/\/.*$/,"");return o.some(function(d){var i=d.trim().toLowerCase();return i.charAt(0)==="."?a.toLowerCase().endsWith(i):i.endsWith("/*")?n===i.replace(/\/.*$/,""):t===i})}return!0};const y={fileItems:[],abortControllers:[],files:[],shouldAddToFormData:[],validFileCount:0};function C(e){return e<6?`${e} B`:e<1048576/2?`${(e/1024).toFixed(2)} KB`:e<1073741824/2?`${(e/1048576).toFixed(2)} MB`:e<1099511627776/2?`${(e/1073741824).toFixed(2)} GB`:`${(e/1099511627776/2).toFixed(2)} TB`}const F=(e,r,{accept:o,fileLimit:a,maxFileSize:t})=>{if(o&&!h(e,o))return"Incorrect file type";if(a&&r>=a)return"Attachment limit reached";if(t&&e.size>t)return"File size exceeds limit"},I=(e,{state:r,error:o})=>({id:URL.createObjectURL(e),fileName:e.name,fileSize:C(e.size),state:r??"uploaded",progress:0,error:o}),T=(e,r)=>{const o=new Image;o.src=URL.createObjectURL(e),o.onload=()=>{const a=document.createElement("canvas"),t=a.getContext("2d");t&&(a.width=o.width,a.height=o.height,t.drawImage(o,0,0),r(a.toDataURL("image/jpeg")))}},b=e=>URL.createObjectURL(e),w=(e,r)=>{const o=document.createElement("video"),a=document.createElement("source"),t=document.createElement("canvas"),n=t.getContext("2d");if(!n)return;o.crossOrigin="anonymous",o.preload="metadata",o.appendChild(a),a.src=URL.createObjectURL(e),o.currentTime=0,o.load(),o.addEventListener("loadedmetadata",()=>{t.width=o.videoWidth,t.height=o.videoHeight});const d=()=>{n.drawImage(o,0,0,t.width,t.height),r(t.toDataURL("image/jpeg"))};if(typeof o.requestVideoFrameCallback<"u")o.requestVideoFrameCallback(d);else{const i=()=>{setTimeout(d,0),o.removeEventListener("seeked",i)};o.addEventListener("seeked",i)}},L=(e,r)=>{if(e.type==="image/gif")return T(e,r);if(e.type.startsWith("image/"))return b(e);if(e.type.startsWith("video/"))return w(e,r)};function R(e,r){r({type:"remove",payload:e})}function A(e,r,o,a,t,n,d,i){if(!e)return;let s=o;const u=Array.from(e).map(m=>{const f=F(m,s,{accept:a,fileLimit:t,maxFileSize:n}),l=I(m,{error:f,state:f?"error":d??"uploaded"}),g=new AbortController;l.thumbnail=L(m,c=>{r({type:"update",payload:{fileItem:l,updates:{thumbnail:c}}})});let p=!f;return f||(s++,i?p=(i==null?void 0:i(m,{progress(c){r({type:"update",payload:{fileItem:l,updates:{state:"uploading",progress:c}}})},success(){r({type:"update",payload:{fileItem:l,updates:{state:"success"}}}),setTimeout(()=>{r({type:"update",payload:{fileItem:l,updates:{state:"uploaded"}}})},3e3)},error(c){r({type:"update",payload:{fileItem:l,updates:{state:"error",error:c}}})},dismiss(){r({type:"remove",payload:l})}},g.signal))??!1:p=!0),{file:m,fileItem:l,abortController:g,shouldAddToFormData:p}});r({type:"add",payload:u})}function x(e,r){var o;switch(r.type){case"add":return{fileItems:[...e.fileItems,...r.payload.map(({fileItem:a})=>a)],abortControllers:[...e.abortControllers,...r.payload.map(({abortController:a})=>a)],files:[...e.files,...r.payload.map(({file:a})=>a)],shouldAddToFormData:[...e.shouldAddToFormData,...r.payload.map(({shouldAddToFormData:a})=>a)],validFileCount:r.payload.reduce((a,{fileItem:t})=>t.state!=="error"?a+1:a,e.validFileCount)};case"remove":{const{payload:a}=r,t=e.fileItems.findIndex(n=>n.id===a.id);return t<0?e:((o=e.abortControllers[t])==null||o.abort(),{fileItems:[...e.fileItems.slice(0,t),...e.fileItems.slice(t+1)],abortControllers:[...e.abortControllers.slice(0,t),...e.abortControllers.slice(t+1)],files:[...e.files.slice(0,t),...e.files.slice(t+1)],shouldAddToFormData:[...e.shouldAddToFormData.slice(0,t),...e.shouldAddToFormData.slice(t+1)],validFileCount:e.validFileCount-(a.state!=="error"?1:0)})}case"update":{const{fileItem:a,updates:t}=r.payload,n=e.fileItems.findIndex(u=>u.id===a.id);if(n<0)return e;const d=e.fileItems[n].state,i=t.state??d;let s=e.validFileCount;return d!=="error"&&i==="error"&&(s-=1),d==="error"&&i!=="error"&&(s+=1),{...e,fileItems:[...e.fileItems.slice(0,n),{...e.fileItems[n],...t},...e.fileItems.slice(n+1)],validFileCount:s}}default:return e}}const D=({accept:e,fileLimit:r,maxFileSize:o,initialFileItemState:a,onUpload:t})=>{const[n,d]=v.useReducer(x,y),i=v.useCallback(u=>{R(u,d)},[]),s=v.useCallback(u=>A(u,d,n.validFileCount,e,r,o,a,t),[e,r,n.validFileCount,o,t,a]);return{filesState:n,addFiles:s,dismissFile:i}};exports.useFileManagement=D;

package/lib/FileUpload/useFileManagement.d.ts

@@ -0,0 +1,14 @@
+import { FileActions, FileItem, FileUploadListItemState } from '@viasat/beam-shared/components/fileUpload';
+interface FileManagementOptions {
+    accept?: string;
+    fileLimit?: number;
+    maxFileSize?: number;
+    initialFileItemState?: FileUploadListItemState;
+    onUpload?: (file: File, actions: FileActions, signal: AbortSignal) => void;
+}
+export declare const useFileManagement: ({ accept, fileLimit, maxFileSize, initialFileItemState, onUpload, }: FileManagementOptions) => {
+    filesState: import('@viasat/beam-shared/components/fileUpload').FilesState;
+    addFiles: (files: FileList | null) => void;
+    dismissFile: (file: FileItem) => void;
+};
+export {};