@box/unified-share-modal 2.10.5 → 2.11.1

package/dist/esm/lib/components/remove-collaborator-modal/remove-collaborator-modal.js

@@ -1,79 +1,80 @@
-import x from "clsx";
-import C from "lodash/noop";
-import { useEffect as F } from "react";
+import C from "clsx";
+import F from "lodash/noop";
+import { useEffect as x } from "react";
 import { useIntl as B } from "react-intl";
-import { Modal as o, Divider as S, Text as k } from "@box/blueprint-web";
-import n from "./messages.js";
+import { Modal as o, Divider as S, Text as M } from "@box/blueprint-web";
+import r from "./messages.js";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useUnifiedShareModalContext as D } from "../../contexts/unified-share-modal-context.js";
-import { useSharingAction as M } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const w = "_content_166yb_1", A = "_isFullscreen_166yb_1", N = "_body_166yb_10", P = "_divider_166yb_17", i = {
-  content: w,
-  isFullscreen: A,
-  body: N,
-  divider: P
+import { useUnifiedShareModalContext as k } from "../../contexts/unified-share-modal-context.js";
+import { useSharingAction as D } from "../../hooks/use-sharing-action.js";
+import '../../../../styles/remove-collaborator-modal.css';const P = "_content_166yb_1", w = "_isFullscreen_166yb_1", A = "_body_166yb_10", N = "_divider_166yb_17", i = {
+  content: P,
+  isFullscreen: w,
+  body: A,
+  divider: N
 };
 function q({
   isOpen: l,
-  onOpenChange: s
+  onOpenChange: a
 }) {
   const {
     formatMessage: t
   } = B(), {
     collaborator: d,
-    isSubmitting: r,
+    isSubmitting: n,
     sharingService: b,
     setCollaborator: m,
     variant: u
-  } = D(), {
+  } = k(), {
     email: f,
     name: y
   } = d ?? {}, {
     removeCollaborator: p
-  } = b, a = u === "desktop";
-  F(() => {
+  } = b, s = u === "desktop";
+  x(() => {
     l || m(null);
   }, [l, m]);
   const {
-    onAction: h
-  } = M(p, "remove-collaborator"), v = async () => {
-    await h(d), s(!1);
+    onAction: v
+  } = D(p, "remove-collaborator"), h = async () => {
+    await v(d), a(!1);
   }, _ = (g) => {
     g.preventDefault();
   };
   return /* @__PURE__ */ e(o, {
-    onOpenChange: r ? C : s,
+    onOpenChange: n ? F : a,
     open: l,
     children: /* @__PURE__ */ c(o.Content, {
-      className: x(i.content, a && i.isFullscreen),
+      className: C(i.content, s && i.isFullscreen),
       onPointerDownOutside: _,
       size: "small",
       children: [/* @__PURE__ */ e(o.Header, {
-        children: t(n.title)
+        children: t(r.title)
       }), /* @__PURE__ */ c(o.Body, {
         className: i.body,
-        children: [a && /* @__PURE__ */ e(S, {
+        children: [s && /* @__PURE__ */ e(S, {
           className: i.divider
-        }), /* @__PURE__ */ e(k, {
+        }), /* @__PURE__ */ e(M, {
           as: "p",
-          children: t(n.bodyText, {
+          children: t(r.bodyText, {
             name: f || y
           })
         })]
       }), /* @__PURE__ */ c(o.Footer, {
         children: [/* @__PURE__ */ e(o.Footer.SecondaryButton, {
-          disabled: r,
-          onClick: () => s(!1),
-          children: t(n.cancelButton)
+          disabled: n,
+          onClick: () => a(!1),
+          children: t(r.cancelButton)
         }), /* @__PURE__ */ e(o.Footer.PrimaryButton, {
-          loading: r,
-          loadingAriaLabel: t(n.loadingLabel),
-          onClick: v,
-          children: t(n.okayButton)
+          "data-target-id": "Modal.Footer.PrimaryButton-USMRemoveCollaborator",
+          loading: n,
+          loadingAriaLabel: t(r.loadingLabel),
+          onClick: h,
+          children: t(r.okayButton)
         })]
-      }), !a && /* @__PURE__ */ e(o.Close, {
-        "aria-label": t(n.closeButton),
-        disabled: r
+      }), !s && /* @__PURE__ */ e(o.Close, {
+        "aria-label": t(r.closeButton),
+        disabled: n
       })]
     })
   });

package/dist/esm/lib/components/remove-shared-link-modal/remove-shared-link-modal.js

@@ -1,20 +1,20 @@
 import p from "clsx";
 import _ from "lodash/noop";
 import { useIntl as v } from "react-intl";
-import { Modal as e, Divider as k, Text as S } from "@box/blueprint-web";
+import { Modal as e, Divider as S, Text as k } from "@box/blueprint-web";
 import n from "./messages.js";
-import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useUnifiedShareModalContext as g } from "../../contexts/unified-share-modal-context.js";
-import { useSharingAction as x } from "../../hooks/use-sharing-action.js";
-import '../../../../styles/remove-collaborator-modal.css';const F = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", C = "_divider_166yb_17", s = {
-  content: F,
+import { useSharingAction as F } from "../../hooks/use-sharing-action.js";
+import '../../../../styles/remove-collaborator-modal.css';const x = "_content_166yb_1", B = "_isFullscreen_166yb_1", D = "_body_166yb_10", M = "_divider_166yb_17", r = {
+  content: x,
   isFullscreen: B,
   body: D,
-  divider: C
+  divider: M
 };
-function z({
-  isOpen: a,
-  onOpenChange: r
+function T({
+  isOpen: d,
+  onOpenChange: s
 }) {
   const {
     formatMessage: t
@@ -26,34 +26,35 @@ function z({
     deleteSharedLink: u
   } = c, l = m === "desktop", {
     onAction: b
-  } = x(u, "delete-shared-link"), h = async () => {
-    await b(), r(!1);
+  } = F(u, "delete-shared-link"), h = async () => {
+    await b(), s(!1);
   }, y = (f) => {
     f.preventDefault();
   };
   return /* @__PURE__ */ o(e, {
-    onOpenChange: i ? _ : r,
-    open: a,
-    children: /* @__PURE__ */ d(e.Content, {
-      className: p(s.content, l && s.isFullscreen),
+    onOpenChange: i ? _ : s,
+    open: d,
+    children: /* @__PURE__ */ a(e.Content, {
+      className: p(r.content, l && r.isFullscreen),
       onPointerDownOutside: y,
       size: "small",
       children: [/* @__PURE__ */ o(e.Header, {
         children: t(n.title)
-      }), /* @__PURE__ */ d(e.Body, {
-        className: s.body,
-        children: [l && /* @__PURE__ */ o(k, {
-          className: s.divider
-        }), /* @__PURE__ */ o(S, {
+      }), /* @__PURE__ */ a(e.Body, {
+        className: r.body,
+        children: [l && /* @__PURE__ */ o(S, {
+          className: r.divider
+        }), /* @__PURE__ */ o(k, {
           as: "p",
           children: t(n.bodyText)
         })]
-      }), /* @__PURE__ */ d(e.Footer, {
+      }), /* @__PURE__ */ a(e.Footer, {
         children: [/* @__PURE__ */ o(e.Footer.SecondaryButton, {
           disabled: i,
-          onClick: () => r(!1),
+          onClick: () => s(!1),
           children: t(n.cancelButton)
         }), /* @__PURE__ */ o(e.Footer.PrimaryButton, {
+          "data-target-id": "Modal.Footer.PrimaryButton-USMRemoveSharedLink",
           loading: i,
           loadingAriaLabel: t(n.loadingLabel),
           onClick: h,
@@ -67,5 +68,5 @@ function z({
   });
 }
 export {
-  z as RemoveSharedLinkModal
+  T as RemoveSharedLinkModal
 };

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

@@ -1,22 +1,22 @@
 import fe from "clsx";
-import { useState as be, useRef as ge, useEffect as R, useCallback as C } from "react";
+import { useState as be, useRef as ge, useEffect as A, useCallback as C } from "react";
 import { createPortal as Ce } from "react-dom";
 import { useIntl as ve } from "react-intl";
-import { useBlueprintModernization as Se, useNotification as Ue, useUniqueId as _e, useLabelable as Fe, Tooltip as xe, Focusable as Ee, Text as Le, Modal as v } from "@box/blueprint-web";
-import { Globe as ye } from "@box/blueprint-web-assets/icons/Medium";
-import { bpSize040 as k } from "@box/blueprint-web-assets/tokens/tokens";
-import { UserSelectorContainer as Ne } from "@box/user-selector";
-import { CollaborationRole as Ae } from "./collaboration-role.js";
+import { useBlueprintModernization as Se, useNotification as Ue, useUniqueId as Fe, useLabelable as _e, Tooltip as xe, Focusable as Ee, Text as ye, Modal as v } from "@box/blueprint-web";
+import { Globe as Le } from "@box/blueprint-web-assets/icons/Medium";
+import { bpSize040 as B } from "@box/blueprint-web-assets/tokens/tokens";
+import { UserSelectorContainer as Me } from "@box/user-selector";
+import { CollaborationRole as Ne } from "./collaboration-role.js";
 import { SharedWithAvatars as Pe } from "./shared-with-avatars.js";
-import { ShieldRestrictionNotice as Re } from "./shield-restriction-notice.js";
-import { TextAreaContainer as ke } from "./text-area-container.js";
+import { ShieldRestrictionNotice as Ae } from "./shield-restriction-notice.js";
+import { TextAreaContainer as Be } from "./text-area-container.js";
 import i from "./messages.js";
-import { jsxs as l, jsx as t, Fragment as Be } from "react/jsx-runtime";
-import { useFormValidation as Me } from "../../../hooks/use-form-validation.js";
+import { jsxs as l, jsx as t, Fragment as Re } from "react/jsx-runtime";
+import { useFormValidation as ke } from "../../../hooks/use-form-validation.js";
 import { useCollaborationForm as Ve } from "../../../hooks/use-collaboration-form.js";
 import { useUnifiedShareFormContext as De } from "../../../contexts/unified-share-form-context.js";
-import { useUnifiedShareModalContext as Te } from "../../../contexts/unified-share-modal-context.js";
-import { parseEmails as Ie } from "../../../utils/email.js";
+import { useUnifiedShareModalContext as Ie } from "../../../contexts/unified-share-modal-context.js";
+import { parseEmails as Te } from "../../../utils/email.js";
 import { getNotificationArgs as ze } from "../../../utils/notification.js";
 import '../../../../../styles/collaboration-section.css';const Oe = "_container_1e2gg_2", we = "_label_1e2gg_8", We = "_modernized_1e2gg_15", je = "_security_1e2gg_33", Ge = "_icon_1e2gg_37", qe = "_access_1e2gg_43", c = {
   container: Oe,
@@ -29,19 +29,19 @@ import '../../../../../styles/collaboration-section.css';const Oe = "_container_
 function ut() {
   const {
     formatMessage: o
-  } = ve(), [S, L] = be(), {
-    enableModernizedComponents: B
+  } = ve(), [S, y] = be(), {
+    enableModernizedComponents: R
   } = Se(), {
-    addNotification: M
+    addNotification: k
   } = Ue(), {
     validateShieldRestriction: V
-  } = Me(), {
+  } = ke(), {
     contactValue: D,
     containerRef: U,
     form: r,
     setForm: d,
-    setUserContacts: T,
-    shieldRestriction: I,
+    setUserContacts: I,
+    shieldRestriction: T,
     userContacts: a
   } = De(), {
     collaborationAccess: z,
@@ -54,12 +54,12 @@ function ut() {
     onOpenChange: G,
     sharingService: q,
     variant: K
-  } = Te(), {
+  } = Ie(), {
     permissions: $ = {},
     type: H
   } = j, {
-    getContacts: _,
-    getContactsAvatarUrls: F
+    getContacts: F,
+    getContactsAvatarUrls: _
   } = w, {
     sendInvitations: J,
     sendSharedLink: Q
@@ -68,32 +68,32 @@ function ut() {
   r === "invite" && (x = J, E = "invite-collaborators"), r === "email" && (x = Q, E = "email-shared-link");
   const {
     errors: te,
-    handleFormReset: y,
+    handleFormReset: L,
     handleFormSubmit: oe,
     handleSelectedUsersChange: p,
     handleUserSelectorBlur: re,
     updateContactValue: ie
-  } = Ve(x, E), N = ge(r === "email" ? "email" : "invite");
-  R(() => {
-    N.current = r === "email" ? "email" : "invite";
-  }, [r]), R(() => {
-    (!a.length || !a.some((e) => e.chipVariant === "error")) && L(null);
+  } = Ve(x, E), M = ge(r === "email" ? "email" : "invite");
+  A(() => {
+    M.current = r === "email" ? "email" : "invite";
+  }, [r]), A(() => {
+    (!a.length || !a.some((e) => e.chipVariant === "error")) && y(null);
   }, [a]);
-  const ae = C((e) => (e.stopPropagation(), !0), []), ne = C((e) => _ ? _(e, N.current) : Promise.resolve([]), [_]), se = C((e) => F ? F(e) : Promise.resolve({}), [F]), le = (e) => {
+  const ae = C((e) => (e.stopPropagation(), !0), []), ne = C((e) => F ? F(e, M.current) : Promise.resolve([]), [F]), se = C((e) => _ ? _(e) : Promise.resolve({}), [_]), le = (e) => {
     n || d("invite"), ie(e);
   }, ce = C((e) => {
     const s = e.clipboardData.getData("text");
-    Ie(s).length !== 0 && (e.preventDefault(), n || d("invite"), p([...a, {
+    Te(s).length !== 0 && (e.preventDefault(), n || d("invite"), p([...a, {
       value: s
     }]));
   }, [p, n, d, a]), de = () => {
-    y(), d("default");
+    L(), d("default");
   }, me = async () => {
     try {
       if (S) {
-        const e = V(a, I);
+        const e = V(a, T);
         if (e) {
-          M({
+          k({
             ...ze(o, "error"),
             styledText: e
           });
@@ -102,7 +102,7 @@ function ut() {
       }
       if (await oe())
         return;
-      y(), G(!1), d("default");
+      L(), G(!1), d("default");
     } catch (e) {
       if (!e.shieldRestriction)
         return;
@@ -112,22 +112,22 @@ function ut() {
         ...g,
         chipVariant: "error"
       } : g);
-      L(s), T(pe);
+      y(s), I(pe);
     }
   };
   let f, b = !1;
   h && !$.canInviteCollaborator && (f = o(i.inviteDisabledTooltip), b = !0), h && H === "web_link" && (f = o(i.inviteWebLinkDisabledTooltip), b = !0);
-  const A = _e("user-contacts-"), ue = o(h ? i.invitePeopleLabel : i.emailSharedLinkLabel), he = Fe(ue, A);
+  const N = Fe("user-contacts-"), ue = o(h ? i.invitePeopleLabel : i.emailSharedLinkLabel), he = _e(ue, N);
   return /* @__PURE__ */ l("form", {
     className: c.container,
     onSubmit: (e) => e.preventDefault(),
-    children: [S && /* @__PURE__ */ t(Re, {
+    children: [S && /* @__PURE__ */ t(Ae, {
       error: S,
       isLoading: u,
       onSelectedUsersChange: p
     }), O, /* @__PURE__ */ l("div", {
       children: [h && m.collaborators && /* @__PURE__ */ t(Pe, {}), /* @__PURE__ */ t(he, {
-        className: fe(c.label, B && c.modernized)
+        className: fe(c.label, R && c.modernized)
       }), /* @__PURE__ */ t(xe, {
         content: f,
         "data-testid": "user-contacts-tooltip",
@@ -135,7 +135,7 @@ function ut() {
         side: "bottom",
         children: /* @__PURE__ */ t(Ee, {
           focusable: b,
-          children: /* @__PURE__ */ t(Ne, {
+          children: /* @__PURE__ */ t(Me, {
             className: "collaboration-user-selector",
             clearButtonAriaLabel: o(i.clearButton),
             clearOnBlur: !1,
@@ -146,7 +146,7 @@ function ut() {
             fetchAvatarUrls: se,
             fetchUsers: ne,
             hideOnEscape: ae,
-            idForLabel: A,
+            idForLabel: N,
             inputValue: D,
             label: null,
             onBlur: re,
@@ -162,28 +162,29 @@ function ut() {
         })
       }), h && /* @__PURE__ */ l("div", {
         className: c.access,
-        children: [m.collaborationRole && /* @__PURE__ */ t(Ae, {}), z]
+        children: [m.collaborationRole && /* @__PURE__ */ t(Ne, {}), z]
       })]
-    }), (Y || Z) && /* @__PURE__ */ t(ke, {
+    }), (Y || Z) && /* @__PURE__ */ t(Be, {
       maxCount: m.collaborationMessageLimit
     }), n && ee && /* @__PURE__ */ l("div", {
       className: c.security,
-      children: [/* @__PURE__ */ t(ye, {
+      children: [/* @__PURE__ */ t(Le, {
         className: c.icon,
-        height: k,
-        width: k
-      }), /* @__PURE__ */ t(Le, {
+        height: B,
+        width: B
+      }), /* @__PURE__ */ t(ye, {
         as: "span",
         color: "textOnLightSecondary",
         children: o(i.contentSharedWithExternalCollaborators)
       })]
-    }), n && U && /* @__PURE__ */ Ce(/* @__PURE__ */ l(Be, {
+    }), n && U && /* @__PURE__ */ Ce(/* @__PURE__ */ l(Re, {
       children: [!W && /* @__PURE__ */ l(v.Footer, {
         children: [/* @__PURE__ */ t(v.Footer.SecondaryButton, {
           disabled: u,
           onClick: de,
           children: o(i.cancelButton)
         }), /* @__PURE__ */ t(v.Footer.PrimaryButton, {
+          "data-target-id": "Modal.Footer.PrimaryButton-USMSendInvite",
           loading: u,
           loadingAriaLabel: o(i.loadingLabel),
           onClick: me,

package/package.json

@@ -1,22 +1,22 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "2.10.5",
+    "version": "2.11.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
-        "@box/blueprint-web": "^13.13.0",
-        "@box/blueprint-web-assets": "^4.111.4",
-        "@box/copy-input": "^1.40.5",
-        "@box/user-selector": "^1.74.5",
+        "@box/blueprint-web": "^13.14.0",
+        "@box/blueprint-web-assets": "^4.111.5",
+        "@box/copy-input": "^1.40.6",
+        "@box/user-selector": "^1.74.6",
         "lodash": "^4.17.15",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^13.13.0",
-        "@box/blueprint-web-assets": "^4.111.4",
-        "@box/copy-input": "^1.40.5",
-        "@box/storybook-utils": "0.17.4",
+        "@box/blueprint-web": "^13.14.0",
+        "@box/blueprint-web-assets": "^4.111.5",
+        "@box/copy-input": "^1.40.6",
+        "@box/storybook-utils": "0.17.5",
         "@box/eslint-plugin-blueprint": "1.1.6",
         "react-intl": "^6.4.2"
     },