@box/unified-share-modal 1.16.0 → 1.16.2

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

@@ -0,0 +1,25 @@
+import { useIntl as l } from "react-intl";
+import { Switch as s } from "@box/blueprint-web";
+import m from "./messages.js";
+import { jsx as a } from "react/jsx-runtime";
+function u({
+  canChange: e,
+  isAvailable: o,
+  isChecked: t,
+  isDisabled: n,
+  onToggle: r
+}) {
+  const {
+    formatMessage: i
+  } = l();
+  return o ? /* @__PURE__ */ a(s.Item, {
+    checked: t,
+    disabled: n || !e,
+    label: i(m.downloadSettingsToggleText),
+    onCheckedChange: r,
+    value: "download-link-settings"
+  }) : null;
+}
+export {
+  u as DownloadSection
+};

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

@@ -0,0 +1,47 @@
+import { useIntl as b } from "react-intl";
+import { Switch as x, DateI18nProvider as c, 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({
+  canChange: i,
+  error: t,
+  expiration: l,
+  isChecked: n,
+  isDisabled: o,
+  onChange: p,
+  onToggle: m
+}) {
+  const {
+    formatMessage: e
+  } = b();
+  return /* @__PURE__ */ s(k, {
+    children: [/* @__PURE__ */ r(x.Item, {
+      checked: n,
+      disabled: o || !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, {
+      locale: navigator.language || "en-US",
+      children: /* @__PURE__ */ r(d, {
+        calendarAriaLabel: e(a.linkExpirationCalendarAriaLabel),
+        clearDatePickerAriaLabel: e(a.linkExpirationClearDatePickerAriaLabel),
+        error: t,
+        hideLabel: !0,
+        isDisabled: o || !i,
+        label: e(a.linkExpirationDatePickerLabel),
+        minValue: L(),
+        nextMonthAriaLabel: e(a.linkExpirationNextMonthAriaLabel),
+        onChange: p,
+        openCalendarDropdownAriaLabel: e(a.linkExpirationOpenCalendarDropdownAriaLabel),
+        previousMonthAriaLabel: e(a.linkExpirationPreviousMonthAriaLabel),
+        value: l
+      })
+    })]
+  });
+}
+export {
+  f as ExpirationSection
+};

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

@@ -0,0 +1,51 @@
+import { useIntl as f } from "react-intl";
+import { Switch as h, InlineNotice as x, TextInput as I } from "@box/blueprint-web";
+import r from "./messages.js";
+import { jsxs as s, Fragment as l, jsx as t } from "react/jsx-runtime";
+const b = "••••••••";
+function L({
+  canChange: o,
+  error: i,
+  isAvailable: d,
+  isChecked: a,
+  isDefaultChecked: p,
+  isDisabled: n,
+  onBlur: c,
+  onChange: m,
+  onFocus: g,
+  onToggle: u,
+  password: w
+}) {
+  const {
+    formatMessage: e
+  } = f();
+  return d ? /* @__PURE__ */ s(l, {
+    children: [/* @__PURE__ */ t(h.Item, {
+      checked: a,
+      disabled: n || !o,
+      label: e(r.passwordToggleText),
+      onCheckedChange: u,
+      value: "password-settings"
+    }), a && /* @__PURE__ */ s(l, {
+      children: [o && /* @__PURE__ */ t(x, {
+        variant: "warning",
+        variantIconAriaLabel: e(r.warningNoticeIconAriaLabel),
+        children: e(r.passwordWarningText)
+      }), /* @__PURE__ */ t(I, {
+        disabled: n || !o,
+        error: i,
+        hideLabel: !0,
+        label: e(r.passwordToggleText),
+        onBlur: c,
+        onChange: m,
+        onFocus: g,
+        placeholder: p ? b : e(r.passwordInputPlaceholder),
+        type: "password",
+        value: w
+      })]
+    })]
+  }) : null;
+}
+export {
+  L as PasswordSection
+};

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

@@ -1,191 +1,156 @@
-import { useMemo as q } from "react";
-import { useIntl as G } from "react-intl";
-import { Modal as r, Text as y, Link as J, Switch as h, DateI18nProvider as K, DatePicker as Q, InlineNotice as E, TextInput as k } from "@box/blueprint-web";
-import e from "./messages.js";
-import { jsx as n, jsxs as d, Fragment as L } from "react/jsx-runtime";
-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_149ez_1", ia = "_body_149ez_5", S = {
-  content: na,
-  body: ia
-}, oa = "••••••••";
-function ba({
-  isOpen: D,
+import { useMemo as U } from "react";
+import { useIntl as H } from "react-intl";
+import { Modal as i, Text as R, Link as q } from "@box/blueprint-web";
+import { DownloadSection as G } from "./download-section.js";
+import { ExpirationSection as J } from "./expiration-section.js";
+import { PasswordSection as K } from "./password-section.js";
+import { VanitySection as Q } from "./vanity-section.js";
+import d from "./messages.js";
+import { jsx as a, jsxs as b } from "react/jsx-runtime";
+import { useAccessLevels as W } from "../../hooks/use-access-levels.js";
+import { formatDateFromTimestampToCalendarDate as X } from "../../utils/date.js";
+import { useLinkSettingsForm as Y } from "../../hooks/use-link-settings-form.js";
+import { useUnifiedShareModalContext as Z } from "../../contexts/unified-share-modal-context.js";
+import '../../../../styles/shared-link-settings-modal.css';const $ = "_content_149ez_1", ee = "_body_149ez_5", C = {
+  content: $,
+  body: ee
+};
+function pe({
+  isOpen: f,
   onOpenChange: u
 }) {
   const {
-    formatMessage: a
-  } = G(), {
-    eventService: N,
-    isSubmitting: P,
-    sharedLink: f
-  } = ea(), {
+    formatMessage: t
+  } = H(), {
+    eventService: S,
+    isSubmitting: E,
+    sharedLink: x
+  } = Z(), {
     expiresAt: c = 0,
-    settings: i = {},
-    vanityDomain: T = "",
-    vanityName: g = ""
-  } = f, {
+    settings: n = {},
+    vanityDomain: k = "",
+    vanityName: m = ""
+  } = x, {
     onSharedLinkSettingsClose: w
-  } = N, {
-    selectedAccess: m
-  } = X(), b = q(() => ({
-    expiration: c ? Y(c) : null,
-    isDownloadEnabled: !!i.isDownloadEnabled,
+  } = S, {
+    selectedAccess: g
+  } = W(), h = U(() => ({
+    expiration: c ? X(c) : null,
+    isDownloadEnabled: !!n.isDownloadEnabled,
     isExpirationEnabled: !!c,
-    isPasswordEnabled: !!i.isPasswordEnabled,
-    isVanityNameEnabled: !!g,
+    isPasswordEnabled: !!n.isPasswordEnabled,
+    isVanityNameEnabled: !!m,
     password: "",
-    vanityName: g
-  }), [c, i, g]), {
+    vanityName: m
+  }), [c, n, m]), {
     errors: p,
-    formData: t,
-    handleFormReset: A,
-    handleFormSubmit: I,
-    isUpdating: F,
-    setErrors: V,
-    setFieldError: l,
-    setFieldValue: s,
-    validatePassword: B
-  } = aa(b), v = () => {
-    A(), w && w(), u(!1);
-  }, M = async () => {
-    await I() || (V({}), u(!1));
-  }, _ = (o) => {
-    l("expiration", void 0), s("isExpirationEnabled", o);
-  }, O = (o) => {
-    l("expiration", void 0), s("expiration", o);
-  }, U = (o) => {
-    l("vanityName", void 0), s("isVanityNameEnabled", o);
-  }, z = (o) => {
-    l("vanityName", void 0), s("vanityName", o.target.value);
-  }, R = (o) => {
-    l("password", void 0), s("isPasswordEnabled", o);
-  }, W = (o) => {
-    l("password", void 0), s("password", o.target.value);
-  }, j = (o) => {
-    s("isDownloadEnabled", 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);
-  }, x = P || F;
-  return /* @__PURE__ */ n(r, {
+    formData: o,
+    handleFormReset: D,
+    handleFormSubmit: L,
+    isUpdating: N,
+    setErrors: P,
+    setFieldError: s,
+    setFieldValue: r,
+    validatePassword: F
+  } = Y(h), v = () => {
+    D(), w && w(), u(!1);
+  }, T = async () => {
+    await L() || (P({}), u(!1));
+  }, B = (e) => {
+    s("expiration", void 0), r("isExpirationEnabled", e);
+  }, V = (e) => {
+    s("expiration", void 0), r("expiration", e);
+  }, A = (e) => {
+    s("vanityName", void 0), r("isVanityNameEnabled", e);
+  }, M = (e) => {
+    s("vanityName", void 0), r("vanityName", e.target.value);
+  }, _ = (e) => {
+    s("password", void 0), r("isPasswordEnabled", e);
+  }, z = (e) => {
+    s("password", void 0), r("password", e.target.value);
+  }, I = (e) => {
+    r("isDownloadEnabled", e);
+  }, j = (e) => {
+    var y;
+    const O = (y = document.getElementById("usm-SharedLinkSettingsModal-primaryButton")) == null ? void 0 : y.contains(e.relatedTarget);
+    h.isPasswordEnabled && !o.password || O || F(o.password);
+  }, l = E || N;
+  return /* @__PURE__ */ a(i, {
     onOpenChange: v,
-    open: D,
-    children: /* @__PURE__ */ d(r.Content, {
-      className: S.content,
+    open: f,
+    children: /* @__PURE__ */ b(i.Content, {
+      className: C.content,
       size: "medium",
-      children: [/* @__PURE__ */ n(r.Header, {
-        children: a(e.title)
-      }), /* @__PURE__ */ d(r.Body, {
-        className: S.body,
-        children: [/* @__PURE__ */ n(y, {
+      children: [/* @__PURE__ */ a(i.Header, {
+        children: t(d.title)
+      }), /* @__PURE__ */ b(i.Body, {
+        className: C.body,
+        children: [/* @__PURE__ */ a(R, {
           as: "p",
           color: "textOnLightSecondary",
-          children: a(e.subtitle, {
-            learnSharedLinkSettingsLink: /* @__PURE__ */ n(J, {
+          children: t(d.subtitle, {
+            learnSharedLinkSettingsLink: /* @__PURE__ */ a(q, {
               href: "https://support.box.com/hc/en-us/articles/360043697554-Configuring-Individual-Shared-Link-Settings",
               rel: "noreferrer",
               target: "_blank",
-              children: a(e.learnSharedLinkSettingsLink)
+              children: t(d.learnSharedLinkSettingsLink)
             })
           })
-        }), /* @__PURE__ */ n(h.Item, {
-          checked: t.isExpirationEnabled,
-          disabled: !i.canChangeExpiration,
-          label: a(e.linkExpirationToggleText),
-          onCheckedChange: _,
-          value: "link-expiration-settings"
-        }), t.isExpirationEnabled && // Get the locale from the user's operating system settings
-        /* @__PURE__ */ n(K, {
-          locale: navigator.language || "en-US",
-          children: /* @__PURE__ */ n(Q, {
-            calendarAriaLabel: a(e.linkExpirationCalendarAriaLabel),
-            clearDatePickerAriaLabel: a(e.linkExpirationClearDatePickerAriaLabel),
-            error: p.expiration,
-            hideLabel: !0,
-            isDisabled: !i.canChangeExpiration,
-            label: a(e.linkExpirationDatePickerLabel),
-            minValue: Z(),
-            nextMonthAriaLabel: a(e.linkExpirationNextMonthAriaLabel),
-            onChange: O,
-            openCalendarDropdownAriaLabel: a(e.linkExpirationOpenCalendarDropdownAriaLabel),
-            previousMonthAriaLabel: a(e.linkExpirationPreviousMonthAriaLabel),
-            value: t.expiration
-          })
-        }), i.isPasswordAvailable && (m == null ? void 0 : m.id) === "open" && /* @__PURE__ */ n(h.Item, {
-          checked: t.isPasswordEnabled,
-          disabled: !i.canChangePassword,
-          label: a(e.passwordToggleText),
-          onCheckedChange: R,
-          value: "password-settings"
-        }), t.isPasswordEnabled && /* @__PURE__ */ d(L, {
-          children: [i.canChangePassword && /* @__PURE__ */ n(E, {
-            variant: "warning",
-            variantIconAriaLabel: a(e.warningNoticeIconAriaLabel),
-            children: a(e.passwordWarningText)
-          }), /* @__PURE__ */ n(k, {
-            disabled: !i.canChangePassword,
-            error: p.password,
-            hideLabel: !0,
-            label: a(e.passwordToggleText),
-            onBlur: $,
-            onChange: W,
-            onFocus: () => l("password", void 0),
-            placeholder: b.isPasswordEnabled ? oa : a(e.passwordInputPlaceholder),
-            type: "password",
-            value: t.password
-          })]
-        }), i.isVanityNameAvailable && /* @__PURE__ */ n(h.Item, {
-          checked: t.isVanityNameEnabled,
-          disabled: !i.canChangeVanityName,
-          label: a(e.vanityNameToggleText),
-          onCheckedChange: U,
-          value: "vanity-domain-settings"
-        }), t.isVanityNameEnabled && /* @__PURE__ */ d(L, {
-          children: [i.canChangeVanityName && /* @__PURE__ */ n(E, {
-            variant: "warning",
-            variantIconAriaLabel: a(e.warningNoticeIconAriaLabel),
-            children: a(e.vanityDomainSettingsWarningText)
-          }), /* @__PURE__ */ n(k, {
-            disabled: !i.canChangeVanityName,
-            error: p.vanityName,
-            hideLabel: !0,
-            label: a(e.vanityNameInputLabel),
-            onChange: z,
-            placeholder: a(e.vanityNameInputPlaceholder),
-            value: t.vanityName
-          }), i.canChangeVanityName && /* @__PURE__ */ n(y, {
-            as: "p",
-            children: `${T}${t.vanityName}`
-          })]
-        }), i.isDownloadAvailable && /* @__PURE__ */ n(h.Item, {
-          checked: t.isDownloadEnabled,
-          disabled: !i.canChangeDownload,
-          label: a(e.downloadSettingsToggleText),
-          onCheckedChange: j,
-          value: "download-link-settings"
+        }), /* @__PURE__ */ a(J, {
+          canChange: !!n.canChangeExpiration,
+          error: p.expiration,
+          expiration: o.expiration,
+          isChecked: o.isExpirationEnabled,
+          isDisabled: l,
+          onChange: V,
+          onToggle: B
+        }), /* @__PURE__ */ a(K, {
+          canChange: !!n.canChangePassword,
+          error: p.password,
+          isAvailable: n.isPasswordAvailable && (g == null ? void 0 : g.id) === "open",
+          isChecked: o.isPasswordEnabled,
+          isDefaultChecked: h.isPasswordEnabled,
+          isDisabled: l,
+          onBlur: j,
+          onChange: z,
+          onFocus: () => s("password", void 0),
+          onToggle: _,
+          password: o.password
+        }), /* @__PURE__ */ a(Q, {
+          canChange: !!n.canChangeVanityName,
+          error: p.vanityName,
+          isAvailable: !!n.isVanityNameAvailable,
+          isChecked: o.isVanityNameEnabled,
+          isDisabled: l,
+          onChange: M,
+          onToggle: A,
+          vanityDomain: k,
+          vanityName: o.vanityName
+        }), /* @__PURE__ */ a(G, {
+          canChange: !!n.canChangeDownload,
+          isAvailable: !!n.isDownloadAvailable,
+          isChecked: o.isDownloadEnabled,
+          isDisabled: l,
+          onToggle: I
         })]
-      }), /* @__PURE__ */ d(r.Footer, {
-        children: [/* @__PURE__ */ n(r.Footer.SecondaryButton, {
-          disabled: x,
+      }), /* @__PURE__ */ b(i.Footer, {
+        children: [/* @__PURE__ */ a(i.Footer.SecondaryButton, {
+          disabled: l,
           onClick: v,
-          children: a(e.cancelButton)
-        }), /* @__PURE__ */ n(r.Footer.PrimaryButton, {
+          children: t(d.cancelButton)
+        }), /* @__PURE__ */ a(i.Footer.PrimaryButton, {
           id: "usm-SharedLinkSettingsModal-primaryButton",
-          loading: x,
-          loadingAriaLabel: a(e.loadingLabel),
-          onClick: M,
-          children: a(e.saveButton)
+          loading: l,
+          loadingAriaLabel: t(d.loadingLabel),
+          onClick: T,
+          children: t(d.saveButton)
         })]
-      }), /* @__PURE__ */ n(r.Close, {
-        "aria-label": a(e.closeButton)
+      }), /* @__PURE__ */ a(i.Close, {
+        "aria-label": t(d.closeButton)
       })]
     })
   });
 }
 export {
-  ba as SharedLinkSettingsModal
+  pe as SharedLinkSettingsModal
 };

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

@@ -0,0 +1,48 @@
+import { useIntl as g } from "react-intl";
+import { Switch as v, InlineNotice as I, TextInput as b, Text as f } from "@box/blueprint-web";
+import t from "./messages.js";
+import { jsxs as o, Fragment as m, jsx as i } from "react/jsx-runtime";
+function L({
+  canChange: n,
+  error: c,
+  isAvailable: s,
+  isChecked: a,
+  isDisabled: r,
+  onChange: d,
+  onToggle: u,
+  vanityDomain: p,
+  vanityName: l
+}) {
+  const {
+    formatMessage: e
+  } = g();
+  return s ? /* @__PURE__ */ o(m, {
+    children: [/* @__PURE__ */ i(v.Item, {
+      checked: a,
+      disabled: r || !n,
+      label: e(t.vanityNameToggleText),
+      onCheckedChange: u,
+      value: "vanity-domain-settings"
+    }), a && /* @__PURE__ */ o(m, {
+      children: [n && /* @__PURE__ */ i(I, {
+        variant: "warning",
+        variantIconAriaLabel: e(t.warningNoticeIconAriaLabel),
+        children: e(t.vanityDomainSettingsWarningText)
+      }), /* @__PURE__ */ i(b, {
+        disabled: r || !n,
+        error: c,
+        hideLabel: !0,
+        label: e(t.vanityNameInputLabel),
+        onChange: d,
+        placeholder: e(t.vanityNameInputPlaceholder),
+        value: l
+      }), n && /* @__PURE__ */ i(f, {
+        as: "p",
+        children: `${p}${l}`
+      })]
+    })]
+  }) : null;
+}
+export {
+  L as VanitySection
+};

package/dist/types/lib/components/shared-link-settings-modal/download-section.d.ts

@@ -0,0 +1,8 @@
+export interface DownloadSectionProps {
+    canChange: boolean;
+    isAvailable: boolean;
+    isChecked: boolean;
+    isDisabled: boolean;
+    onToggle: (checked: boolean) => void;
+}
+export declare function DownloadSection({ canChange, isAvailable, isChecked, isDisabled, onToggle }: DownloadSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/shared-link-settings-modal/expiration-section.d.ts

@@ -0,0 +1,11 @@
+import { DateValue } from '../../types';
+export interface ExpirationSectionProps {
+    canChange: boolean;
+    error?: string;
+    expiration: DateValue | null;
+    isChecked: boolean;
+    isDisabled: boolean;
+    onChange: (value: DateValue) => void;
+    onToggle: (checked: boolean) => void;
+}
+export declare function ExpirationSection({ canChange, error, expiration, isChecked, isDisabled, onChange, onToggle, }: ExpirationSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/shared-link-settings-modal/password-section.d.ts

@@ -0,0 +1,14 @@
+export interface PasswordSectionProps {
+    canChange: boolean;
+    error?: string;
+    isAvailable: boolean;
+    isChecked: boolean;
+    isDefaultChecked: boolean;
+    isDisabled: boolean;
+    onBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus: () => void;
+    onToggle: (checked: boolean) => void;
+    password: string;
+}
+export declare function PasswordSection({ canChange, error, isAvailable, isChecked, isDefaultChecked, isDisabled, onBlur, onChange, onFocus, onToggle, password, }: PasswordSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/shared-link-settings-modal/vanity-section.d.ts

@@ -0,0 +1,12 @@
+export interface VanitySectionProps {
+    canChange: boolean;
+    error?: string;
+    isAvailable: boolean;
+    isChecked: boolean;
+    isDisabled: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onToggle: (checked: boolean) => void;
+    vanityDomain: string;
+    vanityName: string;
+}
+export declare function VanitySection({ canChange, error, isAvailable, isChecked, isDisabled, onChange, onToggle, vanityDomain, vanityName, }: VanitySectionProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/unified-share-modal",
-    "version": "1.16.0",
+    "version": "1.16.2",
     "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.101.0",
+        "@box/blueprint-web": "^12.102.0",
         "@box/blueprint-web-assets": "^4.85.0",
-        "@box/copy-input": "^1.15.0",
+        "@box/copy-input": "^1.15.1",
         "@box/storybook-utils": "0.14.22",
         "@box/eslint-plugin-blueprint": "1.0.5",
         "react-intl": "^6.4.2"