pixel-react 1.10.3 → 1.10.5
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 +2 -1
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +4 -0
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/index.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +2 -0
- package/lib/components/BrowserTabs/BrowserTabs.d.ts +5 -0
- package/lib/components/BrowserTabs/index.d.ts +1 -0
- package/lib/components/BrowserTabs/types.d.ts +64 -0
- package/lib/components/ConnectingBranch/data.d.ts +62 -64
- package/lib/components/ConnectingBranch/types.d.ts +28 -7
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +6 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +3 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +15 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
- package/lib/components/Excel/Types.d.ts +1 -0
- package/lib/components/InputWithDropdown/types.d.ts +3 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +1 -0
- package/lib/components/MiniModal/types.d.ts +2 -1
- package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +112 -12
- package/lib/index.esm.js +504 -218
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +505 -218
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +2 -1
- package/src/assets/Themes/BaseTheme.scss +1 -2
- package/src/assets/Themes/DarkTheme.scss +0 -1
- package/src/assets/styles/_mixins.scss +19 -0
- package/src/components/AddResourceButton/{AddButton.scss → AddResourceButton.scss} +1 -0
- package/src/components/AddResourceButton/{AddButton.stories.tsx → AddResourceButton.stories.tsx} +4 -4
- package/src/components/AddResourceButton/{AddButton.tsx → AddResourceButton.tsx} +25 -10
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -2
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +16 -9
- package/src/components/AddResourceButton/index.ts +1 -1
- package/src/components/AddResourceButton/type.ts +2 -0
- package/src/components/BrowserTabs/BrowserTabs.scss +75 -0
- package/src/components/BrowserTabs/BrowserTabs.stories.tsx +366 -0
- package/src/components/BrowserTabs/BrowserTabs.tsx +128 -0
- package/src/components/BrowserTabs/index.ts +1 -0
- package/src/components/BrowserTabs/types.ts +73 -0
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +54 -39
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +3 -2
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +28 -24
- package/src/components/ConnectingBranch/data.tsx +207 -213
- package/src/components/ConnectingBranch/types.ts +26 -17
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.scss +4 -0
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +35 -16
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +14 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +16 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +12 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +31 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +30 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +47 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +4 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +6 -0
- package/src/components/Excel/ExcelFile.stories.tsx +10 -2
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +11 -11
- package/src/components/Excel/Types.ts +1 -0
- package/src/components/Excel/dataConversion.ts +17 -19
- package/src/components/InputWithDropdown/InputWithDropdown.tsx +6 -0
- package/src/components/InputWithDropdown/types.ts +7 -1
- package/src/components/MenuOption/MenuOption.tsx +4 -0
- package/src/components/MenuOption/types.ts +1 -0
- package/src/components/MiniModal/MiniModal.scss +8 -0
- package/src/components/MiniModal/MiniModal.stories.tsx +60 -0
- package/src/components/MiniModal/types.ts +2 -1
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/Table/Table.tsx +8 -4
- package/src/components/TableTree/Components/TableCell.tsx +25 -10
- package/src/components/TableTree/Components/TableHead.tsx +5 -5
- package/src/components/TableTree/Components/TableRow.tsx +27 -24
- package/src/components/TableTree/TableTree.scss +89 -69
- package/src/components/TableTree/TableTree.stories.tsx +66 -2
- package/src/components/TableTree/types.ts +4 -3
- package/src/index.ts +2 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +1 -1
package/lib/index.d.ts
CHANGED
@@ -1057,9 +1057,10 @@ interface MenuOptionProps {
|
|
1057
1057
|
*/
|
1058
1058
|
optionCardVariant?: 'primary';
|
1059
1059
|
targetRef?: string | React.RefObject<HTMLElement>;
|
1060
|
+
treeRowRef?: React.RefObject<any | null>;
|
1060
1061
|
}
|
1061
1062
|
|
1062
|
-
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
|
1063
|
+
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
|
1063
1064
|
|
1064
1065
|
interface DataProps$1 {
|
1065
1066
|
/**
|
@@ -1194,9 +1195,10 @@ interface AddResourceButtonProps {
|
|
1194
1195
|
}[];
|
1195
1196
|
}[];
|
1196
1197
|
zIndex?: number;
|
1198
|
+
treeRowRef?: React.RefObject<any | null>;
|
1197
1199
|
}
|
1198
1200
|
|
1199
|
-
declare const
|
1201
|
+
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, treeRowRef, }: AddResourceButtonProps) => react_jsx_runtime.JSX.Element;
|
1200
1202
|
|
1201
1203
|
type Status = 'passed' | 'failed' | 'warning' | 'skipped' | 'Passed' | 'Failed' | 'Skipped' | 'Warning';
|
1202
1204
|
type StatusValue = {
|
@@ -1531,6 +1533,9 @@ interface InputWithDropdownProps {
|
|
1531
1533
|
* onInputBlurHandler action for input field
|
1532
1534
|
*/
|
1533
1535
|
onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
1536
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
1537
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
1538
|
+
onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
1534
1539
|
/**
|
1535
1540
|
* id to select the input field uniquely
|
1536
1541
|
*/
|
@@ -1626,7 +1631,8 @@ interface MiniEditModalProps {
|
|
1626
1631
|
/**
|
1627
1632
|
* A reference to the button element that triggers the modal.
|
1628
1633
|
*/
|
1629
|
-
anchorRef
|
1634
|
+
anchorRef?: RefObject<HTMLButtonElement> | string;
|
1635
|
+
id?: string | number;
|
1630
1636
|
/**
|
1631
1637
|
* Optional properties for configuring the modal header.
|
1632
1638
|
*/
|
@@ -1754,7 +1760,8 @@ type TreeNodeProps = {
|
|
1754
1760
|
parentId?: string;
|
1755
1761
|
parentName?: string;
|
1756
1762
|
checked?: boolean | 'partial';
|
1757
|
-
|
1763
|
+
expanded?: boolean;
|
1764
|
+
expandable?: boolean;
|
1758
1765
|
sourceId?: string;
|
1759
1766
|
isNewNode?: boolean;
|
1760
1767
|
};
|
@@ -1766,7 +1773,7 @@ interface Column {
|
|
1766
1773
|
width: string;
|
1767
1774
|
isClickable?: boolean;
|
1768
1775
|
cell?: (row: any) => JSX$1;
|
1769
|
-
actions?: (row: any) => JSX$1;
|
1776
|
+
actions?: (row: any, treeRowRef?: React.RefObject<any | null>) => JSX$1;
|
1770
1777
|
isTree?: boolean;
|
1771
1778
|
defaultValue?: string;
|
1772
1779
|
defaultActions?: () => JSX$1;
|
@@ -1827,6 +1834,73 @@ interface TabsProps {
|
|
1827
1834
|
|
1828
1835
|
declare const Tabs: ({ variant, tabsData, activeTabId, onTabClick, noBorder, noPadding, }: TabsProps) => react_jsx_runtime.JSX.Element;
|
1829
1836
|
|
1837
|
+
/**
|
1838
|
+
* Represents a single tab in the BrowserTabs component.
|
1839
|
+
*/
|
1840
|
+
interface BrowserTab {
|
1841
|
+
/**
|
1842
|
+
* Unique identifier for the tab.
|
1843
|
+
*/
|
1844
|
+
id: string;
|
1845
|
+
/**
|
1846
|
+
* Label text displayed on the tab.
|
1847
|
+
*/
|
1848
|
+
label: string;
|
1849
|
+
/**
|
1850
|
+
* Optional component to be rendered when the tab is active.
|
1851
|
+
*/
|
1852
|
+
component?: JSX.Element;
|
1853
|
+
/**
|
1854
|
+
* Name of the tab icon.
|
1855
|
+
*/
|
1856
|
+
tabIcon: string;
|
1857
|
+
}
|
1858
|
+
/**
|
1859
|
+
* Props for the BrowserTabs component.
|
1860
|
+
*/
|
1861
|
+
interface BrowserTabsProps {
|
1862
|
+
/**
|
1863
|
+
* An array of tab objects containing label, icon, and an optional component.
|
1864
|
+
*/
|
1865
|
+
tabsData: BrowserTab[];
|
1866
|
+
/**
|
1867
|
+
* The ID of the currently active tab.
|
1868
|
+
*/
|
1869
|
+
activeTabId: string;
|
1870
|
+
/**
|
1871
|
+
* Function to update the active tab state when a user clicks on a tab.
|
1872
|
+
* @param id - The unique identifier of the clicked tab.
|
1873
|
+
*/
|
1874
|
+
onTabClick: (id: string) => void;
|
1875
|
+
/**
|
1876
|
+
* Function to add a new tab.
|
1877
|
+
*/
|
1878
|
+
onTabAdd?: () => void;
|
1879
|
+
/**
|
1880
|
+
* Function to close a specific tab.
|
1881
|
+
* @param index - The index of the tab to be closed.
|
1882
|
+
*/
|
1883
|
+
onTabClose?: (index: number) => void;
|
1884
|
+
/**
|
1885
|
+
* Minimum width for each tab (in pixels).
|
1886
|
+
*/
|
1887
|
+
minTabWidth?: number;
|
1888
|
+
/**
|
1889
|
+
* Maximum width for each tab (in pixels).
|
1890
|
+
*/
|
1891
|
+
maxTabWidth?: number;
|
1892
|
+
/**
|
1893
|
+
* Show the close button only for the active tab.
|
1894
|
+
*/
|
1895
|
+
showCloseOnActive?: boolean;
|
1896
|
+
/**
|
1897
|
+
* Custom CSS class name to override default styles.
|
1898
|
+
*/
|
1899
|
+
className?: string;
|
1900
|
+
}
|
1901
|
+
|
1902
|
+
declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => react_jsx_runtime.JSX.Element;
|
1903
|
+
|
1830
1904
|
interface HighlightTextProps {
|
1831
1905
|
text?: string;
|
1832
1906
|
highlight?: String;
|
@@ -2601,13 +2675,18 @@ interface ExcelFileProps {
|
|
2601
2675
|
}[];
|
2602
2676
|
};
|
2603
2677
|
/** Controls whether the toolbar is shown, disabled, or hidden */
|
2604
|
-
toolbar?: 'show' | '
|
2678
|
+
toolbar?: 'show' | 'hide';
|
2679
|
+
sheetBar?: 'show' | 'hide';
|
2680
|
+
rowCount?: number;
|
2681
|
+
colCount?: number;
|
2605
2682
|
/** Callback function to save the Excel data */
|
2606
2683
|
onSave?: (saveData: any) => void;
|
2607
2684
|
contextHeightPositioning?: number;
|
2608
2685
|
contextWidthPositioning?: number;
|
2609
2686
|
/** Set your dynamic sheet Height*/
|
2610
2687
|
sheetHeight?: string;
|
2688
|
+
columnContextEnable?: boolean;
|
2689
|
+
rowContextEnable?: boolean;
|
2611
2690
|
}
|
2612
2691
|
declare const ExcelFile: React__default.FC<ExcelFileProps>;
|
2613
2692
|
|
@@ -3113,7 +3192,7 @@ interface OperatingSystemInfo {
|
|
3113
3192
|
hostName: string;
|
3114
3193
|
iconName: string;
|
3115
3194
|
}
|
3116
|
-
interface RunLevelExecutionDataSet {
|
3195
|
+
interface RunLevelExecutionDataSet$1 {
|
3117
3196
|
peVariableSetId: string;
|
3118
3197
|
peVariableSetName: string;
|
3119
3198
|
globalVariableSetId: string;
|
@@ -3131,7 +3210,7 @@ interface MachineExecutionInstance {
|
|
3131
3210
|
systemUrl: string;
|
3132
3211
|
machineInfo: OperatingSystemInfo;
|
3133
3212
|
deviceInfo: any[];
|
3134
|
-
runLevelExecutionDataSets: RunLevelExecutionDataSet[];
|
3213
|
+
runLevelExecutionDataSets: RunLevelExecutionDataSet$1[];
|
3135
3214
|
headless: boolean;
|
3136
3215
|
}
|
3137
3216
|
interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
|
@@ -3149,12 +3228,33 @@ type machineDataObj = any;
|
|
3149
3228
|
interface MachineData {
|
3150
3229
|
[key: string]: machineDataObj;
|
3151
3230
|
}
|
3231
|
+
interface RunLevelExecutionDataSet {
|
3232
|
+
peVariableSetId: string;
|
3233
|
+
globalVariableSetId: string;
|
3234
|
+
testDataSetId: string;
|
3235
|
+
runScriptCount?: number;
|
3236
|
+
[key: string]: any;
|
3237
|
+
}
|
3238
|
+
interface ConnectingNodeConfig {
|
3239
|
+
isButton?: boolean;
|
3240
|
+
isMultiSelect?: boolean;
|
3241
|
+
parentNodeData?: {
|
3242
|
+
[key: string]: any;
|
3243
|
+
};
|
3244
|
+
parentNodeIndex?: number;
|
3245
|
+
childNodeData?: {
|
3246
|
+
[key: string]: any;
|
3247
|
+
};
|
3248
|
+
childNodeIndex?: number;
|
3249
|
+
runLevelExecutionDataSetIndex?: number;
|
3250
|
+
runLevelExecutionDataSet?: RunLevelExecutionDataSet;
|
3251
|
+
}
|
3152
3252
|
interface ConnectBranchProps {
|
3153
3253
|
data: MachineData;
|
3154
3254
|
childNodeCurveHeight?: number;
|
3155
|
-
getParentNodeComponent: (
|
3156
|
-
getParentNodeComponentActionItems: (
|
3157
|
-
getChildNodeComponent: (
|
3255
|
+
getParentNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3256
|
+
getParentNodeComponentActionItems: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3257
|
+
getChildNodeComponent: (nodeArgs: ConnectingNodeConfig) => ReactElement;
|
3158
3258
|
}
|
3159
3259
|
|
3160
3260
|
declare const ConnectingBranch: React__default.FC<ConnectBranchProps>;
|
@@ -3430,4 +3530,4 @@ declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
|
|
3430
3530
|
declare function saveToIndexedDB(key: string, value: string): Promise<void>;
|
3431
3531
|
declare function getFromIndexedDB(key: string): Promise<string | null>;
|
3432
3532
|
|
3433
|
-
export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion,
|
3533
|
+
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, 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 };
|