@box/metadata-view 2.2.37 → 2.2.39

package/dist/chunks/action-bar.js

@@ -1,52 +1 @@
-import { r as e } from "./types.js";
-import { FilterRow as t } from "../esm/lib/components/filter-row/filter-row.js";
-import { SortDropdown as n } from "../esm/lib/components/sort-dropdown/sort-dropdown.js";
-import { t as r } from "./zoom-button.js";
-import i from "../esm/lib/components/action-bar/messages.js";
-import { Button as a } from "@box/blueprint-web";
-import { Grid as o } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as s } from "react-intl";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import '../styles/action-bar.css';var u = {
-	actionBar: "_actionBar_bbxsv_1",
-	filterRow: "_filterRow_bbxsv_8",
-	additionalActions: "_additionalActions_bbxsv_13",
-	viewModeButtonContainer: "_viewModeButtonContainer_bbxsv_24"
-}, d = ({ dataTargetPrefix: d, isIconColumnEnabled: f, isViewModeButtonDisabled: p, onSortDescriptorChange: m, onViewModeClick: h, onZoomLevelChange: g, sortableColumns: _, sortDescriptor: v, sortDropdownProps: y, viewMode: b, zoomLevel: x, ...S }) => {
-	let { formatMessage: C } = s(), w = y?.triggerButtonDataTargetId ?? (d ? `${d}-sortButton` : void 0);
-	return /* @__PURE__ */ l("div", {
-		className: u.actionBar,
-		children: [/* @__PURE__ */ c("div", {
-			className: u.filterRow,
-			children: /* @__PURE__ */ c(t, {
-				...S,
-				dataTargetPrefix: d
-			})
-		}), /* @__PURE__ */ l("div", {
-			className: u.additionalActions,
-			children: [
-				y && /* @__PURE__ */ c(n, {
-					...y,
-					onSortDescriptorChange: m,
-					sortableColumns: _,
-					sortDescriptor: v,
-					triggerButtonDataTargetId: w
-				}),
-				(f || b === e.GRID) && /* @__PURE__ */ c(r, {
-					onZoomLevelChange: g,
-					zoomLevel: x
-				}),
-				!p && /* @__PURE__ */ c("div", {
-					className: u.viewModeButtonContainer,
-					children: /* @__PURE__ */ c(a, {
-						"aria-label": b === e.GRID ? C(i.switchToListView) : C(i.switchToGridView),
-						endIcon: o,
-						onClick: h,
-						variant: b === e.GRID ? "primary" : "tertiary"
-					})
-				})
-			]
-		})]
-	});
-};
-export { d as t };
+import{r as ViewMode}from"./types.js";import{FilterRow}from"../esm/lib/components/filter-row/filter-row.js";import{SortDropdown}from"../esm/lib/components/sort-dropdown/sort-dropdown.js";import{t as ZoomButton}from"./zoom-button.js";import messages from"../esm/lib/components/action-bar/messages.js";import{Button}from"@box/blueprint-web";import{Grid}from"@box/blueprint-web-assets/icons/Fill";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/action-bar.css';var action_bar_module_default={actionBar:`_actionBar_bbxsv_1`,filterRow:`_filterRow_bbxsv_8`,additionalActions:`_additionalActions_bbxsv_13`,viewModeButtonContainer:`_viewModeButtonContainer_bbxsv_24`},ActionBar=({dataTargetPrefix,isIconColumnEnabled,isViewModeButtonDisabled,onSortDescriptorChange,onViewModeClick,onZoomLevelChange,sortableColumns,sortDescriptor,sortDropdownProps,viewMode,zoomLevel,...rest})=>{let{formatMessage}=useIntl(),sortTriggerDataTargetId=sortDropdownProps?.triggerButtonDataTargetId??(dataTargetPrefix?`${dataTargetPrefix}-sortButton`:void 0);return jsxs(`div`,{className:action_bar_module_default.actionBar,children:[jsx(`div`,{className:action_bar_module_default.filterRow,children:jsx(FilterRow,{...rest,dataTargetPrefix})}),jsxs(`div`,{className:action_bar_module_default.additionalActions,children:[sortDropdownProps&&jsx(SortDropdown,{...sortDropdownProps,onSortDescriptorChange,sortableColumns,sortDescriptor,triggerButtonDataTargetId:sortTriggerDataTargetId}),(isIconColumnEnabled||viewMode===ViewMode.GRID)&&jsx(ZoomButton,{onZoomLevelChange,zoomLevel}),!isViewModeButtonDisabled&&jsx(`div`,{className:action_bar_module_default.viewModeButtonContainer,children:jsx(Button,{"aria-label":viewMode===ViewMode.GRID?formatMessage(messages.switchToListView):formatMessage(messages.switchToGridView),endIcon:Grid,onClick:onViewModeClick,variant:viewMode===ViewMode.GRID?`primary`:`tertiary`})})]})]})};export{ActionBar as t};

package/dist/chunks/empty-state.js

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

package/dist/chunks/error-state.js

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

package/dist/chunks/filter-row.module.js

@@ -1,7 +1 @@
-import '../styles/filter-row.css';var e = {
-	popoverFooter: "_popoverFooter_1q01l_1",
-	popoverContent: "_popoverContent_1q01l_9",
-	filterChipGroup: "_filterChipGroup_1q01l_13",
-	filterChipIcon: "_filterChipIcon_1q01l_18"
-};
-export { e as t };
+import '../styles/filter-row.css';var filter_row_module_default={popoverFooter:`_popoverFooter_1q01l_1`,popoverContent:`_popoverContent_1q01l_9`,filterChipGroup:`_filterChipGroup_1q01l_13`,filterChipIcon:`_filterChipIcon_1q01l_18`};export{filter_row_module_default as t};

package/dist/chunks/filter-side-panel.js

@@ -1,65 +1 @@
-import { Filter as e } from "../esm/lib/components/filter-sidepanel/filter.js";
-import t from "../esm/lib/components/filter-sidepanel/messages.js";
-import { Accordion as n, SidePanel as r } from "@box/blueprint-web";
-import { useState as i } from "react";
-import { useIntl as a } from "react-intl";
-import { useFormikContext as o } from "formik";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "lodash/noop";
-import '../styles/filter-side-panel.css';var u = {
-	sidePanelContent: "_sidePanelContent_1j6pr_1",
-	staticPosition: "_staticPosition_1j6pr_1"
-}, d = ({ containerRef: d, filterGroups: f, isOpen: p, onIsOpenChange: m = l, getInitialFormValues: h }) => {
-	let { formatMessage: g } = a(), { handleSubmit: _, resetForm: v, values: y } = o(), [b] = i(y), [x, S] = i(null);
-	return /* @__PURE__ */ s(r, {
-		onOpenChange: (e) => {
-			v({ values: b }), m(e);
-		},
-		open: p,
-		variant: "overlay",
-		children: /* @__PURE__ */ s(r.Overlay, {
-			container: d?.current,
-			children: /* @__PURE__ */ c(r.Content, {
-				className: u.sidePanelContent,
-				children: [
-					/* @__PURE__ */ s(r.Header, {
-						className: u.staticPosition,
-						children: g(t.filtersHeader)
-					}),
-					/* @__PURE__ */ s(r.ScrollableContainer, {
-						ref: S,
-						children: /* @__PURE__ */ s(n, {
-							defaultValue: f.map((e, t) => `item-${t}`),
-							type: "multiple",
-							children: f.map((t, r) => /* @__PURE__ */ s(n.Item, {
-								...t.toggleable ? {} : { fixed: "true" },
-								title: t.title,
-								value: `item-${r}`,
-								children: t.filters.map((t) => /* @__PURE__ */ s(e, {
-									...t,
-									parentRef: x
-								}, t.id))
-							}, `accordion-item-${t.title || "unnamed"}`))
-						})
-					}),
-					/* @__PURE__ */ c(r.Footer, {
-						className: u.staticPosition,
-						children: [/* @__PURE__ */ s(r.Footer.SecondaryButton, {
-							onClick: () => {
-								v({ values: h() });
-							},
-							children: g(t.clearAllButton)
-						}), /* @__PURE__ */ s(r.Footer.PrimaryButton, {
-							onClick: () => {
-								_(), m(!1);
-							},
-							children: g(t.showResultsButton)
-						})]
-					}),
-					/* @__PURE__ */ s(r.Close, { "aria-label": g(t.closeAriaLabel) })
-				]
-			})
-		})
-	});
-};
-export { d as t };
+import{Filter}from"../esm/lib/components/filter-sidepanel/filter.js";import messages from"../esm/lib/components/filter-sidepanel/messages.js";import{Accordion,SidePanel}from"@box/blueprint-web";import{useState}from"react";import{useIntl}from"react-intl";import{useFormikContext}from"formik";import{jsx,jsxs}from"react/jsx-runtime";import noop from"lodash/noop";import '../styles/filter-side-panel.css';var filter_side_panel_module_default={sidePanelContent:`_sidePanelContent_1j6pr_1`,staticPosition:`_staticPosition_1j6pr_1`},FilterSidePanel=({containerRef,filterGroups,isOpen,onIsOpenChange=noop,getInitialFormValues})=>{let{formatMessage}=useIntl(),{handleSubmit,resetForm,values}=useFormikContext(),[dirtyValues]=useState(values),[sidepanelContentRef,setSidepanelContentRef]=useState(null);return jsx(SidePanel,{onOpenChange:open=>{resetForm({values:dirtyValues}),onIsOpenChange(open)},open:isOpen,variant:`overlay`,children:jsx(SidePanel.Overlay,{container:containerRef?.current,children:jsxs(SidePanel.Content,{className:filter_side_panel_module_default.sidePanelContent,children:[jsx(SidePanel.Header,{className:filter_side_panel_module_default.staticPosition,children:formatMessage(messages.filtersHeader)}),jsx(SidePanel.ScrollableContainer,{ref:setSidepanelContentRef,children:jsx(Accordion,{defaultValue:filterGroups.map((_,index)=>`item-${index}`),type:`multiple`,children:filterGroups.map((filterGroup,index)=>jsx(Accordion.Item,{...filterGroup.toggleable?{}:{fixed:`true`},title:filterGroup.title,value:`item-${index}`,children:filterGroup.filters.map(filterDefinition=>jsx(Filter,{...filterDefinition,parentRef:sidepanelContentRef},filterDefinition.id))},`accordion-item-${filterGroup.title||`unnamed`}`))})}),jsxs(SidePanel.Footer,{className:filter_side_panel_module_default.staticPosition,children:[jsx(SidePanel.Footer.SecondaryButton,{onClick:()=>{resetForm({values:getInitialFormValues()})},children:formatMessage(messages.clearAllButton)}),jsx(SidePanel.Footer.PrimaryButton,{onClick:()=>{handleSubmit(),onIsOpenChange(!1)},children:formatMessage(messages.showResultsButton)})]}),jsx(SidePanel.Close,{"aria-label":formatMessage(messages.closeAriaLabel)})]})})})};export{FilterSidePanel as t};

package/dist/chunks/header.js

@@ -1,62 +1 @@
-import { Case as e, SwitchCase as t } from "../esm/lib/components/switch-case/switch-case.js";
-import n from "../esm/lib/components/header/messages.js";
-import { IconButton as r, PageHeader as i, Status as a, Text as o } from "@box/blueprint-web";
-import { XMark as s } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as c } from "react-intl";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import '../styles/header.css';var d = {
-	titleBar: "_titleBar_1t4pt_1",
-	clearSelectionButton: "_clearSelectionButton_1t4pt_7",
-	headerContainer: "_headerContainer_1t4pt_12",
-	rightSlot: "_rightSlot_1t4pt_19"
-};
-function f({ title: f, itemCount: p, isItemCountVisible: m = !0, onClearSelection: h, selectionCount: g = 0, isSelectionCountVisible: _ = !0, selectedItemName: v, rightSlot: y }) {
-	let { formatMessage: b } = c(), x = _ && g > 0, S = m && p != null;
-	if (!(f || x || y)) return null;
-	let [C, w] = v ? [n.singleItemSelected, { name: v }] : [n.itemsSelected, { count: g }], T = b(C, {
-		...w,
-		b: (e) => /* @__PURE__ */ l(o, {
-			color: "textOnLightDefault",
-			variant: "bodyLargeBold",
-			as: "span",
-			children: e
-		})
-	});
-	return /* @__PURE__ */ u("div", {
-		className: d.headerContainer,
-		children: [/* @__PURE__ */ l(i.Root, {
-			variant: "inline",
-			sticky: !1,
-			children: /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ u(e, {
-				condition: x,
-				children: [/* @__PURE__ */ l(i.Corner, { children: /* @__PURE__ */ l(r, {
-					"aria-label": b(n.clearSelectionAriaLabel),
-					icon: s,
-					onClick: h,
-					size: "small",
-					variant: "small-utility",
-					className: d.clearSelectionButton
-				}) }), /* @__PURE__ */ l(i.StartElements, { children: /* @__PURE__ */ l(o, {
-					as: "span",
-					color: "textOnLightSecondary",
-					variant: "bodyLarge",
-					children: T
-				}) })]
-			}), /* @__PURE__ */ l(e, {
-				condition: !!f,
-				children: /* @__PURE__ */ u("div", {
-					className: d.titleBar,
-					children: [f, S && /* @__PURE__ */ l(a, {
-						className: d.itemCount,
-						colorIndex: 0,
-						text: String(p)
-					})]
-				})
-			})] })
-		}), y && /* @__PURE__ */ l("div", {
-			className: d.rightSlot,
-			children: y
-		})]
-	});
-}
-export { f as t };
+import{Case,SwitchCase}from"../esm/lib/components/switch-case/switch-case.js";import messages from"../esm/lib/components/header/messages.js";import{IconButton,PageHeader,Status,Text}from"@box/blueprint-web";import{XMark}from"@box/blueprint-web-assets/icons/Fill";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/header.css';var header_module_default={titleBar:`_titleBar_1t4pt_1`,clearSelectionButton:`_clearSelectionButton_1t4pt_7`,headerContainer:`_headerContainer_1t4pt_12`,rightSlot:`_rightSlot_1t4pt_19`};function Header({title,itemCount,isItemCountVisible=!0,onClearSelection,selectionCount=0,isSelectionCountVisible=!0,selectedItemName,rightSlot}){let{formatMessage}=useIntl(),shouldShowSelectionBar=isSelectionCountVisible&&selectionCount>0,shouldShowItemCountStatus=isItemCountVisible&&itemCount!=null;if(!(title||shouldShowSelectionBar||rightSlot))return null;let[selectionMessageDescriptor,selectionMessageValues]=selectedItemName?[messages.singleItemSelected,{name:selectedItemName}]:[messages.itemsSelected,{count:selectionCount}],selectionMessage=formatMessage(selectionMessageDescriptor,{...selectionMessageValues,b:chunks=>jsx(Text,{color:`textOnLightDefault`,variant:`bodyLargeBold`,as:`span`,children:chunks})});return jsxs(`div`,{className:header_module_default.headerContainer,children:[jsx(PageHeader.Root,{variant:`inline`,sticky:!1,children:jsxs(SwitchCase,{children:[jsxs(Case,{condition:shouldShowSelectionBar,children:[jsx(PageHeader.Corner,{children:jsx(IconButton,{"aria-label":formatMessage(messages.clearSelectionAriaLabel),icon:XMark,onClick:onClearSelection,size:`small`,variant:`small-utility`,className:header_module_default.clearSelectionButton})}),jsx(PageHeader.StartElements,{children:jsx(Text,{as:`span`,color:`textOnLightSecondary`,variant:`bodyLarge`,children:selectionMessage})})]}),jsx(Case,{condition:!!title,children:jsxs(`div`,{className:header_module_default.titleBar,children:[title,shouldShowItemCountStatus&&jsx(Status,{className:header_module_default.itemCount,colorIndex:0,text:String(itemCount)})]})})]})}),rightSlot&&jsx(`div`,{className:header_module_default.rightSlot,children:rightSlot})]})}export{Header as t};

package/dist/chunks/inline-editing-cell.js

@@ -1,34 +1 @@
-import e from "../esm/lib/components/metadata-table/messages.js";
-import { Button as t, Cell as n, DropdownMenu as r } from "@box/blueprint-web";
-import { CaretDown as i } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import c from "lodash/get";
-import l from "lodash/isEqual";
-import '../styles/inline-editing-cell.css';var u = { inlineEditingCell: "_inlineEditingCell_1iieg_1" }, d = ({ column: d, item: f, onInlineEditChange: p }) => {
-	let { formatMessage: m } = a(), { type: h, inlineEditingOptions: g, id: _ } = d, v = c(f, _), y = typeof v == "string" ? [v] : v || [], b = m(e.unselectedOptionLabel), x = [{
-		value: null,
-		label: b
-	}, ...(g ?? []).map((e) => ({
-		value: e,
-		label: e
-	}))], S = (e) => {
-		if (!p) return;
-		let t;
-		t = h === "multiSelect" ? e === null ? [] : y.includes(e) ? y.filter((t) => t !== e) : [...y, e] : e, (h === "multiSelect" ? !l(t, y) : t !== y[0]) && p(f, t, _);
-	}, C = (e) => e === null ? y.length === 0 : y.includes(e);
-	return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ s(r.Root, { children: [/* @__PURE__ */ o(r.Trigger, { children: /* @__PURE__ */ o(t, {
-		className: u.inlineEditingCell,
-		endIcon: i,
-		variant: "secondary",
-		children: y.length > 0 ? y.join(", ") : b
-	}) }), /* @__PURE__ */ o(r.Content, {
-		align: "start",
-		children: x.map((e) => /* @__PURE__ */ o(r.CheckboxItem, {
-			checked: C(e.value),
-			onSelect: () => S(e.value),
-			children: e.label
-		}, e.value ?? b))
-	})] }) });
-};
-export { d as t };
+import messages from"../esm/lib/components/metadata-table/messages.js";import{Button,Cell,DropdownMenu}from"@box/blueprint-web";import{CaretDown}from"@box/blueprint-web-assets/icons/Fill";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import get from"lodash/get";import isEqual from"lodash/isEqual";import '../styles/inline-editing-cell.css';var inline_editing_cell_module_default={inlineEditingCell:`_inlineEditingCell_1iieg_1`},InlineEditingCell=({column,item,onInlineEditChange})=>{let{formatMessage}=useIntl(),{type,inlineEditingOptions,id:columnId}=column,rawValue=get(item,columnId),currentValue=typeof rawValue==`string`?[rawValue]:rawValue||[],unselectedLabel=formatMessage(messages.unselectedOptionLabel),optionsWithDefault=[{value:null,label:unselectedLabel},...(inlineEditingOptions??[]).map(option=>({value:option,label:option}))],handleOptionSelect=selectedValue=>{if(!onInlineEditChange)return;let newValue;newValue=type===`multiSelect`?selectedValue===null?[]:currentValue.includes(selectedValue)?currentValue.filter(value=>value!==selectedValue):[...currentValue,selectedValue]:selectedValue,(type===`multiSelect`?!isEqual(newValue,currentValue):newValue!==currentValue[0])&&onInlineEditChange(item,newValue,columnId)},isOptionSelected=optionValue=>optionValue===null?currentValue.length===0:currentValue.includes(optionValue);return jsx(Cell,{children:jsxs(DropdownMenu.Root,{children:[jsx(DropdownMenu.Trigger,{children:jsx(Button,{className:inline_editing_cell_module_default.inlineEditingCell,endIcon:CaretDown,variant:`secondary`,children:currentValue.length>0?currentValue.join(`, `):unselectedLabel})}),jsx(DropdownMenu.Content,{align:`start`,children:optionsWithDefault.map(option=>jsx(DropdownMenu.CheckboxItem,{checked:isOptionSelected(option.value),onSelect:()=>handleOptionSelect(option.value),children:option.label},option.value??unselectedLabel))})]})})};export{InlineEditingCell as t};

package/dist/chunks/item-action-menu.js

@@ -1,86 +1 @@
-import { r as e } from "./types.js";
-import { getDataTargetId as t } from "../esm/lib/components/item-action-menu/identifier.js";
-import n from "../esm/lib/components/item-action-menu/messages.js";
-import { DropdownMenu as r, GridList as i, IconButton as a, Tooltip as o } from "@box/blueprint-web";
-import s, { useMemo as c } from "react";
-import { Ellipsis as l } from "@box/blueprint-web-assets/icons/Fill";
-import { useIntl as u } from "react-intl";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import '../styles/item-action-menu.css';var p = {
-	tableActionBar: "_tableActionBar_akgtp_1",
-	actionItemIcon: "_actionItemIcon_akgtp_6"
-};
-function m(e) {
-	return (t) => {
-		t.stopPropagation(), e();
-	};
-}
-function h({ item: e, label: n, onClick: i, icon: a, isDisabled: o }) {
-	let s = m(() => {
-		i(e);
-	}), l = c(() => o?.(e) ?? !1, [o, e]);
-	return /* @__PURE__ */ f(r.Item, {
-		"data-target-id": t(r.Item, n),
-		disabled: l,
-		onClick: s,
-		children: [/* @__PURE__ */ d(a, { className: p.actionItemIcon }), n]
-	}, n);
-}
-function g({ actions: c, inlineActions: g, isDisabled: _, item: v, onOpenChange: y, subMenuActions: b, subMenuTrigger: x, viewMode: S = e.LIST }) {
-	let { formatMessage: C } = u(), { label: w, icon: T } = x || {};
-	return /* @__PURE__ */ f("div", {
-		className: p.tableActionBar,
-		children: [
-			S === e.LIST && g?.map(({ onClick: e, label: n, icon: r, isDisabled: i, getTooltipContent: c }) => {
-				let l = c?.(v), u = `${v.id}-${n}`, f = i?.(v) ?? !1, p = /* @__PURE__ */ d(a, {
-					accessibleWhenDisabled: f && !!l || void 0,
-					"aria-label": n,
-					"data-target-id": t(a, n),
-					disabled: f,
-					icon: r,
-					onClick: m(() => e(v)),
-					size: "large"
-				});
-				return l ? /* @__PURE__ */ d(o, {
-					content: l,
-					children: p
-				}, u) : /* @__PURE__ */ d(s.Fragment, { children: p }, u);
-			}),
-			c ? /* @__PURE__ */ f(r.Root, {
-				onOpenChange: y,
-				children: [/* @__PURE__ */ d(r.Trigger, { children: S === e.LIST ? /* @__PURE__ */ d(a, {
-					"aria-label": C(n.actionMenu),
-					"data-target-id": t(a, "openActionMenu"),
-					disabled: _,
-					icon: l,
-					size: "large"
-				}) : /* @__PURE__ */ d(i.ActionIconButton, {
-					"aria-label": C(n.actionMenu),
-					"data-target-id": t(i.ActionIconButton, "openActionMenu"),
-					disabled: _,
-					icon: l
-				}) }), /* @__PURE__ */ f(r.Content, {
-					align: "start",
-					children: [c.map((e) => /* @__PURE__ */ d(h, {
-						item: v,
-						...e
-					}, e.label)), b && x && /* @__PURE__ */ f(r.SubMenuRoot, { children: [/* @__PURE__ */ f(r.SubMenuTrigger, {
-						"data-target-id": t(r.SubMenuTrigger, "openActionSubmenu"),
-						children: [T && /* @__PURE__ */ d(T, { className: p.actionItemIcon }), w]
-					}), /* @__PURE__ */ d(r.SubMenuContent, { children: b.map((e) => /* @__PURE__ */ d(h, {
-						item: v,
-						...e
-					}, e.label)) })] })]
-				})]
-			}) : null,
-			S === e.GRID && g?.map(({ onClick: e, label: n, icon: r, isDisabled: a }) => /* @__PURE__ */ d(i.ActionIconButton, {
-				"aria-label": n,
-				"data-target-id": t(i.ActionIconButton, n),
-				disabled: a?.(v) ?? !1,
-				icon: r,
-				onClick: () => e(v)
-			}, `${v.id}-${n}`))
-		]
-	});
-}
-export { g as t };
+import{r as ViewMode}from"./types.js";import{getDataTargetId}from"../esm/lib/components/item-action-menu/identifier.js";import messages from"../esm/lib/components/item-action-menu/messages.js";import{DropdownMenu,GridList,IconButton,Tooltip}from"@box/blueprint-web";import React,{useMemo}from"react";import{Ellipsis}from"@box/blueprint-web-assets/icons/Fill";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/item-action-menu.css';var item_action_menu_module_default={tableActionBar:`_tableActionBar_akgtp_1`,actionItemIcon:`_actionItemIcon_akgtp_6`};function handleClickWrapper(handleClickFunction){return event=>{event.stopPropagation(),handleClickFunction()}}function ActionMenuItem({item,label,onClick,icon:IconComponent,isDisabled}){let handleClick=handleClickWrapper(()=>{onClick(item)}),disabled=useMemo(()=>isDisabled?.(item)??!1,[isDisabled,item]);return jsxs(DropdownMenu.Item,{"data-target-id":getDataTargetId(DropdownMenu.Item,label),disabled,onClick:handleClick,children:[jsx(IconComponent,{className:item_action_menu_module_default.actionItemIcon}),label]},label)}function ItemActionMenu({actions,inlineActions,isDisabled,item,onOpenChange,subMenuActions,subMenuTrigger,viewMode=ViewMode.LIST}){let{formatMessage}=useIntl(),{label:SubMenuLabel,icon:SubMenuIcon}=subMenuTrigger||{};return jsxs(`div`,{className:item_action_menu_module_default.tableActionBar,children:[viewMode===ViewMode.LIST&&inlineActions?.map(({onClick,label,icon,isDisabled:getIsDisabled,getTooltipContent})=>{let tooltipContent=getTooltipContent?.(item),key=`${item.id}-${label}`,isButtonDisabled=getIsDisabled?.(item)??!1,button=jsx(IconButton,{accessibleWhenDisabled:isButtonDisabled&&!!tooltipContent||void 0,"aria-label":label,"data-target-id":getDataTargetId(IconButton,label),disabled:isButtonDisabled,icon,onClick:handleClickWrapper(()=>onClick(item)),size:`large`});return tooltipContent?jsx(Tooltip,{content:tooltipContent,children:button},key):jsx(React.Fragment,{children:button},key)}),actions?jsxs(DropdownMenu.Root,{onOpenChange,children:[jsx(DropdownMenu.Trigger,{children:viewMode===ViewMode.LIST?jsx(IconButton,{"aria-label":formatMessage(messages.actionMenu),"data-target-id":getDataTargetId(IconButton,`openActionMenu`),disabled:isDisabled,icon:Ellipsis,size:`large`}):jsx(GridList.ActionIconButton,{"aria-label":formatMessage(messages.actionMenu),"data-target-id":getDataTargetId(GridList.ActionIconButton,`openActionMenu`),disabled:isDisabled,icon:Ellipsis})}),jsxs(DropdownMenu.Content,{align:`start`,children:[actions.map(action=>jsx(ActionMenuItem,{item,...action},action.label)),subMenuActions&&subMenuTrigger&&jsxs(DropdownMenu.SubMenuRoot,{children:[jsxs(DropdownMenu.SubMenuTrigger,{"data-target-id":getDataTargetId(DropdownMenu.SubMenuTrigger,`openActionSubmenu`),children:[SubMenuIcon&&jsx(SubMenuIcon,{className:item_action_menu_module_default.actionItemIcon}),SubMenuLabel]}),jsx(DropdownMenu.SubMenuContent,{children:subMenuActions.map(action=>jsx(ActionMenuItem,{item,...action},action.label))})]})]})]}):null,viewMode===ViewMode.GRID&&inlineActions?.map(({onClick,label,icon,isDisabled:getIsDisabled})=>jsx(GridList.ActionIconButton,{"aria-label":label,"data-target-id":getDataTargetId(GridList.ActionIconButton,label),disabled:getIsDisabled?.(item)??!1,icon,onClick:()=>onClick(item)},`${item.id}-${label}`))]})}export{ItemActionMenu as t};

package/dist/chunks/metadata-grid.js

@@ -1,44 +1 @@
-import { r as e } from "./types.js";
-import { t } from "./item-action-menu.js";
-import { THUMBNAIL_GRID_VIEW_SIZES as n } from "../esm/lib/components/constants.js";
-import r from "../esm/lib/components/metadata-grid/messages.js";
-import { GridList as i } from "@box/blueprint-web";
-import { useIntl as a } from "react-intl";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { ItemTypeIcon as c } from "@box/item-icon";
-import '../styles/metadata-grid.css';var l = { itemThumbnail: "_itemThumbnail_93ess_1" }, u = 188, d = 250, f = 8, p = 5, m = (e) => u + d * (f - e) / p, h = ({ items: u, itemActionMenuProps: d, zoomLevel: f, areSelectionCheckboxesDisabled: p, ...h }) => {
-	let { formatMessage: g } = a();
-	return /* @__PURE__ */ o(i, {
-		"aria-label": g(r.gridView),
-		items: u,
-		style: { gridTemplateColumns: `repeat(auto-fit, minmax(${m(n[f])}px, 1fr))` },
-		...h,
-		children: (n) => {
-			let { name: r, createdAt: a } = n, u = "thumbnailURLs" in n ? n.thumbnailURLs?.large || n.thumbnailURLs?.medium || n.thumbnailURLs?.small : void 0;
-			return /* @__PURE__ */ s(i.Item, {
-				textValue: r,
-				children: [
-					/* @__PURE__ */ o(i.Thumbnail, {
-						className: l.itemThumbnail,
-						children: u ? /* @__PURE__ */ o("img", {
-							alt: r,
-							src: u
-						}) : /* @__PURE__ */ o(c, { item: n })
-					}),
-					/* @__PURE__ */ o(i.Header, { children: r }),
-					/* @__PURE__ */ o(i.Subtitle, { children: a }),
-					/* @__PURE__ */ o(i.Actions, {
-						isSelectionCheckboxDisabled: p,
-						children: d ? (r) => /* @__PURE__ */ o(t, {
-							...d,
-							item: n,
-							onOpenChange: r,
-							viewMode: e.GRID
-						}) : null
-					})
-				]
-			});
-		}
-	});
-};
-export { h as t };
+import{r as ViewMode}from"./types.js";import{t as ItemActionMenu}from"./item-action-menu.js";import{THUMBNAIL_GRID_VIEW_SIZES}from"../esm/lib/components/constants.js";import messages from"../esm/lib/components/metadata-grid/messages.js";import{GridList}from"@box/blueprint-web";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import{ItemTypeIcon}from"@box/item-icon";import '../styles/metadata-grid.css';var metadata_grid_module_default={itemThumbnail:`_itemThumbnail_93ess_1`},FLOOR_ITEM_WIDTH_PX=188,CEIL_ITEM_WIDTH_DELTA_PX=250,LEGACY_MAX_ITEMS_PER_ROW=8,LEGACY_ITEMSPER_ROW_RANGE=5,getGridItemMin=itemSizing=>FLOOR_ITEM_WIDTH_PX+CEIL_ITEM_WIDTH_DELTA_PX*(LEGACY_MAX_ITEMS_PER_ROW-itemSizing)/LEGACY_ITEMSPER_ROW_RANGE,MetadataGrid=({items,itemActionMenuProps,zoomLevel,areSelectionCheckboxesDisabled,...rest})=>{let{formatMessage}=useIntl();return jsx(GridList,{"aria-label":formatMessage(messages.gridView),items,style:{gridTemplateColumns:`repeat(auto-fit, minmax(${getGridItemMin(THUMBNAIL_GRID_VIEW_SIZES[zoomLevel])}px, 1fr))`},...rest,children:item=>{let{name,createdAt}=item,thumbnailUrl=`thumbnailURLs`in item?item.thumbnailURLs?.large||item.thumbnailURLs?.medium||item.thumbnailURLs?.small:void 0;return jsxs(GridList.Item,{textValue:name,children:[jsx(GridList.Thumbnail,{className:metadata_grid_module_default.itemThumbnail,children:thumbnailUrl?jsx(`img`,{alt:name,src:thumbnailUrl}):jsx(ItemTypeIcon,{item})}),jsx(GridList.Header,{children:name}),jsx(GridList.Subtitle,{children:createdAt}),jsx(GridList.Actions,{isSelectionCheckboxDisabled:areSelectionCheckboxesDisabled,children:itemActionMenuProps?onOpenChange=>jsx(ItemActionMenu,{...itemActionMenuProps,item,onOpenChange,viewMode:ViewMode.GRID}):null})]})}})};export{MetadataGrid as t};

package/dist/chunks/metadata-location-field.js

@@ -1,35 +1 @@
-import e from "../esm/lib/components/metadata-value/messages.js";
-import { useIntl as t } from "react-intl";
-import { useFormikContext as n } from "formik";
-import { jsx as r } from "react/jsx-runtime";
-import i from "lodash/noop";
-import { FolderShared as a } from "@box/blueprint-web-assets/icons/Content";
-import { ContentField as o } from "@box/content-field";
-import '../styles/metadata-location-field.css';var s = { metadataLocationFieldTrigger: "_metadataLocationFieldTrigger_1d3ch_1" }, c = ({ id: c, triggerSetValueCallback: l = i, renderer: u = (e) => e }) => {
-	let { formatMessage: d } = t(), { values: f, setFieldValue: p } = n(), m = f.metadata.fields[c].value.enum?.[0];
-	return u(/* @__PURE__ */ r("div", {
-		className: s.metadataLocationFieldTrigger,
-		children: /* @__PURE__ */ r(o, {
-			"data-target-id": `ContentField-filter_${c}`,
-			icon: m?.isFolderShared ? a : void 0,
-			onClear: () => {
-				p(`metadata.fields.${c}.value.enum`, []);
-			},
-			onClick: () => {
-				l((e, t, n = !1) => {
-					p(`metadata.fields.${c}.value.enum[0]`, {
-						folderId: e,
-						folderName: t,
-						isFolderShared: n
-					});
-				});
-			},
-			placeholder: d(e.selectFolderHint),
-			title: m?.folderName ? {
-				titleValue: m.folderName,
-				type: "constant"
-			} : void 0
-		})
-	}));
-};
-export { c as t };
+import messages from"../esm/lib/components/metadata-value/messages.js";import{useIntl}from"react-intl";import{useFormikContext}from"formik";import{jsx}from"react/jsx-runtime";import noop from"lodash/noop";import{FolderShared}from"@box/blueprint-web-assets/icons/Content";import{ContentField}from"@box/content-field";import '../styles/metadata-location-field.css';var metadata_location_field_module_default={metadataLocationFieldTrigger:`_metadataLocationFieldTrigger_1d3ch_1`},MetadataLocationField=({id,triggerSetValueCallback=noop,renderer=component=>component})=>{let{formatMessage}=useIntl(),{values,setFieldValue}=useFormikContext(),fieldValue=values.metadata.fields[id].value.enum?.[0];return renderer(jsx(`div`,{className:metadata_location_field_module_default.metadataLocationFieldTrigger,children:jsx(ContentField,{"data-target-id":`ContentField-filter_${id}`,icon:fieldValue?.isFolderShared?FolderShared:void 0,onClear:()=>{setFieldValue(`metadata.fields.${id}.value.enum`,[])},onClick:()=>{triggerSetValueCallback((folderId,folderName,isFolderShared=!1)=>{setFieldValue(`metadata.fields.${id}.value.enum[0]`,{folderId,folderName,isFolderShared})})},placeholder:formatMessage(messages.selectFolderHint),title:fieldValue?.folderName?{titleValue:fieldValue.folderName,type:`constant`}:void 0})}))};export{MetadataLocationField as t};

package/dist/chunks/metadata-view.js

@@ -1,104 +1 @@
-import { r as e, t } from "./types.js";
-import { t as n } from "./action-bar.js";
-import { t as r } from "./metadata-grid.js";
-import { MetadataTable as i } from "../esm/lib/components/metadata-table/metadata-table.js";
-import { Pagination as a } from "../esm/lib/components/pagination/pagination.js";
-import { Case as o, SwitchCase as s } from "../esm/lib/components/switch-case/switch-case.js";
-import { t as c } from "./header.js";
-import { t as l } from "./empty-state.js";
-import { t as u } from "./error-state.js";
-import { useHeader as d } from "../esm/lib/hooks/use-header.js";
-import { TooltipProvider as f } from "@box/blueprint-web";
-import { useCallback as p, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import '../styles/metadata-view.css';var y = {
-	container: "_container_1o9go_5",
-	contentContainer: "_contentContainer_1o9go_15"
-};
-function b({ actionBarProps: b, columns: x, dataTargetPrefix: S, tableProps: C, hasError: w, headerProps: T, onRefresh: E, onSelectionChange: D, onViewModeChange: O, selectedKeys: k, initialViewMode: A = e.LIST, paginationProps: j, isLoading: M, isSelectAllEnabled: N = !0, isSelectionEnabled: P, areSelectionCheckboxesDisabled: F, ...I }) {
-	let [L, R] = h(A), [z, B] = h(void 0), [V, H] = h(0), U = m(null), { headerSelectionProps: W, handleSelectionChange: G, selectionResetKey: K } = d({
-		headerProps: T,
-		items: I.items,
-		selectedKeys: k,
-		isSelectionEnabled: P,
-		onSelectionChange: D
-	}), q = () => {
-		R((t) => {
-			let n = t === e.LIST ? e.GRID : e.LIST;
-			return O?.(n), n;
-		});
-	}, J = !M && I.items.length === 0, Y = b && b.sortDropdownProps && x.filter((e) => e.type !== "multiSelect" && e.type !== "enum" && e.allowsSorting === !0), { iconColumnVariant: X } = C || {}, Z = X && X === t.COLUMN, Q = C?.onSortChange, $ = p(({ column: e, direction: t }) => {
-		B({
-			column: e,
-			direction: t
-		}), Q?.({
-			column: e,
-			direction: t
-		});
-	}, [Q]), ee = {
-		...C,
-		sortDescriptor: z,
-		onSortChange: $
-	};
-	return /* @__PURE__ */ _(f, { children: /* @__PURE__ */ _("div", {
-		ref: U,
-		className: y.container,
-		children: w ? /* @__PURE__ */ _(u, { onRefresh: E }) : /* @__PURE__ */ v(g, { children: [
-			T && /* @__PURE__ */ _(c, {
-				...T,
-				...W
-			}),
-			/* @__PURE__ */ _(n, {
-				...b,
-				containerRef: U,
-				dataTargetPrefix: S,
-				isIconColumnEnabled: Z,
-				onSortDescriptorChange: B,
-				onViewModeClick: q,
-				onZoomLevelChange: H,
-				sortableColumns: Y,
-				sortDescriptor: z,
-				viewMode: L,
-				zoomLevel: V
-			}),
-			/* @__PURE__ */ _("div", {
-				className: y.contentContainer,
-				children: /* @__PURE__ */ v(s, { children: [
-					/* @__PURE__ */ _(o, {
-						condition: J,
-						children: /* @__PURE__ */ _(l, {})
-					}),
-					/* @__PURE__ */ _(o, {
-						condition: L === e.LIST,
-						children: /* @__PURE__ */ _(i, {
-							areSelectionCheckboxesDisabled: F,
-							columns: x,
-							isLoading: M,
-							isSelectAllEnabled: N,
-							onSelectionChange: G,
-							selectedKeys: k,
-							selectionMode: P ? "multiple" : "none",
-							zoomLevel: V,
-							...I,
-							...ee,
-							dataTargetPrefix: S
-						}, K)
-					}),
-					/* @__PURE__ */ _(o, {
-						condition: L === e.GRID,
-						children: /* @__PURE__ */ _(r, {
-							areSelectionCheckboxesDisabled: F,
-							onSelectionChange: G,
-							selectedKeys: k,
-							selectionMode: P ? "multiple" : "none",
-							zoomLevel: V,
-							...I
-						}, K)
-					})
-				] })
-			}),
-			j && /* @__PURE__ */ _(a, { ...j })
-		] })
-	}) });
-}
-export { b as t };
+import{r as ViewMode,t as IconColumnVariant}from"./types.js";import{t as ActionBar}from"./action-bar.js";import{t as MetadataGrid}from"./metadata-grid.js";import{MetadataTable}from"../esm/lib/components/metadata-table/metadata-table.js";import{Pagination}from"../esm/lib/components/pagination/pagination.js";import{Case,SwitchCase}from"../esm/lib/components/switch-case/switch-case.js";import{t as Header}from"./header.js";import{t as EmptyStateComponent}from"./empty-state.js";import{t as ErrorState}from"./error-state.js";import{useHeader}from"../esm/lib/hooks/use-header.js";import{TooltipProvider}from"@box/blueprint-web";import{useCallback,useRef,useState}from"react";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import '../styles/metadata-view.css';var metadata_view_module_default={container:`_container_1o9go_5`,contentContainer:`_contentContainer_1o9go_15`};function MetadataView({actionBarProps,columns,dataTargetPrefix,tableProps,hasError,headerProps,onRefresh,onSelectionChange,onViewModeChange,selectedKeys,initialViewMode=ViewMode.LIST,paginationProps,isLoading,isSelectAllEnabled=!0,isSelectionEnabled,areSelectionCheckboxesDisabled,...rest}){let[viewMode,setViewMode]=useState(initialViewMode),[sortDescriptor,setSortDescriptor]=useState(void 0),[zoomLevel,setZoomLevel]=useState(0),containerRef=useRef(null),{headerSelectionProps,handleSelectionChange,selectionResetKey}=useHeader({headerProps,items:rest.items,selectedKeys,isSelectionEnabled,onSelectionChange}),handleViewModeChange=()=>{setViewMode(currentMode=>{let nextViewMode=currentMode===ViewMode.LIST?ViewMode.GRID:ViewMode.LIST;return onViewModeChange?.(nextViewMode),nextViewMode})},isMetadataTableEmpty=!isLoading&&rest.items.length===0,sortableColumns=actionBarProps&&actionBarProps.sortDropdownProps&&columns.filter(column=>column.type!==`multiSelect`&&column.type!==`enum`&&column.allowsSorting===!0),{iconColumnVariant}=tableProps||{},isIconColumnEnabled=iconColumnVariant&&iconColumnVariant===IconColumnVariant.COLUMN,externalOnSortChange=tableProps?.onSortChange,handleSortChange=useCallback(({column,direction})=>{setSortDescriptor({column,direction}),externalOnSortChange?.({column,direction})},[externalOnSortChange]),mergedTableProps={...tableProps,sortDescriptor,onSortChange:handleSortChange};return jsx(TooltipProvider,{children:jsx(`div`,{ref:containerRef,className:metadata_view_module_default.container,children:hasError?jsx(ErrorState,{onRefresh}):jsxs(Fragment,{children:[headerProps&&jsx(Header,{...headerProps,...headerSelectionProps}),jsx(ActionBar,{...actionBarProps,containerRef,dataTargetPrefix,isIconColumnEnabled,onSortDescriptorChange:setSortDescriptor,onViewModeClick:handleViewModeChange,onZoomLevelChange:setZoomLevel,sortableColumns,sortDescriptor,viewMode,zoomLevel}),jsx(`div`,{className:metadata_view_module_default.contentContainer,children:jsxs(SwitchCase,{children:[jsx(Case,{condition:isMetadataTableEmpty,children:jsx(EmptyStateComponent,{})}),jsx(Case,{condition:viewMode===ViewMode.LIST,children:jsx(MetadataTable,{areSelectionCheckboxesDisabled,columns,isLoading,isSelectAllEnabled,onSelectionChange:handleSelectionChange,selectedKeys,selectionMode:isSelectionEnabled?`multiple`:`none`,zoomLevel,...rest,...mergedTableProps,dataTargetPrefix},selectionResetKey)}),jsx(Case,{condition:viewMode===ViewMode.GRID,children:jsx(MetadataGrid,{areSelectionCheckboxesDisabled,onSelectionChange:handleSelectionChange,selectedKeys,selectionMode:isSelectionEnabled?`multiple`:`none`,zoomLevel,...rest},selectionResetKey)})]})}),paginationProps&&jsx(Pagination,{...paginationProps})]})})})}export{MetadataView as t};

package/dist/chunks/pagination-controls.js

@@ -1,40 +1 @@
-import e from "../esm/lib/components/pagination/messages.js";
-import { Button as t } from "@box/blueprint-web";
-import { FormattedMessage as n, useIntl as r } from "react-intl";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import '../styles/pagination-controls.css';var o = {
-	pagination: "_pagination_1ozaq_1",
-	paginationButtonContainer: "_paginationButtonContainer_1ozaq_9"
-}, s = ({ handleNextClick: s, handlePreviousClick: c, hasNextPage: l, hasPageEntryStatus: u, hasPreviousPage: d, offset: f = 0, pageSize: p = 0, totalCount: m = 0 }) => {
-	let { formatMessage: h } = r(), g = f + 1, _ = Math.min(f + p, m);
-	return /* @__PURE__ */ a("div", {
-		"aria-label": h(e.paginationAriaLabel),
-		"aria-live": "polite",
-		className: o.pagination,
-		children: [u && /* @__PURE__ */ i("div", {
-			className: o.paginationText,
-			children: /* @__PURE__ */ i(n, {
-				...e.pageEntryStatus,
-				values: {
-					startEntryIndex: g,
-					endEntryIndex: _,
-					totalCount: m
-				}
-			})
-		}), /* @__PURE__ */ a("div", {
-			className: o.paginationButtonContainer,
-			children: [/* @__PURE__ */ i(t, {
-				disabled: !d,
-				onClick: c,
-				variant: "secondary",
-				children: h(e.previousPageButton)
-			}), /* @__PURE__ */ i(t, {
-				disabled: !l,
-				onClick: s,
-				variant: "secondary",
-				children: h(e.nextPageButton)
-			})]
-		})]
-	});
-};
-export { s as t };
+import messages from"../esm/lib/components/pagination/messages.js";import{Button}from"@box/blueprint-web";import{FormattedMessage,useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";import '../styles/pagination-controls.css';var pagination_controls_module_default={pagination:`_pagination_1ozaq_1`,paginationButtonContainer:`_paginationButtonContainer_1ozaq_9`},PaginationControls=({handleNextClick,handlePreviousClick,hasNextPage,hasPageEntryStatus,hasPreviousPage,offset=0,pageSize=0,totalCount=0})=>{let{formatMessage}=useIntl(),startEntryIndex=offset+1,endEntryIndex=Math.min(offset+pageSize,totalCount);return jsxs(`div`,{"aria-label":formatMessage(messages.paginationAriaLabel),"aria-live":`polite`,className:pagination_controls_module_default.pagination,children:[hasPageEntryStatus&&jsx(`div`,{className:pagination_controls_module_default.paginationText,children:jsx(FormattedMessage,{...messages.pageEntryStatus,values:{startEntryIndex,endEntryIndex,totalCount}})}),jsxs(`div`,{className:pagination_controls_module_default.paginationButtonContainer,children:[jsx(Button,{disabled:!hasPreviousPage,onClick:handlePreviousClick,variant:`secondary`,children:formatMessage(messages.previousPageButton)}),jsx(Button,{disabled:!hasNextPage,onClick:handleNextClick,variant:`secondary`,children:formatMessage(messages.nextPageButton)})]})]})};export{PaginationControls as t};