@box/unified-share-modal 1.27.0 → 1.28.1

package/dist/esm/lib/components/unified-share-form-modal/unified-share-form-modal.js

@@ -1,21 +1,21 @@
-import y from "clsx";
-import { useState as g, useCallback as w } from "react";
-import { useIntl as N } from "react-intl";
-import { Modal as o, Status as U, LoadingIndicator as I } from "@box/blueprint-web";
-import { Shield as P } from "@box/blueprint-web-assets/icons/Line";
-import { UnifiedShareForm as v } from "./unified-share-form.js";
+import w from "clsx";
+import { useState as g, useCallback as N } from "react";
+import { useIntl as U } from "react-intl";
+import { Modal as o, Status as I, LoadingIndicator as P } from "@box/blueprint-web";
+import { Shield as v } from "@box/blueprint-web-assets/icons/Line";
+import { UnifiedShareForm as D } from "./unified-share-form.js";
 import l from "./messages.js";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { UnifiedShareFormProvider as D } from "../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as O } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/unified-share-form-modal.css';const V = "_content_1tnt5_1", j = "_header_1tnt5_5", z = "_body_1tnt5_12", B = "_hasFooter_1tnt5_23", L = "_loading_1tnt5_27", t = {
-  content: V,
-  header: j,
-  body: z,
-  hasFooter: B,
-  loading: L
+import { UnifiedShareFormProvider as O } from "../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as V } from "../../contexts/unified-share-modal-context.js";
+import '../../../../styles/unified-share-form-modal.css';const j = "_content_1tnt5_1", z = "_header_1tnt5_5", B = "_body_1tnt5_12", L = "_hasFooter_1tnt5_23", R = "_loading_1tnt5_27", t = {
+  content: j,
+  header: z,
+  body: B,
+  hasFooter: L,
+  loading: R
 };
-function Q({
+function W({
   children: d,
   isOpen: p,
   onOpenChange: a,
@@ -23,52 +23,54 @@ function Q({
 }) {
   const {
     formatMessage: r
-  } = N(), {
-    isFetching: _,
+  } = U(), {
+    initialContacts: _,
+    isFetching: C,
     item: F
-  } = O(), {
+  } = V(), {
     classification: i,
     name: S
-  } = F, [b, C] = g(null), [c, m] = g("default"), x = !!d, h = c !== "default", f = w((s) => {
+  } = F, [b, x] = g(null), [c, m] = g("default"), M = !!d, h = c !== "default", f = N((s) => {
     m("default"), a && a(s);
-  }, [a]), M = (s) => {
+  }, [a]), y = (s) => {
     s.preventDefault();
   };
   return /* @__PURE__ */ n(o, {
     onOpenChange: f,
     open: p,
-    children: [x && /* @__PURE__ */ e(o.Trigger, {
+    children: [M && /* @__PURE__ */ e(o.Trigger, {
       children: d
     }), /* @__PURE__ */ n(o.Content, {
-      ref: C,
+      ref: x,
       className: t.content,
-      onPointerDownOutside: M,
+      onPointerDownOutside: y,
       size: "medium",
       children: [/* @__PURE__ */ n(o.Header, {
         className: t.header,
         children: [r(l.title, {
           itemName: S
-        }), i && /* @__PURE__ */ e(U, {
+        }), i && /* @__PURE__ */ e(I, {
           colorIndex: i.colorId + 1,
-          icon: P,
+          icon: v,
           iconPosition: "left",
           text: i.name.toUpperCase()
         })]
       }), /* @__PURE__ */ e(o.Body, {
-        className: y(t.body, h && t.hasFooter),
-        children: /* @__PURE__ */ n(D, {
+        className: w(t.body, h && t.hasFooter),
+        children: /* @__PURE__ */ n(O, {
           container: b,
+          initialContacts: _,
           onModalOpenChange: f,
           onModalViewChange: u,
           onShareViewChange: m,
           shareView: c,
-          children: [_ && /* @__PURE__ */ e("div", {
+          children: [C && /* @__PURE__ */ e("div", {
             className: t.loading,
-            children: /* @__PURE__ */ e(I, {
+            children: /* @__PURE__ */ e(P, {
               "aria-label": r(l.loadingLabel),
               size: "large"
             })
-          }), /* @__PURE__ */ e(v, {})]
+          }), /* @__PURE__ */ e(D, {})]
         })
       }), !h && /* @__PURE__ */ e(o.Close, {
         "aria-label": r(l.closeButton)
@@ -77,5 +79,5 @@ function Q({
   });
 }
 export {
-  Q as UnifiedShareFormModal
+  W as UnifiedShareFormModal
 };

package/dist/esm/lib/contexts/unified-share-form-context.js

@@ -1,19 +1,20 @@
-import { createContext as F, useContext as S, useState as e, useMemo as v } from "react";
-import { jsx as b } from "react/jsx-runtime";
-const l = /* @__PURE__ */ F({}), p = () => {
-  const t = S(l);
+import { createContext as S, useContext as v, useState as e, useMemo as b } from "react";
+import { jsx as P } from "react/jsx-runtime";
+const l = /* @__PURE__ */ S({}), R = () => {
+  const t = v(l);
   if (!t)
     throw new Error("useUnifiedShareFormContext must be used with UnifiedShareFormProvider");
   return t;
-}, R = ({
+}, V = ({
   children: t,
   container: o,
+  initialContacts: x,
   onModalOpenChange: r,
   onModalViewChange: s,
   onShareViewChange: n,
   shareView: c
 }) => {
-  const [u, x] = e([]), [a, f] = e(""), [i, d] = e(""), [m, C] = e(), U = v(() => ({
+  const [u, f] = e(x), [a, d] = e(""), [i, C] = e(""), [m, U] = e(), F = b(() => ({
     collaborationRole: m,
     contactValue: a,
     container: o,
@@ -21,20 +22,20 @@ const l = /* @__PURE__ */ F({}), p = () => {
     onModalOpenChange: r,
     onModalViewChange: s,
     onShareViewChange: n,
-    setCollaborationRole: C,
-    setContactValue: f,
-    setMessageValue: d,
-    setUserContacts: x,
+    setCollaborationRole: U,
+    setContactValue: d,
+    setMessageValue: C,
+    setUserContacts: f,
     shareView: c,
     userContacts: u
   }), [m, a, o, i, r, s, n, c, u]);
-  return /* @__PURE__ */ b(l.Provider, {
-    value: U,
+  return /* @__PURE__ */ P(l.Provider, {
+    value: F,
     children: t
   });
 };
 export {
   l as UnifiedShareFormContext,
-  R as UnifiedShareFormProvider,
-  p as useUnifiedShareFormContext
+  V as UnifiedShareFormProvider,
+  R as useUnifiedShareFormContext
 };

package/dist/esm/lib/unified-share-modal.js

@@ -1,12 +1,12 @@
-import { useState as i, useEffect as b, useMemo as L } from "react";
-import { DEFAULT_CONFIGURATION as R } from "./constants.js";
-import { jsxs as T, jsx as s } from "react/jsx-runtime";
-import { UnifiedShareModalContext as j } from "./contexts/unified-share-modal-context.js";
-import { UnifiedShareFormModal as A } from "./components/unified-share-form-modal/unified-share-form-modal.js";
-import { SharedLinkSettingsModal as E } from "./components/shared-link-settings-modal/shared-link-settings-modal.js";
-import { RemoveSharedLinkModal as N } from "./components/remove-shared-link-modal/remove-shared-link-modal.js";
-import { RemoveCollaboratorModal as y } from "./components/remove-collaborator-modal/remove-collaborator-modal.js";
-function J({
+import { useState as i, useEffect as k, useMemo as R } from "react";
+import { DEFAULT_CONFIGURATION as T } from "./constants.js";
+import { jsxs as j, jsx as s } from "react/jsx-runtime";
+import { UnifiedShareModalContext as A } from "./contexts/unified-share-modal-context.js";
+import { UnifiedShareFormModal as E } from "./components/unified-share-form-modal/unified-share-form-modal.js";
+import { SharedLinkSettingsModal as N } from "./components/shared-link-settings-modal/shared-link-settings-modal.js";
+import { RemoveSharedLinkModal as y } from "./components/remove-shared-link-modal/remove-shared-link-modal.js";
+import { RemoveCollaboratorModal as D } from "./components/remove-collaborator-modal/remove-collaborator-modal.js";
+function K({
   children: m,
   collaborationRoles: f,
   collaborators: l,
@@ -14,58 +14,60 @@ function J({
   contactService: h,
   currentUser: p,
   eventService: c,
-  isFetching: u,
+  initialContacts: u,
+  isFetching: g,
   isOpen: o,
-  isSubmitting: g,
-  item: C,
+  isSubmitting: C,
+  item: M,
   onLoad: t,
-  onOpenChange: M,
-  sharedLink: O,
-  sharingService: U
+  onOpenChange: O,
+  sharedLink: U,
+  sharingService: v
 }) {
-  const k = !!m, [e, v] = i(o ?? !k), [S, w] = i(!!t), [r, a] = i("unified-share-form"), [x, I] = i();
-  b(() => v((n) => o ?? n), [o]), b(() => {
-    (async () => (t && await t(), w(!1)))();
+  const w = !!m, [e, S] = i(o ?? !w), [x, I] = i(!!t), [r, a] = i("unified-share-form"), [b, V] = i();
+  k(() => S((n) => o ?? n), [o]), k(() => {
+    (async () => (t && await t(), I(!1)))();
   }, []);
-  const V = (n) => {
-    v(o ?? n), M && M(n);
-  }, F = L(() => ({
+  const F = (n) => {
+    S(o ?? n), O && O(n);
+  }, L = R(() => ({
     collaborationRoles: f ?? [],
-    collaborator: x ?? {},
+    collaborator: b ?? {},
     collaborators: l ?? [],
     config: {
-      ...R,
+      ...T,
       ...d
     },
     contactService: h ?? {},
     currentUser: p ?? {},
     eventService: c ?? {},
-    isFetching: u ?? S,
-    isSubmitting: g,
-    item: C,
-    setCollaborator: I,
-    sharedLink: O ?? {},
-    sharingService: U ?? {}
-  }), [f, x, l, d, h, p, c, u, S, g, C, O, U]);
-  return /* @__PURE__ */ T(j.Provider, {
-    value: F,
-    children: [/* @__PURE__ */ s(A, {
+    initialContacts: u ?? [],
+    isFetching: g ?? x,
+    isSubmitting: C,
+    item: M,
+    setCollaborator: V,
+    sharedLink: U ?? {},
+    sharingService: v ?? {}
+  }), [f, b, l, d, h, p, c, u, g, x, C, M, U, v]);
+  return /* @__PURE__ */ j(A.Provider, {
+    value: L,
+    children: [/* @__PURE__ */ s(E, {
       isOpen: e && r === "unified-share-form",
       onModalViewChange: a,
-      onOpenChange: V,
+      onOpenChange: F,
       children: m
-    }), /* @__PURE__ */ s(E, {
+    }), /* @__PURE__ */ s(N, {
       isOpen: e && r === "shared-link-settings",
       onOpenChange: () => a("unified-share-form")
-    }), /* @__PURE__ */ s(N, {
+    }), /* @__PURE__ */ s(y, {
       isOpen: e && r === "remove-shared-link",
       onOpenChange: () => a("unified-share-form")
-    }), /* @__PURE__ */ s(y, {
+    }), /* @__PURE__ */ s(D, {
       isOpen: e && r === "remove-collaborator",
       onOpenChange: () => a("unified-share-form")
     })]
   });
 }
 export {
-  J as UnifiedShareModal
+  K as UnifiedShareModal
 };

package/dist/types/lib/contexts/unified-share-form-context.d.ts

@@ -16,10 +16,11 @@ export declare const useUnifiedShareFormContext: () => UnifiedShareFormContextVa
 interface UnifiedShareFormProviderProps {
     children: ReactNode;
     container?: HTMLDivElement | null;
+    initialContacts?: UserContactType[];
     onModalOpenChange?: (open: boolean) => void;
     onModalViewChange?: (view: ModalViewType) => void;
     onShareViewChange?: (view: ShareViewType) => void;
     shareView?: ShareViewType;
 }
-export declare const UnifiedShareFormProvider: ({ children, container, onModalOpenChange, onModalViewChange, onShareViewChange, shareView, }: UnifiedShareFormProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnifiedShareFormProvider: ({ children, container, initialContacts, onModalOpenChange, onModalViewChange, onShareViewChange, shareView, }: UnifiedShareFormProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/lib/contexts/unified-share-modal-context.d.ts

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
+import { UserContactType } from '@box/user-selector';
 import { CollaborationRole, Collaborator, Configuration, ContactService, EventService, Item, SharedLink, SharingService, User } from '../types';
 export interface UnifiedShareModalContextValue {
     collaborationRoles?: CollaborationRole[];
@@ -8,6 +9,7 @@ export interface UnifiedShareModalContextValue {
     contactService?: ContactService;
     currentUser?: Partial<User>;
     eventService?: EventService;
+    initialContacts?: UserContactType[];
     isFetching?: boolean;
     isSubmitting?: boolean;
     item?: Item;

package/dist/types/lib/unified-share-modal.d.ts

@@ -1,4 +1,5 @@
 import { ReactElement } from 'react';
+import { UserContactType } from '@box/user-selector';
 import { CollaborationRole, Collaborator, Configuration, ContactService, EventService, Item, SharedLink, SharingService, User } from './types';
 export interface UnifiedShareModalProps {
     children?: ReactElement;
@@ -8,6 +9,7 @@ export interface UnifiedShareModalProps {
     contactService?: ContactService;
     currentUser?: User;
     eventService?: EventService;
+    initialContacts?: UserContactType[];
     isFetching?: boolean;
     isOpen?: boolean;
     isSubmitting?: boolean;
@@ -17,4 +19,4 @@ export interface UnifiedShareModalProps {
     sharedLink?: SharedLink;
     sharingService?: SharingService;
 }
-export declare function UnifiedShareModal({ children, collaborationRoles, collaborators, config, contactService, currentUser, eventService, isFetching, isOpen, isSubmitting, item, onLoad, onOpenChange, sharedLink, sharingService, }: UnifiedShareModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnifiedShareModal({ children, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, isFetching, isOpen, isSubmitting, item, onLoad, onOpenChange, sharedLink, sharingService, }: UnifiedShareModalProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.27.0",
+    "version": "1.28.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^12.108.2",
-        "@box/blueprint-web-assets": "^4.89.1",
-        "@box/copy-input": "^1.20.0",
-        "@box/user-selector": "^1.52.0",
+        "@box/blueprint-web": "^12.108.3",
+        "@box/blueprint-web-assets": "^4.89.2",
+        "@box/copy-input": "^1.20.1",
+        "@box/user-selector": "^1.52.1",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.108.2",
-        "@box/blueprint-web-assets": "^4.89.1",
-        "@box/copy-input": "^1.20.0",
-        "@box/storybook-utils": "0.14.35",
+        "@box/blueprint-web": "^12.108.3",
+        "@box/blueprint-web-assets": "^4.89.2",
+        "@box/copy-input": "^1.20.1",
+        "@box/storybook-utils": "0.14.36",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"
     },