pixel-react 1.1.5 → 1.1.7

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 (46) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
  3. package/lib/components/Input/Input.d.ts +1 -1
  4. package/lib/components/Input/types.d.ts +4 -0
  5. package/lib/components/MiniModal/MiniModal.stories.d.ts +1 -1
  6. package/lib/components/MiniModal/types.d.ts +12 -0
  7. package/lib/components/TableTree/TableTree.d.ts +4 -2
  8. package/lib/index.d.ts +9 -3
  9. package/lib/index.esm.js +118 -22
  10. package/lib/index.esm.js.map +1 -1
  11. package/lib/index.js +118 -22
  12. package/lib/index.js.map +1 -1
  13. package/package.json +1 -1
  14. package/rollup.config.mjs +5 -1
  15. package/src/assets/Themes/BaseTheme.scss +8 -1
  16. package/src/assets/Themes/DarkTheme.scss +7 -0
  17. package/src/assets/icons/app_switch.svg +11 -0
  18. package/src/assets/icons/backward_icon.svg +3 -0
  19. package/src/assets/icons/cloud_server_host_icon.svg +3 -0
  20. package/src/assets/icons/continue_without_sign.svg +3 -0
  21. package/src/assets/icons/forward_icon.svg +3 -0
  22. package/src/assets/icons/hamburger_menu.svg +3 -0
  23. package/src/assets/icons/plus_user_icon.svg +3 -0
  24. package/src/assets/icons/reload.svg +3 -0
  25. package/src/assets/icons/toast_close.svg +2 -2
  26. package/src/assets/icons/user_profile.svg +3 -0
  27. package/src/assets/icons/window_maximize.svg +4 -0
  28. package/src/assets/icons/window_minimize.svg +3 -0
  29. package/src/components/AppHeader/AppHeader.scss +2 -1
  30. package/src/components/Chip/Chip.scss +14 -13
  31. package/src/components/Icon/Icon.stories.tsx +1 -1
  32. package/src/components/Icon/Icons.scss +1 -1
  33. package/src/components/Icon/iconList.ts +23 -0
  34. package/src/components/IconButton/IconButton.scss +23 -12
  35. package/src/components/IconButton/IconButton.stories.tsx +9 -1
  36. package/src/components/IconButton/IconButton.tsx +5 -3
  37. package/src/components/Input/Input.scss +6 -1
  38. package/src/components/Input/Input.tsx +8 -4
  39. package/src/components/Input/types.ts +4 -0
  40. package/src/components/MiniModal/MiniModal.scss +39 -8
  41. package/src/components/MiniModal/MiniModal.stories.tsx +199 -75
  42. package/src/components/MiniModal/MiniModal.tsx +46 -2
  43. package/src/components/MiniModal/types.ts +13 -0
  44. package/src/components/TableTree/TableTree.stories.tsx +8 -1
  45. package/src/components/TableTree/TableTree.tsx +25 -3
  46. package/src/index.ts +0 -6
Binary file
@@ -2,5 +2,6 @@ import type { Meta, StoryObj } from '@storybook/react';
2
2
  import IconButton from './IconButton';
3
3
  declare const meta: Meta<typeof IconButton>;
4
4
  type Story = StoryObj<typeof IconButton>;
5
+ export declare const Default: Story;
5
6
  export declare const PrimaryIconButton: Story;
6
7
  export default meta;
@@ -1,4 +1,4 @@
1
1
  import './Input.scss';
2
2
  import { InputProps } from './types';
3
- declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
3
+ declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;
4
4
  export default Input;
@@ -71,4 +71,8 @@ export interface InputProps {
71
71
  * background of the input field prop
72
72
  */
73
73
  transparentBackground?: boolean;
74
+ /**
75
+ * size for the input field
76
+ */
77
+ size?: 'small' | 'medium';
74
78
  }
@@ -4,6 +4,6 @@ import './MiniModal.scss';
4
4
  declare const meta: Meta<typeof MiniModal>;
5
5
  type Story = StoryObj<typeof MiniModal>;
6
6
  export declare const BasicModal: Story;
7
- export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
8
7
  export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
9
9
  export default meta;
@@ -86,4 +86,16 @@ export interface MiniEditModalProps {
86
86
  rightAlignModal?: number;
87
87
  };
88
88
  }
89
+ export interface Rect {
90
+ top: number;
91
+ left: number;
92
+ bottom: number;
93
+ right: number;
94
+ }
95
+ export interface AvailableSpace {
96
+ spaceTop: number;
97
+ spaceLeft: number;
98
+ spaceRight: number;
99
+ spaceBottom: number;
100
+ }
89
101
  export {};
@@ -12,10 +12,12 @@ interface ObjectProps {
12
12
  [key: string]: any;
13
13
  }
14
14
  interface TableTreeProps {
15
- withCheckBox: boolean;
15
+ select: 'checkbox' | 'radio' | 'none';
16
16
  columnsData: Array<ColumnDataProps>;
17
17
  treeData: Array<ObjectProps>;
18
18
  onClick?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
19
+ onChange?: (e: any, node: any) => void;
20
+ selected: Array<string>;
19
21
  }
20
- declare const TableTree: ({ columnsData, treeData, withCheckBox, onClick, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
22
+ declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, }: TableTreeProps) => import("react/jsx-runtime").JSX.Element;
21
23
  export default TableTree;
package/lib/index.d.ts CHANGED
@@ -530,9 +530,13 @@ interface InputProps {
530
530
  * background of the input field prop
531
531
  */
532
532
  transparentBackground?: boolean;
533
+ /**
534
+ * size for the input field
535
+ */
536
+ size?: 'small' | 'medium';
533
537
  }
534
538
 
535
- declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
539
+ declare const Input: ({ type, variant, name, label, disabled, required, placeholder, value, helperText, error, noBorder, className, onChange, onBlur, onFocus, autoComplete, minValue, maxValue, transparentBackground, size, ...props }: InputProps) => react_jsx_runtime.JSX.Element;
536
540
 
537
541
  type Status$1 = {
538
542
  status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'passed' | 'failed' | 'warning' | 'skipped';
@@ -1287,12 +1291,14 @@ interface ObjectProps {
1287
1291
  [key: string]: any;
1288
1292
  }
1289
1293
  interface TableTreeProps {
1290
- withCheckBox: boolean;
1294
+ select: 'checkbox' | 'radio' | 'none';
1291
1295
  columnsData: Array<ColumnDataProps>;
1292
1296
  treeData: Array<ObjectProps>;
1293
1297
  onClick?: (event: React__default.MouseEvent<HTMLDivElement, MouseEvent>, data: any) => void;
1298
+ onChange?: (e: any, node: any) => void;
1299
+ selected: Array<string>;
1294
1300
  }
1295
- declare const TableTree: ({ columnsData, treeData, withCheckBox, onClick, }: TableTreeProps) => react_jsx_runtime.JSX.Element;
1301
+ declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, }: TableTreeProps) => react_jsx_runtime.JSX.Element;
1296
1302
 
1297
1303
  interface TabsProps {
1298
1304
  /**