@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.
Files changed (101) hide show
  1. package/dist/chunks/action-bar.js +1 -52
  2. package/dist/chunks/empty-state.js +1 -24
  3. package/dist/chunks/error-state.js +1 -23
  4. package/dist/chunks/filter-row.module.js +1 -7
  5. package/dist/chunks/filter-side-panel.js +1 -65
  6. package/dist/chunks/header.js +1 -62
  7. package/dist/chunks/inline-editing-cell.js +1 -34
  8. package/dist/chunks/item-action-menu.js +1 -86
  9. package/dist/chunks/metadata-grid.js +1 -44
  10. package/dist/chunks/metadata-location-field.js +1 -35
  11. package/dist/chunks/metadata-view.js +1 -104
  12. package/dist/chunks/pagination-controls.js +1 -40
  13. package/dist/chunks/table-row.js +1 -71
  14. package/dist/chunks/types.js +1 -6
  15. package/dist/chunks/types2.js +1 -4
  16. package/dist/chunks/zoom-button.js +1 -20
  17. package/dist/esm/index.js +1 -29
  18. package/dist/esm/lib/components/action-bar/action-bar.js +1 -2
  19. package/dist/esm/lib/components/action-bar/index.js +1 -2
  20. package/dist/esm/lib/components/action-bar/messages.js +1 -24
  21. package/dist/esm/lib/components/action-bar/zoom-button.js +1 -2
  22. package/dist/esm/lib/components/constants.js +1 -14
  23. package/dist/esm/lib/components/empty-state/empty-state.js +1 -2
  24. package/dist/esm/lib/components/empty-state/index.js +1 -2
  25. package/dist/esm/lib/components/empty-state/messages.js +1 -12
  26. package/dist/esm/lib/components/error-state/error-state.js +1 -2
  27. package/dist/esm/lib/components/error-state/index.js +1 -2
  28. package/dist/esm/lib/components/error-state/messages.js +1 -12
  29. package/dist/esm/lib/components/filter-row/advanced-field-content.js +1 -39
  30. package/dist/esm/lib/components/filter-row/advanced-filter-context.js +1 -3
  31. package/dist/esm/lib/components/filter-row/all-filters-chip.js +1 -34
  32. package/dist/esm/lib/components/filter-row/custom-trigger-chip.js +1 -40
  33. package/dist/esm/lib/components/filter-row/filter-chip-popover-context.js +1 -3
  34. package/dist/esm/lib/components/filter-row/filter-row.js +1 -46
  35. package/dist/esm/lib/components/filter-row/form-filter-chip.js +1 -99
  36. package/dist/esm/lib/components/filter-row/format-advanced-filter-label.js +1 -163
  37. package/dist/esm/lib/components/filter-row/index.js +1 -6
  38. package/dist/esm/lib/components/filter-row/initial-field-values.js +1 -51
  39. package/dist/esm/lib/components/filter-row/is-blank-or-not-blank-filter.js +1 -3
  40. package/dist/esm/lib/components/filter-row/is-filter-selected.js +1 -40
  41. package/dist/esm/lib/components/filter-row/messages.js +1 -112
  42. package/dist/esm/lib/components/filter-row/metadata-filter-chip.js +1 -87
  43. package/dist/esm/lib/components/filter-row/predefinedFilters/index.js +1 -2
  44. package/dist/esm/lib/components/filter-row/predefinedFilters/predefined-filter-options-factory.js +1 -15
  45. package/dist/esm/lib/components/filter-row/predefinedFilters/use-predefined-filter.js +1 -63
  46. package/dist/esm/lib/components/filter-row/select-filter-chip.js +1 -42
  47. package/dist/esm/lib/components/filter-row/use-form-filter-chip.js +1 -40
  48. package/dist/esm/lib/components/filter-row/use-nested-overlay-popover-open-change.js +1 -30
  49. package/dist/esm/lib/components/filter-sidepanel/filter-side-panel.js +1 -2
  50. package/dist/esm/lib/components/filter-sidepanel/filter.js +1 -96
  51. package/dist/esm/lib/components/filter-sidepanel/index.js +1 -3
  52. package/dist/esm/lib/components/filter-sidepanel/messages.js +1 -20
  53. package/dist/esm/lib/components/header/header.js +1 -2
  54. package/dist/esm/lib/components/header/index.js +1 -2
  55. package/dist/esm/lib/components/header/messages.js +1 -16
  56. package/dist/esm/lib/components/index.js +1 -26
  57. package/dist/esm/lib/components/item-action-menu/identifier.js +1 -5
  58. package/dist/esm/lib/components/item-action-menu/index.js +1 -2
  59. package/dist/esm/lib/components/item-action-menu/item-action-menu.js +1 -2
  60. package/dist/esm/lib/components/item-action-menu/messages.js +1 -6
  61. package/dist/esm/lib/components/metadata-grid/index.js +1 -2
  62. package/dist/esm/lib/components/metadata-grid/messages.js +1 -6
  63. package/dist/esm/lib/components/metadata-grid/metadata-grid.js +1 -2
  64. package/dist/esm/lib/components/metadata-table/actionColumn.js +1 -4
  65. package/dist/esm/lib/components/metadata-table/hooks/useInfiniteScrollTableItems.js +1 -52
  66. package/dist/esm/lib/components/metadata-table/index.js +1 -4
  67. package/dist/esm/lib/components/metadata-table/messages.js +1 -16
  68. package/dist/esm/lib/components/metadata-table/metadata-table.js +1 -94
  69. package/dist/esm/lib/components/metadata-table/table-body/action-cell-content.js +1 -13
  70. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-body.js +1 -11
  71. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/ghost-table-row.js +1 -9
  72. package/dist/esm/lib/components/metadata-table/table-body/ghost-table-row/index.js +1 -2
  73. package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/index.js +1 -2
  74. package/dist/esm/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.js +1 -2
  75. package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js +1 -133
  76. package/dist/esm/lib/components/metadata-table/table-body/table-row/index.js +1 -2
  77. package/dist/esm/lib/components/metadata-table/table-body/table-row/table-row.js +1 -2
  78. package/dist/esm/lib/components/metadata-table/table-renderer.js +1 -37
  79. package/dist/esm/lib/components/metadata-value/index.js +1 -6
  80. package/dist/esm/lib/components/metadata-value/messages.js +1 -16
  81. package/dist/esm/lib/components/metadata-value/metadata-checkbox-field.js +1 -25
  82. package/dist/esm/lib/components/metadata-value/metadata-file-chip.js +1 -15
  83. package/dist/esm/lib/components/metadata-value/metadata-file-field.js +1 -13
  84. package/dist/esm/lib/components/metadata-value/metadata-location-field.js +1 -2
  85. package/dist/esm/lib/components/metadata-value/metadata-radio-field.js +1 -27
  86. package/dist/esm/lib/components/metadata-value/metadata-search-field.js +1 -20
  87. package/dist/esm/lib/components/pagination/index.js +1 -5
  88. package/dist/esm/lib/components/pagination/marker-based-pagination.js +1 -13
  89. package/dist/esm/lib/components/pagination/messages.js +1 -20
  90. package/dist/esm/lib/components/pagination/offset-based-pagination.js +1 -23
  91. package/dist/esm/lib/components/pagination/pagination-controls.js +1 -2
  92. package/dist/esm/lib/components/pagination/pagination.js +1 -21
  93. package/dist/esm/lib/components/pagination/utils.js +1 -5
  94. package/dist/esm/lib/components/sort-dropdown/index.js +1 -2
  95. package/dist/esm/lib/components/sort-dropdown/sort-dropdown.js +1 -39
  96. package/dist/esm/lib/components/switch-case/index.js +1 -2
  97. package/dist/esm/lib/components/switch-case/switch-case.js +1 -6
  98. package/dist/esm/lib/hooks/use-header.js +1 -45
  99. package/dist/esm/lib/index.js +1 -28
  100. package/dist/esm/lib/metadata-view.js +1 -2
  101. package/package.json +17 -17
@@ -1,40 +1 @@
1
- import { extractAdvancedFilterOption as e } from "./is-filter-selected.js";
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 { useCallback as e, useEffect as t, useRef as n, useState as r } from "react";
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 { t as e } from "../../../../chunks/filter-side-panel.js";
2
- export { e as FilterSidePanel };
1
+ import{t as FilterSidePanel}from"../../../../chunks/filter-side-panel.js";export{FilterSidePanel};
@@ -1,96 +1 @@
1
- import { MetadataFileField as e } from "../metadata-value/metadata-file-field.js";
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 { Filter as e } from "./filter.js";
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 { defineMessages as e } from "react-intl";
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 { t as e } from "../../../../chunks/header.js";
2
- export { e as Header };
1
+ import{t as Header}from"../../../../chunks/header.js";export{Header};
@@ -1,2 +1 @@
1
- import { t as e } from "../../../../chunks/header.js";
2
- export { e as Header };
1
+ import{t as Header}from"../../../../chunks/header.js";export{Header};
@@ -1,16 +1 @@
1
- import { defineMessages as e } from "react-intl";
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 { MetadataFileField as e } from "./metadata-value/metadata-file-field.js";
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 e from "lodash/camelCase";
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 { t as e } from "../../../../chunks/item-action-menu.js";
2
- export { e as ItemActionMenu };
1
+ import{t as ItemActionMenu}from"../../../../chunks/item-action-menu.js";export{ItemActionMenu};
@@ -1,2 +1 @@
1
- import { t as e } from "../../../../chunks/item-action-menu.js";
2
- export { e as ItemActionMenu };
1
+ import{t as ItemActionMenu}from"../../../../chunks/item-action-menu.js";export{ItemActionMenu};
@@ -1,6 +1 @@
1
- import { defineMessages as e } from "react-intl";
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 { t as e } from "../../../../chunks/metadata-grid.js";
2
- export { e as MetadataGrid };
1
+ import{t as MetadataGrid}from"../../../../chunks/metadata-grid.js";export{MetadataGrid};
@@ -1,6 +1 @@
1
- import { defineMessages as e } from "react-intl";
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 { t as e } from "../../../../chunks/metadata-grid.js";
2
- export { e as MetadataGrid };
1
+ import{t as MetadataGrid}from"../../../../chunks/metadata-grid.js";export{MetadataGrid};
@@ -1,4 +1 @@
1
- function e(e, t) {
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 { useEffect as e, useMemo as t, useRef as n } from "react";
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 { t as e } from "../../../../chunks/inline-editing-cell.js";
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 { defineMessages as e } from "react-intl";
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 { t as e } from "../../../../chunks/types.js";
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 { t as e } from "../../../../../chunks/item-action-menu.js";
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 { GhostTableRow as e } from "./ghost-table-row/ghost-table-row.js";
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};
@@ -1,9 +1 @@
1
- import { Cell as e, Ghost as t, Row as n } from "@box/blueprint-web";
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 { GhostTableRow as e } from "./ghost-table-row.js";
2
- export { e as GhostTableRow };
1
+ import{GhostTableRow}from"./ghost-table-row.js";export{GhostTableRow};
@@ -1,2 +1 @@
1
- import { t as e } from "../../../../../../chunks/inline-editing-cell.js";
2
- export { e as InlineEditingCell };
1
+ import{t as InlineEditingCell}from"../../../../../../chunks/inline-editing-cell.js";export{InlineEditingCell};
@@ -1,2 +1 @@
1
- import { t as e } from "../../../../../../chunks/inline-editing-cell.js";
2
- export { e as InlineEditingCell, e as default };
1
+ import{t as InlineEditingCell}from"../../../../../../chunks/inline-editing-cell.js";export{InlineEditingCell,InlineEditingCell as default};