@dartech/arsenal-ui 1.4.43 → 1.4.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dartech/arsenal-ui",
3
- "version": "1.4.43",
3
+ "version": "1.4.44",
4
4
  "author": "DAR",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -26,7 +26,7 @@ export interface Option<T = string> {
26
26
  value: T;
27
27
  label: string;
28
28
  }
29
- export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number';
29
+ export type TableDataType = 'text' | 'boolean' | 'date' | 'status' | 'json_text' | 'json_code' | 'array' | 'number' | 'collapsed_array';
30
30
  export type JsonPathPickerProperty = {
31
31
  properties: PropertiesArrayType;
32
32
  pathPrefix: string;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ export declare const OverflowTip: ({ children }: {
3
+ children: any;
4
+ }) => JSX.Element;
@@ -0,0 +1 @@
1
+ export * from './OverflowTooltip';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { Control } from 'react-hook-form';
3
2
  type Props = {
4
3
  control: Control<any>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type Props = {
3
2
  name: string;
4
3
  label?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type Props = {
3
2
  name: string;
4
3
  format: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type Props = {
3
2
  name: string;
4
3
  label?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type Props = {
3
2
  name: string;
4
3
  label?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { PropertyUnion } from '../../../interfaces';
3
2
  type PropertyItemProps = {
4
3
  property: PropertyUnion;
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ 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> & {
3
+ pagination?: true;
4
+ } & import("react").RefAttributes<HTMLDivElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
@@ -1,4 +1,4 @@
1
- import React from 'react';
1
+ import React, { Ref } from 'react';
2
2
  import { GridCellParams, GridColumns, GridFeatureMode, GridRowsProp } from '@mui/x-data-grid';
3
3
  /**
4
4
  * This interface is referencing the [[Table]] component props.
@@ -40,10 +40,7 @@ export interface TableProps {
40
40
  */
41
41
  onCellClick?: (params: GridCellParams, event: React.MouseEvent) => void;
42
42
  pagination?: boolean;
43
+ refProp?: Ref<unknown>;
43
44
  }
44
- /**
45
- * Main data display component. MUI DataGrid used
46
- * @category Common UI components
47
- */
48
45
  export declare const Table: ({ columns, rows, rowCount, loading, disableMargin, mode, initialPageSize, pagination, onCellClick, }: TableProps) => JSX.Element;
49
46
  export default Table;
@@ -10,8 +10,9 @@ interface Props<T> {
10
10
  children?: ReactNode;
11
11
  verticalAlign?: 'top' | 'middle' | 'bottom' | 'sub' | 'baseline';
12
12
  emptyDataText?: string;
13
+ labelRowsPerPage?: string;
13
14
  }
14
- declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign }: Props<T>, ref: ForwardedRef<HTMLTableElement>): JSX.Element;
15
+ declare function TableInner<T>({ columns, rows, totalCount, children, pagination, loading, onRowClick, emptyDataText, verticalAlign, labelRowsPerPage, }: Props<T>, ref: ForwardedRef<any>): JSX.Element;
15
16
  export declare const SimpleTable: <T>(props: Props<T> & {
16
17
  ref?: ForwardedRef<HTMLTableElement>;
17
18
  }) => ReturnType<typeof TableInner>;
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ export declare const TableSortLabel: import("@emotion/styled").StyledComponent<{
3
+ active?: boolean;
4
+ children?: import("react").ReactNode;
5
+ classes?: Partial<import("@mui/material/TableSortLabel").TableSortLabelClasses>;
6
+ direction?: "desc" | "asc";
7
+ hideSortIcon?: boolean;
8
+ IconComponent?: import("react").JSXElementConstructor<{
9
+ className: string;
10
+ }>;
11
+ sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
12
+ } & Omit<{
13
+ action?: import("react").Ref<import("@mui/material").ButtonBaseActions>;
14
+ centerRipple?: boolean;
15
+ children?: import("react").ReactNode;
16
+ classes?: Partial<import("@mui/material").ButtonBaseClasses>;
17
+ disabled?: boolean;
18
+ disableRipple?: boolean;
19
+ disableTouchRipple?: boolean;
20
+ focusRipple?: boolean;
21
+ focusVisibleClassName?: string;
22
+ LinkComponent?: import("react").ElementType<any>;
23
+ onFocusVisible?: import("react").FocusEventHandler<any>;
24
+ sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme>;
25
+ tabIndex?: number;
26
+ TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
27
+ touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
28
+ }, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
29
+ ref?: import("react").Ref<HTMLSpanElement>;
30
+ }, 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>, {}, {}>;
@@ -14,3 +14,4 @@ export * from './StepperView';
14
14
  export * from './Sidebar';
15
15
  export * from './ContentLayout';
16
16
  export * from './Breadcrumbs';
17
+ export * from './OverflowTooltip';
@@ -117,6 +117,17 @@ declare const inputThemeOptions: {
117
117
  };
118
118
  };
119
119
  };
120
+ MuiTooltip: {
121
+ styleOverrides: {
122
+ tooltip: {
123
+ fontSize: number;
124
+ };
125
+ backgroundColor: string;
126
+ padding: string;
127
+ borderRadius: number;
128
+ textAlign: string;
129
+ };
130
+ };
120
131
  };
121
132
  };
122
133
  export default inputThemeOptions;
@@ -5,6 +5,7 @@ declare const tableThemeOptions: {
5
5
  root: {
6
6
  borderRadius: string;
7
7
  border: string;
8
+ overflow: string;
8
9
  };
9
10
  };
10
11
  };
@@ -12,6 +13,17 @@ declare const tableThemeOptions: {
12
13
  styleOverrides: {
13
14
  root: {
14
15
  backgroundColor: string;
16
+ height: number;
17
+ };
18
+ };
19
+ };
20
+ MuiTableRow: {
21
+ styleOverrides: {
22
+ root: {
23
+ '&:hover': {
24
+ backgroundColor: string;
25
+ };
26
+ height: number;
15
27
  };
16
28
  };
17
29
  };
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
1
  import { StatusVariant, TableDataType } from '../interfaces';
2
+ import { ReactNode } from 'react';
3
3
  type TableFormatProps = {
4
4
  value: any;
5
5
  canCopy?: boolean;
@@ -9,6 +9,7 @@ type TableFormatProps = {
9
9
  textParams?: {
10
10
  displayAs?: TableDataType;
11
11
  dateFormat?: string[];
12
+ tooltipLinkComponent?: ReactNode;
12
13
  statusVariant?: StatusVariant;
13
14
  };
14
15
  };
@@ -1,44 +0,0 @@
1
- export declare const styles: {
2
- width: string;
3
- '& .MuiDataGrid-virtualScrollerContent': {
4
- height: string;
5
- minHeight: string;
6
- };
7
- '& .MuiDataGrid-virtualScrollerRenderZone': {
8
- position: string;
9
- };
10
- '& .MuiDataGrid-renderingZone': {
11
- maxHeight: string;
12
- };
13
- '& .MuiDataGrid-cell': {
14
- maxHeight: string;
15
- lineHeight: string;
16
- textOverflow: string;
17
- wordBreak: string;
18
- '& .MuiDataGrid-actionsCell': {
19
- width: string;
20
- gridGap: string;
21
- flexWrap: string;
22
- '& > button[aria-label="more"]': {
23
- marginLeft: string;
24
- };
25
- };
26
- };
27
- '& .MuiDataGrid-row': {
28
- maxHeight: string;
29
- };
30
- '& .Sorted': {
31
- '& .MuiDataGrid-iconButtonContainer': {
32
- visibility: string;
33
- width: string;
34
- '& svg': {
35
- opacity: string;
36
- };
37
- };
38
- '&.--desc': {
39
- '& svg': {
40
- transform: string;
41
- };
42
- };
43
- };
44
- };