@box/metadata-filter 1.52.3 → 1.53.0

package/dist/chunks/index.js

@@ -1,76 +1,75 @@
-import { Text as D, Select as c } from "@box/blueprint-web";
-import { Field as k } from "formik";
-import { useState as B, useCallback as M } from "react";
-import { useIntl as N } from "react-intl";
-import l from "../esm/lib/messages.js";
-import { jsxs as _, Fragment as $, jsx as e } from "react/jsx-runtime";
-import '../styles/index.css';const q = "_noAttributesText_2lw3u_1", z = "_fieldLabel_2lw3u_5", E = "_selectContainer_2lw3u_10", G = "_comboboxContainer_2lw3u_15", H = "_modifiedIcon_2lw3u_19", d = {
-  noAttributesText: q,
-  fieldLabel: z,
-  selectContainer: E,
-  comboboxContainer: G,
-  modifiedIcon: H
-}, W = ({
-  label: m,
-  fieldNamePrefix: i,
-  fieldAdvancedFilterOptions: h,
-  filterOptionsMap: n,
-  disableForm: b,
-  portalElement: x,
-  onAdvancedFilterOptionChange: s,
-  onValueChange: u,
+import { Text as S, Select as s } from "@box/blueprint-web";
+import { Field as j } from "formik";
+import { useState as D, useCallback as k } from "react";
+import { useIntl as B } from "react-intl";
+import a from "../esm/lib/messages.js";
+import { jsxs as b, Fragment as N, jsx as e } from "react/jsx-runtime";
+import '../styles/index.css';const $ = "_noAttributesText_2lw3u_1", q = "_fieldLabel_2lw3u_5", z = "_selectContainer_2lw3u_10", E = "_modifiedIcon_2lw3u_19", c = {
+  noAttributesText: $,
+  fieldLabel: q,
+  selectContainer: z,
+  modifiedIcon: E
+}, U = ({
+  label: d,
+  fieldNamePrefix: l,
+  fieldAdvancedFilterOptions: _,
+  filterOptionsMap: h,
+  disableForm: m,
+  portalElement: p,
+  onAdvancedFilterOptionChange: n,
+  onValueChange: f,
   defaultValue: v = "",
-  showLabel: C = !0,
-  advancedFilterFieldName: L = `${i}.value.advancedFilterOption`,
-  value: r,
-  labelClassName: g = d.fieldLabel,
+  showLabel: L = !0,
+  advancedFilterFieldName: g = `${l}.value.advancedFilterOption`,
+  value: i,
+  labelClassName: x = c.fieldLabel,
   labelAs: A = "div",
   open: I,
-  onOpenChange: w,
-  isModified: T
+  onOpenChange: C,
+  isModified: M
 }) => {
-  const a = N(), [F, p] = B(h || v), y = r !== void 0 ? r : F, S = M((t, ...o) => {
-    r === void 0 && p(t), s && s(i, t), u(t, ...o);
-  }, [i, s, u, r]);
-  return /* @__PURE__ */ _($, {
-    children: [C && /* @__PURE__ */ _(D, {
+  const o = B(), [T, w] = D(_ || v), F = i !== void 0 ? i : T, y = k((t, ...r) => {
+    i === void 0 && w(t), n && n(l, t), f(t, ...r);
+  }, [l, n, f, i]);
+  return /* @__PURE__ */ b(N, {
+    children: [L && /* @__PURE__ */ b(S, {
       as: A,
-      className: g,
+      className: x,
       color: "textOnLightDefault",
       variant: "bodyDefaultBold",
-      children: [m, T && /* @__PURE__ */ e("div", {
-        "aria-label": a.formatMessage(l.filterModifiedAriaLabel),
-        className: d.modifiedIcon,
+      children: [d, M && /* @__PURE__ */ e("div", {
+        "aria-label": o.formatMessage(a.filterModifiedAriaLabel),
+        className: c.modifiedIcon,
         role: "img"
       })]
-    }), /* @__PURE__ */ e(k, {
-      name: L,
+    }), /* @__PURE__ */ e(j, {
+      name: g,
       children: ({
         field: t,
-        meta: o
+        meta: r
       }) => /* @__PURE__ */ e("div", {
-        className: d.selectContainer,
-        children: /* @__PURE__ */ e(c, {
+        className: c.selectContainer,
+        children: /* @__PURE__ */ e(s, {
           ...t,
-          "aria-disabled": b,
-          "aria-label": a.formatMessage(l.advancedFilterOptionAriaLabel, {
-            label: m
+          "aria-disabled": m,
+          "aria-label": o.formatMessage(a.advancedFilterOptionAriaLabel, {
+            label: d
           }),
-          disabled: b,
-          error: o.touched && o.error ? o.error : void 0,
+          disabled: m,
+          error: r.touched && r.error ? r.error : void 0,
           hideLabel: !0,
-          label: a.formatMessage(l.selectFilterType),
-          onOpenChange: w,
-          onValueChange: S,
+          label: o.formatMessage(a.selectFilterType),
+          onOpenChange: C,
+          onValueChange: y,
           open: I,
-          placeholder: a.formatMessage(l.selectOptionPlaceholder),
-          value: y,
-          children: /* @__PURE__ */ e(c.Content, {
-            container: x,
-            children: n == null ? void 0 : n.map(([f, j]) => /* @__PURE__ */ e(c.Option, {
-              text: j,
-              value: f
-            }, f))
+          placeholder: o.formatMessage(a.selectOptionPlaceholder),
+          value: F,
+          children: /* @__PURE__ */ e(s.Content, {
+            container: p,
+            children: h?.map(([u, O]) => /* @__PURE__ */ e(s.Option, {
+              text: O,
+              value: u
+            }, u))
           })
         })
       })
@@ -78,6 +77,6 @@ import '../styles/index.css';const q = "_noAttributesText_2lw3u_1", z = "_fieldL
   });
 };
 export {
-  W as A,
-  d as s
+  U as A,
+  c as s
 };

package/dist/chunks/metadata-float-field.module.js

@@ -1,10 +1,8 @@
-import '../styles/metadata-float-field.css';const n = "_container_uvlwq_1", e = "_rangeInputsContainer_uvlwq_6", t = "_inputContainer_uvlwq_16", a = "_advancedFilterContainer_uvlwq_23", i = "_fieldLabel_uvlwq_44", o = "_selectContainer_uvlwq_49", r = {
+import '../styles/metadata-float-field.css';const n = "_container_uvlwq_1", t = "_rangeInputsContainer_uvlwq_6", e = "_inputContainer_uvlwq_16", a = "_advancedFilterContainer_uvlwq_23", r = {
   container: n,
-  rangeInputsContainer: e,
-  inputContainer: t,
-  advancedFilterContainer: a,
-  fieldLabel: i,
-  selectContainer: o
+  rangeInputsContainer: t,
+  inputContainer: e,
+  advancedFilterContainer: a
 };
 export {
   r as s

package/dist/chunks/types.js

@@ -1,6 +1,6 @@
-let O = /* @__PURE__ */ function(t) {
+let O = /* @__PURE__ */ (function(t) {
   return t[t.TO = 0] = "TO", t[t.FROM = 1] = "FROM", t;
-}({});
+})({});
 export {
   O as R
 };

package/dist/chunks/types2.js

@@ -1,6 +1,6 @@
-let I = /* @__PURE__ */ function(A) {
+let I = /* @__PURE__ */ (function(A) {
   return A[A.MAX = 0] = "MAX", A[A.OVERLAPPING = 1] = "OVERLAPPING", A[A.INVALID = 2] = "INVALID", A;
-}({});
+})({});
 export {
   I as E
 };

package/dist/chunks/use-float-validation.js

@@ -1,24 +1,24 @@
 import { useState as I } from "react";
 import { useIntl as d } from "react-intl";
-import e from "../esm/lib/messages.js";
+import r from "../esm/lib/messages.js";
 import { R as p } from "./types.js";
-let V = /* @__PURE__ */ function(t) {
+let V = /* @__PURE__ */ (function(t) {
   return t[t.INVALID = 0] = "INVALID", t[t.OVERLAPPING = 1] = "OVERLAPPING", t;
-}({});
-const c = (t, r = !1) => t != null && t.length ? r ? /^[-+]?(\d+(\.\d*)?|\.\d+)$/.test(t) : /^[-+]?\d+(\.\d+)?$/.test(t) : !0, R = (t, r, a) => {
-  const n = parseFloat(t), l = parseFloat(r);
+})({});
+const c = (t, e = !1) => t?.length ? e ? /^[-+]?(\d+(\.\d*)?|\.\d+)$/.test(t) : /^[-+]?\d+(\.\d+)?$/.test(t) : !0, R = (t, e, a) => {
+  const n = parseFloat(t), l = parseFloat(e);
   return a ? l <= n : l < n;
-}, O = (t, r, a) => r ? t ? a.formatMessage(e.floatFieldInvalidMinValueRange) : a.formatMessage(e.floatFieldInvalidMaxValueRange) : t ? a.formatMessage(e.floatFieldInvalidFromValueRange) : a.formatMessage(e.floatFieldInvalidToValueRange), M = (t, r, a) => r ? a.formatMessage(e.mustBeANumber) : t ? a.formatMessage(e.floatFieldInvalidFromValue) : a.formatMessage(e.floatFieldInvalidToValue), A = () => {
-  const t = d(), [r, a] = I(null), [n, l] = I(null), u = (i, s) => i === p.FROM ? a(s) : l(s);
+}, O = (t, e, a) => e ? t ? a.formatMessage(r.floatFieldInvalidMinValueRange) : a.formatMessage(r.floatFieldInvalidMaxValueRange) : t ? a.formatMessage(r.floatFieldInvalidFromValueRange) : a.formatMessage(r.floatFieldInvalidToValueRange), M = (t, e, a) => e ? a.formatMessage(r.mustBeANumber) : t ? a.formatMessage(r.floatFieldInvalidFromValue) : a.formatMessage(r.floatFieldInvalidToValue), A = () => {
+  const t = d(), [e, a] = I(null), [n, l] = I(null), g = (i, s) => i === p.FROM ? a(s) : l(s);
   return {
-    validateFloats: (i, s, f, o = !1) => {
-      const g = f === p.FROM, m = c(i, o), F = c(s, o);
-      if (!(g ? m : F))
-        return u(f, V.INVALID), M(g, o, t);
+    validateFloats: (i, s, u, o = !1) => {
+      const f = u === p.FROM, m = c(i, o), F = c(s, o);
+      if (!(f ? m : F))
+        return g(u, V.INVALID), M(f, o, t);
       if (m && F && R(i, s, o))
-        return u(f, V.OVERLAPPING), O(g, o, t);
+        return g(u, V.OVERLAPPING), O(f, o, t);
     },
-    fromErrorType: r,
+    fromErrorType: e,
     toErrorType: n
   };
 };

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

@@ -1,36 +1,35 @@
-import { toCalendarDateTime as c, parseAbsolute as F, parseAbsoluteToLocal as w, toCalendarDate as D, Time as v, toZoned as p, fromAbsolute as f } from "@box/blueprint-web";
-import { R as d } from "../../../../../../chunks/types.js";
-const h = (o, t) => {
+import { fromAbsolute as v, toCalendarDateTime as d, parseAbsolute as g, parseAbsoluteToLocal as w, toCalendarDate as b, Time as f, toZoned as D } from "@box/blueprint-web";
+import { R as i } from "../../../../../../chunks/types.js";
+const F = (o, t) => {
   try {
-    const s = t ? c(F(o, "UTC")) : w(o);
-    return D(s);
+    const e = t ? d(g(o, "UTC")) : w(o);
+    return b(e);
   } catch {
     return null;
   }
-}, z = (o, t, s) => {
-  let e = "";
+}, y = (o, t, e) => {
+  let r = "";
   if (o) {
-    const n = s === d.FROM ? o : c(o, new v(23, 59, 59, 999));
-    e = p(n, t).toAbsoluteString();
+    const n = e === i.FROM ? o : d(o, new f(23, 59, 59, 999));
+    r = D(n, t).toAbsoluteString();
   }
-  return e;
-}, u = (o, t) => {
-  let s = "";
+  return r;
+}, c = (o, t) => {
+  let e = "";
   if (o) {
-    const e = t === d.FROM ? c(o, new v(0, 0, 0, 0)) : c(o, new v(23, 59, 59, 999));
-    s = p(e, "UTC").toAbsoluteString();
+    const r = t === i.FROM ? d(o, new f(0, 0, 0, 0)) : d(o, new f(23, 59, 59, 999));
+    e = D(r, "UTC").toAbsoluteString();
   }
-  return s;
-}, A = (o, t, s = (/* @__PURE__ */ new Date()).getTime()) => {
-  var C;
+  return e;
+}, M = (o, t, e = (/* @__PURE__ */ new Date()).getTime()) => {
   if ((o === "next" || o === "past" || o === "olderThan") && (t === void 0 || isNaN(t)))
     return {
       from: void 0,
       to: void 0
     };
-  const e = (i) => i === void 0 ? void 0 : i, n = e(f(s, "UTC")), a = (i) => e(n == null ? void 0 : n.add({
-    days: i * t
-  })), T = {
+  const r = (T) => T === void 0 ? void 0 : T, n = r(v(e, "UTC")), a = (T) => r(n?.add({
+    days: T * t
+  })), s = {
     today: () => ({
       from: n,
       to: n
@@ -44,27 +43,27 @@ const h = (o, t) => {
       to: n
     }),
     olderThan: () => ({
-      from: e(f(0, "UTC")),
+      from: r(v(0, "UTC")),
       to: a(-1)
     })
-  }, r = (C = T[o]) == null ? void 0 : C.call(T), m = r == null ? void 0 : r.from, b = r == null ? void 0 : r.to;
+  }[o]?.(), m = s?.from, l = s?.to;
   return {
-    from: m ? u(m, d.FROM) : void 0,
-    to: b ? u(b, d.TO) : void 0
+    from: m ? c(m, i.FROM) : void 0,
+    to: l ? c(l, i.TO) : void 0
   };
-}, R = (o, t) => {
-  const s = (r) => r === void 0 ? void 0 : r, e = s(f((/* @__PURE__ */ new Date()).getTime(), "UTC")), n = (r, m) => s(e == null ? void 0 : e.add({
-    days: r * m
-  })), a = n(o < 1 ? -1 : 1, Math.abs(o)), T = n(t < 1 ? -1 : 1, Math.abs(t));
+}, O = (o, t) => {
+  const e = (s) => s === void 0 ? void 0 : s, r = e(v((/* @__PURE__ */ new Date()).getTime(), "UTC")), n = (s, m) => e(r?.add({
+    days: s * m
+  })), a = n(o < 1 ? -1 : 1, Math.abs(o)), u = n(t < 1 ? -1 : 1, Math.abs(t));
   return {
-    from: a ? u(a, d.FROM) : void 0,
-    to: T ? u(T, d.TO) : void 0
+    from: a ? c(a, i.FROM) : void 0,
+    to: u ? c(u, i.TO) : void 0
   };
 };
 export {
-  h as convertToDatePickerValue,
-  z as convertToFormikValue,
-  u as convertToFormikValueRanged,
-  R as getCustomFromToValues,
-  A as getRelativeFromToValues
+  F as convertToDatePickerValue,
+  y as convertToFormikValue,
+  c as convertToFormikValueRanged,
+  O as getCustomFromToValues,
+  M as getRelativeFromToValues
 };

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

@@ -16,7 +16,7 @@ import { jsx as n, jsxs as W } from "react/jsx-runtime";
 import { A as Te } from "../../../../../../chunks/index.js";
 const $e = ({
   disableForm: h,
-  fieldNamePrefix: u,
+  fieldNamePrefix: d,
   label: I,
   locale: C,
   portalElement: M,
@@ -26,9 +26,9 @@ const $e = ({
   hasAccordion: Z,
   isModified: ee
 }) => {
-  const T = `${u}.value.advancedFilterOption`, m = `${u}.value.relativeDays`, o = `${u}.value.range.gt`, r = `${u}.value.range.lt`, {
+  const T = `${d}.value.advancedFilterOption`, u = `${d}.value.relativeDays`, r = `${d}.value.range.gt`, o = `${d}.value.range.lt`, {
     values: E,
-    setFieldValue: a,
+    setFieldValue: t,
     setFieldTouched: S
   } = ve(), {
     validateDates: B,
@@ -36,76 +36,76 @@ const $e = ({
     toDatePickerValue: D,
     fromErrorType: x,
     toErrorType: P
-  } = Fe(E, o, r, C, !0), {
-    validatePositiveInteger: te
-  } = De(), l = ge(), [f, ae] = L(N || ""), [U, V] = L(!1), d = pe(E, m), [_, R] = L(s.FROM), y = X(F), O = X(D), $ = {
+  } = Fe(E, r, o, C, !0), {
+    validatePositiveInteger: ae
+  } = De(), l = ge(), [m, te] = L(N || ""), [U, V] = L(!1), f = pe(E, u), [_, y] = L(s.FROM), R = X(F), O = X(D), $ = {
     clearDatePickerAriaLabel: l.formatMessage(i.clearSelectedDate),
     nextMonthAriaLabel: l.formatMessage(i.switchToNextMonth),
     openCalendarDropdownAriaLabel: l.formatMessage(i.openCalendar),
     previousMonthAriaLabel: l.formatMessage(i.switchToNextMonth)
   }, w = v(() => {
-    if (f === "today") {
+    if (m === "today") {
       const {
         from: e,
-        to: t
+        to: a
       } = J("today", void 0);
-      a(o, e), a(r, t);
-    } else if (d !== void 0) {
-      const e = typeof d == "string" ? Number(d) : d;
+      t(r, e), t(o, a);
+    } else if (f !== void 0) {
+      const e = typeof f == "string" ? Number(f) : f;
       if (!isNaN(e) && e > 0) {
-        const t = f;
-        if (["next", "past", "olderThan"].includes(t)) {
+        const a = m;
+        if (["next", "past", "olderThan"].includes(a)) {
           const {
             from: c,
             to: k
-          } = J(t, e);
-          a(o, c), a(r, k);
+          } = J(a, e);
+          t(r, c), t(o, k);
         }
       }
     }
-  }, [f, d, o, r, a]);
+  }, [m, f, r, o, t]);
   he(() => {
     U && (w(), V(!1));
   }, [U, w]);
-  const oe = v((e) => {
-    const t = e;
-    ae(t), a(T, t), g && g(u, t);
+  const re = v((e) => {
+    const a = e;
+    te(a), t(T, a), g && g(d, a);
     const c = () => {
-      a(m, void 0), a(o, void 0), a(r, void 0);
+      t(u, void 0), t(r, void 0), t(o, void 0);
     }, k = () => {
-      a(o, void 0), a(r, void 0);
+      t(r, void 0), t(o, void 0);
     };
-    ["isBlank", "isNotBlank", "selectFilterType"].includes(t) || !t || t === "customRange" ? c() : t === "today" ? (a(m, void 0), V(!0)) : k();
-  }, [u, g, a, T, m, o, r]), re = v((e) => {
+    ["isBlank", "isNotBlank", "selectFilterType"].includes(a) || !a || a === "customRange" ? c() : a === "today" ? (t(u, void 0), V(!0)) : k();
+  }, [d, g, t, T, u, r, o]), oe = v((e) => {
     const {
-      valueToStore: t,
+      valueToStore: a,
       shouldTriggerUpdate: c
     } = Me(e);
-    a(m, t), c && V(!0);
-  }, [a, m]), se = v((e) => {
-    const t = K(e, s.FROM);
-    y.current = e, a(o, t), R(s.FROM);
-  }, [a, o]), ne = v((e) => {
-    const t = K(e, s.TO);
-    O.current = e, a(r, t), R(s.TO);
-  }, [a, r]), j = v((e) => {
-    const t = e === s.FROM ? o : r;
-    S(t, !0), R(e);
-  }, [S, o, r]), le = q(() => Q(D, z), [D]), ie = q(() => Q(F), [F]), G = (e, t, c) => !!(t === A.MAX && e === A.OVERLAPPING || e === A.OVERLAPPING && c), ce = ["isBlank", "isNotBlank", "selectFilterType", "today"], de = () => !f || ce.includes(f) ? null : f === "customRange" ? /* @__PURE__ */ W("div", {
+    t(u, a), c && V(!0);
+  }, [t, u]), se = v((e) => {
+    const a = K(e, s.FROM);
+    R.current = e, t(r, a), y(s.FROM);
+  }, [t, r]), ne = v((e) => {
+    const a = K(e, s.TO);
+    O.current = e, t(o, a), y(s.TO);
+  }, [t, o]), j = v((e) => {
+    const a = e === s.FROM ? r : o;
+    S(a, !0), y(e);
+  }, [S, r, o]), le = q(() => Q(D, z), [D]), ie = q(() => Q(F), [F]), G = (e, a, c) => !!(a === A.MAX && e === A.OVERLAPPING || e === A.OVERLAPPING && c), ce = ["isBlank", "isNotBlank", "selectFilterType", "today"], de = () => !m || ce.includes(m) ? null : m === "customRange" ? /* @__PURE__ */ W("div", {
     className: fe(p.rangeInputsContainer, p.verticalLayout),
     children: [/* @__PURE__ */ n(b, {
-      name: o,
-      validate: (e) => B(y.current, O.current, s.FROM),
+      name: r,
+      validate: (e) => B(R.current, O.current, s.FROM),
       children: ({
         field: e,
-        meta: t
+        meta: a
       }) => /* @__PURE__ */ n("div", {
         className: p.datePicker,
         children: /* @__PURE__ */ n(H, {
           ...e,
           ...$,
           calendarAriaLabel: l.formatMessage(i.selectStartDate),
-          error: !G(x, P, _ !== s.FROM) && t.error,
+          error: !G(x, P, _ !== s.FROM) && a.error,
           isDisabled: h,
           label: l.formatMessage(i.afterDate),
           maxValue: le,
@@ -116,18 +116,18 @@ const $e = ({
         })
       })
     }), /* @__PURE__ */ n(b, {
-      name: r,
-      validate: (e) => B(y.current, O.current, s.TO),
+      name: o,
+      validate: (e) => B(R.current, O.current, s.TO),
       children: ({
         field: e,
-        meta: t
+        meta: a
       }) => /* @__PURE__ */ n("div", {
         className: p.datePicker,
         children: /* @__PURE__ */ n(H, {
           ...e,
           ...$,
           calendarAriaLabel: l.formatMessage(i.selectEndDate),
-          error: !G(P, x, _ !== s.TO) && t.error,
+          error: !G(P, x, _ !== s.TO) && a.error,
           isDisabled: h,
           label: l.formatMessage(i.beforeDate),
           maxValue: z,
@@ -140,22 +140,22 @@ const $e = ({
       })
     })]
   }) : /* @__PURE__ */ n(b, {
-    name: m,
-    validate: (e) => te((e == null ? void 0 : e.toString()) || ""),
+    name: u,
+    validate: (e) => ae(e?.toString() || ""),
     children: ({
       field: e,
-      meta: t
+      meta: a
     }) => /* @__PURE__ */ n("div", {
       className: p.daysInputContainer,
       children: /* @__PURE__ */ n(me, {
         ...e,
         disabled: h,
-        error: t.touched && t.error,
+        error: a.touched && a.error,
         hideLabel: !0,
         label: l.formatMessage(i.relativeDaysSelectLabel),
-        onChange: (c) => re(c.target.value),
+        onChange: (c) => oe(c.target.value),
         placeholder: l.formatMessage(i.numberOfDays),
-        value: (d == null ? void 0 : d.toString()) || ""
+        value: f?.toString() || ""
       })
     })
   });
@@ -168,15 +168,15 @@ const $e = ({
         advancedFilterFieldName: T,
         disableForm: h,
         fieldAdvancedFilterOptions: N,
-        fieldNamePrefix: u,
+        fieldNamePrefix: d,
         filterOptionsMap: Y,
         isModified: ee,
         label: I,
         onAdvancedFilterOptionChange: g,
-        onValueChange: oe,
+        onValueChange: re,
         portalElement: M,
         showLabel: !Z,
-        value: f
+        value: m
       }), de()]
     })
   });