@box/metadata-view 1.54.9 → 1.54.11

package/dist/chunks/types2.js

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

package/dist/chunks/zoom-button.js

@@ -0,0 +1,20 @@
+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 };

package/dist/esm/index.js

@@ -1,59 +1,29 @@
-import { ActionBar as o } from "./lib/components/action-bar/action-bar.js";
-import { Case as a, SwitchCase as i } from "./lib/components/switch-case/switch-case.js";
-import { Filter as m } from "./lib/components/filter-sidepanel/filter.js";
-import { FilterRow as x } from "./lib/components/filter-row/filter-row.js";
-import { FilterSidePanel as n } from "./lib/components/filter-sidepanel/filter-side-panel.js";
-import { FormFilterChip as F } from "./lib/components/filter-row/form-filter-chip.js";
-import { Header as C } from "./lib/components/header/header.js";
-import { I as c, S, V as h } from "../chunks/types.js";
-import { InlineEditingCell as g } from "./lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js";
-import { ItemActionMenu as I } from "./lib/components/item-action-menu/item-action-menu.js";
-import { MarkerBasedPagination as V } from "./lib/components/pagination/marker-based-pagination.js";
-import { MetadataFileChip as B } from "./lib/components/metadata-value/metadata-file-chip.js";
-import { MetadataFileField as R } from "./lib/components/metadata-value/metadata-file-field.js";
-import { MetadataFilterChip as b } from "./lib/components/filter-row/metadata-filter-chip.js";
-import { MetadataGrid as k } from "./lib/components/metadata-grid/metadata-grid.js";
-import { MetadataLocationField as G } from "./lib/components/metadata-value/metadata-location-field.js";
-import { MetadataRadioField as N } from "./lib/components/metadata-value/metadata-radio-field.js";
-import { MetadataSearchField as _ } from "./lib/components/metadata-value/metadata-search-field.js";
-import { MetadataTable as q } from "./lib/components/metadata-table/metadata-table.js";
-import { MetadataView as y } from "./lib/metadata-view.js";
-import { OffsetBasedPagination as J } from "./lib/components/pagination/offset-based-pagination.js";
-import { Pagination as Q } from "./lib/components/pagination/pagination.js";
-import { PaginationControls as W } from "./lib/components/pagination/pagination-controls.js";
-import { PredefinedFilterName as Y } from "./lib/components/filter-row/predefinedFilters/index.js";
-import { SelectFilterChip as $ } from "./lib/components/filter-row/select-filter-chip.js";
-import { SortDropdown as re } from "./lib/components/sort-dropdown/sort-dropdown.js";
-import { TableRenderer as te } from "./lib/components/metadata-table/table-renderer.js";
-export {
-  o as ActionBar,
-  a as Case,
-  m as Filter,
-  x as FilterRow,
-  n as FilterSidePanel,
-  F as FormFilterChip,
-  C as Header,
-  c as IconColumnVariant,
-  g as InlineEditingCell,
-  I as ItemActionMenu,
-  V as MarkerBasedPagination,
-  B as MetadataFileChip,
-  R as MetadataFileField,
-  b as MetadataFilterChip,
-  k as MetadataGrid,
-  G as MetadataLocationField,
-  N as MetadataRadioField,
-  _ as MetadataSearchField,
-  q as MetadataTable,
-  y as MetadataView,
-  J as OffsetBasedPagination,
-  Q as Pagination,
-  W as PaginationControls,
-  Y as PredefinedFilterName,
-  S as SELECT_ALL,
-  $ as SelectFilterChip,
-  re as SortDropdown,
-  i as SwitchCase,
-  te as TableRenderer,
-  h as ViewMode
-};
+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 };

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

@@ -1,62 +1,2 @@
-import { Button as p } from "@box/blueprint-web";
-import { Grid as b } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as u } from "react-intl";
-import { V as r } from "../../../../chunks/types.js";
-import { ZoomButton as R } from "./zoom-button.js";
-import e from "./messages.js";
-import { jsxs as s, jsx as o } from "react/jsx-runtime";
-import { FilterRow as x } from "../filter-row/filter-row.js";
-import { SortDropdown as h } from "../sort-dropdown/sort-dropdown.js";
-import '../../../../styles/action-bar.css';const A = "_actionBar_bbxsv_1", C = "_filterRow_bbxsv_8", G = "_additionalActions_bbxsv_13", I = "_viewModeButtonContainer_bbxsv_24", t = {
-  actionBar: A,
-  filterRow: C,
-  additionalActions: G,
-  viewModeButtonContainer: I
-}, F = ({
-  isIconColumnEnabled: c,
-  isViewModeButtonDisabled: m,
-  onSortDescriptorChange: d,
-  onViewModeClick: l,
-  onZoomLevelChange: f,
-  sortableColumns: w,
-  sortDescriptor: _,
-  sortDropdownProps: n,
-  viewMode: i,
-  zoomLevel: v,
-  ...B
-}) => {
-  const {
-    formatMessage: a
-  } = u();
-  return /* @__PURE__ */ s("div", {
-    className: t.actionBar,
-    children: [/* @__PURE__ */ o("div", {
-      className: t.filterRow,
-      children: /* @__PURE__ */ o(x, {
-        ...B
-      })
-    }), /* @__PURE__ */ s("div", {
-      className: t.additionalActions,
-      children: [n && /* @__PURE__ */ o(h, {
-        ...n,
-        onSortDescriptorChange: d,
-        sortableColumns: w,
-        sortDescriptor: _
-      }), (c || i === r.GRID) && /* @__PURE__ */ o(R, {
-        onZoomLevelChange: f,
-        zoomLevel: v
-      }), !m && /* @__PURE__ */ o("div", {
-        className: t.viewModeButtonContainer,
-        children: /* @__PURE__ */ o(p, {
-          "aria-label": i === r.GRID ? a(e.switchToListView) : a(e.switchToGridView),
-          endIcon: b,
-          onClick: l,
-          variant: i === r.GRID ? "primary" : "tertiary"
-        })
-      })]
-    })]
-  });
-};
-export {
-  F as ActionBar
-};
+import { t as e } from "../../../../chunks/action-bar.js";
+export { e as ActionBar };

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

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

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

@@ -1,26 +1,24 @@
 import { defineMessages as e } from "react-intl";
-const i = 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"
-  }
+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 {
-  i as default
-};
+export { t as default };

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

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

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

@@ -1,6 +1,14 @@
-const I = [8, 5, 3], p = ["36px", "84px", "111px"], x = ["36px", "111px", "147px"];
-export {
-  I as THUMBNAIL_GRID_VIEW_SIZES,
-  p as THUMBNAIL_LIST_VIEW_HEIGHTS,
-  x as THUMBNAIL_WIDTHS
-};
+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 };

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

@@ -1,30 +1,2 @@
-import { EmptyState as m, Text as o } from "@box/blueprint-web";
-import { OpenBook as n } from "@box/blueprint-web-assets/illustrations/Medium";
-import { useIntl as r } from "react-intl";
-import a from "./messages.js";
-import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/empty-state.css';const i = "_emptyStateContainer_10mhj_1", s = {
-  emptyStateContainer: i
-}, S = () => {
-  const {
-    formatMessage: e
-  } = r();
-  return /* @__PURE__ */ t("div", {
-    className: s.emptyStateContainer,
-    children: /* @__PURE__ */ t(m, {
-      body: /* @__PURE__ */ t(o, {
-        as: "p",
-        children: e(a.emptyStateBody)
-      }),
-      heading: /* @__PURE__ */ t(o, {
-        as: "h2",
-        variant: "titleMedium",
-        children: e(a.emptyStateHeading)
-      }),
-      illustration: n
-    })
-  });
-};
-export {
-  S as default
-};
+import { t as e } from "../../../../chunks/empty-state.js";
+export { e as default };

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

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

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

@@ -1,14 +1,12 @@
 import { defineMessages as e } from "react-intl";
-const a = 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."
-  }
+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 {
-  a as default
-};
+export { t as default };

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

@@ -1,31 +1,2 @@
-import { EmptyState as r, Text as s } from "@box/blueprint-web";
-import { Unplugged as a } from "@box/blueprint-web-assets/illustrations/Medium";
-import { useIntl as i } from "react-intl";
-import o from "./messages.js";
-import { jsx as t } from "react/jsx-runtime";
-import '../../../../styles/error-state.css';const m = "_emptyStateContainer_qf21p_1", p = {
-  emptyStateContainer: m
-}, S = ({
-  onRefresh: n
-}) => {
-  const {
-    formatMessage: e
-  } = i();
-  return /* @__PURE__ */ t("div", {
-    className: p.emptyStateContainer,
-    children: /* @__PURE__ */ t(r, {
-      body: /* @__PURE__ */ t(s, {
-        as: "p",
-        children: e(o.errorMessage)
-      }),
-      illustration: a,
-      children: /* @__PURE__ */ t(r.PrimaryAction, {
-        onClick: n,
-        children: e(o.refreshButton)
-      })
-    })
-  });
-};
-export {
-  S as ErrorState
-};
+import { t as e } from "../../../../chunks/error-state.js";
+export { e as ErrorState };

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

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

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

@@ -1,14 +1,12 @@
 import { defineMessages as e } from "react-intl";
-const r = e({
-  errorMessage: {
-    id: "groupSharedFeatures.metadataView.itemList.errorMessage",
-    defaultMessage: "Something went wrong. Please refresh this page."
-  },
-  refreshButton: {
-    id: "groupSharedFeatures.metadataView.itemList.refreshButton",
-    defaultMessage: "Refresh"
-  }
+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 {
-  r as default
-};
+export { t as default };

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

@@ -1,53 +1,31 @@
-import { MetadataMultiSelectField as o, MetadataStringField as l, MetadataFloatField as c, MetadataDateField as s } from "@box/metadata-filter";
-import { useAdvancedFilterContext as F } from "./advanced-filter-context.js";
-import { jsx as n } from "react/jsx-runtime";
-const u = ({
-  fieldNamePrefix: a,
-  filterOptionsMap: d,
-  label: r
-}) => {
-  const e = F();
-  return {
-    key: e?.resetKey,
-    fieldAdvancedFilterOptions: e?.currentOption,
-    fieldNamePrefix: a,
-    filterOptionsMap: d,
-    isAdvancedFilterEnabled: !0,
-    label: r,
-    onAdvancedFilterOptionChange: e ? (i, t) => e.onOptionChange(t) : void 0
-  };
-}, f = ({
-  fieldType: a,
-  fieldNamePrefix: d,
-  filterOptionsMap: r,
-  label: e,
-  locale: i
-}) => {
-  const t = u({
-    fieldNamePrefix: d,
-    filterOptionsMap: r,
-    label: e
-  });
-  switch (a) {
-    case "date":
-      return /* @__PURE__ */ n(s, {
-        ...t,
-        locale: i
-      });
-    case "float":
-      return /* @__PURE__ */ n(c, {
-        ...t
-      });
-    case "string":
-      return /* @__PURE__ */ n(l, {
-        ...t
-      });
-    default:
-      return /* @__PURE__ */ n(o, {
-        ...t
-      });
-  }
-};
-export {
-  f as AdvancedFieldContent
+import { useAdvancedFilterContext as e } from "./advanced-filter-context.js";
+import { MetadataDateField as t, MetadataFloatField as n, MetadataMultiSelectField as r, MetadataStringField as i } from "@box/metadata-filter";
+import { jsx as a } from "react/jsx-runtime";
+var o = ({ fieldNamePrefix: t, filterOptionsMap: n, label: r }) => {
+	let i = e();
+	return {
+		key: i?.resetKey,
+		fieldAdvancedFilterOptions: i?.currentOption,
+		fieldNamePrefix: t,
+		filterOptionsMap: n,
+		isAdvancedFilterEnabled: !0,
+		label: r,
+		onAdvancedFilterOptionChange: i ? (e, t) => i.onOptionChange(t) : void 0
+	};
+}, s = ({ fieldType: e, fieldNamePrefix: s, filterOptionsMap: c, label: l, locale: u }) => {
+	let d = o({
+		fieldNamePrefix: s,
+		filterOptionsMap: c,
+		label: l
+	});
+	switch (e) {
+		case "date": return /* @__PURE__ */ a(t, {
+			...d,
+			locale: u
+		});
+		case "float": return /* @__PURE__ */ a(n, { ...d });
+		case "string": return /* @__PURE__ */ a(i, { ...d });
+		default: return /* @__PURE__ */ a(r, { ...d });
+	}
 };
+export { s as AdvancedFieldContent };

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

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

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

@@ -1,51 +1,33 @@
-import { FilterChip as e } from "@box/blueprint-web";
+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 { useFormikContext as d } from "formik";
-import { useState as h, useMemo as F } from "react";
-import { useIntl as g } from "react-intl";
-import { getInitialFieldValues as C } from "./initial-field-values.js";
-import { isFilterSelected as I } from "./is-filter-selected.js";
-import S from "./messages.js";
-import { s as v } from "../../../../chunks/filter-row.module.js";
-import { jsxs as m, Fragment as O, jsx as t } from "react/jsx-runtime";
-import { FilterSidePanel as x } from "../filter-sidepanel/filter-side-panel.js";
-const q = ({
-  containerRef: p,
-  filterGroups: l,
-  onAllFiltersClick: r
-}) => {
-  const {
-    formatMessage: c
-  } = g(), {
-    values: o
-  } = d(), [s, a] = h(!1), f = () => r ? r() : a(!0), n = F(() => Object.values(o.metadata.fields).filter((i) => I(i.value)).length, [o.metadata.fields]);
-  return /* @__PURE__ */ m(O, {
-    children: [
-      // We need to initialize the sidepanel state at the moment it is opened
-      s && /* @__PURE__ */ t(x, {
-        containerRef: p,
-        filterGroups: l,
-        getInitialFormValues: () => C(l.flatMap(({
-          filters: i
-        }) => i)),
-        isOpen: s,
-        onIsOpenChange: a
-      }),
-      /* @__PURE__ */ m(e.ChipButton, {
-        onClick: f,
-        value: "all-filters-chip-btn",
-        children: [/* @__PURE__ */ t(e.Icon, {
-          className: v.filterChipIcon,
-          icon: u
-        }), /* @__PURE__ */ t(e.Label, {
-          children: c(S.allFilters)
-        }), n > 0 ? /* @__PURE__ */ t(e.Status, {
-          children: n.toString()
-        }) : null]
-      })
-    ]
-  });
-};
-export {
-  q as default
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+var m = ({ containerRef: m, filterGroups: h, onAllFiltersClick: g }) => {
+	let { formatMessage: _ } = c(), { values: v } = l(), [y, b] = s(!1), x = () => g ? g() : b(!0), S = o(() => Object.values(v.metadata.fields).filter((e) => n(e.value)).length, [v.metadata.fields]);
+	return /* @__PURE__ */ p(d, { children: [y && /* @__PURE__ */ f(e, {
+		containerRef: m,
+		filterGroups: h,
+		getInitialFormValues: () => t(h.flatMap(({ filters: e }) => e)),
+		isOpen: y,
+		onIsOpenChange: b
+	}), /* @__PURE__ */ p(a.ChipButton, {
+		onClick: x,
+		value: "all-filters-chip-btn",
+		children: [
+			/* @__PURE__ */ f(a.Icon, {
+				className: i.filterChipIcon,
+				icon: u
+			}),
+			/* @__PURE__ */ f(a.Label, { children: _(r.allFilters) }),
+			S > 0 ? /* @__PURE__ */ f(a.Status, { children: S.toString() }) : null
+		]
+	})] });
 };
+export { m as default };