@up42/up-components 5.2.2 → 5.3.1

package/dist/esm/types/components/DataGrid/DataGrid.d.ts

@@ -1,6 +1,6 @@
 import { DataGridPremiumProps as MuiDataGridProps } from '@mui/x-data-grid-premium';
-export { GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
-export type { GridColDef, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from '@mui/x-data-grid-premium';
+export { GridRow, GridCell, GridEditInputCell, GridCellModes, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from '@mui/x-data-grid-premium';
+export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from '@mui/x-data-grid-premium';
 import React from 'react';
 import { MUIGlobalOmit } from '@global/utils/types';
 export type DataGridProps = MUIGlobalOmit<MuiDataGridProps>;

package/dist/esm/types/components/EditTagsButton/EditTagsButton.d.ts

@@ -10,4 +10,7 @@ export type EditTagsButtonProps = {
     sx?: SxProps<Theme>;
     variant?: ButtonProps['variant'];
 };
-export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip, isUpdatingTags, sx, variant, }: EditTagsButtonProps): React.JSX.Element;
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-entry-edittagsbutton--docs
+ */
+export declare const EditTagsButton: React.ForwardRefExoticComponent<EditTagsButtonProps & React.RefAttributes<unknown>>;

package/dist/esm/types/components/TagsList/Tags.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import { TagItem } from './TagsList';
 type TagsProps = {
-    tags: string[];
+    tags: TagItem[];
     setHiddenTagCount: (count: number) => void;
     hiddenTagCount: number;
     parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;

package/dist/esm/types/components/TagsList/TagsList.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
 import { SxProps, Theme } from '@mui/material';
+export type TagItem = {
+    label: string;
+    onDelete?: (e: unknown) => void;
+};
 export type TagsListProps = {
-    tags: string[];
+    tags: string[] | TagItem[];
     onTagsUpdate?: (tags: string[]) => Promise<void>;
     isUpdatingTags?: boolean;
     sx?: SxProps<Theme>;

package/dist/esm/types/components/TagsList/useCalculateTagsOverflow.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { TagItem } from './TagsList';
 type UseCalculateTagsOverflowProps = {
-    tags: string[];
+    tags: TagItem[];
     parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
     tagsMeasurementRef: React.MutableRefObject<HTMLDivElement | null>;
     hiddenTagCount: number;
@@ -9,7 +10,7 @@ type UseCalculateTagsOverflowProps = {
 };
 type UseCalculateTagsOverflowReturn = {
     measurementContainerWidth: number;
-    visibleTags: string[];
+    visibleTags: TagItem[];
 };
 export declare const TAG_GAP: string;
 /**
@@ -21,7 +22,7 @@ export declare const TAG_GAP: string;
  * - State management for measurement and visibility
  * - Window and container resize handling with debounced ResizeObserver handler
  *
- * @param tags - The array of tag strings to display
+ * @param tags - The array of tag objects to display
  * @param parentContainerRef - Reference to the parent container for width measurement
  * @param tagsMeasurementRef - Reference to the measurement container for width measurement
  * @param hiddenTagCount - Current number of hidden tags

package/dist/esm/types/index.d.ts

@@ -49,15 +49,15 @@ export { FeatureCard, type FeatureCardProps } from './components/FeatureCard/Fea
 export { FeatureCardHeader, type FeatureCardHeaderProps } from './components/FeatureCardHeader/FeatureCardHeader';
 export { FeatureCardHeaderActions, type IconAction, type MenuAction, type FeatureCardHeaderActionsProps, } from './components/FeatureCardHeaderActions/FeatureCardHeaderActions';
 export { StatusLight, type StatusLightProps } from './components/StatusLight/StatusLight';
-export { TagsList, type TagsListProps } from './components/TagsList/TagsList';
+export { TagsList, type TagsListProps, type TagItem } from './components/TagsList/TagsList';
 export { EditTagsButton, type EditTagsButtonProps } from './components/EditTagsButton/EditTagsButton';
 export { FeatureFlagCheckbox, type FeatureFlagCheckboxProps, } from './components/FeatureFlagCheckbox/FeatureFlagCheckbox';
 export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
 export { CodeInline, type CodeInlineProps } from './components/CodeInline/CodeInline';
 export { CodeSnippet, type CodeSnippetProps, type CodeSnippetItemProps } from './components/CodeSnippet/CodeSnippet';
 export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
-export { DataGrid, GridRow, GridCell, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from './components/DataGrid/DataGrid';
-export type { GridColDef, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';
+export { DataGrid, GridRow, GridCell, GridEditInputCell, GridCellModes, GridFooter, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridRowCount, GridSelectedRowCount, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, useGridApiContext, useGridApiRef, useGridSelector, } from './components/DataGrid/DataGrid';
+export type { GridColDef, GridRenderEditCellParams, GridCellModesModel, GridCellParams, GridRenderCellParams, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSortModel, GridTreeNodeWithRender, GridColumnHeaderParams, GridEditCellProps, GridInitialState, GridPreProcessEditCellProps, } from './components/DataGrid/DataGrid';
 export { capitalize } from './utils/helpers/capitalize';
 export { copyToClipboard } from './utils/helpers/copyToClipboard';
 export { formatNumber } from './utils/helpers/formatNumber';

package/dist/index.d.ts

@@ -21,7 +21,7 @@ import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/Ta
 import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
 import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
 import { DataGridPremiumProps } from '@mui/x-data-grid-premium';
-export { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, GridCell, GridColDef, GridColumnHeaderParams, GridEditCellProps, GridFooter, GridInitialState, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPreProcessEditCellProps, GridRenderCellParams, GridRow, GridRowCount, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSelectedRowCount, GridSortModel, GridTreeNodeWithRender, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, useGridApiContext, useGridApiRef, useGridSelector } from '@mui/x-data-grid-premium';
+export { GRID_DETAIL_PANEL_TOGGLE_COL_DEF, GRID_DETAIL_PANEL_TOGGLE_FIELD, GridCell, GridCellModes, GridCellModesModel, GridCellParams, GridColDef, GridColumnHeaderParams, GridEditCellProps, GridEditInputCell, GridFooter, GridInitialState, GridLoadingOverlay, GridNoRowsOverlay, GridPagination, GridPreProcessEditCellProps, GridRenderCellParams, GridRenderEditCellParams, GridRow, GridRowCount, GridRowId, GridRowParams, GridRowSelectionModel, GridRowsProp, GridSelectedRowCount, GridSortModel, GridTreeNodeWithRender, gridColumnDefinitionsSelector, gridColumnVisibilityModelSelector, gridDetailPanelExpandedRowIdsSelector, gridDetailPanelExpandedRowsContentCacheSelector, gridRowsLookupSelector, useGridApiContext, useGridApiRef, useGridSelector } from '@mui/x-data-grid-premium';
 
 interface UpComponentsProviderProps extends Omit<ThemeProviderProps, 'theme'> {
     licenseKey: string;
@@ -5321,8 +5321,12 @@ type StatusLightProps = {
  */
 declare const StatusLight: ({ label, variant, color, size, sx, }: StatusLightProps) => React__default.JSX.Element;
 
+type TagItem = {
+    label: string;
+    onDelete?: (e: unknown) => void;
+};
 type TagsListProps = {
-    tags: string[];
+    tags: string[] | TagItem[];
     onTagsUpdate?: (tags: string[]) => Promise<void>;
     isUpdatingTags?: boolean;
     sx?: SxProps<Theme>;
@@ -5341,7 +5345,10 @@ type EditTagsButtonProps = {
     sx?: SxProps<Theme>;
     variant?: ButtonProps$2['variant'];
 };
-declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip, isUpdatingTags, sx, variant, }: EditTagsButtonProps): React__default.JSX.Element;
+/**
+ * Documentation: https://up-components.up42.com/?path=/docs/data-entry-edittagsbutton--docs
+ */
+declare const EditTagsButton: React__default.ForwardRefExoticComponent<EditTagsButtonProps & React__default.RefAttributes<unknown>>;
 
 type FeatureFlagCheckboxProps = {
     label: string;
@@ -5641,4 +5648,4 @@ type ContextState = {
 declare const useAlert: () => ContextState;
 
 export { Alert, Avatar, Badge, Banner, Button, Checkbox, CodeInline, CodeSnippet, ContactBox, ControlButton, CopyButton, DataGrid, DateTime, Divider, DocumentationPopover, EditTagsButton, EmptyState, FeatureCard, FeatureCardHeader, FeatureCardHeaderActions, FeatureFlagCheckbox, FormCheckbox, FormDatePicker, FormDateRangePicker, FormDateRangePickerList, FormDateTimePicker, FormInput, FormRadio, FormSelect, FormSwitch, GridContainer, GridItem, Icon, Illustration, InfoCard, InfoModal, InfoPopover, Input, Link, Loading, Logo, NotFound, PageContainer, PageHeader, Radio, Select, Slider, StatusLight, Switch, Tab, TabGroup, Table, TableBody, TableCell, TableContainer, TableFooter, TableHead, TablePagination, TableRow, TableSortLabel, Tabs, Tag, TagsList, Typography, UpComponentsProvider, capitalize, copyToClipboard, formatDate, formatFileSize, formatNumber, theme, useAlert, useCursorPagination, useDebounce, useQueryParams, useRemotePagination, useToggle };
-export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagProps, TagsListProps, TypographyProps, UseToggleResult };
+export type { AlertProps, AvatarProps, BadgeProps, BannerProps, ButtonProps, CheckboxProps, CodeInlineProps, CodeSnippetItemProps, CodeSnippetProps, ContactBoxProps, ControlButtonProps, CopyButtonProps, CreateAlertProps, CreateSnackbarProps, CursorPaginatedResponse, DatePickerDateType, DateRange, DateTimeProps, DividerProps, DocumentationPopoverProps, EditTagsButtonProps, EmptyStateProps, FeatureCardHeaderActionsProps, FeatureCardHeaderProps, FeatureCardProps, FeatureFlagCheckboxProps, FormCheckboxProps, FormDatePickerProps, FormDateRangePickerListProps, FormDateRangePickerProps, FormDateTimePickerProps, FormInputProps, FormRadioProps, FormSelectProps, FormSwitchProps, GridContainerProps, GridItemProps, IconAction, IconProps$1 as IconProps, IllustrationProps, InfoCardProps, InfoModalProps, InfoPopoverProps, InputProps, LinkProps, LoadingProps, LogoProps, MenuAction, NotFoundProps, PageContainerProps, PageHeaderProps, PaginatedResponse, RadioProps, SelectProps, SliderProps, StatusLightProps, SwitchProps, TabGroupProps, TabProps, TableBodyProps, TableCellProps, TableContainerProps, TableFooterProps, TableHeadProps, TablePaginationProps, TableProps, TableRowProps, TableSortLabelProps, TabsProps, TagItem, TagProps, TagsListProps, TypographyProps, UseToggleResult };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@up42/up-components",
-  "version": "5.2.2",
+  "version": "5.3.1",
   "description": "UP42 Component Library",
   "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
   "license": "ISC",