@box/unified-share-modal 1.37.0 → 1.37.2

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

@@ -1,15 +1,15 @@
 import y from "lodash/camelCase";
 import { useIntl as D } from "react-intl";
-import { Row as S, Cell as m, Text as n, Tooltip as z, IconButton as B } from "@box/blueprint-web";
-import { XMark as L } from "@box/blueprint-web-assets/icons/Fill";
-import { CollaboratorAvatar as M } from "./collaborator-avatar.js";
-import N from "../messages.js";
+import { Row as N, Cell as m, Text as n, Tooltip as S, IconButton as z } from "@box/blueprint-web";
+import { XMark as B } from "@box/blueprint-web-assets/icons/Fill";
+import { CollaboratorAvatar as L } from "./collaborator-avatar.js";
+import M from "../messages.js";
 import s from "./messages.js";
-import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { isCollaboratorRoleSupported as I } from "../../../utils/collaborator.js";
 import { useUnifiedShareModalContext as j } from "../../../contexts/unified-share-modal-context.js";
 import { useUnifiedShareFormContext as k } from "../../../contexts/unified-share-form-context.js";
-import '../../../../../styles/collaborator-list-item.css';const w = "_nameCell_y1zd0_1", O = "_nameDetails_y1zd0_7", T = "_roleCell_y1zd0_15", U = "_text_y1zd0_22", l = {
+import '../../../../../styles/collaborator-list-item.css';const w = "_nameCell_y1zd0_1", O = "_nameDetails_y1zd0_7", T = "_roleCell_y1zd0_15", U = "_text_y1zd0_22", o = {
   nameCell: w,
   nameDetails: O,
   roleCell: T,
@@ -20,7 +20,7 @@ function K({
   isSmall: c
 }) {
   const {
-    formatMessage: o
+    formatMessage: t
   } = D(), {
     email: i,
     hasCustomRole: d,
@@ -30,32 +30,34 @@ function K({
     name: h,
     role: r
   } = a, {
-    item: u,
-    setCollaborator: v
+    item: x,
+    setCollaborator: u
   } = j(), {
-    permissions: x = {}
-  } = u, {
+    permissions: v = {}
+  } = x, {
     onModalViewChange: _
-  } = k(), b = I(r) ? o(N[`${y(r)}Role`]) : "", g = d ? r : b, R = () => {
-    v(a), _("remove-collaborator");
+  } = k(), b = I(r) ? t(M[`${y(r)}Role`]) : "", g = d ? r : b, R = () => {
+    u(a), _("remove-collaborator");
   };
-  return /* @__PURE__ */ t(S, {
+  return /* @__PURE__ */ l(N, {
     id: p,
     children: [/* @__PURE__ */ e(m, {
-      children: /* @__PURE__ */ t("div", {
-        className: l.nameCell,
-        children: [/* @__PURE__ */ e(M, {
+      children: /* @__PURE__ */ l("div", {
+        className: o.nameCell,
+        children: [/* @__PURE__ */ e(L, {
           collaborator: a,
           isBadgeable: !0,
           size: "large"
-        }), /* @__PURE__ */ t("div", {
-          className: l.nameDetails,
+        }), /* @__PURE__ */ l("div", {
+          className: o.nameDetails,
           children: [/* @__PURE__ */ e(n, {
             as: "span",
+            className: o.text,
             variant: "bodyDefaultSemibold",
             children: h
           }), i && /* @__PURE__ */ e(n, {
             as: "span",
+            className: o.text,
             color: "textOnLightSecondary",
             variant: "caption",
             children: i
@@ -63,18 +65,18 @@ function K({
         })]
       })
     }), !c && /* @__PURE__ */ e(m, {
-      children: /* @__PURE__ */ t("div", {
-        className: l.roleCell,
+      children: /* @__PURE__ */ l("div", {
+        className: o.roleCell,
         children: [/* @__PURE__ */ e(n, {
           as: "span",
-          className: l.text,
+          className: o.text,
           color: "textOnLightSecondary",
-          children: C ? o(s.pendingRole) : g
-        }), f && x.canRemoveCollaborator && /* @__PURE__ */ e(z, {
-          content: o(s.removeButton),
-          children: /* @__PURE__ */ e(B, {
-            "aria-label": o(s.removeButton),
-            icon: L,
+          children: C ? t(s.pendingRole) : g
+        }), f && v.canRemoveCollaborator && /* @__PURE__ */ e(S, {
+          content: t(s.removeButton),
+          children: /* @__PURE__ */ e(z, {
+            "aria-label": t(s.removeButton),
+            icon: B,
             onClick: R
           })
         })]

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

@@ -1,14 +1,14 @@
 import w from "clsx";
-import { useState as g, useCallback as N } from "react";
+import { useState as u, useCallback as N } from "react";
 import { useIntl as U } from "react-intl";
 import { Modal as o, Status as I, LoadingIndicator as P } from "@box/blueprint-web";
 import { Shield as v } from "@box/blueprint-web-assets/icons/Line";
 import { UnifiedShareForm as D } from "./unified-share-form.js";
-import l from "./messages.js";
+import c from "./messages.js";
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { UnifiedShareFormProvider as O } from "../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as V } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/unified-share-form-modal.css';const j = "_content_1xtsr_1", z = "_header_1xtsr_5", B = "_body_1xtsr_12", L = "_hasFooter_1xtsr_23", R = "_loading_1xtsr_27", t = {
+import '../../../../styles/unified-share-form-modal.css';const j = "_content_c2luc_1", z = "_header_c2luc_5", B = "_body_c2luc_12", L = "_hasFooter_c2luc_24", R = "_loading_c2luc_28", t = {
   content: j,
   header: z,
   body: B,
@@ -16,39 +16,39 @@ import '../../../../styles/unified-share-form-modal.css';const j = "_content_1xt
   loading: R
 };
 function W({
-  children: d,
-  isOpen: p,
-  onOpenChange: r,
-  onModalViewChange: u
+  children: l,
+  isOpen: g,
+  onOpenChange: a,
+  onModalViewChange: p
 }) {
   const {
-    formatMessage: a
+    formatMessage: r
   } = U(), {
     initialContacts: _,
-    isFetching: x,
-    item: C
+    isFetching: C,
+    item: F
   } = V(), {
     classification: i,
-    name: F
-  } = C, [S, b] = g(null), [c, m] = g("default"), M = !!d, h = c !== "default", f = N((s) => {
-    m("default"), r && r(s);
-  }, [r]), y = (s) => {
+    name: S
+  } = F, [b, x] = u(null), [d, m] = u("default"), M = !!l, h = d !== "default", f = N((s) => {
+    m("default"), a && a(s);
+  }, [a]), y = (s) => {
     s.preventDefault();
   };
   return /* @__PURE__ */ n(o, {
     onOpenChange: f,
-    open: p,
+    open: g,
     children: [M && /* @__PURE__ */ e(o.Trigger, {
-      children: d
+      children: l
     }), /* @__PURE__ */ n(o.Content, {
-      ref: b,
+      ref: x,
       className: t.content,
       onPointerDownOutside: y,
       size: "medium",
       children: [/* @__PURE__ */ n(o.Header, {
         className: t.header,
-        children: [a(l.title, {
-          itemName: F
+        children: [r(c.title, {
+          itemName: S
         }), i && /* @__PURE__ */ e(I, {
           colorIndex: i.colorId + 1,
           icon: v,
@@ -58,22 +58,22 @@ function W({
       }), /* @__PURE__ */ e(o.Body, {
         className: w(t.body, h && t.hasFooter),
         children: /* @__PURE__ */ n(O, {
-          container: S,
+          container: b,
           initialContacts: _,
           onModalOpenChange: f,
-          onModalViewChange: u,
+          onModalViewChange: p,
           onShareViewChange: m,
-          shareView: c,
-          children: [x && /* @__PURE__ */ e("div", {
+          shareView: d,
+          children: [C && /* @__PURE__ */ e("div", {
             className: t.loading,
             children: /* @__PURE__ */ e(P, {
-              "aria-label": a(l.loadingLabel),
+              "aria-label": r(c.loadingLabel),
               size: "large"
             })
           }), /* @__PURE__ */ e(D, {})]
         })
       }), !h && /* @__PURE__ */ e(o.Close, {
-        "aria-label": a(l.closeButton)
+        "aria-label": r(c.closeButton)
       })]
     })]
   });

package/dist/styles/unified-share-form-modal.css

@@ -1 +1 @@
-._content_1xtsr_1._content_1xtsr_1{max-width:480px}._header_1xtsr_5{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}._body_1xtsr_12._body_1xtsr_12{position:relative;max-width:432px;padding-top:0;padding-bottom:var(--space-8)}._body_1xtsr_12._body_1xtsr_12:before{display:block;width:100vw;content:""}._body_1xtsr_12._body_1xtsr_12._hasFooter_1xtsr_23{padding-bottom:0}._loading_1xtsr_27{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;padding-bottom:var(--space-8);background-color:var(--gray-white)}@media not (max-width:374px){._content_1xtsr_1{overflow:visible}}@media not (max-width:459px){div:has(>._content_1xtsr_1){display:flex;padding:var(--space-8);overflow:auto}._content_1xtsr_1{max-height:none;margin:auto}}
+._content_c2luc_1._content_c2luc_1{max-width:480px}._header_c2luc_5{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}._body_c2luc_12._body_c2luc_12{position:relative;box-sizing:content-box!important;max-width:432px;padding-top:0;padding-bottom:var(--space-8)}._body_c2luc_12._body_c2luc_12:before{display:block;width:100vw;content:""}._body_c2luc_12._body_c2luc_12._hasFooter_c2luc_24{padding-bottom:0}._loading_c2luc_28{position:absolute;inset:0;z-index:1001;display:flex;align-items:center;padding-bottom:var(--space-8);background-color:var(--gray-white)}@media not (max-width:374px){._content_c2luc_1{overflow:auto}}@media not (max-width:459px){div:has(>._content_c2luc_1){display:flex;padding:var(--space-8);overflow:auto}._content_c2luc_1{max-height:none;margin:auto;overflow:visible}}

package/package.json

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