pixel-react 1.1.5 → 1.1.7

Sign up to get free protection for your applications and to get access to all the features.
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
  /**