@box/unified-share-modal 1.24.1 → 1.25.1

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

@@ -1,85 +1,88 @@
-import { createPortal as _ } from "react-dom";
+import { createPortal as C } from "react-dom";
 import { useIntl as p } from "react-intl";
-import { Link as j, Table as v, TableHeader as k, Column as d, TableBody as x, Modal as t } from "@box/blueprint-web";
-import { CollaboratorListItem as y } from "./collaborator-list-item.js";
+import { TextButton as B, Link as k, Table as v, TableHeader as x, Column as c, TableBody as A, Modal as l } from "@box/blueprint-web";
+import { CollaboratorListItem as F } from "./collaborator-list-item.js";
 import r from "./messages.js";
-import { jsxs as a, jsx as e, Fragment as F } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as L } from "../../../contexts/unified-share-modal-context.js";
+import { jsxs as t, jsx as e, Fragment as L } from "react/jsx-runtime";
+import { useUnifiedShareModalContext as y } from "../../../contexts/unified-share-modal-context.js";
 import { useUnifiedShareFormContext as M } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/collaborators-view.css';const S = "_manage_jjd85_1", B = "_list_jjd85_7", H = "_scroll_jjd85_24", N = "_header_jjd85_30", l = {
-  manage: S,
-  list: B,
+import '../../../../../styles/collaborators-view.css';const N = "_manage_8rmie_1", S = "_manageAllButton_8rmie_6", T = "_list_8rmie_13", H = "_scroll_8rmie_30", w = "_header_8rmie_36", a = {
+  manage: N,
+  manageAllButton: S,
+  list: T,
   scroll: H,
-  header: N
+  header: w
 };
-function R() {
+function z() {
   const {
     formatMessage: o
   } = p(), {
-    collaborators: m,
+    collaborators: d,
     config: n,
     eventService: h,
     isFetching: i,
     item: u
-  } = L(), {
-    id: f,
-    type: b
+  } = y(), {
+    id: g,
+    type: _
   } = u, {
-    onCollaboratorsManageClick: s
+    onCollaboratorsManagementClick: s
   } = h, {
-    container: c,
-    onShareViewChange: g
+    container: m,
+    onShareViewChange: f
   } = M();
-  return /* @__PURE__ */ a("div", {
+  return /* @__PURE__ */ t("div", {
     inert: i ? "" : null,
     children: [n.collaboratorsManagement && /* @__PURE__ */ e("div", {
-      className: l.manage,
-      children: /* @__PURE__ */ e(j, {
-        href: `/${b}/${f}/collaborators`,
+      className: a.manage,
+      children: s ? /* @__PURE__ */ e(B, {
+        className: a.manageAllButton,
+        inheritFont: !0,
+        onClick: s,
+        children: o(r.manageAllLink)
+      }) : /* @__PURE__ */ e(k, {
+        href: `/${_}/${g}/collaborators`,
         rel: "noopener",
         target: "_blank",
         variant: "standalone",
-        ...s && {
-          onClick: s
-        },
         children: o(r.manageAllLink)
       })
     }), /* @__PURE__ */ e("div", {
-      className: l.list,
+      className: a.list,
       children: /* @__PURE__ */ e("div", {
-        className: l.scroll,
-        children: /* @__PURE__ */ a(v, {
+        className: a.scroll,
+        children: /* @__PURE__ */ t(v, {
           "aria-label": o(r.listLabel),
-          children: [/* @__PURE__ */ a(k, {
-            className: l.header,
-            children: [/* @__PURE__ */ e(d, {
+          children: [/* @__PURE__ */ t(x, {
+            className: a.header,
+            children: [/* @__PURE__ */ e(c, {
               hideHeader: !0,
               isRowHeader: !0,
               children: o(r.nameColumn)
-            }), /* @__PURE__ */ e(d, {
+            }), /* @__PURE__ */ e(c, {
               hideHeader: !0,
               children: o(r.roleColumn)
             })]
-          }), /* @__PURE__ */ e(x, {
-            items: m.slice(0, n.collaboratorsLimit),
-            children: (C) => /* @__PURE__ */ e(y, {
-              collaborator: C
+          }), /* @__PURE__ */ e(A, {
+            items: d.slice(0, n.collaboratorsLimit),
+            children: (b) => /* @__PURE__ */ e(F, {
+              collaborator: b
             })
           })]
         })
       })
-    }), c && /* @__PURE__ */ _(/* @__PURE__ */ a(F, {
-      children: [!i && /* @__PURE__ */ e(t.Footer, {
-        children: /* @__PURE__ */ e(t.Footer.SecondaryButton, {
-          onClick: () => g("default"),
+    }), m && /* @__PURE__ */ C(/* @__PURE__ */ t(L, {
+      children: [!i && /* @__PURE__ */ e(l.Footer, {
+        children: /* @__PURE__ */ e(l.Footer.SecondaryButton, {
+          onClick: () => f("default"),
           children: o(r.doneButton)
         })
-      }), /* @__PURE__ */ e(t.Close, {
+      }), /* @__PURE__ */ e(l.Close, {
         "aria-label": o(r.closeButton)
       })]
-    }), c)]
+    }), m)]
   });
 }
 export {
-  R as CollaboratorsView
+  z as CollaboratorsView
 };

package/dist/styles/collaborators-view.css

@@ -1 +1 @@
-._manage_jjd85_1{display:flex;flex-direction:row-reverse;padding:var(--space-3) .625rem}._list_jjd85_7{position:relative}._list_jjd85_7:after{position:absolute;inset:0;z-index:1000;border:var(--border-1) solid var(--border-divider-border);border-radius:var(--radius-4);box-shadow:var(--innershadow-1);content:"";pointer-events:none}._scroll_jjd85_24{height:240px;overflow-y:auto;border-radius:var(--radius-4)}._header_jjd85_30{visibility:collapse}
+._manage_8rmie_1{display:flex;flex-direction:row-reverse;padding:var(--space-3) .625rem}._manage_8rmie_1 ._manageAllButton_8rmie_6{font-size:var(--link-default-font-size);font-family:var(--link-default-font-family);line-height:var(--link-default-line-height);letter-spacing:var(--link-default-letter-spacing)}._list_8rmie_13{position:relative}._list_8rmie_13:after{position:absolute;inset:0;z-index:1000;border:var(--border-1) solid var(--border-divider-border);border-radius:var(--radius-4);box-shadow:var(--innershadow-1);content:"";pointer-events:none}._scroll_8rmie_30{height:240px;overflow-y:auto;border-radius:var(--radius-4)}._header_8rmie_36{visibility:collapse}

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

@@ -24,6 +24,7 @@ export declare const mockItemPermissions: {
 };
 export declare const mockBoxFile: Item;
 export declare const mockBoxFolder: Item;
+export declare const mockWorkflow: Item;
 export declare const mockSharedLinkSettings: SharedLinkSettings;
 export declare const mockSharedLink: SharedLink;
 export declare const useMockSharedLink: (sharedLinkArg: any) => {

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

@@ -48,7 +48,7 @@ export type PermissionLevelType = 'can_edit' | 'can_download' | 'can_preview';
 /**
  * Supported item types in the Unified Share Modal.
  */
-export type ItemType = 'file' | 'folder' | 'hubs' | 'web_link';
+export type ItemType = 'file' | 'folder' | 'hubs' | 'web_link' | 'workflow';
 export interface Item {
     /**
      * The classification of the item.
@@ -336,7 +336,15 @@ export interface CollaborationRole {
 }
 export interface EventService {
     onCollaboratorsClick?: () => void;
-    onCollaboratorsManageClick?: () => void;
+    /**
+     * Custom handler to replace the default "Manage All" link behavior.
+     *
+     * When provided, prevents the default navigation and calls this handler instead.
+     * Useful for opening a CollaboratorsModal or custom dialog without leaving the page.
+     *
+     * Use this when you want to override the default navigation behavior.
+     */
+    onCollaboratorsManagementClick?: () => void;
     onSharedLinkSettingsClick?: () => void;
     onSharedLinkSettingsClose?: () => void;
     onSharedLinkSettingsLoad?: () => void;
@@ -371,7 +379,7 @@ export interface SharingService {
     /**
      * Function to remove an existing collaborator on the item.
      *
-     * Called when the user clicks "Remove" on a collaborator in the list of collaborators.
+     * Called when the user clicks the "Remove" icon button on a collaborator.
      */
     removeCollaborator?: (collaborator: Collaborator) => Promise<SharingResponse | void>;
     /**

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.24.1",
+    "version": "1.25.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^12.108.1",
-        "@box/blueprint-web-assets": "^4.89.0",
-        "@box/copy-input": "^1.19.1",
-        "@box/user-selector": "^1.51.1",
+        "@box/blueprint-web": "^12.108.2",
+        "@box/blueprint-web-assets": "^4.89.1",
+        "@box/copy-input": "^1.19.2",
+        "@box/user-selector": "^1.51.2",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.108.1",
-        "@box/blueprint-web-assets": "^4.89.0",
-        "@box/copy-input": "^1.19.1",
-        "@box/storybook-utils": "0.14.34",
+        "@box/blueprint-web": "^12.108.2",
+        "@box/blueprint-web-assets": "^4.89.1",
+        "@box/copy-input": "^1.19.2",
+        "@box/storybook-utils": "0.14.35",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"
     },