pixel-react 1.4.4 → 1.4.6

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/Editor/Editor.d.ts +1 -2
  3. package/lib/components/Editor/types.d.ts +1 -5
  4. package/lib/components/MachineInputField/types.d.ts +1 -0
  5. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +1 -1
  6. package/lib/components/SequentialConnectingBranch/types.d.ts +7 -4
  7. package/lib/index.d.ts +44 -17
  8. package/lib/index.esm.js +5214 -613
  9. package/lib/index.esm.js.map +1 -1
  10. package/lib/index.js +5214 -612
  11. package/lib/index.js.map +1 -1
  12. package/lib/utils/getSequentialPayload/getSequentialPayload.d.ts +2 -2
  13. package/lib/utils/getSequentialPayload/types.d.ts +2 -4
  14. package/package.json +2 -2
  15. package/src/assets/icons/add_file.svg +4 -13
  16. package/src/assets/icons/eye_open_icon.svg +10 -0
  17. package/src/assets/icons/windows.svg +8 -4
  18. package/src/components/Checkbox/Checkbox.scss +1 -1
  19. package/src/components/Editor/Editor.tsx +224 -191
  20. package/src/components/Editor/types.ts +1 -5
  21. package/src/components/Icon/iconList.ts +2 -0
  22. package/src/components/MachineInputField/MachineInputField.scss +4 -2
  23. package/src/components/MachineInputField/MachineInputField.tsx +2 -0
  24. package/src/components/MachineInputField/types.ts +1 -0
  25. package/src/components/MenuOption/MenuOption.tsx +3 -4
  26. package/src/components/MultiSelect/MultiSelect.scss +50 -45
  27. package/src/components/MultiSelect/MultiSelect.tsx +1 -1
  28. package/src/components/Select/components/Dropdown.tsx +22 -8
  29. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +34 -32
  30. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +34 -40
  31. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +27 -100
  32. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +5 -5
  33. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +5 -3
  34. package/src/components/SequentialConnectingBranch/types.ts +7 -4
  35. package/src/components/Tooltip/Tooltip.scss +1 -0
  36. package/src/components/Tooltip/Tooltip.tsx +1 -2
  37. package/src/index.ts +3 -1
  38. package/src/utils/getSequentialPayload/getSequentialPayload.stories.tsx +2 -5
  39. package/src/utils/getSequentialPayload/getSequentialPayload.ts +11 -24
  40. package/src/utils/getSequentialPayload/types.ts +3 -6
Binary file
@@ -1,5 +1,4 @@
1
- import React from 'react';
2
1
  import { EditorProps } from './types';
3
2
  import './Editor.scss';
4
- declare const Editor: React.FC<EditorProps>;
3
+ declare const Editor: import("react").ForwardRefExoticComponent<EditorProps & import("react").RefAttributes<any>>;
5
4
  export default Editor;
@@ -5,7 +5,7 @@ export interface EditorProps {
5
5
  /**
6
6
  * Editor Content Type
7
7
  */
8
- language?: 'javascript' | 'html' | 'json' | 'plaintext' | 'xml';
8
+ language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
9
9
  /**
10
10
  *
11
11
  *Width of the editor
@@ -15,10 +15,6 @@ export interface EditorProps {
15
15
  * Height of the editor
16
16
  */
17
17
  height: string;
18
- /**
19
- * Show toolbar
20
- */
21
- showToolbar?: boolean;
22
18
  /**
23
19
  * read only
24
20
  */
@@ -8,4 +8,5 @@ export interface MachineInputFieldProps {
8
8
  runCount: number;
9
9
  className?: string;
10
10
  contentReverse?: boolean;
11
+ onClick?: () => void;
11
12
  }
@@ -1,4 +1,4 @@
1
1
  import './SequentialConnectingBranch.scss';
2
2
  import { SequentialConnectingBranchProps } from './types';
3
- declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default SequentialConnectingBranch;
@@ -3,10 +3,13 @@ export interface SequentialConnectingBranchProps {
3
3
  machineInstances?: ExecutionContext[] | {}[];
4
4
  machineColumnWidth?: number;
5
5
  machineColumnCount?: number;
6
- machineInstance: ExecutionContext;
7
- selectedMachine?: string;
8
- onMachineSelectionChange?: (selectedMachine: Option) => void;
6
+ selectedMachine?: Option;
9
7
  machineOptionsList?: Option[];
8
+ onHandleSelect?: (option: Option) => void;
9
+ onAddBrowserInstance?: () => void;
10
+ onUpdateAddBrowserInstance?: () => void;
11
+ onDeleteBrowserInstance?: (id: string, runCount: number) => void;
12
+ onAddRunBrowserInstance?: (id: string) => void;
10
13
  }
11
14
  export interface MachineInfo {
12
15
  osName: string;
@@ -18,7 +21,7 @@ export interface DeviceInfo {
18
21
  export interface ExecutionContext {
19
22
  id: string;
20
23
  clientId: string;
21
- runCount: number;
24
+ numberOfRuns: number;
22
25
  executionEnv?: 'Local';
23
26
  browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
24
27
  browserVersion: string;
package/lib/index.d.ts CHANGED
@@ -1912,6 +1912,7 @@ interface MachineInputFieldProps {
1912
1912
  runCount: number;
1913
1913
  className?: string;
1914
1914
  contentReverse?: boolean;
1915
+ onClick?: () => void;
1915
1916
  }
1916
1917
 
1917
1918
  declare const MachineInputField: React$1.ForwardRefExoticComponent<MachineInputFieldProps & React$1.RefAttributes<HTMLDivElement>>;
@@ -1920,10 +1921,13 @@ interface SequentialConnectingBranchProps {
1920
1921
  machineInstances?: ExecutionContext[] | {}[];
1921
1922
  machineColumnWidth?: number;
1922
1923
  machineColumnCount?: number;
1923
- machineInstance: ExecutionContext;
1924
- selectedMachine?: string;
1925
- onMachineSelectionChange?: (selectedMachine: Option$2) => void;
1924
+ selectedMachine?: Option$2;
1926
1925
  machineOptionsList?: Option$2[];
1926
+ onHandleSelect?: (option: Option$2) => void;
1927
+ onAddBrowserInstance?: () => void;
1928
+ onUpdateAddBrowserInstance?: () => void;
1929
+ onDeleteBrowserInstance?: (id: string, runCount: number) => void;
1930
+ onAddRunBrowserInstance?: (id: string) => void;
1927
1931
  }
1928
1932
  interface MachineInfo {
1929
1933
  osName: string;
@@ -1935,7 +1939,7 @@ interface DeviceInfo {
1935
1939
  interface ExecutionContext {
1936
1940
  id: string;
1937
1941
  clientId: string;
1938
- runCount: number;
1942
+ numberOfRuns: number;
1939
1943
  executionEnv?: 'Local';
1940
1944
  browserName?: 'Local' | 'mac' | 'android' | 'Google Chrome';
1941
1945
  browserVersion: string;
@@ -1948,7 +1952,7 @@ interface ExecutionContext {
1948
1952
  testDataSetId: string;
1949
1953
  }
1950
1954
 
1951
- declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, machineInstance, selectedMachine, machineOptionsList, onMachineSelectionChange, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
1955
+ declare const SequentialConnectingBranch: ({ machineInstances, machineColumnWidth, machineColumnCount, selectedMachine, machineOptionsList, onHandleSelect, onAddBrowserInstance, onAddRunBrowserInstance, onDeleteBrowserInstance, }: SequentialConnectingBranchProps) => react_jsx_runtime.JSX.Element;
1952
1956
 
1953
1957
  interface AttachmentUploaderProps {
1954
1958
  label: string;
@@ -1983,6 +1987,35 @@ interface ToggleSwitchProps {
1983
1987
  }
1984
1988
  declare const ToggleSwitch: React__default.FC<ToggleSwitchProps>;
1985
1989
 
1990
+ interface AvatarProps {
1991
+ /**
1992
+ * This property determines the size of the avatar. It can be set to 'small', 'medium', or 'large'.
1993
+ */
1994
+ variant?: 'small' | 'medium' | 'large';
1995
+ /**
1996
+ * This property allows you to customize the background color of the avatar.
1997
+ */
1998
+ backgroundColor?: string;
1999
+ /**
2000
+ * This property specifies the name of the icon to be displayed within the avatar.
2001
+ */
2002
+ iconName: string;
2003
+ /**
2004
+ * This property allows you to customize the color of the icon within the avatar.
2005
+ */
2006
+ iconColor?: string;
2007
+ /**
2008
+ * This property allows you to set a custom size for the avatar, overriding the default size specified by the variant property.
2009
+ */
2010
+ customAvatarSize?: number;
2011
+ /**
2012
+ * This property allows you to set a custom size for the icon within the avatar.
2013
+ */
2014
+ customIconSize?: number;
2015
+ }
2016
+
2017
+ declare const Avatar: React__default.FC<AvatarProps>;
2018
+
1986
2019
  interface IconProps$1 {
1987
2020
  /** Name of the icon to be displayed. */
1988
2021
  name: string;
@@ -2264,7 +2297,7 @@ interface EditorProps {
2264
2297
  /**
2265
2298
  * Editor Content Type
2266
2299
  */
2267
- language?: 'javascript' | 'html' | 'json' | 'plaintext' | 'xml';
2300
+ language: 'javascript' | 'html' | 'json' | 'plain text' | 'xml';
2268
2301
  /**
2269
2302
  *
2270
2303
  *Width of the editor
@@ -2274,10 +2307,6 @@ interface EditorProps {
2274
2307
  * Height of the editor
2275
2308
  */
2276
2309
  height: string;
2277
- /**
2278
- * Show toolbar
2279
- */
2280
- showToolbar?: boolean;
2281
2310
  /**
2282
2311
  * read only
2283
2312
  */
@@ -2305,7 +2334,7 @@ interface EditorProps {
2305
2334
  theme?: 'light' | 'vs-dark';
2306
2335
  }
2307
2336
 
2308
- declare const Editor: React__default.FC<EditorProps>;
2337
+ declare const Editor: React$1.ForwardRefExoticComponent<EditorProps & React$1.RefAttributes<any>>;
2309
2338
 
2310
2339
  interface OperatingSystemInfo {
2311
2340
  osName: string;
@@ -2327,21 +2356,19 @@ interface MachineExecutionInstance {
2327
2356
  systemUrl: string;
2328
2357
  machineInfo: OperatingSystemInfo;
2329
2358
  deviceInfo: any[];
2330
- headless: boolean;
2331
- }
2332
- interface MachineExecutionInstanceDataSet extends MachineExecutionInstance {
2333
2359
  runLevelExecutionDataSets: RunLevelExecutionDataSet[];
2360
+ headless: boolean;
2334
2361
  }
2335
- interface SequentialMachineInstance extends MachineExecutionInstance {
2362
+ interface SequentialMachineInstance extends Omit<MachineExecutionInstance, 'runLevelExecutionDataSets'> {
2336
2363
  peVariableSetId: string;
2337
2364
  globalVariableSetId: string;
2338
2365
  testDataSetId: string;
2339
2366
  }
2340
2367
 
2341
- declare const getSequentialPayload: (machineInstances?: MachineExecutionInstanceDataSet[]) => SequentialMachineInstance[];
2368
+ declare const getSequentialPayload: (data: MachineExecutionInstance[]) => SequentialMachineInstance[];
2342
2369
 
2343
2370
  declare const ConnectingBranch: React__default.FC;
2344
2371
 
2345
2372
  declare const saveFileFromBlob: (blob: Blob, filename: string) => void;
2346
2373
 
2347
- export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };
2374
+ export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BarChart, Button, Checkbox, Chip, Col, ConnectingBranch, Container, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FileDropzone, ForwardedForms as Form, HighlightText, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LabelEditTextField, LineChart, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, Paper, PieChart, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, VariableInput, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, saveFileFromBlob, throttle, toast, truncateText, useTheme };