pixel-react 1.10.4 → 1.10.6

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 (153) hide show
  1. package/lib/ComponentProps/TreeNodeProps.d.ts +2 -1
  2. package/lib/components/AddResourceButton/AddResourceButton.d.ts +4 -0
  3. package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
  4. package/lib/components/AddResourceButton/index.d.ts +1 -1
  5. package/lib/components/AddResourceButton/type.d.ts +2 -0
  6. package/lib/components/BrowserTabs/BrowserTabs.d.ts +5 -0
  7. package/lib/components/BrowserTabs/index.d.ts +1 -0
  8. package/lib/components/BrowserTabs/types.d.ts +64 -0
  9. package/lib/components/ConnectingBranch/data.d.ts +62 -64
  10. package/lib/components/ConnectingBranch/types.d.ts +28 -7
  11. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +6 -1
  12. package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +3 -0
  13. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +15 -1
  14. package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
  15. package/lib/components/Excel/Types.d.ts +1 -0
  16. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  17. package/lib/components/MenuOption/types.d.ts +1 -0
  18. package/lib/components/MiniModal/types.d.ts +2 -1
  19. package/lib/components/Select/components/types.d.ts +6 -1
  20. package/lib/components/Select/types.d.ts +17 -0
  21. package/lib/components/Table/Table.d.ts +1 -1
  22. package/lib/components/Table/Types.d.ts +1 -0
  23. package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
  24. package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
  25. package/lib/components/TableTree/types.d.ts +4 -3
  26. package/lib/index.d.ts +127 -13
  27. package/lib/index.esm.js +992 -462
  28. package/lib/index.esm.js.map +1 -1
  29. package/lib/index.js +993 -462
  30. package/lib/index.js.map +1 -1
  31. package/lib/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +1 -1
  33. package/src/ComponentProps/TreeNodeProps.ts +2 -1
  34. package/src/assets/Themes/BaseTheme.scss +1 -2
  35. package/src/assets/Themes/DarkTheme.scss +0 -1
  36. package/src/assets/styles/_mixins.scss +19 -0
  37. package/src/components/AddResourceButton/{AddButton.scss → AddResourceButton.scss} +1 -0
  38. package/src/components/AddResourceButton/{AddButton.stories.tsx → AddResourceButton.stories.tsx} +4 -4
  39. package/src/components/AddResourceButton/{AddButton.tsx → AddResourceButton.tsx} +25 -10
  40. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -2
  41. package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +16 -9
  42. package/src/components/AddResourceButton/index.ts +1 -1
  43. package/src/components/AddResourceButton/type.ts +2 -0
  44. package/src/components/BrowserTabs/BrowserTabs.scss +75 -0
  45. package/src/components/BrowserTabs/BrowserTabs.stories.tsx +366 -0
  46. package/src/components/BrowserTabs/BrowserTabs.tsx +128 -0
  47. package/src/components/BrowserTabs/index.ts +1 -0
  48. package/src/components/BrowserTabs/types.ts +73 -0
  49. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +54 -39
  50. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +3 -2
  51. package/src/components/ConnectingBranch/ConnectingBranch.tsx +28 -24
  52. package/src/components/ConnectingBranch/data.tsx +207 -213
  53. package/src/components/ConnectingBranch/types.ts +26 -17
  54. package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +1 -1
  55. package/src/components/Excel/ExcelFile/ExcelFile.scss +4 -0
  56. package/src/components/Excel/ExcelFile/ExcelFile.tsx +35 -16
  57. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +14 -3
  58. package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +1 -0
  59. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +16 -5
  60. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +12 -1
  61. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +31 -5
  62. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +30 -0
  63. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +47 -0
  64. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +4 -4
  65. package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +6 -0
  66. package/src/components/Excel/ExcelFile.stories.tsx +10 -2
  67. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +11 -11
  68. package/src/components/Excel/Types.ts +1 -0
  69. package/src/components/Excel/dataConversion.ts +17 -19
  70. package/src/components/MenuOption/MenuOption.tsx +4 -0
  71. package/src/components/MenuOption/types.ts +1 -0
  72. package/src/components/MiniModal/MiniModal.scss +8 -0
  73. package/src/components/MiniModal/MiniModal.stories.tsx +60 -0
  74. package/src/components/MiniModal/types.ts +2 -1
  75. package/src/components/Select/Select.stories.tsx +43 -1
  76. package/src/components/Select/Select.tsx +16 -1
  77. package/src/components/Select/components/Dropdown.scss +41 -1
  78. package/src/components/Select/components/Dropdown.tsx +52 -6
  79. package/src/components/Select/components/types.ts +7 -2
  80. package/src/components/Select/types.ts +22 -0
  81. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +8 -2
  82. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +1 -1
  83. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.scss +14 -0
  84. package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +6 -11
  85. package/src/components/Table/Table.stories.tsx +1 -1
  86. package/src/components/Table/Table.tsx +55 -4
  87. package/src/components/Table/Types.ts +4 -1
  88. package/src/components/TableTree/Components/TableCell.tsx +25 -10
  89. package/src/components/TableTree/Components/TableHead.tsx +5 -5
  90. package/src/components/TableTree/Components/TableRow.tsx +27 -24
  91. package/src/components/TableTree/TableTree.scss +89 -69
  92. package/src/components/TableTree/TableTree.stories.tsx +66 -2
  93. package/src/components/TableTree/types.ts +4 -3
  94. package/src/index.ts +2 -0
  95. package/src/utils/getTreeDetails/getTreeDetails.ts +8 -7
  96. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
  97. package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
  98. package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
  99. package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
  100. package/lib/components/Button/Button.stories.d.ts +0 -12
  101. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
  102. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
  103. package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
  104. package/lib/components/Chip/Chip.stories.d.ts +0 -14
  105. package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
  106. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
  107. package/lib/components/Drawer/Drawer.stories.d.ts +0 -7
  108. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
  109. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
  110. package/lib/components/Form/Form.stories.d.ts +0 -6
  111. package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
  112. package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
  113. package/lib/components/Icon/Icon.stories.d.ts +0 -7
  114. package/lib/components/IconButton/IconButton.stories.d.ts +0 -6
  115. package/lib/components/Input/Input.stories.d.ts +0 -9
  116. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
  117. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
  118. package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -15
  119. package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -9
  120. package/lib/components/Modal/Modal.stories.d.ts +0 -7
  121. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -9
  122. package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
  123. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -8
  124. package/lib/components/Search/Search.stories.d.ts +0 -6
  125. package/lib/components/Select/Select.stories.d.ts +0 -13
  126. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
  127. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -15
  128. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
  129. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
  130. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
  131. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
  132. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
  133. package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
  134. package/lib/components/Table/Table.stories.d.ts +0 -11
  135. package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
  136. package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
  137. package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
  138. package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
  139. package/lib/components/Toast/Toast.stories.d.ts +0 -6
  140. package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
  141. package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
  142. package/lib/components/Typography/Typography.stories.d.ts +0 -10
  143. package/lib/hooks/useCustomThemeProvider.d.ts +0 -11
  144. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
  145. package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
  146. package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
  147. package/lib/utils/debounce/debounce.stories.d.ts +0 -6
  148. package/lib/utils/ffID/ffID.stories.d.ts +0 -6
  149. package/lib/utils/find/findAndInsert.d.ts +0 -7
  150. package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
  151. package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
  152. package/lib/utils/throttle/throttle.stories.d.ts +0 -6
  153. package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
@@ -27,7 +27,8 @@ export type TreeNodeProps = {
27
27
  parentId?: string;
28
28
  parentName?: string;
29
29
  checked?: boolean | 'partial';
30
- expand?: boolean;
30
+ expanded?: boolean;
31
+ expandable?: boolean;
31
32
  sourceId?: string;
32
33
  isNewNode?: boolean;
33
34
  };
@@ -0,0 +1,4 @@
1
+ import './AddResourceButton.scss';
2
+ import { AddResourceButtonProps } from './type';
3
+ declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default AddResourceButton;
@@ -1,6 +1,6 @@
1
1
  import './ArrowsButton.scss';
2
2
  import { DirectionalArrowButtonProps } from '../type';
3
- declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, }: DirectionalArrowButtonProps & {
3
+ declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, }: DirectionalArrowButtonProps & {
4
4
  isActive: boolean;
5
5
  }) => import("react/jsx-runtime").JSX.Element;
6
6
  export default ArrowsButton;
@@ -1 +1 @@
1
- export { default } from './AddButton';
1
+ export { default } from './AddResourceButton';
@@ -39,6 +39,7 @@ export interface AddResourceButtonProps {
39
39
  }[];
40
40
  }[];
41
41
  zIndex?: number;
42
+ treeRowRef?: React.RefObject<any | null>;
42
43
  }
43
44
  /**
44
45
  * Props for individual directional arrow buttons.
@@ -59,6 +60,7 @@ export interface DirectionalArrowButtonProps {
59
60
  onArrowClick: () => void;
60
61
  isActive: boolean;
61
62
  variant?: 'primary' | 'secondary';
63
+ treeRowRef?: React.RefObject<any | null>;
62
64
  }
63
65
  /**
64
66
  * Utility function to validate an array of directional arrows.
@@ -0,0 +1,5 @@
1
+ import { BrowserTabsProps } from './types';
2
+ import './BrowserTabs.scss';
3
+ import '../../assets/styles/_colors.scss';
4
+ declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default BrowserTabs;
@@ -0,0 +1 @@
1
+ export { default } from "./BrowserTabs";
@@ -0,0 +1,64 @@
1
+ /**
2
+ * Represents a single tab in the BrowserTabs component.
3
+ */
4
+ export interface BrowserTab {
5
+ /**
6
+ * Unique identifier for the tab.
7
+ */
8
+ id: string;
9
+ /**
10
+ * Label text displayed on the tab.
11
+ */
12
+ label: string;
13
+ /**
14
+ * Optional component to be rendered when the tab is active.
15
+ */
16
+ component?: JSX.Element;
17
+ /**
18
+ * Name of the tab icon.
19
+ */
20
+ tabIcon: string;
21
+ }
22
+ /**
23
+ * Props for the BrowserTabs component.
24
+ */
25
+ export interface BrowserTabsProps {
26
+ /**
27
+ * An array of tab objects containing label, icon, and an optional component.
28
+ */
29
+ tabsData: BrowserTab[];
30
+ /**
31
+ * The ID of the currently active tab.
32
+ */
33
+ activeTabId: string;
34
+ /**
35
+ * Function to update the active tab state when a user clicks on a tab.
36
+ * @param id - The unique identifier of the clicked tab.
37
+ */
38
+ onTabClick: (id: string) => void;
39
+ /**
40
+ * Function to add a new tab.
41
+ */
42
+ onTabAdd?: () => void;
43
+ /**
44
+ * Function to close a specific tab.
45
+ * @param index - The index of the tab to be closed.
46
+ */
47
+ onTabClose?: (index: number) => void;
48
+ /**
49
+ * Minimum width for each tab (in pixels).
50
+ */
51
+ minTabWidth?: number;
52
+ /**
53
+ * Maximum width for each tab (in pixels).
54
+ */
55
+ maxTabWidth?: number;
56
+ /**
57
+ * Show the close button only for the active tab.
58
+ */
59
+ showCloseOnActive?: boolean;
60
+ /**
61
+ * Custom CSS class name to override default styles.
62
+ */
63
+ className?: string;
64
+ }
@@ -1,73 +1,71 @@
1
1
  declare const machineData: {
2
- executionSettings: {
3
- machines: {
4
- multiple: boolean;
5
- totalNoScript: number;
6
- selectedMachines: {
2
+ machines: {
3
+ multiple: boolean;
4
+ totalNoScript: number;
5
+ selectedMachines: {
6
+ clientId: string;
7
+ executionDataSet: {
8
+ peVariableSetId: string;
9
+ globalVariableSetId: string;
10
+ testDataSetId: string;
11
+ };
12
+ machineInstances: ({
7
13
  clientId: string;
8
- executionDataSet: {
14
+ numberOfRuns: string;
15
+ executionEnv: string;
16
+ browserName: string;
17
+ browserVersion: string;
18
+ systemUrl: string;
19
+ machineInfo: {
20
+ osName: string;
21
+ osVersion: string;
22
+ hostName: string;
23
+ };
24
+ deviceInfo: {
25
+ version: string;
26
+ name: string;
27
+ type: string;
28
+ subType: string;
29
+ platform: string;
30
+ }[];
31
+ headless: boolean;
32
+ runLevelExecutionDataSets: {
9
33
  peVariableSetId: string;
10
34
  globalVariableSetId: string;
11
35
  testDataSetId: string;
36
+ runScriptCount: number;
37
+ browserRenderer: string;
38
+ }[];
39
+ } | {
40
+ clientId: string;
41
+ numberOfRuns: string;
42
+ executionEnv: string;
43
+ browserName: string;
44
+ browserVersion: string;
45
+ systemUrl: string;
46
+ machineInfo: {
47
+ osName: string;
48
+ osVersion: string;
49
+ hostName: string;
12
50
  };
13
- machineInstances: ({
14
- clientId: string;
15
- numberOfRuns: string;
16
- executionEnv: string;
17
- browserName: string;
18
- browserVersion: string;
19
- systemUrl: string;
20
- machineInfo: {
21
- osName: string;
22
- osVersion: string;
23
- hostName: string;
24
- };
25
- deviceInfo: {
26
- version: string;
27
- name: string;
28
- type: string;
29
- subType: string;
30
- platform: string;
31
- }[];
32
- headless: boolean;
33
- runLevelExecutionDataSets: {
34
- peVariableSetId: string;
35
- globalVariableSetId: string;
36
- testDataSetId: string;
37
- runScriptCount: number;
38
- browserRenderer: string;
39
- }[];
40
- } | {
41
- clientId: string;
42
- numberOfRuns: string;
43
- executionEnv: string;
44
- browserName: string;
45
- browserVersion: string;
46
- systemUrl: string;
47
- machineInfo: {
48
- osName: string;
49
- osVersion: string;
50
- hostName: string;
51
- };
52
- deviceInfo: {
53
- version: string;
54
- name: string;
55
- type: string;
56
- subType: string;
57
- platform: string;
58
- }[];
59
- headless: boolean;
60
- runLevelExecutionDataSets: {
61
- peVariableSetId: string;
62
- globalVariableSetId: string;
63
- testDataSetId: string;
64
- runScriptCount: number;
65
- executionDataSetId: string;
66
- }[];
67
- })[];
68
- }[];
69
- executionType: string;
70
- };
51
+ deviceInfo: {
52
+ version: string;
53
+ name: string;
54
+ type: string;
55
+ subType: string;
56
+ platform: string;
57
+ }[];
58
+ headless: boolean;
59
+ runLevelExecutionDataSets: {
60
+ peVariableSetId: string;
61
+ globalVariableSetId: string;
62
+ testDataSetId: string;
63
+ runScriptCount: number;
64
+ executionDataSetId: string;
65
+ }[];
66
+ })[];
67
+ }[];
68
+ executionType: string;
71
69
  };
72
70
  };
73
71
  export default machineData;
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import { ReactElement, type FC } from 'react';
2
2
  type MachineInstanceData = any;
3
3
  export interface MachineInstance {
4
4
  [key: string]: MachineInstanceData;
@@ -8,22 +8,43 @@ export interface MachineData {
8
8
  [key: string]: machineDataObj;
9
9
  }
10
10
  export interface MachineInstancesProps {
11
- parentNode: number;
12
- data: MachineData;
11
+ parentNodeIndex: number;
12
+ parentNodeData: MachineData;
13
13
  verticalLineHeight: number;
14
14
  datasetHeight: number;
15
15
  curveHeights: number[];
16
16
  itemRefs: React.MutableRefObject<(HTMLDivElement | null)[]>;
17
17
  datasetRef: React.RefObject<HTMLDivElement>;
18
- getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
18
+ getChildNodeComponent: FC<ConnectingNodeConfig>;
19
19
  }
20
20
  export type indexType = number;
21
21
  export type rowType = number;
22
+ export interface RunLevelExecutionDataSet {
23
+ peVariableSetId: string;
24
+ globalVariableSetId: string;
25
+ testDataSetId: string;
26
+ runScriptCount?: number;
27
+ [key: string]: any;
28
+ }
29
+ export interface ConnectingNodeConfig {
30
+ isButton?: boolean;
31
+ isMultiSelect?: boolean;
32
+ parentNodeData?: {
33
+ [key: string]: any;
34
+ };
35
+ parentNodeIndex?: number;
36
+ childNodeData?: {
37
+ [key: string]: any;
38
+ };
39
+ childNodeIndex?: number;
40
+ runLevelExecutionDataSetIndex?: number;
41
+ runLevelExecutionDataSet?: RunLevelExecutionDataSet;
42
+ }
22
43
  export interface ConnectBranchProps {
23
44
  data: MachineData;
24
45
  childNodeCurveHeight?: number;
25
- getParentNodeComponent: (isMultiSelect: boolean, ...args: any[]) => ReactElement<any, any>;
26
- getParentNodeComponentActionItems: (...args: any[]) => ReactElement<any, any>;
27
- getChildNodeComponent: (isButton: boolean, ...args: any[]) => ReactElement<any, any>;
46
+ getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
47
+ getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
48
+ getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
28
49
  }
29
50
  export {};
@@ -14,13 +14,18 @@ interface ExcelFileProps {
14
14
  }[];
15
15
  };
16
16
  /** Controls whether the toolbar is shown, disabled, or hidden */
17
- toolbar?: 'show' | 'disable' | 'hide';
17
+ toolbar?: 'show' | 'hide';
18
+ sheetBar?: 'show' | 'hide';
19
+ rowCount?: number;
20
+ colCount?: number;
18
21
  /** Callback function to save the Excel data */
19
22
  onSave?: (saveData: any) => void;
20
23
  contextHeightPositioning?: number;
21
24
  contextWidthPositioning?: number;
22
25
  /** Set your dynamic sheet Height*/
23
26
  sheetHeight?: string;
27
+ columnContextEnable?: boolean;
28
+ rowContextEnable?: boolean;
24
29
  }
25
30
  declare const ExcelFile: React.FC<ExcelFileProps>;
26
31
  export default ExcelFile;
@@ -62,6 +62,7 @@ export type Props<CellType extends Types.CellBase> = {
62
62
  setContextMenu: React.Dispatch<React.SetStateAction<Types.ContextMenuState>>;
63
63
  /** Set your dynamic sheet Height*/
64
64
  sheetHeight: string;
65
+ toolbar?: 'show' | 'hide';
65
66
  contextOption?: {
66
67
  open: boolean;
67
68
  options: {
@@ -71,6 +72,8 @@ export type Props<CellType extends Types.CellBase> = {
71
72
  action: () => void;
72
73
  }[];
73
74
  };
75
+ columnContextEnable: boolean;
76
+ rowContextEnable: boolean;
74
77
  };
75
78
  /**
76
79
  * The Spreadsheet component
@@ -35,7 +35,9 @@ export declare const COLOR = "COLOR";
35
35
  export declare const BACKGROUND_COLOR = "BACKGROUND_COLOR";
36
36
  export declare const FORMATE_PAINTER = "FORMATE_PAINTER";
37
37
  export declare const ADD_ROW_TOP = "ADD_ROW_TOP";
38
+ export declare const ADD_ROW_BOTTOM = "ADD_ROW_BOTTOM";
38
39
  export declare const ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT";
40
+ export declare const ADD_COLUMN_RIGHT = "ADD_COLUMN_RIGHT";
39
41
  export declare const DELETE_ROW = "DELETE_ROW";
40
42
  export declare const DELETE_COLUMN = "DELETE_COLUMN";
41
43
  export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
@@ -139,12 +141,24 @@ export type AddRowTop = BaseAction<typeof ADD_ROW_TOP> & {
139
141
  };
140
142
  };
141
143
  export declare function addRowTop(data: Matrix<CellBase>): AddRowTop;
144
+ export type AddRowBottom = BaseAction<typeof ADD_ROW_BOTTOM> & {
145
+ payload: {
146
+ data: Matrix<CellBase>;
147
+ };
148
+ };
149
+ export declare function addRowBottom(data: Matrix<CellBase>): AddRowBottom;
142
150
  export type AddColumnLeft = BaseAction<typeof ADD_COLUMN_LEFT> & {
143
151
  payload: {
144
152
  data: Matrix<CellBase>;
145
153
  };
146
154
  };
147
155
  export declare function addColumnLeft(data: Matrix<CellBase>): AddColumnLeft;
156
+ export type AddColumnRight = BaseAction<typeof ADD_COLUMN_RIGHT> & {
157
+ payload: {
158
+ data: Matrix<CellBase>;
159
+ };
160
+ };
161
+ export declare function addColumnRight(data: Matrix<CellBase>): AddColumnRight;
148
162
  export type DeleteRow = BaseAction<typeof DELETE_ROW> & {
149
163
  payload: {
150
164
  data: Matrix<CellBase>;
@@ -257,4 +271,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
257
271
  export declare function clear(): ClearAction;
258
272
  export type BlurAction = BaseAction<typeof BLUR>;
259
273
  export declare function blur(): BlurAction;
260
- export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | KeyPressAction | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;
274
+ export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | KeyPressAction | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddRowBottom | AddColumnLeft | AddColumnRight | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | SetAutoFill | BlurAction;
@@ -19,6 +19,7 @@ export type CellBase<Value = any> = {
19
19
  DataEditor?: DataEditorComponent<CellBase<Value>>;
20
20
  /** Custom component to render when the cell is viewed, if not defined would default to the component defined for the Spreadsheet */
21
21
  DataViewer?: DataViewerComponent<CellBase<Value>>;
22
+ isDisable?: boolean;
22
23
  };
23
24
  /**
24
25
  * A cell with it's coordinates
@@ -159,6 +160,8 @@ export type RowIndicatorProps = {
159
160
  setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
160
161
  deleteRow: (data: MatrixValue.Matrix<CellBase>) => void;
161
162
  addRowTop: (data: MatrixValue.Matrix<CellBase>) => void;
163
+ addRowBottom: (data: MatrixValue.Matrix<CellBase>) => void;
164
+ rowContextEnable: boolean;
162
165
  data: MatrixValue.Matrix<CellBase>;
163
166
  };
164
167
  export type ContextMenuState = {
@@ -192,6 +195,8 @@ export type ColumnIndicatorProps = {
192
195
  setContextMenu: React.Dispatch<React.SetStateAction<ContextMenuState>>;
193
196
  deleteColumn: (data: MatrixValue.Matrix<CellBase>) => void;
194
197
  addColumnLeft: (data: MatrixValue.Matrix<CellBase>) => void;
198
+ addColumnRight: (data: MatrixValue.Matrix<CellBase>) => void;
199
+ columnContextEnable: boolean;
195
200
  data: MatrixValue.Matrix<CellBase>;
196
201
  };
197
202
  /** Type of the ColumnIndicator component */
@@ -26,6 +26,7 @@ interface WorkData {
26
26
  /** Styling options for the cell */
27
27
  styles: BackendStyle;
28
28
  type?: boolean;
29
+ isDisable?: boolean;
29
30
  }
30
31
  type BackendStyle = {
31
32
  name: string;
@@ -1,4 +1,4 @@
1
1
  import './MenuOption.scss';
2
2
  import { MenuOptionProps } from './types';
3
- declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MenuOption;
@@ -174,6 +174,7 @@ interface MenuOptionProps {
174
174
  */
175
175
  optionCardVariant?: 'primary';
176
176
  targetRef?: string | React.RefObject<HTMLElement>;
177
+ treeRowRef?: React.RefObject<any | null>;
177
178
  }
178
179
  interface OptionProps {
179
180
  /**
@@ -13,7 +13,8 @@ export interface MiniEditModalProps {
13
13
  /**
14
14
  * A reference to the button element that triggers the modal.
15
15
  */
16
- anchorRef: RefObject<HTMLButtonElement> | string;
16
+ anchorRef?: RefObject<HTMLButtonElement> | string;
17
+ id?: string | number;
17
18
  /**
18
19
  * Optional properties for configuring the modal header.
19
20
  */
@@ -1,5 +1,5 @@
1
1
  import { DropdownPosition, Option } from '../types';
2
- import { RefObject } from 'react';
2
+ import { ReactNode, RefObject } from 'react';
3
3
  export interface DropdownProps {
4
4
  options: Option[];
5
5
  dropdownPosition: DropdownPosition;
@@ -14,6 +14,11 @@ export interface DropdownProps {
14
14
  selectedOption?: Option;
15
15
  showIcon?: boolean;
16
16
  showToolTip?: boolean;
17
+ customReccurenece?: boolean;
18
+ onCancelModal?: () => void;
19
+ onSaveModal?: () => void;
20
+ modalJSXProps?: ReactNode;
21
+ recurrence?: boolean;
17
22
  }
18
23
  export declare const dropdownDefaultCSSData: {
19
24
  margin: number;
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  export interface SelectProps {
2
3
  label?: string;
3
4
  showLabel?: boolean;
@@ -36,6 +37,22 @@ export interface SelectProps {
36
37
  * Provide the background color for the select label on the hover state
37
38
  */
38
39
  labelBackgroundColor?: string;
40
+ /**
41
+ * To close the modal in the select dropdown
42
+ */
43
+ onCancelModal?: () => void;
44
+ /**
45
+ * To close the modal in the select dropdown
46
+ */
47
+ onSaveModal?: () => void;
48
+ /**
49
+ * Pass the custom Jsx for the Modal
50
+ */
51
+ modalJSXProps?: ReactNode;
52
+ /**
53
+ * Pass the recurrence boolean for the exeception cases
54
+ */
55
+ recurrence?: boolean;
39
56
  }
40
57
  export interface DropdownPosition {
41
58
  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, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, }: TableProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Table: ({ data, columns, headerType, withCheckbox, onSelect, allSelected, partialSelected, withFixedHeader, borderWithRadius, headerCheckboxDisabled, noDataContent, height, className, tableHeadClass, tableBodyRowClass, headerTextColor, tableDataTextColor, headerIconName, headerIconOnClick, draggable, onDragEnd, loadMore, }: TableProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Table;
@@ -127,4 +127,5 @@ export interface TableProps {
127
127
  * Drag and Drop indexes
128
128
  */
129
129
  onDragEnd?: (startIndex: number, endIndex: number) => void | undefined;
130
+ loadMore?: (_direction?: string) => void;
130
131
  }
@@ -1,4 +1,4 @@
1
1
  import { TableCellProps } from '../types';
2
2
  import React from 'react';
3
- declare const TableCell: React.MemoExoticComponent<({ col, node, selected, select, onCheckBoxChange, onToggleExpand, index, onAddConfirm, onAddCancel, }: TableCellProps) => import("react/jsx-runtime").JSX.Element>;
3
+ declare const TableCell: React.MemoExoticComponent<({ treeRowRef, col, node, selected, select, onCheckBoxChange, onToggleExpand, onAddConfirm, onAddCancel, }: 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, index, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
3
+ declare const TableRow: React.MemoExoticComponent<({ node, columnsData, selected, select, onRowClick, onToggleExpand, onCheckBoxChange, onAddConfirm, onAddCancel, }: TableRowProps) => import("react/jsx-runtime").JSX.Element>;
4
4
  export default TableRow;
@@ -2,13 +2,14 @@ import { ReactNode } from 'react';
2
2
  import { TreeNodeProps as TreeNode } from '../../ComponentProps/TreeNodeProps';
3
3
  declare type JSX = ReactNode | JSX.Element[] | string | null;
4
4
  export interface TableCellProps {
5
+ treeRowRef?: React.RefObject<any | null>;
5
6
  col: any;
6
7
  node: any;
7
8
  selected: string[];
8
9
  select: string | null;
9
10
  onCheckBoxChange: (e: any, node: string[] | any) => void;
10
11
  onToggleExpand: (node: any) => void;
11
- index: number;
12
+ index?: number;
12
13
  onAddConfirm?: (_name: string) => void;
13
14
  onAddCancel?: () => void;
14
15
  }
@@ -40,7 +41,7 @@ export interface TableRowProps {
40
41
  onRowClick: (e: any, node: any) => void;
41
42
  onToggleExpand: (node: TreeNode) => void;
42
43
  onCheckBoxChange: (e: any, node: string[] | any) => void;
43
- index: number;
44
+ index?: number;
44
45
  onAddConfirm?: (_name: string) => void;
45
46
  onAddCancel?: () => void;
46
47
  }
@@ -50,7 +51,7 @@ export interface Column {
50
51
  width: string;
51
52
  isClickable?: boolean;
52
53
  cell?: (row: any) => JSX;
53
- actions?: (row: any) => JSX;
54
+ actions?: (row: any, treeRowRef?: React.RefObject<any | null>) => JSX;
54
55
  isTree?: boolean;
55
56
  defaultValue?: string;
56
57
  defaultActions?: () => JSX;