@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.
Files changed (67) hide show
  1. package/dist/cjs/bundle.css +49 -28
  2. package/dist/cjs/bundle.js +3 -3
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Switch/Switch.stories.d.ts +1 -6
  5. package/dist/cjs/types/components/Table/Table.d.ts +1 -0
  6. package/dist/cjs/types/components/Table/Table.stories.d.ts +2 -0
  7. package/dist/cjs/types/components/Tree/Tree.d.ts +45 -0
  8. package/dist/cjs/types/components/Tree/Tree.stories.d.ts +5 -0
  9. package/dist/components/Switch/Switch.js +15 -1
  10. package/dist/components/Switch/Switch.stories.js +2 -7
  11. package/dist/components/Table/Table.js +2 -2
  12. package/dist/components/Tree/Tree.js +138 -0
  13. package/dist/components/Tree/Tree.stories.js +53 -0
  14. package/dist/esm/bundle.css +49 -28
  15. package/dist/esm/bundle.js +2 -2
  16. package/dist/esm/bundle.js.map +1 -1
  17. package/dist/esm/types/components/Switch/Switch.stories.d.ts +1 -6
  18. package/dist/esm/types/components/Table/Table.d.ts +1 -0
  19. package/dist/esm/types/components/Table/Table.stories.d.ts +2 -0
  20. package/dist/esm/types/components/Tree/Tree.d.ts +45 -0
  21. package/dist/esm/types/components/Tree/Tree.stories.d.ts +5 -0
  22. package/dist/index.d.ts +1 -0
  23. package/dist/src/theme/global.css +1264 -37
  24. package/dist/theme/global.css +1 -0
  25. package/dist/theme/themes/SKL/baseline.css +12 -0
  26. package/dist/theme/themes/SKL/color.css +78 -0
  27. package/dist/theme/themes/SKL/components/action-button.css +127 -0
  28. package/dist/theme/themes/SKL/components/button.css +512 -0
  29. package/dist/theme/themes/SKL/components/dropdown-menu.css +27 -0
  30. package/dist/theme/themes/SKL/components/loading.css +11 -0
  31. package/dist/theme/themes/SKL/components/navbar.css +8 -0
  32. package/dist/theme/themes/SKL/components/progress-bar.css +8 -0
  33. package/dist/theme/themes/SKL/components/switch.css +30 -0
  34. package/dist/theme/themes/SKL/palette.css +145 -0
  35. package/dist/theme/themes/SKL/state.css +86 -0
  36. package/dist/theme/themes/SKL/transparent.css +68 -0
  37. package/dist/theme/themes/SKL/typography.css +199 -0
  38. package/dist/theme/themes/SKL/variables.css +28 -0
  39. package/dist/theme/themes/xspector/baseline.css +1 -0
  40. package/dist/theme/themes/xspector/components/switch.css +30 -0
  41. package/dist/theme/tokens/baseline.css +2 -1
  42. package/dist/theme/tokens/components/switch.css +30 -0
  43. package/package.json +1 -1
  44. package/src/components/Switch/Switch.stories.tsx +2 -7
  45. package/src/components/Switch/Switch.tsx +37 -9
  46. package/src/components/Table/Table.tsx +7 -2
  47. package/src/components/Tree/Tree.stories.tsx +66 -0
  48. package/src/components/Tree/Tree.tsx +331 -0
  49. package/src/theme/global.css +1 -0
  50. package/src/theme/themes/SKL/baseline.css +12 -0
  51. package/src/theme/themes/SKL/color.css +78 -0
  52. package/src/theme/themes/SKL/components/action-button.css +127 -0
  53. package/src/theme/themes/SKL/components/button.css +512 -0
  54. package/src/theme/themes/SKL/components/dropdown-menu.css +27 -0
  55. package/src/theme/themes/SKL/components/loading.css +11 -0
  56. package/src/theme/themes/SKL/components/navbar.css +8 -0
  57. package/src/theme/themes/SKL/components/progress-bar.css +8 -0
  58. package/src/theme/themes/SKL/components/switch.css +30 -0
  59. package/src/theme/themes/SKL/palette.css +145 -0
  60. package/src/theme/themes/SKL/state.css +86 -0
  61. package/src/theme/themes/SKL/transparent.css +68 -0
  62. package/src/theme/themes/SKL/typography.css +199 -0
  63. package/src/theme/themes/SKL/variables.css +28 -0
  64. package/src/theme/themes/xspector/baseline.css +1 -0
  65. package/src/theme/themes/xspector/components/switch.css +30 -0
  66. package/src/theme/tokens/baseline.css +2 -1
  67. 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
- defaultValue: number[];
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
+ */
@@ -0,0 +1,5 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Tree } from "./Tree";
3
+ declare const meta: Meta<typeof Tree>;
4
+ export default meta;
5
+ export declare const Default: StoryObj<typeof Tree>;
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>>;