pixel-react 1.10.10-2 → 1.10.10-4
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.
- package/lib/ComponentProps/TreeNodeProps.d.ts +3 -0
- package/lib/components/AppHeader/types.d.ts +1 -0
- package/lib/components/ConnectingBranch/types.d.ts +2 -0
- package/lib/components/TableTree/Components/AddModule/AddModule.d.ts +2 -1
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/Components/TableCell.d.ts +2 -2
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/TableTree.d.ts +2 -2
- package/lib/components/TableTree/Utils/addNewRow.d.ts +1 -0
- package/lib/components/TableTree/data.d.ts +34 -0
- package/lib/components/TableTree/types.d.ts +12 -12
- package/lib/index.d.ts +15 -8
- package/lib/index.esm.js +237 -134
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +237 -134
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +3 -0
- package/src/assets/icons/spinner.svg +42 -0
- package/src/components/AppHeader/AppHeader.scss +7 -1
- package/src/components/AppHeader/AppHeader.stories.tsx +1 -0
- package/src/components/AppHeader/AppHeader.tsx +8 -1
- package/src/components/AppHeader/types.ts +1 -0
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +36 -27
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +10 -0
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +36 -23
- package/src/components/ConnectingBranch/types.ts +2 -0
- package/src/components/Select/Select.stories.tsx +34 -10
- package/src/components/Select/Select.tsx +1 -0
- package/src/components/Select/components/Dropdown.tsx +24 -21
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +19 -14
- package/src/components/TableTree/Components/AddModule/AddModule.scss +73 -1
- package/src/components/TableTree/Components/AddModule/AddModule.tsx +50 -14
- package/src/components/TableTree/Components/TableBody.tsx +2 -0
- package/src/components/TableTree/Components/TableCell.tsx +125 -75
- package/src/components/TableTree/Components/TableRow.tsx +2 -0
- package/src/components/TableTree/TableTree.scss +14 -2
- package/src/components/TableTree/TableTree.stories.tsx +26 -7
- package/src/components/TableTree/TableTree.tsx +31 -5
- package/src/components/TableTree/Utils/addNewRow.ts +3 -1
- package/src/components/TableTree/data.ts +5 -1
- package/src/components/TableTree/types.ts +13 -12
@@ -16,6 +16,7 @@ export interface MachineInstancesProps {
|
|
16
16
|
itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
|
17
17
|
datasetRef: React.RefObject<HTMLDivElement>;
|
18
18
|
getChildNodeComponent: FC<ConnectingNodeConfig>;
|
19
|
+
isReadOnlyMode?: boolean;
|
19
20
|
}
|
20
21
|
export type indexType = number;
|
21
22
|
export type rowType = number;
|
@@ -46,5 +47,6 @@ export interface ConnectBranchProps {
|
|
46
47
|
getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
47
48
|
getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
48
49
|
getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
50
|
+
isReadOnlyMode?: boolean;
|
49
51
|
}
|
50
52
|
export {};
|
@@ -1,7 +1,8 @@
|
|
1
1
|
import './AddModule.scss';
|
2
|
-
export declare const AddModule: ({ onConfirm, onCancel, error, value, }: {
|
2
|
+
export declare const AddModule: ({ onConfirm, onCancel, error, value, label, }: {
|
3
3
|
onConfirm?: (_text: string) => void;
|
4
4
|
onCancel?: () => void;
|
5
5
|
error?: string;
|
6
6
|
value?: string;
|
7
|
+
label?: string;
|
7
8
|
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import { TableBodyProps } from '../types';
|
2
|
-
declare const TableBody: ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element | null;
|
2
|
+
declare const TableBody: ({ flattenedTreeData, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, newNode, onAddConfirm, onAddCancel, expanding, }: TableBodyProps) => import("react/jsx-runtime").JSX.Element | null;
|
3
3
|
export default TableBody;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { TableCellProps } from '../types';
|
2
1
|
import React from 'react';
|
3
|
-
|
2
|
+
import { TableCellProps } from '../types';
|
3
|
+
declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, isExpanding, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
|
4
4
|
export default TableCell;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { TableRowProps } from '../types';
|
3
|
-
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
3
|
+
declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, isExpanding, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
|
4
4
|
export default TableRow;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import './TableTree.scss';
|
3
3
|
import { TreeTableProps } from './types';
|
4
|
-
declare const
|
5
|
-
export default
|
4
|
+
declare const TreeTable: React.FC<TreeTableProps>;
|
5
|
+
export default TreeTable;
|
@@ -26,6 +26,8 @@ declare const data: ({
|
|
26
26
|
platform: string;
|
27
27
|
parentId?: undefined;
|
28
28
|
parentName?: undefined;
|
29
|
+
expanded?: undefined;
|
30
|
+
expandable?: undefined;
|
29
31
|
} | {
|
30
32
|
createdBy: string;
|
31
33
|
modifiedBy: string;
|
@@ -54,5 +56,37 @@ declare const data: ({
|
|
54
56
|
defaultEntity: boolean;
|
55
57
|
lastResource: boolean;
|
56
58
|
platform?: undefined;
|
59
|
+
expanded?: undefined;
|
60
|
+
expandable?: undefined;
|
61
|
+
} | {
|
62
|
+
createdBy: string;
|
63
|
+
modifiedBy: string;
|
64
|
+
createdByUname: string;
|
65
|
+
modifiedByUname: string;
|
66
|
+
createdOn: string;
|
67
|
+
modifiedOn: string;
|
68
|
+
state: string;
|
69
|
+
path: string;
|
70
|
+
searchKey: string;
|
71
|
+
parentId: string;
|
72
|
+
parentName: string;
|
73
|
+
key: string;
|
74
|
+
name: string;
|
75
|
+
projectId: string;
|
76
|
+
hierarchy: number;
|
77
|
+
executionOrder: number;
|
78
|
+
expanded: boolean;
|
79
|
+
expandable: boolean;
|
80
|
+
subContainerCount: number;
|
81
|
+
resourceCount: number;
|
82
|
+
totalSubContainerCount: number;
|
83
|
+
totalResourceCount: number;
|
84
|
+
totalProjectElementCount: number;
|
85
|
+
totalSharedElementCount: number;
|
86
|
+
container: boolean;
|
87
|
+
localDelete: boolean;
|
88
|
+
defaultEntity: boolean;
|
89
|
+
lastResource: boolean;
|
90
|
+
platform?: undefined;
|
57
91
|
})[];
|
58
92
|
export default data;
|
@@ -1,5 +1,12 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
|
3
|
+
interface NewNode {
|
4
|
+
sourceId?: string;
|
5
|
+
action?: 'addAbove' | 'addBelow' | 'addInside';
|
6
|
+
value?: string;
|
7
|
+
error?: string;
|
8
|
+
label?: string;
|
9
|
+
}
|
3
10
|
declare type JSX = ReactNode | JSX.Element[] | string | null;
|
4
11
|
export interface TableCellProps {
|
5
12
|
treeRowRef?: React.RefObject<any | null>;
|
@@ -12,6 +19,7 @@ export interface TableCellProps {
|
|
12
19
|
index?: number;
|
13
20
|
onAddConfirm?: (_name: string) => void;
|
14
21
|
onAddCancel?: () => void;
|
22
|
+
isExpanding?: boolean;
|
15
23
|
}
|
16
24
|
export interface TableHeadProps {
|
17
25
|
columnsData: any[];
|
@@ -24,14 +32,10 @@ export interface TableBodyProps {
|
|
24
32
|
onRowClick: (e: any, node: any) => void;
|
25
33
|
onToggleExpand: (node: TreeNode, _index: number) => void;
|
26
34
|
onCheckBoxChange: (e: any, node: string[] | any) => void;
|
27
|
-
newNode?:
|
28
|
-
sourceId?: string;
|
29
|
-
action?: 'addAbove' | 'addBelow' | 'addInside';
|
30
|
-
value?: string;
|
31
|
-
error?: string;
|
32
|
-
};
|
35
|
+
newNode?: NewNode;
|
33
36
|
onAddConfirm?: (_name: string) => void;
|
34
37
|
onAddCancel?: () => void;
|
38
|
+
expanding?: string | null;
|
35
39
|
}
|
36
40
|
export interface TableRowProps {
|
37
41
|
node: any;
|
@@ -44,6 +48,7 @@ export interface TableRowProps {
|
|
44
48
|
index?: number;
|
45
49
|
onAddConfirm?: (_name: string) => void;
|
46
50
|
onAddCancel?: () => void;
|
51
|
+
isExpanding?: boolean;
|
47
52
|
}
|
48
53
|
export interface Column {
|
49
54
|
name: string;
|
@@ -67,12 +72,7 @@ export interface TreeTableProps {
|
|
67
72
|
loadMore?: (_direction?: string) => void;
|
68
73
|
tableBorder?: string;
|
69
74
|
height?: number | string;
|
70
|
-
newNode?:
|
71
|
-
sourceId?: string;
|
72
|
-
action?: 'addAbove' | 'addBelow' | 'addInside';
|
73
|
-
value?: string;
|
74
|
-
error?: string;
|
75
|
-
};
|
75
|
+
newNode?: NewNode;
|
76
76
|
onAddConfirm?: (_name: string) => void;
|
77
77
|
onAddCancel?: () => void;
|
78
78
|
}
|
package/lib/index.d.ts
CHANGED
@@ -1787,8 +1787,18 @@ type TreeNodeProps = {
|
|
1787
1787
|
expandable?: boolean;
|
1788
1788
|
sourceId?: string;
|
1789
1789
|
isNewNode?: boolean;
|
1790
|
+
entityType?: string;
|
1791
|
+
type?: string;
|
1792
|
+
label?: string;
|
1790
1793
|
};
|
1791
1794
|
|
1795
|
+
interface NewNode {
|
1796
|
+
sourceId?: string;
|
1797
|
+
action?: 'addAbove' | 'addBelow' | 'addInside';
|
1798
|
+
value?: string;
|
1799
|
+
error?: string;
|
1800
|
+
label?: string;
|
1801
|
+
}
|
1792
1802
|
declare type JSX$1 = ReactNode | JSX$1.Element[] | string | null;
|
1793
1803
|
interface Column {
|
1794
1804
|
name: string;
|
@@ -1812,17 +1822,12 @@ interface TreeTableProps {
|
|
1812
1822
|
loadMore?: (_direction?: string) => void;
|
1813
1823
|
tableBorder?: string;
|
1814
1824
|
height?: number | string;
|
1815
|
-
newNode?:
|
1816
|
-
sourceId?: string;
|
1817
|
-
action?: 'addAbove' | 'addBelow' | 'addInside';
|
1818
|
-
value?: string;
|
1819
|
-
error?: string;
|
1820
|
-
};
|
1825
|
+
newNode?: NewNode;
|
1821
1826
|
onAddConfirm?: (_name: string) => void;
|
1822
1827
|
onAddCancel?: () => void;
|
1823
1828
|
}
|
1824
1829
|
|
1825
|
-
declare const
|
1830
|
+
declare const TreeTable: React__default.FC<TreeTableProps>;
|
1826
1831
|
|
1827
1832
|
interface TabsProps {
|
1828
1833
|
/**
|
@@ -2204,6 +2209,7 @@ declare const PieChart: React__default.FC<PieChartProps>;
|
|
2204
2209
|
|
2205
2210
|
interface AppHeaderProps {
|
2206
2211
|
width?: string;
|
2212
|
+
borderRadius?: string;
|
2207
2213
|
logoIconName: string;
|
2208
2214
|
leftContent?: ReactNode;
|
2209
2215
|
rightContent?: ReactNode;
|
@@ -3335,6 +3341,7 @@ interface ConnectBranchProps {
|
|
3335
3341
|
getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3336
3342
|
getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3337
3343
|
getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3344
|
+
isReadOnlyMode?: boolean;
|
3338
3345
|
}
|
3339
3346
|
|
3340
3347
|
declare const ConnectingBranch: React__default.FC<ConnectBranchProps>;
|
@@ -3738,4 +3745,4 @@ declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
|
|
3738
3745
|
declare function saveToIndexedDB(key: string, value: string): Promise<void>;
|
3739
3746
|
declare function getFromIndexedDB(key: string): Promise<string | null>;
|
3740
3747
|
|
3741
|
-
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, BrowserTabs, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table,
|
3748
|
+
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, BrowserTabs, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, TreeTable as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, type TreeNodeProps, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, type VariableSuggestionInputDropDownProps, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getFromIndexedDB, getSequentialPayload, getTreeDetails, handleTreeNodeSect, hasDuplicateFile, rearrangeDragItem, saveFileFromBlob, saveToIndexedDB, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };
|