@dartech/arsenal-ui 1.4.42 → 1.4.44

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dartech/arsenal-ui",
-  "version": "1.4.42",
+  "version": "1.4.44",
   "author": "DAR",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/src/interfaces/ui.d.ts

@@ -26,7 +26,7 @@ export interface Option<T = string> {
     value: T;
     label: string;
 }
-export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number';
+export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number' | 'collapsed_array';
 export type JsonPathPickerProperty = {
     properties: PropertiesArrayType;
     pathPrefix: string;

package/src/lib/Forms/ControlArrayInput.d.ts

@@ -1,11 +1,14 @@
 import { ReactNode } from 'react';
 import { Control } from 'react-hook-form';
-type Props = {
+import { TextFieldProps } from '@mui/material/TextField';
+type Props = TextFieldProps & {
     name: string;
     control: Control<any>;
     label: ReactNode;
     required?: boolean;
     defaultValue?: [] | null;
+    onChange?: any;
+    textFieldLabel?: string;
 };
-export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, }: Props) => JSX.Element;
+export declare const ControlArrayInput: ({ name, control, label, required, defaultValue, onChange: customOnChange, textFieldLabel, ...textFieldProps }: Props) => JSX.Element;
 export {};

package/src/lib/OverflowTooltip/OverflowTooltip.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const OverflowTip: ({ children }: {
+    children: any;
+}) => JSX.Element;

package/src/lib/OverflowTooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './OverflowTooltip';

package/src/lib/Property/UpsertProperty/PropertyValueField/BooleanValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Control } from 'react-hook-form';
 type Props = {
     control: Control<any>;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateTimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/DateValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     format: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/JsonValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/UpsertProperty/PropertyValueField/TimeValueField.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     name: string;
     label?: string;

package/src/lib/Property/ViewProperty/PropertyItem.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PropertyUnion } from '../../../interfaces';
 type PropertyItemProps = {
     property: PropertyUnion;

package/src/lib/Table/DataGrid/DataGrid.styled.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const StyledDataGrid: import("@emotion/styled").StyledComponent<Omit<Partial<import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithDefaultValues> & import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithComplexDefaultValueBeforeProcessing & import("@mui/x-data-grid/models/props/DataGridProps").DataGridPropsWithoutDefaultValue<import("@mui/x-data-grid").GridValidRowModel>, import("@mui/x-data-grid/models/props/DataGridProps").DataGridForcedPropsKey> & {
+    pagination?: true;
+} & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/src/lib/Table/DataGrid/Table.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Ref } from 'react';
 import { GridCellParams, GridColumns, GridFeatureMode, GridRowsProp } from '@mui/x-data-grid';
 /**
  * This interface is referencing the [[Table]] component props.
@@ -40,10 +40,7 @@ export interface TableProps {
      */
     onCellClick?: (params: GridCellParams, event: React.MouseEvent) => void;
     pagination?: boolean;
+    refProp?: Ref<unknown>;
 }
-/**
- * Main data display component. MUI DataGrid used
- * @category Common UI components
- */
 export declare const Table: ({ columns, rows, rowCount, loading, disableMargin, mode, initialPageSize, pagination, onCellClick, }: TableProps) => JSX.Element;
 export default Table;

package/src/lib/Table/SimpleTable/SimpleTable.d.ts

@@ -10,8 +10,9 @@ interface Props<T> {
     children?: ReactNode;
     verticalAlign?: 'top' | 'middle' | 'bottom' | 'sub' | 'baseline';
     emptyDataText?: string;
+    labelRowsPerPage?: string;
 }
-declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
+declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign, labelRowsPerPage, }: Props<T>, ref: ForwardedRef<any>): JSX.Element;
 export declare const SimpleTable: <T>(props: Props<T> & {
     ref?: ForwardedRef<HTMLTableElement>;
 }) => ReturnType<typeof TableInner>;

package/src/lib/Table/SimpleTable/Table.styled.d.ts

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const TableSortLabel: import("@emotion/styled").StyledComponent<{
+    active?: boolean;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material/TableSortLabel").TableSortLabelClasses>;
+    direction?: "desc" | "asc";
+    hideSortIcon?: boolean;
+    IconComponent?: import("react").JSXElementConstructor<{
+        className: string;
+    }>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+} & Omit<{
+    action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
+    centerRipple?: boolean;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
+    disabled?: boolean;
+    disableRipple?: boolean;
+    disableTouchRipple?: boolean;
+    focusRipple?: boolean;
+    focusVisibleClassName?: string;
+    LinkComponent?: import("react").ElementType<any>;
+    onFocusVisible?: import("react").FocusEventHandler<any>;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
+    tabIndex?: number;
+    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
+    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLSpanElement>;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "children" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "direction" | "active" | "hideSortIcon" | "IconComponent"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/src/lib/index.d.ts

@@ -14,3 +14,4 @@ export * from './StepperView';
 export * from './Sidebar';
 export * from './ContentLayout';
 export * from './Breadcrumbs';
+export * from './OverflowTooltip';

package/src/theme/inputThemeOptions.d.ts

@@ -117,6 +117,17 @@ declare const inputThemeOptions: {
                 };
             };
         };
+        MuiTooltip: {
+            styleOverrides: {
+                tooltip: {
+                    fontSize: number;
+                };
+                backgroundColor: string;
+                padding: string;
+                borderRadius: number;
+                textAlign: string;
+            };
+        };
     };
 };
 export default inputThemeOptions;

package/src/theme/tableThemeOptions.d.ts

@@ -5,6 +5,7 @@ declare const tableThemeOptions: {
                 root: {
                     borderRadius: string;
                     border: string;
+                    overflow: string;
                 };
             };
         };
@@ -12,6 +13,17 @@ declare const tableThemeOptions: {
             styleOverrides: {
                 root: {
                     backgroundColor: string;
+                    height: number;
+                };
+            };
+        };
+        MuiTableRow: {
+            styleOverrides: {
+                root: {
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    height: number;
                 };
             };
         };

package/src/utils/ui-utils.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { StatusVariant, TableDataType } from '../interfaces';
+import { ReactNode } from 'react';
 type TableFormatProps = {
     value: any;
     canCopy?: boolean;
@@ -9,6 +9,7 @@ type TableFormatProps = {
     textParams?: {
         displayAs?: TableDataType;
         dateFormat?: string[];
+        tooltipLinkComponent?: ReactNode;
         statusVariant?: StatusVariant;
     };
 };

package/src/lib/Table/DataGrid/styles.d.ts

@@ -1,44 +0,0 @@
-export declare const styles: {
-    width: string;
-    '& .MuiDataGrid-virtualScrollerContent': {
-        height: string;
-        minHeight: string;
-    };
-    '& .MuiDataGrid-virtualScrollerRenderZone': {
-        position: string;
-    };
-    '& .MuiDataGrid-renderingZone': {
-        maxHeight: string;
-    };
-    '& .MuiDataGrid-cell': {
-        maxHeight: string;
-        lineHeight: string;
-        textOverflow: string;
-        wordBreak: string;
-        '& .MuiDataGrid-actionsCell': {
-            width: string;
-            gridGap: string;
-            flexWrap: string;
-            '& > button[aria-label="more"]': {
-                marginLeft: string;
-            };
-        };
-    };
-    '& .MuiDataGrid-row': {
-        maxHeight: string;
-    };
-    '& .Sorted': {
-        '& .MuiDataGrid-iconButtonContainer': {
-            visibility: string;
-            width: string;
-            '& svg': {
-                opacity: string;
-            };
-        };
-        '&.--desc': {
-            '& svg': {
-                transform: string;
-            };
-        };
-    };
-};