pixel-react 1.1.7 → 1.1.8

Sign up to get free protection for your applications and to get access to all the features.
Files changed (60) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AttachmentButton/AttachmentButton.d.ts +5 -0
  3. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  4. package/lib/components/AttachmentButton/index.d.ts +1 -0
  5. package/lib/components/AttachmentButton/types.d.ts +8 -0
  6. package/lib/components/RadioButton/radioButtonTypes.d.ts +15 -0
  7. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +2 -1
  8. package/lib/components/RadioGroup/radioGroupTypes.d.ts +15 -0
  9. package/lib/components/Select/Select.d.ts +1 -1
  10. package/lib/components/Select/types.d.ts +4 -0
  11. package/lib/components/Table/Table.d.ts +1 -1
  12. package/lib/components/Table/Types.d.ts +8 -0
  13. package/lib/components/TableTree/TableTree.d.ts +1 -0
  14. package/lib/index.d.ts +27 -3
  15. package/lib/index.esm.js +399 -580
  16. package/lib/index.esm.js.map +1 -1
  17. package/lib/index.js +399 -579
  18. package/lib/index.js.map +1 -1
  19. package/lib/tsconfig.tsbuildinfo +1 -1
  20. package/package.json +1 -1
  21. package/src/assets/Themes/BaseTheme.scss +10 -0
  22. package/src/assets/Themes/DarkTheme.scss +9 -0
  23. package/src/assets/icons/add_file.svg +14 -0
  24. package/src/assets/icons/nlp_help_icon.svg +3 -0
  25. package/src/assets/icons/notification_icon.svg +3 -0
  26. package/src/assets/icons/update_icon.svg +3 -0
  27. package/src/components/AppHeader/AppHeader.scss +56 -0
  28. package/src/components/AttachmentButton/AttachmentButton.scss +9 -0
  29. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +76 -0
  30. package/src/components/AttachmentButton/AttachmentButton.tsx +113 -0
  31. package/src/components/AttachmentButton/index.ts +1 -0
  32. package/src/components/AttachmentButton/types.ts +8 -0
  33. package/src/components/Drawer/Drawer.scss +0 -1
  34. package/src/components/Icon/iconList.ts +9 -0
  35. package/src/components/Modal/modal.scss +1 -1
  36. package/src/components/MultiSelect/MultiSelect.scss +2 -2
  37. package/src/components/RadioButton/RadioButton.scss +74 -68
  38. package/src/components/RadioButton/RadioButton.tsx +22 -15
  39. package/src/components/RadioButton/radioButtonTypes.tsx +18 -0
  40. package/src/components/RadioGroup/RadioGroup.stories.tsx +42 -1
  41. package/src/components/RadioGroup/RadioGroup.tsx +3 -0
  42. package/src/components/RadioGroup/radioGroupTypes.tsx +18 -0
  43. package/src/components/Select/Select.scss +1 -2
  44. package/src/components/Select/Select.tsx +3 -2
  45. package/src/components/Select/types.ts +5 -0
  46. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +5 -5
  47. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +1 -1
  48. package/src/components/Table/Table.scss +1 -0
  49. package/src/components/Table/Table.tsx +28 -13
  50. package/src/components/Table/Types.ts +8 -0
  51. package/src/components/TableTree/TableTree.scss +18 -2
  52. package/src/components/TableTree/TableTree.stories.tsx +9 -51
  53. package/src/components/TableTree/TableTree.tsx +15 -2
  54. package/src/index.ts +2 -0
  55. package/lib/components/AddButton/AddButton.d.ts +0 -5
  56. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  57. package/lib/components/AddButton/index.d.ts +0 -1
  58. package/lib/components/AddButton/types.d.ts +0 -4
  59. package/lib/utils/find/findAndInsert.d.ts +0 -7
  60. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
Binary file
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { AttachmentUploaderProps } from './types';
3
+ import './AttachmentButton.scss';
4
+ declare const AttachmentButton: React.FC<AttachmentUploaderProps>;
5
+ export default AttachmentButton;
@@ -0,0 +1,9 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import AttachmentButton from './AttachmentButton';
3
+ declare const meta: Meta<typeof AttachmentButton>;
4
+ type Story = StoryObj<typeof AttachmentButton>;
5
+ export declare const Default: Story;
6
+ export declare const SmallFileLimit: Story;
7
+ export declare const LargeFileLimit: Story;
8
+ export declare const DisabledUploader: Story;
9
+ export default meta;
@@ -0,0 +1 @@
1
+ export { default } from './AttachmentButton';
@@ -0,0 +1,8 @@
1
+ export interface AttachmentUploaderProps {
2
+ label: string;
3
+ selectedFiles: File[];
4
+ onFilesChange: (files: File[]) => void;
5
+ disabled?: boolean;
6
+ maxFileSizeMB?: number;
7
+ maxFiles?: number;
8
+ }
@@ -32,4 +32,19 @@ interface RadioButtonProps {
32
32
  * Optional.
33
33
  */
34
34
  disabled?: boolean;
35
+ /**
36
+ * Indicates whether the radio button show the tooltip.
37
+ * Optional.
38
+ */
39
+ showTooltip?: boolean;
40
+ /**
41
+ * The content of the tooltip.
42
+ * Optional.
43
+ */
44
+ tooltipChildren?: React.ReactNode;
45
+ /**
46
+ * The content of the tooltip.
47
+ * Optional.
48
+ */
49
+ tooltipTitle?: React.ReactNode;
35
50
  }
@@ -4,5 +4,6 @@ declare const meta: Meta<typeof RadioGroup>;
4
4
  type Story = StoryObj<typeof RadioGroup>;
5
5
  export declare const Controlled: Story;
6
6
  export declare const WithDisabledOption: Story;
7
- export declare const DisabledSelcted: Story;
7
+ export declare const DisabledSelected: Story;
8
+ export declare const WithToolTipIcon: Story;
8
9
  export default meta;
@@ -15,6 +15,21 @@ interface Option {
15
15
  * Optional.
16
16
  */
17
17
  disabled?: boolean;
18
+ /**
19
+ * Indicates whether the radio button show the tooltip.
20
+ * Optional.
21
+ */
22
+ showTooltip?: boolean;
23
+ /**
24
+ * The content of the tooltip.
25
+ * Optional.
26
+ */
27
+ tooltipChildren?: React.ReactNode;
28
+ /**
29
+ * The content of the tooltip.
30
+ * Optional.
31
+ */
32
+ tooltipTitle?: React.ReactNode;
18
33
  }
19
34
  /**
20
35
  * Props for the RadioGroup component.
@@ -1,4 +1,4 @@
1
1
  import { SelectProps } from './types';
2
2
  import './Select.scss';
3
- declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Select;
@@ -16,6 +16,10 @@ export interface SelectProps {
16
16
  * optionsRequired:false prop removes options from dropdown & shows static label only
17
17
  */
18
18
  optionsRequired?: boolean;
19
+ /**
20
+ * selectedOptionColor prop provides the custom color for the selected option
21
+ */
22
+ selectedOptionColor?: string;
19
23
  }
20
24
  export interface DrowdownPosition {
21
25
  positionX: number;
@@ -1,4 +1,4 @@
1
1
  import './Table.scss';
2
2
  import { TableProps } from './Types';
3
- declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
3
+ declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => import("react/jsx-runtime").JSX.Element | null;
4
4
  export default Table;
@@ -95,4 +95,12 @@ export interface TableProps {
95
95
  * classNames for the table container
96
96
  */
97
97
  className?: string;
98
+ /**
99
+ * classNames for the table Header container
100
+ */
101
+ tableHeadClass?: string;
102
+ /**
103
+ * classNames for the table Row container
104
+ */
105
+ tableBodyRowClass?: string;
98
106
  }
@@ -7,6 +7,7 @@ interface ColumnDataProps {
7
7
  isClickable?: boolean;
8
8
  minWidth?: string;
9
9
  cell?: (e: any) => JSX.Element | string | ReactNode;
10
+ actions?: (e: any) => JSX.Element | string | ReactNode;
10
11
  }
11
12
  interface ObjectProps {
12
13
  [key: string]: any;
package/lib/index.d.ts CHANGED
@@ -606,6 +606,10 @@ interface SelectProps$1 {
606
606
  * optionsRequired:false prop removes options from dropdown & shows static label only
607
607
  */
608
608
  optionsRequired?: boolean;
609
+ /**
610
+ * selectedOptionColor prop provides the custom color for the selected option
611
+ */
612
+ selectedOptionColor?: string;
609
613
  }
610
614
  interface Option$2 {
611
615
  label: string | ReactNode;
@@ -613,7 +617,7 @@ interface Option$2 {
613
617
  disabled?: boolean;
614
618
  }
615
619
 
616
- declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
620
+ declare const Select: ({ label, showLabel, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, optionsRequired, selectedOptionColor, }: SelectProps$1) => react_jsx_runtime.JSX.Element;
617
621
 
618
622
  interface TextareaProps {
619
623
  /**
@@ -913,9 +917,17 @@ interface TableProps {
913
917
  * classNames for the table container
914
918
  */
915
919
  className?: string;
920
+ /**
921
+ * classNames for the table Header container
922
+ */
923
+ tableHeadClass?: string;
924
+ /**
925
+ * classNames for the table Row container
926
+ */
927
+ tableBodyRowClass?: string;
916
928
  }
917
929
 
918
- declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, }: TableProps) => react_jsx_runtime.JSX.Element | null;
930
+ declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, height, className, tableHeadClass, tableBodyRowClass, }: TableProps) => react_jsx_runtime.JSX.Element | null;
919
931
 
920
932
  /**
921
933
  * Props for the Add Resource Button component.
@@ -1286,6 +1298,7 @@ interface ColumnDataProps {
1286
1298
  isClickable?: boolean;
1287
1299
  minWidth?: string;
1288
1300
  cell?: (e: any) => JSX.Element | string | ReactNode;
1301
+ actions?: (e: any) => JSX.Element | string | ReactNode;
1289
1302
  }
1290
1303
  interface ObjectProps {
1291
1304
  [key: string]: any;
@@ -1744,6 +1757,17 @@ interface ExecutionContext {
1744
1757
 
1745
1758
  declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
1746
1759
 
1760
+ interface AttachmentUploaderProps {
1761
+ label: string;
1762
+ selectedFiles: File[];
1763
+ onFilesChange: (files: File[]) => void;
1764
+ disabled?: boolean;
1765
+ maxFileSizeMB?: number;
1766
+ maxFiles?: number;
1767
+ }
1768
+
1769
+ declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;
1770
+
1747
1771
  type valueType$1 = any;
1748
1772
  declare const checkEmpty: (value: valueType$1) => boolean;
1749
1773
 
@@ -1791,4 +1815,4 @@ declare const throttle: (func: Callback, limit: number) => ThrottledFunction;
1791
1815
 
1792
1816
  declare const truncateText: (text: string, maxLength: number) => string;
1793
1817
 
1794
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };
1818
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachmentButton, Button, Checkbox, Chip, Col, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MachineInputField, MenuOption, MiniModal, Modal, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, throttle, truncateText, useTheme };