@box/metadata-view 2.4.30 → 2.4.32

package/dist/esm/lib/components/metadata-table/table-body/table-body-with-data.js

@@ -1 +1 @@
-import{t as IconColumnVariant}from"../../../../../chunks/types.js";import{THUMBNAIL_LIST_VIEW_HEIGHTS}from"../../constants.js";import{GhostTableRow}from"./ghost-table-row/ghost-table-row.js";import{ActionCellContent}from"./action-cell-content.js";import{t as InlineEditingCell}from"../../../../../chunks/inline-editing-cell.js";import{n as metadata_table_module_default,t as TableRow}from"../../../../../chunks/table-row.js";import{Cell,Row,TableBody,Text}from"@box/blueprint-web";import React from"react";import{jsx,jsxs}from"react/jsx-runtime";import{ItemTypeIcon}from"@box/item-icon";import clsx from"clsx";import get from"lodash/get";var getItemMetadataField=(item,columnId,isItemMetadata)=>get(item,isItemMetadata?columnId.split(`.`)[1]:columnId),NameCellWithIcon=React.memo(({column,iconColumnVariant,item})=>{let{id:columnId,isItemMetadata,subtitle,textValue}=column,key=`${textValue}-${item.id}`;return jsx(Cell,{children:jsxs(`div`,{className:metadata_table_module_default.tableNameCell,children:[jsx(ItemTypeIcon,{className:metadata_table_module_default.tableNameCellIconInline,item}),jsxs(`div`,{className:clsx(metadata_table_module_default.tableNameCellTitle,{[metadata_table_module_default.hasSubtitle]:iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE}),children:[jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,children:getItemMetadataField(item,columnId,isItemMetadata)}),iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE&&jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,color:`textOnLightSecondary`,children:subtitle})]})]})},key)}),CustomCell=React.memo(({column,item})=>{let key=`${column.textValue}-${item.id}`;return jsx(Cell,{children:column.cellRenderer?.(item,column)},key)}),MultiSelectCell=React.memo(({column,item})=>{let key=`${column.textValue}-${item.id}`,options=get(item,column.id);return options?jsx(Cell,{children:options.join(` `)},key):jsx(Cell,{},key)}),DefaultCell=React.memo(({column,item})=>{let{id:columnId,isItemMetadata,textValue}=column,key=`${textValue}-${item.id}`;return jsx(Cell,{children:jsx(Text,{as:`span`,children:getItemMetadataField(item,columnId,isItemMetadata)})},key)}),DataCell=React.memo(({column,iconColumnVariant,item,onInlineEditChange})=>{let{cellRenderer,id:columnId,isInlineEditingEnabled,type}=column,isNameColumnWithInlineIcon=columnId===`item.name`&&(iconColumnVariant===IconColumnVariant.INLINE||iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE);return cellRenderer?jsx(CustomCell,{column,item}):isNameColumnWithInlineIcon?jsx(NameCellWithIcon,{column,iconColumnVariant,item}):isInlineEditingEnabled&&(type===`multiSelect`||type===`enum`)?jsx(InlineEditingCell,{column,item,onInlineEditChange},`${column.id}-${item.id}`):jsx(type===`multiSelect`?MultiSelectCell:DefaultCell,{column,item})}),IconColumn=React.memo(({item,zoomLevel})=>jsx(Cell,{style:{height:THUMBNAIL_LIST_VIEW_HEIGHTS[zoomLevel]},children:jsx(ItemTypeIcon,{className:metadata_table_module_default.iconCell,item})},`item-type-icon-${item.id}`)),TableBodyWithData=({areSelectionCheckboxesDisabled,columnCount,columns,dataTargetPrefix,iconColumnVariant,items,itemActionMenuProps,onInlineEditChange,onTableRowClick,renderActionCell,shouldRenderActionColumn,virtualItems,totalVirtualSize,zoomLevel})=>{let shouldShowIconColumn=iconColumnVariant===IconColumnVariant.COLUMN;if(virtualItems){let renderGhostRow=index=>jsx(GhostTableRow,{columnLength:columnCount||0,rowKey:`ghost-${index}`}),renderRow=item=>jsx(TableRow,{areSelectionCheckboxesDisabled,columns,dataTargetPrefix,iconColumnVariant,item,itemActionMenuProps,onTableRowClick,renderActionCell,shouldRenderActionColumn,zoomLevel}),getTopContentOffset=()=>virtualItems[0]?.start||0,getBottomContentOffset=()=>{let lastEnd=virtualItems[virtualItems.length-1]?.end||0;return Math.max((totalVirtualSize||0)-lastEnd,0)},topOffset=getTopContentOffset(),bottomOffset=getBottomContentOffset();return jsxs(TableBody,{children:[!!topOffset&&jsx(Row,{isDisabled:!0,style:{height:`${topOffset}px`}}),virtualItems.map(({index})=>index>=items.length?renderGhostRow(index):renderRow(items[index])),!!bottomOffset&&jsx(Row,{isDisabled:!0,style:{height:`${bottomOffset}px`}})]})}return jsx(TableBody,{items:items.map(item=>({key:item.id,...item})),children:item=>jsxs(Row,{className:clsx(metadata_table_module_default.tableRow,{[metadata_table_module_default.isClickable]:onTableRowClick}),"data-target-id":dataTargetPrefix?`${dataTargetPrefix}-itemRow-${item.id}`:void 0,id:item.id,onAction:()=>onTableRowClick?.(item),children:[shouldShowIconColumn&&jsx(IconColumn,{item,zoomLevel}),columns.map(column=>jsx(DataCell,{column,iconColumnVariant,item,onInlineEditChange},`${column.textValue}-${item.id}`)),shouldRenderActionColumn&&jsx(ActionCellContent,{isCheckboxDisabled:areSelectionCheckboxesDisabled,item,itemActionMenuProps,renderActionCell})]},item.id)})};export{TableBodyWithData as default};
+import{t as IconColumnVariant}from"../../../../../chunks/types.js";import{THUMBNAIL_LIST_VIEW_HEIGHTS}from"../../constants.js";import{GhostTableRow}from"./ghost-table-row/ghost-table-row.js";import{ActionCellContent}from"./action-cell-content.js";import{t as InlineEditingCell}from"../../../../../chunks/inline-editing-cell.js";import{n as metadata_table_module_default,t as TableRow}from"../../../../../chunks/table-row.js";import{Cell,Row,TableBody,Text}from"@box/blueprint-web";import React from"react";import{jsx,jsxs}from"react/jsx-runtime";import{ItemTypeIcon}from"@box/item-icon";import clsx from"clsx";import get from"lodash/get";var getItemMetadataField=(item,columnId,isItemMetadata)=>get(item,isItemMetadata?columnId.split(`.`)[1]:columnId),NameCellWithIcon=React.memo(({column,iconColumnVariant,item})=>{let{id:columnId,isItemMetadata,subtitle,textValue}=column,key=`${textValue}-${item.id}`;return jsx(Cell,{children:jsxs(`div`,{className:metadata_table_module_default.tableNameCell,children:[jsx(ItemTypeIcon,{className:metadata_table_module_default.tableNameCellIconInline,item}),jsxs(`div`,{className:clsx(metadata_table_module_default.tableNameCellTitle,{[metadata_table_module_default.hasSubtitle]:iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE}),children:[jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,children:getItemMetadataField(item,columnId,isItemMetadata)}),iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE&&jsx(Text,{as:`span`,className:metadata_table_module_default.tableNameCellText,color:`textOnLightSecondary`,children:subtitle})]})]})},key)}),CustomCell=React.memo(({column,item})=>{let key=`${column.textValue}-${item.id}`;return jsx(Cell,{children:column.cellRenderer?.(item,column)},key)}),MultiSelectCell=React.memo(({column,item})=>{let key=`${column.textValue}-${item.id}`,options=get(item,column.id);return options?jsx(Cell,{children:options.join(` `)},key):jsx(Cell,{},key)}),DefaultCell=React.memo(({column,item})=>{let{id:columnId,isItemMetadata,textValue}=column,key=`${textValue}-${item.id}`;return jsx(Cell,{children:jsx(Text,{as:`span`,children:getItemMetadataField(item,columnId,isItemMetadata)})},key)}),DataCell=React.memo(({column,iconColumnVariant,item,onInlineEditChange})=>{let{cellRenderer,id:columnId,isInlineEditingEnabled,type}=column,isNameColumnWithInlineIcon=columnId===`item.name`&&(iconColumnVariant===IconColumnVariant.INLINE||iconColumnVariant===IconColumnVariant.INLINE_SUBTITLE);return cellRenderer?jsx(CustomCell,{column,item}):isNameColumnWithInlineIcon?jsx(NameCellWithIcon,{column,iconColumnVariant,item}):isInlineEditingEnabled&&(type===`multiSelect`||type===`enum`)?jsx(InlineEditingCell,{column,item,onInlineEditChange},`${column.id}-${item.id}`):jsx(type===`multiSelect`?MultiSelectCell:DefaultCell,{column,item})}),IconColumn=React.memo(({item,zoomLevel})=>jsx(Cell,{style:{height:THUMBNAIL_LIST_VIEW_HEIGHTS[zoomLevel]},children:jsx(ItemTypeIcon,{className:metadata_table_module_default.iconCell,item})},`item-type-icon-${item.id}`)),TableBodyWithData=({areSelectionCheckboxesDisabled,columnCount,columns,dataTargetPrefix,iconColumnVariant,items,itemActionMenuProps,onInlineEditChange,onTableRowClick,renderActionCell,shouldRenderActionColumn,virtualItems,totalVirtualSize,zoomLevel=0})=>{let shouldShowIconColumn=iconColumnVariant===IconColumnVariant.COLUMN;if(virtualItems){let renderGhostRow=index=>jsx(GhostTableRow,{columnLength:columnCount||0,rowKey:`ghost-${index}`}),renderRow=item=>jsx(TableRow,{areSelectionCheckboxesDisabled,columns,dataTargetPrefix,iconColumnVariant,item,itemActionMenuProps,onTableRowClick,renderActionCell,shouldRenderActionColumn,zoomLevel}),getTopContentOffset=()=>virtualItems[0]?.start||0,getBottomContentOffset=()=>{let lastEnd=virtualItems[virtualItems.length-1]?.end||0;return Math.max((totalVirtualSize||0)-lastEnd,0)},topOffset=getTopContentOffset(),bottomOffset=getBottomContentOffset();return jsxs(TableBody,{children:[!!topOffset&&jsx(Row,{"aria-hidden":!0,isDisabled:!0,style:{height:`${topOffset}px`}}),virtualItems.map(({index})=>index>=items.length?renderGhostRow(index):renderRow(items[index])),!!bottomOffset&&jsx(Row,{"aria-hidden":!0,isDisabled:!0,style:{height:`${bottomOffset}px`}})]})}return jsx(TableBody,{items:items.map(item=>({key:item.id,...item})),children:item=>jsxs(Row,{className:clsx(metadata_table_module_default.tableRow,{[metadata_table_module_default.isClickable]:onTableRowClick}),"data-target-id":dataTargetPrefix?`${dataTargetPrefix}-itemRow-${item.id}`:void 0,id:item.id,onAction:()=>onTableRowClick?.(item),children:[shouldShowIconColumn&&jsx(IconColumn,{item,zoomLevel}),columns.map(column=>jsx(DataCell,{column,iconColumnVariant,item,onInlineEditChange},`${column.textValue}-${item.id}`)),shouldRenderActionColumn&&jsx(ActionCellContent,{isCheckboxDisabled:areSelectionCheckboxesDisabled,item,itemActionMenuProps,renderActionCell})]},item.id)})};export{TableBodyWithData as default};

package/dist/types/lib/components/metadata-table/table-body/table-body-with-data.d.ts

@@ -14,7 +14,7 @@ interface TableBodyWithDataProps extends Omit<MetadataTableProps, keyof TablePro
 type CellProps = {
     item: Item;
     column: Column;
-    iconColumnVariant: IconColumnVariant;
+    iconColumnVariant?: IconColumnVariant;
 };
 export type DataCellProps = CellProps & Pick<InlineEditingCellProps, 'onInlineEditChange'>;
 declare const TableBodyWithData: ({ areSelectionCheckboxesDisabled, columnCount, columns, dataTargetPrefix, iconColumnVariant, items, itemActionMenuProps, onInlineEditChange, onTableRowClick, renderActionCell, shouldRenderActionColumn, virtualItems, totalVirtualSize, zoomLevel, }: TableBodyWithDataProps) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,14 +1,14 @@
 {
     "name": "@box/metadata-view",
-    "version": "2.4.30",
+    "version": "2.4.32",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^18.6.0",
         "@box/blueprint-web-assets": "^5.13.4",
         "@box/box-item-type-selector": "^2.3.28",
-        "@box/content-field": "^3.1.28",
+        "@box/content-field": "^3.1.29",
         "@box/item-icon": "^3.6.28",
-        "@box/metadata-filter": "^2.6.30",
+        "@box/metadata-filter": "^2.6.31",
         "@box/types": "^3.2.33",
         "@tanstack/react-virtual": "^3.10.8",
         "formik": "^2.4.5",
@@ -22,10 +22,10 @@
         "@box/blueprint-web": "^18.6.0",
         "@box/blueprint-web-assets": "^5.13.4",
         "@box/box-item-type-selector": "^2.3.28",
-        "@box/content-field": "^3.1.28",
-        "@box/eslint-plugin-blueprint": "2.3.0",
+        "@box/content-field": "^3.1.29",
+        "@box/eslint-plugin-blueprint": "2.3.1",
         "@box/item-icon": "^3.6.28",
-        "@box/metadata-filter": "^2.6.30",
+        "@box/metadata-filter": "^2.6.31",
         "@box/storybook-utils": "1.4.23",
         "@box/types": "^3.2.33",
         "@tanstack/react-virtual": "^3.10.8",