pixel-react 1.5.8 → 1.6.0

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 (72) hide show
  1. package/.storybook/main.ts +1 -7
  2. package/.storybook/preview-head.html +3 -0
  3. package/.yarn/install-state.gz +0 -0
  4. package/index.scss +5 -0
  5. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +1 -1
  6. package/lib/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.d.ts +2 -2
  7. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +17 -1
  8. package/lib/components/Excel/Types.d.ts +22 -1
  9. package/lib/components/Excel/dataConversion.d.ts +3 -0
  10. package/lib/components/FieldSet/FieldSet.d.ts +5 -0
  11. package/lib/components/FieldSet/index.d.ts +1 -0
  12. package/lib/components/FieldSet/types.d.ts +7 -0
  13. package/lib/components/FileDropzone/types.d.ts +8 -0
  14. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  15. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  16. package/lib/components/TableTree/TableTree.d.ts +4 -24
  17. package/lib/components/TableTree/data.d.ts +78 -273
  18. package/lib/components/TableTree/types.d.ts +29 -0
  19. package/lib/index.d.ts +99 -21
  20. package/lib/index.esm.js +597 -392
  21. package/lib/index.esm.js.map +1 -1
  22. package/lib/index.js +601 -392
  23. package/lib/index.js.map +1 -1
  24. package/lib/tsconfig.tsbuildinfo +1 -1
  25. package/package.json +2 -3
  26. package/src/assets/icons/export.svg +5 -0
  27. package/src/assets/icons/import.svg +5 -0
  28. package/src/assets/icons/info_icon.svg +4 -16
  29. package/src/assets/icons/replace_file.svg +14 -0
  30. package/src/assets/icons/web_service_icon.svg +3 -0
  31. package/src/components/Checkbox/Checkbox.tsx +1 -7
  32. package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
  33. package/src/components/Excel/ExcelFile/ExcelFile.tsx +60 -5
  34. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +39 -39
  35. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +34 -28
  36. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +0 -29
  37. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +29 -0
  38. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +33 -0
  39. package/src/components/Excel/ExcelFile.stories.tsx +77 -67
  40. package/src/components/Excel/Types.ts +23 -1
  41. package/src/components/Excel/dataConversion.ts +173 -0
  42. package/src/components/FieldSet/FieldSet.scss +9 -0
  43. package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
  44. package/src/components/FieldSet/FieldSet.tsx +29 -0
  45. package/src/components/FieldSet/index.ts +1 -0
  46. package/src/components/FieldSet/types.ts +8 -0
  47. package/src/components/FileDropzone/FileDropzone.scss +1 -1
  48. package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
  49. package/src/components/FileDropzone/FileDropzone.tsx +5 -0
  50. package/src/components/FileDropzone/FilePreview.tsx +1 -1
  51. package/src/components/FileDropzone/types.ts +8 -0
  52. package/src/components/Icon/iconList.ts +11 -7
  53. package/src/components/MultiSelect/Dropdown.tsx +7 -3
  54. package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
  55. package/src/components/MultiSelect/MultiSelect.tsx +4 -20
  56. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
  57. package/src/components/TableTree/TableTree.scss +154 -123
  58. package/src/components/TableTree/TableTree.stories.tsx +10 -5
  59. package/src/components/TableTree/TableTree.tsx +220 -287
  60. package/src/components/TableTree/data.ts +677 -569
  61. package/src/components/TableTree/types.ts +31 -0
  62. package/src/components/Toast/Toast.tsx +1 -1
  63. package/src/components/Typography/Typography.scss +1 -36
  64. package/src/index.ts +8 -0
  65. package/src/assets/fonts/Poppins-Bold.ttf +0 -0
  66. package/src/assets/fonts/Poppins-Bold.woff2 +0 -0
  67. package/src/assets/fonts/Poppins-Medium.ttf +0 -0
  68. package/src/assets/fonts/Poppins-Medium.woff2 +0 -0
  69. package/src/assets/fonts/Poppins-Regular.ttf +0 -0
  70. package/src/assets/fonts/Poppins-Regular.woff2 +0 -0
  71. package/src/assets/fonts/Poppins-SemiBold.ttf +0 -0
  72. package/src/assets/fonts/Poppins-SemiBold.woff2 +0 -0
@@ -0,0 +1,31 @@
1
+ export interface TreeNode {
2
+ key: string;
3
+ [key: string]: any;
4
+ children?: TreeNode[];
5
+ expanded?: boolean;
6
+ }
7
+
8
+ export interface Column {
9
+ name: string;
10
+ accessor: string;
11
+ width: string;
12
+ isClickable?: boolean;
13
+ cell?: (row: any) => JSX.Element | string | null;
14
+ actions?: (row: any) => JSX.Element[];
15
+ isTree?: boolean;
16
+ defaultValue?: string;
17
+ defaultActions?: () => JSX.Element[];
18
+ }
19
+
20
+ export interface TreeTableProps {
21
+ treeData: any;
22
+ columnsData: Column[];
23
+ selected?: string[];
24
+ select?: 'radio' | 'checkbox' | null;
25
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>, node: TreeNode) => void;
26
+ onPagination?: (node: TreeNode) => void;
27
+ onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
28
+ expandedNodes: string[];
29
+ onExpand?: (_isExpanded: boolean, node: string) => void;
30
+ onPaginate: (_direction: 'up' | 'down', id: string) => void;
31
+ }
@@ -22,7 +22,7 @@ const Toaster: React.FC<ToasterProps> = ({
22
22
 
23
23
  const iconMap = {
24
24
  success: 'success',
25
- info: 'info',
25
+ info: 'toast_info',
26
26
  warning: 'warning',
27
27
  danger: 'error',
28
28
  confirm: 'delete',
@@ -1,43 +1,8 @@
1
1
  @mixin fontPoppins($size: 16px) {
2
- font-family: 'Poppins';
2
+ font-family: 'Poppins', sans-serif;
3
3
  font-size: $size;
4
4
  }
5
5
 
6
- /* poppins-latin-400-normal */
7
- @font-face {
8
- font-family: 'Poppins';
9
- font-style: normal;
10
- font-display: swap;
11
- font-weight: 400;
12
- src: url(@fontsource/poppins/files/poppins-latin-400-normal.woff2) format('woff2'), url(@fontsource/poppins/files/poppins-latin-400-normal.woff) format('woff');
13
- unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
14
- }
15
-
16
-
17
- // @font-face {
18
- // font-family: 'Poppins';
19
- // font-weight: 500;
20
- // src:
21
- // local('Poppins-Medium'),
22
- // url(../../assets/fonts/Poppins-Medium.woff2) format('woff2');
23
- // }
24
-
25
- // @font-face {
26
- // font-family: 'Poppins';
27
- // font-weight: 600;
28
- // src:
29
- // local('Poppins-SemiBold'),
30
- // url(../../assets/fonts/Poppins-SemiBold.woff2) format('woff2');
31
- // }
32
-
33
- // @font-face {
34
- // font-family: 'Poppins';
35
- // font-weight: 700;
36
- // src:
37
- // local('Poppins-Bold'),
38
- // url(../../assets/fonts/Poppins-Bold.woff2) format('woff2');
39
- // }
40
-
41
6
  .ff-text {
42
7
  @include fontPoppins();
43
8
 
package/src/index.ts CHANGED
@@ -19,6 +19,8 @@ import Table from './components/Table/Table';
19
19
  import AddResourceButton from './components/AddResourceButton';
20
20
  import DonutChart from './components/Charts/DonutChart';
21
21
  import FileDropzone from './components/FileDropzone';
22
+ import Dropzone from './components/FileDropzone/Dropzone';
23
+ import FilePreview from './components/FileDropzone/FilePreview';
22
24
  import LazyLoad from './components/LazyLoad/LazyLoad';
23
25
  import ThemeProvider from './components/ThemeProvider';
24
26
  import Typography from './components/Typography';
@@ -65,6 +67,7 @@ import VariableDropdown from './components/Editor/VariableDropdown';
65
67
 
66
68
  import LineChart from './components/Charts/LineChart';
67
69
  import DownloadClient from './components/DownloadClient/DownloadClient';
70
+ import FieldSet from './components/FieldSet';
68
71
  // Utils imports
69
72
  import { checkEmpty } from './utils/checkEmpty/checkEmpty';
70
73
  import {
@@ -85,6 +88,7 @@ import Editor from './components/Editor/Editor';
85
88
  import { getSequentialPayload } from './utils/getSequentialPayload/getSequentialPayload';
86
89
  import ConnectingBranch from './components/ConnectingBranch/ConnectingBranch';
87
90
  import { saveFileFromBlob } from './utils/downloadFile/saveFileFromBlob';
91
+ import useFileDropzone from './hooks/useFileDropzone';
88
92
 
89
93
  export {
90
94
  Button,
@@ -105,6 +109,8 @@ export {
105
109
  AddResourceButton,
106
110
  DonutChart,
107
111
  FileDropzone,
112
+ Dropzone,
113
+ FilePreview,
108
114
  LazyLoad,
109
115
  ThemeProvider,
110
116
  Typography,
@@ -159,6 +165,7 @@ export {
159
165
  Avatar,
160
166
  VariableDropdown,
161
167
  DownloadClient,
168
+ FieldSet,
162
169
  // utils exports
163
170
  checkEmpty,
164
171
  getExtension,
@@ -173,4 +180,5 @@ export {
173
180
  truncateText,
174
181
  getSequentialPayload,
175
182
  saveFileFromBlob,
183
+ useFileDropzone,
176
184
  };
Binary file
Binary file
Binary file