@box/metadata-filter 1.26.3 → 1.26.5

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-date-field/metadata-date-field.js

@@ -1,117 +1,114 @@
-import { Text as K, DateI18nProvider as Q, DatePicker as P } from "@box/blueprint-web";
-import { useFormikContext as W, Field as y } from "formik";
-import { useState as Y, useRef as E, useMemo as I } from "react";
-import { useIntl as Z } from "react-intl";
+import { Text as J, DateI18nProvider as K, DatePicker as k } from "@box/blueprint-web";
+import { useFormikContext as Q, Field as P } from "formik";
+import { useState as W, useRef as y, useMemo as E } from "react";
+import { useIntl as Y } from "react-intl";
 import n from "../../../../messages.js";
 import { R as a } from "../../../../../../chunks/types.js";
-import { DEFAULT_MAX_DATE as $ } from "./constants.js";
-import { convertToFormikValue as B } from "./date-conversion-utils.js";
-import { MetadataDateFieldRelative as ee } from "./metadata-date-field-relative.js";
+import { DEFAULT_MAX_DATE as I } from "./constants.js";
+import { convertToFormikValueRanged as $ } from "./date-conversion-utils.js";
+import { MetadataDateFieldRelative as Z } from "./metadata-date-field-relative.js";
 import { s as i } from "../../../../../../chunks/metadata-date-field.module.js";
 import { E as g } from "../../../../../../chunks/types2.js";
-import { useDateInternationalization as ae } from "./use-date-internationalization.js";
-import { useDateValidation as re } from "./use-date-validation.js";
-import { getDynamicMaxMinValue as w } from "./utils.js";
-import { jsx as t, jsxs as z } from "react/jsx-runtime";
-const ve = ({
+import { useDateValidation as ee } from "./use-date-validation.js";
+import { getDynamicMaxMinValue as B } from "./utils.js";
+import { jsx as t, jsxs as w } from "react/jsx-runtime";
+const Fe = ({
   canUseRelativeDates: f,
   ...s
-}) => f ? /* @__PURE__ */ t(ee, {
+}) => f ? /* @__PURE__ */ t(Z, {
   ...s
-}) : /* @__PURE__ */ t(te, {
+}) : /* @__PURE__ */ t(ae, {
   ...s
-}), te = ({
+}), ae = ({
   customFieldLabels: f = [],
   direction: s = "horizontal",
-  disableForm: v,
-  fieldNamePrefix: D,
-  label: O,
-  locale: M,
-  portalElement: T,
+  disableForm: p,
+  fieldNamePrefix: v,
+  label: D,
+  locale: O,
+  portalElement: L,
   hasAccordion: S
 }) => {
-  const [L, h] = Y(a.FROM), m = `${D}.value.range.gt`, c = `${D}.value.range.lt`, {
+  const [R, M] = W(a.FROM), m = `${v}.value.range.gt`, d = `${v}.value.range.lt`, {
     values: j,
     setFieldTouched: G,
-    setFieldValue: V
-  } = W(), {
-    localTimezone: R
-  } = ae(M), {
-    validateDates: b,
-    fromDatePickerValue: d,
+    setFieldValue: T
+  } = Q(), {
+    validateDates: V,
+    fromDatePickerValue: c,
     toDatePickerValue: u,
-    fromErrorType: x,
-    toErrorType: A
-  } = re(j, m, c, M, !1), o = Z(), F = E(d), p = E(u), C = {
+    fromErrorType: b,
+    toErrorType: x
+  } = ee(j, m, d, O, !0), o = Y(), h = y(c), F = y(u), A = {
     clearDatePickerAriaLabel: o.formatMessage(n.clearSelectedDate),
     nextMonthAriaLabel: o.formatMessage(n.switchToNextMonth),
     openCalendarDropdownAriaLabel: o.formatMessage(n.openCalendar),
     previousMonthAriaLabel: o.formatMessage(n.switchToNextMonth)
-  }, [X, _] = f, H = (e) => {
-    const r = B(e, R, a.FROM);
-    F.current = e, V(m, r), h(a.FROM);
-  }, U = (e) => {
-    const r = B(e, R, a.TO);
-    p.current = e, V(c, r), h(a.TO);
-  }, N = (e) => {
-    const r = e === a.FROM ? m : c;
-    G(r, !0), h(e);
-  }, q = I(() => w(u, $), [u]), J = I(() => w(d), [d]), k = (e, r, l) => !!(r === g.MAX && e === g.OVERLAPPING || e === g.OVERLAPPING && l);
-  return /* @__PURE__ */ z("div", {
+  }, [X, _] = f, z = (e) => {
+    const r = $(e, a.FROM);
+    h.current = e, T(m, r), M(a.FROM);
+  }, H = (e) => {
+    const r = $(e, a.TO);
+    F.current = e, T(d, r), M(a.TO);
+  }, C = (e) => {
+    const r = e === a.FROM ? m : d;
+    G(r, !0), M(e);
+  }, U = E(() => B(u, I), [u]), q = E(() => B(c), [c]), N = (e, r, l) => !!(r === g.MAX && e === g.OVERLAPPING || e === g.OVERLAPPING && l);
+  return /* @__PURE__ */ w("div", {
     className: i.container,
-    "data-testid": `${O}-field`,
-    children: [!S && /* @__PURE__ */ t(K, {
+    "data-testid": `${D}-field`,
+    children: [!S && /* @__PURE__ */ t(J, {
       as: "span",
       className: i.rangeFieldLabel,
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: O
-    }), /* @__PURE__ */ t(Q, {
-      locale: M,
-      children: /* @__PURE__ */ z("div", {
+      children: D
+    }), /* @__PURE__ */ t(K, {
+      locale: O,
+      children: /* @__PURE__ */ w("div", {
         className: `${i.rangeInputsContainer} ${s === "vertical" ? i.verticalLayout : ""}`,
-        children: [/* @__PURE__ */ t(y, {
+        children: [/* @__PURE__ */ t(P, {
           name: m,
-          validate: (e) => b(F.current, p.current, a.FROM),
+          validate: (e) => V(h.current, F.current, a.FROM),
           children: ({
             field: e,
             meta: r
           }) => /* @__PURE__ */ t("div", {
             className: i.inputContainer,
-            children: /* @__PURE__ */ t(P, {
+            children: /* @__PURE__ */ t(k, {
               ...e,
-              ...C,
+              ...A,
               calendarAriaLabel: o.formatMessage(n.selectFromDate),
-              error: k(x, A, L !== a.FROM) ? void 0 : r.error,
-              isDisabled: v,
+              error: N(b, x, R !== a.FROM) ? void 0 : r.error,
+              isDisabled: p,
               label: X || o.formatMessage(n.fieldFromLabel),
-              maxValue: q,
-              onBlur: () => N(a.FROM),
-              onChange: (l) => H(l),
-              portalElement: T,
-              value: d
+              maxValue: U,
+              onBlur: () => C(a.FROM),
+              onChange: (l) => z(l),
+              portalElement: L,
+              value: c
             })
           })
-        }), /* @__PURE__ */ t(y, {
-          name: c,
-          validate: (e) => b(F.current, p.current, a.TO),
+        }), /* @__PURE__ */ t(P, {
+          name: d,
+          validate: (e) => V(h.current, F.current, a.TO),
           children: ({
             field: e,
             meta: r
           }) => /* @__PURE__ */ t("div", {
             className: i.inputContainer,
-            children: /* @__PURE__ */ t(P, {
+            children: /* @__PURE__ */ t(k, {
               ...e,
-              ...C,
+              ...A,
               calendarAriaLabel: o.formatMessage(n.selectToDate),
-              error: k(A, x, L !== a.TO) ? void 0 : r.error,
-              isDisabled: v,
+              error: N(x, b, R !== a.TO) ? void 0 : r.error,
+              isDisabled: p,
               label: _ || o.formatMessage(n.fieldToLabel),
-              maxValue: $,
-              minValue: J,
-              onBlur: () => N(a.TO),
-              onChange: (l) => U(l),
-              portalElement: T,
+              maxValue: I,
+              minValue: q,
+              onBlur: () => C(a.TO),
+              onChange: (l) => H(l),
+              portalElement: L,
               value: u
             })
           })
@@ -121,7 +118,7 @@ const ve = ({
   });
 };
 export {
-  ve as MetadataDateField,
-  te as MetadataDateFieldNonRelative,
-  ve as default
+  Fe as MetadataDateField,
+  ae as MetadataDateFieldNonRelative,
+  Fe as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-filter",
-    "version": "1.26.3",
+    "version": "1.26.5",
     "peerDependencies": {
         "@box/blueprint-web": "^7.8.0",
         "@box/blueprint-web-assets": "^4.16.0",
@@ -11,9 +11,9 @@
         "react-intl": "6.4.2"
     },
     "devDependencies": {
-        "@box/blueprint-web": "^12.65.0",
-        "@box/blueprint-web-assets": "^4.65.0",
-        "@box/storybook-utils": "^0.14.1",
+        "@box/blueprint-web": "^12.66.0",
+        "@box/blueprint-web-assets": "^4.66.0",
+        "@box/storybook-utils": "^0.14.2",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-intl": "6.4.2"