@box/unified-share-modal 1.40.6 → 1.41.0

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

@@ -1,111 +1,116 @@
-import T from "lodash/camelCase";
-import { useState as y, useMemo as L, useEffect as k } from "react";
-import { useIntl as N } from "react-intl";
-import { Tooltip as F, Focusable as O, TriggerButton as D, DropdownMenu as n } from "@box/blueprint-web";
-import $ from "../messages.js";
-import l from "./messages.js";
-import { jsx as e, jsxs as j } from "react/jsx-runtime";
-import { isInvitationRoleSupported as z, getDefaultCollaborationRole as A } from "../../../utils/collaborator.js";
-import { useUnifiedShareFormContext as P } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as U } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-role.css';const B = "_container_15wt1_1", E = "_focusable_15wt1_10", W = "_content_15wt1_14", d = {
-  container: B,
-  focusable: E,
-  content: W
+import L from "lodash/camelCase";
+import { useState as k, useMemo as N, useEffect as F } from "react";
+import { useIntl as O } from "react-intl";
+import { Tooltip as $, Focusable as j, TriggerButton as _, DropdownMenu as l } from "@box/blueprint-web";
+import z from "../messages.js";
+import a from "./messages.js";
+import { jsx as e, jsxs as A } from "react/jsx-runtime";
+import { isInvitationRoleSupported as P, getDefaultCollaborationRole as U } from "../../../utils/collaborator.js";
+import { useUnifiedShareFormContext as B } from "../../../contexts/unified-share-form-context.js";
+import { useUnifiedShareModalContext as E } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-role.css';const W = "_container_15wt1_1", q = "_focusable_15wt1_10", G = "_content_15wt1_14", m = {
+  container: W,
+  focusable: q,
+  content: G
 };
-function ee() {
+function oe() {
   const {
     formatMessage: t
-  } = N(), [f, M] = y(!1), {
-    collaborationRole: u,
-    setCollaborationRole: m
-  } = P(), {
-    collaborationRoles: g,
-    isSubmitting: S,
-    item: v
-  } = U(), {
-    permissions: w = {},
-    type: p
-  } = v, r = L(() => g.map((i) => {
+  } = O(), [u, D] = k(!1), {
+    collaborationRole: g,
+    setCollaborationRole: p
+  } = B(), {
+    collaborationRoles: h,
+    eventService: M,
+    isSubmitting: w,
+    item: I
+  } = E(), {
+    permissions: T = {},
+    type: b
+  } = I, {
+    onCollaborationRoleChange: C
+  } = M, r = N(() => h.map((i) => {
     const {
-      description: s,
+      description: c,
       id: o,
-      label: c
-    } = i, b = z(o), C = T(o);
-    let R = C;
-    o === "editor" && p === "folder" && (R += "Folder");
-    let x = o, _ = "";
-    return b && (x = t($[`${C}Role`]), _ = t(l[`${R}Description`])), {
+      label: n
+    } = i, f = P(o), d = L(o);
+    let S = d;
+    o === "editor" && b === "folder" && (S += "Folder");
+    let v = o, x = "";
+    return f && (v = t(z[`${d}Role`]), x = t(a[`${S}Description`])), {
       ...i,
-      description: s ?? _,
-      label: c ?? x
+      description: c ?? x,
+      label: n ?? v
     };
-  }), [g, t, p]);
-  if (k(() => {
-    m(A(r));
-  }, [r, m]), !r.length || !u)
+  }), [h, t, b]);
+  if (F(() => {
+    p(U(r));
+  }, [r, p]), !r.length || !g)
     return null;
   const {
-    id: I,
-    label: h
-  } = u;
-  let a;
-  return w.canInviteCollaborator || (a = t(l.inviteDisabledTooltip)), p === "web_link" && (a = t(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(F, {
+    id: y,
+    label: R
+  } = g;
+  let s;
+  return T.canInviteCollaborator || (s = t(a.inviteDisabledTooltip)), b === "web_link" && (s = t(a.inviteWebLinkDisabledTooltip)), s ? /* @__PURE__ */ e($, {
     align: "start",
-    content: a,
+    content: s,
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
-    children: /* @__PURE__ */ e(O, {
-      className: d.focusable,
-      children: /* @__PURE__ */ e(D, {
+    children: /* @__PURE__ */ e(j, {
+      className: m.focusable,
+      children: /* @__PURE__ */ e(_, {
         caretDirection: "down",
-        className: d.container,
+        className: m.container,
         disabled: !0,
-        label: t(l.inviteAsRoleLabel, {
-          role: h
+        label: t(a.inviteAsRoleLabel, {
+          role: R
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
     })
-  }) : /* @__PURE__ */ j(n.Root, {
-    onOpenChange: M,
-    open: f,
-    children: [/* @__PURE__ */ e(n.Trigger, {
-      children: /* @__PURE__ */ e(D, {
-        caretDirection: f ? "up" : "down",
-        className: d.container,
-        disabled: S,
-        label: t(l.inviteAsRoleLabel, {
-          role: h
+  }) : /* @__PURE__ */ A(l.Root, {
+    onOpenChange: D,
+    open: u,
+    children: [/* @__PURE__ */ e(l.Trigger, {
+      children: /* @__PURE__ */ e(_, {
+        caretDirection: u ? "up" : "down",
+        className: m.container,
+        disabled: w,
+        label: t(a.inviteAsRoleLabel, {
+          role: R
         }),
         size: "extraSmall",
         variant: "tertiary"
       })
-    }), /* @__PURE__ */ e(n.Content, {
+    }), /* @__PURE__ */ e(l.Content, {
       align: "start",
-      className: d.content,
+      className: m.content,
       children: r.map((i) => {
         const {
-          description: s,
+          description: c,
           isDisabled: o,
-          id: c,
-          label: b
-        } = i;
-        return /* @__PURE__ */ e(n.CheckboxItem, {
-          checked: I === c,
+          id: n,
+          label: f
+        } = i, d = () => {
+          p(i), C && C(n);
+        };
+        return /* @__PURE__ */ e(l.CheckboxItem, {
+          checked: y === n,
           disabled: o,
-          onSelect: () => m(i),
-          children: /* @__PURE__ */ e(n.Item.MainContent, {
-            caption: s,
-            label: b,
-            title: s
+          onSelect: d,
+          children: /* @__PURE__ */ e(l.Item.MainContent, {
+            caption: c,
+            label: f,
+            title: c
           })
-        }, c);
+        }, n);
       })
     })]
   });
 }
 export {
-  ee as CollaborationRole
+  oe as CollaborationRole
 };

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

@@ -334,6 +334,10 @@ export interface CollaborationRole {
     label?: string;
 }
 export interface EventService {
+    /**
+     * Function to observe when the user changes the collaboration role.
+     */
+    onCollaborationRoleChange?: (role: InvitationRole | string) => void;
     /**
      * Function to customize the click behavior of the "Shared with ..." list of avatars.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.40.6",
+    "version": "1.41.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^12.130.0",