@box/unified-share-modal 2.7.9 → 2.7.10

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

@@ -7,12 +7,12 @@ import n from "./messages.js";
 import { jsx as t, jsxs as f } from "react/jsx-runtime";
 import { isInvitationRoleSupported as A, getDefaultCollaborationRole as E } from "../../../utils/collaborator.js";
 import { useUnifiedShareFormContext as U } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as W } from "../../../contexts/unified-share-modal-context.js";
-import '../../../../../styles/collaboration-role.css';const q = "_button_jl1fl_1", G = "_focusable_jl1fl_10", J = "_content_jl1fl_14", K = "_option_jl1fl_17", a = {
-  button: q,
-  focusable: G,
-  content: J,
-  option: K
+import { useUnifiedShareModalContext as V } from "../../../contexts/unified-share-modal-context.js";
+import '../../../../../styles/collaboration-role.css';const W = "_button_jl1fl_1", q = "_focusable_jl1fl_10", G = "_content_jl1fl_14", J = "_option_jl1fl_17", s = {
+  button: W,
+  focusable: q,
+  content: G,
+  option: J
 };
 function le() {
   const {
@@ -23,27 +23,27 @@ function le() {
   } = U(), {
     collaborationRoles: C,
     eventService: T,
-    isSubmitting: j,
-    item: k,
+    isSubmitting: k,
+    item: j,
     variant: L
-  } = W(), {
+  } = V(), {
     permissions: y = {},
     type: p
-  } = k, {
+  } = j, {
     onCollaborationRoleChange: v
   } = T, S = L === "desktop", r = F(() => C.map((l) => {
     const {
-      description: u,
+      description: b,
       id: i,
-      label: s
-    } = l, b = A(i), d = w(i);
+      label: a
+    } = l, u = A(i), d = w(i);
     let R = d;
     i === "editor" && p === "folder" && (R += "Folder");
     let I = i, M = "";
-    return b && (I = e($[`${d}Role`]), M = e(n[`${R}Description`])), {
+    return u && (I = e($[`${d}Role`]), M = e(n[`${R}Description`])), {
       ...l,
-      description: u ?? M,
-      label: s ?? I
+      description: b ?? M,
+      label: a ?? I
     };
   }), [C, e, p]);
   if (z(() => {
@@ -61,10 +61,10 @@ function le() {
     "data-testid": "collaboration-role-tooltip",
     side: "bottom",
     children: /* @__PURE__ */ t(P, {
-      className: a.focusable,
+      className: s.focusable,
       children: /* @__PURE__ */ t(D, {
         caretDirection: "down",
-        className: a.button,
+        className: s.button,
         disabled: !0,
         label: e(n.inviteAsRoleLabel, {
           role: _
@@ -81,9 +81,9 @@ function le() {
     children: [/* @__PURE__ */ t(o.Trigger, {
       children: /* @__PURE__ */ t(D, {
         caretDirection: g ? "up" : "down",
-        className: a.button,
+        className: s.button,
         "data-target-id": "PlainButton-InviteePermissionsMenuToggle",
-        disabled: j,
+        disabled: k,
         label: e(n.inviteAsRoleLabel, {
           role: _
         }),
@@ -92,32 +92,33 @@ function le() {
       })
     }), /* @__PURE__ */ f(o.Content, {
       align: "start",
-      className: a.content,
+      className: s.content,
       children: [S && /* @__PURE__ */ f(o.Header, {
-        children: [/* @__PURE__ */ t(o.Header.TextContent, {
+        children: [/* @__PURE__ */ t(o.Header.MenuCloseButton, {
+          "aria-label": e(n.closeButton),
+          iconVariant: "back"
+        }), /* @__PURE__ */ t(o.Header.TextContent, {
           title: e(n.invitePeopleLabel)
-        }), /* @__PURE__ */ t(o.Header.MenuCloseButton, {
-          "aria-label": e(n.closeButton)
         })]
       }), r.map((l) => {
         const {
-          description: u,
+          description: b,
           isDisabled: i,
-          id: s,
-          label: b
+          id: a,
+          label: u
         } = l, d = () => {
-          m(l), v && v(s);
+          m(l), v && v(a);
         };
         return /* @__PURE__ */ t(o.CheckboxItem, {
-          checked: N === s,
+          checked: N === a,
           disabled: i,
           onSelect: d,
           children: /* @__PURE__ */ t(o.Item.MainContent, {
-            caption: u,
-            className: a.option,
-            label: b
+            caption: b,
+            className: s.option,
+            label: u
           })
-        }, s);
+        }, a);
       })]
     })]
   });

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-access.js

@@ -11,7 +11,7 @@ import '../../../../../styles/shared-link-access.css';const j = "_button_166my_1
   content: z,
   option: F
 };
-function Q() {
+function P() {
   const {
     formatMessage: s
   } = T(), [r, h] = y(!1), {
@@ -56,10 +56,11 @@ function Q() {
       align: "start",
       className: o.content,
       children: [l && /* @__PURE__ */ a(e.Header, {
-        children: [/* @__PURE__ */ t(e.Header.TextContent, {
+        children: [/* @__PURE__ */ t(e.Header.MenuCloseButton, {
+          "aria-label": s(i.closeButton),
+          iconVariant: "back"
+        }), /* @__PURE__ */ t(e.Header.TextContent, {
           title: s(i.shareLinkLabel)
-        }), /* @__PURE__ */ t(e.Header.MenuCloseButton, {
-          "aria-label": s(i.closeButton)
         })]
       }), d.map((x) => {
         const {
@@ -97,5 +98,5 @@ function Q() {
   });
 }
 export {
-  Q as SharedLinkAccess
+  P as SharedLinkAccess
 };

package/dist/esm/lib/components/unified-share-form-modal/shared-link-section/shared-link-permission.js

@@ -19,8 +19,8 @@ function W() {
     isSubmitting: S,
     item: c,
     sharedLink: _,
-    sharingService: L,
-    variant: k
+    sharingService: k,
+    variant: L
   } = A(), {
     permissions: x = {}
   } = c, {
@@ -28,7 +28,7 @@ function W() {
     permission: d
   } = _, {
     changeSharedLinkPermission: C
-  } = L, m = k === "desktop", {
+  } = k, m = L === "desktop", {
     onAction: N
   } = F(C), {
     allowedLevels: p,
@@ -37,7 +37,7 @@ function W() {
   if (M === "collaborators" || !p.length || !u)
     return null;
   const {
-    label: h
+    label: b
   } = u;
   let i = "";
   return c.extension === P && d === "can_edit" && (i = o(r.canEditBoxNoteDisabledTooltip)), i ? /* @__PURE__ */ e(O, {
@@ -50,7 +50,7 @@ function W() {
         caretDirection: "down",
         className: n.button,
         disabled: !0,
-        label: h,
+        label: b,
         size: "extraSmall",
         variant: "tertiary"
       })
@@ -65,7 +65,7 @@ function W() {
         className: n.button,
         "data-target-id": "Button-SharedLinkPermissionsMenuLabel",
         disabled: !x.canSetShareAccess || S,
-        label: h,
+        label: b,
         size: "extraSmall",
         variant: "tertiary"
       })
@@ -73,21 +73,22 @@ function W() {
       align: "start",
       className: n.content,
       children: [m && /* @__PURE__ */ a(t.Header, {
-        children: [/* @__PURE__ */ e(t.Header.TextContent, {
+        children: [/* @__PURE__ */ e(t.Header.MenuCloseButton, {
+          "aria-label": o(r.closeButton),
+          iconVariant: "back"
+        }), /* @__PURE__ */ e(t.Header.TextContent, {
           title: o(r.shareLinkLabel)
-        }), /* @__PURE__ */ e(t.Header.MenuCloseButton, {
-          "aria-label": o(r.closeButton)
         })]
       }), p.map((T) => {
         const {
           description: v,
           id: s,
           label: y
-        } = T, b = d === s, B = () => {
-          b || N(s);
+        } = T, h = d === s, B = () => {
+          h || N(s);
         };
         return /* @__PURE__ */ e(t.CheckboxItem, {
-          checked: b,
+          checked: h,
           onSelect: B,
           children: /* @__PURE__ */ e(t.Item.MainContent, {
             caption: v,

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.7.9",
+    "version": "2.7.10",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.5.11",
-        "@box/blueprint-web-assets": "^4.104.6",
-        "@box/copy-input": "^1.39.16",
-        "@box/user-selector": "^1.73.17",
+        "@box/blueprint-web": "^13.5.12",
+        "@box/blueprint-web-assets": "^4.104.7",
+        "@box/copy-input": "^1.39.17",
+        "@box/user-selector": "^1.73.18",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.5.11",
-        "@box/blueprint-web-assets": "^4.104.6",
-        "@box/copy-input": "^1.39.16",
-        "@box/storybook-utils": "0.16.67",
+        "@box/blueprint-web": "^13.5.12",
+        "@box/blueprint-web-assets": "^4.104.7",
+        "@box/copy-input": "^1.39.17",
+        "@box/storybook-utils": "0.16.68",
         "@box/eslint-plugin-blueprint": "1.1.6",
         "react-intl": "^6.4.2"
     },