pixel-react 1.7.8 → 1.8.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 (99) hide show
  1. package/lib/components/AllProjectsDropdown/types.d.ts +2 -0
  2. package/lib/components/Button/Button.d.ts +2 -2
  3. package/lib/components/Button/types.d.ts +17 -0
  4. package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
  5. package/lib/components/Charts/MultiRadialChart/types.d.ts +3 -0
  6. package/lib/components/ChooseFile/ChooseFile.d.ts +3 -0
  7. package/lib/components/ChooseFile/types.d.ts +68 -0
  8. package/lib/components/ConnectingBranch/ConnectingBranch.d.ts +2 -1
  9. package/lib/components/ConnectingBranch/data.d.ts +19 -33
  10. package/lib/components/ConnectingBranch/types.d.ts +10 -0
  11. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +7 -1
  12. package/lib/components/LabelEditTextField/types.d.ts +2 -0
  13. package/lib/components/MachineInputField/MachineInputField.d.ts +4 -1
  14. package/lib/components/Select/types.d.ts +1 -1
  15. package/lib/components/StatusCard/types.d.ts +2 -0
  16. package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
  17. package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
  18. package/lib/components/TableTree/data.d.ts +74 -0
  19. package/lib/components/TableTree/types.d.ts +4 -0
  20. package/lib/components/TextArea/Textarea.d.ts +1 -1
  21. package/lib/components/TextArea/Types.d.ts +1 -0
  22. package/lib/index.d.ts +176 -63
  23. package/lib/index.esm.js +458 -273
  24. package/lib/index.esm.js.map +1 -1
  25. package/lib/index.js +458 -272
  26. package/lib/index.js.map +1 -1
  27. package/lib/tsconfig.tsbuildinfo +1 -1
  28. package/lib/utils/validateFile/validateFile.d.ts +2 -0
  29. package/package.json +2 -2
  30. package/src/assets/Themes/BaseTheme.scss +1 -0
  31. package/src/assets/Themes/BlueTheme.scss +44 -44
  32. package/src/assets/Themes/DarkTheme.scss +1 -0
  33. package/src/assets/icons/failed_status_icon.svg +1 -1
  34. package/src/assets/icons/flaky_status_icon.svg +1 -1
  35. package/src/assets/icons/settings.svg +3 -0
  36. package/src/assets/icons/skipped_status_icon.svg +1 -1
  37. package/src/assets/icons/warning_status_icon.svg +1 -1
  38. package/src/components/AllProjectsDropdown/types.ts +2 -0
  39. package/src/components/AppHeader/AppHeader.scss +6 -2
  40. package/src/components/Button/Button.scss +12 -0
  41. package/src/components/Button/Button.tsx +29 -11
  42. package/src/components/Button/types.ts +21 -0
  43. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +83 -30
  44. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.tsx +3 -0
  45. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +39 -16
  46. package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
  47. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +0 -1
  48. package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +2 -1
  49. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +18 -4
  50. package/src/components/Charts/MultiRadialChart/types.ts +4 -1
  51. package/src/components/ChooseFile/ChooseFile.stories.tsx +190 -0
  52. package/src/components/ChooseFile/ChooseFile.tsx +46 -0
  53. package/src/components/ChooseFile/types.ts +78 -0
  54. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +94 -79
  55. package/src/components/ConnectingBranch/ConnectingBranch.scss +183 -195
  56. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +33 -1
  57. package/src/components/ConnectingBranch/ConnectingBranch.tsx +121 -107
  58. package/src/components/ConnectingBranch/{data.ts → data.tsx} +106 -17
  59. package/src/components/ConnectingBranch/types.ts +21 -0
  60. package/src/components/Excel/ExcelFile/ExcelFile.tsx +1 -1
  61. package/src/components/Excel/ExcelFile/ExcelFileComponents/ActiveCell.tsx +13 -8
  62. package/src/components/Excel/ExcelFile/ExcelFileComponents/FloatingRect.tsx +6 -1
  63. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +30 -11
  64. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +65 -19
  65. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +14 -0
  66. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +16 -0
  67. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +6 -5
  68. package/src/components/Icon/iconList.ts +2 -0
  69. package/src/components/InputWithDropdown/InputWithDropdown.tsx +1 -1
  70. package/src/components/LabelEditTextField/LabelEditTextField.stories.tsx +8 -3
  71. package/src/components/LabelEditTextField/LabelEditTextField.tsx +28 -11
  72. package/src/components/LabelEditTextField/types.ts +2 -0
  73. package/src/components/MachineInputField/MachineInputField.tsx +67 -70
  74. package/src/components/NLPInput/components/NlpDropDown/NlpDropdown.scss +1 -1
  75. package/src/components/Select/Select.tsx +4 -4
  76. package/src/components/Select/types.ts +1 -1
  77. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +1 -0
  78. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +2 -8
  79. package/src/components/StatusCard/StatusCard.scss +2 -1
  80. package/src/components/StatusCard/StatusCard.stories.tsx +59 -1
  81. package/src/components/StatusCard/StatusCard.tsx +10 -2
  82. package/src/components/StatusCard/types.ts +2 -0
  83. package/src/components/TableTree/Components/TableBody.tsx +19 -15
  84. package/src/components/TableTree/Components/TableCell.tsx +47 -31
  85. package/src/components/TableTree/Components/TableRow.tsx +4 -0
  86. package/src/components/TableTree/TableTree.scss +122 -109
  87. package/src/components/TableTree/data.ts +16 -1
  88. package/src/components/TableTree/types.ts +4 -0
  89. package/src/components/TextArea/Textarea.tsx +2 -0
  90. package/src/components/TextArea/Types.ts +3 -0
  91. package/src/index.ts +3 -0
  92. package/src/utils/validateFile/validateFile.stories.tsx +49 -0
  93. package/src/utils/validateFile/validateFile.ts +39 -0
  94. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.scss +0 -51
  95. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.tsx +0 -107
  96. package/src/components/SequentialConnectingBranch/components/AddBrowserModal/types.ts +0 -5
  97. package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.scss +0 -31
  98. package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.tsx +0 -85
  99. package/src/components/SequentialConnectingBranch/components/DatasetListModal/types.ts +0 -4
package/lib/index.d.ts CHANGED
@@ -9,6 +9,62 @@ import * as DNDSortable from '@dnd-kit/sortable';
9
9
  import * as DNDUtilities from '@dnd-kit/utilities';
10
10
  import ReCAPTCHA from 'react-google-recaptcha';
11
11
 
12
+ type DynamicObj = {
13
+ [key: string]: any;
14
+ };
15
+ interface CreateVariableProps {
16
+ /**
17
+ * Open Create variable Slider
18
+ */
19
+ isOpen: boolean;
20
+ /**
21
+ * Value for the variable name
22
+ */
23
+ variableName: string;
24
+ /**
25
+ * Value for the variable to be created
26
+ */
27
+ value: string;
28
+ /**
29
+ * List for the variable types
30
+ */
31
+ variableTypesList: DynamicObj[];
32
+ /**
33
+ * Selected variable type
34
+ */
35
+ selectedVariableType: DynamicObj;
36
+ /**
37
+ * Function to handle variable type change
38
+ * @param option
39
+ * @returns
40
+ */
41
+ onVariableTypeChange: (option: DynamicObj) => void;
42
+ /**
43
+ * Function to handle close
44
+ */
45
+ onClose?: () => void;
46
+ /**
47
+ * onChange of name
48
+ */
49
+ onNameChange: (value: string) => void;
50
+ /**
51
+ * onChange of value
52
+ */
53
+ onValueChange: (value: string) => void;
54
+ /**
55
+ * Hide value
56
+ */
57
+ hideValue: boolean;
58
+ /**
59
+ * onChange for hide value
60
+ */
61
+ onHideChange: (value: boolean) => void;
62
+ /**
63
+ * Function to handle submit
64
+ */
65
+ handleSubmit: () => void;
66
+ }
67
+
12
68
  interface ButtonProps {
13
69
  /**
14
70
  * Variant of the button
@@ -72,9 +128,25 @@ interface ButtonProps {
72
128
  * form to accept form id in string
73
129
  */
74
130
  form?: string;
131
+ /**
132
+ * Is the Type ChooseFile for the button
133
+ */
134
+ isChooseFile?: boolean;
135
+ /**
136
+ * Custom Width for the button
137
+ */
138
+ buttonWidth?: string;
139
+ /**
140
+ * selectedfile object will be send.
141
+ */
142
+ selectedFile?: File | DynamicObj | null;
143
+ /**
144
+ * handleCloseIcon function will set to the initial state .
145
+ */
146
+ handleCloseIcon?: () => void;
75
147
  }
76
148
 
77
- declare const Button: React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
149
+ declare const _default$2: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>>>;
78
150
 
79
151
  interface BtnPropsCommon {
80
152
  /**
@@ -684,7 +756,7 @@ interface SelectProps$1 {
684
756
  label?: string;
685
757
  showLabel?: boolean;
686
758
  optionsList: Option$2[];
687
- selectedOption?: Option$2;
759
+ selectedOption: Option$2;
688
760
  onChange: (option: Option$2) => void;
689
761
  errorMsg?: string;
690
762
  className?: string;
@@ -762,6 +834,7 @@ interface TextareaProps {
762
834
  onKeyDown?: (event: React.KeyboardEvent<HTMLTextAreaElement>) => void;
763
835
  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
764
836
  onFocus?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
837
+ onPaste?: (event: React.ClipboardEvent<HTMLTextAreaElement>) => void;
765
838
  /**
766
839
  * id to select the textarea field uniquely
767
840
  */
@@ -793,7 +866,7 @@ interface TextareaProps {
793
866
  resize?: boolean;
794
867
  }
795
868
 
796
- declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, rows, cols, resize, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
869
+ declare const Textarea: ({ capacity, name, label, value, variant, error, helperText, disabled, required, placeholder, className, onChange, onBlur, onFocus, onPaste, rows, cols, resize, ...props }: TextareaProps) => react_jsx_runtime.JSX.Element;
797
870
 
798
871
  interface StatusButtonProps {
799
872
  /**
@@ -1099,62 +1172,6 @@ type DonutChartProps = {
1099
1172
 
1100
1173
  declare const DonutChart: React__default.FC<DonutChartProps>;
1101
1174
 
1102
- type DynamicObj = {
1103
- [key: string]: any;
1104
- };
1105
- interface CreateVariableProps {
1106
- /**
1107
- * Open Create variable Slider
1108
- */
1109
- isOpen: boolean;
1110
- /**
1111
- * Value for the variable name
1112
- */
1113
- variableName: string;
1114
- /**
1115
- * Value for the variable to be created
1116
- */
1117
- value: string;
1118
- /**
1119
- * List for the variable types
1120
- */
1121
- variableTypesList: DynamicObj[];
1122
- /**
1123
- * Selected variable type
1124
- */
1125
- selectedVariableType: DynamicObj;
1126
- /**
1127
- * Function to handle variable type change
1128
- * @param option
1129
- * @returns
1130
- */
1131
- onVariableTypeChange: (option: DynamicObj) => void;
1132
- /**
1133
- * Function to handle close
1134
- */
1135
- onClose?: () => void;
1136
- /**
1137
- * onChange of name
1138
- */
1139
- onNameChange: (value: string) => void;
1140
- /**
1141
- * onChange of value
1142
- */
1143
- onValueChange: (value: string) => void;
1144
- /**
1145
- * Hide value
1146
- */
1147
- hideValue: boolean;
1148
- /**
1149
- * onChange for hide value
1150
- */
1151
- onHideChange: (value: boolean) => void;
1152
- /**
1153
- * Function to handle submit
1154
- */
1155
- handleSubmit: () => void;
1156
- }
1157
-
1158
1175
  interface RadioOption {
1159
1176
  label: string;
1160
1177
  value: string;
@@ -1695,7 +1712,7 @@ interface TreeTableProps {
1695
1712
  loadMore?: (_direction?: string) => void;
1696
1713
  }
1697
1714
 
1698
- declare const _default: React__default.NamedExoticComponent<TreeTableProps>;
1715
+ declare const _default$1: React__default.NamedExoticComponent<TreeTableProps>;
1699
1716
 
1700
1717
  interface TabsProps {
1701
1718
  /**
@@ -1978,6 +1995,8 @@ interface optionsType {
1978
1995
  label: string;
1979
1996
  value: string;
1980
1997
  iconName: string;
1998
+ platform?: string;
1999
+ appType?: string;
1981
2000
  }
1982
2001
  interface AllProjectsDropdownProps {
1983
2002
  options: optionsType[];
@@ -2097,10 +2116,12 @@ type DashboardDonutChartProps = {
2097
2116
  chartGap?: number;
2098
2117
  legendGap?: number;
2099
2118
  tableWidth?: number;
2119
+ tableHeight?: number;
2100
2120
  legendValueFontSize?: number;
2101
2121
  legendKeyFontSize?: number;
2102
2122
  labelYoffSet?: number;
2103
2123
  subLabelYoffSet?: number;
2124
+ onSelectedStatus?: (_value: string) => void;
2104
2125
  };
2105
2126
 
2106
2127
  declare const DashboardDonutChart: React__default.FC<DashboardDonutChartProps>;
@@ -2218,7 +2239,10 @@ interface MachineInputFieldProps {
2218
2239
  modalId?: string;
2219
2240
  }
2220
2241
 
2221
- declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
2242
+ declare const MachineInputField: {
2243
+ ({ width, options, runCount, className, contentReverse, onClick, modalId, }: MachineInputFieldProps): react_jsx_runtime.JSX.Element;
2244
+ displayName: string;
2245
+ };
2222
2246
 
2223
2247
  interface SequentialConnectingBranchProps {
2224
2248
  machineInstances?: ExecutionContext[] | {}[];
@@ -2386,6 +2410,8 @@ interface LabelEditTextFieldTypes$1 {
2386
2410
  customErrorCondition?: boolean;
2387
2411
  placeholder?: string;
2388
2412
  onClick?: () => void;
2413
+ /** Function called when every input character got changed */
2414
+ onInputChange?: (newInputValue: string) => void;
2389
2415
  tooltip?: {
2390
2416
  tooltipTitle?: string;
2391
2417
  tooltipPlacement?: string;
@@ -2541,6 +2567,8 @@ interface CardProps {
2541
2567
  style?: React.CSSProperties;
2542
2568
  /** toggle update */
2543
2569
  handleToggleStatus?: (_status: boolean) => void;
2570
+ /** make Card Select false */
2571
+ resetToggle?: boolean;
2544
2572
  /** call back */
2545
2573
  onSelectedStatus?: (_status: string) => void;
2546
2574
  }
@@ -2765,6 +2793,76 @@ interface ProgressBarProps {
2765
2793
 
2766
2794
  declare const ProgressBar: React__default.FC<ProgressBarProps>;
2767
2795
 
2796
+ interface ChooseFileProps {
2797
+ /**
2798
+ * Variant of the button
2799
+ */
2800
+ variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
2801
+ /**
2802
+ * What background color to use
2803
+ */
2804
+ backgroundColor?: string;
2805
+ /**
2806
+ * Width in string format can be sent for needed width
2807
+ */
2808
+ buttonWidth?: string;
2809
+ /**
2810
+ * How large should the button be?
2811
+ */
2812
+ size?: 'small' | 'medium' | 'large';
2813
+ /**
2814
+ * Button contents
2815
+ */
2816
+ label?: string;
2817
+ /**
2818
+ * Type of the button
2819
+ */
2820
+ type?: 'button' | 'submit';
2821
+ disabled?: boolean;
2822
+ /**
2823
+ * Optional click handler
2824
+ */
2825
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
2826
+ /**
2827
+ * Button id
2828
+ */
2829
+ id?: string;
2830
+ /**
2831
+ * onSubmit function handler
2832
+ */
2833
+ onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
2834
+ /**
2835
+ * react ref for the button
2836
+ */
2837
+ ref?: any;
2838
+ /**
2839
+ * Classname for the button
2840
+ */
2841
+ className?: string;
2842
+ /**
2843
+ * Additional styles for the button
2844
+ */
2845
+ style?: React.CSSProperties;
2846
+ /**
2847
+ * Give icon name availble in storybook that to be on left side of button
2848
+ */
2849
+ iconName?: string;
2850
+ /**
2851
+ * isChooseFile is a Boolean prop
2852
+ */
2853
+ isChooseFile?: boolean;
2854
+ /**
2855
+ * selectedfile object will be send.
2856
+ */
2857
+ selectedFile?: File | DynamicObj | null;
2858
+ /**
2859
+ * handleCloseIcon function will set to the initial state .
2860
+ */
2861
+ handleCloseIcon?: () => void;
2862
+ }
2863
+
2864
+ declare const _default: React$1.NamedExoticComponent<ChooseFileProps>;
2865
+
2768
2866
  type valueType$1 = any;
2769
2867
  declare const checkEmpty: (value: valueType$1) => boolean;
2770
2868
 
@@ -2853,6 +2951,9 @@ interface MultiRadialChartProps {
2853
2951
  barValues: BarValue[];
2854
2952
  legendType?: LegendType;
2855
2953
  isLegendDetails?: boolean;
2954
+ labelFontSize?: number;
2955
+ subLabelFontSize?: number;
2956
+ gapAngle?: number;
2856
2957
  }
2857
2958
 
2858
2959
  declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
@@ -2891,7 +2992,19 @@ interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runL
2891
2992
 
2892
2993
  declare const getSequentialPayload: (data: MachineExecutionInstance[]) => SequentialMachineInstance[];
2893
2994
 
2894
- declare const ConnectingBranch: React__default.FC;
2995
+ type machineDataObj = any;
2996
+ interface MachineData {
2997
+ [key: string]: machineDataObj;
2998
+ }
2999
+ interface ConnectBranchProps {
3000
+ data: MachineData;
3001
+ childNodeCurveHeight?: number;
3002
+ getParentNodeComponent: (isMultiSelect: boolean, ...args: any[]) => ReactElement<any, any>;
3003
+ getParentNodeComponentActionItems: (...args: any[]) => ReactElement<any, any>;
3004
+ getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
3005
+ }
3006
+
3007
+ declare const ConnectingBranch: React__default.FC<ConnectBranchProps>;
2895
3008
 
2896
3009
  declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
2897
3010
 
@@ -3094,4 +3207,4 @@ interface PhoneInputProps {
3094
3207
 
3095
3208
  declare const PhoneInputField: React__default.FC<PhoneInputProps>;
3096
3209
 
3097
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };
3210
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, _default$2 as Button, Checkbox, Chip, _default as ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, _default$1 as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableDropdown, VariableInput, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useTheme };