@leapdevuk/component-toolbox 0.0.135 → 0.1.1

package/dist/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Changelog
 
+### Features
+
+## 0.1.1 (2025-12-17)
+
+- DataGrid add params 'groupingColDef' grouping column definitions by the tree data.
+
+### Features
+
+## 0.1.00 (2025-12-09)
+
+- Updated node packages to latest
+- Updated MUI dependencies to latest 7.3.6
+- Updated React to latest 19.2.1
+- Updated Vite to latest 6.4.1
+- Updated LEAP-host SDK to latest 3.5.3
+- DataGrid add params 'treeData' to enable a hierarchical data structures that organize data into parent-child relationships.
+
+### Features
+
 ## 0.0.135 (2025-11-27)
 
 ### Features

package/dist/components/accordionsummary/AccordionSummary.d.ts

@@ -1,6 +1,4 @@
-declare const LCTAccordionSummary: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-}, "className" | "style" | "classes" | "children" | "sx" | "disabled" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
+declare const LCTAccordionSummary: import('@emotion/styled').StyledComponent<import('@mui/material').AccordionSummaryOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "disabled" | "slots" | "slotProps" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & {
     component?: React.ElementType;
 } & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default LCTAccordionSummary;

package/dist/components/accordiontable/AccordionTable.d.ts

@@ -1,10 +1,9 @@
-import { GridRowParams, GridSlotsComponentsProps } from '@mui/x-data-grid-pro';
-import { GridInitialStatePro } from '@mui/x-data-grid-pro/models/gridStatePro';
+import { GridInitialState, GridRowParams, GridSlotsComponentsProps } from '@mui/x-data-grid-pro';
 interface IAccordionTableProps {
     maxHeight: any;
     rows: any[];
     columns: any;
-    initialState?: GridInitialStatePro | undefined;
+    initialState?: GridInitialState | undefined;
     onRowDoubleClick?: (params: GridRowParams<any>) => void;
     id: (row: any) => any;
     rowHeight?: number;

package/dist/components/datagrid/DataGrid.d.ts

@@ -1,29 +1,32 @@
-import { GridCallbackDetails, GridColDef, GridColumnVisibilityModel, GridInputRowSelectionModel, GridProSlotsComponent, GridRowParams, GridRowSelectionModel, GridSlotProps, GridSlotsComponentsProps, GridValidRowModel } from '@mui/x-data-grid-pro';
-import { GridInitialStatePro } from '@mui/x-data-grid-pro/models/gridStatePro';
+import { GridCallbackDetails, GridColDef, GridColumnVisibilityModel, GridGroupingColDefOverride, GridGroupingColDefOverrideParams, GridInitialState, GridProSlotsComponent, GridRowParams, GridRowSelectionModel, GridSlotProps, GridSlotsComponentsProps, GridValidRowModel } from '@mui/x-data-grid-pro';
 interface IDataGridProps {
-    maxHeight: any;
-    height?: any;
-    rows: any[];
-    columns: GridColDef[];
-    initialState?: GridInitialStatePro | undefined;
-    onRowDoubleClick?: (params: GridRowParams<any>) => void;
-    onRowClick?: (params: GridRowParams<any>) => void;
-    componentsProps?: GridSlotsComponentsProps | undefined;
-    id: (row: any) => any;
     borderTop?: boolean;
-    noDataText?: string;
+    checkboxSelection?: boolean;
     columnHeaderHeight?: number;
-    rowHeight?: number;
-    slots?: Partial<GridProSlotsComponent>;
+    columns: GridColDef[];
     columnVisibilityModel?: GridColumnVisibilityModel;
-    rowSelectionModel?: GridInputRowSelectionModel;
+    componentsProps?: GridSlotsComponentsProps | undefined;
+    defaultGroupingExpansionDepth?: number;
     disableMultipleRowSelection?: boolean;
-    checkboxSelection?: boolean;
-    keepNonExistentRowsSelected?: boolean;
-    onRowSelectionModelChange?: (rowSelectionModel: GridRowSelectionModel, details: GridCallbackDetails) => void;
-    noRowsOverlay?: React.JSXElementConstructor<GridSlotProps["noRowsOverlay"]>;
+    getTreeDataPath?: ((row: GridValidRowModel) => readonly string[]) | undefined;
+    groupingColDef?: GridGroupingColDefOverride<GridValidRowModel> | ((params: GridGroupingColDefOverrideParams) => GridGroupingColDefOverride<GridValidRowModel> | null | undefined) | undefined;
+    height?: any;
     hideFooter?: boolean;
+    id: (row: any) => any;
+    initialState?: GridInitialState | undefined;
     isRowSelectable?: ((params: GridRowParams<GridValidRowModel>) => boolean) | undefined;
+    keepNonExistentRowsSelected?: boolean;
+    maxHeight: any;
+    noDataText?: string;
+    noRowsOverlay?: React.JSXElementConstructor<GridSlotProps["noRowsOverlay"]>;
+    onRowClick?: (params: GridRowParams<any>) => void;
+    onRowDoubleClick?: (params: GridRowParams<any>) => void;
+    onRowSelectionModelChange?: (rowSelectionModel: GridRowSelectionModel, details: GridCallbackDetails) => void;
+    rowHeight?: number;
+    rows: any[];
+    rowSelectionModel?: GridRowSelectionModel;
+    slots?: Partial<GridProSlotsComponent>;
+    treeData?: boolean;
 }
 declare const LCTDataGrid: import('@emotion/styled').StyledComponent<IDataGridProps & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
 export default LCTDataGrid;

package/dist/components/datagridtree/DataGridTree.d.ts

@@ -1,13 +1,11 @@
-import { GridCallbackDetails, GridColDef, GridColumnVisibilityModel, GridProSlotsComponent, GridRowParams, GridRowSelectionModel, GridSlotProps, GridSlotsComponentsProps } from '@mui/x-data-grid-pro';
-import { GridInitialStatePro } from '@mui/x-data-grid-pro/models/gridStatePro';
-import { GridProSlotProps } from '@mui/x-data-grid-pro/models/gridProSlotProps';
+import { GridCallbackDetails, GridColDef, GridColumnVisibilityModel, GridInitialState, GridProSlotsComponent, GridRowParams, GridRowSelectionModel, GridSlotProps, GridSlotsComponentsProps } from '@mui/x-data-grid-pro';
 import { Api } from '@leapdev/leap-host';
 interface IDataGridProps {
     maxHeight: any;
     height?: any;
     rows: any[];
     columns: GridColDef[];
-    initialState?: GridInitialStatePro | undefined;
+    initialState?: GridInitialState | undefined;
     onRowDoubleClick?: (params: GridRowParams<any>) => void;
     onRowClick?: (params: GridRowParams<any>) => void;
     componentsProps?: GridSlotsComponentsProps | undefined;
@@ -17,7 +15,7 @@ interface IDataGridProps {
     columnHeaderHeight?: number;
     rowHeight?: number;
     slots?: Partial<GridProSlotsComponent>;
-    slotProps?: GridProSlotProps;
+    slotProps?: GridSlotProps;
     columnVisibilityModel?: GridColumnVisibilityModel;
     rowSelectionModel?: GridRowSelectionModel;
     setRowSelectionModel?: React.SetStateAction<GridRowSelectionModel>;

package/dist/components/grid/Grid.d.ts

@@ -1,3 +1,3 @@
-import { Grid2Props } from '@mui/material/Grid2';
-declare const LCTGrid: (props: Grid2Props) => import("react/jsx-runtime").JSX.Element;
+import { GridProps } from '@mui/material/Grid';
+declare const LCTGrid: (props: GridProps) => import("react/jsx-runtime").JSX.Element;
 export default LCTGrid;

package/dist/components/listitem/ListItem.d.ts

@@ -1,3 +1,3 @@
-import { ListItemOwnProps } from '@mui/material/ListItem/ListItem';
+import { ListItemOwnProps } from '@mui/material/ListItem';
 declare const LCTListItem: (props: ListItemOwnProps) => import("react/jsx-runtime").JSX.Element;
 export default LCTListItem;