pixel-react 1.5.0 → 1.5.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 (64) 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/AttachmentButton/types.d.ts +2 -0
  11. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
  12. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
  13. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
  14. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
  15. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
  16. package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
  17. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  18. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
  19. package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
  20. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  21. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  22. package/lib/components/Icon/types.d.ts +1 -1
  23. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +2 -0
  24. package/lib/components/MenuOption/MenuOption.d.ts +1 -1
  25. package/lib/components/MenuOption/types.d.ts +12 -0
  26. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +1 -0
  27. package/lib/components/Select/Select.stories.d.ts +1 -0
  28. package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
  29. package/lib/index.d.ts +10 -2
  30. package/lib/index.esm.js +119 -74
  31. package/lib/index.esm.js.map +1 -1
  32. package/lib/index.js +119 -74
  33. package/lib/index.js.map +1 -1
  34. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  35. package/package.json +1 -1
  36. package/src/assets/Themes/BaseTheme.scss +2 -1
  37. package/src/assets/Themes/DarkTheme.scss +1 -0
  38. package/src/assets/icons/approval_pending.svg +8 -0
  39. package/src/assets/icons/configuration.svg +3 -0
  40. package/src/assets/icons/defects.svg +8 -0
  41. package/src/assets/icons/element.svg +4 -0
  42. package/src/assets/icons/project_element.svg +4 -0
  43. package/src/assets/icons/step_group.svg +10 -0
  44. package/src/assets/icons/success.svg +7 -3
  45. package/src/assets/icons/variable.svg +3 -0
  46. package/src/components/AllProjectsDropdown/AllProjectsDropdown.scss +3 -1
  47. package/src/components/AppHeader/AppHeader.scss +134 -101
  48. package/src/components/AppHeader/AppHeader.stories.tsx +48 -14
  49. package/src/components/AppHeader/AppHeader.tsx +142 -121
  50. package/src/components/AttachmentButton/AttachmentButton.stories.tsx +2 -0
  51. package/src/components/AttachmentButton/AttachmentButton.tsx +23 -16
  52. package/src/components/AttachmentButton/types.ts +2 -0
  53. package/src/components/Icon/Icon.tsx +2 -1
  54. package/src/components/Icon/Icons.scss +5 -0
  55. package/src/components/Icon/iconList.ts +14 -1
  56. package/src/components/Icon/types.ts +1 -1
  57. package/src/components/MenuOption/MenuOption.scss +19 -2
  58. package/src/components/MenuOption/MenuOption.tsx +9 -1
  59. package/src/components/MenuOption/types.ts +12 -0
  60. package/src/components/RadioGroup/RadioGroup.stories.tsx +2 -0
  61. package/src/components/Tooltip/Tooltip.scss +1 -1
  62. package/src/components/Tooltip/Tooltip.stories.tsx +4 -3
  63. package/src/components/Tooltip/Tooltip.tsx +2 -2
  64. /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;
@@ -8,4 +8,6 @@ export interface AttachmentUploaderProps {
8
8
  buttonLabel?: string;
9
9
  showSelectedFiles?: boolean;
10
10
  buttonVariant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
11
+ deleteButton: boolean;
12
+ addAttachmentButton: boolean;
11
13
  }
@@ -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 {};
@@ -7,7 +7,7 @@ export interface IconProps {
7
7
  onClick?: (data?: any) => void;
8
8
  hoverEffect?: boolean;
9
9
  disabled?: boolean;
10
- variant?: "dark" | "light";
10
+ variant?: "dark" | "light" | 'danger';
11
11
  x?: string;
12
12
  y?: string;
13
13
  chartIcon?: boolean;
@@ -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
@@ -227,7 +227,7 @@ interface IconProps$2 {
227
227
  onClick?: (data?: any) => void;
228
228
  hoverEffect?: boolean;
229
229
  disabled?: boolean;
230
- variant?: "dark" | "light";
230
+ variant?: "dark" | "light" | 'danger';
231
231
  x?: string;
232
232
  y?: string;
233
233
  chartIcon?: boolean;
@@ -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
  /**
@@ -1976,6 +1982,8 @@ interface AttachmentUploaderProps {
1976
1982
  buttonLabel?: string;
1977
1983
  showSelectedFiles?: boolean;
1978
1984
  buttonVariant?: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
1985
+ deleteButton: boolean;
1986
+ addAttachmentButton: boolean;
1979
1987
  }
1980
1988
 
1981
1989
  declare const AttachmentButton: React__default.FC<AttachmentUploaderProps>;