@box/unified-share-modal 1.14.0 → 1.14.1

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

@@ -7,7 +7,7 @@ import { useAccessLevels as X } from "../../hooks/use-access-levels.js";
 import { formatDateFromTimestampToCalendarDate as Y, formatTomorrowDateToCalendarDate as Z } from "../../utils/date.js";
 import { useLinkSettingsForm as aa } from "../../hooks/use-link-settings-form.js";
 import { useUnifiedShareModalContext as ea } from "../../contexts/unified-share-modal-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const na = "_content_1wiic_1", ia = "_body_1wiic_5", S = {
+import '../../../../styles/shared-link-settings-modal.css';const na = "_content_149ez_1", ia = "_body_149ez_5", S = {
   content: na,
   body: ia
 }, oa = "••••••••";
@@ -58,15 +58,15 @@ function ba({
     l("expiration", void 0), s("expiration", o);
   }, U = (o) => {
     l("vanityName", void 0), s("isVanityNameEnabled", o);
-  }, R = (o) => {
+  }, z = (o) => {
     l("vanityName", void 0), s("vanityName", o.target.value);
-  }, W = (o) => {
+  }, R = (o) => {
     l("password", void 0), s("isPasswordEnabled", o);
-  }, j = (o) => {
+  }, W = (o) => {
     l("password", void 0), s("password", o.target.value);
-  }, $ = (o) => {
+  }, j = (o) => {
     s("isDownloadEnabled", o);
-  }, z = (o) => {
+  }, $ = (o) => {
     var C;
     const H = (C = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")) == null ? void 0 : C.contains(o.relatedTarget);
     b.isPasswordEnabled && !t.password || H || B(t.password);
@@ -119,7 +119,7 @@ function ba({
           checked: t.isPasswordEnabled,
           disabled: !i.canChangePassword,
           label: a(e.passwordToggleText),
-          onCheckedChange: W,
+          onCheckedChange: R,
           value: "password-settings"
         }), t.isPasswordEnabled && /* @__PURE__ */ d(L, {
           children: [i.canChangePassword && /* @__PURE__ */ n(E, {
@@ -131,8 +131,8 @@ function ba({
             error: p.password,
             hideLabel: !0,
             label: a(e.passwordToggleText),
-            onBlur: z,
-            onChange: j,
+            onBlur: $,
+            onChange: W,
             onFocus: () => l("password", void 0),
             placeholder: b.isPasswordEnabled ? oa : a(e.passwordInputPlaceholder),
             type: "password",
@@ -154,7 +154,7 @@ function ba({
             error: p.vanityName,
             hideLabel: !0,
             label: a(e.vanityNameInputLabel),
-            onChange: R,
+            onChange: z,
             placeholder: a(e.vanityNameInputPlaceholder),
             value: t.vanityName
           }), i.canChangeVanityName && /* @__PURE__ */ n(y, {
@@ -165,7 +165,7 @@ function ba({
           checked: t.isDownloadEnabled,
           disabled: !i.canChangeDownload,
           label: a(e.downloadSettingsToggleText),
-          onCheckedChange: $,
+          onCheckedChange: j,
           value: "download-link-settings"
         })]
       }), /* @__PURE__ */ d(r.Footer, {

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

@@ -1,18 +1,19 @@
-import { useRef as b, useState as j, useCallback as x, useEffect as E } from "react";
+import { useRef as b, useState as j, useCallback as x, useEffect as I } from "react";
 import { useIntl as K } from "react-intl";
 import { Text as V, Tooltip as T, Focusable as O, Switch as G, Status as H, Link as J, Button as Q } from "@box/blueprint-web";
-import { ClockBadge as W, Envelope as X } from "@box/blueprint-web-assets/icons/Line";
+import { ClockBadge as W } from "@box/blueprint-web-assets/icons/Line";
+import { Mail as X } from "@box/blueprint-web-assets/icons/Medium";
 import { SurfaceStatusSurfaceRed as Y } from "@box/blueprint-web-assets/tokens/tokens";
 import { CopyInput as Z } from "@box/copy-input";
 import { SharedLinkAccess as $ } from "./shared-link-access.js";
 import { SharedLinkPermission as ee } from "./shared-link-permission.js";
 import t from "./messages.js";
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { jsxs as g, jsx as o } from "react/jsx-runtime";
 import { useUnifiedShareFormContext as te } from "../../../contexts/unified-share-form-context.js";
 import { useUnifiedShareModalContext as ie } from "../../../contexts/unified-share-modal-context.js";
-import { useSharingAction as I } from "../../../hooks/use-sharing-action.js";
-import { formatDateFromTimestampToDateString as ne } from "../../../utils/date.js";
-import { callOnKeyboardEvent as oe } from "../../../utils/event.js";
+import { useSharingAction as N } from "../../../hooks/use-sharing-action.js";
+import { formatDateFromTimestampToDateString as oe } from "../../../utils/date.js";
+import { callOnKeyboardEvent as ne } from "../../../utils/event.js";
 import '../../../../../styles/shared-link-section.css';const ae = "_container_q90iz_1", se = "_toggle_q90iz_7", re = "_settings_q90iz_13", ce = "_copy_q90iz_22", le = "_access_q90iz_30", d = {
   container: ae,
   toggle: se,
@@ -20,47 +21,47 @@ import '../../../../../styles/shared-link-section.css';const ae = "_container_q9
   copy: ce,
   access: le
 };
-function ve() {
+function Ae() {
   const {
     formatMessage: e
   } = K(), k = b(!0), L = b(null), u = b(null), {
     onModalViewChange: h,
-    onShareViewChange: N
+    onShareViewChange: P
   } = te(), {
-    config: o,
+    config: n,
     isFetching: v,
-    isSubmitting: P,
-    item: w,
+    isSubmitting: w,
+    item: E,
     sharedLink: m,
     sharingService: F
   } = ie(), {
     permissions: A = {}
-  } = w, {
+  } = E, {
     createSharedLink: z
   } = F, {
     sharedLinkAutoCopy: r,
     sharedLinkAutoCreate: C
-  } = o;
+  } = n;
   let _ = "create-shared-link";
   r && (_ = "auto-copy-shared-link");
   const {
     isLoading: q,
     onAction: y
-  } = I(z, _), i = !!m.url, a = P ?? q, [S, R] = j(!1), p = x(async () => {
+  } = N(z, _), i = !!m.url, a = w ?? q, [S, R] = j(!1), p = x(async () => {
     i || (await y(), R(!0));
-  }, [i, y]), B = x(async () => (p(), new Promise((s) => {
+  }, [i, y]), M = x(async () => (p(), new Promise((s) => {
     u.current = {
       resolve: s
     };
   })), [p]), {
     onAction: D
-  } = I(B, "auto-copy-shared-link");
-  E(() => {
+  } = N(M, "auto-copy-shared-link");
+  I(() => {
     !k.current || v || (r ? D() : C && p(), k.current = !1);
-  }, [v, k, r, C, p, D]), E(() => {
+  }, [v, k, r, C, p, D]), I(() => {
     i && r && L.current && L.current.click();
   }, [i, r]);
-  const M = x((l) => {
+  const B = x((l) => {
     if (!u.current)
       return;
     let s;
@@ -76,20 +77,20 @@ function ve() {
   let c, f = !1;
   return !i && !a && (c = e(t.sharedLinkToggleTooltip)), !i && !A.canShare && (c = e(t.createLinkDisabledTooltip), f = !0), i && !A.canSetShareAccess && (c = e(t.removeLinkDisabledTooltip), f = !0), /* @__PURE__ */ g("div", {
     className: d.container,
-    children: [/* @__PURE__ */ n(V, {
+    children: [/* @__PURE__ */ o(V, {
       as: "label",
       variant: "bodyDefaultBold",
       children: e(t.shareLinkLabel)
     }), /* @__PURE__ */ g("div", {
       className: d.toggle,
-      children: [/* @__PURE__ */ n(T, {
+      children: [/* @__PURE__ */ o(T, {
         align: "start",
         content: c,
         "data-testid": "shared-link-tooltip",
         open: c ? void 0 : !1,
-        children: /* @__PURE__ */ n(O, {
+        children: /* @__PURE__ */ o(O, {
           focusable: f,
-          children: /* @__PURE__ */ n(G.Item, {
+          children: /* @__PURE__ */ o(G.Item, {
             checked: i,
             disabled: f || a,
             label: e(t.sharedLinkToggleLabel),
@@ -97,23 +98,23 @@ function ve() {
             value: "shared-link"
           })
         })
-      }), i && !!m.expiresAt && /* @__PURE__ */ n(T, {
+      }), i && !!m.expiresAt && /* @__PURE__ */ o(T, {
         content: e(t.expirationIconTooltip, {
-          expirationDate: ne(m.expiresAt)
+          expirationDate: oe(m.expiresAt)
         }),
         "data-testid": "expiration-date-tooltip",
-        children: /* @__PURE__ */ n(H, {
+        children: /* @__PURE__ */ o(H, {
           color: Y,
           hideText: !0,
           icon: W,
           text: e(t.expirationIconLabel)
         })
-      }), i && o.sharedLinkSettings && /* @__PURE__ */ n(J, {
+      }), i && n.sharedLinkSettings && /* @__PURE__ */ o(J, {
         "aria-disabled": a,
         "aria-haspopup": "dialog",
         className: d.settings,
         onClick: () => h("shared-link-settings"),
-        onKeyDown: oe(() => h("shared-link-settings"), {
+        onKeyDown: ne(() => h("shared-link-settings"), {
           canPreventDefault: !0
         }),
         role: "button",
@@ -123,32 +124,32 @@ function ve() {
       })]
     }), i && /* @__PURE__ */ g("div", {
       className: d.copy,
-      children: [/* @__PURE__ */ n(Z, {
+      children: [/* @__PURE__ */ o(Z, {
         ref: L,
         autoFocus: C && i,
         disabled: a,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
-        onCopy: M,
+        onCopy: B,
         value: m.url
-      }), o.sharedLinkEmail && /* @__PURE__ */ n(T, {
+      }), n.sharedLinkEmail && /* @__PURE__ */ o(T, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
-        children: /* @__PURE__ */ n(Q, {
+        children: /* @__PURE__ */ o(Q, {
           "aria-label": e(t.sharedLinkEmailLabel),
           disabled: a,
           icon: X,
-          onClick: () => N("email"),
+          onClick: () => P("email"),
           size: "large",
           variant: "secondary"
         })
       })]
-    }), i && (o.sharedLinkAccess || o.sharedLinkPermission) && /* @__PURE__ */ g("div", {
+    }), i && (n.sharedLinkAccess || n.sharedLinkPermission) && /* @__PURE__ */ g("div", {
       className: d.access,
-      children: [o.sharedLinkAccess && /* @__PURE__ */ n($, {}), o.sharedLinkPermission && /* @__PURE__ */ n(ee, {})]
+      children: [n.sharedLinkAccess && /* @__PURE__ */ o($, {}), n.sharedLinkPermission && /* @__PURE__ */ o(ee, {})]
     })]
   });
 }
 export {
-  ve as SharedLinkSection
+  Ae as SharedLinkSection
 };

package/dist/styles/shared-link-settings-modal.css

@@ -1 +1 @@
-._content_1wiic_1._content_1wiic_1{max-width:480px}._body_1wiic_5._body_1wiic_5{display:flex;flex-direction:column;gap:var(--space-4);padding-top:0;padding-bottom:0}
+._content_149ez_1._content_149ez_1{max-width:480px}._body_149ez_5._body_149ez_5{display:flex;flex-direction:column;gap:var(--space-4);padding-top:0;padding-bottom:0;overflow:auto}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.14.0",
+    "version": "1.14.1",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^9.18.13",
@@ -13,9 +13,9 @@
         "react-intl": "^6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.99.0",
+        "@box/blueprint-web": "^12.99.1",
         "@box/blueprint-web-assets": "^4.82.0",
-        "@box/copy-input": "^1.13.0",
+        "@box/copy-input": "^1.13.1",
         "@box/storybook-utils": "0.14.19",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"