pixel-react 1.5.0 → 1.5.1

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 (49) hide show
  1. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  2. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  3. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  4. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  5. package/lib/components/AddButton/AddButton.d.ts +5 -0
  6. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  7. package/lib/components/AddButton/index.d.ts +1 -0
  8. package/lib/components/AddButton/types.d.ts +4 -0
  9. package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
  10. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
  11. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
  12. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
  13. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
  14. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
  15. package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
  16. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  17. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
  18. package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
  19. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  20. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  21. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +2 -0
  22. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  23. package/lib/components/MenuOption/types.d.ts +12 -0
  24. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
  25. package/lib/components/Select/Select.stories.d.ts +1 -0
  26. package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
  27. package/lib/index.d.ts +7 -1
  28. package/lib/index.esm.js +99 -60
  29. package/lib/index.esm.js.map +1 -1
  30. package/lib/index.js +99 -60
  31. package/lib/index.js.map +1 -1
  32. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  33. package/package.json +1 -1
  34. package/src/assets/icons/approval_pending.svg +8 -0
  35. package/src/assets/icons/configuration.svg +3 -0
  36. package/src/assets/icons/defects.svg +8 -0
  37. package/src/assets/icons/element.svg +4 -0
  38. package/src/assets/icons/project_element.svg +4 -0
  39. package/src/assets/icons/step_group.svg +10 -0
  40. package/src/assets/icons/variable.svg +3 -0
  41. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +2 -0
  42. package/src/components/AppHeader/AppHeader.scss +132 -101
  43. package/src/components/AppHeader/AppHeader.stories.tsx +13 -10
  44. package/src/components/AppHeader/AppHeader.tsx +82 -61
  45. package/src/components/Icon/iconList.ts +14 -1
  46. package/src/components/MenuOption/MenuOption.scss +17 -0
  47. package/src/components/MenuOption/MenuOption.tsx +8 -1
  48. package/src/components/MenuOption/types.ts +12 -0
  49. /package/lib/components/ExcelFile/{ColorBarselector → ColorBarSelector}/ColorBarSelector.d.ts +0 -0
@@ -0,0 +1,5 @@
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;
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1 @@
1
+ export { default } from './AddButton';
@@ -0,0 +1,4 @@
1
+ export interface AddButtonProps {
2
+ name: string;
3
+ onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
4
+ }
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,8 @@
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;
@@ -0,0 +1,7 @@
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>;
@@ -0,0 +1,8 @@
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;
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,10 @@
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;
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import './ContextMenu.scss';
3
+ declare const ContextMenu: React.FC<ContextMenuProps>;
4
+ export default ContextMenu;
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,14 @@
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 {};
@@ -0,0 +1,24 @@
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 {};
@@ -6,6 +6,8 @@ declare const meta: Meta<typeof LabelEditTextField>;
6
6
  type Story = StoryObj<typeof LabelEditTextField>;
7
7
  export declare const textField: Story;
8
8
  export declare const textFieldWithOutLabel: Story;
9
+ export declare const openTextFieldWithOutLabel: Story;
9
10
  export declare const textFieldWithDropdown: Story;
10
11
  export declare const textFieldWithHighlight: Story;
12
+ export declare const openLabelEditTextField: Story;
11
13
  export default meta;
@@ -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, }: 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 }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default MenuOption;
@@ -78,6 +78,12 @@ interface OptionCardProps {
78
78
  * @optional
79
79
  */
80
80
  dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
81
+ /**
82
+ * Variant for backgroung color of options card.
83
+ * @type {string}
84
+ * @optional
85
+ */
86
+ variant?: 'primary';
81
87
  }
82
88
  interface MenuOptionProps {
83
89
  /**
@@ -160,6 +166,12 @@ interface MenuOptionProps {
160
166
  * @optional
161
167
  */
162
168
  zIndex?: number;
169
+ /**
170
+ * Variant for backgroung color of options card.
171
+ * @type {string}
172
+ * @optional
173
+ */
174
+ optionCardVariant?: 'primary';
163
175
  }
164
176
  interface OptionProps {
165
177
  /**
@@ -7,4 +7,5 @@ export declare const Default2: Story;
7
7
  export declare const Default3: Story;
8
8
  export declare const EmailGroup: Story;
9
9
  export declare const Controlled: Story;
10
+ export declare const Labels: Story;
10
11
  export default meta;
@@ -10,4 +10,5 @@ export declare const Disable: Story;
10
10
  export declare const WithInitialValue: Story;
11
11
  export declare const OptionSelection: Story;
12
12
  export declare const CustomJSX: Story;
13
+ export declare const updateOptionFromOutside: Story;
13
14
  export default meta;
@@ -0,0 +1,11 @@
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;
package/lib/index.d.ts CHANGED
@@ -910,9 +910,15 @@ interface MenuOptionProps {
910
910
  * @optional
911
911
  */
912
912
  zIndex?: number;
913
+ /**
914
+ * Variant for backgroung color of options card.
915
+ * @type {string}
916
+ * @optional
917
+ */
918
+ optionCardVariant?: 'primary';
913
919
  }
914
920
 
915
- declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
921
+ declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
916
922
 
917
923
  interface DataProps {
918
924
  /**