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.
- package/.yarn/install-state.gz +0 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +1 -0
- package/lib/components/Input/Input.d.ts +1 -1
- package/lib/components/Input/types.d.ts +4 -0
- package/lib/components/MiniModal/MiniModal.stories.d.ts +1 -1
- package/lib/components/MiniModal/types.d.ts +12 -0
- package/lib/components/TableTree/TableTree.d.ts +4 -2
- package/lib/index.d.ts +9 -3
- package/lib/index.esm.js +118 -22
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +118 -22
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/rollup.config.mjs +5 -1
- package/src/assets/Themes/BaseTheme.scss +8 -1
- package/src/assets/Themes/DarkTheme.scss +7 -0
- package/src/assets/icons/app_switch.svg +11 -0
- package/src/assets/icons/backward_icon.svg +3 -0
- package/src/assets/icons/cloud_server_host_icon.svg +3 -0
- package/src/assets/icons/continue_without_sign.svg +3 -0
- package/src/assets/icons/forward_icon.svg +3 -0
- package/src/assets/icons/hamburger_menu.svg +3 -0
- package/src/assets/icons/plus_user_icon.svg +3 -0
- package/src/assets/icons/reload.svg +3 -0
- package/src/assets/icons/toast_close.svg +2 -2
- package/src/assets/icons/user_profile.svg +3 -0
- package/src/assets/icons/window_maximize.svg +4 -0
- package/src/assets/icons/window_minimize.svg +3 -0
- package/src/components/AppHeader/AppHeader.scss +2 -1
- package/src/components/Chip/Chip.scss +14 -13
- package/src/components/Icon/Icon.stories.tsx +1 -1
- package/src/components/Icon/Icons.scss +1 -1
- package/src/components/Icon/iconList.ts +23 -0
- package/src/components/IconButton/IconButton.scss +23 -12
- package/src/components/IconButton/IconButton.stories.tsx +9 -1
- package/src/components/IconButton/IconButton.tsx +5 -3
- package/src/components/Input/Input.scss +6 -1
- package/src/components/Input/Input.tsx +8 -4
- package/src/components/Input/types.ts +4 -0
- package/src/components/MiniModal/MiniModal.scss +39 -8
- package/src/components/MiniModal/MiniModal.stories.tsx +199 -75
- package/src/components/MiniModal/MiniModal.tsx +46 -2
- package/src/components/MiniModal/types.ts +13 -0
- package/src/components/TableTree/TableTree.stories.tsx +8 -1
- package/src/components/TableTree/TableTree.tsx +25 -3
- package/src/index.ts +0 -6
package/.yarn/install-state.gz
CHANGED
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;
|
@@ -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
|
-
|
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,
|
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
|
-
|
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,
|
1301
|
+
declare const TableTree: ({ columnsData, treeData, select, onClick, onChange, selected, }: TableTreeProps) => react_jsx_runtime.JSX.Element;
|
1296
1302
|
|
1297
1303
|
interface TabsProps {
|
1298
1304
|
/**
|