@mriqbox/ui-kit 3.7.0 → 4.0.0
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/bin/cli.js +3 -1
- package/dist/components/atoms/MriAvatar.d.ts +6 -0
- package/dist/components/atoms/MriAvatar.stories.d.ts +9 -0
- package/dist/components/atoms/mri-button-variants.d.ts +1 -1
- package/dist/components/molecules/MriAccordion.d.ts +7 -0
- package/dist/components/molecules/MriAccordion.stories.d.ts +8 -0
- package/dist/components/molecules/MriCommand.d.ts +7 -7
- package/dist/index.d.ts +2 -0
- package/dist/index.es.js +4158 -3486
- package/dist/index.umd.js +70 -54
- package/dist/style.css +1 -1
- package/package.json +3 -1
package/bin/cli.js
CHANGED
|
@@ -17,6 +17,7 @@ const BASE_PREFIX = 'https://raw.githubusercontent.com/mri-Qbox-Brasil/mri-ui-ki
|
|
|
17
17
|
|
|
18
18
|
const COMPONENT_MAP = {
|
|
19
19
|
// Atoms
|
|
20
|
+
'MriAvatar': 'atoms',
|
|
20
21
|
'MriBadge': 'atoms',
|
|
21
22
|
'MriSkeleton': 'atoms',
|
|
22
23
|
'MriSpinner': 'atoms',
|
|
@@ -29,6 +30,7 @@ const COMPONENT_MAP = {
|
|
|
29
30
|
'mri-button-variants': 'atoms',
|
|
30
31
|
|
|
31
32
|
// Molecules
|
|
33
|
+
'MriAccordion': 'molecules',
|
|
32
34
|
'MriActionButton': 'molecules',
|
|
33
35
|
'MriActionDropdown': 'molecules',
|
|
34
36
|
'MriActionModal': 'molecules',
|
|
@@ -180,7 +182,7 @@ async function checkDependencies(filePath, installDir) {
|
|
|
180
182
|
program
|
|
181
183
|
.name('mri-ui')
|
|
182
184
|
.description('Add Mri UI components to your project')
|
|
183
|
-
.version('
|
|
185
|
+
.version('4.0.0');
|
|
184
186
|
|
|
185
187
|
program
|
|
186
188
|
.command('add <component>')
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AvatarPrimitive from "@radix-ui/react-avatar";
|
|
3
|
+
declare const MriAvatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
4
|
+
declare const MriAvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
|
|
5
|
+
declare const MriAvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
|
|
6
|
+
export { MriAvatar, MriAvatarImage, MriAvatarFallback };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MriAvatar } from './MriAvatar';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof MriAvatar>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const WithImage: StoryObj;
|
|
7
|
+
export declare const FallbackOnly: StoryObj;
|
|
8
|
+
export declare const Sizes: StoryObj;
|
|
9
|
+
export declare const Group: StoryObj;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const mriButtonVariants: (props?: ({
|
|
2
|
-
variant?: "
|
|
2
|
+
variant?: "link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
|
|
3
3
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
4
4
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as AccordionPrimitive from "@radix-ui/react-accordion";
|
|
3
|
+
declare const MriAccordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
|
|
4
|
+
declare const MriAccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
|
+
declare const MriAccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
declare const MriAccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
7
|
+
export { MriAccordion, MriAccordionItem, MriAccordionTrigger, MriAccordionContent };
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MriAccordion } from './MriAccordion';
|
|
3
|
+
|
|
4
|
+
declare const meta: Meta<typeof MriAccordion>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Single: StoryObj;
|
|
7
|
+
export declare const Multiple: StoryObj;
|
|
8
|
+
export declare const DefaultOpen: StoryObj;
|
|
@@ -5,7 +5,7 @@ declare const MriCommand: React.ForwardRefExoticComponent<Omit<{
|
|
|
5
5
|
ref?: React.Ref<HTMLDivElement>;
|
|
6
6
|
} & {
|
|
7
7
|
asChild?: boolean;
|
|
8
|
-
}, "
|
|
8
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
9
9
|
label?: string;
|
|
10
10
|
shouldFilter?: boolean;
|
|
11
11
|
filter?: (value: string, search: string, keywords?: string[]) => number;
|
|
@@ -20,7 +20,7 @@ declare const MriCommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pi
|
|
|
20
20
|
ref?: React.Ref<HTMLInputElement>;
|
|
21
21
|
} & {
|
|
22
22
|
asChild?: boolean;
|
|
23
|
-
}, "
|
|
23
|
+
}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
|
|
24
24
|
value?: string;
|
|
25
25
|
onValueChange?: (search: string) => void;
|
|
26
26
|
} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -30,7 +30,7 @@ declare const MriCommandList: React.ForwardRefExoticComponent<Omit<{
|
|
|
30
30
|
ref?: React.Ref<HTMLDivElement>;
|
|
31
31
|
} & {
|
|
32
32
|
asChild?: boolean;
|
|
33
|
-
}, "
|
|
33
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
34
34
|
label?: string;
|
|
35
35
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
36
36
|
declare const MriCommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -39,14 +39,14 @@ declare const MriCommandEmpty: React.ForwardRefExoticComponent<Omit<{
|
|
|
39
39
|
ref?: React.Ref<HTMLDivElement>;
|
|
40
40
|
} & {
|
|
41
41
|
asChild?: boolean;
|
|
42
|
-
}, "
|
|
42
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
43
43
|
declare const MriCommandGroup: React.ForwardRefExoticComponent<Omit<{
|
|
44
44
|
children?: React.ReactNode;
|
|
45
45
|
} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
46
46
|
ref?: React.Ref<HTMLDivElement>;
|
|
47
47
|
} & {
|
|
48
48
|
asChild?: boolean;
|
|
49
|
-
}, "
|
|
49
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
|
|
50
50
|
heading?: React.ReactNode;
|
|
51
51
|
value?: string;
|
|
52
52
|
forceMount?: boolean;
|
|
@@ -55,7 +55,7 @@ declare const MriCommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pic
|
|
|
55
55
|
ref?: React.Ref<HTMLDivElement>;
|
|
56
56
|
} & {
|
|
57
57
|
asChild?: boolean;
|
|
58
|
-
}, "
|
|
58
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
|
|
59
59
|
alwaysRender?: boolean;
|
|
60
60
|
} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
61
61
|
declare const MriCommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
@@ -64,7 +64,7 @@ declare const MriCommandItem: React.ForwardRefExoticComponent<Omit<{
|
|
|
64
64
|
ref?: React.Ref<HTMLDivElement>;
|
|
65
65
|
} & {
|
|
66
66
|
asChild?: boolean;
|
|
67
|
-
}, "
|
|
67
|
+
}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
|
|
68
68
|
disabled?: boolean;
|
|
69
69
|
onSelect?: (value: string) => void;
|
|
70
70
|
value?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
|
|
2
|
+
export * from './components/atoms/MriAvatar';
|
|
2
3
|
export * from './components/atoms/MriBadge';
|
|
3
4
|
export * from './components/atoms/MriButton';
|
|
4
5
|
export * from './components/atoms/MriIcons';
|
|
@@ -8,6 +9,7 @@ export * from './components/atoms/MriStatusBadge';
|
|
|
8
9
|
export * from './components/atoms/mri-badge-variants';
|
|
9
10
|
export * from './components/atoms/mri-button-variants';
|
|
10
11
|
export * from './components/atoms/MriSpinner';
|
|
12
|
+
export * from './components/molecules/MriAccordion';
|
|
11
13
|
export * from './components/molecules/MriButtonGroup';
|
|
12
14
|
export * from './components/molecules/MriCard';
|
|
13
15
|
export * from './components/molecules/MriCompactSearch';
|