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.
- package/.yarn/install-state.gz +0 -0
- package/lib/components/AttachmentButton/AttachmentButton.d.ts +5 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/AttachmentButton/index.d.ts +1 -0
- package/lib/components/AttachmentButton/types.d.ts +8 -0
- package/lib/components/RadioButton/radioButtonTypes.d.ts +15 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +2 -1
- package/lib/components/RadioGroup/radioGroupTypes.d.ts +15 -0
- package/lib/components/Select/Select.d.ts +1 -1
- package/lib/components/Select/types.d.ts +4 -0
- package/lib/components/Table/Table.d.ts +1 -1
- package/lib/components/Table/Types.d.ts +8 -0
- package/lib/components/TableTree/TableTree.d.ts +1 -0
- package/lib/index.d.ts +27 -3
- package/lib/index.esm.js +399 -580
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +399 -579
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +10 -0
- package/src/assets/Themes/DarkTheme.scss +9 -0
- package/src/assets/icons/add_file.svg +14 -0
- package/src/assets/icons/nlp_help_icon.svg +3 -0
- package/src/assets/icons/notification_icon.svg +3 -0
- package/src/assets/icons/update_icon.svg +3 -0
- package/src/components/AppHeader/AppHeader.scss +56 -0
- package/src/components/AttachmentButton/AttachmentButton.scss +9 -0
- package/src/components/AttachmentButton/AttachmentButton.stories.tsx +76 -0
- package/src/components/AttachmentButton/AttachmentButton.tsx +113 -0
- package/src/components/AttachmentButton/index.ts +1 -0
- package/src/components/AttachmentButton/types.ts +8 -0
- package/src/components/Drawer/Drawer.scss +0 -1
- package/src/components/Icon/iconList.ts +9 -0
- package/src/components/Modal/modal.scss +1 -1
- package/src/components/MultiSelect/MultiSelect.scss +2 -2
- package/src/components/RadioButton/RadioButton.scss +74 -68
- package/src/components/RadioButton/RadioButton.tsx +22 -15
- package/src/components/RadioButton/radioButtonTypes.tsx +18 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +42 -1
- package/src/components/RadioGroup/RadioGroup.tsx +3 -0
- package/src/components/RadioGroup/radioGroupTypes.tsx +18 -0
- package/src/components/Select/Select.scss +1 -2
- package/src/components/Select/Select.tsx +3 -2
- package/src/components/Select/types.ts +5 -0
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +5 -5
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +1 -1
- package/src/components/Table/Table.scss +1 -0
- package/src/components/Table/Table.tsx +28 -13
- package/src/components/Table/Types.ts +8 -0
- package/src/components/TableTree/TableTree.scss +18 -2
- package/src/components/TableTree/TableTree.stories.tsx +9 -51
- package/src/components/TableTree/TableTree.tsx +15 -2
- package/src/index.ts +2 -0
- package/lib/components/AddButton/AddButton.d.ts +0 -5
- package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
- package/lib/components/AddButton/index.d.ts +0 -1
- package/lib/components/AddButton/types.d.ts +0 -4
- package/lib/utils/find/findAndInsert.d.ts +0 -7
- package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
package/.yarn/install-state.gz
CHANGED
Binary file
|
@@ -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';
|
@@ -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
|
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
|
}
|
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 };
|