pixel-react 1.5.8 → 1.5.9

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 (66) hide show
  1. package/.storybook/main.ts +1 -7
  2. package/.storybook/preview-head.html +3 -0
  3. package/index.scss +5 -0
  4. package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +1 -1
  5. package/lib/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.d.ts +2 -2
  6. package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +17 -1
  7. package/lib/components/Excel/Types.d.ts +22 -1
  8. package/lib/components/Excel/dataConversion.d.ts +3 -0
  9. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  10. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  11. package/lib/components/Select/Select.stories.d.ts +0 -1
  12. package/lib/index.d.ts +1 -1
  13. package/lib/index.esm.js +264 -56
  14. package/lib/index.esm.js.map +1 -1
  15. package/lib/index.js +264 -56
  16. package/lib/index.js.map +1 -1
  17. package/lib/tsconfig.tsbuildinfo +1 -1
  18. package/package.json +1 -2
  19. package/src/assets/icons/approval_pending.svg +8 -8
  20. package/src/assets/icons/configuration.svg +3 -3
  21. package/src/assets/icons/defects.svg +8 -8
  22. package/src/assets/icons/element.svg +4 -4
  23. package/src/assets/icons/project_element.svg +4 -4
  24. package/src/assets/icons/step_group.svg +10 -10
  25. package/src/assets/icons/variable.svg +3 -3
  26. package/src/components/Excel/ExcelFile/ExcelFile.tsx +60 -5
  27. package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +39 -39
  28. package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +34 -28
  29. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +0 -29
  30. package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +29 -0
  31. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +33 -0
  32. package/src/components/Excel/ExcelFile.stories.tsx +77 -67
  33. package/src/components/Excel/Types.ts +23 -1
  34. package/src/components/Excel/dataConversion.ts +173 -0
  35. package/src/components/Typography/Typography.scss +1 -36
  36. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  37. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  38. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  39. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  40. package/lib/components/AddButton/AddButton.d.ts +0 -5
  41. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  42. package/lib/components/AddButton/index.d.ts +0 -1
  43. package/lib/components/AddButton/types.d.ts +0 -4
  44. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  45. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  46. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  47. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  48. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  49. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  50. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  51. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  52. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  53. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  54. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  55. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  56. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  57. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  58. package/src/assets/fonts/Poppins-Bold.ttf +0 -0
  59. package/src/assets/fonts/Poppins-Bold.woff2 +0 -0
  60. package/src/assets/fonts/Poppins-Medium.ttf +0 -0
  61. package/src/assets/fonts/Poppins-Medium.woff2 +0 -0
  62. package/src/assets/fonts/Poppins-Regular.ttf +0 -0
  63. package/src/assets/fonts/Poppins-Regular.woff2 +0 -0
  64. package/src/assets/fonts/Poppins-SemiBold.ttf +0 -0
  65. package/src/assets/fonts/Poppins-SemiBold.woff2 +0 -0
  66. /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
@@ -21,12 +21,6 @@ const config: StorybookConfig = {
21
21
 
22
22
  typescript: {
23
23
  reactDocgen: 'react-docgen-typescript'
24
- },
25
-
26
- viteFinal: async (config) => {
27
- // Ensure Vite processes font files
28
- config.assetsInclude = [/\.(woff2?|eot|ttf|otf)$/];
29
- return config;
30
- },
24
+ }
31
25
  };
32
26
  export default config;
@@ -0,0 +1,3 @@
1
+ <link rel="preconnect" href="https://fonts.googleapis.com">
2
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
3
+ <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
package/index.scss CHANGED
@@ -0,0 +1,5 @@
1
+ /* global.css or component CSS */
2
+ body {
3
+ font-family: 'Poppins', sans-serif;
4
+ }
5
+
@@ -14,7 +14,7 @@ interface ExcelFileProps {
14
14
  /** Controls whether the toolbar is shown, disabled, or hidden */
15
15
  toolbar?: 'show' | 'disable' | 'hide';
16
16
  /** Callback function to save the Excel data */
17
- onSave?: (excelData?: any) => void;
17
+ onSave?: (saveData: any) => void;
18
18
  }
19
19
  declare const ExcelFile: React.FC<ExcelFileProps>;
20
20
  export default ExcelFile;
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
2
  import * as Types from './types';
3
- declare const ColumnIndicator: Types.ColumnIndicatorComponent;
4
- export default ColumnIndicator;
5
3
  export declare const enhance: (ColumnIndicatorComponent: Types.ColumnIndicatorComponent) => React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;
4
+ declare const EnhancedColumnIndicator: React.FC<Omit<Types.ColumnIndicatorProps, "selected" | "onSelect">>;
5
+ export default EnhancedColumnIndicator;
@@ -38,9 +38,25 @@ export declare const ADD_ROW_TOP = "ADD_ROW_TOP";
38
38
  export declare const ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT";
39
39
  export declare const DELETE_ROW = "DELETE_ROW";
40
40
  export declare const DELETE_COLUMN = "DELETE_COLUMN";
41
+ export declare const SET_ROW_HEIGHT = "SET_ROW_HEIGHT";
42
+ export declare const SET_COLUMN_POSITION = "SET_COLUMN_POSITION";
41
43
  export type BaseAction<T extends string> = {
42
44
  type: T;
43
45
  };
46
+ export type SetRowHeight = BaseAction<typeof SET_ROW_HEIGHT> & {
47
+ payload: {
48
+ row: number;
49
+ height: number;
50
+ };
51
+ };
52
+ export declare function setRowHeight(row: number, height: number): SetRowHeight;
53
+ export type SetColumnPosition = BaseAction<typeof SET_COLUMN_POSITION> & {
54
+ payload: {
55
+ column: number;
56
+ width: number;
57
+ };
58
+ };
59
+ export declare function setColumnPosition(column: number, width: number): SetColumnPosition;
44
60
  export type BoldStyle = BaseAction<typeof BOLD> & {
45
61
  payload: {
46
62
  data: Matrix<CellBase>;
@@ -228,4 +244,4 @@ export type ClearAction = BaseAction<typeof CLEAR>;
228
244
  export declare function clear(): ClearAction;
229
245
  export type BlurAction = BaseAction<typeof BLUR>;
230
246
  export declare function blur(): BlurAction;
231
- export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | BlurAction;
247
+ export type Action = SetDataAction | SetCreateFormulaParserAction | SelectEntireRowAction | SelectEntireColumnAction | SelectEntireWorksheetAction | SetSelectionAction | SelectAction | ActivateAction | SetCellDataAction | SetCellDimensionsAction | PasteAction | KeyDownAction | DragStartAction | DragEndAction | CommitAction | CopyAction | CutAction | EditAction | ViewAction | ClearAction | UnderlineTypeStyle | FontSize | FontFamily | TextAlignType | BorderType | ItalicStyle | BoldStyle | ColorStyle | BackgroundStyle | FormatePainterStyle | AddRowTop | AddColumnLeft | DeleteRow | DeleteColumn | SetRowHeight | SetColumnPosition | BlurAction;
@@ -24,9 +24,30 @@ interface WorkData {
24
24
  /** Value of the cell */
25
25
  value: string;
26
26
  /** Styling options for the cell */
27
- style: React.CSSProperties;
27
+ style: BackendStyle;
28
28
  type?: boolean;
29
29
  }
30
+ type BackendStyle = {
31
+ name: string;
32
+ size: number;
33
+ bold: boolean;
34
+ italic: boolean;
35
+ color: string;
36
+ backgroundColor: string;
37
+ borderColor: string;
38
+ underline: string;
39
+ border: {
40
+ top: string;
41
+ bottom: string;
42
+ left: string;
43
+ right: string;
44
+ };
45
+ alignment: {
46
+ horizontal: string;
47
+ vertical: string;
48
+ wrapText: boolean;
49
+ };
50
+ };
30
51
  /** A generic type to represent a 2D matrix of any type (or undefined values) */
31
52
  type Matrix<T> = (T | undefined)[][];
32
53
  interface ContextAction {
@@ -0,0 +1,3 @@
1
+ export declare const getTextDecorationBack: (textDecoration: string) => "solid" | "dotted" | "dashed" | "wavy" | "NONE";
2
+ export declare function convertStyleToFrontend(backendStyle: BackendStyle): React.CSSProperties;
3
+ export declare const convertStyleToBackend: (frontendStyle: React.CSSProperties) => BackendStyle;
@@ -6,8 +6,6 @@ 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;
10
9
  export declare const textFieldWithDropdown: Story;
11
10
  export declare const textFieldWithHighlight: Story;
12
- export declare const openLabelEditTextField: Story;
13
11
  export default meta;
@@ -7,5 +7,4 @@ 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;
11
10
  export default meta;
@@ -10,5 +10,4 @@ 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;
14
13
  export default meta;
package/lib/index.d.ts CHANGED
@@ -2175,7 +2175,7 @@ interface ExcelFileProps {
2175
2175
  /** Controls whether the toolbar is shown, disabled, or hidden */
2176
2176
  toolbar?: 'show' | 'disable' | 'hide';
2177
2177
  /** Callback function to save the Excel data */
2178
- onSave?: (excelData?: any) => void;
2178
+ onSave?: (saveData: any) => void;
2179
2179
  }
2180
2180
  declare const ExcelFile: React__default.FC<ExcelFileProps>;
2181
2181