pixel-react 1.6.1 → 1.6.3
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/.yarn/install-state.gz +0 -0
- package/lib/components/Avatar/types.d.ts +9 -1
- package/lib/components/IconButton/types.d.ts +1 -0
- package/lib/components/TableTree/Components/TableBody.d.ts +4 -0
- package/lib/components/TableTree/Components/TableCell.d.ts +4 -0
- package/lib/components/TableTree/Components/TableHead.d.ts +4 -0
- package/lib/components/TableTree/Components/TableRow.d.ts +4 -0
- package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
- package/lib/components/TableTree/types.d.ts +38 -5
- package/lib/index.d.ts +15 -6
- package/lib/index.esm.js +52 -23
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +52 -23
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/icons/authorization_icon.svg +1 -0
- package/src/assets/icons/backward.svg +10 -0
- package/src/assets/icons/capture_icon.svg +6 -0
- package/src/assets/icons/forward.svg +3 -0
- package/src/assets/icons/project_status_icon.svg +10 -0
- package/src/assets/icons/refresh_icon.svg +4 -0
- package/src/assets/icons/rotate_icon.svg +10 -0
- package/src/assets/icons/swipe_icon.svg +9 -0
- package/src/assets/icons/tap_icon.svg +4 -0
- package/src/components/Avatar/Avatar.scss +4 -0
- package/src/components/Avatar/Avatar.stories.tsx +38 -18
- package/src/components/Avatar/Avatar.tsx +19 -3
- package/src/components/Avatar/types.ts +9 -1
- package/src/components/FileDropzone/FileDropzone.scss +0 -1
- package/src/components/Icon/iconList.ts +16 -0
- package/src/components/IconButton/IconButton.scss +11 -11
- package/src/components/IconButton/IconButton.tsx +2 -1
- package/src/components/IconButton/types.ts +1 -0
- package/src/components/Select/Select.scss +4 -0
- package/src/components/Select/Select.stories.tsx +1 -1
- package/src/components/Select/Select.tsx +2 -1
- package/src/components/TableTree/Components/TableBody.tsx +35 -0
- package/src/components/TableTree/Components/TableCell.tsx +59 -0
- package/src/components/TableTree/Components/TableHead.tsx +39 -0
- package/src/components/TableTree/Components/TableRow.tsx +37 -0
- package/src/components/TableTree/TableTree.scss +8 -5
- package/src/components/TableTree/TableTree.tsx +8 -44
- package/src/components/TableTree/Utils/getAllChildIds.ts +12 -0
- package/src/components/TableTree/Utils/renderSpaces.ts +0 -0
- package/src/components/TableTree/types.ts +43 -5
package/.yarn/install-state.gz
CHANGED
Binary file
|
@@ -10,7 +10,7 @@ export interface AvatarProps {
|
|
10
10
|
/**
|
11
11
|
* This property specifies the name of the icon to be displayed within the avatar.
|
12
12
|
*/
|
13
|
-
iconName
|
13
|
+
iconName?: string;
|
14
14
|
/**
|
15
15
|
* This property allows you to customize the color of the icon within the avatar.
|
16
16
|
*/
|
@@ -23,4 +23,12 @@ export interface AvatarProps {
|
|
23
23
|
* This property allows you to set a custom size for the icon within the avatar.
|
24
24
|
*/
|
25
25
|
customIconSize?: number;
|
26
|
+
/**
|
27
|
+
* This property specifies the label to display inside the avatar, used as an alternative to the icon.
|
28
|
+
*/
|
29
|
+
label?: string;
|
30
|
+
/**
|
31
|
+
* This property allows you to customize the font size of the label inside the avatar.
|
32
|
+
*/
|
33
|
+
labelFontSize?: string;
|
26
34
|
}
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TableBodyProps } from '../types';
|
3
|
+
declare const TableBody: React.MemoExoticComponent<({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element>;
|
4
|
+
export default TableBody;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { TableCellProps } from '../types';
|
2
|
+
import React from 'react';
|
3
|
+
declare const TableCell: React.MemoExoticComponent<({ col, node, level, selected, select, onCheckBoxChange, onToggleExpand, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
|
4
|
+
export default TableCell;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { TableRowProps } from '../types';
|
3
|
+
declare const TableRow: React.MemoExoticComponent<({ node, level, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
4
|
+
export default TableRow;
|
@@ -0,0 +1 @@
|
|
1
|
+
declare const getAllChildIds: (nodeId: string, data: any[]) => string[];
|
@@ -1,28 +1,61 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
1
2
|
export interface TreeNode {
|
2
3
|
key: string;
|
3
4
|
[key: string]: any;
|
4
5
|
children?: TreeNode[];
|
5
6
|
expanded?: boolean;
|
6
7
|
}
|
8
|
+
declare type JSX = ReactNode | JSX.Element[] | string | null;
|
9
|
+
export interface TableCellProps {
|
10
|
+
col: any;
|
11
|
+
node: any;
|
12
|
+
level: number;
|
13
|
+
selected: string[];
|
14
|
+
select: string | null;
|
15
|
+
onCheckBoxChange: (type: string, node: any) => void;
|
16
|
+
onToggleExpand: (node: any) => void;
|
17
|
+
}
|
18
|
+
export interface TableHeadProps {
|
19
|
+
columnsData: any[];
|
20
|
+
}
|
21
|
+
export interface TableBodyProps {
|
22
|
+
flattenedTreeData: any[];
|
23
|
+
columnsData: any[];
|
24
|
+
selected: string[];
|
25
|
+
select: string | null;
|
26
|
+
onRowClick: (e: any, node: any) => void;
|
27
|
+
onToggleExpand: (node: any) => void;
|
28
|
+
onCheckBoxChange: (type: string, node: any) => void;
|
29
|
+
}
|
30
|
+
export interface TableRowProps {
|
31
|
+
node: any;
|
32
|
+
level: number;
|
33
|
+
columnsData: any[];
|
34
|
+
selected: string[];
|
35
|
+
select: string | null;
|
36
|
+
onRowClick: (e: any, node: any) => void;
|
37
|
+
onToggleExpand: (node: any) => void;
|
38
|
+
onCheckBoxChange: (type: string, node: any) => void;
|
39
|
+
}
|
7
40
|
export interface Column {
|
8
41
|
name: string;
|
9
42
|
accessor: string;
|
10
43
|
width: string;
|
11
44
|
isClickable?: boolean;
|
12
|
-
cell?: (row: any) => JSX
|
13
|
-
actions?: (row: any) => JSX
|
45
|
+
cell?: (row: any) => JSX;
|
46
|
+
actions?: (row: any) => JSX;
|
14
47
|
isTree?: boolean;
|
15
48
|
defaultValue?: string;
|
16
|
-
defaultActions?: () => JSX
|
49
|
+
defaultActions?: () => JSX;
|
17
50
|
}
|
18
51
|
export interface TreeTableProps {
|
19
52
|
treeData: any;
|
20
53
|
columnsData: Column[];
|
21
54
|
selected?: string[];
|
22
|
-
select?: 'radio' | 'checkbox' |
|
55
|
+
select?: 'radio' | 'checkbox' | 'none';
|
23
56
|
onChange?: (nodes: string[]) => void;
|
24
57
|
onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
|
25
|
-
expandedNodes: string[];
|
26
58
|
onExpand?: (_isExpanded: boolean, node: string) => void;
|
27
59
|
onPagination?: (_direction: string) => void;
|
28
60
|
}
|
61
|
+
export {};
|
package/lib/index.d.ts
CHANGED
@@ -1516,25 +1516,25 @@ interface TreeNode {
|
|
1516
1516
|
children?: TreeNode[];
|
1517
1517
|
expanded?: boolean;
|
1518
1518
|
}
|
1519
|
+
declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
|
1519
1520
|
interface Column {
|
1520
1521
|
name: string;
|
1521
1522
|
accessor: string;
|
1522
1523
|
width: string;
|
1523
1524
|
isClickable?: boolean;
|
1524
|
-
cell?: (row: any) => JSX
|
1525
|
-
actions?: (row: any) => JSX
|
1525
|
+
cell?: (row: any) => JSX$1;
|
1526
|
+
actions?: (row: any) => JSX$1;
|
1526
1527
|
isTree?: boolean;
|
1527
1528
|
defaultValue?: string;
|
1528
|
-
defaultActions?: () => JSX
|
1529
|
+
defaultActions?: () => JSX$1;
|
1529
1530
|
}
|
1530
1531
|
interface TreeTableProps {
|
1531
1532
|
treeData: any;
|
1532
1533
|
columnsData: Column[];
|
1533
1534
|
selected?: string[];
|
1534
|
-
select?: 'radio' | 'checkbox' |
|
1535
|
+
select?: 'radio' | 'checkbox' | 'none';
|
1535
1536
|
onChange?: (nodes: string[]) => void;
|
1536
1537
|
onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
|
1537
|
-
expandedNodes: string[];
|
1538
1538
|
onExpand?: (_isExpanded: boolean, node: string) => void;
|
1539
1539
|
onPagination?: (_direction: string) => void;
|
1540
1540
|
}
|
@@ -1708,6 +1708,7 @@ interface IconButtonProps {
|
|
1708
1708
|
label: string;
|
1709
1709
|
iconName: string;
|
1710
1710
|
onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
|
1711
|
+
ref?: React.RefObject<HTMLButtonElement>;
|
1711
1712
|
}
|
1712
1713
|
|
1713
1714
|
declare const IconButton: React__default.FC<IconButtonProps>;
|
@@ -2128,7 +2129,7 @@ interface AvatarProps {
|
|
2128
2129
|
/**
|
2129
2130
|
* This property specifies the name of the icon to be displayed within the avatar.
|
2130
2131
|
*/
|
2131
|
-
iconName
|
2132
|
+
iconName?: string;
|
2132
2133
|
/**
|
2133
2134
|
* This property allows you to customize the color of the icon within the avatar.
|
2134
2135
|
*/
|
@@ -2141,6 +2142,14 @@ interface AvatarProps {
|
|
2141
2142
|
* This property allows you to set a custom size for the icon within the avatar.
|
2142
2143
|
*/
|
2143
2144
|
customIconSize?: number;
|
2145
|
+
/**
|
2146
|
+
* This property specifies the label to display inside the avatar, used as an alternative to the icon.
|
2147
|
+
*/
|
2148
|
+
label?: string;
|
2149
|
+
/**
|
2150
|
+
* This property allows you to customize the font size of the label inside the avatar.
|
2151
|
+
*/
|
2152
|
+
labelFontSize?: string;
|
2144
2153
|
}
|
2145
2154
|
|
2146
2155
|
declare const Avatar: React__default.FC<AvatarProps>;
|