pixel-react 1.7.0 → 1.7.2

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 (69) hide show
  1. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +2 -0
  2. package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +2 -0
  3. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  4. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  5. package/lib/components/PhoneInput/PhoneInput.d.ts +0 -1
  6. package/lib/components/PhoneInput/types.d.ts +6 -0
  7. package/lib/components/Select/Select.stories.d.ts +0 -1
  8. package/lib/index.d.ts +8 -0
  9. package/lib/index.esm.js +105 -61
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +105 -61
  12. package/lib/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/src/assets/Themes/BaseTheme.scss +4 -0
  15. package/src/assets/Themes/DarkTheme.scss +5 -1
  16. package/src/assets/icons/approval_pending.svg +8 -8
  17. package/src/assets/icons/auto_save_icon.svg +4 -0
  18. package/src/assets/icons/configuration.svg +3 -3
  19. package/src/assets/icons/defects.svg +8 -8
  20. package/src/assets/icons/element.svg +4 -4
  21. package/src/assets/icons/project_element.svg +4 -4
  22. package/src/assets/icons/step_group.svg +10 -10
  23. package/src/assets/icons/variable.svg +3 -3
  24. package/src/assets/icons/web_service_icon.svg +3 -3
  25. package/src/assets/styles/_colors.scss +0 -1
  26. package/src/components/ConditionalDropdown/ConditionalDropdown.tsx +1 -1
  27. package/src/components/DownloadClient/DownloadClient.stories.tsx +1 -1
  28. package/src/components/Excel/ExcelContextMenu/ExcelContextMenu.scss +1 -1
  29. package/src/components/Excel/ExcelFile/ExcelFile.scss +43 -56
  30. package/src/components/Excel/ExcelFile/ExcelFile.tsx +18 -13
  31. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +8 -0
  32. package/src/components/Excel/ExcelFile/ExcelFileComponents/CornerIndicator.tsx +1 -2
  33. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +9 -2
  34. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +133 -117
  35. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +6 -0
  36. package/src/components/Excel/ExcelFile.stories.tsx +1 -0
  37. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +19 -8
  38. package/src/components/Icon/iconList.ts +2 -0
  39. package/src/components/PhoneInput/PhoneInput.stories.tsx +16 -41
  40. package/src/components/PhoneInput/PhoneInput.tsx +10 -2
  41. package/src/components/PhoneInput/phoneInput.scss +898 -0
  42. package/src/components/PhoneInput/types.ts +6 -0
  43. package/src/components/TableTree/data.ts +0 -45
  44. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  45. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  46. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  47. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  48. package/lib/components/AddButton/AddButton.d.ts +0 -5
  49. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  50. package/lib/components/AddButton/index.d.ts +0 -1
  51. package/lib/components/AddButton/types.d.ts +0 -4
  52. package/lib/components/AddVariables/AddVariables.d.ts +0 -5
  53. package/lib/components/AddVariables/index.d.ts +0 -1
  54. package/lib/components/AddVariables/types.d.ts +0 -35
  55. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  56. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  57. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  58. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  59. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  60. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  61. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  62. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  63. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  64. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  65. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  66. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  67. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  68. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  69. /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
@@ -7,4 +7,10 @@ export interface PhoneInputProps {
7
7
  width?: string;
8
8
  placeholder?: string;
9
9
  isValid: any;
10
+ id: string;
11
+ international?: boolean;
12
+ dropdownStyle?: React.CSSProperties;
13
+ enableAreaCodeStretch?: boolean;
14
+ defaultCountry?: string;
15
+ disabled?: boolean;
10
16
  }
@@ -74,51 +74,6 @@ const data = [
74
74
  },
75
75
  level: 1,
76
76
  },
77
- {
78
- node: {
79
- subModuleCount: 10,
80
- title: 'Home',
81
- scriptCount: 0,
82
- path: '/Root/Home',
83
- expanded: true,
84
- modifiedOn: '19-12-2023 15:43',
85
- folder: true,
86
- children: false,
87
- parentId: 'MOD100', // Parent is '/Root'
88
- id: 'MOD10030', // Unique ID
89
- },
90
- level: 1,
91
- },
92
- {
93
- node: {
94
- subModuleCount: 10,
95
- title: 'Home',
96
- scriptCount: 0,
97
- path: '/Root/Home',
98
- expanded: true,
99
- modifiedOn: '19-12-2023 15:43',
100
- folder: true,
101
- children: false,
102
- parentId: 'MOD1001', // Parent is '/Root'
103
- id: 'MOD100301', // Unique ID
104
- },
105
- level: 1,
106
- },
107
- {
108
- node: {
109
- subModuleCount: 10,
110
- title: 'Home',
111
- scriptCount: 0,
112
- path: '/Root/Home',
113
- expanded: true,
114
- modifiedOn: '19-12-2023 15:43',
115
- folder: true,
116
- children: false,
117
- parentId: 'MOD1001', // Parent is '/Root'
118
- id: 'MOD100302', // Unique ID
119
- },
120
- level: 1,
121
- },
122
77
  {
123
78
  node: {
124
79
  ver: 1,
Binary file
Binary file
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import './AddButton.scss';
3
- import { AddButtonProps } from './types';
4
- declare const AddButton: React.FC<AddButtonProps>;
5
- export default AddButton;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import AddButton from './AddButton';
3
- declare const meta: Meta<typeof AddButton>;
4
- type Story = StoryObj<typeof AddButton>;
5
- export declare const PrimaryAddButton: Story;
6
- export default meta;
@@ -1 +0,0 @@
1
- export { default } from './AddButton';
@@ -1,4 +0,0 @@
1
- export interface AddButtonProps {
2
- name: string;
3
- onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
- }
@@ -1,5 +0,0 @@
1
- import { AddVariableProps } from './types';
2
- import './AddVariables.scss';
3
- import React from 'react';
4
- declare const AddVariables: React.FC<AddVariableProps>;
5
- export default AddVariables;
@@ -1 +0,0 @@
1
- export { default } from './AddVariables';
@@ -1,35 +0,0 @@
1
- export type dynamicObject = {
2
- [key: string]: any;
3
- };
4
- export interface AddVariableProps {
5
- /**
6
- * Label for the field
7
- */
8
- label?: string;
9
- /**
10
- * List of variables
11
- */
12
- variableList?: dynamicObject[];
13
- /**
14
- * Place holder for the input field
15
- */
16
- placeholder?: string;
17
- /**
18
- * Function to handle input change
19
- * @param value
20
- * @returns
21
- */
22
- onChange: (value: string) => void;
23
- /**
24
- * Function to handle create variable icon click
25
- */
26
- onCreateVariableClick?: () => void;
27
- /**
28
- * Value of the input field
29
- */
30
- value: string;
31
- /**
32
- * Width of the dropdown
33
- */
34
- dropdownWidth?: string;
35
- }
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import AttachImage from './AttachImage';
3
- import { AttachImageProps } from './types';
4
- declare const meta: Meta<typeof AttachImage>;
5
- export default meta;
6
- type Story = StoryObj<AttachImageProps>;
7
- export declare const Default: Story;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import BarChart from './BarChart';
3
- declare const meta: Meta<typeof BarChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof BarChart>;
6
- export declare const BarChartDashboard: Story;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import IconRadialChart from './IconRadialChart';
3
- declare const meta: Meta<typeof IconRadialChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof IconRadialChart>;
6
- export declare const Default: Story;
7
- export declare const Mobile: Story;
8
- export declare const WithoutIcon: Story;
@@ -1,7 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import LineChart from './LineChart';
3
- import { LineChartProps } from './types';
4
- declare const meta: Meta<typeof LineChart>;
5
- export default meta;
6
- export declare const DefaultLineChart: StoryObj<LineChartProps>;
7
- export declare const StatusLineChart: StoryObj<LineChartProps>;
@@ -1,8 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import MultiRadialChart from './MultiRadialChart';
3
- declare const meta: Meta<typeof MultiRadialChart>;
4
- export default meta;
5
- type Story = StoryObj<typeof MultiRadialChart>;
6
- export declare const Default: Story;
7
- export declare const numberLegend: Story;
8
- export declare const PillLegend: Story;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ConnectingBranch from './ConnectingBranch';
3
- declare const meta: Meta<typeof ConnectingBranch>;
4
- export default meta;
5
- type Story = StoryObj<typeof ConnectingBranch>;
6
- export declare const Default: Story;
@@ -1,10 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import EditTextField from './EditTextField';
3
- import '../../assets/styles/_colors.scss';
4
- import './EditTextField.scss';
5
- declare const meta: Meta<typeof EditTextField>;
6
- type Story = StoryObj<typeof EditTextField>;
7
- export declare const textFieldWithLabel: Story;
8
- export declare const textFieldWithOutLabel: Story;
9
- export declare const openTextField: Story;
10
- export default meta;
@@ -1,6 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { EditorProps } from './types';
3
- declare const meta: Meta<EditorProps>;
4
- export default meta;
5
- type Story = StoryObj<EditorProps>;
6
- export declare const Default: Story;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import './ContextMenu.scss';
3
- declare const ContextMenu: React.FC<ContextMenuProps>;
4
- export default ContextMenu;
@@ -1,6 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
- import ExcelFile from './ExcelFile/ExcelFile';
3
- declare const meta: Meta<typeof ExcelFile>;
4
- type Story = StoryObj<typeof ExcelFile>;
5
- export declare const Default: Story;
6
- export default meta;
@@ -1,14 +0,0 @@
1
- import { CellBase } from "./ExcelFile/Excel";
2
- interface ChangeExcelStylesOptions {
3
- sheetName: string;
4
- styleType: string;
5
- value: string;
6
- selectedCell: {
7
- row: number;
8
- column: number;
9
- }[];
10
- }
11
- export default function ChangeExcelStyles(setWorksheetsData: React.Dispatch<React.SetStateAction<{
12
- [key: string]: Matrix<CellBase>;
13
- }>>, options: ChangeExcelStylesOptions): void;
14
- export {};
@@ -1,24 +0,0 @@
1
- interface CellStyle {
2
- color?: string;
3
- backgroundColor?: string;
4
- bold?: boolean;
5
- italic?: boolean;
6
- name?: string;
7
- border: {
8
- top: string;
9
- bottom: string;
10
- left: string;
11
- right: string;
12
- };
13
- alignment: {
14
- horizontal?: string;
15
- vertical?: string;
16
- wrapText?: boolean;
17
- };
18
- }
19
- interface CellData {
20
- style?: CellStyle;
21
- }
22
- type ImportExcelStylesData = Array<Array<CellData>>;
23
- export default function ImportExcelStyles(data: ImportExcelStylesData | null): void;
24
- export {};
@@ -1,11 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import Card from './StatusCard';
3
- import { CardProps } from './types';
4
- declare const meta: Meta<typeof Card>;
5
- export default meta;
6
- type Story = StoryObj<CardProps>;
7
- export declare const Passed: Story;
8
- export declare const Failed: Story;
9
- export declare const Warning: Story;
10
- export declare const Skipped: Story;
11
- export declare const Flaky: Story;
@@ -1,10 +0,0 @@
1
- import React from 'react';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- import { MachineExecutionInstanceDataSet } from './types';
4
- declare const SequentialPayloadComponent: React.FC<{
5
- machineInstances: MachineExecutionInstanceDataSet[];
6
- }>;
7
- declare const meta: Meta<typeof SequentialPayloadComponent>;
8
- type Story = StoryObj<typeof SequentialPayloadComponent>;
9
- export declare const Primary: Story;
10
- export default meta;