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.
Files changed (42) hide show
  1. package/lib/ComponentProps/TreeNodeProps.d.ts +3 -0
  2. package/lib/components/AppHeader/types.d.ts +1 -0
  3. package/lib/components/ConnectingBranch/types.d.ts +2 -0
  4. package/lib/components/TableTree/Components/AddModule/AddModule.d.ts +2 -1
  5. package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
  6. package/lib/components/TableTree/Components/TableCell.d.ts +2 -2
  7. package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
  8. package/lib/components/TableTree/TableTree.d.ts +2 -2
  9. package/lib/components/TableTree/Utils/addNewRow.d.ts +1 -0
  10. package/lib/components/TableTree/data.d.ts +34 -0
  11. package/lib/components/TableTree/types.d.ts +12 -12
  12. package/lib/index.d.ts +15 -8
  13. package/lib/index.esm.js +237 -134
  14. package/lib/index.esm.js.map +1 -1
  15. package/lib/index.js +237 -134
  16. package/lib/index.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/ComponentProps/TreeNodeProps.ts +3 -0
  19. package/src/assets/icons/spinner.svg +42 -0
  20. package/src/components/AppHeader/AppHeader.scss +7 -1
  21. package/src/components/AppHeader/AppHeader.stories.tsx +1 -0
  22. package/src/components/AppHeader/AppHeader.tsx +8 -1
  23. package/src/components/AppHeader/types.ts +1 -0
  24. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +36 -27
  25. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +10 -0
  26. package/src/components/ConnectingBranch/ConnectingBranch.tsx +36 -23
  27. package/src/components/ConnectingBranch/types.ts +2 -0
  28. package/src/components/Select/Select.stories.tsx +34 -10
  29. package/src/components/Select/Select.tsx +1 -0
  30. package/src/components/Select/components/Dropdown.tsx +24 -21
  31. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +19 -14
  32. package/src/components/TableTree/Components/AddModule/AddModule.scss +73 -1
  33. package/src/components/TableTree/Components/AddModule/AddModule.tsx +50 -14
  34. package/src/components/TableTree/Components/TableBody.tsx +2 -0
  35. package/src/components/TableTree/Components/TableCell.tsx +125 -75
  36. package/src/components/TableTree/Components/TableRow.tsx +2 -0
  37. package/src/components/TableTree/TableTree.scss +14 -2
  38. package/src/components/TableTree/TableTree.stories.tsx +26 -7
  39. package/src/components/TableTree/TableTree.tsx +31 -5
  40. package/src/components/TableTree/Utils/addNewRow.ts +3 -1
  41. package/src/components/TableTree/data.ts +5 -1
  42. package/src/components/TableTree/types.ts +13 -12
@@ -31,4 +31,7 @@ export type TreeNodeProps = {
31
31
  expandable?: boolean;
32
32
  sourceId?: string;
33
33
  isNewNode?: boolean;
34
+ entityType?: string;
35
+ type?: string;
36
+ label?: string;
34
37
  };
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
2
2
  import { optionsType } from '../AllProjectsDropdown/types';
3
3
  export interface AppHeaderProps {
4
4
  width?: string;
5
+ borderRadius?: string;
5
6
  logoIconName: string;
6
7
  leftContent?: ReactNode;
7
8
  rightContent?: ReactNode;
@@ -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
- declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
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 _default: React.NamedExoticComponent<TreeTableProps>;
5
- export default _default;
4
+ declare const TreeTable: React.FC<TreeTableProps>;
5
+ export default TreeTable;
@@ -4,4 +4,5 @@ export declare const addNewRow: (treeData: TreeNodeProps[], newNode: {
4
4
  sourceId?: string;
5
5
  error?: string;
6
6
  value?: string;
7
+ label?: string;
7
8
  }) => TreeNodeProps[];
@@ -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 _default: React__default.NamedExoticComponent<TreeTableProps>;
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, _default 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 };
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 };