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.
- 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
|
/**
|