@box/unified-share-modal 1.33.0 → 1.35.0

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

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

package/dist/styles/collaboration-role.css

@@ -1 +1 @@
-._container_xvspw_1{align-self:flex-start;margin-top:var(--space-3)}._container_xvspw_1._overrides_xvspw_5{min-height:unset;font-weight:var(--body-default-font-weight)}._focusable_xvspw_10{justify-self:flex-start}
+._container_1fonq_1{align-self:flex-start}._container_1fonq_1._overrides_1fonq_4{min-height:unset;font-weight:var(--body-default-font-weight)}._focusable_1fonq_9{justify-self:flex-start}

package/dist/styles/collaboration-section.css

@@ -1 +1 @@
-._container_1ixpu_2{display:flex;flex-direction:column;gap:var(--space-4)}._label_1ixpu_8{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);display:block;margin-block-end:var(--space-2);padding:var(--space-1) 0;color:var(--text-text-on-light);overflow-wrap:break-word}._securityIndicator_1ixpu_23>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}
+._container_wmqot_2{display:flex;flex-direction:column;gap:var(--space-4)}._label_wmqot_8{font-weight:var(--body-default-bold-font-weight);font-size:var(--body-default-bold-font-size);font-family:var(--body-default-bold-font-family);line-height:var(--body-default-bold-line-height);letter-spacing:var(--body-default-bold-letter-spacing);text-transform:var(--body-default-bold-text-case);text-decoration:var(--body-default-bold-text-decoration);display:block;margin-block-end:var(--space-2);padding:var(--space-1) 0;color:var(--text-text-on-light);overflow-wrap:break-word}._securityIndicator_wmqot_23>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}._collaborationAccessContainer_wmqot_29{display:flex;gap:var(--space-2);margin-top:var(--space-3)}

package/dist/styles/shared-link-section.css

@@ -1 +1 @@
-._container_1w9vi_1{display:flex;flex-direction:column;gap:var(--space-3)}._toggle_1w9vi_7{display:flex;gap:var(--space-2);align-items:center}._settings_1w9vi_13{margin-left:auto;cursor:pointer}._settings_1w9vi_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_1w9vi_22{display:flex;gap:var(--space-2)}._copy_1w9vi_22>div:first-child{flex-grow:1}._access_1w9vi_30{display:flex;flex-wrap:wrap;gap:var(--space-6)}._securityIndicator_1w9vi_36>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}
+._container_1b8qy_1{display:flex;flex-direction:column;gap:var(--space-3)}._toggle_1b8qy_7{display:flex;gap:var(--space-2);align-items:center}._settings_1b8qy_13{margin-left:auto;cursor:pointer}._settings_1b8qy_13[aria-disabled=true]{opacity:.3;pointer-events:none}._copy_1b8qy_22{display:flex;gap:var(--space-2)}._copy_1b8qy_22>div:first-child{flex-grow:1}._access_1b8qy_30{display:flex;flex-wrap:wrap;gap:var(--space-2)}._securityIndicator_1b8qy_36>svg{display:inline-block;margin-bottom:-3px;padding-right:var(--space-1)}

package/dist/styles/shared-link-settings-modal.css

@@ -1 +1 @@
-._content_1wiic_1._content_1wiic_1{max-width:480px}._body_1wiic_5._body_1wiic_5{display:flex;flex-direction:column;gap:var(--space-4);padding-top:0;padding-bottom:0}
+._content_1r0kk_1._content_1r0kk_1{max-width:480px}._body_1r0kk_5._body_1r0kk_5{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding-top:0;padding-bottom:0}._body_1r0kk_5._body_1r0kk_5[inert]{min-height:200px}._loading_1r0kk_17{position:absolute;inset:0;z-index:1;display:flex;align-items:center;padding-bottom:var(--space-8);background-color:var(--gray-white)}

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

@@ -2,6 +2,7 @@ import { Dispatch, ReactElement, SetStateAction } from 'react';
 import { UserContactType } from '@box/user-selector';
 import { CollaborationRole, Collaborator, Configuration, ContactService, EventService, Item, SharedLink, SharingService, User } from '../types';
 export interface UnifiedShareModalContextValue {
+    collaborationAccess?: ReactElement;
     collaborationNotices?: ReactElement | ReactElement[];
     collaborationRoles?: CollaborationRole[];
     collaborator?: Partial<Collaborator>;

package/dist/types/lib/types.d.ts

@@ -334,14 +334,20 @@ export interface CollaborationRole {
     label?: string;
 }
 export interface EventService {
+    /**
+     * Function to customize the click behavior of the "Shared with ..." list of avatars.
+     *
+     * If provided, the default behavior is disabled and the list of collaborators will not be rendered.
+     *
+     * Used to enhance the experience for managing collaborators such as opening the Collaborators Modal.
+     */
     onCollaboratorsClick?: () => void;
     /**
-     * Custom handler to replace the default "Manage All" link behavior.
+     * Function to customize the click behavior of the "Manage All" link.
      *
-     * When provided, prevents the default navigation and calls this handler instead.
-     * Useful for opening a CollaboratorsModal or custom dialog without leaving the page.
+     * If provided, the default behavior is disabled and the link will be rendered as a button.
      *
-     * Use this when you want to override the default navigation behavior.
+     * Used to enhance the experience for managing collaborators or override the default navigation behavior.
      */
     onCollaboratorsManagementClick?: () => void;
     /**
@@ -350,8 +356,21 @@ export interface EventService {
      * This is usually used for data tracking purposes.
      */
     onRestrictedUsersRemoveClick?: (contacts: UserContactType[]) => void;
+    /**
+     * Function to customize the click behavior of the "Link Settings" link.
+     *
+     * NOTE: This has not been implemented.
+     */
     onSharedLinkSettingsClick?: () => void;
+    /**
+     * Function to observe when the user closes the view for the shared link settings.
+     */
     onSharedLinkSettingsClose?: () => void;
+    /**
+     * Function to allow the consumer to fetch data for the shared link settings.
+     *
+     * Called when the user opens the view for the shared link settings.
+     */
     onSharedLinkSettingsLoad?: () => void;
 }
 export interface ContactService {

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

@@ -3,6 +3,7 @@ import { UserContactType } from '@box/user-selector';
 import { CollaborationRole, Collaborator, Configuration, ContactService, EventService, Item, SharedLink, SharingService, User } from './types';
 export interface UnifiedShareModalProps {
     children?: ReactElement;
+    collaborationAccess?: ReactElement;
     collaborationNotices?: ReactElement | ReactElement[];
     collaborationRoles?: CollaborationRole[];
     collaborators?: Collaborator[];
@@ -20,4 +21,4 @@ export interface UnifiedShareModalProps {
     sharedLink?: SharedLink;
     sharingService?: SharingService;
 }
-export declare function UnifiedShareModal({ children, collaborationNotices, collaborationRoles, collaborators, config, contactService, currentUser, eventService, initialContacts, isFetching, isOpen, isSubmitting, item, onLoad, onOpenChange, sharedLink, sharingService, }: UnifiedShareModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function UnifiedShareModal({ children, collaborationAccess, collaborationNotices, 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,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.33.0",
+    "version": "1.35.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.112.0",