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.
Files changed (46) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Avatar/types.d.ts +9 -1
  3. package/lib/components/IconButton/types.d.ts +1 -0
  4. package/lib/components/TableTree/Components/TableBody.d.ts +4 -0
  5. package/lib/components/TableTree/Components/TableCell.d.ts +4 -0
  6. package/lib/components/TableTree/Components/TableHead.d.ts +4 -0
  7. package/lib/components/TableTree/Components/TableRow.d.ts +4 -0
  8. package/lib/components/TableTree/Utils/getAllChildIds.d.ts +1 -0
  9. package/lib/components/TableTree/types.d.ts +38 -5
  10. package/lib/index.d.ts +15 -6
  11. package/lib/index.esm.js +52 -23
  12. package/lib/index.esm.js.map +1 -1
  13. package/lib/index.js +52 -23
  14. package/lib/index.js.map +1 -1
  15. package/lib/tsconfig.tsbuildinfo +1 -1
  16. package/package.json +1 -1
  17. package/src/assets/icons/authorization_icon.svg +1 -0
  18. package/src/assets/icons/backward.svg +10 -0
  19. package/src/assets/icons/capture_icon.svg +6 -0
  20. package/src/assets/icons/forward.svg +3 -0
  21. package/src/assets/icons/project_status_icon.svg +10 -0
  22. package/src/assets/icons/refresh_icon.svg +4 -0
  23. package/src/assets/icons/rotate_icon.svg +10 -0
  24. package/src/assets/icons/swipe_icon.svg +9 -0
  25. package/src/assets/icons/tap_icon.svg +4 -0
  26. package/src/components/Avatar/Avatar.scss +4 -0
  27. package/src/components/Avatar/Avatar.stories.tsx +38 -18
  28. package/src/components/Avatar/Avatar.tsx +19 -3
  29. package/src/components/Avatar/types.ts +9 -1
  30. package/src/components/FileDropzone/FileDropzone.scss +0 -1
  31. package/src/components/Icon/iconList.ts +16 -0
  32. package/src/components/IconButton/IconButton.scss +11 -11
  33. package/src/components/IconButton/IconButton.tsx +2 -1
  34. package/src/components/IconButton/types.ts +1 -0
  35. package/src/components/Select/Select.scss +4 -0
  36. package/src/components/Select/Select.stories.tsx +1 -1
  37. package/src/components/Select/Select.tsx +2 -1
  38. package/src/components/TableTree/Components/TableBody.tsx +35 -0
  39. package/src/components/TableTree/Components/TableCell.tsx +59 -0
  40. package/src/components/TableTree/Components/TableHead.tsx +39 -0
  41. package/src/components/TableTree/Components/TableRow.tsx +37 -0
  42. package/src/components/TableTree/TableTree.scss +8 -5
  43. package/src/components/TableTree/TableTree.tsx +8 -44
  44. package/src/components/TableTree/Utils/getAllChildIds.ts +12 -0
  45. package/src/components/TableTree/Utils/renderSpaces.ts +0 -0
  46. package/src/components/TableTree/types.ts +43 -5
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: string;
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
  }
@@ -2,4 +2,5 @@ export interface IconButtonProps {
2
2
  label: string;
3
3
  iconName: string;
4
4
  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
5
+ ref?: React.RefObject<HTMLButtonElement>;
5
6
  }
@@ -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 { TableHeadProps } from '../types';
3
+ declare const TableHead: React.MemoExoticComponent<({ columnsData }: TableHeadProps) => import("react/jsx-runtime").JSX.Element>;
4
+ export default TableHead;
@@ -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.Element | string | null;
13
- actions?: (row: any) => JSX.Element[];
45
+ cell?: (row: any) => JSX;
46
+ actions?: (row: any) => JSX;
14
47
  isTree?: boolean;
15
48
  defaultValue?: string;
16
- defaultActions?: () => JSX.Element[];
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' | null;
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.Element | string | null;
1525
- actions?: (row: any) => JSX.Element[];
1525
+ cell?: (row: any) => JSX$1;
1526
+ actions?: (row: any) => JSX$1;
1526
1527
  isTree?: boolean;
1527
1528
  defaultValue?: string;
1528
- defaultActions?: () => JSX.Element[];
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' | null;
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: string;
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>;