@box/unified-share-modal 2.8.6 → 2.8.7

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

@@ -1,41 +1,45 @@
-import { useIntl as b } from "react-intl";
-import { Switch as x, DateI18nProvider as c, DatePicker as d } from "@box/blueprint-web";
+import { useIntl as c } from "react-intl";
+import { Switch as x, DateI18nProvider as b, DatePicker as d } from "@box/blueprint-web";
 import a from "./messages.js";
-import { jsxs as s, Fragment as k, jsx as r } from "react/jsx-runtime";
-import { formatTomorrowDateToCalendarDate as L } from "../../utils/date.js";
-function f({
+import { jsxs as k, Fragment as L, jsx as r } from "react/jsx-runtime";
+import { useSharedLinkSettingsContext as u } from "../../contexts/shared-link-settings-context.js";
+import { formatTomorrowDateToCalendarDate as f } from "../../utils/date.js";
+function C({
   canChange: i,
-  error: t,
+  error: o,
   expiration: l,
   isChecked: n,
-  isDisabled: o,
+  isDisabled: t,
   onChange: p,
   onToggle: m
 }) {
   const {
     formatMessage: e
-  } = b();
-  return /* @__PURE__ */ s(k, {
+  } = c(), {
+    containerRef: s
+  } = u();
+  return /* @__PURE__ */ k(L, {
     children: [/* @__PURE__ */ r(x.Item, {
       checked: n,
-      disabled: o || !i,
+      disabled: t || !i,
       label: e(a.linkExpirationToggleText),
       onCheckedChange: m,
       value: "link-expiration-settings"
     }), n && // Get the locale from the user's operating system settings
-    /* @__PURE__ */ r(c, {
+    /* @__PURE__ */ r(b, {
       locale: navigator.language || "en-US",
       children: /* @__PURE__ */ r(d, {
         calendarAriaLabel: e(a.linkExpirationCalendarAriaLabel),
         clearDatePickerAriaLabel: e(a.linkExpirationClearDatePickerAriaLabel),
-        error: t,
+        error: o,
         hideLabel: !0,
-        isDisabled: o || !i,
+        isDisabled: t || !i,
         label: e(a.linkExpirationDatePickerLabel),
-        minValue: L(),
+        minValue: f(),
         nextMonthAriaLabel: e(a.linkExpirationNextMonthAriaLabel),
         onChange: p,
         openCalendarDropdownAriaLabel: e(a.linkExpirationOpenCalendarDropdownAriaLabel),
+        portalElement: s,
         previousMonthAriaLabel: e(a.linkExpirationPreviousMonthAriaLabel),
         value: l
       })
@@ -43,5 +47,5 @@ function f({
   });
 }
 export {
-  f as ExpirationSection
+  C as ExpirationSection
 };

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

@@ -1,90 +1,92 @@
 import l from "clsx";
-import { useState as j, useEffect as k } from "react";
-import { useIntl as C } from "react-intl";
-import { Modal as t, LoadingIndicator as F, Divider as B } from "@box/blueprint-web";
-import { SharedLinkSettings as N } from "./shared-link-settings.js";
+import { useState as C, useEffect as F } from "react";
+import { useIntl as B } from "react-intl";
+import { Modal as i, LoadingIndicator as N, Divider as x } from "@box/blueprint-web";
+import { SharedLinkSettings as D } from "./shared-link-settings.js";
 import n from "./messages.js";
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { ClassificationStatus as x } from "../classification-status/classification-status.js";
-import { useUnifiedShareModalContext as D } from "../../contexts/unified-share-modal-context.js";
-import { useSharedLinkSettingsContext as M } from "../../contexts/shared-link-settings-context.js";
-import '../../../../styles/shared-link-settings-modal.css';const w = "_content_1jgi4_1", I = "_isFullscreen_1jgi4_4", P = "_body_1jgi4_13", z = "_title_1jgi4_17", A = "_form_1jgi4_37", E = "_isLoading_1jgi4_44", H = "_loading_1jgi4_48", U = "_divider_1jgi4_56", e = {
-  content: w,
-  isFullscreen: I,
-  body: P,
-  title: z,
-  form: A,
-  isLoading: E,
-  loading: H,
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import { ClassificationStatus as M } from "../classification-status/classification-status.js";
+import { useUnifiedShareModalContext as w } from "../../contexts/unified-share-modal-context.js";
+import { useSharedLinkSettingsContext as I } from "../../contexts/shared-link-settings-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const P = "_content_54561_1", j = "_isFullscreen_54561_4", z = "_body_54561_13", A = "_title_54561_23", E = "_form_54561_43", H = "_isLoading_54561_50", R = "_loading_54561_54", U = "_divider_54561_62", t = {
+  content: P,
+  isFullscreen: j,
+  body: z,
+  title: A,
+  form: E,
+  isLoading: H,
+  loading: R,
   divider: U
 };
-function Y({
+function Z({
   isOpen: a,
-  onOpenChange: g
+  onOpenChange: f
 }) {
   const {
     formatMessage: o
-  } = C(), {
+  } = B(), {
     eventService: h,
     isSubmitting: r,
     variant: S
-  } = D(), {
-    onSharedLinkSettingsClose: f,
+  } = w(), {
+    onSharedLinkSettingsClose: u,
     onSharedLinkSettingsLoad: d
   } = h, c = S === "desktop", {
-    resetForm: u,
-    submitForm: L
-  } = M(), [m, b] = j(!!d);
-  k(() => {
-    (async () => d && (a && await d(), b(!a)))();
+    resetForm: g,
+    setContainerRef: L,
+    submitForm: b
+  } = I(), [m, p] = C(!!d);
+  F(() => {
+    (async () => d && (a && await d(), p(!a)))();
   }, [a, d]);
   const _ = () => {
-    r || (u(), f && f(), g(!1));
-  }, p = async () => {
-    await L() || (u(), g(!1));
-  }, v = (y) => {
-    y.preventDefault();
+    r || (g(), u && u(), f(!1));
+  }, v = async () => {
+    await b() || (g(), f(!1));
+  }, y = (k) => {
+    k.preventDefault();
   };
-  return /* @__PURE__ */ i(t, {
+  return /* @__PURE__ */ e(i, {
     onOpenChange: _,
     open: a,
-    children: /* @__PURE__ */ s(t.Content, {
-      className: l(e.content, c && e.isFullscreen),
-      onPointerDownOutside: v,
+    children: /* @__PURE__ */ s(i.Content, {
+      ref: L,
+      className: l(t.content, c && t.isFullscreen),
+      onPointerDownOutside: y,
       size: "medium",
-      children: [/* @__PURE__ */ s(t.Header, {
-        children: [/* @__PURE__ */ i("div", {
-          className: e.title,
+      children: [/* @__PURE__ */ s(i.Header, {
+        children: [/* @__PURE__ */ e("div", {
+          className: t.title,
           children: o(n.title)
-        }), /* @__PURE__ */ i(x, {})]
+        }), /* @__PURE__ */ e(M, {})]
       }), /* @__PURE__ */ s("div", {
-        className: l(e.form),
-        children: [m && /* @__PURE__ */ i("div", {
-          className: e.loading,
-          children: /* @__PURE__ */ i(F, {
+        className: l(t.form),
+        children: [m && /* @__PURE__ */ e("div", {
+          className: t.loading,
+          children: /* @__PURE__ */ e(N, {
             "aria-label": o(n.loadingLabel),
             size: "large"
           })
-        }), /* @__PURE__ */ s(t.Body, {
-          className: l(e.body, m && e.isLoading),
-          children: [c && /* @__PURE__ */ i(B, {
-            className: e.divider
-          }), /* @__PURE__ */ i(N, {})]
-        }), /* @__PURE__ */ s(t.Footer, {
-          className: l(m && e.isLoading),
-          children: [/* @__PURE__ */ i(t.Footer.SecondaryButton, {
+        }), /* @__PURE__ */ s(i.Body, {
+          className: l(t.body, m && t.isLoading),
+          children: [c && /* @__PURE__ */ e(x, {
+            className: t.divider
+          }), /* @__PURE__ */ e(D, {})]
+        }), /* @__PURE__ */ s(i.Footer, {
+          className: l(m && t.isLoading),
+          children: [/* @__PURE__ */ e(i.Footer.SecondaryButton, {
             disabled: r,
             onClick: _,
             children: o(n.cancelButton)
-          }), /* @__PURE__ */ i(t.Footer.PrimaryButton, {
+          }), /* @__PURE__ */ e(i.Footer.PrimaryButton, {
             id: "usm-SharedLinkSettingsModal-primaryButton",
             loading: r,
             loadingAriaLabel: o(n.loadingLabel),
-            onClick: p,
+            onClick: v,
             children: o(n.saveButton)
           })]
         })]
-      }), !c && /* @__PURE__ */ i(t.Close, {
+      }), !c && /* @__PURE__ */ e(i.Close, {
         "aria-label": o(n.closeButton),
         disabled: r
       })]
@@ -92,5 +94,5 @@ function Y({
   });
 }
 export {
-  Y as SharedLinkSettingsModal
+  Z as SharedLinkSettingsModal
 };

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

@@ -8,15 +8,15 @@ import { VanitySection as _ } from "./vanity-section.js";
 import n from "./messages.js";
 import { jsxs as q, Fragment as z, jsx as s } from "react/jsx-runtime";
 import { useAccessLevels as G } from "../../hooks/use-access-levels.js";
-import { useSharedLinkSettingsContext as H } from "../../contexts/shared-link-settings-context.js";
-import { useUnifiedShareModalContext as J } from "../../contexts/unified-share-modal-context.js";
+import { useUnifiedShareModalContext as H } from "../../contexts/unified-share-modal-context.js";
+import { useSharedLinkSettingsContext as J } from "../../contexts/shared-link-settings-context.js";
 function se() {
   const {
     formatMessage: t
   } = F(), {
     isSubmitting: r,
     sharedLink: b
-  } = J(), {
+  } = H(), {
     settings: w = {},
     vanityDomain: v = ""
   } = b, {
@@ -36,7 +36,7 @@ function se() {
     setFieldError: i,
     setFieldValue: o,
     validatePassword: E
-  } = H(), u = V(() => {
+  } = J(), u = V(() => {
     if (!l)
       return null;
     switch (l.id) {

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

@@ -1,8 +1,8 @@
-import { useRef as G, useCallback as I, useEffect as V } from "react";
+import { useRef as G, useCallback as P, useEffect as V } from "react";
 import { useIntl as q } from "react-intl";
-import { useNotification as H, Text as y, Tooltip as C, Focusable as J, Switch as Q, Status as W, Link as X, Button as Y } from "@box/blueprint-web";
+import { useNotification as H, Text as C, Tooltip as v, Focusable as J, Switch as Q, Status as W, Link as X, Button as Y } from "@box/blueprint-web";
 import { ClockBadge as Z } from "@box/blueprint-web-assets/icons/Line";
-import { Mail as $, Globe as P } from "@box/blueprint-web-assets/icons/Medium";
+import { Mail as $, Globe as B } from "@box/blueprint-web-assets/icons/Medium";
 import { SurfaceStatusSurfaceRed as ee, bpSize040 as g } from "@box/blueprint-web-assets/tokens/tokens";
 import { CopyInput as te } from "@box/copy-input";
 import { SharedLinkAccess as ie } from "./shared-link-access.js";
@@ -27,72 +27,74 @@ function Ie() {
   const {
     formatMessage: e
   } = q(), {
-    addNotification: v
+    addNotification: x
   } = H(), k = G(null), {
     isInteracted: f,
     isSharedLinkAutoCopied: L,
     isSharedLinkAutoCreated: r,
-    setForm: B
+    setForm: F
   } = ne(), {
     config: s,
-    eventService: F,
-    isFetching: x,
+    eventService: M,
+    isFetching: T,
     isSubmitting: n,
-    item: M,
-    setView: T,
+    item: O,
+    setView: _,
     sharedLink: o,
-    sharingService: O
+    sharingService: R
   } = oe(), {
-    permissions: _ = {}
-  } = M, {
-    onSharedLinkCopy: S,
-    onSharedLinkSettingsClick: A
-  } = F, {
-    createSharedLink: N
+    permissions: A = {}
   } = O, {
-    notifications: E,
-    sharedLinkAutoCopy: R,
-    sharedLinkAutoCreate: D
-  } = s, a = !!o.url, h = R && !L.current && !f, j = D && !r.current && !f, U = I(async () => {
-    const l = await N();
+    onSharedLinkCopy: S,
+    onSharedLinkSettingsClick: N
+  } = M, {
+    createSharedLink: E
+  } = R, {
+    notifications: D,
+    sharedLinkAutoCopy: b,
+    sharedLinkAutoCreate: j
+  } = s, a = !!o.url, h = b && !L.current && !f, w = j && !r.current && !f, U = P(async () => {
+    const l = await E();
     return h ? {
       messages: []
     } : l;
-  }, [h, N]), {
-    onAction: b
+  }, [h, E]), {
+    onAction: y
   } = re(U, "create-shared-link");
   V(() => {
-    (async () => x || n || ((h || j) && !a && (await b(), r.current = !0), h && a && k.current && (k.current.click(), L.current = !0)))();
-  }, [a, h, j, x, L, r, n, b]);
-  const z = I((l) => {
+    (async () => T || n || ((h || w) && !a && (await y(), r.current = !0), h && a && k.current && (k.current.click(), L.current = !0)))();
+  }, [a, h, w, T, L, r, n, y]);
+  const z = P((l) => {
+    if (S && S(l), !b || !D.includes("auto-copy-shared-link"))
+      return;
     let p;
-    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && E.includes("auto-copy-shared-link") && v({
+    typeof l != "string" ? p = r.current ? e(t.autoCreateCopyErrorNoticeText) : null : p = r.current ? e(t.autoCreateCopySuccessNoticeText) : e(t.autoCopySuccessNoticeText), p && x({
       ...se(e, "success"),
       styledText: p
-    }), S && S(l);
-  }, [v, e, r, E, S]), K = async (l) => {
+    });
+  }, [x, e, r, D, S, b]), K = async (l) => {
     if (l) {
-      await b();
+      await y();
       return;
     }
-    T("remove-shared-link");
-  }, w = () => {
-    if (A) {
-      A();
+    _("remove-shared-link");
+  }, I = () => {
+    if (N) {
+      N();
       return;
     }
-    T("shared-link-settings");
+    _("shared-link-settings");
   };
   let u, m = !1;
-  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !_.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !_.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
+  return !a && !n && (u = e(t.sharedLinkToggleTooltip)), !a && !A.canShare && (u = e(t.createLinkDisabledTooltip), m = !0), a && !A.canSetShareAccess && (u = e(t.removeLinkDisabledTooltip), m = !0), /* @__PURE__ */ d("div", {
     className: c.container,
-    children: [/* @__PURE__ */ i(y, {
+    children: [/* @__PURE__ */ i(C, {
       as: "label",
       variant: "bodyDefaultBold",
       children: e(t.shareLinkLabel)
     }), /* @__PURE__ */ d("div", {
       className: c.toggle,
-      children: [/* @__PURE__ */ i(C, {
+      children: [/* @__PURE__ */ i(v, {
         align: "start",
         content: u,
         "data-testid": "shared-link-tooltip",
@@ -108,7 +110,7 @@ function Ie() {
             value: "shared-link"
           })
         })
-      }), a && !!o.expiresAt && /* @__PURE__ */ i(C, {
+      }), a && !!o.expiresAt && /* @__PURE__ */ i(v, {
         content: e(t.expirationIconTooltip, {
           expirationDate: ce(o.expiresAt)
         }),
@@ -124,8 +126,8 @@ function Ie() {
         "aria-haspopup": "dialog",
         className: c.settings,
         "data-target-id": "PlainButton-SharedLinkSettings",
-        onClick: w,
-        onKeyDown: le(w, {
+        onClick: I,
+        onKeyDown: le(I, {
           canPreventDefault: !0
         }),
         role: "button",
@@ -137,14 +139,14 @@ function Ie() {
       className: c.copy,
       children: [/* @__PURE__ */ i(te, {
         ref: k,
-        autoFocus: D && r.current && !f,
+        autoFocus: j && r.current && !f,
         "data-target-id": "Button-CopySharedLink",
         disabled: n,
         hideLabel: !0,
         label: e(t.sharedLinkUrlLabel),
         onCopy: z,
         value: o.url
-      }), s.sharedLinkEmail && /* @__PURE__ */ i(C, {
+      }), s.sharedLinkEmail && /* @__PURE__ */ i(v, {
         align: "end",
         content: e(t.sharedLinkEmailLabel),
         children: /* @__PURE__ */ i(Y, {
@@ -152,7 +154,7 @@ function Ie() {
           "data-target-id": "Button-SendSharedLink",
           disabled: n,
           icon: $,
-          onClick: () => B("email"),
+          onClick: () => F("email"),
           size: "large",
           variant: "secondary"
         })
@@ -161,21 +163,21 @@ function Ie() {
       className: c.access,
       children: [s.sharedLinkAccess && /* @__PURE__ */ i(ie, {}), s.sharedLinkPermission && /* @__PURE__ */ i(ae, {})]
     }), a && o.access === "open" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(P, {
+      children: [/* @__PURE__ */ i(B, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(y, {
+      }), /* @__PURE__ */ i(C, {
         as: "span",
         color: "textOnLightSecondary",
         children: o.permission === "can_edit" ? e(t.sharedLinkEditablePubliclyAvailable) : e(t.sharedLinkPubliclyAvailable)
       })]
     }), a && o.access === "company" && o.permission === "can_edit" && /* @__PURE__ */ d("div", {
-      children: [/* @__PURE__ */ i(P, {
+      children: [/* @__PURE__ */ i(B, {
         className: c.icon,
         height: g,
         width: g
-      }), /* @__PURE__ */ i(y, {
+      }), /* @__PURE__ */ i(C, {
         as: "span",
         color: "textOnLightSecondary",
         children: e(t.sharedLinkElevatedEditableCompanyAvailable)

package/dist/esm/lib/contexts/shared-link-settings-context.js

@@ -1,58 +1,60 @@
-import { createContext as f, useContext as w, useMemo as x } from "react";
-import { useUnifiedShareModalContext as E } from "./unified-share-modal-context.js";
-import { jsx as F } from "react/jsx-runtime";
-import { formatDateFromTimestampToCalendarDate as g } from "../utils/date.js";
-import { useLinkSettingsForm as k } from "../hooks/use-link-settings-form.js";
-const S = /* @__PURE__ */ f(null), V = () => {
-  const e = w(S);
+import { createContext as E, useContext as F, useState as C, useMemo as x } from "react";
+import { useUnifiedShareModalContext as g } from "./unified-share-modal-context.js";
+import { jsx as k } from "react/jsx-runtime";
+import { formatDateFromTimestampToCalendarDate as L } from "../utils/date.js";
+import { useLinkSettingsForm as v } from "../hooks/use-link-settings-form.js";
+const f = /* @__PURE__ */ E(null), M = () => {
+  const e = F(f);
   if (!e)
     throw new Error("useSharedLinkSettingsContext must be used with SharedLinkSettingsProvider");
   return e;
-}, y = ({
+}, N = ({
   children: e
 }) => {
   const {
     sharedLink: h
-  } = E(), {
+  } = g(), {
     expiresAt: t = 0,
     settings: p = {},
-    vanityName: r = ""
+    vanityName: n = ""
   } = h, {
-    isDownloadEnabled: n,
+    isDownloadEnabled: r,
     isPasswordEnabled: s
-  } = p, o = x(() => ({
-    expiration: t ? g(t) : null,
-    isDownloadEnabled: !!n,
+  } = p, [i, b] = C(null), o = x(() => ({
+    expiration: t ? L(t) : null,
+    isDownloadEnabled: !!r,
     isExpirationEnabled: !!t,
     isPasswordEnabled: !!s,
-    isVanityNameEnabled: !!r,
+    isVanityNameEnabled: !!n,
     password: "",
-    vanityName: r
-  }), [t, n, s, r]), {
-    errors: i,
-    formData: a,
-    handleFormReset: d,
-    handleFormSubmit: m,
-    setFieldError: l,
-    setFieldValue: u,
-    validatePassword: c
-  } = k(o), b = x(() => ({
-    errors: i,
-    formData: a,
+    vanityName: n
+  }), [t, r, s, n]), {
+    errors: a,
+    formData: d,
+    handleFormReset: m,
+    handleFormSubmit: l,
+    setFieldError: u,
+    setFieldValue: c,
+    validatePassword: S
+  } = v(o), w = x(() => ({
+    containerRef: i,
+    errors: a,
+    formData: d,
     initialFormData: o,
-    resetForm: d,
-    setFieldError: l,
-    setFieldValue: u,
-    submitForm: m,
-    validatePassword: c
-  }), [i, a, d, m, o, l, u, c]);
-  return /* @__PURE__ */ F(S.Provider, {
-    value: b,
+    resetForm: m,
+    setContainerRef: b,
+    setFieldError: u,
+    setFieldValue: c,
+    submitForm: l,
+    validatePassword: S
+  }), [i, a, d, m, l, o, u, c, S]);
+  return /* @__PURE__ */ k(f.Provider, {
+    value: w,
     children: e
   });
 };
 export {
-  S as SharedLinkSettingsContext,
-  y as SharedLinkSettingsProvider,
-  V as useSharedLinkSettingsContext
+  f as SharedLinkSettingsContext,
+  N as SharedLinkSettingsProvider,
+  M as useSharedLinkSettingsContext
 };

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

@@ -1 +1 @@
-._content_1jgi4_1._content_1jgi4_1{max-width:480px}._content_1jgi4_1._content_1jgi4_1._isFullscreen_1jgi4_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_1jgi4_1._content_1jgi4_1._isFullscreen_1jgi4_4 ._body_1jgi4_13{overflow:hidden auto}._title_1jgi4_17{display:inline}._title_1jgi4_17:after{display:inline-block;width:var(--bp-space-020);content:""}._body_1jgi4_13._body_1jgi4_13{display:flex;flex-direction:column;flex-grow:1;gap:var(--bp-space-040);margin-bottom:calc(var(--bp-space-010) * -1);padding-top:0;padding-bottom:var(--bp-space-010);overflow:auto}._form_1jgi4_37{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._form_1jgi4_37 ._isLoading_1jgi4_44{visibility:hidden}._loading_1jgi4_48{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._divider_1jgi4_56._divider_1jgi4_56{position:sticky;top:0;z-index:1;width:100%}
+._content_54561_1._content_54561_1{max-width:480px}._content_54561_1._content_54561_1._isFullscreen_54561_4{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border-radius:0;animation:none}._content_54561_1._content_54561_1._isFullscreen_54561_4 ._body_54561_13{overflow:hidden auto}._content_54561_1._content_54561_1 [data-radix-popper-content-wrapper]:has([data-side=top]){margin-top:max(332px - var(--radix-popper-available-height),0px)}._content_54561_1._content_54561_1 [data-radix-popper-content-wrapper]:has([data-side=bottom]){margin-top:min((332px - var(--radix-popper-available-height)) * -1,0px)}._title_54561_23{display:inline}._title_54561_23:after{display:inline-block;width:var(--bp-space-020);content:""}._body_54561_13._body_54561_13{display:flex;flex-direction:column;flex-grow:1;gap:var(--bp-space-040);margin-bottom:calc(var(--bp-space-010) * -1);padding-top:0;padding-bottom:var(--bp-space-010);overflow:auto}._form_54561_43{position:relative;display:flex;flex-direction:column;flex-grow:1;overflow:hidden}._form_54561_43 ._isLoading_54561_50{visibility:hidden}._loading_54561_54{position:absolute;inset:0;display:flex;align-items:center;padding-bottom:var(--bp-space-080)}._divider_54561_62._divider_54561_62{position:sticky;top:0;z-index:1;width:100%}

package/dist/types/lib/contexts/shared-link-settings-context.d.ts

@@ -1,11 +1,13 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 import { FormErrors } from '../hooks/use-form-validation';
 import { LinkSettingsFormData } from '../types';
 export interface SharedLinkSettingsContextValue {
+    containerRef: HTMLDivElement | null;
     errors: FormErrors;
     formData: LinkSettingsFormData;
     initialFormData: LinkSettingsFormData;
     resetForm: () => void;
+    setContainerRef: Dispatch<SetStateAction<HTMLDivElement | null>>;
     setFieldError: (field: any, error: any) => void;
     setFieldValue: (field: any, value: any) => void;
     submitForm: () => Promise<boolean>;

package/package.json

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