@box/metadata-view 0.19.1 → 0.20.0

package/dist/i18n/sv-SE.properties

@@ -1,3 +1,7 @@
+# Body text for the empty state when no items are found
+groupSharedFeatures.emptyState.body = Try adjusting your filters or keywords.
+# Heading for the empty state when no items are found
+groupSharedFeatures.emptyState.heading = Sorry, we couldn't find what you're looking for.
 # Button label to open the sidepanel with all filters
 groupSharedFeatures.metadataView.filterRow.AllFilters = Alla filter
 # Button label to apply the current input as a filter to the metadata table
@@ -6,9 +10,21 @@ groupSharedFeatures.metadataView.filterRow.applyButton = Tillämpa
 groupSharedFeatures.metadataView.filterRow.clearButton = Rensa
 # Placeholder text for the input field in the filter row
 groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = Ange värde
+# Button label to clear all filters in the sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = Clear All
+# Aria label for the close button in the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = Close
+# Header for the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = Filters
+# Button label to apply filters and show results
+groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = Search
 # Label for the action menu for an item in the metadata view list
 groupSharedFeatures.metadataView.itemActionMenu.actionMenu = Åtgärdsmeny
+# Error message displayed when metadata fails to load
+groupSharedFeatures.metadataView.itemList.errorMessage = Något gick fel. Uppdatera den här sidan.
 # Label for the list of files and folders displayed in a list view
 groupSharedFeatures.metadataView.itemList.listView = Listvy
+# Label for the refresh button in error state
+groupSharedFeatures.metadataView.itemList.refreshButton = Uppdatera
 # Label for the select all checkbox in the metadata table
 groupSharedFeatures.metadataView.itemList.selectAll = Välj alla

package/dist/i18n/tr-TR.js

@@ -1,6 +1,8 @@
 export default {
   "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
   "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
+  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
+  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "Tüm Filtreler",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "Uygula",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "Temizle",
@@ -9,9 +11,10 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "Filters",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "Search",
+  "groupSharedFeatures.metadataView.gridList.gridView": "Grid View",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "İşlem menüsü",
-  "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
+  "groupSharedFeatures.metadataView.itemList.errorMessage": "Bir hata oluştu. Lütfen bu sayfayı yenileyin.",
   "groupSharedFeatures.metadataView.itemList.listView": "Liste görünümü",
-  "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
+  "groupSharedFeatures.metadataView.itemList.refreshButton": "Yenile",
   "groupSharedFeatures.metadataView.itemList.selectAll": "Tümünü Seç"
 }

package/dist/i18n/tr-TR.properties

@@ -1,3 +1,7 @@
+# Body text for the empty state when no items are found
+groupSharedFeatures.emptyState.body = Try adjusting your filters or keywords.
+# Heading for the empty state when no items are found
+groupSharedFeatures.emptyState.heading = Sorry, we couldn't find what you're looking for.
 # Button label to open the sidepanel with all filters
 groupSharedFeatures.metadataView.filterRow.AllFilters = Tüm Filtreler
 # Button label to apply the current input as a filter to the metadata table
@@ -6,9 +10,21 @@ groupSharedFeatures.metadataView.filterRow.applyButton = Uygula
 groupSharedFeatures.metadataView.filterRow.clearButton = Temizle
 # Placeholder text for the input field in the filter row
 groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = Değer Ayarla
+# Button label to clear all filters in the sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = Clear All
+# Aria label for the close button in the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = Close
+# Header for the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = Filters
+# Button label to apply filters and show results
+groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = Search
 # Label for the action menu for an item in the metadata view list
 groupSharedFeatures.metadataView.itemActionMenu.actionMenu = İşlem menüsü
+# Error message displayed when metadata fails to load
+groupSharedFeatures.metadataView.itemList.errorMessage = Bir hata oluştu. Lütfen bu sayfayı yenileyin.
 # Label for the list of files and folders displayed in a list view
 groupSharedFeatures.metadataView.itemList.listView = Liste görünümü
+# Label for the refresh button in error state
+groupSharedFeatures.metadataView.itemList.refreshButton = Yenile
 # Label for the select all checkbox in the metadata table
 groupSharedFeatures.metadataView.itemList.selectAll = Tümünü Seç

package/dist/i18n/zh-CN.js

@@ -1,6 +1,8 @@
 export default {
   "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
   "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
+  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
+  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "所有筛选条件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "应用程序",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
@@ -9,9 +11,10 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "Filters",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "Search",
+  "groupSharedFeatures.metadataView.gridList.gridView": "Grid View",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "操作菜单",
-  "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
+  "groupSharedFeatures.metadataView.itemList.errorMessage": "发生错误。请刷新此页面。",
   "groupSharedFeatures.metadataView.itemList.listView": "列表视图",
-  "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
+  "groupSharedFeatures.metadataView.itemList.refreshButton": "刷新",
   "groupSharedFeatures.metadataView.itemList.selectAll": "选择全部"
 }

package/dist/i18n/zh-CN.properties

@@ -1,3 +1,7 @@
+# Body text for the empty state when no items are found
+groupSharedFeatures.emptyState.body = Try adjusting your filters or keywords.
+# Heading for the empty state when no items are found
+groupSharedFeatures.emptyState.heading = Sorry, we couldn't find what you're looking for.
 # Button label to open the sidepanel with all filters
 groupSharedFeatures.metadataView.filterRow.AllFilters = 所有筛选条件
 # Button label to apply the current input as a filter to the metadata table
@@ -6,9 +10,21 @@ groupSharedFeatures.metadataView.filterRow.applyButton = 应用程序
 groupSharedFeatures.metadataView.filterRow.clearButton = 清除
 # Placeholder text for the input field in the filter row
 groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = 设置值
+# Button label to clear all filters in the sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = Clear All
+# Aria label for the close button in the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = Close
+# Header for the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = Filters
+# Button label to apply filters and show results
+groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = Search
 # Label for the action menu for an item in the metadata view list
 groupSharedFeatures.metadataView.itemActionMenu.actionMenu = 操作菜单
+# Error message displayed when metadata fails to load
+groupSharedFeatures.metadataView.itemList.errorMessage = 发生错误。请刷新此页面。
 # Label for the list of files and folders displayed in a list view
 groupSharedFeatures.metadataView.itemList.listView = 列表视图
+# Label for the refresh button in error state
+groupSharedFeatures.metadataView.itemList.refreshButton = 刷新
 # Label for the select all checkbox in the metadata table
 groupSharedFeatures.metadataView.itemList.selectAll = 选择全部

package/dist/i18n/zh-TW.js

@@ -1,6 +1,8 @@
 export default {
   "groupSharedFeatures.emptyState.body": "Try adjusting your filters or keywords.",
   "groupSharedFeatures.emptyState.heading": "Sorry, we couldn't find what you're looking for.",
+  "groupSharedFeatures.metadataView.actionBar.switchToGridView": "Switch to Grid View",
+  "groupSharedFeatures.metadataView.actionBar.switchToListView": "Switch to List View",
   "groupSharedFeatures.metadataView.filterRow.AllFilters": "全部篩選條件",
   "groupSharedFeatures.metadataView.filterRow.applyButton": "套用",
   "groupSharedFeatures.metadataView.filterRow.clearButton": "清除",
@@ -9,9 +11,10 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel": "Close",
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "Filters",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "Search",
+  "groupSharedFeatures.metadataView.gridList.gridView": "Grid View",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "動作選單",
-  "groupSharedFeatures.metadataView.itemList.errorMessage": "Something went wrong. Please refresh this page.",
+  "groupSharedFeatures.metadataView.itemList.errorMessage": "出了點問題。請重新整理此頁面。",
   "groupSharedFeatures.metadataView.itemList.listView": "清單檢視",
-  "groupSharedFeatures.metadataView.itemList.refreshButton": "Refresh",
+  "groupSharedFeatures.metadataView.itemList.refreshButton": "重新整理",
   "groupSharedFeatures.metadataView.itemList.selectAll": "全選"
 }

package/dist/i18n/zh-TW.properties

@@ -1,3 +1,7 @@
+# Body text for the empty state when no items are found
+groupSharedFeatures.emptyState.body = Try adjusting your filters or keywords.
+# Heading for the empty state when no items are found
+groupSharedFeatures.emptyState.heading = Sorry, we couldn't find what you're looking for.
 # Button label to open the sidepanel with all filters
 groupSharedFeatures.metadataView.filterRow.AllFilters = 全部篩選條件
 # Button label to apply the current input as a filter to the metadata table
@@ -6,9 +10,21 @@ groupSharedFeatures.metadataView.filterRow.applyButton = 套用
 groupSharedFeatures.metadataView.filterRow.clearButton = 清除
 # Placeholder text for the input field in the filter row
 groupSharedFeatures.metadataView.filterRow.textInputPlaceholder = 設定值
+# Button label to clear all filters in the sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.clearAllButton = Clear All
+# Aria label for the close button in the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.closeAriaLabel = Close
+# Header for the filter sidepanel
+groupSharedFeatures.metadataView.filterSidepanel.filtersHeader = Filters
+# Button label to apply filters and show results
+groupSharedFeatures.metadataView.filterSidepanel.showResultsButton = Search
 # Label for the action menu for an item in the metadata view list
 groupSharedFeatures.metadataView.itemActionMenu.actionMenu = 動作選單
+# Error message displayed when metadata fails to load
+groupSharedFeatures.metadataView.itemList.errorMessage = 出了點問題。請重新整理此頁面。
 # Label for the list of files and folders displayed in a list view
 groupSharedFeatures.metadataView.itemList.listView = 清單檢視
+# Label for the refresh button in error state
+groupSharedFeatures.metadataView.itemList.refreshButton = 重新整理
 # Label for the select all checkbox in the metadata table
 groupSharedFeatures.metadataView.itemList.selectAll = 全選

package/dist/styles/metadata-grid.css

@@ -0,0 +1 @@
+._itemThumbnail_1j3e6_1{display:flex;align-items:center;justify-content:center}

package/dist/types/index.d.ts

@@ -1 +1,2 @@
 export * from './lib/metadata-view';
+export * from './lib/types';

package/dist/types/lib/components/action-bar/action-bar.d.ts

@@ -1,6 +1,8 @@
 import { FilterRowProps } from '../filter-row';
-export interface ActionBarProps {
-    filterRowProps: FilterRowProps;
+import { ViewMode } from '../../types';
+export interface ActionBarProps extends FilterRowProps {
+    onViewModeClick?: () => void;
+    viewMode?: ViewMode;
 }
-export declare const ActionBar: ({ filterRowProps }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionBar: ({ onViewModeClick, viewMode, ...rest }: ActionBarProps) => import("react/jsx-runtime").JSX.Element;
 export default ActionBar;

package/dist/types/lib/components/action-bar/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    switchToGridView: {
+        description: string;
+        defaultMessage: string;
+        id: string;
+    };
+    switchToListView: {
+        description: string;
+        defaultMessage: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/item-action-menu/item-action-menu.d.ts

@@ -1,5 +1,6 @@
 import { FunctionComponent, PropsWithChildren, SVGProps } from 'react';
 import { Item } from '@box/types';
+import { ViewMode } from '../../types';
 export interface ItemAction {
     label: string;
     onClick: (item: Item) => void;
@@ -16,5 +17,6 @@ export interface ItemActionMenuProps {
         label: string;
         icon: FunctionComponent<PropsWithChildren<SVGProps<SVGSVGElement>>>;
     };
+    viewMode?: ViewMode;
 }
-export declare function ItemActionMenu({ actions, inlineActions, isDisabled, item, onOpenChange, subMenuActions, subMenuTrigger, }: ItemActionMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function ItemActionMenu({ actions, inlineActions, isDisabled, item, onOpenChange, subMenuActions, subMenuTrigger, viewMode, }: ItemActionMenuProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/metadata-grid/messages.d.ts

@@ -0,0 +1,8 @@
+declare const messages: {
+    gridView: {
+        description: string;
+        defaultMessage: string;
+        id: string;
+    };
+};
+export default messages;

package/dist/types/lib/components/metadata-grid/metadata-grid.d.ts

@@ -0,0 +1,4 @@
+import { MetadataProps } from '../../types';
+export type MetadataGridProps = MetadataProps;
+export declare const MetadataGrid: ({ items, itemActionMenuProps }: MetadataGridProps) => import("react/jsx-runtime").JSX.Element;
+export default MetadataGrid;

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

@@ -1,14 +1,9 @@
 import { TableProps } from '@box/blueprint-web';
-import { Item } from '@box/types';
-import { ItemActionMenuProps } from '../item-action-menu';
-import { IconColumnVariant, Column } from '../../types';
-export interface MetadataTableProps extends TableProps {
+import { IconColumnVariant, Column, MetadataProps } from '../../types';
+export interface MetadataTableProps extends TableProps, MetadataProps {
     columns: Column[];
     iconColumnVariant?: IconColumnVariant;
-    isLoading?: boolean;
     isSelectAllEnabled?: boolean;
-    items: Item[];
-    itemActionMenuProps?: Omit<ItemActionMenuProps, 'item' | 'onOpenChange'>;
 }
 declare const MetadataTable: ({ columns, isLoading, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, ...tableProps }: MetadataTableProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataTable;

package/dist/types/lib/components/switch-case/switch-case.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface CaseProps {
+    condition: boolean;
+    children?: React.ReactNode;
+}
+export declare const Case: React.FC<CaseProps>;
+type CaseElement = React.ReactElement<CaseProps>;
+interface SwitchCaseProps {
+    children: CaseElement | CaseElement[];
+}
+export declare const SwitchCase: React.FC<SwitchCaseProps>;
+export {};

package/dist/types/lib/metadata-view.d.ts

@@ -1,10 +1,12 @@
 import { MetadataTableProps } from './components/metadata-table';
-import { FilterRowProps } from './components/filter-row';
-export interface MetadataViewProps {
-    filterRowProps: FilterRowProps;
-    metadataTableProps: MetadataTableProps;
+import { ActionBarProps } from './components/action-bar';
+import { MetadataProps, ViewMode } from './types';
+export interface MetadataViewProps extends MetadataProps {
+    actionBarProps: Omit<ActionBarProps, 'onViewModeChange' | 'viewMode'>;
     hasError?: boolean;
+    initialViewMode?: ViewMode;
     onRefresh?: () => void;
+    tableProps: Omit<MetadataTableProps, 'items' | 'itemActionMenuProps'>;
 }
-export declare function MetadataView({ filterRowProps, metadataTableProps, hasError, onRefresh }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function MetadataView({ actionBarProps, tableProps, hasError, onRefresh, initialViewMode, ...rest }: MetadataViewProps): import("react/jsx-runtime").JSX.Element;
 export default MetadataView;

package/dist/types/lib/types.d.ts

@@ -1,6 +1,7 @@
 import { ColumnProps } from '@box/blueprint-web';
 import { default as React } from 'react';
 import { Item } from '@box/types';
+import { ItemActionMenuProps } from './components/item-action-menu';
 export type MetadataFieldType = 'date' | 'enum' | 'float' | 'multiSelect' | 'string';
 export interface Column extends Partial<ColumnProps> {
     cellRenderer?: (item: Item, column: Column) => React.ReactNode | undefined;
@@ -15,3 +16,12 @@ export declare enum IconColumnVariant {
     COLUMN = "column",
     INLINE_SUBTITLE = "inline-subtitle"
 }
+export interface MetadataProps {
+    isLoading?: boolean;
+    items: Item[];
+    itemActionMenuProps?: Omit<ItemActionMenuProps, 'item' | 'onOpenChange' | ' viewMode'>;
+}
+export declare enum ViewMode {
+    GRID = "grid",
+    LIST = "list"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.19.1",
+    "version": "0.20.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -18,8 +18,8 @@
         "@box/blueprint-web": "^11.12.0",
         "@box/blueprint-web-assets": "^4.56.6",
         "@box/eslint-plugin-blueprint": "*",
-        "@box/item-icon": "^0.11.5",
-        "@box/metadata-filter": "^1.12.5",
+        "@box/item-icon": "^0.12.0",
+        "@box/metadata-filter": "^1.13.0",
         "@box/storybook-utils": "0.13.10",
         "@box/types": "0.2.0",
         "react-intl": "^6.4.2"