@rovula/ui 0.0.46 → 0.0.48
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/dist/cjs/bundle.css +49 -28
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Switch/Switch.stories.d.ts +1 -6
- package/dist/cjs/types/components/Table/Table.d.ts +1 -0
- package/dist/cjs/types/components/Table/Table.stories.d.ts +2 -0
- package/dist/cjs/types/components/Tree/Tree.d.ts +45 -0
- package/dist/cjs/types/components/Tree/Tree.stories.d.ts +5 -0
- package/dist/components/Switch/Switch.js +15 -1
- package/dist/components/Switch/Switch.stories.js +2 -7
- package/dist/components/Table/Table.js +2 -2
- package/dist/components/Tree/Tree.js +138 -0
- package/dist/components/Tree/Tree.stories.js +53 -0
- package/dist/esm/bundle.css +49 -28
- package/dist/esm/bundle.js +2 -2
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Switch/Switch.stories.d.ts +1 -6
- package/dist/esm/types/components/Table/Table.d.ts +1 -0
- package/dist/esm/types/components/Table/Table.stories.d.ts +2 -0
- package/dist/esm/types/components/Tree/Tree.d.ts +45 -0
- package/dist/esm/types/components/Tree/Tree.stories.d.ts +5 -0
- package/dist/index.d.ts +1 -0
- package/dist/src/theme/global.css +1264 -37
- package/dist/theme/global.css +1 -0
- package/dist/theme/themes/SKL/baseline.css +12 -0
- package/dist/theme/themes/SKL/color.css +78 -0
- package/dist/theme/themes/SKL/components/action-button.css +127 -0
- package/dist/theme/themes/SKL/components/button.css +512 -0
- package/dist/theme/themes/SKL/components/dropdown-menu.css +27 -0
- package/dist/theme/themes/SKL/components/loading.css +11 -0
- package/dist/theme/themes/SKL/components/navbar.css +8 -0
- package/dist/theme/themes/SKL/components/progress-bar.css +8 -0
- package/dist/theme/themes/SKL/components/switch.css +30 -0
- package/dist/theme/themes/SKL/palette.css +145 -0
- package/dist/theme/themes/SKL/state.css +86 -0
- package/dist/theme/themes/SKL/transparent.css +68 -0
- package/dist/theme/themes/SKL/typography.css +199 -0
- package/dist/theme/themes/SKL/variables.css +28 -0
- package/dist/theme/themes/xspector/baseline.css +1 -0
- package/dist/theme/themes/xspector/components/switch.css +30 -0
- package/dist/theme/tokens/baseline.css +2 -1
- package/dist/theme/tokens/components/switch.css +30 -0
- package/package.json +1 -1
- package/src/components/Switch/Switch.stories.tsx +2 -7
- package/src/components/Switch/Switch.tsx +37 -9
- package/src/components/Table/Table.tsx +7 -2
- package/src/components/Tree/Tree.stories.tsx +66 -0
- package/src/components/Tree/Tree.tsx +331 -0
- package/src/theme/global.css +1 -0
- package/src/theme/themes/SKL/baseline.css +12 -0
- package/src/theme/themes/SKL/color.css +78 -0
- package/src/theme/themes/SKL/components/action-button.css +127 -0
- package/src/theme/themes/SKL/components/button.css +512 -0
- package/src/theme/themes/SKL/components/dropdown-menu.css +27 -0
- package/src/theme/themes/SKL/components/loading.css +11 -0
- package/src/theme/themes/SKL/components/navbar.css +8 -0
- package/src/theme/themes/SKL/components/progress-bar.css +8 -0
- package/src/theme/themes/SKL/components/switch.css +30 -0
- package/src/theme/themes/SKL/palette.css +145 -0
- package/src/theme/themes/SKL/state.css +86 -0
- package/src/theme/themes/SKL/transparent.css +68 -0
- package/src/theme/themes/SKL/typography.css +199 -0
- package/src/theme/themes/SKL/variables.css +28 -0
- package/src/theme/themes/xspector/baseline.css +1 -0
- package/src/theme/themes/xspector/components/switch.css +30 -0
- package/src/theme/tokens/baseline.css +2 -1
- package/src/theme/tokens/components/switch.css +30 -0
|
@@ -293,13 +293,8 @@ declare const meta: {
|
|
|
293
293
|
export default meta;
|
|
294
294
|
export declare const Default: {
|
|
295
295
|
args: {
|
|
296
|
-
|
|
297
|
-
max: number;
|
|
298
|
-
step: number;
|
|
299
|
-
name: string;
|
|
300
|
-
minStepsBetweenThumbs: number;
|
|
296
|
+
checked: boolean;
|
|
301
297
|
disabled: boolean;
|
|
302
|
-
inverted: boolean;
|
|
303
298
|
};
|
|
304
299
|
render: (args: {}) => import("react/jsx-runtime").JSX.Element;
|
|
305
300
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
declare const Table: React.ForwardRefExoticComponent<{
|
|
3
|
+
rootClassName?: string | undefined;
|
|
3
4
|
rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
|
|
4
5
|
} & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
5
6
|
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
declare const meta: {
|
|
3
3
|
title: string;
|
|
4
4
|
component: React.ForwardRefExoticComponent<{
|
|
5
|
+
rootClassName?: string | undefined;
|
|
5
6
|
rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
|
|
6
7
|
} & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
7
8
|
tags: string[];
|
|
@@ -9,6 +10,7 @@ declare const meta: {
|
|
|
9
10
|
layout: string;
|
|
10
11
|
};
|
|
11
12
|
decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
13
|
+
rootClassName?: string | undefined;
|
|
12
14
|
rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
|
|
13
15
|
defaultChecked?: boolean | undefined;
|
|
14
16
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { FC, ReactNode } from "react";
|
|
2
|
+
export type TreeData = {
|
|
3
|
+
id: string;
|
|
4
|
+
title: string;
|
|
5
|
+
icon?: ReactNode;
|
|
6
|
+
children?: TreeData[];
|
|
7
|
+
};
|
|
8
|
+
export interface TreeItemProps extends TreeData {
|
|
9
|
+
isFirstLevel?: boolean;
|
|
10
|
+
isLastItem: boolean;
|
|
11
|
+
checkIsExpanded: (id: string) => boolean;
|
|
12
|
+
checkIsChecked: (id: string) => boolean;
|
|
13
|
+
onExpandChange?: (id: string, expanded: boolean) => void;
|
|
14
|
+
onCheckedChange?: (id: string, checked: boolean) => void;
|
|
15
|
+
}
|
|
16
|
+
export type TreeProps = {
|
|
17
|
+
data: TreeData[];
|
|
18
|
+
defaultExpandedId?: string[];
|
|
19
|
+
defaultCheckedId?: string[];
|
|
20
|
+
checkedId?: string[];
|
|
21
|
+
onCheckedChange?: (checkedId: string[]) => void;
|
|
22
|
+
defaultExpandAll?: boolean;
|
|
23
|
+
defaultCheckAll?: boolean;
|
|
24
|
+
hierarchicalCheck?: boolean;
|
|
25
|
+
};
|
|
26
|
+
export declare const Tree: FC<TreeProps>;
|
|
27
|
+
/**
|
|
28
|
+
* TODO
|
|
29
|
+
* -----
|
|
30
|
+
* - Custom style
|
|
31
|
+
* - Custom icon, elm and render props -> callback with selected*expanded
|
|
32
|
+
* - OnClick item
|
|
33
|
+
* - OnClick expandButton
|
|
34
|
+
* - disabled props
|
|
35
|
+
* - right section icon
|
|
36
|
+
* - props for show icon, line
|
|
37
|
+
* - props for render item
|
|
38
|
+
* - OnLoad mode
|
|
39
|
+
* -----
|
|
40
|
+
* - props onLoad item
|
|
41
|
+
* - props for hasChildren * for check to trigger on load
|
|
42
|
+
* - animate expand
|
|
43
|
+
* - check duplicate reversive on updateChildren
|
|
44
|
+
* - write storybook
|
|
45
|
+
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -352,6 +352,7 @@ type IconProps = {
|
|
|
352
352
|
declare const Icon: React__default.FC<IconProps>;
|
|
353
353
|
|
|
354
354
|
declare const Table: React.ForwardRefExoticComponent<{
|
|
355
|
+
rootClassName?: string | undefined;
|
|
355
356
|
rootRef?: React.LegacyRef<HTMLDivElement> | undefined;
|
|
356
357
|
} & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
|
|
357
358
|
declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
|