@box/unified-share-modal 1.37.5 → 1.37.7

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

@@ -1,64 +1,65 @@
-import y from "lodash/camelCase";
-import { useState as L, useMemo as k, useEffect as w } from "react";
-import { useIntl as F } from "react-intl";
-import { Tooltip as N, Focusable as O, TriggerButton as D, DropdownMenu as n } from "@box/blueprint-web";
+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_h88vi_1", E = "_focusable_h88vi_10", b = {
+import '../../../../../styles/collaboration-role.css';const B = "_container_15wt1_1", E = "_focusable_15wt1_10", W = "_content_15wt1_14", d = {
   container: B,
-  focusable: E
+  focusable: E,
+  content: W
 };
-function Z() {
+function ee() {
   const {
     formatMessage: t
-  } = F(), [f, M] = L(!1), {
+  } = N(), [f, M] = y(!1), {
     collaborationRole: u,
-    setCollaborationRole: c
+    setCollaborationRole: m
   } = P(), {
     collaborationRoles: g,
     isSubmitting: S,
-    item: I
+    item: v
   } = U(), {
-    permissions: T = {},
-    type: d
-  } = I, r = k(() => g.map((i) => {
+    permissions: w = {},
+    type: p
+  } = v, r = L(() => g.map((i) => {
     const {
-      description: m,
+      description: s,
       id: o,
-      label: s
-    } = i, p = z(o), C = y(o);
+      label: c
+    } = i, b = z(o), C = T(o);
     let R = C;
-    o === "editor" && d === "folder" && (R += "Folder");
-    let v = o, x = "";
-    return p && (v = t($[`${C}Role`]), x = t(l[`${R}Description`])), {
+    o === "editor" && p === "folder" && (R += "Folder");
+    let x = o, _ = "";
+    return b && (x = t($[`${C}Role`]), _ = t(l[`${R}Description`])), {
       ...i,
-      description: m ?? x,
-      label: s ?? v
+      description: s ?? _,
+      label: c ?? x
     };
-  }), [g, t, d]);
-  if (w(() => {
-    c(A(r));
-  }, [r, c]), !r.length || !u)
+  }), [g, t, p]);
+  if (k(() => {
+    m(A(r));
+  }, [r, m]), !r.length || !u)
     return null;
   const {
-    id: _,
+    id: I,
     label: h
   } = u;
   let a;
-  return T.canInviteCollaborator || (a = t(l.inviteDisabledTooltip)), d === "web_link" && (a = t(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(N, {
+  return w.canInviteCollaborator || (a = t(l.inviteDisabledTooltip)), p === "web_link" && (a = t(l.inviteWebLinkDisabledTooltip)), a ? /* @__PURE__ */ e(F, {
     align: "start",
     content: a,
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
     children: /* @__PURE__ */ e(O, {
-      className: b.focusable,
+      className: d.focusable,
       children: /* @__PURE__ */ e(D, {
         caretDirection: "down",
-        className: b.container,
+        className: d.container,
         disabled: !0,
         label: t(l.inviteAsRoleLabel, {
           role: h
@@ -73,7 +74,7 @@ function Z() {
     children: [/* @__PURE__ */ e(n.Trigger, {
       children: /* @__PURE__ */ e(D, {
         caretDirection: f ? "up" : "down",
-        className: b.container,
+        className: d.container,
         disabled: S,
         label: t(l.inviteAsRoleLabel, {
           role: h
@@ -83,26 +84,28 @@ function Z() {
       })
     }), /* @__PURE__ */ e(n.Content, {
       align: "start",
+      className: d.content,
       children: r.map((i) => {
         const {
-          description: m,
+          description: s,
           isDisabled: o,
-          id: s,
-          label: p
+          id: c,
+          label: b
         } = i;
         return /* @__PURE__ */ e(n.CheckboxItem, {
-          checked: _ === s,
+          checked: I === c,
           disabled: o,
-          onSelect: () => c(i),
+          onSelect: () => m(i),
           children: /* @__PURE__ */ e(n.Item.MainContent, {
-            caption: m,
-            label: p
+            caption: s,
+            label: b,
+            title: s
           })
-        }, s);
+        }, c);
       })
     })]
   });
 }
 export {
-  Z as CollaborationRole
+  ee as CollaborationRole
 };

package/dist/styles/collaboration-role.css

@@ -1 +1 @@
-._container_h88vi_1{align-self:flex-start;max-width:100%}._container_h88vi_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._focusable_h88vi_10{justify-self:flex-start}
+._container_15wt1_1{align-self:flex-start;max-width:100%}._container_15wt1_1 span:first-child{overflow:hidden;text-overflow:ellipsis}._focusable_15wt1_10{justify-self:flex-start}._content_15wt1_14{--blueprint-web-dropdown-content-max-width: 432px}

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.37.5",
+    "version": "1.37.7",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^12.116.0",
-        "@box/blueprint-web-assets": "^4.93.1",
-        "@box/copy-input": "^1.22.9",
-        "@box/user-selector": "^1.55.9",
+        "@box/blueprint-web": "^12.116.1",
+        "@box/blueprint-web-assets": "^4.93.2",
+        "@box/copy-input": "^1.22.10",
+        "@box/user-selector": "^1.55.10",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.116.0",
-        "@box/blueprint-web-assets": "^4.93.1",
-        "@box/copy-input": "^1.22.9",
-        "@box/storybook-utils": "0.15.9",
+        "@box/blueprint-web": "^12.116.1",
+        "@box/blueprint-web-assets": "^4.93.2",
+        "@box/copy-input": "^1.22.10",
+        "@box/storybook-utils": "0.16.0",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"
     },