@box/metadata-view 0.39.4 → 0.41.0

package/dist/i18n/tr-TR.js

@@ -19,6 +19,7 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "Filtreler",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "Ara",
   "groupSharedFeatures.metadataView.gridList.gridView": "Kılavuz Görünümü",
+  "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "--",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "İşlem menüsü",
   "groupSharedFeatures.metadataView.itemList.errorMessage": "Bir hata oluştu. Lütfen bu sayfayı yenileyin.",
   "groupSharedFeatures.metadataView.itemList.listView": "Liste görünümü",

package/dist/i18n/zh-CN.js

@@ -19,6 +19,7 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "筛选",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "搜索",
   "groupSharedFeatures.metadataView.gridList.gridView": "网格视图",
+  "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "--",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "操作菜单",
   "groupSharedFeatures.metadataView.itemList.errorMessage": "发生错误。请刷新此页面。",
   "groupSharedFeatures.metadataView.itemList.listView": "列表视图",

package/dist/i18n/zh-TW.js

@@ -19,6 +19,7 @@ export default {
   "groupSharedFeatures.metadataView.filterSidepanel.filtersHeader": "篩選",
   "groupSharedFeatures.metadataView.filterSidepanel.showResultsButton": "搜尋",
   "groupSharedFeatures.metadataView.gridList.gridView": "方格檢視",
+  "groupSharedFeatures.metadataView.inlineEditingCell.unselectedOptionLabel": "--",
   "groupSharedFeatures.metadataView.itemActionMenu.actionMenu": "動作選單",
   "groupSharedFeatures.metadataView.itemList.errorMessage": "出了點問題。請重新整理此頁面。",
   "groupSharedFeatures.metadataView.itemList.listView": "清單檢視",

package/dist/styles/form-filter-chip.css

@@ -1 +1 @@
-._popoverFooter_6tqyh_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}._filterChipGroup_6tqyh_9{display:flex;flex-wrap:wrap}
+._popoverFooter_z1gpu_1{display:flex;flex-direction:row;gap:var(--space-2);align-items:center;justify-content:flex-end}._popoverContent_z1gpu_9{width:320px}._filterChipGroup_z1gpu_13{display:flex;flex-wrap:wrap}

package/dist/types/lib/components/filter-row/all-filters-chip.d.ts

@@ -1,7 +1,6 @@
 import { FilterGroup } from './types';
 interface AllFiltersChipProps {
-    activeFilterCount: number;
     filterGroups: Array<FilterGroup>;
 }
-declare const AllFiltersChip: ({ activeFilterCount, filterGroups }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const AllFiltersChip: ({ filterGroups }: AllFiltersChipProps) => import("react/jsx-runtime").JSX.Element;
 export default AllFiltersChip;

package/dist/types/lib/components/filter-row/form-filter-chip.d.ts

@@ -4,7 +4,6 @@ export interface FormFilterChipProps {
     icon?: React.ForwardRefExoticComponent<Omit<React.SVGProps<SVGSVGElement>, 'ref'> & React.RefAttributes<SVGSVGElement>>;
     id: string;
     name: string;
-    selected: boolean;
 }
-export declare const FormFilterChip: ({ children, formRef, icon, id, name, selected }: FormFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FormFilterChip: ({ children, formRef, icon, id, name }: FormFilterChipProps) => import("react/jsx-runtime").JSX.Element;
 export default FormFilterChip;

package/dist/types/lib/components/filter-row/initial-field-values.d.ts

@@ -1,8 +1,10 @@
 import { MetadataFormFieldValue, MetadataTemplateFieldOption } from '@box/metadata-filter';
+import { MetadataFieldType } from '../../types';
 import { FilterOption, FilterValues } from './types';
 export declare const getInitialFieldValues: (filterOptions: FilterOption[], customFieldValues?: FilterValues) => {
     metadata: {
         fields: Record<string, {
+            fieldType: MetadataFieldType;
             value: MetadataFormFieldValue;
             options?: Array<MetadataTemplateFieldOption>;
         }>;

package/dist/types/lib/components/filter-row/metadata-filter-chip.d.ts

@@ -2,7 +2,6 @@ import { FilterOption } from './types';
 export interface MetadataFilterChipProps {
     filterOption: FilterOption;
     formRef: React.RefObject<HTMLFormElement>;
-    selected: boolean;
 }
-export declare const MetadataFilterChip: ({ filterOption, formRef, selected }: MetadataFilterChipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MetadataFilterChip: ({ filterOption, formRef }: MetadataFilterChipProps) => import("react/jsx-runtime").JSX.Element;
 export default MetadataFilterChip;

package/dist/types/lib/components/filter-row/types.d.ts

@@ -1,6 +1,18 @@
 import { MetadataFormFieldValue } from '@box/metadata-filter';
 import { ReactNode } from 'react';
 import { FilterVariant, MetadataFieldType } from '../../types';
+export interface CustomDateFilterOption {
+    name: string;
+    from: number;
+    to: number;
+}
+export interface CustomDateFilterOptionsProps {
+    name: string;
+    type: string;
+    options?: Array<CustomDateFilterOption>;
+    from?: number;
+    to?: number;
+}
 export interface FilterGroup {
     filters: Array<FilterOption>;
     title?: string;
@@ -14,6 +26,8 @@ export interface FilterOption {
     name?: string;
     options?: string[];
     placeholder?: string;
+    canUseRelativeDates?: boolean;
+    customDateFilterOptions?: Array<CustomDateFilterOptionsProps>;
     selected: boolean;
     shouldRenderChip?: boolean;
     variant?: FilterVariant;
@@ -30,3 +44,8 @@ export interface FilterChipProps {
 export type FilterValues = Record<string, {
     value: MetadataFormFieldValue;
 }>;
+export type MetadataFormValues = {
+    metadata: {
+        fields: FilterValues;
+    };
+};

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

@@ -9,5 +9,10 @@ declare const messages: {
         defaultMessage: string;
         id: string;
     };
+    unselectedOptionLabel: {
+        description: string;
+        defaultMessage: string;
+        id: string;
+    };
 };
 export default messages;

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

@@ -1,14 +1,13 @@
 import { TableProps } from '@box/blueprint-web';
-import { Item } from '@box/types';
 import { IconColumnVariant, Column, MetadataProps } from '../../types';
-export interface MetadataTableProps extends TableProps, MetadataProps {
+import { InlineEditingCellProps } from './table-body/inline-editing-cell/inline-editing-cell';
+export interface MetadataTableProps extends TableProps, MetadataProps, Pick<InlineEditingCellProps, 'onInlineEditChange'> {
     columns: Column[];
     iconColumnVariant?: IconColumnVariant;
     isSelectAllEnabled?: boolean;
     isInfiniteScrollEnabled?: boolean;
     hasNextPage?: boolean;
     onGetNextPage?: () => void;
-    onInlineEditChange?: (item: Item, value: string, columnId: string) => void;
     placeholderRowsCount?: number;
     zoomLevel?: number;
 }

package/dist/types/lib/components/metadata-table/table-body/inline-editing-cell/inline-editing-cell.d.ts

@@ -1,10 +1,9 @@
 import { Item } from '@box/types';
 import { Column } from '../../../../types';
-interface InlineEditingCellProps {
+export interface InlineEditingCellProps {
     column: Column;
     item: Item;
-    onInlineEditChange: (item: Item, selection: string | string[], columnId: string) => void;
-    type: 'multiSelect' | 'enum';
+    onInlineEditChange?: (item: Item, value: string | string[] | null, columnId: string) => void;
 }
-declare const InlineEditingCell: ({ column, item, onInlineEditChange, type }: InlineEditingCellProps) => import("react/jsx-runtime").JSX.Element;
+declare const InlineEditingCell: ({ column, item, onInlineEditChange }: InlineEditingCellProps) => import("react/jsx-runtime").JSX.Element;
 export default InlineEditingCell;

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

@@ -3,18 +3,16 @@ import { Item } from '@box/types';
 import { VirtualItem } from '@tanstack/react-virtual';
 import { IconColumnVariant, Column } from '../../../types';
 import { MetadataTableProps } from '../metadata-table';
-interface TableBodyWithDataProps extends Omit<MetadataTableProps, keyof TableProps> {
+import { InlineEditingCellProps } from './inline-editing-cell/inline-editing-cell';
+interface TableBodyWithDataProps extends Omit<MetadataTableProps, keyof TableProps>, Pick<InlineEditingCellProps, 'onInlineEditChange'> {
     virtualItems?: VirtualItem[];
     columnCount?: number;
-    onInlineEditChange?: (item: Item, value: string, columnId: string) => void;
 }
 type CellProps = {
     item: Item;
     column: Column;
     iconColumnVariant: IconColumnVariant;
 };
-export interface DataCellProps extends CellProps {
-    onInlineEditChange?: (item: Item, value: string, columnId: string) => void;
-}
+export type DataCellProps = CellProps & Pick<InlineEditingCellProps, 'onInlineEditChange'>;
 declare const TableBodyWithData: ({ columns, iconColumnVariant, isSelectAllEnabled, items, itemActionMenuProps, virtualItems, columnCount, zoomLevel, onInlineEditChange, }: TableBodyWithDataProps) => import("react/jsx-runtime").JSX.Element;
 export default TableBodyWithData;

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

@@ -1,9 +1,9 @@
 import { VirtualItem } from '@tanstack/react-virtual';
 import { useIntl } from 'react-intl';
 import { TableProps } from '@box/blueprint-web';
-import { Item } from '@box/types';
 import { IconColumnVariant, Column, MetadataProps } from '../../types';
-export interface TableRendererProps {
+import { InlineEditingCellProps } from './table-body/inline-editing-cell/inline-editing-cell';
+export interface TableRendererProps extends Pick<InlineEditingCellProps, 'onInlineEditChange'> {
     tableHeader: React.ReactNode;
     columns: Column[];
     iconColumnVariant?: IconColumnVariant;
@@ -17,7 +17,6 @@ export interface TableRendererProps {
     style?: React.CSSProperties;
     columnCount?: number;
     zoomLevel?: number;
-    onInlineEditChange?: (item: Item, value: string, columnId: string) => void;
 }
 declare const TableRenderer: ({ tableHeader, columns, iconColumnVariant, isSelectAllEnabled, itemActionMenuProps, items, isLoading, formatMessage, tableProps, virtualItems, style, columnCount: passedColumnCount, zoomLevel, onInlineEditChange, }: TableRendererProps) => import("react/jsx-runtime").JSX.Element;
 export default TableRenderer;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/metadata-view",
-    "version": "0.39.4",
+    "version": "0.41.0",
     "license": "SEE LICENSE IN LICENSE",
     "peerDependencies": {
         "@box/blueprint-web": "^11.12.0",
@@ -23,7 +23,7 @@
         "@box/box-item-type-selector": "^0.63.10",
         "@box/eslint-plugin-blueprint": "*",
         "@box/item-icon": "^0.17.13",
-        "@box/metadata-filter": "^1.18.11",
+        "@box/metadata-filter": "^1.19.0",
         "@box/storybook-utils": "0.13.18",
         "@box/types": "0.2.1",
         "@tanstack/react-virtual": "^3.10.8",