@box/metadata-view 2.2.38 → 2.2.39

package/dist/chunks/table-row.js

@@ -1,71 +1 @@
-import { t as e } from "./types.js";
-import { THUMBNAIL_LIST_VIEW_HEIGHTS as t } from "../esm/lib/components/constants.js";
-import { ActionCellContent as n } from "../esm/lib/components/metadata-table/table-body/action-cell-content.js";
-import { Cell as r, Row as i, Text as a } from "@box/blueprint-web";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { ItemTypeIcon as c } from "@box/item-icon";
-import l from "clsx";
-import u from "lodash/get";
-import '../styles/table-row.css';var d = {
-	tableHeaderActionsWrapper: "_tableHeaderActionsWrapper_1sntd_1",
-	tableHeaderActions: "_tableHeaderActions_1sntd_1",
-	tableRow: "_tableRow_1sntd_33",
-	isClickable: "_isClickable_1sntd_41",
-	selectAllCheckbox: "_selectAllCheckbox_1sntd_45",
-	tableNameCell: "_tableNameCell_1sntd_50",
-	tableNameCellTitle: "_tableNameCellTitle_1sntd_56",
-	hasSubtitle: "_hasSubtitle_1sntd_60",
-	tableNameCellText: "_tableNameCellText_1sntd_65",
-	tableNameCellIconInline: "_tableNameCellIconInline_1sntd_70",
-	iconCell: "_iconCell_1sntd_74"
-}, f = ({ areSelectionCheckboxesDisabled: f, columns: p, dataTargetPrefix: m, iconColumnVariant: h, item: g, itemActionMenuProps: _, onTableRowClick: v, renderActionCell: y, shouldRenderActionColumn: b, zoomLevel: x = 0 }) => /* @__PURE__ */ s(i, {
-	className: l(d.tableRow, { [d.isClickable]: v }),
-	"data-target-id": m ? `${m}-itemRow-${g.id}` : void 0,
-	id: g.id,
-	onAction: () => v?.(g),
-	children: [
-		h === e.COLUMN ? /* @__PURE__ */ o(r, {
-			style: { height: t[x] },
-			children: /* @__PURE__ */ o(c, {
-				className: d.iconCell,
-				item: g
-			})
-		}, `item-type-icon-${g.id}`) : null,
-		p.map((t) => {
-			let { cellRenderer: n, id: i, isItemMetadata: f, subtitle: p, textValue: m, type: _ } = t, v = `${m}-${g.id}`;
-			if (n) return /* @__PURE__ */ o(r, { children: n(g, t) }, v);
-			let y = u(g, f ? i.split(".")[1] : i);
-			if (i === "name" && (h === e.INLINE || h === e.INLINE_SUBTITLE)) return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ s("div", {
-				className: d.tableNameCell,
-				children: [/* @__PURE__ */ o(c, { item: g }), /* @__PURE__ */ s("div", {
-					className: l(d.tableNameCellTitle, { [d.hasSubtitle]: h === e.INLINE_SUBTITLE }),
-					children: [/* @__PURE__ */ o(a, {
-						as: "span",
-						className: d.tableNameCellText,
-						children: y
-					}), h === e.INLINE_SUBTITLE ? /* @__PURE__ */ o(a, {
-						as: "span",
-						className: d.tableNameCellText,
-						color: "textOnLightSecondary",
-						children: p
-					}) : null]
-				})]
-			}) }, v);
-			if (_ === "multiSelect") {
-				let e = u(g, i);
-				return /* @__PURE__ */ o(r, { children: e ? e.join(" ") : "" }, v);
-			}
-			return /* @__PURE__ */ o(r, { children: /* @__PURE__ */ o(a, {
-				as: "span",
-				children: y
-			}) }, v);
-		}),
-		b && /* @__PURE__ */ o(n, {
-			isCheckboxDisabled: f,
-			item: g,
-			itemActionMenuProps: _,
-			renderActionCell: y
-		})
-	]
-}, g.id);
-export { d as n, f as t };
+import{t as IconColumnVariant}from"./types.js";import{THUMBNAIL_LIST_VIEW_HEIGHTS}from"../esm/lib/components/constants.js";import{ActionCellContent}from"../esm/lib/components/metadata-table/table-body/action-cell-content.js";import{Cell,Row,Text}from"@box/blueprint-web";import{jsx,jsxs}from"react/jsx-runtime";import{ItemTypeIcon}from"@box/item-icon";import clsx from"clsx";import get from"lodash/get";import '../styles/table-row.css';var metadata_table_module_default={tableHeaderActionsWrapper:`_tableHeaderActionsWrapper_1sntd_1`,tableHeaderActions:`_tableHeaderActions_1sntd_1`,tableRow:`_tableRow_1sntd_33`,isClickable:`_isClickable_1sntd_41`,selectAllCheckbox:`_selectAllCheckbox_1sntd_45`,tableNameCell:`_tableNameCell_1sntd_50`,tableNameCellTitle:`_tableNameCellTitle_1sntd_56`,hasSubtitle:`_hasSubtitle_1sntd_60`,tableNameCellText:`_tableNameCellText_1sntd_65`,tableNameCellIconInline:`_tableNameCellIconInline_1sntd_70`,iconCell:`_iconCell_1sntd_74`},TableRow=({areSelectionCheckboxesDisabled,columns,dataTargetPrefix,iconColumnVariant,item,itemActionMenuProps,onTableRowClick,renderActionCell,shouldRenderActionColumn,zoomLevel=0})=>jsxs(Row,{className:clsx(metadata_table_module_default.tableRow,{[metadata_table_module_default.isClickable]:onTableRowClick}),"data-target-id":dataTargetPrefix?`${dataTargetPrefix}-itemRow-${item.id}`:void 0,id:item.id,onAction:()=>onTableRowClick?.(item),children:[iconColumnVariant===IconColumnVariant.COLUMN?jsx(Cell,{style:{height:THUMBNAIL_LIST_VIEW_HEIGHTS[zoomLevel]},children:jsx(ItemTypeIcon,{className:metadata_table_module_default.iconCell,item})},`item-type-icon-${item.id}`):null,columns.map(column=>{let{cellRenderer,id:columnId,isItemMetadata,subtitle,textValue:columnName,type}=column,key=`${columnName}-${item.id}`;if(cellRenderer)return jsx(Cell,{children:cellRenderer(item,column)},key);let data=get(item,isItemMetadata?columnId.split(`.`)[1]:columnId);if(columnId===`name`&&(iconColumnVariant===IconColumnVariant.INLINE||iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE))return jsx(Cell,{children:jsxs(`div`,{className:metadata_table_module_default.tableNameCell,children:[jsx(ItemTypeIcon,{item}),jsxs(`div`,{className:clsx(metadata_table_module_default.tableNameCellTitle,{[metadata_table_module_default.hasSubtitle]:iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE}),children:[jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,children:data}),iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE?jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,color:`textOnLightSecondary`,children:subtitle}):null]})]})},key);if(type===`multiSelect`){let options=get(item,columnId);return jsx(Cell,{children:options?options.join(` `):``},key)}return jsx(Cell,{children:jsx(Text,{as:`span`,children:data})},key)}),shouldRenderActionColumn&&jsx(ActionCellContent,{isCheckboxDisabled:areSelectionCheckboxesDisabled,item,itemActionMenuProps,renderActionCell})]},item.id);export{metadata_table_module_default as n,TableRow as t};

package/dist/chunks/types.js

@@ -1,6 +1 @@
-var e = "all", t = /* @__PURE__ */ function(e) {
-	return e.INLINE = "inline", e.COLUMN = "column", e.INLINE_SUBTITLE = "inline-subtitle", e;
-}({}), n = /* @__PURE__ */ function(e) {
-	return e.GRID = "grid", e.LIST = "list", e;
-}({});
-export { e as n, n as r, t };
+var SELECT_ALL=`all`,IconColumnVariant=function(IconColumnVariant){return IconColumnVariant.INLINE=`inline`,IconColumnVariant.COLUMN=`column`,IconColumnVariant.INLINE_SUBTITLE=`inline-subtitle`,IconColumnVariant}({}),ViewMode=function(ViewMode){return ViewMode.GRID=`grid`,ViewMode.LIST=`list`,ViewMode}({});export{SELECT_ALL as n,ViewMode as r,IconColumnVariant as t};

package/dist/chunks/types2.js

@@ -1,4 +1 @@
-var e = /* @__PURE__ */ function(e) {
-	return e.KeywordSearchFilterGroup = "KeywordSearchFilterGroup", e.FileTypeFilterGroup = "FileTypeFilterGroup", e.LocationFilterGroup = "LocationFilterGroup", e;
-}({});
-export { e as t };
+var PredefinedFilterName=function(PredefinedFilterName){return PredefinedFilterName.KeywordSearchFilterGroup=`KeywordSearchFilterGroup`,PredefinedFilterName.FileTypeFilterGroup=`FileTypeFilterGroup`,PredefinedFilterName.LocationFilterGroup=`LocationFilterGroup`,PredefinedFilterName}({});export{PredefinedFilterName as t};

package/dist/chunks/zoom-button.js

@@ -1,20 +1 @@
-import e from "../esm/lib/components/action-bar/messages.js";
-import { Slider as t } from "@box/blueprint-web";
-import { useIntl as n } from "react-intl";
-import { jsx as r } from "react/jsx-runtime";
-import '../styles/zoom-button.css';var i = { sliderContainer: "_sliderContainer_1entc_1" }, a = ({ onZoomLevelChange: a, zoomLevel: o }) => {
-	let { formatMessage: s } = n();
-	return /* @__PURE__ */ r("div", {
-		className: i.sliderContainer,
-		children: /* @__PURE__ */ r(t, {
-			max: 2,
-			min: 0,
-			minusButtonLabel: s(e.sliderDecreaseSize),
-			onValueChange: a,
-			plusButtonLabel: s(e.sliderIncreaseSize),
-			sliderLabel: s(e.sliderLabel),
-			value: o
-		})
-	});
-};
-export { a as t };
+import messages from"../esm/lib/components/action-bar/messages.js";import{Slider}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx}from"react/jsx-runtime";import '../styles/zoom-button.css';var zoom_button_module_default={sliderContainer:`_sliderContainer_1entc_1`},ZoomButton=({onZoomLevelChange,zoomLevel})=>{let{formatMessage}=useIntl();return jsx(`div`,{className:zoom_button_module_default.sliderContainer,children:jsx(Slider,{max:2,min:0,minusButtonLabel:formatMessage(messages.sliderDecreaseSize),onValueChange:onZoomLevelChange,plusButtonLabel:formatMessage(messages.sliderIncreaseSize),sliderLabel:formatMessage(messages.sliderLabel),value:zoomLevel})})};export{ZoomButton as t};

package/dist/esm/index.js

@@ -1,29 +1 @@
-import { n as e, r as t, t as n } from "../chunks/types.js";
-import { MetadataFileField as r } from "./lib/components/metadata-value/metadata-file-field.js";
-import { t as i } from "../chunks/metadata-location-field.js";
-import { MetadataRadioField as a } from "./lib/components/metadata-value/metadata-radio-field.js";
-import { MetadataSearchField as o } from "./lib/components/metadata-value/metadata-search-field.js";
-import { Filter as s } from "./lib/components/filter-sidepanel/filter.js";
-import { t as c } from "../chunks/filter-side-panel.js";
-import { MetadataFileChip as l } from "./lib/components/metadata-value/metadata-file-chip.js";
-import { FormFilterChip as u } from "./lib/components/filter-row/form-filter-chip.js";
-import { SelectFilterChip as d } from "./lib/components/filter-row/select-filter-chip.js";
-import { MetadataFilterChip as f } from "./lib/components/filter-row/metadata-filter-chip.js";
-import { t as p } from "../chunks/types2.js";
-import { FilterRow as m } from "./lib/components/filter-row/filter-row.js";
-import { SortDropdown as h } from "./lib/components/sort-dropdown/sort-dropdown.js";
-import { t as g } from "../chunks/action-bar.js";
-import { t as _ } from "../chunks/item-action-menu.js";
-import { t as v } from "../chunks/metadata-grid.js";
-import { t as y } from "../chunks/inline-editing-cell.js";
-import { TableRenderer as b } from "./lib/components/metadata-table/table-renderer.js";
-import { MetadataTable as x } from "./lib/components/metadata-table/metadata-table.js";
-import { t as S } from "../chunks/pagination-controls.js";
-import { MarkerBasedPagination as C } from "./lib/components/pagination/marker-based-pagination.js";
-import { OffsetBasedPagination as w } from "./lib/components/pagination/offset-based-pagination.js";
-import { Pagination as T } from "./lib/components/pagination/pagination.js";
-import { Case as E, SwitchCase as D } from "./lib/components/switch-case/switch-case.js";
-import { t as O } from "../chunks/header.js";
-import { t as k } from "../chunks/metadata-view.js";
-import "./lib/index.js";
-export { g as ActionBar, E as Case, s as Filter, m as FilterRow, c as FilterSidePanel, u as FormFilterChip, O as Header, n as IconColumnVariant, y as InlineEditingCell, _ as ItemActionMenu, C as MarkerBasedPagination, l as MetadataFileChip, r as MetadataFileField, f as MetadataFilterChip, v as MetadataGrid, i as MetadataLocationField, a as MetadataRadioField, o as MetadataSearchField, x as MetadataTable, k as MetadataView, w as OffsetBasedPagination, T as Pagination, S as PaginationControls, p as PredefinedFilterName, e as SELECT_ALL, d as SelectFilterChip, h as SortDropdown, D as SwitchCase, b as TableRenderer, t as ViewMode };
+import{n as SELECT_ALL,r as ViewMode,t as IconColumnVariant}from"../chunks/types.js";import{MetadataFileField}from"./lib/components/metadata-value/metadata-file-field.js";import{t as MetadataLocationField}from"../chunks/metadata-location-field.js";import{MetadataRadioField}from"./lib/components/metadata-value/metadata-radio-field.js";import{MetadataSearchField}from"./lib/components/metadata-value/metadata-search-field.js";import{Filter}from"./lib/components/filter-sidepanel/filter.js";import{t as FilterSidePanel}from"../chunks/filter-side-panel.js";import{MetadataFileChip}from"./lib/components/metadata-value/metadata-file-chip.js";import{FormFilterChip}from"./lib/components/filter-row/form-filter-chip.js";import{SelectFilterChip}from"./lib/components/filter-row/select-filter-chip.js";import{MetadataFilterChip}from"./lib/components/filter-row/metadata-filter-chip.js";import{t as PredefinedFilterName}from"../chunks/types2.js";import{FilterRow}from"./lib/components/filter-row/filter-row.js";import{SortDropdown}from"./lib/components/sort-dropdown/sort-dropdown.js";import{t as ActionBar}from"../chunks/action-bar.js";import{t as ItemActionMenu}from"../chunks/item-action-menu.js";import{t as MetadataGrid}from"../chunks/metadata-grid.js";import{t as InlineEditingCell}from"../chunks/inline-editing-cell.js";import{TableRenderer}from"./lib/components/metadata-table/table-renderer.js";import{MetadataTable}from"./lib/components/metadata-table/metadata-table.js";import{t as PaginationControls}from"../chunks/pagination-controls.js";import{MarkerBasedPagination}from"./lib/components/pagination/marker-based-pagination.js";import{OffsetBasedPagination}from"./lib/components/pagination/offset-based-pagination.js";import{Pagination}from"./lib/components/pagination/pagination.js";import{Case,SwitchCase}from"./lib/components/switch-case/switch-case.js";import{t as Header}from"../chunks/header.js";import{t as MetadataView}from"../chunks/metadata-view.js";import"./lib/index.js";export{ActionBar,Case,Filter,FilterRow,FilterSidePanel,FormFilterChip,Header,IconColumnVariant,InlineEditingCell,ItemActionMenu,MarkerBasedPagination,MetadataFileChip,MetadataFileField,MetadataFilterChip,MetadataGrid,MetadataLocationField,MetadataRadioField,MetadataSearchField,MetadataTable,MetadataView,OffsetBasedPagination,Pagination,PaginationControls,PredefinedFilterName,SELECT_ALL,SelectFilterChip,SortDropdown,SwitchCase,TableRenderer,ViewMode};

package/dist/esm/lib/components/action-bar/action-bar.js

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

package/dist/esm/lib/components/action-bar/index.js

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

package/dist/esm/lib/components/action-bar/messages.js

@@ -1,24 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	switchToGridView: {
-		id: "groupSharedFeatures.metadataView.actionBar.switchToGridView",
-		defaultMessage: "Switch to Grid View"
-	},
-	switchToListView: {
-		id: "groupSharedFeatures.metadataView.actionBar.switchToListView",
-		defaultMessage: "Switch to List View"
-	},
-	sliderDecreaseSize: {
-		id: "groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize",
-		defaultMessage: "Decrease"
-	},
-	sliderIncreaseSize: {
-		id: "groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize",
-		defaultMessage: "Increase"
-	},
-	sliderLabel: {
-		id: "groupSharedFeatures.metadataView.actionBar.sliderLabel",
-		defaultMessage: "Slider"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({switchToGridView:{id:`groupSharedFeatures.metadataView.actionBar.switchToGridView`,defaultMessage:`Switch to Grid View`},switchToListView:{id:`groupSharedFeatures.metadataView.actionBar.switchToListView`,defaultMessage:`Switch to List View`},sliderDecreaseSize:{id:`groupSharedFeatures.metadataView.actionBar.sliderDecreaseSize`,defaultMessage:`Decrease`},sliderIncreaseSize:{id:`groupSharedFeatures.metadataView.actionBar.sliderIncreaseSize`,defaultMessage:`Increase`},sliderLabel:{id:`groupSharedFeatures.metadataView.actionBar.sliderLabel`,defaultMessage:`Slider`}});export{messages as default};

package/dist/esm/lib/components/action-bar/zoom-button.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/zoom-button.js";
-export { e as ZoomButton, e as default };
+import{t as ZoomButton}from"../../../../chunks/zoom-button.js";export{ZoomButton,ZoomButton as default};

package/dist/esm/lib/components/constants.js

@@ -1,14 +1 @@
-var e = [
-	8,
-	5,
-	3
-], t = [
-	"36px",
-	"84px",
-	"111px"
-], n = [
-	"36px",
-	"111px",
-	"147px"
-];
-export { e as THUMBNAIL_GRID_VIEW_SIZES, t as THUMBNAIL_LIST_VIEW_HEIGHTS, n as THUMBNAIL_WIDTHS };
+var THUMBNAIL_GRID_VIEW_SIZES=[8,5,3],THUMBNAIL_LIST_VIEW_HEIGHTS=[`36px`,`84px`,`111px`],THUMBNAIL_WIDTHS=[`36px`,`111px`,`147px`];export{THUMBNAIL_GRID_VIEW_SIZES,THUMBNAIL_LIST_VIEW_HEIGHTS,THUMBNAIL_WIDTHS};

package/dist/esm/lib/components/empty-state/empty-state.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/empty-state.js";
-export { e as default };
+import{t as EmptyStateComponent}from"../../../../chunks/empty-state.js";export{EmptyStateComponent as default};

package/dist/esm/lib/components/empty-state/index.js

@@ -1,2 +1 @@
-import { t as e } from "../../../../chunks/empty-state.js";
-export { e as default };
+import{t as EmptyStateComponent}from"../../../../chunks/empty-state.js";export{EmptyStateComponent as default};

package/dist/esm/lib/components/empty-state/messages.js

@@ -1,12 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	emptyStateHeading: {
-		id: "groupSharedFeatures.emptyState.heading",
-		defaultMessage: "Sorry, we couldn't find what you're looking for."
-	},
-	emptyStateBody: {
-		id: "groupSharedFeatures.emptyState.body",
-		defaultMessage: "Try adjusting your filters or keywords."
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({emptyStateHeading:{id:`groupSharedFeatures.emptyState.heading`,defaultMessage:`Sorry, we couldn't find what you're looking for.`},emptyStateBody:{id:`groupSharedFeatures.emptyState.body`,defaultMessage:`Try adjusting your filters or keywords.`}});export{messages as default};

package/dist/esm/lib/components/error-state/error-state.js

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

package/dist/esm/lib/components/error-state/index.js

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

package/dist/esm/lib/components/error-state/messages.js

@@ -1,12 +1 @@
-import { defineMessages as e } from "react-intl";
-var t = e({
-	errorMessage: {
-		id: "groupSharedFeatures.metadataView.itemList.errorMessage",
-		defaultMessage: "Something went wrong. Please refresh this page."
-	},
-	refreshButton: {
-		id: "groupSharedFeatures.metadataView.itemList.refreshButton",
-		defaultMessage: "Refresh"
-	}
-});
-export { t as default };
+import{defineMessages}from"react-intl";var messages=defineMessages({errorMessage:{id:`groupSharedFeatures.metadataView.itemList.errorMessage`,defaultMessage:`Something went wrong. Please refresh this page.`},refreshButton:{id:`groupSharedFeatures.metadataView.itemList.refreshButton`,defaultMessage:`Refresh`}});export{messages as default};

package/dist/esm/lib/components/filter-row/advanced-field-content.js

@@ -1,39 +1 @@
-import { useAdvancedFilterContext as e } from "./advanced-filter-context.js";
-import { useFilterChipPopoverPortalElement as t } from "./filter-chip-popover-context.js";
-import { MetadataDateField as n, MetadataFloatField as r, MetadataMultiSelectField as i, MetadataStringField as a, MetadataTaxonomyFieldAdvanced as o } from "@box/metadata-filter";
-import { jsx as s } from "react/jsx-runtime";
-var c = ({ fieldNamePrefix: t, filterOptionsMap: n, label: r, portalElement: i }) => {
-	let a = e();
-	return {
-		key: a?.resetKey,
-		fieldAdvancedFilterOptions: a?.currentOption,
-		fieldNamePrefix: t,
-		filterOptionsMap: n,
-		isAdvancedFilterEnabled: !0,
-		label: r,
-		onAdvancedFilterOptionChange: a ? (e, t) => a.onOptionChange(t) : void 0,
-		portalElement: i ?? void 0
-	};
-}, l = ({ fieldType: e, fieldNamePrefix: l, filterOptionsMap: u, isMultilevelTaxonomyFieldEnabled: d, label: f, locale: p, portalElement: m, taxonomyOptionsFetcher: h }) => {
-	let g = c({
-		fieldNamePrefix: l,
-		filterOptionsMap: u,
-		label: f,
-		portalElement: t() ?? m
-	});
-	switch (e) {
-		case "date": return /* @__PURE__ */ s(n, {
-			...g,
-			locale: p
-		});
-		case "float": return /* @__PURE__ */ s(r, { ...g });
-		case "string": return /* @__PURE__ */ s(a, { ...g });
-		case "taxonomy": return /* @__PURE__ */ s(o, {
-			...g,
-			isMultilevelTaxonomyFieldEnabled: d,
-			taxonomyOptionsFetcher: h
-		});
-		default: return /* @__PURE__ */ s(i, { ...g });
-	}
-};
-export { l as AdvancedFieldContent };
+import{useAdvancedFilterContext}from"./advanced-filter-context.js";import{useFilterChipPopoverPortalElement}from"./filter-chip-popover-context.js";import{MetadataDateField,MetadataFloatField,MetadataMultiSelectField,MetadataStringField,MetadataTaxonomyFieldAdvanced}from"@box/metadata-filter";import{jsx}from"react/jsx-runtime";var useAdvancedFieldProps=({fieldNamePrefix,filterOptionsMap,label,portalElement})=>{let advancedFilter=useAdvancedFilterContext();return{key:advancedFilter?.resetKey,fieldAdvancedFilterOptions:advancedFilter?.currentOption,fieldNamePrefix,filterOptionsMap,isAdvancedFilterEnabled:!0,label,onAdvancedFilterOptionChange:advancedFilter?(_fieldKey,option)=>advancedFilter.onOptionChange(option):void 0,portalElement:portalElement??void 0}},AdvancedFieldContent=({fieldType,fieldNamePrefix,filterOptionsMap,isMultilevelTaxonomyFieldEnabled,label,locale,portalElement,taxonomyOptionsFetcher})=>{let commonProps=useAdvancedFieldProps({fieldNamePrefix,filterOptionsMap,label,portalElement:useFilterChipPopoverPortalElement()??portalElement});switch(fieldType){case`date`:return jsx(MetadataDateField,{...commonProps,locale});case`float`:return jsx(MetadataFloatField,{...commonProps});case`string`:return jsx(MetadataStringField,{...commonProps});case`taxonomy`:return jsx(MetadataTaxonomyFieldAdvanced,{...commonProps,isMultilevelTaxonomyFieldEnabled,taxonomyOptionsFetcher});default:return jsx(MetadataMultiSelectField,{...commonProps})}};export{AdvancedFieldContent};

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

@@ -1,3 +1 @@
-import { createContext as e, useContext as t } from "react";
-var n = /*#__PURE__*/ e(null), r = () => t(n);
-export { n as AdvancedFilterContext, r as useAdvancedFilterContext };
+import{createContext,useContext}from"react";var AdvancedFilterContext=createContext(null),useAdvancedFilterContext=()=>useContext(AdvancedFilterContext);export{AdvancedFilterContext,useAdvancedFilterContext};

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

@@ -1,34 +1 @@
-import { t as e } from "../../../../chunks/filter-side-panel.js";
-import { getInitialFieldValues as t } from "./initial-field-values.js";
-import { isFilterSelected as n } from "./is-filter-selected.js";
-import r from "./messages.js";
-import { t as i } from "../../../../chunks/filter-row.module.js";
-import { FilterChip as a } from "@box/blueprint-web";
-import { useMemo as o, useState as s } from "react";
-import { useIntl as c } from "react-intl";
-import { useFormikContext as l } from "formik";
-import { Filter as u } from "@box/blueprint-web-assets/icons/Line";
-import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
-var m = ({ containerRef: m, dataTargetPrefix: h, filterGroups: g, onAllFiltersClick: _ }) => {
-	let { formatMessage: v } = c(), { values: y } = l(), [b, x] = s(!1), S = () => _ ? _() : x(!0), C = o(() => Object.values(y.metadata.fields).filter((e) => n(e.value)).length, [y.metadata.fields]);
-	return /* @__PURE__ */ p(d, { children: [b && /* @__PURE__ */ f(e, {
-		containerRef: m,
-		filterGroups: g,
-		getInitialFormValues: () => t(g.flatMap(({ filters: e }) => e)),
-		isOpen: b,
-		onIsOpenChange: x
-	}), /* @__PURE__ */ p(a.ChipButton, {
-		"data-target-id": h ? `${h}-allFilters` : void 0,
-		onClick: S,
-		value: "all-filters-chip-btn",
-		children: [
-			/* @__PURE__ */ f(a.Icon, {
-				className: i.filterChipIcon,
-				icon: u
-			}),
-			/* @__PURE__ */ f(a.Label, { children: v(r.allFilters) }),
-			C > 0 ? /* @__PURE__ */ f(a.Status, { children: C.toString() }) : null
-		]
-	})] });
-};
-export { m as default };
+import{t as FilterSidePanel}from"../../../../chunks/filter-side-panel.js";import{getInitialFieldValues}from"./initial-field-values.js";import{isFilterSelected}from"./is-filter-selected.js";import messages from"./messages.js";import{t as filter_row_module_default}from"../../../../chunks/filter-row.module.js";import{FilterChip}from"@box/blueprint-web";import{useMemo,useState}from"react";import{useIntl}from"react-intl";import{useFormikContext}from"formik";import{Filter}from"@box/blueprint-web-assets/icons/Line";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var AllFiltersChip=({containerRef,dataTargetPrefix,filterGroups,onAllFiltersClick})=>{let{formatMessage}=useIntl(),{values}=useFormikContext(),[isSidepanelOpen,setIsSidepanelOpen]=useState(!1),handleChipClick=()=>onAllFiltersClick?onAllFiltersClick():setIsSidepanelOpen(!0),getActiveFilterCount=useMemo(()=>Object.values(values.metadata.fields).filter(fieldContent=>isFilterSelected(fieldContent.value)).length,[values.metadata.fields]);return jsxs(Fragment,{children:[isSidepanelOpen&&jsx(FilterSidePanel,{containerRef,filterGroups,getInitialFormValues:()=>getInitialFieldValues(filterGroups.flatMap(({filters})=>filters)),isOpen:isSidepanelOpen,onIsOpenChange:setIsSidepanelOpen}),jsxs(FilterChip.ChipButton,{"data-target-id":dataTargetPrefix?`${dataTargetPrefix}-allFilters`:void 0,onClick:handleChipClick,value:`all-filters-chip-btn`,children:[jsx(FilterChip.Icon,{className:filter_row_module_default.filterChipIcon,icon:Filter}),jsx(FilterChip.Label,{children:formatMessage(messages.allFilters)}),getActiveFilterCount>0?jsx(FilterChip.Status,{children:getActiveFilterCount.toString()}):null]})]})};export{AllFiltersChip as default};

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

@@ -1,40 +1 @@
-import { getDefaultFieldValue as e } from "./initial-field-values.js";
-import { isFilterSelected as t } from "./is-filter-selected.js";
-import n from "./messages.js";
-import { FilterChip as r, IconButton as i } from "@box/blueprint-web";
-import { XMark as a } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as o } from "react-intl";
-import { useFormikContext as s } from "formik";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-var u = ({ id: u, label: d, icon: f, isAdvancedFilterEnabled: p, onTrigger: m, onClear: h }) => {
-	let { formatMessage: g } = o(), { values: _, setFieldValue: v, submitForm: y } = s(), b = _.metadata.fields[u], x = b?.value, S = x ? t(x) : !1, C = {
-		value: x,
-		setValue: (e) => v(`metadata.fields.${u}.value`, e),
-		submit: y
-	}, w = {
-		value: x,
-		clear: () => v(`metadata.fields.${u}.value`, e({
-			fieldType: b?.fieldType,
-			isAdvancedFilterEnabled: p
-		})),
-		submit: y
-	};
-	return /* @__PURE__ */ l(r.TriggerChip, {
-		selected: S,
-		value: u,
-		onClick: () => m(C),
-		children: [
-			f && /* @__PURE__ */ c(r.Icon, { icon: f }),
-			/* @__PURE__ */ c(r.Label, { children: d }),
-			S && h ? /* @__PURE__ */ c(i, {
-				"aria-label": g(n.clearButton),
-				icon: a,
-				size: "small",
-				onClick: (e) => {
-					e.stopPropagation(), h?.(w);
-				}
-			}) : null
-		]
-	});
-};
-export { u as CustomTriggerChip };
+import{getDefaultFieldValue}from"./initial-field-values.js";import{isFilterSelected}from"./is-filter-selected.js";import messages from"./messages.js";import{FilterChip,IconButton}from"@box/blueprint-web";import{XMark}from"@box/blueprint-web-assets/icons/Fill";import{useIntl}from"react-intl";import{useFormikContext}from"formik";import{jsx,jsxs}from"react/jsx-runtime";var CustomTriggerChip=({id,label,icon,isAdvancedFilterEnabled,onTrigger,onClear})=>{let{formatMessage}=useIntl(),{values,setFieldValue,submitForm}=useFormikContext(),field=values.metadata.fields[id],value=field?.value,selected=value?isFilterSelected(value):!1,triggerBindings={value,setValue:next=>setFieldValue(`metadata.fields.${id}.value`,next),submit:submitForm},clearBindings={value,clear:()=>setFieldValue(`metadata.fields.${id}.value`,getDefaultFieldValue({fieldType:field?.fieldType,isAdvancedFilterEnabled})),submit:submitForm};return jsxs(FilterChip.TriggerChip,{selected,value:id,onClick:()=>onTrigger(triggerBindings),children:[icon&&jsx(FilterChip.Icon,{icon}),jsx(FilterChip.Label,{children:label}),selected&&onClear?jsx(IconButton,{"aria-label":formatMessage(messages.clearButton),icon:XMark,size:`small`,onClick:event=>{event.stopPropagation(),onClear?.(clearBindings)}}):null]})};export{CustomTriggerChip};

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

@@ -1,3 +1 @@
-import { createContext as e, useContext as t } from "react";
-var n = /*#__PURE__*/ e(null), r = n.Provider, i = () => t(n);
-export { r as FilterChipPopoverPortalProvider, i as useFilterChipPopoverPortalElement };
+import{createContext,useContext}from"react";var FilterChipPopoverPortalContext=createContext(null),FilterChipPopoverPortalProvider=FilterChipPopoverPortalContext.Provider,useFilterChipPopoverPortalElement=()=>useContext(FilterChipPopoverPortalContext);export{FilterChipPopoverPortalProvider,useFilterChipPopoverPortalElement};

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

@@ -1,46 +1 @@
-import { getInitialFieldValues as e } from "./initial-field-values.js";
-import { t } from "../../../../chunks/filter-row.module.js";
-import n from "./all-filters-chip.js";
-import { MetadataFilterChip as r } from "./metadata-filter-chip.js";
-import { usePredefinedFilter as i } from "./predefinedFilters/use-predefined-filter.js";
-import { FilterChip as a } from "@box/blueprint-web";
-import { useMemo as o, useRef as s } from "react";
-import { Form as c, Formik as l } from "formik";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-var f = (e) => {
-	let t = e.fieldType === "taxonomy" ? [
-		e.key,
-		JSON.stringify(e.optionsRules),
-		JSON.stringify(e.levels),
-		e.scope,
-		e.templateKey
-	].join(":") : "";
-	return `${e.id}:${e.fieldType}:${t}`;
-}, p = ({ dataTargetPrefix: p, predefinedFilterOptions: m, containerRef: h, filterGroups: g = [], initialFilterValues: _, isAllFiltersDisabled: v, onAllFiltersClick: y, onFilterSubmit: b }) => {
-	let x = i(m), S = ({ metadata: { fields: e } }) => {
-		b && b(e);
-	}, C = [...x, ...g], w = C.flatMap(({ filters: e }) => e).sort((e, t) => (e.position ?? 0) - (t.position ?? 0)), T = o(() => e(w, _), [w.map((e) => f(e)).sort().join("|"), _]), E = s(null);
-	return /* @__PURE__ */ u(l, {
-		enableReinitialize: !0,
-		initialValues: T,
-		onSubmit: S,
-		children: /* @__PURE__ */ u(c, {
-			ref: E,
-			children: /* @__PURE__ */ d(a.Group, {
-				className: t.filterChipGroup,
-				name: "metadata-view-filters",
-				type: "multiple",
-				children: [v ? null : /* @__PURE__ */ u(n, {
-					containerRef: h,
-					dataTargetPrefix: p,
-					filterGroups: C,
-					onAllFiltersClick: y
-				}), w.filter((e) => e.shouldRenderChip).map((e) => /* @__PURE__ */ u(r, {
-					filterOption: e,
-					formRef: E
-				}, e.id))]
-			})
-		})
-	});
-};
-export { p as FilterRow };
+import{getInitialFieldValues}from"./initial-field-values.js";import{t as filter_row_module_default}from"../../../../chunks/filter-row.module.js";import AllFiltersChip from"./all-filters-chip.js";import{MetadataFilterChip}from"./metadata-filter-chip.js";import{usePredefinedFilter}from"./predefinedFilters/use-predefined-filter.js";import{FilterChip}from"@box/blueprint-web";import{useMemo,useRef}from"react";import{Form,Formik}from"formik";import{jsx,jsxs}from"react/jsx-runtime";var getFilterSchemaEntry=filterOption=>{let taxonomyMetadata=filterOption.fieldType===`taxonomy`?[filterOption.key,JSON.stringify(filterOption.optionsRules),JSON.stringify(filterOption.levels),filterOption.scope,filterOption.templateKey].join(`:`):``;return`${filterOption.id}:${filterOption.fieldType}:${taxonomyMetadata}`},FilterRow=({dataTargetPrefix,predefinedFilterOptions,containerRef,filterGroups:customFilterGroups=[],initialFilterValues:customFilterValues,isAllFiltersDisabled,onAllFiltersClick,onFilterSubmit})=>{let predefinedFilters=usePredefinedFilter(predefinedFilterOptions),handleSubmit=({metadata:{fields}})=>{onFilterSubmit&&onFilterSubmit(fields)},filterGroups=[...predefinedFilters,...customFilterGroups],filterOptions=filterGroups.flatMap(({filters})=>filters).sort((a,b)=>(a.position??0)-(b.position??0)),initialValues=useMemo(()=>getInitialFieldValues(filterOptions,customFilterValues),[filterOptions.map(filterOption=>getFilterSchemaEntry(filterOption)).sort().join(`|`),customFilterValues]),formRef=useRef(null);return jsx(Formik,{enableReinitialize:!0,initialValues,onSubmit:handleSubmit,children:jsx(Form,{ref:formRef,children:jsxs(FilterChip.Group,{className:filter_row_module_default.filterChipGroup,name:`metadata-view-filters`,type:`multiple`,children:[isAllFiltersDisabled?null:jsx(AllFiltersChip,{containerRef,dataTargetPrefix,filterGroups,onAllFiltersClick}),filterOptions.filter(filterOption=>filterOption.shouldRenderChip).map(filterOption=>jsx(MetadataFilterChip,{filterOption,formRef},filterOption.id))]})})})};export{FilterRow};

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

@@ -1,99 +1 @@
-import { getDefaultFieldValue as e } from "./initial-field-values.js";
-import { isBlankOrNotBlankFilter as t } from "./is-blank-or-not-blank-filter.js";
-import { extractAdvancedFilterOption as n, isFilterSelected as r } from "./is-filter-selected.js";
-import i from "./messages.js";
-import { t as a } from "../../../../chunks/filter-row.module.js";
-import { AdvancedFilterContext as o } from "./advanced-filter-context.js";
-import { FilterChipPopoverPortalProvider as s } from "./filter-chip-popover-context.js";
-import { useFormFilterChip as c } from "./use-form-filter-chip.js";
-import { useNestedOverlayPopoverOpenChange as l } from "./use-nested-overlay-popover-open-change.js";
-import { Button as u, FilterChip as d, Popover as f } from "@box/blueprint-web";
-import { useMemo as p, useState as m } from "react";
-import { useIntl as h } from "react-intl";
-import { getIn as g, useFormikContext as _ } from "formik";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
-var b = ({ children: b, formRef: x, icon: S, id: C, name: w = "", isAdvancedFilterEnabled: T, advancedFilterOptionsMap: ee }) => {
-	let { formatMessage: E } = h(), [D, O] = m(!1), { handleSubmit: k, setFieldValue: A, resetForm: j, values: M } = _(), N = g(M, `metadata.fields.${C}.fieldType`), P = g(M, `metadata.fields.${C}.value`), { appliedAdvancedFilterOption: F, currentAdvancedFilterOption: I, dynamicDisplayName: L, handleAdvancedFilterOptionChange: R, handleApply: z, handleCancel: B, handleClear: V } = c({
-		name: w,
-		initialAdvancedFilterOption: T && P ? n(P) : void 0,
-		filterValue: P
-	}), [H, U] = m(0), W = () => {
-		T && z(), k(), O(!1);
-	}, [G, K] = m(M), { handlePopoverOpenChange: q, portalElement: J, setPopoverContentRef: Y } = l({
-		onOpenChange: (e) => {
-			O(e), e ? (K(M), T && U((e) => e + 1)) : (j({ values: G }), T && B());
-		},
-		popoverOpen: D
-	}), X = () => {
-		A(`metadata.fields.${C}.value`, e({
-			fieldType: N,
-			isAdvancedFilterEnabled: T
-		})), T && V();
-	}, Z = p(() => {
-		if (T && t(F)) return !0;
-		let e = g(M, `metadata.fields.${C}.value`);
-		return e ? r(e) : !1;
-	}, [
-		M,
-		C,
-		T,
-		F
-	]), Q = () => {
-		if (N === "date") {
-			let e = g(M, `metadata.fields.${C}.value.customType`), t = e && e !== "anyTime" && e !== "customRange", n = g(M, `metadata.fields.${C}.value.relativeType`);
-			return (t || n && n !== "customRange") && !Z;
-		}
-		return !1;
-	}, $ = T && Z ? L : w, te = p(() => ({
-		currentOption: I,
-		onOptionChange: R,
-		resetKey: H
-	}), [
-		I,
-		R,
-		H
-	]), ne = T ? /* @__PURE__ */ v(o.Provider, {
-		value: te,
-		children: b
-	}) : b;
-	return /* @__PURE__ */ v("div", { children: /* @__PURE__ */ y(f.Root, {
-		modal: !1,
-		onOpenChange: q,
-		open: D,
-		children: [/* @__PURE__ */ v(f.Trigger, { children: /* @__PURE__ */ y(d.TriggerChip, {
-			selected: Z,
-			value: C,
-			children: [
-				S && /* @__PURE__ */ v(d.Icon, { icon: S }),
-				/* @__PURE__ */ v(d.Label, { children: $ }),
-				/* @__PURE__ */ v(d.DropdownIndicator, {})
-			]
-		}, C) }), /* @__PURE__ */ v(f.ContentContainer, {
-			ref: Y,
-			align: "start",
-			className: a.popoverContent,
-			container: x.current,
-			"data-testid": "form-filter-chip-popover",
-			children: /* @__PURE__ */ y(s, {
-				value: J,
-				children: [/* @__PURE__ */ v(f.MainContent, { children: ne }), /* @__PURE__ */ y(f.Footer, {
-					className: a.popoverFooter,
-					children: [/* @__PURE__ */ v(u, {
-						onClick: X,
-						size: "small",
-						variant: "secondary",
-						children: E(i.clearButton)
-					}), /* @__PURE__ */ v(u, {
-						disabled: Q(),
-						onClick: W,
-						size: "small",
-						type: "submit",
-						variant: "primary",
-						children: E(i.applyButton)
-					})]
-				})]
-			})
-		})]
-	}) });
-};
-export { b as FormFilterChip };
+import{getDefaultFieldValue}from"./initial-field-values.js";import{isBlankOrNotBlankFilter}from"./is-blank-or-not-blank-filter.js";import{extractAdvancedFilterOption,isFilterSelected}from"./is-filter-selected.js";import messages from"./messages.js";import{t as filter_row_module_default}from"../../../../chunks/filter-row.module.js";import{AdvancedFilterContext}from"./advanced-filter-context.js";import{FilterChipPopoverPortalProvider}from"./filter-chip-popover-context.js";import{useFormFilterChip}from"./use-form-filter-chip.js";import{useNestedOverlayPopoverOpenChange}from"./use-nested-overlay-popover-open-change.js";import{Button,FilterChip,Popover}from"@box/blueprint-web";import{useMemo,useState}from"react";import{useIntl}from"react-intl";import{getIn,useFormikContext}from"formik";import{jsx,jsxs}from"react/jsx-runtime";var FormFilterChip=({children,formRef,icon,id,name=``,isAdvancedFilterEnabled,advancedFilterOptionsMap})=>{let{formatMessage}=useIntl(),[popoverOpen,setPopoverOpen]=useState(!1),{handleSubmit,setFieldValue,resetForm,values}=useFormikContext(),fieldType=getIn(values,`metadata.fields.${id}.fieldType`),formFieldValue=getIn(values,`metadata.fields.${id}.value`),{appliedAdvancedFilterOption,currentAdvancedFilterOption,dynamicDisplayName,handleAdvancedFilterOptionChange,handleApply,handleCancel,handleClear}=useFormFilterChip({name,initialAdvancedFilterOption:isAdvancedFilterEnabled&&formFieldValue?extractAdvancedFilterOption(formFieldValue):void 0,filterValue:formFieldValue}),[resetKey,setResetKey]=useState(0),submitForm=()=>{isAdvancedFilterEnabled&&handleApply(),handleSubmit(),setPopoverOpen(!1)},[dirtyValues,setDirtyValues]=useState(values),{handlePopoverOpenChange,portalElement,setPopoverContentRef}=useNestedOverlayPopoverOpenChange({onOpenChange:open=>{setPopoverOpen(open),open?(setDirtyValues(values),isAdvancedFilterEnabled&&setResetKey(k=>k+1)):(resetForm({values:dirtyValues}),isAdvancedFilterEnabled&&handleCancel())},popoverOpen}),handleClearButtonClick=()=>{setFieldValue(`metadata.fields.${id}.value`,getDefaultFieldValue({fieldType,isAdvancedFilterEnabled})),isAdvancedFilterEnabled&&handleClear()},isSelected=useMemo(()=>{if(isAdvancedFilterEnabled&&isBlankOrNotBlankFilter(appliedAdvancedFilterOption))return!0;let value=getIn(values,`metadata.fields.${id}.value`);return value?isFilterSelected(value):!1},[values,id,isAdvancedFilterEnabled,appliedAdvancedFilterOption]),shouldDisableApplyButton=()=>{if(fieldType===`date`){let customDateFilterType=getIn(values,`metadata.fields.${id}.value.customType`),isCustomDateFilterTypeSelected=customDateFilterType&&customDateFilterType!==`anyTime`&&customDateFilterType!==`customRange`,relativeType=getIn(values,`metadata.fields.${id}.value.relativeType`);return(isCustomDateFilterTypeSelected||relativeType&&relativeType!==`customRange`)&&!isSelected}return!1},chipLabel=isAdvancedFilterEnabled&&isSelected?dynamicDisplayName:name,advancedFilterContextValue=useMemo(()=>({currentOption:currentAdvancedFilterOption,onOptionChange:handleAdvancedFilterOptionChange,resetKey}),[currentAdvancedFilterOption,handleAdvancedFilterOptionChange,resetKey]),mainContent=isAdvancedFilterEnabled?jsx(AdvancedFilterContext.Provider,{value:advancedFilterContextValue,children}):children;return jsx(`div`,{children:jsxs(Popover.Root,{modal:!1,onOpenChange:handlePopoverOpenChange,open:popoverOpen,children:[jsx(Popover.Trigger,{children:jsxs(FilterChip.TriggerChip,{selected:isSelected,value:id,children:[icon&&jsx(FilterChip.Icon,{icon}),jsx(FilterChip.Label,{children:chipLabel}),jsx(FilterChip.DropdownIndicator,{})]},id)}),jsx(Popover.ContentContainer,{ref:setPopoverContentRef,align:`start`,className:filter_row_module_default.popoverContent,container:formRef.current,"data-testid":`form-filter-chip-popover`,children:jsxs(FilterChipPopoverPortalProvider,{value:portalElement,children:[jsx(Popover.MainContent,{children:mainContent}),jsxs(Popover.Footer,{className:filter_row_module_default.popoverFooter,children:[jsx(Button,{onClick:handleClearButtonClick,size:`small`,variant:`secondary`,children:formatMessage(messages.clearButton)}),jsx(Button,{disabled:shouldDisableApplyButton(),onClick:submitForm,size:`small`,type:`submit`,variant:`primary`,children:formatMessage(messages.applyButton)})]})]})})]})})};export{FormFilterChip};