@box/metadata-view 2.2.37 → 2.2.39
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/action-bar.js +1 -52
- package/dist/chunks/empty-state.js +1 -24
- package/dist/chunks/error-state.js +1 -23
- package/dist/chunks/filter-row.module.js +1 -7
- package/dist/chunks/filter-side-panel.js +1 -65
- package/dist/chunks/header.js +1 -62
- package/dist/chunks/inline-editing-cell.js +1 -34
- package/dist/chunks/item-action-menu.js +1 -86
- package/dist/chunks/metadata-grid.js +1 -44
- package/dist/chunks/metadata-location-field.js +1 -35
- package/dist/chunks/metadata-view.js +1 -104
- package/dist/chunks/pagination-controls.js +1 -40
- package/dist/chunks/table-row.js +1 -71
- package/dist/chunks/types.js +1 -6
- package/dist/chunks/types2.js +1 -4
- package/dist/chunks/zoom-button.js +1 -20
- package/dist/esm/index.js +1 -29
- package/dist/esm/lib/components/action-bar/action-bar.js +1 -2
- package/dist/esm/lib/components/action-bar/index.js +1 -2
- package/dist/esm/lib/components/action-bar/messages.js +1 -24
- package/dist/esm/lib/components/action-bar/zoom-button.js +1 -2
- package/dist/esm/lib/components/constants.js +1 -14
- package/dist/esm/lib/components/empty-state/empty-state.js +1 -2
- package/dist/esm/lib/components/empty-state/index.js +1 -2
- package/dist/esm/lib/components/empty-state/messages.js +1 -12
- package/dist/esm/lib/components/error-state/error-state.js +1 -2
- package/dist/esm/lib/components/error-state/index.js +1 -2
- package/dist/esm/lib/components/error-state/messages.js +1 -12
- package/dist/esm/lib/components/filter-row/advanced-field-content.js +1 -39
- package/dist/esm/lib/components/filter-row/advanced-filter-context.js +1 -3
- package/dist/esm/lib/components/filter-row/all-filters-chip.js +1 -34
- package/dist/esm/lib/components/filter-row/custom-trigger-chip.js +1 -40
- package/dist/esm/lib/components/filter-row/filter-chip-popover-context.js +1 -3
- package/dist/esm/lib/components/filter-row/filter-row.js +1 -46
- package/dist/esm/lib/components/filter-row/form-filter-chip.js +1 -99
- package/dist/esm/lib/components/filter-row/format-advanced-filter-label.js +1 -163
- package/dist/esm/lib/components/filter-row/index.js +1 -6
- package/dist/esm/lib/components/filter-row/initial-field-values.js +1 -51
- package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js +1 -3
- package/dist/esm/lib/components/filter-row/is-filter-selected.js +1 -40
- package/dist/esm/lib/components/filter-row/messages.js +1 -112
- package/dist/esm/lib/components/filter-row/metadata-filter-chip.js +1 -87
- package/dist/esm/lib/components/filter-row/predefinedFilters/index.js +1 -2
- package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js +1 -15
- package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js +1 -63
- package/dist/esm/lib/components/filter-row/select-filter-chip.js +1 -42
- package/dist/esm/lib/components/filter-row/use-form-filter-chip.js +1 -40
- package/dist/esm/lib/components/filter-row/use-nested-overlay-popover-open-change.js +1 -30
- package/dist/esm/lib/components/filter-sidepanel/filter-side-panel.js +1 -2
- package/dist/esm/lib/components/filter-sidepanel/filter.js +1 -96
- package/dist/esm/lib/components/filter-sidepanel/index.js +1 -3
- package/dist/esm/lib/components/filter-sidepanel/messages.js +1 -20
- package/dist/esm/lib/components/header/header.js +1 -2
- package/dist/esm/lib/components/header/index.js +1 -2
- package/dist/esm/lib/components/header/messages.js +1 -16
- package/dist/esm/lib/components/index.js +1 -26
- package/dist/esm/lib/components/item-action-menu/identifier.js +1 -5
- package/dist/esm/lib/components/item-action-menu/index.js +1 -2
- package/dist/esm/lib/components/item-action-menu/item-action-menu.js +1 -2
- package/dist/esm/lib/components/item-action-menu/messages.js +1 -6
- package/dist/esm/lib/components/metadata-grid/index.js +1 -2
- package/dist/esm/lib/components/metadata-grid/messages.js +1 -6
- package/dist/esm/lib/components/metadata-grid/metadata-grid.js +1 -2
- package/dist/esm/lib/components/metadata-table/actionColumn.js +1 -4
- package/dist/esm/lib/components/metadata-table/hooks/useInfiniteScrollTableItems.js +1 -52
- package/dist/esm/lib/components/metadata-table/index.js +1 -4
- package/dist/esm/lib/components/metadata-table/messages.js +1 -16
- package/dist/esm/lib/components/metadata-table/metadata-table.js +1 -94
- package/dist/esm/lib/components/metadata-table/table-body/action-cell-content.js +1 -13
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-body.js +1 -11
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js +1 -9
- package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/index.js +1 -2
- package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/index.js +1 -2
- package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js +1 -2
- package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +1 -133
- package/dist/esm/lib/components/metadata-table/table-body/table-row/index.js +1 -2
- package/dist/esm/lib/components/metadata-table/table-body/table-row/table-row.js +1 -2
- package/dist/esm/lib/components/metadata-table/table-renderer.js +1 -37
- package/dist/esm/lib/components/metadata-value/index.js +1 -6
- package/dist/esm/lib/components/metadata-value/messages.js +1 -16
- package/dist/esm/lib/components/metadata-value/metadata-checkbox-field.js +1 -25
- package/dist/esm/lib/components/metadata-value/metadata-file-chip.js +1 -15
- package/dist/esm/lib/components/metadata-value/metadata-file-field.js +1 -13
- package/dist/esm/lib/components/metadata-value/metadata-location-field.js +1 -2
- package/dist/esm/lib/components/metadata-value/metadata-radio-field.js +1 -27
- package/dist/esm/lib/components/metadata-value/metadata-search-field.js +1 -20
- package/dist/esm/lib/components/pagination/index.js +1 -5
- package/dist/esm/lib/components/pagination/marker-based-pagination.js +1 -13
- package/dist/esm/lib/components/pagination/messages.js +1 -20
- package/dist/esm/lib/components/pagination/offset-based-pagination.js +1 -23
- package/dist/esm/lib/components/pagination/pagination-controls.js +1 -2
- package/dist/esm/lib/components/pagination/pagination.js +1 -21
- package/dist/esm/lib/components/pagination/utils.js +1 -5
- package/dist/esm/lib/components/sort-dropdown/index.js +1 -2
- package/dist/esm/lib/components/sort-dropdown/sort-dropdown.js +1 -39
- package/dist/esm/lib/components/switch-case/index.js +1 -2
- package/dist/esm/lib/components/switch-case/switch-case.js +1 -6
- package/dist/esm/lib/hooks/use-header.js +1 -45
- package/dist/esm/lib/index.js +1 -28
- package/dist/esm/lib/metadata-view.js +1 -2
- package/package.json +17 -17
|
@@ -1,40 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { formatAdvancedFilterLabel as t } from "./format-advanced-filter-label.js";
|
|
3
|
-
import { useCallback as n, useMemo as r, useState as i } from "react";
|
|
4
|
-
import { useIntl as a } from "react-intl";
|
|
5
|
-
var o = ({ name: o, initialAdvancedFilterOption: s, filterValue: c }) => {
|
|
6
|
-
let { formatDate: l, formatMessage: u } = a(), [d, f] = i(s), [p, m] = i(s), h = n((e) => {
|
|
7
|
-
f(e);
|
|
8
|
-
}, []), g = n(() => {
|
|
9
|
-
m(d);
|
|
10
|
-
}, [d]), _ = n(() => {
|
|
11
|
-
f(p);
|
|
12
|
-
}, [p]), v = n(() => {
|
|
13
|
-
f(void 0), m(void 0);
|
|
14
|
-
}, []);
|
|
15
|
-
return {
|
|
16
|
-
currentAdvancedFilterOption: d,
|
|
17
|
-
appliedAdvancedFilterOption: p,
|
|
18
|
-
dynamicDisplayName: r(() => {
|
|
19
|
-
let n = c ? e(c) : void 0;
|
|
20
|
-
return t({
|
|
21
|
-
name: o,
|
|
22
|
-
advancedFilterOption: p ?? n,
|
|
23
|
-
filterValue: c,
|
|
24
|
-
formatDate: l,
|
|
25
|
-
formatMessage: u
|
|
26
|
-
});
|
|
27
|
-
}, [
|
|
28
|
-
o,
|
|
29
|
-
p,
|
|
30
|
-
c,
|
|
31
|
-
l,
|
|
32
|
-
u
|
|
33
|
-
]),
|
|
34
|
-
handleAdvancedFilterOptionChange: h,
|
|
35
|
-
handleApply: g,
|
|
36
|
-
handleCancel: _,
|
|
37
|
-
handleClear: v
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
export { o as useFormFilterChip };
|
|
1
|
+
import{extractAdvancedFilterOption}from"./is-filter-selected.js";import{formatAdvancedFilterLabel}from"./format-advanced-filter-label.js";import{useCallback,useMemo,useState}from"react";import{useIntl}from"react-intl";var useFormFilterChip=({name,initialAdvancedFilterOption,filterValue})=>{let{formatDate,formatMessage}=useIntl(),[currentAdvancedFilterOption,setCurrentAdvancedFilterOption]=useState(initialAdvancedFilterOption),[appliedAdvancedFilterOption,setAppliedAdvancedFilterOption]=useState(initialAdvancedFilterOption),handleAdvancedFilterOptionChange=useCallback(option=>{setCurrentAdvancedFilterOption(option)},[]),handleApply=useCallback(()=>{setAppliedAdvancedFilterOption(currentAdvancedFilterOption)},[currentAdvancedFilterOption]),handleCancel=useCallback(()=>{setCurrentAdvancedFilterOption(appliedAdvancedFilterOption)},[appliedAdvancedFilterOption]),handleClear=useCallback(()=>{setCurrentAdvancedFilterOption(void 0),setAppliedAdvancedFilterOption(void 0)},[]);return{currentAdvancedFilterOption,appliedAdvancedFilterOption,dynamicDisplayName:useMemo(()=>{let filterValueOption=filterValue?extractAdvancedFilterOption(filterValue):void 0;return formatAdvancedFilterLabel({name,advancedFilterOption:appliedAdvancedFilterOption??filterValueOption,filterValue,formatDate,formatMessage})},[name,appliedAdvancedFilterOption,filterValue,formatDate,formatMessage]),handleAdvancedFilterOptionChange,handleApply,handleCancel,handleClear}};export{useFormFilterChip};
|
|
@@ -1,30 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var i = ({ onOpenChange: i, popoverOpen: a }) => {
|
|
3
|
-
let o = n(null), s = n(!1), [c, l] = r(null);
|
|
4
|
-
return t(() => {
|
|
5
|
-
if (!a) return;
|
|
6
|
-
let e = () => {
|
|
7
|
-
let e = o.current;
|
|
8
|
-
return e ? !!(e.querySelector("[role=\"combobox\"][aria-expanded=\"true\"]") ?? e.querySelector("[aria-haspopup=\"tree\"][aria-expanded=\"true\"]")) : !1;
|
|
9
|
-
}, t = (t) => {
|
|
10
|
-
if (t.key !== "Escape") return;
|
|
11
|
-
let n = o.current;
|
|
12
|
-
!n || !(t.target instanceof Node) || !n.contains(t.target) || (s.current = e());
|
|
13
|
-
}, n = (t) => {
|
|
14
|
-
let n = o.current;
|
|
15
|
-
n && t.target instanceof Node && n.contains(t.target) || (s.current = e());
|
|
16
|
-
};
|
|
17
|
-
return document.addEventListener("keydown", t, !0), document.addEventListener("pointerdown", n, !0), () => {
|
|
18
|
-
document.removeEventListener("keydown", t, !0), document.removeEventListener("pointerdown", n, !0);
|
|
19
|
-
};
|
|
20
|
-
}, [a]), {
|
|
21
|
-
handlePopoverOpenChange: e((e) => {
|
|
22
|
-
e ? i(!0) : s.current ? s.current = !1 : i(!1);
|
|
23
|
-
}, [i]),
|
|
24
|
-
portalElement: c,
|
|
25
|
-
setPopoverContentRef: e((e) => {
|
|
26
|
-
o.current = e, l(e);
|
|
27
|
-
}, [])
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
export { i as useNestedOverlayPopoverOpenChange };
|
|
1
|
+
import{useCallback,useEffect,useRef,useState}from"react";var useNestedOverlayPopoverOpenChange=({onOpenChange,popoverOpen})=>{let popoverContentRef=useRef(null),nestedOverlayWasOpenRef=useRef(!1),[portalElement,setPortalElement]=useState(null);return useEffect(()=>{if(!popoverOpen)return;let hasNestedOverlay=()=>{let scope=popoverContentRef.current;return scope?!!(scope.querySelector(`[role="combobox"][aria-expanded="true"]`)??scope.querySelector(`[aria-haspopup="tree"][aria-expanded="true"]`)):!1},onCapturingKeyDown=event=>{if(event.key!==`Escape`)return;let scope=popoverContentRef.current;!scope||!(event.target instanceof Node)||!scope.contains(event.target)||(nestedOverlayWasOpenRef.current=hasNestedOverlay())},onCapturingPointerDown=event=>{let scope=popoverContentRef.current;scope&&event.target instanceof Node&&scope.contains(event.target)||(nestedOverlayWasOpenRef.current=hasNestedOverlay())};return document.addEventListener(`keydown`,onCapturingKeyDown,!0),document.addEventListener(`pointerdown`,onCapturingPointerDown,!0),()=>{document.removeEventListener(`keydown`,onCapturingKeyDown,!0),document.removeEventListener(`pointerdown`,onCapturingPointerDown,!0)}},[popoverOpen]),{handlePopoverOpenChange:useCallback(open=>{open?onOpenChange(!0):nestedOverlayWasOpenRef.current?nestedOverlayWasOpenRef.current=!1:onOpenChange(!1)},[onOpenChange]),portalElement,setPopoverContentRef:useCallback(node=>{popoverContentRef.current=node,setPortalElement(node)},[])}};export{useNestedOverlayPopoverOpenChange};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as FilterSidePanel };
|
|
1
|
+
import{t as FilterSidePanel}from"../../../../chunks/filter-side-panel.js";export{FilterSidePanel};
|
|
@@ -1,96 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t } from "../../../../chunks/metadata-location-field.js";
|
|
3
|
-
import { MetadataRadioField as n } from "../metadata-value/metadata-radio-field.js";
|
|
4
|
-
import { MetadataCheckboxField as r } from "../metadata-value/metadata-checkbox-field.js";
|
|
5
|
-
import { MetadataSearchField as i } from "../metadata-value/metadata-search-field.js";
|
|
6
|
-
import { useIntl as a } from "react-intl";
|
|
7
|
-
import { MetadataDateField as o, MetadataEnumField as s, MetadataFloatField as c, MetadataMultiSelectField as l, MetadataStringField as u } from "@box/metadata-filter";
|
|
8
|
-
import { jsx as d } from "react/jsx-runtime";
|
|
9
|
-
var f = (e) => `metadata.fields.${e}`, p = ({ id: e, name: t, placeholder: n, variant: r }) => {
|
|
10
|
-
switch (r) {
|
|
11
|
-
case "search": return /* @__PURE__ */ d(i, {
|
|
12
|
-
id: e,
|
|
13
|
-
name: t,
|
|
14
|
-
placeholder: n
|
|
15
|
-
});
|
|
16
|
-
default: return /* @__PURE__ */ d(u, {
|
|
17
|
-
fieldNamePrefix: f(e),
|
|
18
|
-
label: t || "",
|
|
19
|
-
placeholder: n
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
}, m = ({ id: t, name: n, variant: i, parentRef: a }) => {
|
|
23
|
-
switch (i) {
|
|
24
|
-
case "file": return /* @__PURE__ */ d(e, { id: t });
|
|
25
|
-
case "checkbox": return /* @__PURE__ */ d(r, {
|
|
26
|
-
id: t,
|
|
27
|
-
name: n
|
|
28
|
-
});
|
|
29
|
-
default: return /* @__PURE__ */ d(l, {
|
|
30
|
-
fieldNamePrefix: f(t),
|
|
31
|
-
label: n || "",
|
|
32
|
-
portalElement: a
|
|
33
|
-
});
|
|
34
|
-
}
|
|
35
|
-
}, h = ({ id: e, name: r, parentRef: i, variant: o, renderer: c, triggerCallback: l, placeholder: u }) => {
|
|
36
|
-
let { locale: p } = a();
|
|
37
|
-
switch (o) {
|
|
38
|
-
case "file": return /* @__PURE__ */ d(t, {
|
|
39
|
-
id: e,
|
|
40
|
-
renderer: c,
|
|
41
|
-
triggerSetValueCallback: l
|
|
42
|
-
});
|
|
43
|
-
case "radio": return /* @__PURE__ */ d(n, {
|
|
44
|
-
id: e,
|
|
45
|
-
name: r,
|
|
46
|
-
placeholder: u
|
|
47
|
-
});
|
|
48
|
-
default: return /* @__PURE__ */ d(s, {
|
|
49
|
-
fieldNamePrefix: f(e),
|
|
50
|
-
label: r || "",
|
|
51
|
-
locale: p,
|
|
52
|
-
placeholder: u,
|
|
53
|
-
portalElement: i
|
|
54
|
-
});
|
|
55
|
-
}
|
|
56
|
-
}, g = ({ id: e, name: t }) => /* @__PURE__ */ d(c, {
|
|
57
|
-
fieldNamePrefix: f(e),
|
|
58
|
-
label: t || ""
|
|
59
|
-
}), _ = ({ customLabels: e, canUseRelativeDates: t, customDateFilterOptions: n, id: r, name: i }) => {
|
|
60
|
-
let { locale: s } = a();
|
|
61
|
-
return /* @__PURE__ */ d(o, {
|
|
62
|
-
canUseRelativeDates: t,
|
|
63
|
-
customDateFilterOptions: n,
|
|
64
|
-
customFieldLabels: e,
|
|
65
|
-
direction: "vertical",
|
|
66
|
-
fieldNamePrefix: f(r),
|
|
67
|
-
label: i || "",
|
|
68
|
-
locale: s
|
|
69
|
-
});
|
|
70
|
-
}, v = ({ ...e }) => {
|
|
71
|
-
let t = e.shouldRenderNameInSidePanel === !1 ? "" : e.name;
|
|
72
|
-
switch (e.fieldType) {
|
|
73
|
-
case "string": return /* @__PURE__ */ d(p, {
|
|
74
|
-
...e,
|
|
75
|
-
name: t
|
|
76
|
-
});
|
|
77
|
-
case "float": return /* @__PURE__ */ d(g, {
|
|
78
|
-
...e,
|
|
79
|
-
name: t
|
|
80
|
-
});
|
|
81
|
-
case "date": return /* @__PURE__ */ d(_, {
|
|
82
|
-
...e,
|
|
83
|
-
name: t
|
|
84
|
-
});
|
|
85
|
-
case "multiSelect": return /* @__PURE__ */ d(m, {
|
|
86
|
-
...e,
|
|
87
|
-
name: t
|
|
88
|
-
});
|
|
89
|
-
case "enum": return /* @__PURE__ */ d(h, {
|
|
90
|
-
...e,
|
|
91
|
-
name: t
|
|
92
|
-
});
|
|
93
|
-
default: return null;
|
|
94
|
-
}
|
|
95
|
-
};
|
|
96
|
-
export { v as Filter };
|
|
1
|
+
import{MetadataFileField}from"../metadata-value/metadata-file-field.js";import{t as MetadataLocationField}from"../../../../chunks/metadata-location-field.js";import{MetadataRadioField}from"../metadata-value/metadata-radio-field.js";import{MetadataCheckboxField}from"../metadata-value/metadata-checkbox-field.js";import{MetadataSearchField}from"../metadata-value/metadata-search-field.js";import{useIntl}from"react-intl";import{MetadataDateField,MetadataEnumField,MetadataFloatField,MetadataMultiSelectField,MetadataStringField}from"@box/metadata-filter";import{jsx}from"react/jsx-runtime";var getFilePrefix=id=>`metadata.fields.${id}`,StringFilter=({id,name,placeholder,variant})=>{switch(variant){case`search`:return jsx(MetadataSearchField,{id,name,placeholder});default:return jsx(MetadataStringField,{fieldNamePrefix:getFilePrefix(id),label:name||``,placeholder})}},MultiSelectFilter=({id,name,variant,parentRef})=>{switch(variant){case`file`:return jsx(MetadataFileField,{id});case`checkbox`:return jsx(MetadataCheckboxField,{id,name});default:return jsx(MetadataMultiSelectField,{fieldNamePrefix:getFilePrefix(id),label:name||``,portalElement:parentRef})}},EnumFilter=({id,name,parentRef,variant,renderer,triggerCallback,placeholder})=>{let{locale}=useIntl();switch(variant){case`file`:return jsx(MetadataLocationField,{id,renderer,triggerSetValueCallback:triggerCallback});case`radio`:return jsx(MetadataRadioField,{id,name,placeholder});default:return jsx(MetadataEnumField,{fieldNamePrefix:getFilePrefix(id),label:name||``,locale,placeholder,portalElement:parentRef})}},FloatFilter=({id,name})=>jsx(MetadataFloatField,{fieldNamePrefix:getFilePrefix(id),label:name||``}),DateFilter=({customLabels,canUseRelativeDates,customDateFilterOptions,id,name})=>{let{locale}=useIntl();return jsx(MetadataDateField,{canUseRelativeDates,customDateFilterOptions,customFieldLabels:customLabels,direction:`vertical`,fieldNamePrefix:getFilePrefix(id),label:name||``,locale})},Filter=({...props})=>{let name=props.shouldRenderNameInSidePanel===!1?``:props.name;switch(props.fieldType){case`string`:return jsx(StringFilter,{...props,name});case`float`:return jsx(FloatFilter,{...props,name});case`date`:return jsx(DateFilter,{...props,name});case`multiSelect`:return jsx(MultiSelectFilter,{...props,name});case`enum`:return jsx(EnumFilter,{...props,name});default:return null}};export{Filter};
|
|
@@ -1,3 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { t } from "../../../../chunks/filter-side-panel.js";
|
|
3
|
-
export { e as Filter, t as FilterSidePanel };
|
|
1
|
+
import{Filter}from"./filter.js";import{t as FilterSidePanel}from"../../../../chunks/filter-side-panel.js";export{Filter,FilterSidePanel};
|
|
@@ -1,20 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
filtersHeader: {
|
|
4
|
-
id: "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader",
|
|
5
|
-
defaultMessage: "Filters"
|
|
6
|
-
},
|
|
7
|
-
clearAllButton: {
|
|
8
|
-
id: "groupSharedFeatures.metadataView.filterSidepanel.clearAllButton",
|
|
9
|
-
defaultMessage: "Clear All"
|
|
10
|
-
},
|
|
11
|
-
showResultsButton: {
|
|
12
|
-
id: "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton",
|
|
13
|
-
defaultMessage: "Search"
|
|
14
|
-
},
|
|
15
|
-
closeAriaLabel: {
|
|
16
|
-
id: "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel",
|
|
17
|
-
defaultMessage: "Close"
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({filtersHeader:{id:`groupSharedFeatures.metadataView.filterSidepanel.filtersHeader`,defaultMessage:`Filters`},clearAllButton:{id:`groupSharedFeatures.metadataView.filterSidepanel.clearAllButton`,defaultMessage:`Clear All`},showResultsButton:{id:`groupSharedFeatures.metadataView.filterSidepanel.showResultsButton`,defaultMessage:`Search`},closeAriaLabel:{id:`groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel`,defaultMessage:`Close`}});export{messages as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as Header };
|
|
1
|
+
import{t as Header}from"../../../../chunks/header.js";export{Header};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as Header };
|
|
1
|
+
import{t as Header}from"../../../../chunks/header.js";export{Header};
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
clearSelectionAriaLabel: {
|
|
4
|
-
id: "groupSharedFeatures.metadataView.header.clearSelectionAriaLabel",
|
|
5
|
-
defaultMessage: "Clear selection"
|
|
6
|
-
},
|
|
7
|
-
itemsSelected: {
|
|
8
|
-
id: "groupSharedFeatures.metadataView.header.itemsSelected",
|
|
9
|
-
defaultMessage: "{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}"
|
|
10
|
-
},
|
|
11
|
-
singleItemSelected: {
|
|
12
|
-
id: "groupSharedFeatures.metadataView.header.singleItemSelected",
|
|
13
|
-
defaultMessage: "<b>{name}</b> is selected"
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({clearSelectionAriaLabel:{id:`groupSharedFeatures.metadataView.header.clearSelectionAriaLabel`,defaultMessage:`Clear selection`},itemsSelected:{id:`groupSharedFeatures.metadataView.header.itemsSelected`,defaultMessage:`{count, plural, one {<b># item</b> is selected} other {<b># items</b> are selected}}`},singleItemSelected:{id:`groupSharedFeatures.metadataView.header.singleItemSelected`,defaultMessage:`<b>{name}</b> is selected`}});export{messages as default};
|
|
@@ -1,26 +1 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { t } from "../../../chunks/metadata-location-field.js";
|
|
3
|
-
import { MetadataRadioField as n } from "./metadata-value/metadata-radio-field.js";
|
|
4
|
-
import { MetadataSearchField as r } from "./metadata-value/metadata-search-field.js";
|
|
5
|
-
import { Filter as i } from "./filter-sidepanel/filter.js";
|
|
6
|
-
import { t as a } from "../../../chunks/filter-side-panel.js";
|
|
7
|
-
import { MetadataFileChip as o } from "./metadata-value/metadata-file-chip.js";
|
|
8
|
-
import { FormFilterChip as s } from "./filter-row/form-filter-chip.js";
|
|
9
|
-
import { SelectFilterChip as c } from "./filter-row/select-filter-chip.js";
|
|
10
|
-
import { MetadataFilterChip as l } from "./filter-row/metadata-filter-chip.js";
|
|
11
|
-
import { t as u } from "../../../chunks/types2.js";
|
|
12
|
-
import { FilterRow as d } from "./filter-row/filter-row.js";
|
|
13
|
-
import { SortDropdown as f } from "./sort-dropdown/sort-dropdown.js";
|
|
14
|
-
import { t as p } from "../../../chunks/action-bar.js";
|
|
15
|
-
import { t as m } from "../../../chunks/item-action-menu.js";
|
|
16
|
-
import { t as h } from "../../../chunks/metadata-grid.js";
|
|
17
|
-
import { t as g } from "../../../chunks/inline-editing-cell.js";
|
|
18
|
-
import { TableRenderer as _ } from "./metadata-table/table-renderer.js";
|
|
19
|
-
import { MetadataTable as v } from "./metadata-table/metadata-table.js";
|
|
20
|
-
import { t as y } from "../../../chunks/pagination-controls.js";
|
|
21
|
-
import { MarkerBasedPagination as b } from "./pagination/marker-based-pagination.js";
|
|
22
|
-
import { OffsetBasedPagination as x } from "./pagination/offset-based-pagination.js";
|
|
23
|
-
import { Pagination as S } from "./pagination/pagination.js";
|
|
24
|
-
import { Case as C, SwitchCase as w } from "./switch-case/switch-case.js";
|
|
25
|
-
import { t as T } from "../../../chunks/header.js";
|
|
26
|
-
export { p as ActionBar, C as Case, i as Filter, d as FilterRow, a as FilterSidePanel, s as FormFilterChip, T as Header, g as InlineEditingCell, m as ItemActionMenu, b as MarkerBasedPagination, o as MetadataFileChip, e as MetadataFileField, l as MetadataFilterChip, h as MetadataGrid, t as MetadataLocationField, n as MetadataRadioField, r as MetadataSearchField, v as MetadataTable, x as OffsetBasedPagination, S as Pagination, y as PaginationControls, u as PredefinedFilterName, c as SelectFilterChip, f as SortDropdown, w as SwitchCase, _ as TableRenderer };
|
|
1
|
+
import{MetadataFileField}from"./metadata-value/metadata-file-field.js";import{t as MetadataLocationField}from"../../../chunks/metadata-location-field.js";import{MetadataRadioField}from"./metadata-value/metadata-radio-field.js";import{MetadataSearchField}from"./metadata-value/metadata-search-field.js";import{Filter}from"./filter-sidepanel/filter.js";import{t as FilterSidePanel}from"../../../chunks/filter-side-panel.js";import{MetadataFileChip}from"./metadata-value/metadata-file-chip.js";import{FormFilterChip}from"./filter-row/form-filter-chip.js";import{SelectFilterChip}from"./filter-row/select-filter-chip.js";import{MetadataFilterChip}from"./filter-row/metadata-filter-chip.js";import{t as PredefinedFilterName}from"../../../chunks/types2.js";import{FilterRow}from"./filter-row/filter-row.js";import{SortDropdown}from"./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"./metadata-table/table-renderer.js";import{MetadataTable}from"./metadata-table/metadata-table.js";import{t as PaginationControls}from"../../../chunks/pagination-controls.js";import{MarkerBasedPagination}from"./pagination/marker-based-pagination.js";import{OffsetBasedPagination}from"./pagination/offset-based-pagination.js";import{Pagination}from"./pagination/pagination.js";import{Case,SwitchCase}from"./switch-case/switch-case.js";import{t as Header}from"../../../chunks/header.js";export{ActionBar,Case,Filter,FilterRow,FilterSidePanel,FormFilterChip,Header,InlineEditingCell,ItemActionMenu,MarkerBasedPagination,MetadataFileChip,MetadataFileField,MetadataFilterChip,MetadataGrid,MetadataLocationField,MetadataRadioField,MetadataSearchField,MetadataTable,OffsetBasedPagination,Pagination,PaginationControls,PredefinedFilterName,SelectFilterChip,SortDropdown,SwitchCase,TableRenderer};
|
|
@@ -1,5 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
function t(t, n) {
|
|
3
|
-
return `${t.displayName || "UnknownComponent"}-${e(n)}`;
|
|
4
|
-
}
|
|
5
|
-
export { t as getDataTargetId };
|
|
1
|
+
import camelCase from"lodash/camelCase";function getDataTargetId(item,label){return`${item.displayName||`UnknownComponent`}-${camelCase(label)}`}export{getDataTargetId};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ItemActionMenu };
|
|
1
|
+
import{t as ItemActionMenu}from"../../../../chunks/item-action-menu.js";export{ItemActionMenu};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as ItemActionMenu };
|
|
1
|
+
import{t as ItemActionMenu}from"../../../../chunks/item-action-menu.js";export{ItemActionMenu};
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({ actionMenu: {
|
|
3
|
-
id: "groupSharedFeatures.metadataView.itemActionMenu.actionMenu",
|
|
4
|
-
defaultMessage: "Action menu"
|
|
5
|
-
} });
|
|
6
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({actionMenu:{id:`groupSharedFeatures.metadataView.itemActionMenu.actionMenu`,defaultMessage:`Action menu`}});export{messages as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as MetadataGrid };
|
|
1
|
+
import{t as MetadataGrid}from"../../../../chunks/metadata-grid.js";export{MetadataGrid};
|
|
@@ -1,6 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({ gridView: {
|
|
3
|
-
id: "groupSharedFeatures.metadataView.gridList.gridView",
|
|
4
|
-
defaultMessage: "Grid View"
|
|
5
|
-
} });
|
|
6
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({gridView:{id:`groupSharedFeatures.metadataView.gridList.gridView`,defaultMessage:`Grid View`}});export{messages as default};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as MetadataGrid };
|
|
1
|
+
import{t as MetadataGrid}from"../../../../chunks/metadata-grid.js";export{MetadataGrid};
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
function
|
|
2
|
-
return !!(t || e.HeaderActions || e?.selectionMode && e.selectionMode !== "none");
|
|
3
|
-
}
|
|
4
|
-
export { e as getShouldRenderActionColumn };
|
|
1
|
+
function getShouldRenderActionColumn(tableProps,hasRenderActionCell){return!!(hasRenderActionCell||tableProps.HeaderActions||tableProps?.selectionMode&&tableProps.selectionMode!==`none`)}export{getShouldRenderActionColumn};
|
|
@@ -1,52 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { useVirtualizer as r } from "@tanstack/react-virtual";
|
|
3
|
-
import { Size14 as i } from "@box/blueprint-web-assets/tokens/px-tokens";
|
|
4
|
-
var a = parseInt(i, 10), o = ({ items: i, hasNextPage: o = !1, isLoading: s = !1, parentRef: c, approximateRowHeight: l = a, onGetNextPage: u, placeholderRowsCount: d = 20, getItemKey: f, onVisibleRangeChange: p }) => {
|
|
5
|
-
let m = n(0), h = n(!1), g = r({
|
|
6
|
-
count: t(() => i.length + (s || o ? d : 0), [
|
|
7
|
-
i,
|
|
8
|
-
o,
|
|
9
|
-
s,
|
|
10
|
-
d
|
|
11
|
-
]),
|
|
12
|
-
getScrollElement: () => c.current,
|
|
13
|
-
getItemKey: (e) => {
|
|
14
|
-
let t = i[e];
|
|
15
|
-
return t && f ? f(t, e) : t?.id || `table-item-${e}`;
|
|
16
|
-
},
|
|
17
|
-
estimateSize: () => l
|
|
18
|
-
}), _ = g.getVirtualItems(), v = i[0]?.id;
|
|
19
|
-
e(() => {
|
|
20
|
-
h.current = !1, m.current = i.length;
|
|
21
|
-
}, [i.length, v]), (i.length === 0 || i.length > 0 && m.current === 0) && c.current && (c.current.scrollTop = 0);
|
|
22
|
-
let y = _[_.length - 1], b = !!y && y.index >= i.length - 1;
|
|
23
|
-
e(() => {
|
|
24
|
-
if (!b) {
|
|
25
|
-
s || (h.current = !1);
|
|
26
|
-
return;
|
|
27
|
-
}
|
|
28
|
-
!s && o && u && !h.current && (h.current = !0, u());
|
|
29
|
-
}, [
|
|
30
|
-
s,
|
|
31
|
-
b,
|
|
32
|
-
o,
|
|
33
|
-
u,
|
|
34
|
-
i.length,
|
|
35
|
-
v
|
|
36
|
-
]);
|
|
37
|
-
let x = _[0]?.index ?? -1, S = _[_.length - 1]?.index ?? -1, C = x < i.length ? x : -1, w = Math.min(S, i.length - 1);
|
|
38
|
-
return e(() => {
|
|
39
|
-
!p || C < 0 || p({
|
|
40
|
-
startIndex: C,
|
|
41
|
-
endIndex: w
|
|
42
|
-
});
|
|
43
|
-
}, [
|
|
44
|
-
C,
|
|
45
|
-
w,
|
|
46
|
-
p
|
|
47
|
-
]), {
|
|
48
|
-
totalVirtualSize: g.getTotalSize(),
|
|
49
|
-
virtualItemsToDisplay: _
|
|
50
|
-
};
|
|
51
|
-
};
|
|
52
|
-
export { o as useInfiniteScrollTableItems };
|
|
1
|
+
import{useEffect,useMemo,useRef}from"react";import{useVirtualizer}from"@tanstack/react-virtual";import{Size14}from"@box/blueprint-web-assets/tokens/px-tokens";var APPROXIMATE_ROW_HEIGHT_PX=parseInt(Size14,10),useInfiniteScrollTableItems=({items,hasNextPage=!1,isLoading=!1,parentRef,approximateRowHeight=APPROXIMATE_ROW_HEIGHT_PX,onGetNextPage,placeholderRowsCount=20,getItemKey,onVisibleRangeChange})=>{let previousItemsLength=useRef(0),isFetchingNextPageRef=useRef(!1),virtualizer=useVirtualizer({count:useMemo(()=>items.length+(isLoading||hasNextPage?placeholderRowsCount:0),[items,hasNextPage,isLoading,placeholderRowsCount]),getScrollElement:()=>parentRef.current,getItemKey:index=>{let item=items[index];return item&&getItemKey?getItemKey(item,index):item?.id||`table-item-${index}`},estimateSize:()=>approximateRowHeight}),virtualItemsToDisplay=virtualizer.getVirtualItems(),firstItemId=items[0]?.id;useEffect(()=>{isFetchingNextPageRef.current=!1,previousItemsLength.current=items.length},[items.length,firstItemId]),(items.length===0||items.length>0&&previousItemsLength.current===0)&&parentRef.current&&(parentRef.current.scrollTop=0);let lastItem=virtualItemsToDisplay[virtualItemsToDisplay.length-1],isLastItemVisible=!!lastItem&&lastItem.index>=items.length-1;useEffect(()=>{if(!isLastItemVisible){isLoading||(isFetchingNextPageRef.current=!1);return}!isLoading&&hasNextPage&&onGetNextPage&&!isFetchingNextPageRef.current&&(isFetchingNextPageRef.current=!0,onGetNextPage())},[isLoading,isLastItemVisible,hasNextPage,onGetNextPage,items.length,firstItemId]);let firstVisibleIndex=virtualItemsToDisplay[0]?.index??-1,lastVisibleIndex=virtualItemsToDisplay[virtualItemsToDisplay.length-1]?.index??-1,clampedStartIndex=firstVisibleIndex<items.length?firstVisibleIndex:-1,clampedEndIndex=Math.min(lastVisibleIndex,items.length-1);return useEffect(()=>{!onVisibleRangeChange||clampedStartIndex<0||onVisibleRangeChange({startIndex:clampedStartIndex,endIndex:clampedEndIndex})},[clampedStartIndex,clampedEndIndex,onVisibleRangeChange]),{totalVirtualSize:virtualizer.getTotalSize(),virtualItemsToDisplay}};export{useInfiniteScrollTableItems};
|
|
@@ -1,4 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { TableRenderer as t } from "./table-renderer.js";
|
|
3
|
-
import { MetadataTable as n } from "./metadata-table.js";
|
|
4
|
-
export { e as InlineEditingCell, n as MetadataTable, t as TableRenderer };
|
|
1
|
+
import{t as InlineEditingCell}from"../../../../chunks/inline-editing-cell.js";import{TableRenderer}from"./table-renderer.js";import{MetadataTable}from"./metadata-table.js";export{InlineEditingCell,MetadataTable,TableRenderer};
|
|
@@ -1,16 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
var t = e({
|
|
3
|
-
listView: {
|
|
4
|
-
id: "groupSharedFeatures.metadataView.itemList.listView",
|
|
5
|
-
defaultMessage: "List view"
|
|
6
|
-
},
|
|
7
|
-
selectAll: {
|
|
8
|
-
id: "groupSharedFeatures.metadataView.itemList.selectAll",
|
|
9
|
-
defaultMessage: "Select all"
|
|
10
|
-
},
|
|
11
|
-
unselectedOptionLabel: {
|
|
12
|
-
id: "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel",
|
|
13
|
-
defaultMessage: "--"
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
export { t as default };
|
|
1
|
+
import{defineMessages}from"react-intl";var messages=defineMessages({listView:{id:`groupSharedFeatures.metadataView.itemList.listView`,defaultMessage:`List view`},selectAll:{id:`groupSharedFeatures.metadataView.itemList.selectAll`,defaultMessage:`Select all`},unselectedOptionLabel:{id:`groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel`,defaultMessage:`--`}});export{messages as default};
|
|
@@ -1,94 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { THUMBNAIL_WIDTHS as t } from "../constants.js";
|
|
3
|
-
import { useInfiniteScrollTableItems as n } from "./hooks/useInfiniteScrollTableItems.js";
|
|
4
|
-
import r from "./messages.js";
|
|
5
|
-
import { n as i } from "../../../../chunks/table-row.js";
|
|
6
|
-
import { getShouldRenderActionColumn as a } from "./actionColumn.js";
|
|
7
|
-
import { TableRenderer as o } from "./table-renderer.js";
|
|
8
|
-
import { Column as s, DataTableWrapper as c, ListCheckbox as l, TableHeader as u, Text as d } from "@box/blueprint-web";
|
|
9
|
-
import { useRef as f } from "react";
|
|
10
|
-
import { useIntl as p } from "react-intl";
|
|
11
|
-
import { jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
12
|
-
var g = ({ areSelectionCheckboxesDisabled: g = !1, columns: _, dataTargetPrefix: v, hasNextPage: y = !1, iconColumnVariant: b, isInfiniteScrollEnabled: x = !1, isLoading: S = !1, isSelectAllEnabled: C, itemActionMenuProps: w, items: T, maxActionColumnWidth: E, minActionColumnWidth: D, onGetNextPage: O, onInlineEditChange: k, onTableRowClick: A, placeholderRowsCount: j, zoomLevel: M, getItemKey: N, onVisibleRangeChange: P, renderActionCell: F, ...I }) => {
|
|
13
|
-
let { formatMessage: L } = p(), R = f(null), { virtualItemsToDisplay: z, totalVirtualSize: B } = n({
|
|
14
|
-
items: T,
|
|
15
|
-
hasNextPage: y,
|
|
16
|
-
isLoading: S,
|
|
17
|
-
parentRef: R,
|
|
18
|
-
onGetNextPage: O,
|
|
19
|
-
placeholderRowsCount: j,
|
|
20
|
-
getItemKey: N,
|
|
21
|
-
onVisibleRangeChange: P
|
|
22
|
-
}), V = [];
|
|
23
|
-
if (b === e.COLUMN) {
|
|
24
|
-
M ||= 0;
|
|
25
|
-
let e = parseInt(t[M], 10) + 24;
|
|
26
|
-
V.push({
|
|
27
|
-
id: "item-type-icon",
|
|
28
|
-
isRowHeader: !1,
|
|
29
|
-
hideHeader: !1,
|
|
30
|
-
minWidth: e,
|
|
31
|
-
maxWidth: e
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
let H = _.map((e) => {
|
|
35
|
-
let { id: t, isRowHeader: n, headerRenderer: r, textValue: i, type: a, allowsSorting: o, ...s } = e, c = a !== "multiSelect" && a !== "enum" && o === !0;
|
|
36
|
-
return {
|
|
37
|
-
...s,
|
|
38
|
-
children: r ? r(i, e) : /* @__PURE__ */ m(d, {
|
|
39
|
-
as: "span",
|
|
40
|
-
children: i
|
|
41
|
-
}),
|
|
42
|
-
isRowHeader: t === "name" || n,
|
|
43
|
-
id: t,
|
|
44
|
-
textValue: i,
|
|
45
|
-
allowsSorting: c
|
|
46
|
-
};
|
|
47
|
-
});
|
|
48
|
-
V.push(...H), a(I, !!F) && V.push({
|
|
49
|
-
id: "actions",
|
|
50
|
-
className: i.tableHeaderActions,
|
|
51
|
-
children: /* @__PURE__ */ h("div", {
|
|
52
|
-
className: i.tableHeaderActionsWrapper,
|
|
53
|
-
children: [I.HeaderActions, C ? /* @__PURE__ */ m(l, {
|
|
54
|
-
"aria-label": L(r.selectAll),
|
|
55
|
-
className: i.selectAllCheckbox,
|
|
56
|
-
isDisabled: S || g
|
|
57
|
-
}) : null]
|
|
58
|
-
}),
|
|
59
|
-
isRowHeader: !1,
|
|
60
|
-
hideHeader: !1,
|
|
61
|
-
allowsSorting: !1,
|
|
62
|
-
maxWidth: E,
|
|
63
|
-
minWidth: D
|
|
64
|
-
});
|
|
65
|
-
let U = /* @__PURE__ */ m(u, {
|
|
66
|
-
columns: V,
|
|
67
|
-
children: (e) => /* @__PURE__ */ m(s, { ...e })
|
|
68
|
-
}), W = {
|
|
69
|
-
columnCount: V.length,
|
|
70
|
-
columns: _,
|
|
71
|
-
dataTargetPrefix: v,
|
|
72
|
-
formatMessage: L,
|
|
73
|
-
iconColumnVariant: b,
|
|
74
|
-
isLoading: S,
|
|
75
|
-
areSelectionCheckboxesDisabled: g,
|
|
76
|
-
itemActionMenuProps: w,
|
|
77
|
-
items: T,
|
|
78
|
-
onInlineEditChange: k,
|
|
79
|
-
onTableRowClick: A,
|
|
80
|
-
tableHeader: U,
|
|
81
|
-
tableProps: I,
|
|
82
|
-
zoomLevel: M,
|
|
83
|
-
renderActionCell: F
|
|
84
|
-
};
|
|
85
|
-
return x ? /* @__PURE__ */ m(c, {
|
|
86
|
-
ref: R,
|
|
87
|
-
children: /* @__PURE__ */ m(o, {
|
|
88
|
-
...W,
|
|
89
|
-
totalVirtualSize: B,
|
|
90
|
-
virtualItems: z
|
|
91
|
-
})
|
|
92
|
-
}) : /* @__PURE__ */ m(o, { ...W });
|
|
93
|
-
};
|
|
94
|
-
export { g as MetadataTable };
|
|
1
|
+
import{t as IconColumnVariant}from"../../../../chunks/types.js";import{THUMBNAIL_WIDTHS}from"../constants.js";import{useInfiniteScrollTableItems}from"./hooks/useInfiniteScrollTableItems.js";import messages from"./messages.js";import{n as metadata_table_module_default}from"../../../../chunks/table-row.js";import{getShouldRenderActionColumn}from"./actionColumn.js";import{TableRenderer}from"./table-renderer.js";import{Column,DataTableWrapper,ListCheckbox,TableHeader,Text}from"@box/blueprint-web";import{useRef}from"react";import{useIntl}from"react-intl";import{jsx,jsxs}from"react/jsx-runtime";var MetadataTable=({areSelectionCheckboxesDisabled=!1,columns,dataTargetPrefix,hasNextPage=!1,iconColumnVariant,isInfiniteScrollEnabled=!1,isLoading=!1,isSelectAllEnabled,itemActionMenuProps,items,maxActionColumnWidth,minActionColumnWidth,onGetNextPage,onInlineEditChange,onTableRowClick,placeholderRowsCount,zoomLevel,getItemKey,onVisibleRangeChange,renderActionCell,...tableProps})=>{let{formatMessage}=useIntl(),parentRef=useRef(null),{virtualItemsToDisplay,totalVirtualSize}=useInfiniteScrollTableItems({items,hasNextPage,isLoading,parentRef,onGetNextPage,placeholderRowsCount,getItemKey,onVisibleRangeChange}),columnHeader=[];if(iconColumnVariant===IconColumnVariant.COLUMN){zoomLevel||=0;let iconColumnWidth=parseInt(THUMBNAIL_WIDTHS[zoomLevel],10)+24;columnHeader.push({id:`item-type-icon`,isRowHeader:!1,hideHeader:!1,minWidth:iconColumnWidth,maxWidth:iconColumnWidth})}let columnHeaderWithData=columns.map(column=>{let{id,isRowHeader,headerRenderer,textValue,type,allowsSorting,...rest}=column,columnAllowsSorting=type!==`multiSelect`&&type!==`enum`&&allowsSorting===!0;return{...rest,children:headerRenderer?headerRenderer(textValue,column):jsx(Text,{as:`span`,children:textValue}),isRowHeader:id===`name`||isRowHeader,id,textValue,allowsSorting:columnAllowsSorting}});columnHeader.push(...columnHeaderWithData),getShouldRenderActionColumn(tableProps,!!renderActionCell)&&columnHeader.push({id:`actions`,className:metadata_table_module_default.tableHeaderActions,children:jsxs(`div`,{className:metadata_table_module_default.tableHeaderActionsWrapper,children:[tableProps.HeaderActions,isSelectAllEnabled?jsx(ListCheckbox,{"aria-label":formatMessage(messages.selectAll),className:metadata_table_module_default.selectAllCheckbox,isDisabled:isLoading||areSelectionCheckboxesDisabled}):null]}),isRowHeader:!1,hideHeader:!1,allowsSorting:!1,maxWidth:maxActionColumnWidth,minWidth:minActionColumnWidth});let tableHeader=jsx(TableHeader,{columns:columnHeader,children:columnProps=>jsx(Column,{...columnProps})}),tableRendererProps={columnCount:columnHeader.length,columns,dataTargetPrefix,formatMessage,iconColumnVariant,isLoading,areSelectionCheckboxesDisabled,itemActionMenuProps,items,onInlineEditChange,onTableRowClick,tableHeader,tableProps,zoomLevel,renderActionCell};return isInfiniteScrollEnabled?jsx(DataTableWrapper,{ref:parentRef,children:jsx(TableRenderer,{...tableRendererProps,totalVirtualSize,virtualItems:virtualItemsToDisplay})}):jsx(TableRenderer,{...tableRendererProps})};export{MetadataTable};
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { ActionCell as t } from "@box/blueprint-web";
|
|
3
|
-
import n from "react";
|
|
4
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
5
|
-
var i = /*#__PURE__*/ n.memo(({ item: n, itemActionMenuProps: i, isCheckboxDisabled: a, renderActionCell: o }) => /* @__PURE__ */ r(t, {
|
|
6
|
-
isCheckboxDisabled: a,
|
|
7
|
-
children: (t) => o ? o(n, t) : i ? /* @__PURE__ */ r(e, {
|
|
8
|
-
...i,
|
|
9
|
-
item: n,
|
|
10
|
-
onOpenChange: t
|
|
11
|
-
}) : null
|
|
12
|
-
}));
|
|
13
|
-
export { i as ActionCellContent };
|
|
1
|
+
import{t as ItemActionMenu}from"../../../../../chunks/item-action-menu.js";import{ActionCell}from"@box/blueprint-web";import React from"react";import{jsx}from"react/jsx-runtime";var ActionCellContent=React.memo(({item,itemActionMenuProps,isCheckboxDisabled,renderActionCell})=>jsx(ActionCell,{isCheckboxDisabled,children:onOpenChange=>renderActionCell?renderActionCell(item,onOpenChange):itemActionMenuProps?jsx(ItemActionMenu,{...itemActionMenuProps,item,onOpenChange}):null}));export{ActionCellContent};
|
|
@@ -1,11 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { TableBody as t } from "@box/blueprint-web";
|
|
3
|
-
import { jsx as n } from "react/jsx-runtime";
|
|
4
|
-
var r = 20, i = ({ columnLength: i, rowLength: a = r }) => /* @__PURE__ */ n(t, {
|
|
5
|
-
items: Array.from({ length: a }, (e, t) => ({ key: t })),
|
|
6
|
-
children: (t) => /* @__PURE__ */ n(e, {
|
|
7
|
-
columnLength: i,
|
|
8
|
-
rowKey: t.key
|
|
9
|
-
})
|
|
10
|
-
});
|
|
11
|
-
export { i as GhostTableBody };
|
|
1
|
+
import{GhostTableRow}from"./ghost-table-row/ghost-table-row.js";import{TableBody}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";var DEFAULT_GHOST_ROWS=20,GhostTableBody=({columnLength,rowLength=DEFAULT_GHOST_ROWS})=>jsx(TableBody,{items:Array.from({length:rowLength},(_val,i)=>({key:i})),children:item=>jsx(GhostTableRow,{columnLength,rowKey:item.key})});export{GhostTableBody};
|
package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js
CHANGED
|
@@ -1,9 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import { Size5 as i } from "@box/blueprint-web-assets/tokens/tokens";
|
|
4
|
-
var a = ({ columnLength: a, rowKey: o = "ghost-row" }) => /* @__PURE__ */ r(n, { children: Array.from({ length: a }, (n, a) => /* @__PURE__ */ r(e, { children: /* @__PURE__ */ r(t, {
|
|
5
|
-
height: i,
|
|
6
|
-
variant: "rectangle",
|
|
7
|
-
width: "100%"
|
|
8
|
-
}) }, a)) }, o);
|
|
9
|
-
export { a as GhostTableRow };
|
|
1
|
+
import{Cell,Ghost,Row}from"@box/blueprint-web";import{jsx}from"react/jsx-runtime";import{Size5}from"@box/blueprint-web-assets/tokens/tokens";var GhostTableRow=({columnLength,rowKey=`ghost-row`})=>jsx(Row,{children:Array.from({length:columnLength},(_,j)=>jsx(Cell,{children:jsx(Ghost,{height:Size5,variant:`rectangle`,width:`100%`})},j))},rowKey);export{GhostTableRow};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as GhostTableRow };
|
|
1
|
+
import{GhostTableRow}from"./ghost-table-row.js";export{GhostTableRow};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as InlineEditingCell };
|
|
1
|
+
import{t as InlineEditingCell}from"../../../../../../chunks/inline-editing-cell.js";export{InlineEditingCell};
|
package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
export { e as InlineEditingCell, e as default };
|
|
1
|
+
import{t as InlineEditingCell}from"../../../../../../chunks/inline-editing-cell.js";export{InlineEditingCell,InlineEditingCell as default};
|