@box/metadata-editor 0.74.4 → 0.74.5

package/chunks/utils.js

@@ -1,42 +1,43 @@
 import "../styles/utils.css";
 import { BoxAiLogo as n } from "@box/blueprint-web-assets/icons/Logo";
 import c from "../esm/lib/components/interactive-text/interactive-text.js";
-import { jsxs as i, jsx as o } from "react/jsx-runtime";
-const _ = "_noAttributesText_ycjhh_753", h = "_fieldWrapper_ycjhh_757", b = "_hasSuggestion_ycjhh_762", p = "_error_ycjhh_770", g = "_dateField_ycjhh_782", x = "_suggestionApplied_ycjhh_786", d = "_comboboxContainer_ycjhh_786", u = "_labelWrapper_ycjhh_800", m = "_labelText_ycjhh_806", y = "_labelIcon_ycjhh_809", t = {
-  noAttributesText: _,
-  fieldWrapper: h,
+import { convertISOStringToUTCDate as i } from "../esm/lib/utils/convertDate.js";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+const h = "_noAttributesText_ycjhh_753", p = "_fieldWrapper_ycjhh_757", b = "_hasSuggestion_ycjhh_762", g = "_error_ycjhh_770", x = "_dateField_ycjhh_782", d = "_suggestionApplied_ycjhh_786", m = "_comboboxContainer_ycjhh_786", u = "_labelWrapper_ycjhh_800", y = "_labelText_ycjhh_806", j = "_labelIcon_ycjhh_809", t = {
+  noAttributesText: h,
+  fieldWrapper: p,
   hasSuggestion: b,
-  error: p,
-  dateField: g,
-  suggestionApplied: x,
-  comboboxContainer: d,
+  error: g,
+  dateField: x,
+  suggestionApplied: d,
+  comboboxContainer: m,
   labelWrapper: u,
-  labelText: m,
-  labelIcon: y
-}, I = (e, l, a = !1, s = "label") => (r) => /* @__PURE__ */ i("div", {
+  labelText: y,
+  labelIcon: j
+}, f = (e, r, a = !1, s = "label") => (l) => /* @__PURE__ */ _("div", {
   className: t.labelWrapper,
-  children: [l ? /* @__PURE__ */ o(c, {
+  children: [r ? /* @__PURE__ */ o(c, {
     as: s,
     className: t.labelText,
-    tooltipText: l,
-    ...r,
+    tooltipText: r,
+    ...l,
     children: e
   }) : /* @__PURE__ */ o("label", {
     className: t.labelText,
-    ...r,
+    ...l,
     children: e
   }), a && /* @__PURE__ */ o(n, {
     className: t.labelIcon
   })]
-}), S = (e) => {
+}), C = (e) => {
   try {
-    return new Date(e).toISOString();
+    return i(e).toISOString();
   } catch {
     return null;
   }
 };
 export {
-  I as g,
+  f as g,
   t as s,
-  S as t
+  C as t
 };

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

@@ -1,61 +1,58 @@
-import { DateI18nProvider as T, DatePicker as V } from "@box/blueprint-web";
-import { useFormikContext as A, getIn as C, Field as w } from "formik";
-import { forwardRef as I, useMemo as N } from "react";
-import { useIntl as z } from "react-intl";
-import { convertToDatePickerValue as B, convertToFormikValue as O } from "./date-conversion-utils.js";
-import { useDateInternationalization as $ } from "./use-date-internationalization.js";
+import { DateI18nProvider as L, DatePicker as P } from "@box/blueprint-web";
+import { useFormikContext as A, getIn as I, Field as T } from "formik";
+import { forwardRef as w, useMemo as S } from "react";
+import { useIntl as V } from "react-intl";
+import { convertIsoStringToCalendarDate as N, convertCalendarDateToISOString as O } from "../../../../utils/convertDate.js";
 import a from "../../../../messages.js";
-import { g as j } from "../../../../../../chunks/utils.js";
-import { jsx as r } from "react/jsx-runtime";
-const Q = /* @__PURE__ */ I(({
-  className: s,
-  description: c,
-  isAiSuggestionApplied: m,
-  disableForm: d,
+import { g as B } from "../../../../../../chunks/utils.js";
+import { jsx as t } from "react/jsx-runtime";
+const H = /* @__PURE__ */ w(({
+  className: i,
+  description: d,
+  isAiSuggestionApplied: c,
+  disableForm: m,
   fieldNamePrefix: f,
-  label: n,
+  label: l,
   onValueEdited: u,
-  portalElement: p,
-  updateModePrefix: h
-}, D) => {
-  const o = `${h ?? f}.value`, e = z(), {
-    values: g,
+  portalElement: h,
+  updateModePrefix: p
+}, g) => {
+  const r = `${p ?? f}.value`, e = V(), {
+    values: D,
     setFieldTouched: M,
-    setFieldValue: k
-  } = A(), {
-    localTimezone: v
-  } = $(e.locale), i = C(g, o), b = N(() => B(i), [i]), F = {
+    setFieldValue: v
+  } = A(), s = I(D, r), b = S(() => N(s), [s]), k = {
     clearDatePickerAriaLabel: e.formatMessage(a.clearSelectedDate),
     nextMonthAriaLabel: e.formatMessage(a.switchToNextMonth),
     openCalendarDropdownAriaLabel: e.formatMessage(a.openCalendar),
     previousMonthAriaLabel: e.formatMessage(a.switchToNextMonth)
-  }, P = (t) => {
-    const l = O(t, v);
-    k(o, l), u();
+  }, C = (o) => {
+    const n = O(o);
+    v(r, n), u();
   }, x = () => {
-    M(o, !0);
+    M(r, !0);
   };
-  return /* @__PURE__ */ r("div", {
-    "data-testid": `${n}-field`,
-    children: /* @__PURE__ */ r(T, {
+  return /* @__PURE__ */ t("div", {
+    "data-testid": `${l}-field`,
+    children: /* @__PURE__ */ t(L, {
       locale: e.locale,
-      children: /* @__PURE__ */ r(w, {
-        name: o,
+      children: /* @__PURE__ */ t(T, {
+        name: r,
         children: ({
-          field: t,
-          meta: l
-        }) => /* @__PURE__ */ r(V, {
-          ...t,
-          ...F,
-          ref: D,
+          field: o,
+          meta: n
+        }) => /* @__PURE__ */ t(P, {
+          ...o,
+          ...k,
+          ref: g,
           calendarAriaLabel: e.formatMessage(a.selectDate),
-          className: s,
-          error: l.error,
-          isDisabled: d,
-          label: j(n, c, m, "span"),
+          className: i,
+          error: n.error,
+          isDisabled: m,
+          label: B(l, d, c, "span"),
           onBlur: () => x(),
-          onChange: (L) => P(L),
-          portalElement: p,
+          onChange: (F) => C(F),
+          portalElement: h,
           value: b
         })
       })
@@ -63,6 +60,6 @@ const Q = /* @__PURE__ */ I(({
   });
 });
 export {
-  Q as MetadataDateField,
-  Q as default
+  H as MetadataDateField,
+  H as default
 };

package/esm/lib/components/metadata-editor-fields/utils.js

@@ -1,8 +1,9 @@
 import "@box/blueprint-web-assets/icons/Logo";
 import "../interactive-text/interactive-text.js";
-import { g as i, t as g } from "../../../../chunks/utils.js";
+import { g as m, t as p } from "../../../../chunks/utils.js";
+import "../../utils/convertDate.js";
 import "react/jsx-runtime";
 export {
-  i as getFieldLabel,
-  g as tryParseDateSuggestion
+  m as getFieldLabel,
+  p as tryParseDateSuggestion
 };

package/esm/lib/components/metadata-instance-list/subcomponents/metadata-instance-entry/metadata-instance-entry.js

@@ -1,30 +1,31 @@
 import "../../../../../../styles/metadata-instance-entry.css";
 import { Text as f } from "@box/blueprint-web";
 import { FormattedDate as y } from "react-intl";
-import l from "../../../interactive-text/interactive-text.js";
-import { MetadataEntryDisplay as p } from "./metadata-entry-display.js";
-import { jsxs as u, jsx as r } from "react/jsx-runtime";
-const x = "_metadataInstanceEntry_gwoh6_1", h = {
-  metadataInstanceEntry: x
-}, T = ({
+import { convertISOStringToUTCDate as l } from "../../../../utils/convertDate.js";
+import p from "../../../interactive-text/interactive-text.js";
+import { MetadataEntryDisplay as u } from "./metadata-entry-display.js";
+import { jsxs as x, jsx as r } from "react/jsx-runtime";
+const g = "_metadataInstanceEntry_gwoh6_1", h = {
+  metadataInstanceEntry: g
+}, V = ({
   description: n,
   name: a,
   shouldHideEmptyValues: i,
-  type: e,
+  type: o,
   value: t,
   taxonomyNodeFetcher: m,
-  taxonomyKey: s,
-  scope: c
+  taxonomyKey: c,
+  scope: s
 }) => {
-  const o = (() => {
+  const e = (() => {
     if (typeof t == "number")
       return t.toString();
     if (!t)
       return null;
     if (Array.isArray(t))
       return t.join(", ");
-    if (e === "date" && typeof t == "string") {
-      const d = new Date(t);
+    if (o === "date" && typeof t == "string") {
+      const d = l(t);
       return /* @__PURE__ */ r(y, {
         day: "numeric",
         month: "long",
@@ -34,29 +35,29 @@ const x = "_metadataInstanceEntry_gwoh6_1", h = {
     }
     return t;
   })();
-  return i && !o ? null : /* @__PURE__ */ u("div", {
+  return i && !e ? null : /* @__PURE__ */ x("div", {
     className: h.metadataInstanceEntry,
     children: [/* @__PURE__ */ r(f, {
       as: "p",
       color: "textOnLightSecondary",
       variant: "bodyDefaultBold",
-      children: n ? /* @__PURE__ */ r(l, {
+      children: n ? /* @__PURE__ */ r(p, {
         as: "span",
         color: "textOnLightSecondary",
         tooltipText: n,
         variant: "bodyDefaultBold",
         children: a
       }) : a
-    }), /* @__PURE__ */ r(p, {
-      formattedValue: o,
-      scope: c,
-      taxonomyKey: s,
+    }), /* @__PURE__ */ r(u, {
+      formattedValue: e,
+      scope: s,
+      taxonomyKey: c,
       taxonomyNodeFetcher: m,
-      type: e,
+      type: o,
       value: t
     })]
   });
 };
 export {
-  T as MetadataInstanceEntry
+  V as MetadataInstanceEntry
 };

package/esm/lib/utils/convertDate.js

@@ -0,0 +1,35 @@
+import { parseDate as O } from "@box/blueprint-web";
+const T = 1e3, u = 60 * T, f = /\d{4}-\d{2}-\d{2}/, a = /T\d{2}:\d{2}:\d{2}(\.\d{1,3})?/, _ = /(Z$)/, S = /(?:[+-](?:([0-2]\d$)|([0-2]\d(?:00|30)$)|([0-2]\d:(?:00|30)$)))/, i = new RegExp(`^(${f.source})(${a.source})?(${_.source}|${S.source})?$`), d = 1, E = 2, M = 3, D = 4, m = 5, l = 6, $ = 7, N = 8;
+function I(n) {
+  if (!i.test(n))
+    return n;
+  const t = n.split(i), e = t[d], c = t[E], r = t[M], o = t[D];
+  let s = e;
+  return c ? s = e + c : s += "T00:00:00", r || (s += ".000"), o ? t[m] ? n : t[l] ? `${s + o}:00` : t[$] ? `${s + o.substring(0, 3)}:${o.substring(3)}` : (t[N], n) : `${s}Z`;
+}
+function p(n) {
+  const t = new Date(I(n)), e = t.getTime(), r = t.getTimezoneOffset() * u, o = e + r;
+  return new Date(o);
+}
+function C(n) {
+  let t = "";
+  if (n) {
+    const e = n.toString();
+    t = I(e);
+  }
+  return t;
+}
+function L(n) {
+  try {
+    const t = n.split("T")[0];
+    return O(t);
+  } catch {
+    return null;
+  }
+}
+export {
+  C as convertCalendarDateToISOString,
+  p as convertISOStringToUTCDate,
+  I as convertISOStringtoRFC3339String,
+  L as convertIsoStringToCalendarDate
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@box/metadata-editor",
-  "version": "0.74.4",
+  "version": "0.74.5",
   "peerDependencies": {
     "@ariakit/react": "0.4.5",
     "@box/blueprint-web": "^7.30.3",
@@ -53,5 +53,5 @@
     "**/*.css"
   ],
   "license": "SEE LICENSE IN LICENSE",
-  "gitHead": "ffcc1cbaa370936326a1cbb15687343c1c7638dd"
+  "gitHead": "358e36d5987fed9a870896011a51539da15931c9"
 }

package/types/lib/components/combobox-with-api-pagination/combobox-with-api-pagination.d.ts

@@ -3,7 +3,7 @@ export declare const ComboboxWithApiPagination: import("react").ForwardRefExotic
     defaultFetcher(input: import("./types").PaginationQueryInput): Promise<import("./types").FetcherResponse<BaseOptionType>>;
     placeholder?: string;
     includeTextInputOption?: boolean;
-    noResultMessage?: string | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+    noResultMessage?: import("react").ReactElement | string;
     onInputValueChange?: (inputValue: string) => void;
     multiselect?: boolean;
     onValueChange?: (selectedOptions: BaseOptionType[]) => void;

package/types/lib/components/filter-dropdown-menu/index.d.ts

@@ -1,6 +1,6 @@
 export declare const FilterDropdownMenu: {
     Root: {
-        (props: import("@ariakit/react").ComboboxProviderProps<import("@ariakit/core/cjs/combobox/combobox-store").ComboboxStoreSelectedValue>): import("react/jsx-runtime").JSX.Element;
+        (props: import("@ariakit/react").ComboboxProviderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Trigger: {
@@ -8,19 +8,19 @@ export declare const FilterDropdownMenu: {
         displayName: string;
     };
     Content: {
-        (props: import("@ariakit/react").MenuProps<"div">): import("react/jsx-runtime").JSX.Element;
+        (props: import("@ariakit/react").MenuProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Item: {
-        (props: import("@ariakit/react").ComboboxItemProps<"div">): import("react/jsx-runtime").JSX.Element;
+        (props: import("@ariakit/react").ComboboxItemProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     List: {
-        (props: import("@ariakit/react").ComboboxListProps<"div">): import("react/jsx-runtime").JSX.Element;
+        (props: import("@ariakit/react").ComboboxListProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Search: {
-        (props: import("@ariakit/react").ComboboxProps<"input">): import("react/jsx-runtime").JSX.Element;
+        (props: import("@ariakit/react").ComboboxProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     EmptyState: {

package/types/lib/components/metadata-editor-fields/utils.d.ts

@@ -1,3 +1,3 @@
 import { type Labelable, type TextProps } from '@box/blueprint-web';
-export declare const getFieldLabel: (fieldName: string, fieldDescription: string | undefined, isAiSuggestionApplied?: boolean, as?: TextProps['as']) => Labelable['label'];
+export declare const getFieldLabel: (fieldName: string, fieldDescription: string | undefined, isAiSuggestionApplied?: boolean, as?: TextProps["as"]) => Labelable["label"];
 export declare const tryParseDateSuggestion: (suggestedDate: string) => string;

package/types/lib/utils/api-wrapper.d.ts

@@ -1,2 +1,2 @@
 import { type AutofillContextProviderProps } from './autofill-context';
-export declare function withApiWrapper<P extends object>(WrappedComponent: React.ComponentType<P>): ({ isAiSuggestionsFeatureEnabled, fetchSuggestions, ...props }: P & Omit<AutofillContextProviderProps, 'children'>) => import("react/jsx-runtime").JSX.Element;
+export declare function withApiWrapper<P extends object>(WrappedComponent: React.ComponentType<P>): ({ isAiSuggestionsFeatureEnabled, fetchSuggestions, ...props }: P & Omit<AutofillContextProviderProps, "children">) => import("react/jsx-runtime").JSX.Element;

package/types/lib/utils/convertDate.d.ts

@@ -0,0 +1,34 @@
+import { type CalendarDate } from '@box/blueprint-web';
+export type CalendarDateType = InstanceType<typeof CalendarDate>;
+/**
+ * Will convert ISO8601-compatible dates (with zone designators)
+ *      2018-06-13T00:00:00.000-0500
+ *      or
+ *      2018-06-13T00:00:00.000-05
+ *
+ * to
+ *      2018-06-13T00:00:00.000-05:00
+ *
+ * Equivalent formats between the two (e.g., uzing 'Z') will remain unchanged.
+ * If the date format cannot be converted, it will pass along the existing value
+ *
+ * @public
+ * @param isoString - the date to be converted
+ * @returns converted date format, if applicable
+ */
+export declare function convertISOStringtoRFC3339String(isoString: string): string;
+/**
+ * Will convert
+ *      2018-06-13T00:00:00.000Z
+ * to
+ *      2018-06-13T07:00:00.000Z
+ *
+ * This is the opposite of convertDateToUnixMidnightTime
+ *
+ * @public
+ * @param isoString - ISO string in UTC time zone
+ * @returns date in UTC time zone
+ */
+export declare function convertISOStringToUTCDate(isoString: string): Date;
+export declare function convertCalendarDateToISOString(datePickerValue: CalendarDateType): string;
+export declare function convertIsoStringToCalendarDate(isoString: string): CalendarDateType;

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

@@ -1,16 +0,0 @@
-import { parseAbsoluteToLocal as r, toCalendarDate as n, toZoned as a } from "@box/blueprint-web";
-const i = (e) => {
-  try {
-    const o = r(e);
-    return n(o);
-  } catch {
-    return null;
-  }
-}, u = (e, o) => {
-  let t = "";
-  return e && (t = a(e, o).toAbsoluteString()), t;
-};
-export {
-  i as convertToDatePickerValue,
-  u as convertToFormikValue
-};

package/types/lib/components/metadata-editor-fields/components/metadata-date-field/date-conversion-utils.d.ts

@@ -1,3 +0,0 @@
-import { type CalendarDateType } from './types';
-export declare const convertToDatePickerValue: (formikValue: string) => import("@internationalized/date").CalendarDate;
-export declare const convertToFormikValue: (datePickerValue: CalendarDateType, localTimezone: string) => string;