@box/metadata-view 2.2.38 → 2.2.40

package/dist/esm/lib/components/filter-row/format-advanced-filter-label.js

@@ -1,163 +1 @@
-import e from "./messages.js";
-import { FilterKeyTypes as t } from "@box/metadata-filter";
-var n = new Set([
-	t.GREATER_THAN_OR_EQUAL,
-	t.LESS_THAN_OR_EQUAL,
-	t.BETWEEN,
-	t.EQUALS,
-	t.IS_NOT
-]), r = (e) => !!e && typeof e == "object" && !Array.isArray(e), i = (e) => r(e) && r(e.range), a = (e) => e !== void 0 && e !== "", o = (e) => typeof e == "string" || typeof e == "number" ? String(e) : r(e) ? typeof e.displayValue == "string" ? e.displayValue : typeof e.value == "string" || typeof e.value == "number" ? String(e.value) : "" : "", s = (e) => Array.isArray(e) ? e.map(o).filter(Boolean) : [], c = (e) => {
-	if (!e || Array.isArray(e)) return e;
-	if ("value" in e && Array.isArray(e.value)) return e.value;
-	if ("enum" in e) {
-		let t = e.enum;
-		if (Array.isArray(t)) {
-			let e = t[0];
-			return r(e) && "value" in e ? e.value : t;
-		}
-		return r(t) && "value" in t ? t.value : t;
-	}
-	return e;
-}, l = (e, t) => {
-	if (typeof e != "string") return "";
-	let n = new Date(e);
-	return Number.isNaN(n.getTime()) ? "" : t(n, {
-		day: "numeric",
-		month: "numeric",
-		timeZone: "UTC",
-		year: "numeric"
-	});
-}, u = (e, t) => {
-	if (!r(e)) return;
-	let n = e[t];
-	return typeof n == "string" || typeof n == "number" ? n : void 0;
-}, d = (e, t) => {
-	if (!r(e)) return;
-	let n = "range" in e ? e.range : void 0;
-	return r(n) ? n[t] : void 0;
-}, f = (e) => o(Array.isArray(e) ? e[0] : e), p = ({ name: n, advancedFilterOption: r, firstValue: i, remainingCount: a, formatMessage: o }) => o(r === t.IS_NOT || r === t.IS_NOT_ANY || r === t.DOES_NOT_CONTAIN ? e.advancedFilterMultiselectIsNot : e.advancedFilterMultiselect, {
-	name: n,
-	firstValue: i,
-	count: a
-}), m = ({ name: n, advancedFilterOption: r, searchValueText: i, searchValueIsRange: a, hasSearchValue: o, formatMessage: s }) => {
-	switch (r) {
-		case t.MATCH_EXACTLY: return o ? s(e.advancedFilterMatchExactly, {
-			name: n,
-			searchValue: i
-		}) : n;
-		case t.CONTAINS:
-		case t.STARTS_WITH:
-		case t.MATCH_ANY:
-		case t.MATCH_ALL: return o ? s(e.advancedFilterWithSearchValue, {
-			name: n,
-			searchValue: i
-		}) : n;
-		case t.DOES_NOT_CONTAIN:
-		case t.IS_NOT_ANY: return o ? s(e.advancedFilterNotSearchValue, {
-			name: n,
-			searchValue: i
-		}) : n;
-		case t.IS_NOT: return a ? void 0 : o ? s(e.advancedFilterIsNot, {
-			name: n,
-			searchValue: i
-		}) : n;
-		case t.MATCH_AT_OR_WITHIN: return o ? s(e.advancedFilterMatchAtOrWithin, {
-			name: n,
-			searchValue: i
-		}) : n;
-		case t.IS_NOT_AT_OR_WITHIN: return o ? s(e.advancedFilterIsNotAtOrWithin, {
-			name: n,
-			searchValue: i
-		}) : n;
-		default: return;
-	}
-}, h = ({ name: r, advancedFilterOption: i, gt: o, lt: s, searchValueText: c, hasSearchValue: l, formatMessage: u }) => {
-	if (n.has(i)) {
-		if (!l) return r;
-		switch (i) {
-			case t.GREATER_THAN_OR_EQUAL: return u(e.advancedFilterGreaterThanOrEqual, {
-				name: r,
-				searchValue: a(o) ? o : s
-			});
-			case t.LESS_THAN_OR_EQUAL: return u(e.advancedFilterLessThanOrEqual, {
-				name: r,
-				searchValue: a(s) ? s : o
-			});
-			case t.BETWEEN: return a(o) && !a(s) ? u(e.advancedFilterGreaterThanOrEqual, {
-				name: r,
-				searchValue: o
-			}) : !a(o) && a(s) ? u(e.advancedFilterLessThanOrEqual, {
-				name: r,
-				searchValue: s
-			}) : u(e.advancedFilterBetween, {
-				name: r,
-				gt: o,
-				lt: s
-			});
-			case t.EQUALS: return u(e.advancedFilterWithSearchValue, {
-				name: r,
-				searchValue: a(o) ? o : c
-			});
-			case t.IS_NOT: return u(e.advancedFilterNotSearchValue, {
-				name: r,
-				searchValue: a(o) ? o : s
-			});
-			default: return;
-		}
-	}
-}, g = ({ name: n, advancedFilterOption: r, filterValue: i, formatDate: o, formatMessage: s }) => {
-	let c = u(i, "relativeDays");
-	switch (r) {
-		case t.TODAY: return s(e.advancedFilterToday, { name: n });
-		case t.NEXT: return a(c) ? s(e.advancedFilterNext, {
-			name: n,
-			searchValue: c
-		}) : n;
-		case t.PAST: return a(c) ? s(e.advancedFilterPast, {
-			name: n,
-			searchValue: c
-		}) : n;
-		case t.OLDER_THAN: return a(c) ? s(e.advancedFilterOlderThan, {
-			name: n,
-			searchValue: c
-		}) : n;
-		case t.CUSTOM_RANGE: return s(e.advancedFilterCustomRange, {
-			name: n,
-			startDate: l(d(i, "gt"), o),
-			endDate: l(d(i, "lt"), o)
-		});
-		default: return;
-	}
-}, _ = ({ name: n, advancedFilterOption: r, filterValue: o, formatDate: l, formatMessage: u }) => {
-	if (!r) return n;
-	let d = c(o), _ = f(d), v = i(d), y = v ? d.range : void 0, b = y?.gt, x = y?.lt, S = s(d), C = _ !== "" || a(b) || a(x) || S.length > 0;
-	return S.length > 1 ? p({
-		name: n,
-		advancedFilterOption: r,
-		firstValue: S[0],
-		remainingCount: S.length - 1,
-		formatMessage: u
-	}) : r === t.IS_BLANK ? u(e.advancedFilterIsBlank, { name: n }) : r === t.IS_NOT_BLANK ? u(e.advancedFilterIsNotBlank, { name: n }) : m({
-		name: n,
-		advancedFilterOption: r,
-		searchValueText: _,
-		searchValueIsRange: v,
-		hasSearchValue: C,
-		formatMessage: u
-	}) ?? h({
-		name: n,
-		advancedFilterOption: r,
-		gt: b,
-		lt: x,
-		searchValueText: _,
-		hasSearchValue: C,
-		formatMessage: u
-	}) ?? g({
-		name: n,
-		advancedFilterOption: r,
-		filterValue: o,
-		formatDate: l,
-		formatMessage: u
-	}) ?? n;
-};
-export { _ as formatAdvancedFilterLabel };
+import messages from"./messages.js";import{FilterKeyTypes}from"@box/metadata-filter";var RANGE_FILTER_OPTIONS=new Set([FilterKeyTypes.GREATER_THAN_OR_EQUAL,FilterKeyTypes.LESS_THAN_OR_EQUAL,FilterKeyTypes.BETWEEN,FilterKeyTypes.EQUALS,FilterKeyTypes.IS_NOT]),isRecord=value=>!!value&&typeof value==`object`&&!Array.isArray(value),isRangeValue=value=>isRecord(value)&&isRecord(value.range),hasValue=value=>value!==void 0&&value!==``,getDisplayValue=value=>typeof value==`string`||typeof value==`number`?String(value):isRecord(value)?typeof value.displayValue==`string`?value.displayValue:typeof value.value==`string`||typeof value.value==`number`?String(value.value):``:``,getDisplayValues=value=>Array.isArray(value)?value.map(getDisplayValue).filter(Boolean):[],getAdvancedSearchValue=filterValue=>{if(!filterValue||Array.isArray(filterValue))return filterValue;if(`value`in filterValue&&Array.isArray(filterValue.value))return filterValue.value;if(`enum`in filterValue){let enumValue=filterValue.enum;if(Array.isArray(enumValue)){let firstValue=enumValue[0];return isRecord(firstValue)&&`value`in firstValue?firstValue.value:enumValue}return isRecord(enumValue)&&`value`in enumValue?enumValue.value:enumValue}return filterValue},formatDateValue=(date,formatDate)=>{if(typeof date!=`string`)return``;let parsedDate=new Date(date);return Number.isNaN(parsedDate.getTime())?``:formatDate(parsedDate,{day:`numeric`,month:`numeric`,timeZone:`UTC`,year:`numeric`})},getDateFilterValue=(filterValue,key)=>{if(!isRecord(filterValue))return;let value=filterValue[key];return typeof value==`string`||typeof value==`number`?value:void 0},getDateRangeValue=(filterValue,key)=>{if(!isRecord(filterValue))return;let range=`range`in filterValue?filterValue.range:void 0;return isRecord(range)?range[key]:void 0},getScalarValue=value=>getDisplayValue(Array.isArray(value)?value[0]:value),formatMultiValueLabel=({name,advancedFilterOption,firstValue,remainingCount,formatMessage})=>formatMessage(advancedFilterOption===FilterKeyTypes.IS_NOT||advancedFilterOption===FilterKeyTypes.IS_NOT_ANY||advancedFilterOption===FilterKeyTypes.DOES_NOT_CONTAIN?messages.advancedFilterMultiselectIsNot:messages.advancedFilterMultiselect,{name,firstValue,count:remainingCount}),formatSearchValueLabel=({name,advancedFilterOption,searchValueText,searchValueIsRange,hasSearchValue,formatMessage})=>{switch(advancedFilterOption){case FilterKeyTypes.MATCH_EXACTLY:return hasSearchValue?formatMessage(messages.advancedFilterMatchExactly,{name,searchValue:searchValueText}):name;case FilterKeyTypes.CONTAINS:case FilterKeyTypes.STARTS_WITH:case FilterKeyTypes.MATCH_ANY:case FilterKeyTypes.MATCH_ALL:return hasSearchValue?formatMessage(messages.advancedFilterWithSearchValue,{name,searchValue:searchValueText}):name;case FilterKeyTypes.DOES_NOT_CONTAIN:case FilterKeyTypes.IS_NOT_ANY:return hasSearchValue?formatMessage(messages.advancedFilterNotSearchValue,{name,searchValue:searchValueText}):name;case FilterKeyTypes.IS_NOT:return searchValueIsRange?void 0:hasSearchValue?formatMessage(messages.advancedFilterIsNot,{name,searchValue:searchValueText}):name;case FilterKeyTypes.MATCH_AT_OR_WITHIN:return hasSearchValue?formatMessage(messages.advancedFilterMatchAtOrWithin,{name,searchValue:searchValueText}):name;case FilterKeyTypes.IS_NOT_AT_OR_WITHIN:return hasSearchValue?formatMessage(messages.advancedFilterIsNotAtOrWithin,{name,searchValue:searchValueText}):name;default:return}},formatRangeLabel=({name,advancedFilterOption,gt,lt,searchValueText,hasSearchValue,formatMessage})=>{if(RANGE_FILTER_OPTIONS.has(advancedFilterOption)){if(!hasSearchValue)return name;switch(advancedFilterOption){case FilterKeyTypes.GREATER_THAN_OR_EQUAL:return formatMessage(messages.advancedFilterGreaterThanOrEqual,{name,searchValue:hasValue(gt)?gt:lt});case FilterKeyTypes.LESS_THAN_OR_EQUAL:return formatMessage(messages.advancedFilterLessThanOrEqual,{name,searchValue:hasValue(lt)?lt:gt});case FilterKeyTypes.BETWEEN:return hasValue(gt)&&!hasValue(lt)?formatMessage(messages.advancedFilterGreaterThanOrEqual,{name,searchValue:gt}):!hasValue(gt)&&hasValue(lt)?formatMessage(messages.advancedFilterLessThanOrEqual,{name,searchValue:lt}):formatMessage(messages.advancedFilterBetween,{name,gt,lt});case FilterKeyTypes.EQUALS:return formatMessage(messages.advancedFilterWithSearchValue,{name,searchValue:hasValue(gt)?gt:searchValueText});case FilterKeyTypes.IS_NOT:return formatMessage(messages.advancedFilterNotSearchValue,{name,searchValue:hasValue(gt)?gt:lt});default:return}}},formatDateLabel=({name,advancedFilterOption,filterValue,formatDate,formatMessage})=>{let relativeDays=getDateFilterValue(filterValue,`relativeDays`);switch(advancedFilterOption){case FilterKeyTypes.TODAY:return formatMessage(messages.advancedFilterToday,{name});case FilterKeyTypes.NEXT:return hasValue(relativeDays)?formatMessage(messages.advancedFilterNext,{name,searchValue:relativeDays}):name;case FilterKeyTypes.PAST:return hasValue(relativeDays)?formatMessage(messages.advancedFilterPast,{name,searchValue:relativeDays}):name;case FilterKeyTypes.OLDER_THAN:return hasValue(relativeDays)?formatMessage(messages.advancedFilterOlderThan,{name,searchValue:relativeDays}):name;case FilterKeyTypes.CUSTOM_RANGE:return formatMessage(messages.advancedFilterCustomRange,{name,startDate:formatDateValue(getDateRangeValue(filterValue,`gt`),formatDate),endDate:formatDateValue(getDateRangeValue(filterValue,`lt`),formatDate)});default:return}},formatAdvancedFilterLabel=({name,advancedFilterOption,filterValue,formatDate,formatMessage})=>{if(!advancedFilterOption)return name;let searchValue=getAdvancedSearchValue(filterValue),searchValueText=getScalarValue(searchValue),searchValueIsRange=isRangeValue(searchValue),range=searchValueIsRange?searchValue.range:void 0,gt=range?.gt,lt=range?.lt,displayValues=getDisplayValues(searchValue),hasSearchValue=searchValueText!==``||hasValue(gt)||hasValue(lt)||displayValues.length>0;return displayValues.length>1?formatMultiValueLabel({name,advancedFilterOption,firstValue:displayValues[0],remainingCount:displayValues.length-1,formatMessage}):advancedFilterOption===FilterKeyTypes.IS_BLANK?formatMessage(messages.advancedFilterIsBlank,{name}):advancedFilterOption===FilterKeyTypes.IS_NOT_BLANK?formatMessage(messages.advancedFilterIsNotBlank,{name}):formatSearchValueLabel({name,advancedFilterOption,searchValueText,searchValueIsRange,hasSearchValue,formatMessage})??formatRangeLabel({name,advancedFilterOption,gt,lt,searchValueText,hasSearchValue,formatMessage})??formatDateLabel({name,advancedFilterOption,filterValue,formatDate,formatMessage})??name};export{formatAdvancedFilterLabel};

package/dist/esm/lib/components/filter-row/index.js

@@ -1,6 +1 @@
-import { FormFilterChip as e } from "./form-filter-chip.js";
-import { SelectFilterChip as t } from "./select-filter-chip.js";
-import { MetadataFilterChip as n } from "./metadata-filter-chip.js";
-import { t as r } from "../../../../chunks/types2.js";
-import { FilterRow as i } from "./filter-row.js";
-export { i as FilterRow, e as FormFilterChip, n as MetadataFilterChip, r as PredefinedFilterName, t as SelectFilterChip };
+import{FormFilterChip}from"./form-filter-chip.js";import{SelectFilterChip}from"./select-filter-chip.js";import{MetadataFilterChip}from"./metadata-filter-chip.js";import{t as PredefinedFilterName}from"../../../../chunks/types2.js";import{FilterRow}from"./filter-row.js";export{FilterRow,FormFilterChip,MetadataFilterChip,PredefinedFilterName,SelectFilterChip};

package/dist/esm/lib/components/filter-row/initial-field-values.js

@@ -1,51 +1 @@
-import { FilterKeyTypes as e } from "@box/metadata-filter";
-var t = (e) => ({
-	key: e,
-	id: e
-}), n = ({ fieldType: e, options: n }) => ["enum", "multiSelect"].includes(e) ? (n || []).map(t) : [], r = ({ fieldType: t, isAdvancedFilterEnabled: n }) => t === "taxonomy" ? n ? {
-	value: [],
-	advancedFilterOption: e.MATCH_ANY
-} : [] : t === "date" ? {
-	customType: "anyTime",
-	range: {
-		gt: "",
-		lt: ""
-	}
-} : t === "float" ? n ? { enum: [] } : { range: {
-	gt: "",
-	lt: ""
-} } : { enum: [] }, i = (e) => {
-	if (Array.isArray(e)) return e.length > 1 ? "multiSelect" : "enum";
-	let t = e && typeof e == "object" && "value" in e ? e.value : void 0;
-	return t && t.length > 1 ? "multiSelect" : "enum";
-}, a = (e) => Array.isArray(e) ? e.length > 1 ? "multiSelect" : "enum" : !e || typeof e != "object" ? "enum" : "customDays" in e || "relativeDays" in e || "customType" in e || "relativeType" in e ? "date" : "range" in e ? "float" : "value" in e && Array.isArray(e.value) ? "taxonomy" : "enum" in e ? i(e.enum) : "enum", o = (e, t) => {
-	let i = e.reduce((e, i) => {
-		let a = t?.[i.id]?.value, o = r({
-			fieldType: i.fieldType,
-			isAdvancedFilterEnabled: i.isAdvancedFilterEnabled
-		}), s = {
-			value: a ?? o,
-			fieldType: i.fieldType,
-			options: n(i)
-		};
-		return e[i.id] = i.fieldType === "taxonomy" ? {
-			...s,
-			key: i.key ?? i.id,
-			levels: i.levels,
-			optionsRules: i.optionsRules
-		} : s, e;
-	}, {});
-	t && Object.keys(t).filter((e) => !i[e]).forEach((e) => {
-		i[e] = {
-			value: t[e].value,
-			fieldType: a(t[e].value)
-		};
-	});
-	let o = e.find((e) => e.fieldType === "taxonomy");
-	return { metadata: {
-		fields: i,
-		scope: o?.scope,
-		templateKey: o?.templateKey
-	} };
-};
-export { r as getDefaultFieldValue, o as getInitialFieldValues, a as inferFieldType };
+import{FilterKeyTypes}from"@box/metadata-filter";var toMetadataOption=template=>({key:template,id:template}),getOptions=({fieldType,options})=>[`enum`,`multiSelect`].includes(fieldType)?(options||[]).map(toMetadataOption):[],getDefaultFieldValue=({fieldType,isAdvancedFilterEnabled})=>fieldType===`taxonomy`?isAdvancedFilterEnabled?{value:[],advancedFilterOption:FilterKeyTypes.MATCH_ANY}:[]:fieldType===`date`?{customType:`anyTime`,range:{gt:``,lt:``}}:fieldType===`float`?isAdvancedFilterEnabled?{enum:[]}:{range:{gt:``,lt:``}}:{enum:[]},inferEnumFieldType=enumField=>{if(Array.isArray(enumField))return enumField.length>1?`multiSelect`:`enum`;let advancedEnumValues=enumField&&typeof enumField==`object`&&`value`in enumField?enumField.value:void 0;return advancedEnumValues&&advancedEnumValues.length>1?`multiSelect`:`enum`},inferFieldType=value=>Array.isArray(value)?value.length>1?`multiSelect`:`enum`:!value||typeof value!=`object`?`enum`:`customDays`in value||`relativeDays`in value||`customType`in value||`relativeType`in value?`date`:`range`in value?`float`:`value`in value&&Array.isArray(value.value)?`taxonomy`:`enum`in value?inferEnumFieldType(value.enum):`enum`,getInitialFieldValues=(filterOptions,customFieldValues)=>{let initialFieldValues=filterOptions.reduce((acc,filterOption)=>{let customValue=customFieldValues?.[filterOption.id]?.value,defaultValue=getDefaultFieldValue({fieldType:filterOption.fieldType,isAdvancedFilterEnabled:filterOption.isAdvancedFilterEnabled}),fieldValue={value:customValue??defaultValue,fieldType:filterOption.fieldType,options:getOptions(filterOption)};return acc[filterOption.id]=filterOption.fieldType===`taxonomy`?{...fieldValue,key:filterOption.key??filterOption.id,levels:filterOption.levels,optionsRules:filterOption.optionsRules}:fieldValue,acc},{});customFieldValues&&Object.keys(customFieldValues).filter(fieldId=>!initialFieldValues[fieldId]).forEach(fieldId=>{initialFieldValues[fieldId]={value:customFieldValues[fieldId].value,fieldType:inferFieldType(customFieldValues[fieldId].value)}});let taxonomyFilterOption=filterOptions.find(filterOption=>filterOption.fieldType===`taxonomy`);return{metadata:{fields:initialFieldValues,scope:taxonomyFilterOption?.scope,templateKey:taxonomyFilterOption?.templateKey}}};export{getDefaultFieldValue,getInitialFieldValues,inferFieldType};

package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js

@@ -1,3 +1 @@
-import { FilterKeyTypes as e } from "@box/metadata-filter";
-var t = (t) => t === e.IS_BLANK || t === e.IS_NOT_BLANK;
-export { t as isBlankOrNotBlankFilter };
+import{FilterKeyTypes}from"@box/metadata-filter";var isBlankOrNotBlankFilter=option=>option===FilterKeyTypes.IS_BLANK||option===FilterKeyTypes.IS_NOT_BLANK;export{isBlankOrNotBlankFilter};

package/dist/esm/lib/components/filter-row/is-filter-selected.js

@@ -1,40 +1 @@
-import { isBlankOrNotBlankFilter as e } from "./is-blank-or-not-blank-filter.js";
-import { FilterKeyTypes as t } from "@box/metadata-filter";
-var n = (e) => !!e && typeof e == "object" && !Array.isArray(e) && "advancedFilterOption" in e, r = ({ value: t, advancedFilterOption: n }) => e(n) ? !0 : !!(t && t.length > 0 && t[0]), i = (e) => !!e && typeof e == "object" && !Array.isArray(e) && "advancedFilterOption" in e, a = ({ value: t, advancedFilterOption: n }) => {
-	if (e(n)) return !0;
-	if (typeof t == "string") return !!t;
-	if (t && typeof t == "object" && "range" in t) {
-		let { range: e } = t;
-		return !!(e && (e.gt || e.lt));
-	}
-	return !1;
-}, o = (e) => {
-	if ("advancedFilterOption" in e) return e.advancedFilterOption;
-	if ("enum" in e) {
-		let t = e.enum;
-		if (n(t)) return t.advancedFilterOption;
-		let r = t?.[0];
-		if (i(r)) return r.advancedFilterOption;
-	}
-}, s = (e) => {
-	let n = o(e);
-	return n && n !== t.SELECT_FILTER_TYPE ? n : void 0;
-}, c = (t) => {
-	if (Array.isArray(t)) return t.length > 0;
-	if ("advancedFilterOption" in t && e(t.advancedFilterOption)) return !0;
-	if ("value" in t && Array.isArray(t.value)) return t.value.length > 0;
-	if ("range" in t) {
-		let { range: e } = t;
-		return !!(e && (e.gt || e.lt));
-	}
-	if ("enum" in t) {
-		let e = t.enum;
-		if (n(e)) return r(e);
-		let o = e;
-		if (!o || o.length === 0) return !1;
-		let s = o[0];
-		return i(s) ? a(s) : !!s;
-	}
-	return !1;
-};
-export { s as extractAdvancedFilterOption, c as isFilterSelected };
+import{isBlankOrNotBlankFilter}from"./is-blank-or-not-blank-filter.js";import{FilterKeyTypes}from"@box/metadata-filter";var isAdvancedEnumField=enumField=>!!enumField&&typeof enumField==`object`&&!Array.isArray(enumField)&&`advancedFilterOption`in enumField,isAdvancedEnumFieldSelected=({value,advancedFilterOption})=>isBlankOrNotBlankFilter(advancedFilterOption)?!0:!!(value&&value.length>0&&value[0]),isAdvancedArrayItem=item=>!!item&&typeof item==`object`&&!Array.isArray(item)&&`advancedFilterOption`in item,isAdvancedArrayItemSelected=({value,advancedFilterOption})=>{if(isBlankOrNotBlankFilter(advancedFilterOption))return!0;if(typeof value==`string`)return!!value;if(value&&typeof value==`object`&&`range`in value){let{range}=value;return!!(range&&(range.gt||range.lt))}return!1},extractRawFilterOption=value=>{if(`advancedFilterOption`in value)return value.advancedFilterOption;if(`enum`in value){let enumField=value.enum;if(isAdvancedEnumField(enumField))return enumField.advancedFilterOption;let firstItem=enumField?.[0];if(isAdvancedArrayItem(firstItem))return firstItem.advancedFilterOption}},extractAdvancedFilterOption=value=>{let embeddedOption=extractRawFilterOption(value);return embeddedOption&&embeddedOption!==FilterKeyTypes.SELECT_FILTER_TYPE?embeddedOption:void 0},isFilterSelected=value=>{if(Array.isArray(value))return value.length>0;if(`advancedFilterOption`in value&&isBlankOrNotBlankFilter(value.advancedFilterOption))return!0;if(`value`in value&&Array.isArray(value.value))return value.value.length>0;if(`range`in value){let{range}=value;return!!(range&&(range.gt||range.lt))}if(`enum`in value){let enumField=value.enum;if(isAdvancedEnumField(enumField))return isAdvancedEnumFieldSelected(enumField);let enumArray=enumField;if(!enumArray||enumArray.length===0)return!1;let firstItem=enumArray[0];return isAdvancedArrayItem(firstItem)?isAdvancedArrayItemSelected(firstItem):!!firstItem}return!1};export{extractAdvancedFilterOption,isFilterSelected};

package/dist/esm/lib/components/filter-row/messages.js

@@ -1,112 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	applyButton: {
-		id: "groupSharedFeatures.metadataView.filterRow.applyButton",
-		defaultMessage: "Apply"
-	},
-	clearButton: {
-		id: "groupSharedFeatures.metadataView.filterRow.clearButton",
-		defaultMessage: "Clear"
-	},
-	textInputPlaceholder: {
-		id: "groupSharedFeatures.metadataView.filterRow.textInputPlaceholder",
-		defaultMessage: "Set Value"
-	},
-	allFilters: {
-		id: "groupSharedFeatures.metadataView.filterRow.AllFilters",
-		defaultMessage: "All Filters"
-	},
-	keywordSearchFilterPlaceholder: {
-		id: "groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder",
-		defaultMessage: "Enter keywords"
-	},
-	chipNameWithCount: {
-		id: "groupSharedFeatures.metadataView.filterRow.chipNameWithCount",
-		defaultMessage: "{name} ({count})"
-	},
-	fileTypeFilterTitle: {
-		id: "groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle",
-		defaultMessage: "File Type"
-	},
-	locationFilterTitle: {
-		id: "groupSharedFeatures.metadataView.filterRow.locationFilterTitle",
-		defaultMessage: "Location"
-	},
-	chipNameWithFilterOption: {
-		id: "groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption",
-		defaultMessage: "{name}: {optionLabel}"
-	},
-	advancedFilterWithSearchValue: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterWithSearchValue",
-		defaultMessage: "{name}: {searchValue}"
-	},
-	advancedFilterMatchExactly: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterMatchExactly",
-		defaultMessage: "{name}: \"{searchValue}\""
-	},
-	advancedFilterNotSearchValue: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterNotSearchValue",
-		defaultMessage: "{name}: Not {searchValue}"
-	},
-	advancedFilterIsNot: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterIsNot",
-		defaultMessage: "{name}: Not \"{searchValue}\""
-	},
-	advancedFilterIsBlank: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterIsBlank",
-		defaultMessage: "{name}: is blank"
-	},
-	advancedFilterIsNotBlank: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterIsNotBlank",
-		defaultMessage: "{name}: is not blank"
-	},
-	advancedFilterGreaterThanOrEqual: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterGreaterThanOrEqual",
-		defaultMessage: "{name}: >= {searchValue}"
-	},
-	advancedFilterLessThanOrEqual: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterLessThanOrEqual",
-		defaultMessage: "{name}: <= {searchValue}"
-	},
-	advancedFilterBetween: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterBetween",
-		defaultMessage: "{name}: {gt}-{lt}"
-	},
-	advancedFilterMultiselect: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterMultiselect",
-		defaultMessage: "{name}: {firstValue} +{count}"
-	},
-	advancedFilterMultiselectIsNot: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterMultiselectIsNot",
-		defaultMessage: "{name}: Not {firstValue} +{count}"
-	},
-	advancedFilterMatchAtOrWithin: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterMatchAtOrWithin",
-		defaultMessage: "{name}: at or within {searchValue}"
-	},
-	advancedFilterIsNotAtOrWithin: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterIsNotAtOrWithin",
-		defaultMessage: "{name}: not at or within {searchValue}"
-	},
-	advancedFilterToday: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterToday",
-		defaultMessage: "{name}: Today"
-	},
-	advancedFilterNext: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterNext",
-		defaultMessage: "{name}: Next {searchValue} days"
-	},
-	advancedFilterPast: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterPast",
-		defaultMessage: "{name}: Past {searchValue} days"
-	},
-	advancedFilterOlderThan: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterOlderThan",
-		defaultMessage: "{name}: Older than {searchValue} days"
-	},
-	advancedFilterCustomRange: {
-		id: "groupSharedFeatures.metadataView.filterRow.advancedFilterCustomRange",
-		defaultMessage: "{name}: {startDate} - {endDate}"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({applyButton:{id:`groupSharedFeatures.metadataView.filterRow.applyButton`,defaultMessage:`Apply`},clearButton:{id:`groupSharedFeatures.metadataView.filterRow.clearButton`,defaultMessage:`Clear`},textInputPlaceholder:{id:`groupSharedFeatures.metadataView.filterRow.textInputPlaceholder`,defaultMessage:`Set Value`},allFilters:{id:`groupSharedFeatures.metadataView.filterRow.AllFilters`,defaultMessage:`All Filters`},keywordSearchFilterPlaceholder:{id:`groupSharedFeatures.metadataView.filterRow.keywordSearchFilterPlaceholder`,defaultMessage:`Enter keywords`},chipNameWithCount:{id:`groupSharedFeatures.metadataView.filterRow.chipNameWithCount`,defaultMessage:`{name} ({count})`},fileTypeFilterTitle:{id:`groupSharedFeatures.metadataView.filterRow.fileTypeFilterTitle`,defaultMessage:`File Type`},locationFilterTitle:{id:`groupSharedFeatures.metadataView.filterRow.locationFilterTitle`,defaultMessage:`Location`},chipNameWithFilterOption:{id:`groupSharedFeatures.metadataView.filterRow.chipNameWithFilterOption`,defaultMessage:`{name}: {optionLabel}`},advancedFilterWithSearchValue:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterWithSearchValue`,defaultMessage:`{name}: {searchValue}`},advancedFilterMatchExactly:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterMatchExactly`,defaultMessage:`{name}: "{searchValue}"`},advancedFilterNotSearchValue:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterNotSearchValue`,defaultMessage:`{name}: Not {searchValue}`},advancedFilterIsNot:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterIsNot`,defaultMessage:`{name}: Not "{searchValue}"`},advancedFilterIsBlank:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterIsBlank`,defaultMessage:`{name}: is blank`},advancedFilterIsNotBlank:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterIsNotBlank`,defaultMessage:`{name}: is not blank`},advancedFilterGreaterThanOrEqual:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterGreaterThanOrEqual`,defaultMessage:`{name}: >= {searchValue}`},advancedFilterLessThanOrEqual:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterLessThanOrEqual`,defaultMessage:`{name}: <= {searchValue}`},advancedFilterBetween:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterBetween`,defaultMessage:`{name}: {gt}-{lt}`},advancedFilterMultiselect:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterMultiselect`,defaultMessage:`{name}: {firstValue} +{count}`},advancedFilterMultiselectIsNot:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterMultiselectIsNot`,defaultMessage:`{name}: Not {firstValue} +{count}`},advancedFilterMatchAtOrWithin:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterMatchAtOrWithin`,defaultMessage:`{name}: at or within {searchValue}`},advancedFilterIsNotAtOrWithin:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterIsNotAtOrWithin`,defaultMessage:`{name}: not at or within {searchValue}`},advancedFilterToday:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterToday`,defaultMessage:`{name}: Today`},advancedFilterNext:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterNext`,defaultMessage:`{name}: Next {searchValue} days`},advancedFilterPast:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterPast`,defaultMessage:`{name}: Past {searchValue} days`},advancedFilterOlderThan:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterOlderThan`,defaultMessage:`{name}: Older than {searchValue} days`},advancedFilterCustomRange:{id:`groupSharedFeatures.metadataView.filterRow.advancedFilterCustomRange`,defaultMessage:`{name}: {startDate} - {endDate}`}});export{messages as default};

package/dist/esm/lib/components/filter-row/metadata-filter-chip.js

@@ -1,87 +1 @@
-import { MetadataFileChip as e } from "../metadata-value/metadata-file-chip.js";
-import { AdvancedFieldContent as t } from "./advanced-field-content.js";
-import { CustomTriggerChip as n } from "./custom-trigger-chip.js";
-import { FormFilterChip as r } from "./form-filter-chip.js";
-import { SelectFilterChip as i } from "./select-filter-chip.js";
-import { useIntl as a } from "react-intl";
-import { MetadataDateField as o, MetadataFloatField as s, MetadataStringField as c } from "@box/metadata-filter";
-import { jsx as l } from "react/jsx-runtime";
-var u = ({ filterOption: u, formRef: d }) => {
-	let { advancedFilterOptionsMap: f, canUseRelativeDates: p, customDateFilterOptions: m, fieldType: h, icon: g, id: _, isAdvancedFilterEnabled: v, isMultilevelTaxonomyFieldEnabled: y, name: b, onTrigger: x, options: S, placeholder: C, taxonomyOptionsFetcher: w, variant: T } = u, { locale: E } = a(), D = `metadata.fields.${_}`, O = b ?? "";
-	if (x) return /* @__PURE__ */ l(n, {
-		id: _,
-		label: O,
-		icon: g,
-		isAdvancedFilterEnabled: v,
-		onClear: u.onClear,
-		onTrigger: x
-	});
-	if (h === "multiSelect" && T === "file") return /* @__PURE__ */ l(e, { id: _ });
-	if (v) return /* @__PURE__ */ l(r, {
-		advancedFilterOptionsMap: f,
-		formRef: d,
-		icon: g,
-		id: _,
-		isAdvancedFilterEnabled: !0,
-		name: b,
-		children: /* @__PURE__ */ l(t, {
-			fieldType: h,
-			fieldNamePrefix: D,
-			filterOptionsMap: f,
-			isMultilevelTaxonomyFieldEnabled: y,
-			label: O,
-			locale: E,
-			portalElement: d.current,
-			taxonomyOptionsFetcher: w
-		})
-	}, _);
-	switch (h) {
-		case "date": return /* @__PURE__ */ l(r, {
-			formRef: d,
-			icon: g,
-			id: _,
-			name: b,
-			children: /* @__PURE__ */ l(o, {
-				canUseRelativeDates: p,
-				customDateFilterOptions: m,
-				direction: "vertical",
-				fieldNamePrefix: D,
-				label: O,
-				locale: E
-			})
-		}, _);
-		case "float": return /* @__PURE__ */ l(r, {
-			formRef: d,
-			icon: g,
-			id: _,
-			name: b,
-			children: /* @__PURE__ */ l(s, {
-				fieldNamePrefix: D,
-				label: O
-			})
-		}, _);
-		case "string": return /* @__PURE__ */ l(r, {
-			formRef: d,
-			icon: g,
-			id: _,
-			name: b,
-			children: /* @__PURE__ */ l(c, {
-				fieldNamePrefix: D,
-				label: O
-			})
-		}, _);
-		case "multiSelect":
-		case "enum": return /* @__PURE__ */ l(i, {
-			fieldNamePrefix: D,
-			formRef: d,
-			icon: g,
-			id: _,
-			name: b,
-			options: S,
-			placeholder: C,
-			type: h
-		});
-		default: return null;
-	}
-};
-export { u as MetadataFilterChip, u as default };
+import{MetadataFileChip}from"../metadata-value/metadata-file-chip.js";import{AdvancedFieldContent}from"./advanced-field-content.js";import{CustomTriggerChip}from"./custom-trigger-chip.js";import{FormFilterChip}from"./form-filter-chip.js";import{SelectFilterChip}from"./select-filter-chip.js";import{useIntl}from"react-intl";import{MetadataDateField,MetadataFloatField,MetadataStringField}from"@box/metadata-filter";import{jsx}from"react/jsx-runtime";var MetadataFilterChip=({filterOption,formRef})=>{let{advancedFilterOptionsMap,canUseRelativeDates,customDateFilterOptions,fieldType,icon,id,isAdvancedFilterEnabled,isMultilevelTaxonomyFieldEnabled,name,onTrigger,options,placeholder,taxonomyOptionsFetcher,variant}=filterOption,{locale}=useIntl(),fieldNamePrefix=`metadata.fields.${id}`,label=name??``;if(onTrigger)return jsx(CustomTriggerChip,{id,label,icon,isAdvancedFilterEnabled,onClear:filterOption.onClear,onTrigger});if(fieldType===`multiSelect`&&variant===`file`)return jsx(MetadataFileChip,{id});if(isAdvancedFilterEnabled)return jsx(FormFilterChip,{advancedFilterOptionsMap,formRef,icon,id,isAdvancedFilterEnabled:!0,name,children:jsx(AdvancedFieldContent,{fieldType,fieldNamePrefix,filterOptionsMap:advancedFilterOptionsMap,isMultilevelTaxonomyFieldEnabled,label,locale,portalElement:formRef.current,taxonomyOptionsFetcher})},id);switch(fieldType){case`date`:return jsx(FormFilterChip,{formRef,icon,id,name,children:jsx(MetadataDateField,{canUseRelativeDates,customDateFilterOptions,direction:`vertical`,fieldNamePrefix,label,locale})},id);case`float`:return jsx(FormFilterChip,{formRef,icon,id,name,children:jsx(MetadataFloatField,{fieldNamePrefix,label})},id);case`string`:return jsx(FormFilterChip,{formRef,icon,id,name,children:jsx(MetadataStringField,{fieldNamePrefix,label})},id);case`multiSelect`:case`enum`:return jsx(SelectFilterChip,{fieldNamePrefix,formRef,icon,id,name,options,placeholder,type:fieldType});default:return null}};export{MetadataFilterChip,MetadataFilterChip as default};

package/dist/esm/lib/components/filter-row/predefinedFilters/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../../chunks/types2.js";
-export { e as PredefinedFilterName };
+import{t as PredefinedFilterName}from"../../../../../chunks/types2.js";export{PredefinedFilterName};

package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js

@@ -1,15 +1 @@
-import { t as e } from "../../../../../chunks/types2.js";
-import t from "lodash/merge";
-function n(n = {}) {
-	return t({
-		[e.KeywordSearchFilterGroup]: { isDisabled: !1 },
-		[e.FileTypeFilterGroup]: { isDisabled: !1 },
-		[e.LocationFilterGroup]: {
-			isDisabled: !1,
-			triggerCallback: () => {
-				console.error("Custom callback needs to be provided");
-			}
-		}
-	}, n);
-}
-export { n as predefinedFilterOptionsFactory };
+import{t as PredefinedFilterName}from"../../../../../chunks/types2.js";import merge from"lodash/merge";function predefinedFilterOptionsFactory(providedOptions={}){return merge({[PredefinedFilterName.KeywordSearchFilterGroup]:{isDisabled:!1},[PredefinedFilterName.FileTypeFilterGroup]:{isDisabled:!1},[PredefinedFilterName.LocationFilterGroup]:{isDisabled:!1,triggerCallback:()=>{console.error(`Custom callback needs to be provided`)}}},providedOptions)}export{predefinedFilterOptionsFactory};

package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js

@@ -1,63 +1 @@
-import e from "../messages.js";
-import { t } from "../../../../../chunks/types2.js";
-import { predefinedFilterOptionsFactory as n } from "./predefined-filter-options-factory.js";
-import { useIntl as r } from "react-intl";
-var i = {
-	fieldType: "string",
-	id: "keyword-filter",
-	name: "",
-	selected: !1,
-	variant: "search"
-}, a = {
-	fieldType: "multiSelect",
-	id: "mimetype-filter",
-	name: "",
-	selected: !1,
-	shouldRenderChip: !0,
-	variant: "file"
-}, o = {
-	fieldType: "enum",
-	id: "location-filter",
-	name: "",
-	selected: !1,
-	shouldRenderChip: !1,
-	variant: "file"
-}, s = ({ isDisabled: t, position: n }) => {
-	let { formatMessage: a } = r();
-	return t ? [] : [{
-		filters: [{
-			...i,
-			placeholder: a(e.keywordSearchFilterPlaceholder),
-			position: n
-		}],
-		toggleable: !1
-	}];
-}, c = ({ isDisabled: t, position: n }) => {
-	let { formatMessage: i } = r();
-	return t ? [] : [{
-		filters: [{
-			...a,
-			position: n
-		}],
-		title: i(e.fileTypeFilterTitle),
-		toggleable: !0
-	}];
-}, l = ({ isDisabled: t, ...n }) => {
-	let { formatMessage: i } = r();
-	return t ? [] : [{
-		filters: [{
-			...o,
-			...n
-		}],
-		title: i(e.locationFilterTitle),
-		toggleable: !0
-	}];
-}, u = (e = {}) => {
-	let r = n(e), i = s(r[t.KeywordSearchFilterGroup]), a = c(r[t.FileTypeFilterGroup]), o = l(r[t.LocationFilterGroup]);
-	return [
-		...i,
-		...a,
-		...o
-	];
-};
-export { u as usePredefinedFilter };
+import messages from"../messages.js";import{t as PredefinedFilterName}from"../../../../../chunks/types2.js";import{predefinedFilterOptionsFactory}from"./predefined-filter-options-factory.js";import{useIntl}from"react-intl";var keywordSearchFilterOptionTemplate={fieldType:`string`,id:`keyword-filter`,name:``,selected:!1,variant:`search`},fileTypeFilterOptionTemplate={fieldType:`multiSelect`,id:`mimetype-filter`,name:``,selected:!1,shouldRenderChip:!0,variant:`file`},locationFilterOptionTemplate={fieldType:`enum`,id:`location-filter`,name:``,selected:!1,shouldRenderChip:!1,variant:`file`},useKeywordFilterGroup=({isDisabled,position})=>{let{formatMessage}=useIntl();return isDisabled?[]:[{filters:[{...keywordSearchFilterOptionTemplate,placeholder:formatMessage(messages.keywordSearchFilterPlaceholder),position}],toggleable:!1}]},useFileTypeFilterGroup=({isDisabled,position})=>{let{formatMessage}=useIntl();return isDisabled?[]:[{filters:[{...fileTypeFilterOptionTemplate,position}],title:formatMessage(messages.fileTypeFilterTitle),toggleable:!0}]},useLocationFilterGroup=({isDisabled,...options})=>{let{formatMessage}=useIntl();return isDisabled?[]:[{filters:[{...locationFilterOptionTemplate,...options}],title:formatMessage(messages.locationFilterTitle),toggleable:!0}]},usePredefinedFilter=(providedOptions={})=>{let predefinedFilterOptions=predefinedFilterOptionsFactory(providedOptions),keywordFilterGroup=useKeywordFilterGroup(predefinedFilterOptions[PredefinedFilterName.KeywordSearchFilterGroup]),fileTypeFilterGroup=useFileTypeFilterGroup(predefinedFilterOptions[PredefinedFilterName.FileTypeFilterGroup]),locationFilterGroup=useLocationFilterGroup(predefinedFilterOptions[PredefinedFilterName.LocationFilterGroup]);return[...keywordFilterGroup,...fileTypeFilterGroup,...locationFilterGroup]};export{usePredefinedFilter};

package/dist/esm/lib/components/filter-row/select-filter-chip.js

@@ -1,42 +1 @@
-import e from "./messages.js";
-import { DropdownMenu as t, FilterChip as n } from "@box/blueprint-web";
-import { useState as r } from "react";
-import { useIntl as i } from "react-intl";
-import { useFormikContext as a } from "formik";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-var c = ({ fieldNamePrefix: c, formRef: l, icon: u, id: d, name: f = "", options: p, type: m, placeholder: h }) => {
-	let { formatMessage: g } = i(), [_, v] = r(!1), { values: y, setFieldValue: b, submitForm: x } = a(), S = y.metadata?.fields?.[d]?.value?.enum, C = new Set(Array.isArray(S) ? S : []), w = C.size > 0 ? g(e.chipNameWithCount, {
-		name: f,
-		count: C.size
-	}) : f, T = !!h && m !== "multiSelect", E = async (e, t) => {
-		m === "enum" ? C.clear() : C.delete(t), e && t !== h && C.add(t), await b(`${c}.value.enum`, Array.from(C)), x();
-	};
-	return /* @__PURE__ */ s(t.Root, {
-		onOpenChange: v,
-		open: _,
-		children: [/* @__PURE__ */ o(t.Trigger, {
-			asChild: !0,
-			children: /* @__PURE__ */ s(n.TriggerChip, {
-				selected: C.size > 0,
-				value: d,
-				children: [
-					u && /* @__PURE__ */ o(n.Icon, { icon: u }),
-					/* @__PURE__ */ o(n.Label, { children: w }),
-					/* @__PURE__ */ o(n.DropdownIndicator, {})
-				]
-			}, d)
-		}), /* @__PURE__ */ s(t.Content, {
-			container: l.current,
-			children: [T && /* @__PURE__ */ o(t.CheckboxItem, {
-				checked: C.size === 0,
-				onCheckedChange: (e) => E(e, h),
-				children: h
-			}, h), p?.map((e) => /* @__PURE__ */ o(t.CheckboxItem, {
-				checked: C.has(e),
-				onCheckedChange: (t) => E(t, e),
-				children: e
-			}, e))]
-		})]
-	});
-};
-export { c as SelectFilterChip };
+import messages from"./messages.js";import{DropdownMenu,FilterChip}from"@box/blueprint-web";import{useState}from"react";import{useIntl}from"react-intl";import{useFormikContext}from"formik";import{jsx,jsxs}from"react/jsx-runtime";var SelectFilterChip=({fieldNamePrefix,formRef,icon,id,name=``,options,type,placeholder})=>{let{formatMessage}=useIntl(),[popoverOpen,setPopoverOpen]=useState(!1),{values,setFieldValue,submitForm}=useFormikContext(),rawEnum=values.metadata?.fields?.[id]?.value?.enum,chipValues=new Set(Array.isArray(rawEnum)?rawEnum:[]),chipLabel=chipValues.size>0?formatMessage(messages.chipNameWithCount,{name,count:chipValues.size}):name,shouldRenderPlaceholder=!!placeholder&&type!==`multiSelect`,handleOptionChecked=async(checked,option)=>{type===`enum`?chipValues.clear():chipValues.delete(option),checked&&option!==placeholder&&chipValues.add(option),await setFieldValue(`${fieldNamePrefix}.value.enum`,Array.from(chipValues)),submitForm()};return jsxs(DropdownMenu.Root,{onOpenChange:setPopoverOpen,open:popoverOpen,children:[jsx(DropdownMenu.Trigger,{asChild:!0,children:jsxs(FilterChip.TriggerChip,{selected:chipValues.size>0,value:id,children:[icon&&jsx(FilterChip.Icon,{icon}),jsx(FilterChip.Label,{children:chipLabel}),jsx(FilterChip.DropdownIndicator,{})]},id)}),jsxs(DropdownMenu.Content,{container:formRef.current,children:[shouldRenderPlaceholder&&jsx(DropdownMenu.CheckboxItem,{checked:chipValues.size===0,onCheckedChange:checked=>handleOptionChecked(checked,placeholder),children:placeholder},placeholder),options?.map(option=>jsx(DropdownMenu.CheckboxItem,{checked:chipValues.has(option),onCheckedChange:checked=>handleOptionChecked(checked,option),children:option},option))]})]})};export{SelectFilterChip};