@box/metadata-filter 2.2.28 → 2.2.29

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

@@ -1,238 +1 @@
-import { n as e } from "../../../../../../chunks/types.js";
-import { convertToFormikValueRanged as t, getCustomFromToValues as n, getRelativeFromToValues as r } from "./date-conversion-utils.js";
-import i from "../../../../messages.js";
-import { DEFAULT_MAX_DATE as a } from "./constants.js";
-import { t as o } from "../../../../../../chunks/metadata-date-field.module.js";
-import { t as s } from "../../../../../../chunks/types2.js";
-import { useDateValidation as ee } from "./use-date-validation.js";
-import { getDynamicMaxMinValue as c } from "./utils.js";
-import { DateI18nProvider as te, DatePicker as l, Radio as u, Select as d, Text as ne } from "@box/blueprint-web";
-import { Field as f, getIn as p, useFormikContext as re } from "formik";
-import { useCallback as ie, useEffect as ae, useMemo as m, useRef as h, useState as g } from "react";
-import { useIntl as oe } from "react-intl";
-import se from "clsx";
-import { jsx as _, jsxs as v } from "react/jsx-runtime";
-var y = {
-	next: i.nextDaysAmt,
-	past: i.pastDaysAmt,
-	olderThan: i.olderThanDaysAmt
-}, ce = [
-	1,
-	3,
-	15,
-	45,
-	60,
-	120,
-	365
-], le = (e) => e in y || e === "today" || e === "customRange", b = ({ customDateFilterOptions: b, disableForm: x, fieldNamePrefix: S, label: C, locale: w, portalElement: T, hasAccordion: ue }) => {
-	let [E, D] = g(e.FROM), [O, k] = g(!1), A = `${S}.value.range.gt`, j = `${S}.value.range.lt`, de = `${S}.value.relativeType`, M = `${S}.value.relativeDays`, fe = `${S}.value.customType`, N = `${S}.value.customDays`, { values: P, setFieldTouched: pe, setFieldValue: F } = re(), { validateDates: I, fromDatePickerValue: L, toDatePickerValue: R, fromErrorType: z, toErrorType: B } = ee(P, A, j, w, !0), V = oe(), H = p(P, de), U = p(P, fe), me = L || R, W = "anyTime", G = "anyTime";
-	le(H) ? W = H : U ? G = U : me && (W = "customRange", G = "customRange");
-	let [K, q] = g(W), J = h(H), he = h(U), Y = p(P, M), ge = p(P, N), [X, _e] = g(G), Z = h(L), Q = h(R), ve = {
-		clearDatePickerAriaLabel: V.formatMessage(i.clearSelectedDate),
-		nextMonthAriaLabel: V.formatMessage(i.switchToNextMonth),
-		openCalendarDropdownAriaLabel: V.formatMessage(i.openCalendar),
-		previousMonthAriaLabel: V.formatMessage(i.switchToNextMonth)
-	}, ye = () => {
-		F(A, void 0), F(j, void 0), Z.current = void 0, Q.current = void 0;
-	}, be = (n) => {
-		let r = t(n, e.FROM);
-		Z.current = n, F(A, r), D(e.FROM);
-	}, xe = (n) => {
-		let r = t(n, e.TO);
-		Q.current = n, F(j, r), D(e.TO);
-	}, Se = (t) => {
-		pe(t === e.FROM ? A : j, !0), D(t);
-	}, Ce = (e) => {
-		let t;
-		le(e) && (t = e), e === "customRange" && (Z.current = void 0, Q.current = void 0), F(de, t), q(e), F(M, void 0), k(!0);
-	}, we = (e) => {
-		F(fe, e), _e(e), F(N, void 0), ye();
-		let t = b.find((t) => t.name === e);
-		if (t && t.type === "text") {
-			let { from: e, to: r } = n(t.from, t.to);
-			F(A, e), F(j, r);
-		}
-	}, Te = ie(() => {
-		let { from: e, to: t } = r(K, Y);
-		F(A, e), F(j, t);
-	}, [
-		A,
-		Y,
-		K,
-		F,
-		j
-	]);
-	ae(() => {
-		O && (Te(), k(!1));
-	}, [O, Te]), ae(() => {
-		let e = J.current !== H, t = he.current !== U;
-		(e || t) && (q(H ?? "anyTime"), _e(U), J.current = H, he.current = U);
-	}, [H, U]);
-	let Ee = m(() => c(R, a), [R]), De = m(() => c(L), [L]), Oe = (e, t, n) => !!(t === s.MAX && e === s.OVERLAPPING || e === s.OVERLAPPING && n), $ = (e) => {
-		if (e !== K) return null;
-		let t = ce.map((t) => {
-			let n = y[e];
-			return {
-				value: String(t),
-				label: V.formatMessage(n, { count: t })
-			};
-		});
-		return /* @__PURE__ */ _(d, {
-			className: o.dateSelect,
-			defaultValue: Y === void 0 ? "" : String(Y),
-			label: V.formatMessage(i.relativeDaysSelectLabel),
-			onValueChange: (e) => {
-				F(M, Number(e)), k(!0);
-			},
-			placeholder: V.formatMessage(i.selectValuePlaceholder),
-			children: /* @__PURE__ */ _(d.Content, {
-				container: T,
-				children: t?.map((e) => /* @__PURE__ */ _(d.Option, {
-					text: e.label,
-					value: e.value,
-					children: e.label
-				}, e.value))
-			})
-		});
-	}, ke = (e, t) => e === X ? /* @__PURE__ */ _(d, {
-		className: o.dateSelect,
-		defaultValue: ge === void 0 ? "" : String(ge),
-		label: V.formatMessage(i.relativeDaysSelectLabel),
-		onValueChange: (e) => {
-			let r = t.find((t) => t.name === e);
-			if (r) {
-				let { from: e, to: t } = n(r.from, r.to);
-				F(A, e), F(j, t), F(N, r.name);
-			}
-		},
-		placeholder: V.formatMessage(i.selectValuePlaceholder),
-		children: /* @__PURE__ */ _(d.Content, {
-			container: T,
-			children: t.map((e) => /* @__PURE__ */ _(d.Option, {
-				text: e.name,
-				value: e.name,
-				children: e.name
-			}, e.name))
-		})
-	}) : null, Ae = () => /* @__PURE__ */ v(u.Group, {
-		disabled: x,
-		loop: !1,
-		onValueChange: we,
-		value: X,
-		children: [
-			/* @__PURE__ */ _(u.Item, {
-				label: V.formatMessage(i.relativeDateFilterAnyTime),
-				value: "anyTime"
-			}),
-			b.map((e) => {
-				if (e.type === "text") return /* @__PURE__ */ _(u.Item, {
-					label: e.name,
-					value: e.name
-				}, e.name);
-				let { name: t, options: n } = e;
-				return /* @__PURE__ */ _(u.Item, {
-					description: n ? ke(t, n) : void 0,
-					label: t,
-					value: t
-				}, t);
-			}),
-			/* @__PURE__ */ _(u.Item, {
-				description: je(),
-				label: V.formatMessage(i.relativeDateFilterCustomRange),
-				value: "customRange"
-			})
-		]
-	}), je = () => !b && K !== "customRange" || b && X !== "customRange" ? null : /* @__PURE__ */ v("div", {
-		className: se(o.rangeInputsContainer, o.verticalLayout, o.dateSelect),
-		children: [/* @__PURE__ */ _(f, {
-			name: A,
-			validate: (t) => I(Z.current, Q.current, e.FROM),
-			children: ({ field: t, meta: n }) => /* @__PURE__ */ _("div", {
-				className: o.inputContainer,
-				children: /* @__PURE__ */ _(l, {
-					...t,
-					...ve,
-					calendarAriaLabel: V.formatMessage(i.selectStartDate),
-					error: Oe(z, B, E !== e.FROM) ? void 0 : n.error,
-					isDisabled: x,
-					label: V.formatMessage(i.fieldStartDateLabel),
-					maxValue: Ee,
-					onBlur: () => Se(e.FROM),
-					onChange: (e) => be(e),
-					portalElement: T,
-					value: L
-				})
-			})
-		}), /* @__PURE__ */ _(f, {
-			name: j,
-			validate: (t) => I(Z.current, Q.current, e.TO),
-			children: ({ field: t, meta: n }) => /* @__PURE__ */ _("div", {
-				className: o.inputContainer,
-				children: /* @__PURE__ */ _(l, {
-					...t,
-					...ve,
-					calendarAriaLabel: V.formatMessage(i.selectEndDate),
-					error: Oe(B, z, E !== e.TO) ? void 0 : n.error,
-					isDisabled: x,
-					label: V.formatMessage(i.fieldEndDateLabel),
-					maxValue: a,
-					minValue: De,
-					onBlur: () => Se(e.TO),
-					onChange: (e) => xe(e),
-					portalElement: T,
-					value: R
-				})
-			})
-		})]
-	});
-	return /* @__PURE__ */ _(te, {
-		locale: w,
-		children: /* @__PURE__ */ v("div", {
-			className: o.container,
-			"data-testid": `${C}-field`,
-			children: [!ue && /* @__PURE__ */ _(ne, {
-				as: "span",
-				className: o.rangeFieldLabel,
-				color: "textOnLightSecondary",
-				variant: "bodyDefaultBold",
-				children: C
-			}), b ? Ae() : /* @__PURE__ */ v(u.Group, {
-				disabled: x,
-				loop: !1,
-				onValueChange: Ce,
-				value: K,
-				children: [
-					/* @__PURE__ */ _(u.Item, {
-						label: V.formatMessage(i.relativeDateFilterAnyTime),
-						value: "anyTime"
-					}),
-					/* @__PURE__ */ _(u.Item, {
-						label: V.formatMessage(i.relativeDateFilterToday),
-						value: "today"
-					}),
-					/* @__PURE__ */ _(u.Item, {
-						description: $("next"),
-						label: V.formatMessage(i.relativeDateFilterNext),
-						value: "next"
-					}),
-					/* @__PURE__ */ _(u.Item, {
-						description: $("past"),
-						label: V.formatMessage(i.relativeDateFilterPast),
-						value: "past"
-					}),
-					/* @__PURE__ */ _(u.Item, {
-						description: $("olderThan"),
-						label: V.formatMessage(i.relativeDateFilterOlderThan),
-						value: "olderThan"
-					}),
-					/* @__PURE__ */ _(u.Item, {
-						description: je(),
-						label: V.formatMessage(i.relativeDateFilterCustomRange),
-						value: "customRange"
-					})
-				]
-			})]
-		})
-	});
-};
-export { b as MetadataDateFieldRelative, b as default };
+import{n as RangeLabelType}from"../../../../../../chunks/types.js";import{convertToFormikValueRanged,getCustomFromToValues,getRelativeFromToValues}from"./date-conversion-utils.js";import messages from"../../../../messages.js";import{DEFAULT_MAX_DATE}from"./constants.js";import{t as metadata_date_field_module_default}from"../../../../../../chunks/metadata-date-field.module.js";import{t as ErrorType}from"../../../../../../chunks/types2.js";import{useDateValidation}from"./use-date-validation.js";import{getDynamicMaxMinValue}from"./utils.js";import{DateI18nProvider,DatePicker,Radio,Select,Text}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";import{useCallback,useEffect,useMemo,useRef,useState}from"react";import{useIntl}from"react-intl";import clsx from"clsx";import{jsx,jsxs}from"react/jsx-runtime";var relDaysMessageStrategies={next:messages.nextDaysAmt,past:messages.pastDaysAmt,olderThan:messages.olderThanDaysAmt},daysPresets=[1,3,15,45,60,120,365],isRelativeType=value=>value in relDaysMessageStrategies||value===`today`||value===`customRange`,MetadataDateFieldRelative=({customDateFilterOptions,disableForm,fieldNamePrefix,label,locale,portalElement,hasAccordion})=>{let[lastChangedField,setLastChangedField]=useState(RangeLabelType.FROM),[shouldUpdateFromToFields,setShouldUpdateFromToFields]=useState(!1),fromFieldName=`${fieldNamePrefix}.value.range.gt`,toFieldName=`${fieldNamePrefix}.value.range.lt`,relTypeFieldName=`${fieldNamePrefix}.value.relativeType`,relDaysFieldName=`${fieldNamePrefix}.value.relativeDays`,customTypeFieldName=`${fieldNamePrefix}.value.customType`,customDaysFieldName=`${fieldNamePrefix}.value.customDays`,{values,setFieldTouched,setFieldValue}=useFormikContext(),{validateDates,fromDatePickerValue,toDatePickerValue,fromErrorType,toErrorType}=useDateValidation(values,fromFieldName,toFieldName,locale,!0),intl=useIntl(),relTypeFieldValue=getIn(values,relTypeFieldName),customTypeFieldValue=getIn(values,customTypeFieldName),hasFromOrToValues=fromDatePickerValue||toDatePickerValue,defaultSelectedRelValue=`anyTime`,defaultSelectedCustomDateFilterValue=`anyTime`;isRelativeType(relTypeFieldValue)?defaultSelectedRelValue=relTypeFieldValue:customTypeFieldValue?defaultSelectedCustomDateFilterValue=customTypeFieldValue:hasFromOrToValues&&(defaultSelectedRelValue=`customRange`,defaultSelectedCustomDateFilterValue=`customRange`);let[selectedRelValue,setSelectedRelValue]=useState(defaultSelectedRelValue),prevRelTypeFieldValue=useRef(relTypeFieldValue),prevCustomTypeFieldValue=useRef(customTypeFieldValue),relDaysFieldValue=getIn(values,relDaysFieldName),customDaysFieldValue=getIn(values,customDaysFieldName),[selectedCustomDateFilterValue,setSelectedCustomDateFilterValue]=useState(defaultSelectedCustomDateFilterValue),fromValidationRef=useRef(fromDatePickerValue),toValidationRef=useRef(toDatePickerValue),sharedDatePickerProps={clearDatePickerAriaLabel:intl.formatMessage(messages.clearSelectedDate),nextMonthAriaLabel:intl.formatMessage(messages.switchToNextMonth),openCalendarDropdownAriaLabel:intl.formatMessage(messages.openCalendar),previousMonthAriaLabel:intl.formatMessage(messages.switchToNextMonth)},clearFromToFields=()=>{setFieldValue(fromFieldName,void 0),setFieldValue(toFieldName,void 0),fromValidationRef.current=void 0,toValidationRef.current=void 0},handleFromOnChange=datePickerValue=>{let formikValue=convertToFormikValueRanged(datePickerValue,RangeLabelType.FROM);fromValidationRef.current=datePickerValue,setFieldValue(fromFieldName,formikValue),setLastChangedField(RangeLabelType.FROM)},handleToOnChange=datePickerValue=>{let formikValue=convertToFormikValueRanged(datePickerValue,RangeLabelType.TO);toValidationRef.current=datePickerValue,setFieldValue(toFieldName,formikValue),setLastChangedField(RangeLabelType.TO)},handleOnBlur=rangeLabelType=>{setFieldTouched(rangeLabelType===RangeLabelType.FROM?fromFieldName:toFieldName,!0),setLastChangedField(rangeLabelType)},handleRelativeTypeChange=value=>{let relValue;isRelativeType(value)&&(relValue=value),value===`customRange`&&(fromValidationRef.current=void 0,toValidationRef.current=void 0),setFieldValue(relTypeFieldName,relValue),setSelectedRelValue(value),setFieldValue(relDaysFieldName,void 0),setShouldUpdateFromToFields(!0)},handleCustomDateFilterChange=optionName=>{setFieldValue(customTypeFieldName,optionName),setSelectedCustomDateFilterValue(optionName),setFieldValue(customDaysFieldName,void 0),clearFromToFields();let selectedOption=customDateFilterOptions.find(option=>option.name===optionName);if(selectedOption&&selectedOption.type===`text`){let{from,to}=getCustomFromToValues(selectedOption.from,selectedOption.to);setFieldValue(fromFieldName,from),setFieldValue(toFieldName,to)}},updateFromToFields=useCallback(()=>{let{from,to}=getRelativeFromToValues(selectedRelValue,relDaysFieldValue);setFieldValue(fromFieldName,from),setFieldValue(toFieldName,to)},[fromFieldName,relDaysFieldValue,selectedRelValue,setFieldValue,toFieldName]);useEffect(()=>{shouldUpdateFromToFields&&(updateFromToFields(),setShouldUpdateFromToFields(!1))},[shouldUpdateFromToFields,updateFromToFields]),useEffect(()=>{let relTypeChanged=prevRelTypeFieldValue.current!==relTypeFieldValue,customTypeChanged=prevCustomTypeFieldValue.current!==customTypeFieldValue;(relTypeChanged||customTypeChanged)&&(setSelectedRelValue(relTypeFieldValue??`anyTime`),setSelectedCustomDateFilterValue(customTypeFieldValue),prevRelTypeFieldValue.current=relTypeFieldValue,prevCustomTypeFieldValue.current=customTypeFieldValue)},[relTypeFieldValue,customTypeFieldValue]);let fromMaxValue=useMemo(()=>getDynamicMaxMinValue(toDatePickerValue,DEFAULT_MAX_DATE),[toDatePickerValue]),toMinValue=useMemo(()=>getDynamicMaxMinValue(fromDatePickerValue),[fromDatePickerValue]),shouldHideError=(thisErrorType,otherErrorType,isNotLastChangedField)=>!!(otherErrorType===ErrorType.MAX&&thisErrorType===ErrorType.OVERLAPPING||thisErrorType===ErrorType.OVERLAPPING&&isNotLastChangedField),getDaysSelect=type=>{if(type!==selectedRelValue)return null;let daysOptions=daysPresets.map(value=>{let daysAmtMessage=relDaysMessageStrategies[type];return{value:String(value),label:intl.formatMessage(daysAmtMessage,{count:value})}});return jsx(Select,{className:metadata_date_field_module_default.dateSelect,defaultValue:relDaysFieldValue===void 0?``:String(relDaysFieldValue),label:intl.formatMessage(messages.relativeDaysSelectLabel),onValueChange:key=>{setFieldValue(relDaysFieldName,Number(key)),setShouldUpdateFromToFields(!0)},placeholder:intl.formatMessage(messages.selectValuePlaceholder),children:jsx(Select.Content,{container:portalElement,children:daysOptions?.map(option=>jsx(Select.Option,{text:option.label,value:option.value,children:option.label},option.value))})})},getCustomDaysSelect=(name,options)=>name===selectedCustomDateFilterValue?jsx(Select,{className:metadata_date_field_module_default.dateSelect,defaultValue:customDaysFieldValue===void 0?``:String(customDaysFieldValue),label:intl.formatMessage(messages.relativeDaysSelectLabel),onValueChange:selectedOptionName=>{let selectedOption=options.find(option=>option.name===selectedOptionName);if(selectedOption){let{from,to}=getCustomFromToValues(selectedOption.from,selectedOption.to);setFieldValue(fromFieldName,from),setFieldValue(toFieldName,to),setFieldValue(customDaysFieldName,selectedOption.name)}},placeholder:intl.formatMessage(messages.selectValuePlaceholder),children:jsx(Select.Content,{container:portalElement,children:options.map(option=>jsx(Select.Option,{text:option.name,value:option.name,children:option.name},option.name))})}):null,renderCustomDateFilterOptions=()=>jsxs(Radio.Group,{disabled:disableForm,loop:!1,onValueChange:handleCustomDateFilterChange,value:selectedCustomDateFilterValue,children:[jsx(Radio.Item,{label:intl.formatMessage(messages.relativeDateFilterAnyTime),value:`anyTime`}),customDateFilterOptions.map(option=>{if(option.type===`text`)return jsx(Radio.Item,{label:option.name,value:option.name},option.name);let{name,options}=option;return jsx(Radio.Item,{description:options?getCustomDaysSelect(name,options):void 0,label:name,value:name},name)}),jsx(Radio.Item,{description:getCustomRangeFields(),label:intl.formatMessage(messages.relativeDateFilterCustomRange),value:`customRange`})]}),getCustomRangeFields=()=>!customDateFilterOptions&&selectedRelValue!==`customRange`||customDateFilterOptions&&selectedCustomDateFilterValue!==`customRange`?null:jsxs(`div`,{className:clsx(metadata_date_field_module_default.rangeInputsContainer,metadata_date_field_module_default.verticalLayout,metadata_date_field_module_default.dateSelect),children:[jsx(Field,{name:fromFieldName,validate:fromValue=>validateDates(fromValidationRef.current,toValidationRef.current,RangeLabelType.FROM),children:({field,meta})=>jsx(`div`,{className:metadata_date_field_module_default.inputContainer,children:jsx(DatePicker,{...field,...sharedDatePickerProps,calendarAriaLabel:intl.formatMessage(messages.selectStartDate),error:shouldHideError(fromErrorType,toErrorType,lastChangedField!==RangeLabelType.FROM)?void 0:meta.error,isDisabled:disableForm,label:intl.formatMessage(messages.fieldStartDateLabel),maxValue:fromMaxValue,onBlur:()=>handleOnBlur(RangeLabelType.FROM),onChange:datePickerValue=>handleFromOnChange(datePickerValue),portalElement,value:fromDatePickerValue})})}),jsx(Field,{name:toFieldName,validate:toValue=>validateDates(fromValidationRef.current,toValidationRef.current,RangeLabelType.TO),children:({field,meta})=>jsx(`div`,{className:metadata_date_field_module_default.inputContainer,children:jsx(DatePicker,{...field,...sharedDatePickerProps,calendarAriaLabel:intl.formatMessage(messages.selectEndDate),error:shouldHideError(toErrorType,fromErrorType,lastChangedField!==RangeLabelType.TO)?void 0:meta.error,isDisabled:disableForm,label:intl.formatMessage(messages.fieldEndDateLabel),maxValue:DEFAULT_MAX_DATE,minValue:toMinValue,onBlur:()=>handleOnBlur(RangeLabelType.TO),onChange:datePickerValue=>handleToOnChange(datePickerValue),portalElement,value:toDatePickerValue})})})]});return jsx(DateI18nProvider,{locale,children:jsxs(`div`,{className:metadata_date_field_module_default.container,"data-testid":`${label}-field`,children:[!hasAccordion&&jsx(Text,{as:`span`,className:metadata_date_field_module_default.rangeFieldLabel,color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:label}),customDateFilterOptions?renderCustomDateFilterOptions():jsxs(Radio.Group,{disabled:disableForm,loop:!1,onValueChange:handleRelativeTypeChange,value:selectedRelValue,children:[jsx(Radio.Item,{label:intl.formatMessage(messages.relativeDateFilterAnyTime),value:`anyTime`}),jsx(Radio.Item,{label:intl.formatMessage(messages.relativeDateFilterToday),value:`today`}),jsx(Radio.Item,{description:getDaysSelect(`next`),label:intl.formatMessage(messages.relativeDateFilterNext),value:`next`}),jsx(Radio.Item,{description:getDaysSelect(`past`),label:intl.formatMessage(messages.relativeDateFilterPast),value:`past`}),jsx(Radio.Item,{description:getDaysSelect(`olderThan`),label:intl.formatMessage(messages.relativeDateFilterOlderThan),value:`olderThan`}),jsx(Radio.Item,{description:getCustomRangeFields(),label:intl.formatMessage(messages.relativeDateFilterCustomRange),value:`customRange`})]})]})})};export{MetadataDateFieldRelative,MetadataDateFieldRelative as default};

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

@@ -1,90 +1 @@
-import { n as e } from "../../../../../../chunks/types.js";
-import { convertToFormikValueRanged as t } from "./date-conversion-utils.js";
-import n from "../../../../messages.js";
-import { DEFAULT_MAX_DATE as r } from "./constants.js";
-import { t as i } from "../../../../../../chunks/metadata-date-field.module.js";
-import { t as a } from "../../../../../../chunks/types2.js";
-import { useDateValidation as o } from "./use-date-validation.js";
-import { getDynamicMaxMinValue as s } from "./utils.js";
-import { MetadataDateFieldAdvanced as c } from "./metadata-date-field-advanced.js";
-import { MetadataDateFieldRelative as l } from "./metadata-date-field-relative.js";
-import { DateI18nProvider as u, DatePicker as d, Text as f } from "@box/blueprint-web";
-import { Field as p, useFormikContext as m } from "formik";
-import { useMemo as h, useRef as g, useState as _ } from "react";
-import { useIntl as v } from "react-intl";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-var x = ({ canUseRelativeDates: e, isAdvancedFilterEnabled: t, ...n }) => y(t ? c : e ? l : S, { ...n }), S = ({ customFieldLabels: c = [], direction: l = "horizontal", disableForm: x, fieldNamePrefix: S, label: C, locale: w, portalElement: T, hasAccordion: E }) => {
-	let [D, O] = _(e.FROM), k = `${S}.value.range.gt`, A = `${S}.value.range.lt`, { values: j, setFieldTouched: M, setFieldValue: N } = m(), { validateDates: P, fromDatePickerValue: F, toDatePickerValue: I, fromErrorType: L, toErrorType: R } = o(j, k, A, w, !0), z = v(), B = g(F), V = g(I), H = {
-		clearDatePickerAriaLabel: z.formatMessage(n.clearSelectedDate),
-		nextMonthAriaLabel: z.formatMessage(n.switchToNextMonth),
-		openCalendarDropdownAriaLabel: z.formatMessage(n.openCalendar),
-		previousMonthAriaLabel: z.formatMessage(n.switchToNextMonth)
-	}, [U, W] = c, G = (n) => {
-		let r = t(n, e.FROM);
-		B.current = n, N(k, r), O(e.FROM);
-	}, K = (n) => {
-		let r = t(n, e.TO);
-		V.current = n, N(A, r), O(e.TO);
-	}, q = (t) => {
-		M(t === e.FROM ? k : A, !0), O(t);
-	}, J = h(() => s(I, r), [I]), Y = h(() => s(F), [F]), X = (e, t, n) => !!(t === a.MAX && e === a.OVERLAPPING || e === a.OVERLAPPING && n);
-	return /* @__PURE__ */ b("div", {
-		className: i.container,
-		"data-testid": `${C}-field`,
-		children: [!E && /* @__PURE__ */ y(f, {
-			as: "span",
-			className: i.rangeFieldLabel,
-			color: "textOnLightSecondary",
-			variant: "bodyDefaultBold",
-			children: C
-		}), /* @__PURE__ */ y(u, {
-			locale: w,
-			children: /* @__PURE__ */ b("div", {
-				className: `${i.rangeInputsContainer} ${l === "vertical" ? i.verticalLayout : ""}`,
-				children: [/* @__PURE__ */ y(p, {
-					name: k,
-					validate: (t) => P(B.current, V.current, e.FROM),
-					children: ({ field: t, meta: r }) => /* @__PURE__ */ y("div", {
-						className: i.inputContainer,
-						children: /* @__PURE__ */ y(d, {
-							...t,
-							...H,
-							calendarAriaLabel: z.formatMessage(n.selectFromDate),
-							dataTargetId: `DatePicker-${S}_from`,
-							error: X(L, R, D !== e.FROM) ? void 0 : r.error,
-							isDisabled: x,
-							label: U || z.formatMessage(n.fieldFromLabel),
-							maxValue: J,
-							onBlur: () => q(e.FROM),
-							onChange: (e) => G(e),
-							portalElement: T,
-							value: F
-						})
-					})
-				}), /* @__PURE__ */ y(p, {
-					name: A,
-					validate: (t) => P(B.current, V.current, e.TO),
-					children: ({ field: t, meta: a }) => /* @__PURE__ */ y("div", {
-						className: i.inputContainer,
-						children: /* @__PURE__ */ y(d, {
-							...t,
-							...H,
-							calendarAriaLabel: z.formatMessage(n.selectToDate),
-							dataTargetId: `DatePicker-${S}_to`,
-							error: X(R, L, D !== e.TO) ? void 0 : a.error,
-							isDisabled: x,
-							label: W || z.formatMessage(n.fieldToLabel),
-							maxValue: r,
-							minValue: Y,
-							onBlur: () => q(e.TO),
-							onChange: (e) => K(e),
-							portalElement: T,
-							value: I
-						})
-					})
-				})]
-			})
-		})]
-	});
-};
-export { x as MetadataDateField, x as default, S as MetadataDateFieldNonRelative };
+import{n as RangeLabelType}from"../../../../../../chunks/types.js";import{convertToFormikValueRanged}from"./date-conversion-utils.js";import messages from"../../../../messages.js";import{DEFAULT_MAX_DATE}from"./constants.js";import{t as metadata_date_field_module_default}from"../../../../../../chunks/metadata-date-field.module.js";import{t as ErrorType}from"../../../../../../chunks/types2.js";import{useDateValidation}from"./use-date-validation.js";import{getDynamicMaxMinValue}from"./utils.js";import{MetadataDateFieldAdvanced}from"./metadata-date-field-advanced.js";import{MetadataDateFieldRelative}from"./metadata-date-field-relative.js";import{DateI18nProvider,DatePicker,Text}from"@box/blueprint-web";import{Field,useFormikContext}from"formik";import{useMemo,useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";var MetadataDateField=({canUseRelativeDates,isAdvancedFilterEnabled,...props})=>jsx(isAdvancedFilterEnabled?MetadataDateFieldAdvanced:canUseRelativeDates?MetadataDateFieldRelative:MetadataDateFieldNonRelative,{...props}),MetadataDateFieldNonRelative=({customFieldLabels=[],direction=`horizontal`,disableForm,fieldNamePrefix,label,locale,portalElement,hasAccordion})=>{let[lastChangedField,setLastChangedField]=useState(RangeLabelType.FROM),fromFieldName=`${fieldNamePrefix}.value.range.gt`,toFieldName=`${fieldNamePrefix}.value.range.lt`,{values,setFieldTouched,setFieldValue}=useFormikContext(),{validateDates,fromDatePickerValue,toDatePickerValue,fromErrorType,toErrorType}=useDateValidation(values,fromFieldName,toFieldName,locale,!0),intl=useIntl(),fromValidationRef=useRef(fromDatePickerValue),toValidationRef=useRef(toDatePickerValue),sharedDatePickerProps={clearDatePickerAriaLabel:intl.formatMessage(messages.clearSelectedDate),nextMonthAriaLabel:intl.formatMessage(messages.switchToNextMonth),openCalendarDropdownAriaLabel:intl.formatMessage(messages.openCalendar),previousMonthAriaLabel:intl.formatMessage(messages.switchToNextMonth)},[fromFieldLabel,toFieldLabel]=customFieldLabels,handleFromOnChange=datePickerValue=>{let formikValue=convertToFormikValueRanged(datePickerValue,RangeLabelType.FROM);fromValidationRef.current=datePickerValue,setFieldValue(fromFieldName,formikValue),setLastChangedField(RangeLabelType.FROM)},handleToOnChange=datePickerValue=>{let formikValue=convertToFormikValueRanged(datePickerValue,RangeLabelType.TO);toValidationRef.current=datePickerValue,setFieldValue(toFieldName,formikValue),setLastChangedField(RangeLabelType.TO)},handleOnBlur=rangeLabelType=>{setFieldTouched(rangeLabelType===RangeLabelType.FROM?fromFieldName:toFieldName,!0),setLastChangedField(rangeLabelType)},fromMaxValue=useMemo(()=>getDynamicMaxMinValue(toDatePickerValue,DEFAULT_MAX_DATE),[toDatePickerValue]),toMinValue=useMemo(()=>getDynamicMaxMinValue(fromDatePickerValue),[fromDatePickerValue]),shouldHideError=(thisErrorType,otherErrorType,isNotLastChangedField)=>!!(otherErrorType===ErrorType.MAX&&thisErrorType===ErrorType.OVERLAPPING||thisErrorType===ErrorType.OVERLAPPING&&isNotLastChangedField);return jsxs(`div`,{className:metadata_date_field_module_default.container,"data-testid":`${label}-field`,children:[!hasAccordion&&jsx(Text,{as:`span`,className:metadata_date_field_module_default.rangeFieldLabel,color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:label}),jsx(DateI18nProvider,{locale,children:jsxs(`div`,{className:`${metadata_date_field_module_default.rangeInputsContainer} ${direction===`vertical`?metadata_date_field_module_default.verticalLayout:``}`,children:[jsx(Field,{name:fromFieldName,validate:fromValue=>validateDates(fromValidationRef.current,toValidationRef.current,RangeLabelType.FROM),children:({field,meta})=>jsx(`div`,{className:metadata_date_field_module_default.inputContainer,children:jsx(DatePicker,{...field,...sharedDatePickerProps,calendarAriaLabel:intl.formatMessage(messages.selectFromDate),dataTargetId:`DatePicker-${fieldNamePrefix}_from`,error:shouldHideError(fromErrorType,toErrorType,lastChangedField!==RangeLabelType.FROM)?void 0:meta.error,isDisabled:disableForm,label:fromFieldLabel||intl.formatMessage(messages.fieldFromLabel),maxValue:fromMaxValue,onBlur:()=>handleOnBlur(RangeLabelType.FROM),onChange:datePickerValue=>handleFromOnChange(datePickerValue),portalElement,value:fromDatePickerValue})})}),jsx(Field,{name:toFieldName,validate:toValue=>validateDates(fromValidationRef.current,toValidationRef.current,RangeLabelType.TO),children:({field,meta})=>jsx(`div`,{className:metadata_date_field_module_default.inputContainer,children:jsx(DatePicker,{...field,...sharedDatePickerProps,calendarAriaLabel:intl.formatMessage(messages.selectToDate),dataTargetId:`DatePicker-${fieldNamePrefix}_to`,error:shouldHideError(toErrorType,fromErrorType,lastChangedField!==RangeLabelType.TO)?void 0:meta.error,isDisabled:disableForm,label:toFieldLabel||intl.formatMessage(messages.fieldToLabel),maxValue:DEFAULT_MAX_DATE,minValue:toMinValue,onBlur:()=>handleOnBlur(RangeLabelType.TO),onChange:datePickerValue=>handleToOnChange(datePickerValue),portalElement,value:toDatePickerValue})})})]})})]})};export{MetadataDateField,MetadataDateField as default,MetadataDateFieldNonRelative};

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

@@ -1,11 +1 @@
-import { DateFormatter as e, getLocalTimeZone as t } from "@box/blueprint-web";
-import { useMemo as n } from "react";
-var r = (r) => {
-	let i = n(() => new e(r), [r]), a = t();
-	return {
-		locale: r,
-		localTimezone: a,
-		formatCalendarDate: (e) => i.format(e.toDate(a))
-	};
-};
-export { r as useDateInternationalization };
+import{DateFormatter,getLocalTimeZone}from"@box/blueprint-web";import{useMemo}from"react";var useDateInternationalization=locale=>{let dateFormatter=useMemo(()=>new DateFormatter(locale),[locale]),localTimezone=getLocalTimeZone();return{locale,localTimezone,formatCalendarDate:calendarDate=>dateFormatter.format(calendarDate.toDate(localTimezone))}};export{useDateInternationalization};

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

@@ -1,25 +1 @@
-import { n as e } from "../../../../../../chunks/types.js";
-import { convertToDatePickerValue as t } from "./date-conversion-utils.js";
-import n from "../../../../messages.js";
-import { DEFAULT_MAX_DATE as r } from "./constants.js";
-import { t as i } from "../../../../../../chunks/types2.js";
-import { useDateInternationalization as a } from "./use-date-internationalization.js";
-import { getIn as o } from "formik";
-import { useMemo as s, useState as c } from "react";
-import { useIntl as l } from "react-intl";
-var u = (u, d, f, p, m) => {
-	let { formatCalendarDate: h } = a(p), g = l(), _ = o(u, d), v = o(u, f), y = s(() => t(_, m), [m, _]), b = s(() => t(v, m), [m, v]), [x, S] = c(null), [C, w] = c(null), T = (t, n) => t === e.FROM ? S(n) : w(n);
-	return {
-		validateDates: (t, a, o) => {
-			let s = o === e.FROM;
-			if ((s ? t : a)?.compare(r) > 0) return T(o, i.MAX), g.formatMessage(n.beforeDateValidationError, { date: h(r) });
-			if (t && a && t.compare(a) > 0) return T(o, i.OVERLAPPING), s ? g.formatMessage(n.beforeDateValidationError, { date: h(a) }) : g.formatMessage(n.afterDateValidationError, { date: h(t) });
-			T(o, null);
-		},
-		fromDatePickerValue: y,
-		toDatePickerValue: b,
-		fromErrorType: x,
-		toErrorType: C
-	};
-};
-export { u as useDateValidation };
+import{n as RangeLabelType}from"../../../../../../chunks/types.js";import{convertToDatePickerValue}from"./date-conversion-utils.js";import messages from"../../../../messages.js";import{DEFAULT_MAX_DATE}from"./constants.js";import{t as ErrorType}from"../../../../../../chunks/types2.js";import{useDateInternationalization}from"./use-date-internationalization.js";import{getIn}from"formik";import{useMemo,useState}from"react";import{useIntl}from"react-intl";var useDateValidation=(values,fromFieldName,toFieldName,locale,discardTz)=>{let{formatCalendarDate}=useDateInternationalization(locale),intl=useIntl(),fromFormikValue=getIn(values,fromFieldName),toFormikValue=getIn(values,toFieldName),fromDatePickerValue=useMemo(()=>convertToDatePickerValue(fromFormikValue,discardTz),[discardTz,fromFormikValue]),toDatePickerValue=useMemo(()=>convertToDatePickerValue(toFormikValue,discardTz),[discardTz,toFormikValue]),[fromErrorType,setFromErrorType]=useState(null),[toErrorType,setToErrorType]=useState(null),setErrorType=(rangeLabelType,errorType)=>rangeLabelType===RangeLabelType.FROM?setFromErrorType(errorType):setToErrorType(errorType);return{validateDates:(fromDatePicker,toDatePicker,rangeLabelType)=>{let isFrom=rangeLabelType===RangeLabelType.FROM;if((isFrom?fromDatePicker:toDatePicker)?.compare(DEFAULT_MAX_DATE)>0)return setErrorType(rangeLabelType,ErrorType.MAX),intl.formatMessage(messages.beforeDateValidationError,{date:formatCalendarDate(DEFAULT_MAX_DATE)});if(fromDatePicker&&toDatePicker&&fromDatePicker.compare(toDatePicker)>0)return setErrorType(rangeLabelType,ErrorType.OVERLAPPING),isFrom?intl.formatMessage(messages.beforeDateValidationError,{date:formatCalendarDate(toDatePicker)}):intl.formatMessage(messages.afterDateValidationError,{date:formatCalendarDate(fromDatePicker)});setErrorType(rangeLabelType,null)},fromDatePickerValue,toDatePickerValue,fromErrorType,toErrorType}};export{useDateValidation};

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

@@ -1,16 +1 @@
-import e from "../../../../messages.js";
-import { t } from "../../../../../../chunks/types2.js";
-import { useState as n } from "react";
-import { useIntl as r } from "react-intl";
-var i = (e) => e?.length ? /^[-+]?\d+$/.test(e.trim()) : !0, a = () => {
-	let a = r(), [o, s] = n(null);
-	return {
-		validatePositiveInteger: (n) => {
-			if (!i(n)) return s(t.INVALID), a.formatMessage(e.mustBeANumber);
-			if (n && parseInt(n, 10) <= 0) return s(t.INVALID), a.formatMessage(e.mustBePositiveNumber);
-			s(null);
-		},
-		errorType: o
-	};
-};
-export { i as isIntegerOrBlank, a as useIntegerValidation };
+import messages from"../../../../messages.js";import{t as ErrorType}from"../../../../../../chunks/types2.js";import{useState}from"react";import{useIntl}from"react-intl";var isIntegerOrBlank=value=>value?.length?/^[-+]?\d+$/.test(value.trim()):!0,useIntegerValidation=()=>{let intl=useIntl(),[errorType,setErrorType]=useState(null);return{validatePositiveInteger:value=>{if(!isIntegerOrBlank(value))return setErrorType(ErrorType.INVALID),intl.formatMessage(messages.mustBeANumber);if(value&&parseInt(value,10)<=0)return setErrorType(ErrorType.INVALID),intl.formatMessage(messages.mustBePositiveNumber);setErrorType(null)},errorType}};export{isIntegerOrBlank,useIntegerValidation};

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

@@ -1,9 +1 @@
-import { DEFAULT_MAX_DATE as e } from "./constants.js";
-var t = (t, n) => t ? t.compare(e) > 0 ? e : t : n, n = (e) => {
-	let t = Number(e), n = !isNaN(t) && t > 0 && /^\d+$/.test(e.trim());
-	return {
-		valueToStore: n ? t : e,
-		shouldTriggerUpdate: n
-	};
-};
-export { t as getDynamicMaxMinValue, n as processRelativeDaysInput };
+import{DEFAULT_MAX_DATE}from"./constants.js";var getDynamicMaxMinValue=(calendarDate,nullDefault)=>calendarDate?calendarDate.compare(DEFAULT_MAX_DATE)>0?DEFAULT_MAX_DATE:calendarDate:nullDefault,processRelativeDaysInput=value=>{let numValue=Number(value),isValidPositiveNumber=!isNaN(numValue)&&numValue>0&&/^\d+$/.test(value.trim());return{valueToStore:isValidPositiveNumber?numValue:value,shouldTriggerUpdate:isValidPositiveNumber}};export{getDynamicMaxMinValue,processRelativeDaysInput};

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

@@ -1,39 +1 @@
-import e from "../../../../messages.js";
-import { SELECT_EMPTY_VALUE as t, Select as n } from "@box/blueprint-web";
-import { Field as r, getIn as i, useFormikContext as a } from "formik";
-import { FormattedMessage as o, useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-var u = ({ disableForm: u, fieldNamePrefix: d, label: f, portalElement: p, hasAccordion: m, placeholder: h }) => {
-	let { setFieldValue: g, values: _ } = a(), v = s(), y = `${d}.value.enum[0]`, b = i(_, `${d}.options`, []).map(({ key: e }) => e), x = h || v.formatMessage(e.selectValuePlaceholder);
-	return /* @__PURE__ */ c("div", {
-		"data-testid": `${f}-field`,
-		children: /* @__PURE__ */ c(r, {
-			name: y,
-			children: ({ field: r }) => /* @__PURE__ */ c(n, {
-				"data-target-id": `Select-${d}`,
-				disabled: u,
-				hideLabel: m,
-				label: f,
-				onValueChange: (e) => {
-					e === t ? g(y, "") : g(y, e);
-				},
-				placeholder: x,
-				...r,
-				value: r.value === t ? "" : r.value,
-				children: /* @__PURE__ */ l(n.Content, {
-					container: p,
-					children: [/* @__PURE__ */ c(n.Option, {
-						text: x,
-						value: t,
-						children: /* @__PURE__ */ c(o, { ...e.selectValuePlaceholder })
-					}), b?.map((e) => /* @__PURE__ */ c(n.Option, {
-						text: e,
-						value: e,
-						children: e
-					}, e))]
-				})
-			})
-		})
-	});
-};
-export { u as MetadataEnumField, u as default };
+import messages from"../../../../messages.js";import{SELECT_EMPTY_VALUE,Select}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";import{FormattedMessage,useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";var MetadataEnumField=({disableForm,fieldNamePrefix,label,portalElement,hasAccordion,placeholder})=>{let{setFieldValue,values}=useFormikContext(),intl=useIntl(),fieldName=`${fieldNamePrefix}.value.enum[0]`,options=getIn(values,`${fieldNamePrefix}.options`,[]).map(({key})=>key),defaultMessage=placeholder||intl.formatMessage(messages.selectValuePlaceholder);return jsx(`div`,{"data-testid":`${label}-field`,children:jsx(Field,{name:fieldName,children:({field})=>jsx(Select,{"data-target-id":`Select-${fieldNamePrefix}`,disabled:disableForm,hideLabel:hasAccordion,label,onValueChange:key=>{key===SELECT_EMPTY_VALUE?setFieldValue(fieldName,``):setFieldValue(fieldName,key)},placeholder:defaultMessage,...field,value:field.value===SELECT_EMPTY_VALUE?``:field.value,children:jsxs(Select.Content,{container:portalElement,children:[jsx(Select.Option,{text:defaultMessage,value:SELECT_EMPTY_VALUE,children:jsx(FormattedMessage,{...messages.selectValuePlaceholder})}),options?.map(option=>jsx(Select.Option,{text:option,value:option,children:option},option))]})})})})};export{MetadataEnumField,MetadataEnumField as default};

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

@@ -1,13 +1 @@
-import { n as e } from "../../../../../../chunks/types.js";
-import { createFieldValue as t } from "./utils.js";
-var n = (e, n, r) => (i, a, o, s) => {
-	let c = i;
-	r?.(c), n?.(e, c);
-	let l = t(i === "isBlank" || i === "isNotBlank" ? "" : a, i === "isBlank" || i === "isNotBlank" ? "" : o, i, !0);
-	s.setFieldValue(e, l);
-}, r = (n, r, i, a) => (o, s, c) => {
-	i(a);
-	let l = t(a === e.FROM ? o : s, a === e.TO ? o : s, r, !0);
-	c.setFieldValue(n, l);
-};
-export { n as createAdvancedFilterOptionHandler, r as createInputChangeHandler };
+import{n as RangeLabelType}from"../../../../../../chunks/types.js";import{createFieldValue}from"./utils.js";var createAdvancedFilterOptionHandler=(fieldName,onAdvancedFilterOptionChange,setAdvancedFilterOption)=>(value,currentFromValue,currentToValue,form)=>{let selectedOption=value;setAdvancedFilterOption?.(selectedOption),onAdvancedFilterOptionChange?.(fieldName,selectedOption);let newValue=createFieldValue(value===`isBlank`||value===`isNotBlank`?``:currentFromValue,value===`isBlank`||value===`isNotBlank`?``:currentToValue,value,!0);form.setFieldValue(fieldName,newValue)},createInputChangeHandler=(fieldName,advancedFilterOption,setLastChangedField,fieldType)=>(value,otherValue,form)=>{setLastChangedField(fieldType);let newValue=createFieldValue(fieldType===RangeLabelType.FROM?value:otherValue,fieldType===RangeLabelType.TO?value:otherValue,advancedFilterOption,!0);form.setFieldValue(fieldName,newValue)};export{createAdvancedFilterOptionHandler,createInputChangeHandler};

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

@@ -1,2 +1 @@
-import { t as e } from "../../../../../../chunks/metadata-float-field-advanced.js";
-export { e as MetadataFloatFieldAdvanced, e as default };
+import{t as MetadataFloatFieldAdvanced}from"../../../../../../chunks/metadata-float-field-advanced.js";export{MetadataFloatFieldAdvanced,MetadataFloatFieldAdvanced as default};

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

@@ -1,67 +1 @@
-import { n as e } from "../../../../../../chunks/types.js";
-import t from "../../../../messages.js";
-import { fieldDefaultProps as n } from "../constants.js";
-import { n as r, t as i } from "../../../../../../chunks/metadata-float-field-advanced.js";
-import { n as a, r as o } from "../../../../../../chunks/use-float-validation.js";
-import { Text as s, TextInput as c } from "@box/blueprint-web";
-import { Field as l, getIn as u, useFormikContext as d } from "formik";
-import { useRef as f, useState as p } from "react";
-import { useIntl as m } from "react-intl";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-var _ = ({ label: i, fieldNamePrefix: _, disableForm: v, hasAccordion: y }) => {
-	let b = m(), [x, S] = p(e.FROM), { values: C, setFieldValue: w, setFieldTouched: T } = d(), E = `${_}.value.range.gt`, D = `${_}.value.range.lt`, O = u(C, E), k = u(C, D), A = f(O), j = f(k), { validateFloats: M, fromErrorType: N, toErrorType: P } = a(), F = (t) => {
-		A.current = t, w(E, t), S(e.FROM);
-	}, I = (t) => {
-		j.current = t, w(D, t), S(e.TO);
-	}, L = (e, t) => {
-		T(e, !0), S(t);
-	}, R = (e, t, n) => !!(e === o.OVERLAPPING && n);
-	return /* @__PURE__ */ g("div", {
-		className: r.container,
-		"data-testid": `${i}-field`,
-		children: [!y && /* @__PURE__ */ h(s, {
-			as: "span",
-			color: "textOnLightSecondary",
-			variant: "bodyDefaultBold",
-			children: i
-		}), /* @__PURE__ */ g("div", {
-			className: r.rangeInputsContainer,
-			children: [/* @__PURE__ */ h(l, {
-				name: `${E}`,
-				validate: () => M(A.current, j.current, e.FROM),
-				children: ({ field: a, meta: o }) => /* @__PURE__ */ h("div", {
-					className: r.inputContainer,
-					children: /* @__PURE__ */ h(c, {
-						...n,
-						...a,
-						"data-target-id": `TextInput-${_}_from`,
-						disabled: v,
-						error: R(N, P, x !== e.FROM) ? void 0 : o.error,
-						label: b.formatMessage(t.fieldFromLabel, { label: i }),
-						onBlur: () => L(E, e.FROM),
-						onChange: (e) => F(e.currentTarget.value),
-						placeholder: "0"
-					})
-				})
-			}), /* @__PURE__ */ h(l, {
-				name: `${D}`,
-				validate: () => M(A.current, j.current, e.TO),
-				children: ({ field: a, meta: o }) => /* @__PURE__ */ h("div", {
-					className: r.inputContainer,
-					children: /* @__PURE__ */ h(c, {
-						...n,
-						...a,
-						"data-target-id": `TextInput-${_}_to`,
-						disabled: v,
-						error: R(P, N, x !== e.TO) ? void 0 : o.error,
-						label: b.formatMessage(t.fieldToLabel, { label: i }),
-						onBlur: () => L(D, e.TO),
-						onChange: (e) => I(e.currentTarget.value),
-						placeholder: "0"
-					})
-				})
-			})]
-		})]
-	});
-}, v = ({ isAdvancedFilterEnabled: e, ...t }) => h(e ? i : _, { ...t });
-export { v as MetadataFloatField, v as default };
+import{n as RangeLabelType}from"../../../../../../chunks/types.js";import messages from"../../../../messages.js";import{fieldDefaultProps}from"../constants.js";import{n as metadata_float_field_module_default,t as MetadataFloatFieldAdvanced}from"../../../../../../chunks/metadata-float-field-advanced.js";import{n as useFloatValidation,r as ErrorType}from"../../../../../../chunks/use-float-validation.js";import{Text,TextInput}from"@box/blueprint-web";import{Field,getIn,useFormikContext}from"formik";import{useRef,useState}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";var MetadataFloatFieldBase=({label,fieldNamePrefix,disableForm,hasAccordion})=>{let intl=useIntl(),[lastChangedField,setLastChangedField]=useState(RangeLabelType.FROM),{values,setFieldValue,setFieldTouched}=useFormikContext(),fromFieldName=`${fieldNamePrefix}.value.range.gt`,toFieldName=`${fieldNamePrefix}.value.range.lt`,fromValue=getIn(values,fromFieldName),toValue=getIn(values,toFieldName),fromValidationRef=useRef(fromValue),toValidationRef=useRef(toValue),{validateFloats,fromErrorType,toErrorType}=useFloatValidation(),handleFromOnChange=value=>{fromValidationRef.current=value,setFieldValue(fromFieldName,value),setLastChangedField(RangeLabelType.FROM)},handleToOnChange=value=>{toValidationRef.current=value,setFieldValue(toFieldName,value),setLastChangedField(RangeLabelType.TO)},handleOnBlur=(fieldName,type)=>{setFieldTouched(fieldName,!0),setLastChangedField(type)},shouldHideError=(thisErrorType,otherErrorType,isNotLastChangedField)=>!!(thisErrorType===ErrorType.OVERLAPPING&&isNotLastChangedField);return jsxs(`div`,{className:metadata_float_field_module_default.container,"data-testid":`${label}-field`,children:[!hasAccordion&&jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyDefaultBold`,children:label}),jsxs(`div`,{className:metadata_float_field_module_default.rangeInputsContainer,children:[jsx(Field,{name:`${fromFieldName}`,validate:()=>validateFloats(fromValidationRef.current,toValidationRef.current,RangeLabelType.FROM),children:({field,meta})=>jsx(`div`,{className:metadata_float_field_module_default.inputContainer,children:jsx(TextInput,{...fieldDefaultProps,...field,"data-target-id":`TextInput-${fieldNamePrefix}_from`,disabled:disableForm,error:shouldHideError(fromErrorType,toErrorType,lastChangedField!==RangeLabelType.FROM)?void 0:meta.error,label:intl.formatMessage(messages.fieldFromLabel,{label}),onBlur:()=>handleOnBlur(fromFieldName,RangeLabelType.FROM),onChange:e=>handleFromOnChange(e.currentTarget.value),placeholder:`0`})})}),jsx(Field,{name:`${toFieldName}`,validate:()=>validateFloats(fromValidationRef.current,toValidationRef.current,RangeLabelType.TO),children:({field,meta})=>jsx(`div`,{className:metadata_float_field_module_default.inputContainer,children:jsx(TextInput,{...fieldDefaultProps,...field,"data-target-id":`TextInput-${fieldNamePrefix}_to`,disabled:disableForm,error:shouldHideError(toErrorType,fromErrorType,lastChangedField!==RangeLabelType.TO)?void 0:meta.error,label:intl.formatMessage(messages.fieldToLabel,{label}),onBlur:()=>handleOnBlur(toFieldName,RangeLabelType.TO),onChange:e=>handleToOnChange(e.currentTarget.value),placeholder:`0`})})})]})]})},MetadataFloatField=({isAdvancedFilterEnabled,...props})=>jsx(isAdvancedFilterEnabled?MetadataFloatFieldAdvanced:MetadataFloatFieldBase,{...props});export{MetadataFloatField,MetadataFloatField as default};

package/dist/esm/lib/components/metadata-filter-fields/components/metadata-float-field/use-float-validation.js

@@ -1,2 +1 @@
-import { n as e, t } from "../../../../../../chunks/use-float-validation.js";
-export { t as isFloatOrBlank, e as useFloatValidation };
+import{n as useFloatValidation,t as isFloatOrBlank}from"../../../../../../chunks/use-float-validation.js";export{isFloatOrBlank,useFloatValidation};

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

@@ -1,47 +1 @@
-var e = /* @__PURE__ */ function(e) {
-	return e.EQUALS = "equals", e.IS_NOT = "isNot", e.GREATER_THAN = "greaterThanOrEqual", e.LESS_THAN = "lessThanOrEqual", e.BETWEEN = "between", e.IS_BLANK = "isBlank", e.IS_NOT_BLANK = "isNotBlank", e;
-}({}), t = (e, t) => e && t?.some(([t]) => t === e) ? e : "equals", n = /* @__PURE__ */ function(e) {
-	return e.BOTH = "both", e.SINGLE = "single", e.NONE = "none", e;
-}({}), r = (e) => e === "isBlank" || e === "isNotBlank" ? "none" : e === "between" ? "both" : [
-	"equals",
-	"isNot",
-	"greaterThanOrEqual",
-	"lessThanOrEqual"
-].includes(e) ? "single" : "none", i = (e) => e.lt && !e.gt ? {
-	from: e.lt,
-	to: ""
-} : {
-	from: e.gt || "",
-	to: e.lt || ""
-}, a = (e) => e.advancedFilterOption === "lessThanOrEqual" ? {
-	from: e.value?.range?.lt || "",
-	to: ""
-} : {
-	from: e.value?.range?.gt || "",
-	to: e.value?.range?.lt || ""
-}, o = (e) => typeof e == "object" && !!e, s = (e) => o(e) && "advancedFilterOption" in e && "value" in e && typeof e.advancedFilterOption == "string", c = (e, t) => {
-	if (!o(e)) return {
-		from: "",
-		to: ""
-	};
-	let n = e;
-	return n.range && !t ? i(n.range) : t && s(e) ? a(e) : n.range ? i(n.range) : {
-		from: "",
-		to: ""
-	};
-}, l = (e, t, n, r) => {
-	if (r) {
-		if (n === "isBlank" || n === "isNotBlank") return {
-			value: { range: {} },
-			advancedFilterOption: n
-		};
-		let r = {};
-		return e && (n === "lessThanOrEqual" ? r.lt = e : r.gt = e), t && n === "between" && (r.lt = t), {
-			value: { range: r },
-			advancedFilterOption: n
-		};
-	}
-	let i = {};
-	return e && (i.gt = e), t && (i.lt = t), { range: i };
-};
-export { e as FloatAdvancedFilterOption, n as FloatInputDisplayState, l as createFieldValue, t as getInitialAdvancedFilterValue, r as getInputDisplayState, c as getInputValues };
+var FloatAdvancedFilterOption=function(FloatAdvancedFilterOption){return FloatAdvancedFilterOption.EQUALS=`equals`,FloatAdvancedFilterOption.IS_NOT=`isNot`,FloatAdvancedFilterOption.GREATER_THAN=`greaterThanOrEqual`,FloatAdvancedFilterOption.LESS_THAN=`lessThanOrEqual`,FloatAdvancedFilterOption.BETWEEN=`between`,FloatAdvancedFilterOption.IS_BLANK=`isBlank`,FloatAdvancedFilterOption.IS_NOT_BLANK=`isNotBlank`,FloatAdvancedFilterOption}({}),getInitialAdvancedFilterValue=(fieldAdvancedFilterOptions,filterOptionsMap)=>fieldAdvancedFilterOptions&&filterOptionsMap?.some(([key])=>key===fieldAdvancedFilterOptions)?fieldAdvancedFilterOptions:`equals`,FloatInputDisplayState=function(FloatInputDisplayState){return FloatInputDisplayState.BOTH=`both`,FloatInputDisplayState.SINGLE=`single`,FloatInputDisplayState.NONE=`none`,FloatInputDisplayState}({}),getInputDisplayState=advancedFilterOption=>advancedFilterOption===`isBlank`||advancedFilterOption===`isNotBlank`?`none`:advancedFilterOption===`between`?`both`:[`equals`,`isNot`,`greaterThanOrEqual`,`lessThanOrEqual`].includes(advancedFilterOption)?`single`:`none`,extractRangeValues=range=>range.lt&&!range.gt?{from:range.lt,to:``}:{from:range.gt||``,to:range.lt||``},extractAdvancedFilterValues=objectValue=>objectValue.advancedFilterOption===`lessThanOrEqual`?{from:objectValue.value?.range?.lt||``,to:``}:{from:objectValue.value?.range?.gt||``,to:objectValue.value?.range?.lt||``},isValidObject=value=>typeof value==`object`&&!!value,isAdvancedFilterObject=value=>isValidObject(value)&&`advancedFilterOption`in value&&`value`in value&&typeof value.advancedFilterOption==`string`,getInputValues=(fieldValue,isAdvancedFilterEnabled)=>{if(!isValidObject(fieldValue))return{from:``,to:``};let rangeValue=fieldValue;return rangeValue.range&&!isAdvancedFilterEnabled?extractRangeValues(rangeValue.range):isAdvancedFilterEnabled&&isAdvancedFilterObject(fieldValue)?extractAdvancedFilterValues(fieldValue):rangeValue.range?extractRangeValues(rangeValue.range):{from:``,to:``}},createFieldValue=(fromValue,toValue,advancedFilterOption,isAdvancedFilterEnabled)=>{if(isAdvancedFilterEnabled){if(advancedFilterOption===`isBlank`||advancedFilterOption===`isNotBlank`)return{value:{range:{}},advancedFilterOption};let range={};return fromValue&&(advancedFilterOption===`lessThanOrEqual`?range.lt=fromValue:range.gt=fromValue),toValue&&advancedFilterOption===`between`&&(range.lt=toValue),{value:{range},advancedFilterOption}}let range={};return fromValue&&(range.gt=fromValue),toValue&&(range.lt=toValue),{range}};export{FloatAdvancedFilterOption,FloatInputDisplayState,createFieldValue,getInitialAdvancedFilterValue,getInputDisplayState,getInputValues};