@lotte-innovate/ui-component-test 0.0.19 → 0.0.20
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/lib/Typography/Header/index.d.ts +1 -1
- package/dist/lib/Typography/Header/{index.js → index.jsx} +5 -2
- package/dist/lib/Typography/Text/index.d.ts +1 -1
- package/dist/lib/Typography/Text/{index.js → index.jsx} +6 -3
- package/dist/lib/components/Accordion/{index.js → index.jsx} +17 -5
- package/dist/lib/components/AlertDialog/AlertDialogAction.d.ts +2 -2
- package/dist/lib/components/AlertDialog/{AlertDialogAction.js → AlertDialogAction.jsx} +4 -3
- package/dist/lib/components/AlertDialog/AlertDialogCancel.d.ts +2 -2
- package/dist/lib/components/AlertDialog/{AlertDialogCancel.js → AlertDialogCancel.jsx} +4 -3
- package/dist/lib/components/AlertDialog/AlertDialogContent.d.ts +1 -1
- package/dist/lib/components/AlertDialog/{AlertDialogContent.js → AlertDialogContent.jsx} +7 -3
- package/dist/lib/components/AlertDialog/{AlertDialogDescription.js → AlertDialogDescription.jsx} +4 -14
- package/dist/lib/components/AlertDialog/{AlertDialogTitle.js → AlertDialogTitle.jsx} +4 -14
- package/dist/lib/components/AlertDialog/AlertDialogTrigger.d.ts +2 -2
- package/dist/lib/components/AlertDialog/{AlertDialogTrigger.js → AlertDialogTrigger.jsx} +4 -3
- package/dist/lib/components/AlertDialog/{index.js → index.jsx} +4 -14
- package/dist/lib/components/AspectRatio/{index.js → index.jsx} +4 -3
- package/dist/lib/components/Avatar/index.d.ts +1 -1
- package/dist/lib/components/Avatar/{index.js → index.jsx} +7 -3
- package/dist/lib/components/Badge/index.d.ts +2 -2
- package/dist/lib/components/Badge/{index.js → index.jsx} +4 -3
- package/dist/lib/components/BubbleChart/index.d.ts +2 -1
- package/dist/lib/components/BubbleChart/{index.js → index.jsx} +2 -2
- package/dist/lib/components/Button/index.d.ts +2 -2
- package/dist/lib/components/Button/{index.js → index.jsx} +4 -3
- package/dist/lib/components/Callout/{CalloutIcon.js → CalloutIcon.jsx} +8 -3
- package/dist/lib/components/Callout/{CalloutText.js → CalloutText.jsx} +4 -14
- package/dist/lib/components/Callout/index.d.ts +1 -1
- package/dist/lib/components/Callout/{index.js → index.jsx} +6 -3
- package/dist/lib/components/Card/index.d.ts +2 -2
- package/dist/lib/components/Card/{index.js → index.jsx} +4 -3
- package/dist/lib/components/Checkbox/index.d.ts +1 -1
- package/dist/lib/components/Checkbox/{index.js → index.jsx} +11 -3
- package/dist/lib/components/CheckboxCard/index.d.ts +1 -1
- package/dist/lib/components/CheckboxCard/{index.js → index.jsx} +5 -3
- package/dist/lib/components/CheckboxGroup/{CheckboxGroupItem.js → CheckboxGroupItem.jsx} +6 -14
- package/dist/lib/components/CheckboxGroup/{index.js → index.jsx} +5 -2
- package/dist/lib/components/ContextMenu/{ContextMenuCheckboxItem.js → ContextMenuCheckboxItem.jsx} +7 -14
- package/dist/lib/components/ContextMenu/ContextMenuContent.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuContent.js → ContextMenuContent.jsx} +6 -3
- package/dist/lib/components/ContextMenu/{ContextMenuGroup.js → ContextMenuGroup.jsx} +4 -14
- package/dist/lib/components/ContextMenu/ContextMenuItem.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuItem.js → ContextMenuItem.jsx} +5 -3
- package/dist/lib/components/ContextMenu/ContextMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuItemIndicator.js → ContextMenuItemIndicator.jsx} +4 -3
- package/dist/lib/components/ContextMenu/{ContextMenuLabel.js → ContextMenuLabel.jsx} +4 -3
- package/dist/lib/components/ContextMenu/{ContextMenuRadioGroup.js → ContextMenuRadioGroup.jsx} +6 -14
- package/dist/lib/components/ContextMenu/{ContextMenuRadioItem.js → ContextMenuRadioItem.jsx} +7 -14
- package/dist/lib/components/ContextMenu/{ContextMenuSeparator.js → ContextMenuSeparator.jsx} +4 -14
- package/dist/lib/components/ContextMenu/ContextMenuSubContent.d.ts +1 -1
- package/dist/lib/components/ContextMenu/{ContextMenuSubContent.js → ContextMenuSubContent.jsx} +9 -6
- package/dist/lib/components/ContextMenu/{ContextMenuSubTrigger.js → ContextMenuSubTrigger.jsx} +9 -14
- package/dist/lib/components/ContextMenu/{ContextMenuTrigger.js → ContextMenuTrigger.jsx} +4 -14
- package/dist/lib/components/ContextMenu/{index.js → index.jsx} +6 -14
- package/dist/lib/components/DataList/{DataListItem.js → DataListItem.jsx} +4 -3
- package/dist/lib/components/DataList/DataListLabel.d.ts +1 -1
- package/dist/lib/components/DataList/{DataListLabel.js → DataListLabel.jsx} +4 -3
- package/dist/lib/components/DataList/DataListValue.d.ts +1 -1
- package/dist/lib/components/DataList/{DataListValue.js → DataListValue.jsx} +4 -3
- package/dist/lib/components/DataList/{index.js → index.jsx} +6 -14
- package/dist/lib/components/Dialog/DialogAction.d.ts +1 -1
- package/dist/lib/components/Dialog/{DialogAction.js → DialogAction.jsx} +4 -14
- package/dist/lib/components/Dialog/DialogCancel.d.ts +1 -1
- package/dist/lib/components/Dialog/{DialogCancel.js → DialogCancel.jsx} +4 -14
- package/dist/lib/components/Dialog/DialogContent.d.ts +1 -1
- package/dist/lib/components/Dialog/{DialogContent.js → DialogContent.jsx} +4 -3
- package/dist/lib/components/Dialog/{DialogDescription.js → DialogDescription.jsx} +4 -14
- package/dist/lib/components/Dialog/{DialogSlot.js → DialogSlot.jsx} +4 -14
- package/dist/lib/components/Dialog/{DialogTitle.js → DialogTitle.jsx} +4 -14
- package/dist/lib/components/Dialog/{DialogTrigger.js → DialogTrigger.jsx} +4 -14
- package/dist/lib/components/Dialog/{index.js → index.jsx} +4 -14
- package/dist/lib/components/DoughnutChart/index.d.ts +2 -1
- package/dist/lib/components/DoughnutChart/{index.js → index.jsx} +2 -2
- package/dist/lib/components/DropdownMenu/{DropdonMenuRadioGroup.js → DropdonMenuRadioGroup.jsx} +6 -14
- package/dist/lib/components/DropdownMenu/DropdonMenuSubContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdonMenuSubContent.js → DropdonMenuSubContent.jsx} +10 -7
- package/dist/lib/components/DropdownMenu/{DropdownMenuCheckboxItem.js → DropdownMenuCheckboxItem.jsx} +7 -14
- package/dist/lib/components/DropdownMenu/DropdownMenuContent.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuContent.js → DropdownMenuContent.jsx} +6 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuItem.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuItem.js → DropdownMenuItem.jsx} +5 -3
- package/dist/lib/components/DropdownMenu/DropdownMenuItemIndicator.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuItemIndicator.js → DropdownMenuItemIndicator.jsx} +4 -3
- package/dist/lib/components/DropdownMenu/{DropdownMenuLable.js → DropdownMenuLable.jsx} +4 -3
- package/dist/lib/components/DropdownMenu/{DropdownMenuRadioItem.js → DropdownMenuRadioItem.jsx} +7 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSeparator.js → DropdownMenuSeparator.jsx} +2 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSub.js → DropdownMenuSub.jsx} +2 -14
- package/dist/lib/components/DropdownMenu/{DropdownMenuSubTrigger.js → DropdownMenuSubTrigger.jsx} +7 -14
- package/dist/lib/components/DropdownMenu/DropdownMenuTrigger.d.ts +1 -1
- package/dist/lib/components/DropdownMenu/{DropdownMenuTrigger.js → DropdownMenuTrigger.jsx} +4 -14
- package/dist/lib/components/DropdownMenu/{index.js → index.jsx} +2 -14
- package/dist/lib/components/HoverCard/HoverCardContent.d.ts +2 -2
- package/dist/lib/components/HoverCard/{HoverCardContent.js → HoverCardContent.jsx} +4 -3
- package/dist/lib/components/HoverCard/{HoverCardTrigger.js → HoverCardTrigger.jsx} +4 -14
- package/dist/lib/components/HoverCard/{index.js → index.jsx} +4 -14
- package/dist/lib/components/IconButton/index.d.ts +1 -1
- package/dist/lib/components/IconButton/{index.js → index.jsx} +3 -2
- package/dist/lib/components/Inset/index.d.ts +1 -1
- package/dist/lib/components/Inset/{index.js → index.jsx} +6 -3
- package/dist/lib/components/Label/index.d.ts +1 -1
- package/dist/lib/components/Label/{index.js → index.jsx} +3 -2
- package/dist/lib/components/Menubar/{MenubarCheckboxItem.js → MenubarCheckboxItem.jsx} +7 -14
- package/dist/lib/components/Menubar/MenubarContent.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarContent.js → MenubarContent.jsx} +10 -7
- package/dist/lib/components/Menubar/MenubarItem.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarItem.js → MenubarItem.jsx} +5 -3
- package/dist/lib/components/Menubar/MenubarItemIndicator.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarItemIndicator.js → MenubarItemIndicator.jsx} +4 -3
- package/dist/lib/components/Menubar/{MenubarMenu.js → MenubarMenu.jsx} +2 -14
- package/dist/lib/components/Menubar/{MenubarRadioGroup.js → MenubarRadioGroup.jsx} +6 -14
- package/dist/lib/components/Menubar/{MenubarRadioItem.js → MenubarRadioItem.jsx} +7 -14
- package/dist/lib/components/Menubar/{MenubarSeparator.js → MenubarSeparator.jsx} +4 -14
- package/dist/lib/components/Menubar/{MenubarSub.js → MenubarSub.jsx} +2 -14
- package/dist/lib/components/Menubar/MenubarSubContent.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarSubContent.js → MenubarSubContent.jsx} +5 -4
- package/dist/lib/components/Menubar/{MenubarSubTrigger.js → MenubarSubTrigger.jsx} +7 -14
- package/dist/lib/components/Menubar/MenubarTrigger.d.ts +1 -1
- package/dist/lib/components/Menubar/{MenubarTrigger.js → MenubarTrigger.jsx} +4 -3
- package/dist/lib/components/Menubar/index.d.ts +1 -1
- package/dist/lib/components/Menubar/{index.js → index.jsx} +6 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuContent.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx} +4 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.jsx +22 -0
- package/dist/lib/components/NavigationMenu/{NavigationMenuItem.js → NavigationMenuItem.jsx} +4 -14
- package/dist/lib/components/NavigationMenu/NavigationMenuLink.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuLink.js → NavigationMenuLink.jsx} +4 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuList.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuList.js → NavigationMenuList.jsx} +5 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuTrigger.d.ts +1 -1
- package/dist/lib/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx} +5 -3
- package/dist/lib/components/NavigationMenu/NavigationMenuViewport.d.ts +2 -2
- package/dist/lib/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx} +4 -3
- package/dist/lib/components/NavigationMenu/{index.js → index.jsx} +6 -14
- package/dist/lib/components/PieChart/index.d.ts +2 -1
- package/dist/lib/components/PieChart/{index.js → index.jsx} +2 -2
- package/dist/lib/components/Popover/PopoverClose.d.ts +1 -1
- package/dist/lib/components/Popover/{PopoverClose.js → PopoverClose.jsx} +4 -14
- package/dist/lib/components/Popover/PopoverContent.d.ts +1 -1
- package/dist/lib/components/Popover/{PopoverContent.js → PopoverContent.jsx} +4 -3
- package/dist/lib/components/Popover/{PopoverTrigger.js → PopoverTrigger.jsx} +4 -14
- package/dist/lib/components/Popover/{index.js → index.jsx} +4 -14
- package/dist/lib/components/Progress/index.d.ts +1 -1
- package/dist/lib/components/Progress/{index.js → index.jsx} +4 -3
- package/dist/lib/components/RadarChart/index.d.ts +2 -1
- package/dist/lib/components/RadarChart/{index.js → index.jsx} +2 -2
- package/dist/lib/components/Radio/{index.js → index.jsx} +8 -13
- package/dist/lib/components/RadioCards/RadioCardsItem.d.ts +1 -1
- package/dist/lib/components/RadioCards/{RadioCardsItem.js → RadioCardsItem.jsx} +4 -14
- package/dist/lib/components/RadioCards/{index.js → index.jsx} +6 -3
- package/dist/lib/components/RadioGroup/{RadioGroupItem.js → RadioGroupItem.jsx} +4 -14
- package/dist/lib/components/RadioGroup/{index.js → index.jsx} +6 -14
- package/dist/lib/components/ScrollArea/{index.js → index.jsx} +6 -14
- package/dist/lib/components/SegmentedControl/{SegmentedControlItem.js → SegmentedControlItem.jsx} +4 -14
- package/dist/lib/components/SegmentedControl/{index.js → index.jsx} +5 -2
- package/dist/lib/components/Select/index.d.ts +1 -1
- package/dist/lib/components/Select/{index.js → index.jsx} +25 -8
- package/dist/lib/components/Separator/{index.js → index.jsx} +5 -2
- package/dist/lib/components/Skeleton/index.d.ts +1 -1
- package/dist/lib/components/Skeleton/{index.js → index.jsx} +5 -2
- package/dist/lib/components/Slider/index.d.ts +1 -1
- package/dist/lib/components/Slider/{index.js → index.jsx} +3 -2
- package/dist/lib/components/Spinner/{index.js → index.jsx} +5 -2
- package/dist/lib/components/TabNav/{index.js → index.jsx} +8 -14
- package/dist/lib/components/Table/index.d.ts +1 -1
- package/dist/lib/components/Table/{index.js → index.jsx} +23 -8
- package/dist/lib/components/Tabs/index.d.ts +1 -1
- package/dist/lib/components/Tabs/{index.js → index.jsx} +14 -5
- package/dist/lib/components/TextArea/index.d.ts +1 -1
- package/dist/lib/components/TextArea/{index.js → index.jsx} +3 -2
- package/dist/lib/components/TextField/index.d.ts +1 -1
- package/dist/lib/components/TextField/{index.js → index.jsx} +8 -3
- package/dist/lib/components/Toast/ToastActionButton.d.ts +1 -1
- package/dist/lib/components/Toast/{ToastActionButton.js → ToastActionButton.jsx} +4 -3
- package/dist/lib/components/Toast/{ToastDescription.js → ToastDescription.jsx} +6 -14
- package/dist/lib/components/Toast/{ToastTitle.js → ToastTitle.jsx} +4 -14
- package/dist/lib/components/Toast/index.d.ts +1 -1
- package/dist/lib/components/Toast/{index.js → index.jsx} +9 -3
- package/dist/lib/components/Toggle/ToggleWithText.d.ts +1 -1
- package/dist/lib/components/Toggle/{ToggleWithText.js → ToggleWithText.jsx} +6 -4
- package/dist/lib/components/Toggle/index.d.ts +1 -1
- package/dist/lib/components/Toggle/{index.js → index.jsx} +4 -3
- package/dist/lib/components/ToggleGroup/{index.js → index.jsx} +6 -3
- package/dist/lib/components/ToggleGroup/{toggleGroupItem.js → toggleGroupItem.jsx} +4 -14
- package/dist/lib/components/ToggleSwitch/index.d.ts +1 -1
- package/dist/lib/components/ToggleSwitch/{index.js → index.jsx} +6 -2
- package/dist/lib/components/Tooltip/index.d.ts +3 -3
- package/dist/lib/components/Tooltip/{index.js → index.jsx} +11 -2
- package/package.json +7 -5
- package/dist/lib/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/lib/index.d.ts +0 -2
- package/dist/lib/index.js +0 -2
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef, useContext, } from 'react';
|
12
|
+
import React, { createContext, forwardRef, useContext, } from 'react';
|
25
13
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
26
14
|
export * from './ContextMenuContent';
|
27
15
|
export * from './ContextMenuCheckboxItem';
|
@@ -48,7 +36,11 @@ export var useContextMenuContext = function () {
|
|
48
36
|
export var ContextMenu = forwardRef(function (_a, ref) {
|
49
37
|
var children = _a.children, radius = _a.radius, size = _a.size, scaling = _a.scaling, color = _a.color, appearance = _a.appearance, props = __rest(_a, ["children", "radius", "size", "scaling", "color", "appearance"]);
|
50
38
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
|
51
|
-
return (
|
39
|
+
return (<ContextMenuContext.Provider value={contextValue}>
|
40
|
+
<div ref={ref}>
|
41
|
+
<ContextMenuPrimitive.Root {...props}>{children}</ContextMenuPrimitive.Root>
|
42
|
+
</div>
|
43
|
+
</ContextMenuContext.Provider>);
|
52
44
|
});
|
53
45
|
ContextMenu.displayName = 'ContextMenu';
|
54
46
|
export default ContextMenu;
|
@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
26
|
import { cn } from 'lib/utils/utils';
|
@@ -38,6 +37,8 @@ export var dataListItemVariants = cva('flex', {
|
|
38
37
|
export var DataListItem = forwardRef(function (_a, ref) {
|
39
38
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
40
39
|
var scaling = useDataListContext().scaling;
|
41
|
-
return (
|
40
|
+
return (<DataListTheme.Item ref={ref} {...props} className={cn(dataListItemVariants({ scaling: scaling }), className)}>
|
41
|
+
{children}
|
42
|
+
</DataListTheme.Item>);
|
42
43
|
});
|
43
44
|
DataListItem.displayName = 'DataListItem';
|
@@ -5,6 +5,6 @@ export interface DataListLabelProps extends VariantProps<typeof dataListLabelVar
|
|
5
5
|
}
|
6
6
|
export declare const dataListLabelVariants: (props?: ({
|
7
7
|
size?: "small" | "medium" | "large" | null | undefined;
|
8
|
-
weight?: "
|
8
|
+
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
9
9
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
10
10
|
export declare const DataListLabel: React.ForwardRefExoticComponent<Omit<DataListTheme.LabelProps & React.RefAttributes<HTMLElement>, "ref"> & DataListLabelProps & React.RefAttributes<HTMLElement>>;
|
@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
26
|
import { cn } from 'lib/utils/utils';
|
@@ -44,6 +43,8 @@ export var dataListLabelVariants = cva('text-slateA-11 dark:text-slateDarkA-11 w
|
|
44
43
|
export var DataListLabel = forwardRef(function (_a, ref) {
|
45
44
|
var children = _a.children, className = _a.className, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "className", "weight", "color"]);
|
46
45
|
var size = useDataListContext().size;
|
47
|
-
return (
|
46
|
+
return (<DataListTheme.Label ref={ref} {...props}>
|
47
|
+
<p className={cn(dataListLabelVariants({ weight: weight, size: size }), className)}>{children}</p>
|
48
|
+
</DataListTheme.Label>);
|
48
49
|
});
|
49
50
|
DataListLabel.displayName = 'DataListLabel';
|
@@ -5,7 +5,7 @@ export interface DataListValueProps extends VariantProps<typeof dataListValueVar
|
|
5
5
|
}
|
6
6
|
export declare const dataListValueVariants: (props?: ({
|
7
7
|
size?: "small" | "medium" | "large" | null | undefined;
|
8
|
-
weight?: "
|
8
|
+
weight?: "medium" | "regular" | "semibold" | "bold" | null | undefined;
|
9
9
|
color?: string | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
11
11
|
export declare const DataListValue: React.ForwardRefExoticComponent<Omit<DataListTheme.ValueProps & React.RefAttributes<HTMLElement>, "ref"> & DataListValueProps & React.RefAttributes<HTMLElement>>;
|
@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
26
25
|
import { textColorStyle, weightVariants } from 'lib/constants';
|
27
26
|
import { cva } from 'class-variance-authority';
|
@@ -46,6 +45,8 @@ export var dataListValueVariants = cva('text-slate-12 dark:text-slateDark-12 w-[
|
|
46
45
|
export var DataListValue = forwardRef(function (_a, ref) {
|
47
46
|
var children = _a.children, className = _a.className, weight = _a.weight, props = __rest(_a, ["children", "className", "weight"]);
|
48
47
|
var _b = useDataListContext(), size = _b.size, color = _b.color;
|
49
|
-
return (
|
48
|
+
return (<DataListTheme.Value ref={ref} className={cn(dataListValueVariants({ weight: weight, size: size, color: color }), className)} {...props}>
|
49
|
+
{children}
|
50
|
+
</DataListTheme.Value>);
|
50
51
|
});
|
51
52
|
DataListValue.displayName = 'DataListValue';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef, useContext, } from 'react';
|
12
|
+
import React, { createContext, forwardRef, useContext, } from 'react';
|
25
13
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
26
14
|
import { cva } from 'class-variance-authority';
|
27
15
|
import { cn } from 'lib/utils/utils';
|
@@ -51,7 +39,11 @@ export var useDataListContext = function () {
|
|
51
39
|
export var DataList = forwardRef(function (_a, ref) {
|
52
40
|
var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "className", "size", "scaling", "color"]);
|
53
41
|
var contextValue = { size: size, scaling: scaling, color: color };
|
54
|
-
return (
|
42
|
+
return (<DataListContext.Provider value={contextValue}>
|
43
|
+
<DataListTheme.Root ref={ref} {...props} className={cn(dataListVariants({ size: size }), className)}>
|
44
|
+
{children}
|
45
|
+
</DataListTheme.Root>
|
46
|
+
</DataListContext.Provider>);
|
55
47
|
});
|
56
48
|
DataList.displayName = 'DataList';
|
57
49
|
export default DataList;
|
@@ -8,7 +8,7 @@ export interface DialogActionProps extends VariantProps<typeof dialogActionVaria
|
|
8
8
|
appearance?: IAppearance;
|
9
9
|
}
|
10
10
|
export declare const dialogActionVariants: (props?: ({
|
11
|
-
radius?: "
|
11
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
12
12
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
13
13
|
color?: string | null | undefined;
|
14
14
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
26
14
|
import { cva } from 'class-variance-authority';
|
27
15
|
import { appearanceStyle, primaryColorStyle } from 'lib/constants';
|
@@ -52,6 +40,8 @@ export var dialogActionVariants = cva('rounded-md inline-flex font-medium items-
|
|
52
40
|
export var DialogAction = forwardRef(function (_a, ref) {
|
53
41
|
var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.appearance, appearance = _c === void 0 ? 'solid' : _c, props = __rest(_a, ["children", "className", "radius", "size", "color", "appearance"]);
|
54
42
|
var buttonClassName = cn(dialogActionVariants({ radius: radius, size: size, color: color }), appearanceStyle(appearance, color), className);
|
55
|
-
return (
|
43
|
+
return (<DialogTheme.Close ref={ref} className={buttonClassName} {...props}>
|
44
|
+
{children}
|
45
|
+
</DialogTheme.Close>);
|
56
46
|
});
|
57
47
|
DialogAction.displayName = 'DialogAction';
|
@@ -5,7 +5,7 @@ export interface DialogCancelProps extends VariantProps<typeof dialogCancelVaria
|
|
5
5
|
size?: any;
|
6
6
|
}
|
7
7
|
export declare const dialogCancelVariants: (props?: ({
|
8
|
-
radius?: "
|
8
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
9
9
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
11
11
|
export declare const DialogCancel: React.ForwardRefExoticComponent<Omit<DialogTheme.CloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & DialogCancelProps & React.RefAttributes<HTMLButtonElement>>;
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
26
14
|
import { cva } from 'class-variance-authority';
|
27
15
|
import { cn } from 'lib/utils/utils';
|
@@ -48,6 +36,8 @@ export var dialogCancelVariants = cva("rounded-md font-medium inline-flex justif
|
|
48
36
|
});
|
49
37
|
export var DialogCancel = forwardRef(function (_a, ref) {
|
50
38
|
var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, props = __rest(_a, ["children", "className", "radius", "size"]);
|
51
|
-
return (
|
39
|
+
return (<DialogTheme.Close ref={ref} className={cn(dialogCancelVariants({ radius: radius, size: size }), className)} {...props}>
|
40
|
+
{children}
|
41
|
+
</DialogTheme.Close>);
|
52
42
|
});
|
53
43
|
DialogCancel.displayName = 'DialogCancel';
|
@@ -4,7 +4,7 @@ import { Dialog as DialogTheme } from '@radix-ui/themes';
|
|
4
4
|
export interface DialogContentProps extends VariantProps<typeof dialogContentVariants> {
|
5
5
|
}
|
6
6
|
export declare const dialogContentVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | "large" | "x-large" | null | undefined;
|
9
9
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import { cva } from 'class-variance-authority';
|
26
25
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
27
26
|
import { scalingVariants } from 'lib/constants';
|
@@ -50,6 +49,8 @@ export var dialogContentVariants = cva("rounded-md focus:outline-none bg-white d
|
|
50
49
|
});
|
51
50
|
export var DialogContent = forwardRef(function (_a, forwardedRef) {
|
52
51
|
var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "className", "radius", "size", "scaling"]);
|
53
|
-
return (
|
52
|
+
return (<DialogTheme.Content ref={forwardedRef} className={cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className)} {...props}>
|
53
|
+
{children}
|
54
|
+
</DialogTheme.Content>);
|
54
55
|
});
|
55
56
|
DialogContent.displayName = 'DialogContent';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
27
15
|
import { cn } from 'lib/utils/utils';
|
@@ -40,6 +28,8 @@ export var dialogDescriptionVariants = cva('font-normal text-slate-12 dark:text-
|
|
40
28
|
});
|
41
29
|
export var DialogDescription = forwardRef(function (_a, ref) {
|
42
30
|
var children = _a.children, className = _a.className, size = _a.size, props = __rest(_a, ["children", "className", "size"]);
|
43
|
-
return (
|
31
|
+
return (<DialogTheme.Description mb="4" ref={ref} className={cn(dialogDescriptionVariants({ size: size }), className)} {...props}>
|
32
|
+
{children}
|
33
|
+
</DialogTheme.Description>);
|
44
34
|
});
|
45
35
|
DialogDescription.displayName = 'DialogDescription';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { cn } from 'lib/utils/utils';
|
27
15
|
export var dialogSlotVariants = cva('flex flex-col gap-2 font-normal text-slate-12 dark:text-slateDark-12', {
|
@@ -39,6 +27,8 @@ export var dialogSlotVariants = cva('flex flex-col gap-2 font-normal text-slate-
|
|
39
27
|
});
|
40
28
|
export var DialogSlot = forwardRef(function (_a, ref) {
|
41
29
|
var children = _a.children, className = _a.className, size = _a.size, props = __rest(_a, ["children", "className", "size"]);
|
42
|
-
return (
|
30
|
+
return (<div ref={ref} className={cn(dialogSlotVariants({ size: size }), className)} {...props}>
|
31
|
+
{children}
|
32
|
+
</div>);
|
43
33
|
});
|
44
34
|
DialogSlot.displayName = 'DialogSlot';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { cva } from 'class-variance-authority';
|
26
14
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
27
15
|
import { cn } from 'lib/utils/utils';
|
@@ -40,6 +28,8 @@ export var dialogTitleVariants = cva('font-bold text-slate-12 dark:text-slateDar
|
|
40
28
|
});
|
41
29
|
export var DialogTitle = forwardRef(function (_a, ref) {
|
42
30
|
var children = _a.children, className = _a.className, size = _a.size, props = __rest(_a, ["children", "className", "size"]);
|
43
|
-
return (
|
31
|
+
return (<DialogTheme.Title ref={ref} className={cn(dialogTitleVariants({ size: size }), className)} {...props}>
|
32
|
+
{children}
|
33
|
+
</DialogTheme.Title>);
|
44
34
|
});
|
45
35
|
DialogTitle.displayName = 'DialogTitle';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,11 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
26
14
|
export var DialogTrigger = forwardRef(function (_a, ref) {
|
27
15
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
28
|
-
return (
|
16
|
+
return (<DialogTheme.Trigger ref={ref} className={className} {...props}>
|
17
|
+
{children}
|
18
|
+
</DialogTheme.Trigger>);
|
29
19
|
});
|
30
20
|
DialogTrigger.displayName = 'DialogTrigger';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import { Theme, Dialog as DialogTheme } from '@radix-ui/themes';
|
26
14
|
export * from './DialogContent';
|
27
15
|
export * from './DialogTitle';
|
@@ -32,7 +20,9 @@ export * from './DialogCancel';
|
|
32
20
|
export * from './DialogAction';
|
33
21
|
export var Dialog = forwardRef(function (_a, ref) {
|
34
22
|
var children = _a.children, color = _a.color, props = __rest(_a, ["children", "color"]);
|
35
|
-
return (
|
23
|
+
return (<Theme accentColor={color}>
|
24
|
+
<DialogTheme.Root {...props}>{children}</DialogTheme.Root>
|
25
|
+
</Theme>);
|
36
26
|
});
|
37
27
|
Dialog.displayName = 'Dialog';
|
38
28
|
export default Dialog;
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import React from 'react';
|
1
2
|
import { VariantProps } from 'class-variance-authority';
|
2
3
|
export interface DoughnutChartProps extends VariantProps<typeof doughnutVariants> {
|
3
4
|
labels?: string[];
|
@@ -19,5 +20,5 @@ export interface DoughnutChartProps extends VariantProps<typeof doughnutVariants
|
|
19
20
|
declare const doughnutVariants: (props?: ({
|
20
21
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
21
22
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
22
|
-
declare const DoughnutChart: ({ labels, datasets, scaling, className, ...rest }: DoughnutChartProps) =>
|
23
|
+
declare const DoughnutChart: ({ labels, datasets, scaling, className, ...rest }: DoughnutChartProps) => React.JSX.Element;
|
23
24
|
export default DoughnutChart;
|
@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import React from 'react';
|
24
24
|
import { Doughnut } from 'react-chartjs-2';
|
25
25
|
import { Chart as ChartJS, ArcElement, Tooltip, Legend, plugins } from 'chart.js';
|
26
26
|
import ChartDataLabels from 'chartjs-plugin-datalabels';
|
@@ -41,6 +41,6 @@ var doughnutVariants = cva('', {
|
|
41
41
|
});
|
42
42
|
var DoughnutChart = function (_a) {
|
43
43
|
var labels = _a.labels, datasets = _a.datasets, scaling = _a.scaling, className = _a.className, rest = __rest(_a, ["labels", "datasets", "scaling", "className"]);
|
44
|
-
return (
|
44
|
+
return (<Doughnut data={{ labels: labels, datasets: datasets }} className={cn(doughnutVariants({ scaling: scaling }), className)} {...rest}/>);
|
45
45
|
};
|
46
46
|
export default DoughnutChart;
|
package/dist/lib/components/DropdownMenu/{DropdonMenuRadioGroup.js → DropdonMenuRadioGroup.jsx}
RENAMED
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,12 +9,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import {
|
24
|
-
import { createContext, forwardRef } from 'react';
|
12
|
+
import React, { createContext, forwardRef } from 'react';
|
25
13
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
26
14
|
export var RadioContext = createContext({ selectedValue: '' });
|
27
15
|
export var DropdownMenuRadioGroup = forwardRef(function (_a, ref) {
|
28
16
|
var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
|
29
|
-
return (
|
17
|
+
return (<DropdownMenuPrimitive.RadioGroup ref={ref} className={className} {...props}>
|
18
|
+
<RadioContext.Provider value={{ selectedValue: value !== null && value !== void 0 ? value : '' }}>
|
19
|
+
{children}
|
20
|
+
</RadioContext.Provider>
|
21
|
+
</DropdownMenuPrimitive.RadioGroup>);
|
30
22
|
});
|
31
23
|
DropdownMenuRadioGroup.displayName = 'DropdownMenuRadioGroup';
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface DropdownMenuSubContentProps extends VariantProps<typeof dropdownMenuSubContentVariants> {
|
5
5
|
}
|
6
6
|
export declare const dropdownMenuSubContentVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
9
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
package/dist/lib/components/DropdownMenu/{DropdonMenuSubContent.js → DropdonMenuSubContent.jsx}
RENAMED
@@ -20,8 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import {
|
24
|
-
import { forwardRef } from 'react';
|
23
|
+
import React, { forwardRef } from 'react';
|
25
24
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
26
25
|
import { cva } from 'class-variance-authority';
|
27
26
|
import { scalingVariants } from 'lib/constants';
|
@@ -49,10 +48,14 @@ export var dropdownMenuSubContentVariants = cva("p-[5px] bg-white dark:bg-slateD
|
|
49
48
|
});
|
50
49
|
export var DropdownMenuSubContent = forwardRef(function (_a, ref) {
|
51
50
|
var className = _a.className, children = _a.children, radius = _a.radius, scaling = _a.scaling, size = _a.size, props = __rest(_a, ["className", "children", "radius", "scaling", "size"]);
|
52
|
-
return (
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
51
|
+
return (<DropdownMenuPrimitive.Portal>
|
52
|
+
<DropdownMenuPrimitive.SubContent ref={ref} className={cn(dropdownMenuSubContentVariants({
|
53
|
+
radius: radius,
|
54
|
+
size: size,
|
55
|
+
scaling: scaling,
|
56
|
+
}), className)} sideOffset={2} alignOffset={-5} {...props}>
|
57
|
+
{children}
|
58
|
+
</DropdownMenuPrimitive.SubContent>
|
59
|
+
</DropdownMenuPrimitive.Portal>);
|
57
60
|
});
|
58
61
|
DropdownMenuSubContent.displayName = 'DropdownMenuSubContent';
|
@@ -1,14 +1,3 @@
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
2
|
-
__assign = Object.assign || function(t) {
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
4
|
-
s = arguments[i];
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
6
|
-
t[p] = s[p];
|
7
|
-
}
|
8
|
-
return t;
|
9
|
-
};
|
10
|
-
return __assign.apply(this, arguments);
|
11
|
-
};
|
12
1
|
var __rest = (this && this.__rest) || function (s, e) {
|
13
2
|
var t = {};
|
14
3
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -20,8 +9,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
9
|
}
|
21
10
|
return t;
|
22
11
|
};
|
23
|
-
import
|
24
|
-
import { forwardRef } from 'react';
|
12
|
+
import React, { forwardRef } from 'react';
|
25
13
|
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
26
14
|
import { menuItemAppearanceStyle } from 'lib/constants';
|
27
15
|
import { dropdownMenuItemVariants, DropdownMenuItemIndicator } from '.';
|
@@ -33,6 +21,11 @@ export var DropdownMenuCheckboxItem = forwardRef(function (_a, ref) {
|
|
33
21
|
radius: radius,
|
34
22
|
size: size,
|
35
23
|
}), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
|
36
|
-
return (
|
24
|
+
return (<DropdownMenuPrimitive.CheckboxItem ref={ref} className={itemClassName} {...props}>
|
25
|
+
<DropdownMenuItemIndicator forceMount radius={'medium'} size={size}>
|
26
|
+
{checked && <CheckIcon />}
|
27
|
+
</DropdownMenuItemIndicator>
|
28
|
+
{children}
|
29
|
+
</DropdownMenuPrimitive.CheckboxItem>);
|
37
30
|
});
|
38
31
|
DropdownMenuCheckboxItem.displayName = 'DropdownMenuCheckboxItem';
|
@@ -4,7 +4,7 @@ import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
export interface DropdownMenuContentProps extends VariantProps<typeof dropdownMenuContentVariants> {
|
5
5
|
}
|
6
6
|
export declare const dropdownMenuContentVariants: (props?: ({
|
7
|
-
radius?: "
|
7
|
+
radius?: "none" | "small" | "medium" | "large" | "full" | null | undefined;
|
8
8
|
size?: "small" | "medium" | null | undefined;
|
9
9
|
scaling?: "90%" | "95%" | "100%" | "105%" | "110%" | null | undefined;
|
10
10
|
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|