@lotte-innovate/ui-component-test 0.0.8 → 0.0.9
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +163 -163
- package/dist/Typography/Header/{index.jsx → index.js} +2 -5
- package/dist/Typography/Text/{index.jsx → index.js} +3 -6
- package/dist/Typography/index.d.ts +2 -2
- package/dist/Typography/index.js +3 -3
- package/dist/app/layout.d.ts +1 -1
- package/dist/app/{layout.jsx → layout.js} +2 -3
- package/dist/app/page.d.ts +1 -2
- package/dist/app/page.js +25 -0
- package/dist/app/template/badgeTemplate.d.ts +1 -2
- package/dist/app/template/badgeTemplate.js +11 -0
- package/dist/app/template/buttonTemplate.d.ts +1 -2
- package/dist/app/template/buttonTemplate.js +11 -0
- package/dist/app/template/colorPicker.d.ts +1 -2
- package/dist/app/template/colorPicker.js +14 -0
- package/dist/app/template/textTemplate.d.ts +1 -2
- package/dist/app/template/textTemplate.js +23 -0
- package/dist/app/template/theme.d.ts +2 -2
- package/dist/app/template/theme.js +12 -0
- package/dist/components/Accordion/{index.jsx → index.js} +5 -17
- package/dist/components/AlertDialog/{AlertDialogAction.jsx → AlertDialogAction.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogCancel.jsx → AlertDialogCancel.js} +3 -4
- package/dist/components/AlertDialog/{AlertDialogContent.jsx → AlertDialogContent.js} +3 -7
- package/dist/components/AlertDialog/{AlertDialogDescription.jsx → AlertDialogDescription.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTitle.jsx → AlertDialogTitle.js} +14 -4
- package/dist/components/AlertDialog/{AlertDialogTrigger.jsx → AlertDialogTrigger.js} +3 -4
- package/dist/components/AlertDialog/{index.jsx → index.js} +14 -2
- package/dist/components/AspectRatio/{index.jsx → index.js} +3 -4
- package/dist/components/Avatar/{index.jsx → index.js} +3 -7
- package/dist/components/Badge/{index.jsx → index.js} +3 -4
- package/dist/components/BubbleChart/index.d.ts +1 -2
- package/dist/components/BubbleChart/{index.jsx → index.js} +2 -2
- package/dist/components/Button/{index.jsx → index.js} +3 -4
- package/dist/components/Callout/{CalloutIcon.jsx → CalloutIcon.js} +3 -8
- package/dist/components/Callout/{CalloutText.jsx → CalloutText.js} +14 -4
- package/dist/components/Callout/{index.jsx → index.js} +3 -6
- package/dist/components/Card/{index.jsx → index.js} +3 -4
- package/dist/components/Checkbox/{index.jsx → index.js} +3 -11
- package/dist/components/CheckboxCard/{index.jsx → index.js} +3 -5
- package/dist/components/CheckboxGroup/{CheckboxGroupItem.jsx → CheckboxGroupItem.js} +14 -6
- package/dist/components/CheckboxGroup/{index.jsx → index.js} +2 -5
- package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuContent.jsx → ContextMenuContent.js} +3 -6
- package/dist/components/ContextMenu/{ContextMenuGroup.jsx → ContextMenuGroup.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuItem.jsx → ContextMenuItem.js} +3 -5
- package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuLabel.jsx → ContextMenuLabel.js} +3 -4
- package/dist/components/ContextMenu/{ContextMenuRadioGroup.jsx → ContextMenuRadioGroup.js} +14 -6
- package/dist/components/ContextMenu/{ContextMenuRadioItem.jsx → ContextMenuRadioItem.js} +14 -7
- package/dist/components/ContextMenu/{ContextMenuSeparator.jsx → ContextMenuSeparator.js} +14 -4
- package/dist/components/ContextMenu/{ContextMenuSubContent.jsx → ContextMenuSubContent.js} +6 -9
- package/dist/components/ContextMenu/{ContextMenuSubTrigger.jsx → ContextMenuSubTrigger.js} +14 -9
- package/dist/components/ContextMenu/{ContextMenuTrigger.jsx → ContextMenuTrigger.js} +14 -4
- package/dist/components/ContextMenu/{index.jsx → index.js} +14 -4
- package/dist/components/DataList/{DataListItem.jsx → DataListItem.js} +3 -4
- package/dist/components/DataList/{DataListLabel.jsx → DataListLabel.js} +3 -4
- package/dist/components/DataList/{DataListValue.jsx → DataListValue.js} +3 -4
- package/dist/components/DataList/{index.jsx → index.js} +14 -6
- package/dist/components/Dialog/{DialogAction.jsx → DialogAction.js} +14 -4
- package/dist/components/Dialog/{DialogCancel.jsx → DialogCancel.js} +14 -4
- package/dist/components/Dialog/{DialogContent.jsx → DialogContent.js} +3 -4
- package/dist/components/Dialog/{DialogDescription.jsx → DialogDescription.js} +14 -4
- package/dist/components/Dialog/{DialogSlot.jsx → DialogSlot.js} +14 -4
- package/dist/components/Dialog/{DialogTitle.jsx → DialogTitle.js} +14 -4
- package/dist/components/Dialog/{DialogTrigger.jsx → DialogTrigger.js} +14 -4
- package/dist/components/Dialog/{index.jsx → index.js} +14 -4
- package/dist/components/DoughnutChart/index.d.ts +1 -2
- package/dist/components/DoughnutChart/{index.jsx → index.js} +2 -2
- package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.jsx → DropdonMenuRadioGroup.js} +14 -6
- package/dist/components/DropdownMenu/{DropdonMenuSubContent.jsx → DropdonMenuSubContent.js} +7 -10
- package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.jsx → DropdownMenuCheckboxItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuContent.jsx → DropdownMenuContent.js} +3 -6
- package/dist/components/DropdownMenu/{DropdownMenuItem.jsx → DropdownMenuItem.js} +3 -5
- package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.jsx → DropdownMenuItemIndicator.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuLable.jsx → DropdownMenuLable.js} +3 -4
- package/dist/components/DropdownMenu/{DropdownMenuRadioItem.jsx → DropdownMenuRadioItem.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuSeparator.jsx → DropdownMenuSeparator.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSub.jsx → DropdownMenuSub.js} +14 -2
- package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.jsx → DropdownMenuSubTrigger.js} +14 -7
- package/dist/components/DropdownMenu/{DropdownMenuTrigger.jsx → DropdownMenuTrigger.js} +14 -4
- package/dist/components/DropdownMenu/{index.jsx → index.js} +14 -2
- package/dist/components/HoverCard/{HoverCardContent.jsx → HoverCardContent.js} +3 -4
- package/dist/components/HoverCard/{HoverCardTrigger.jsx → HoverCardTrigger.js} +14 -4
- package/dist/components/HoverCard/{index.jsx → index.js} +14 -4
- package/dist/components/IconButton/{index.jsx → index.js} +2 -3
- package/dist/components/Inset/{index.jsx → index.js} +3 -6
- package/dist/components/Label/{index.jsx → index.js} +2 -3
- package/dist/components/Menubar/{MenubarCheckboxItem.jsx → MenubarCheckboxItem.js} +14 -7
- package/dist/components/Menubar/{MenubarContent.jsx → MenubarContent.js} +7 -10
- package/dist/components/Menubar/{MenubarItem.jsx → MenubarItem.js} +3 -5
- package/dist/components/Menubar/{MenubarItemIndicator.jsx → MenubarItemIndicator.js} +3 -4
- package/dist/components/Menubar/{MenubarMenu.jsx → MenubarMenu.js} +14 -2
- package/dist/components/Menubar/{MenubarRadioGroup.jsx → MenubarRadioGroup.js} +14 -6
- package/dist/components/Menubar/{MenubarRadioItem.jsx → MenubarRadioItem.js} +14 -7
- package/dist/components/Menubar/{MenubarSeparator.jsx → MenubarSeparator.js} +14 -4
- package/dist/components/Menubar/{MenubarSub.jsx → MenubarSub.js} +14 -2
- package/dist/components/Menubar/{MenubarSubContent.jsx → MenubarSubContent.js} +4 -5
- package/dist/components/Menubar/{MenubarSubTrigger.jsx → MenubarSubTrigger.js} +14 -7
- package/dist/components/Menubar/{MenubarTrigger.jsx → MenubarTrigger.js} +3 -4
- package/dist/components/Menubar/{index.jsx → index.js} +3 -6
- package/dist/components/NavigationMenu/{NavigationMenuContent.jsx → NavigationMenuContent.js} +3 -4
- package/dist/components/NavigationMenu/NavigationMenuIndicator.js +31 -0
- package/dist/components/NavigationMenu/{NavigationMenuItem.jsx → NavigationMenuItem.js} +14 -4
- package/dist/components/NavigationMenu/{NavigationMenuLink.jsx → NavigationMenuLink.js} +3 -4
- package/dist/components/NavigationMenu/{NavigationMenuList.jsx → NavigationMenuList.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuTrigger.jsx → NavigationMenuTrigger.js} +3 -5
- package/dist/components/NavigationMenu/{NavigationMenuViewport.jsx → NavigationMenuViewport.js} +3 -4
- package/dist/components/NavigationMenu/{index.jsx → index.js} +14 -6
- package/dist/components/PieChart/index.d.ts +1 -2
- package/dist/components/PieChart/{index.jsx → index.js} +2 -2
- package/dist/components/Popover/{PopoverClose.jsx → PopoverClose.js} +14 -4
- package/dist/components/Popover/{PopoverContent.jsx → PopoverContent.js} +3 -4
- package/dist/components/Popover/{PopoverTrigger.jsx → PopoverTrigger.js} +14 -4
- package/dist/components/Popover/{index.jsx → index.js} +14 -4
- package/dist/components/Progress/{index.jsx → index.js} +3 -4
- package/dist/components/RadarChart/index.d.ts +1 -2
- package/dist/components/RadarChart/{index.jsx → index.js} +2 -2
- package/dist/components/Radio/{index.jsx → index.js} +13 -8
- package/dist/components/RadioCards/{RadioCardsItem.jsx → RadioCardsItem.js} +14 -4
- package/dist/components/RadioCards/{index.jsx → index.js} +3 -6
- package/dist/components/RadioGroup/{RadioGroupItem.jsx → RadioGroupItem.js} +14 -4
- package/dist/components/RadioGroup/{index.jsx → index.js} +14 -6
- package/dist/components/ScrollArea/{index.jsx → index.js} +14 -6
- package/dist/components/SegmentedControl/{SegmentedControlItem.jsx → SegmentedControlItem.js} +14 -4
- package/dist/components/SegmentedControl/{index.jsx → index.js} +2 -5
- package/dist/components/Select/{index.jsx → index.js} +8 -23
- package/dist/components/Separator/{index.jsx → index.js} +2 -5
- package/dist/components/Skeleton/{index.jsx → index.js} +2 -5
- package/dist/components/Slider/{index.jsx → index.js} +2 -3
- package/dist/components/Spinner/{index.jsx → index.js} +2 -5
- package/dist/components/TabNav/{index.jsx → index.js} +14 -8
- package/dist/components/Table/{index.jsx → index.js} +8 -23
- package/dist/components/Tabs/{index.jsx → index.js} +5 -14
- package/dist/components/TextArea/{index.jsx → index.js} +2 -3
- package/dist/components/TextField/{index.jsx → index.js} +3 -8
- package/dist/components/Toast/{ToastActionButton.jsx → ToastActionButton.js} +3 -4
- package/dist/components/Toast/{ToastDescription.jsx → ToastDescription.js} +14 -6
- package/dist/components/Toast/{ToastTitle.jsx → ToastTitle.js} +14 -4
- package/dist/components/Toast/{index.jsx → index.js} +3 -9
- package/dist/components/Toggle/{ToggleWithText.jsx → ToggleWithText.js} +4 -6
- package/dist/components/Toggle/{index.jsx → index.js} +3 -4
- package/dist/components/ToggleGroup/{index.jsx → index.js} +3 -6
- package/dist/components/ToggleGroup/{toggleGroupItem.jsx → toggleGroupItem.js} +14 -4
- package/dist/components/ToggleSwitch/{index.jsx → index.js} +2 -6
- package/dist/components/Tooltip/{index.jsx → index.js} +2 -11
- package/dist/components/index.d.ts +2 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +5 -3
- package/dist/stories/Welcome.d.ts +1 -2
- package/dist/stories/Welcome.js +30 -0
- package/dist/stories/accordion/Accordion.stories.d.ts +1 -1
- package/dist/stories/accordion/{Accordion.stories.jsx → Accordion.stories.js} +2 -20
- package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +1 -1
- package/dist/stories/alert-dialog/{AlertDialog.stories.jsx → AlertDialog.stories.js} +2 -15
- package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +3 -3
- package/dist/stories/aspect-ratio/AspectRatio.stories.js +78 -0
- package/dist/stories/avatar/Avatar.stories.d.ts +5 -5
- package/dist/stories/avatar/{Avatar.stories.jsx → Avatar.stories.js} +6 -17
- package/dist/stories/badge/Badge.stories.d.ts +6 -6
- package/dist/stories/badge/{Badge.stories.jsx → Badge.stories.js} +7 -51
- package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +4 -5
- package/dist/stories/bubble-chart/{BubbleChart.stories.jsx → BubbleChart.stories.js} +4 -12
- package/dist/stories/button/Button.stories.d.ts +7 -7
- package/dist/stories/button/{Button.stories.jsx → Button.stories.js} +8 -41
- package/dist/stories/button/IconButton.stories.d.ts +4 -4
- package/dist/stories/button/{IconButton.stories.jsx → IconButton.stories.js} +5 -18
- package/dist/stories/callout/Callout.stories.d.ts +7 -7
- package/dist/stories/callout/Callout.stories.js +104 -0
- package/dist/stories/card/Card.stories.d.ts +5 -5
- package/dist/stories/card/{Card.stories.jsx → Card.stories.js} +6 -56
- package/dist/stories/checkbox/Checkbox.stories.d.ts +6 -6
- package/dist/stories/checkbox/{Checkbox.stories.jsx → Checkbox.stories.js} +7 -63
- package/dist/stories/checkbox/CheckboxCard.stories.d.ts +5 -5
- package/dist/stories/checkbox/{CheckboxCard.stories.jsx → CheckboxCard.stories.js} +6 -41
- package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +3 -3
- package/dist/stories/checkbox/{CheckboxGroup.stories.jsx → CheckboxGroup.stories.js} +4 -76
- package/dist/stories/context-menu/ContextMenu.stories.d.ts +4 -4
- package/dist/stories/context-menu/{ContextMenu.stories.jsx → ContextMenu.stories.js} +5 -74
- package/dist/stories/data-list/DataList.stories.d.ts +4 -4
- package/dist/stories/data-list/DataList.stories.js +87 -0
- package/dist/stories/dialog/Dialog.stories.d.ts +1 -1
- package/dist/stories/dialog/{Dialog.stories.jsx → Dialog.stories.js} +2 -25
- package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +4 -5
- package/dist/stories/doughnut-chart/{DoughnutChart.stories.jsx → DoughnutChart.stories.js} +4 -12
- package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +4 -4
- package/dist/stories/dropdown-menu/DropdownMenu.stories.js +75 -0
- package/dist/stories/header/Header.stories.d.ts +6 -6
- package/dist/stories/header/{Header.stories.jsx → Header.stories.js} +7 -26
- package/dist/stories/hover-card/HoverCard.stories.d.ts +2 -2
- package/dist/stories/hover-card/{HoverCard.stories.jsx → HoverCard.stories.js} +3 -30
- package/dist/stories/inset/Inset.stories.d.ts +2 -2
- package/dist/stories/inset/{Inset.stories.jsx → Inset.stories.js} +12 -27
- package/dist/stories/label/Label.stories.d.ts +4 -4
- package/dist/stories/label/{Label.stories.jsx → Label.stories.js} +5 -26
- package/dist/stories/menubar/Menubar.stories.d.ts +1 -1
- package/dist/stories/menubar/{Menubar.stories.jsx → Menubar.stories.js} +8 -45
- package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +2 -2
- package/dist/stories/navigation-menu/{NavigationMenu.stories.jsx → NavigationMenu.stories.js} +4 -69
- package/dist/stories/pie-chart/PieChart.stories.d.ts +5 -6
- package/dist/stories/pie-chart/{PieChart.stories.jsx → PieChart.stories.js} +13 -32
- package/dist/stories/popover/Popover.stories.d.ts +2 -2
- package/dist/stories/popover/{Popover.stories.jsx → Popover.stories.js} +9 -42
- package/dist/stories/progress/Progress.stories.d.ts +4 -4
- package/dist/stories/progress/{Progress.stories.jsx → Progress.stories.js} +6 -11
- package/dist/stories/radar-chart/RadarChart.stories.d.ts +5 -6
- package/dist/stories/radar-chart/{RadarChart.stories.jsx → RadarChart.stories.js} +5 -4
- package/dist/stories/radio/Radio.stories.d.ts +3 -3
- package/dist/stories/radio/{Radio.stories.jsx → Radio.stories.js} +4 -14
- package/dist/stories/radio/RadioCards.stories.d.ts +4 -4
- package/dist/stories/radio/{RadioCards.stories.jsx → RadioCards.stories.js} +5 -64
- package/dist/stories/radio/RadioGroup.stories.d.ts +4 -4
- package/dist/stories/radio/{RadioGroup.stories.jsx → RadioGroup.stories.js} +5 -59
- package/dist/stories/scroll-area/ScrollArea.stories.d.ts +2 -2
- package/dist/stories/scroll-area/ScrollArea.stories.js +63 -0
- package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +4 -4
- package/dist/stories/segmented-control/{SegmentedControl.stories.jsx → SegmentedControl.stories.js} +5 -26
- package/dist/stories/select/Select.stories.d.ts +5 -5
- package/dist/stories/select/{Select.stories.jsx → Select.stories.js} +6 -67
- package/dist/stories/separator/Separator.stories.d.ts +4 -4
- package/dist/stories/separator/{Separator.stories.jsx → Separator.stories.js} +5 -29
- package/dist/stories/skeleton/Skeleton.stories.d.ts +5 -5
- package/dist/stories/skeleton/{Skeleton.stories.jsx → Skeleton.stories.js} +6 -33
- package/dist/stories/slider/Slider.stories.d.ts +4 -4
- package/dist/stories/slider/{Slider.stories.jsx → Slider.stories.js} +5 -16
- package/dist/stories/spinner/Spinner.stories.d.ts +5 -5
- package/dist/stories/spinner/{Spinner.stories.jsx → Spinner.stories.js} +6 -31
- package/dist/stories/switch/Switch.stories.d.ts +4 -4
- package/dist/stories/switch/{Switch.stories.jsx → Switch.stories.js} +5 -16
- package/dist/stories/tab-nav/TabNav.stories.d.ts +1 -1
- package/dist/stories/tab-nav/{TabNav.stories.jsx → TabNav.stories.js} +2 -11
- package/dist/stories/table/Table.stories.d.ts +1 -1
- package/dist/stories/table/{Table.stories.jsx → Table.stories.js} +2 -29
- package/dist/stories/tabs/Tabs.stories.d.ts +1 -1
- package/dist/stories/tabs/{Tabs.stories.jsx → Tabs.stories.js} +2 -19
- package/dist/stories/text/Text.stories.d.ts +5 -5
- package/dist/stories/text/{Text.stories.jsx → Text.stories.js} +6 -21
- package/dist/stories/textArea/TextArea.stories.d.ts +5 -5
- package/dist/stories/textArea/{TextArea.stories.jsx → TextArea.stories.js} +6 -22
- package/dist/stories/textfield/TextField.stories.d.ts +5 -5
- package/dist/stories/textfield/{TextField.stories.jsx → TextField.stories.js} +6 -38
- package/dist/stories/toast/Toast.stories.d.ts +3 -3
- package/dist/stories/toast/{Toast.stories.jsx → Toast.stories.js} +4 -22
- package/dist/stories/toggle/Toggle.stories.d.ts +5 -5
- package/dist/stories/toggle/{Toggle.stories.jsx → Toggle.stories.js} +6 -23
- package/dist/stories/toggle/ToggleGroup.stories.d.ts +3 -3
- package/dist/stories/toggle/{ToggleGroup.stories.jsx → ToggleGroup.stories.js} +6 -39
- package/dist/stories/tooltip/Tooltip.stories.d.ts +3 -3
- package/dist/stories/tooltip/{Tooltip.stories.jsx → Tooltip.stories.js} +4 -17
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +118 -119
- package/dist/app/page.jsx +0 -6
- package/dist/app/template/badgeTemplate.jsx +0 -82
- package/dist/app/template/buttonTemplate.jsx +0 -82
- package/dist/app/template/colorPicker.jsx +0 -19
- package/dist/app/template/textTemplate.jsx +0 -72
- package/dist/app/template/theme.jsx +0 -44
- package/dist/components/Input/Input.stories.d.ts +0 -77
- package/dist/components/Input/Input.stories.jsx +0 -68
- package/dist/components/Input/index.d.ts +0 -14
- package/dist/components/Input/index.jsx +0 -53
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +0 -22
- package/dist/stories/Welcome.jsx +0 -48
- package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
- package/dist/stories/callout/Callout.stories.jsx +0 -205
- package/dist/stories/data-list/DataList.stories.jsx +0 -185
- package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
- package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
package/dist/components/ContextMenu/{ContextMenuCheckboxItem.jsx → ContextMenuCheckboxItem.js}
RENAMED
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
import { CheckIcon } from '@radix-ui/react-icons';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -23,11 +35,6 @@ export var ContextMenuCheckboxItem = forwardRef(function (_a, ref) {
|
|
23
35
|
scaling: scaling,
|
24
36
|
size: size,
|
25
37
|
}), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
|
26
|
-
return (
|
27
|
-
<ContextMenuItemIndicator forceMount radius={'medium'} size={size}>
|
28
|
-
{checked && <CheckIcon />}
|
29
|
-
</ContextMenuItemIndicator>
|
30
|
-
{children}
|
31
|
-
</ContextMenuPrimitive.CheckboxItem>);
|
38
|
+
return (_jsxs(ContextMenuPrimitive.CheckboxItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(ContextMenuItemIndicator, { forceMount: true, radius: 'medium', size: size, children: checked && _jsx(CheckIcon, {}) }), children] })));
|
32
39
|
});
|
33
40
|
ContextMenuCheckboxItem.displayName = 'ContextMenuCheckboxItem';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -50,10 +51,6 @@ export var contextMenuContentVariants = cva("p-[5px] bg-white dark:bg-slateDark-
|
|
50
51
|
export var ContextMenuContent = forwardRef(function (_a, ref) {
|
51
52
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
52
53
|
var _b = useContextMenuContext(), radius = _b.radius, scaling = _b.scaling, size = _b.size;
|
53
|
-
return (
|
54
|
-
<ContextMenuPrimitive.Content ref={ref} className={cn(contextMenuContentVariants({ radius: radius, scaling: scaling, size: size }), className)} {...props}>
|
55
|
-
{children}
|
56
|
-
</ContextMenuPrimitive.Content>
|
57
|
-
</ContextMenuPrimitive.Portal>);
|
54
|
+
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.Content, __assign({ ref: ref, className: cn(contextMenuContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })) }));
|
58
55
|
});
|
59
56
|
ContextMenuContent.displayName = 'ContextMenuContent';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,12 +20,11 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
export var ContextMenuGroup = forwardRef(function (_a, ref) {
|
15
27
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
16
|
-
return (
|
17
|
-
{children}
|
18
|
-
</ContextMenuPrimitive.Group>);
|
28
|
+
return (_jsx(ContextMenuPrimitive.Group, __assign({ ref: ref, className: className }, props, { children: children })));
|
19
29
|
});
|
20
30
|
ContextMenuGroup.displayName = 'ContextMenuGroup';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -53,9 +54,6 @@ export var ContextMenuItem = forwardRef(function (_a, ref) {
|
|
53
54
|
if (appearance === 'solid' && !blackText.includes(color)) {
|
54
55
|
shortcutClassName = 'group-hover:text-white dark:group-hover:text-slateDark-1';
|
55
56
|
}
|
56
|
-
return (
|
57
|
-
{children}
|
58
|
-
{shortcut && <span className={shortcutClassName}>{shortcut}</span>}
|
59
|
-
</ContextMenuPrimitive.Item>);
|
57
|
+
return (_jsxs(ContextMenuPrimitive.Item, __assign({ ref: ref, className: itemClassName }, props, { children: [children, shortcut && _jsx("span", { className: shortcutClassName, children: shortcut })] })));
|
60
58
|
});
|
61
59
|
ContextMenuItem.displayName = 'ContextMenuItem';
|
package/dist/components/ContextMenu/{ContextMenuItemIndicator.jsx → ContextMenuItemIndicator.js}
RENAMED
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { CheckIcon } from '@radix-ui/react-icons';
|
@@ -44,8 +45,6 @@ export var ContextMenuItemIndicator = forwardRef(function (_a, ref) {
|
|
44
45
|
var className = _a.className, children = _a.children, radius = _a.radius, props = __rest(_a, ["className", "children", "radius"]);
|
45
46
|
var size = useContextMenuContext().size;
|
46
47
|
var indicatorClassName = cn(contextMenuItemIndicatorVariants({ size: size, radius: radius }), className);
|
47
|
-
return (
|
48
|
-
{children !== null && children !== void 0 ? children : <CheckIcon />}
|
49
|
-
</ContextMenuPrimitive.ItemIndicator>);
|
48
|
+
return (_jsx(ContextMenuPrimitive.ItemIndicator, __assign({ ref: ref, className: indicatorClassName }, props, { children: children !== null && children !== void 0 ? children : _jsx(CheckIcon, {}) })));
|
50
49
|
});
|
51
50
|
ContextMenuItemIndicator.displayName = 'ContextMenuItemIndicator';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -42,8 +43,6 @@ export var contextMenuLabelVariants = cva("flex relative leading-none select-non
|
|
42
43
|
export var ContextMenuLabel = forwardRef(function (_a, ref) {
|
43
44
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
44
45
|
var _b = useContextMenuContext(), size = _b.size, scaling = _b.scaling;
|
45
|
-
return (
|
46
|
-
{children}
|
47
|
-
</ContextMenuPrimitive.Label>);
|
46
|
+
return (_jsx(ContextMenuPrimitive.Label, __assign({ ref: ref, className: cn(contextMenuLabelVariants({ size: size, scaling: scaling }), className) }, props, { children: children })));
|
48
47
|
});
|
49
48
|
ContextMenuLabel.displayName = 'ContextMenuLabel';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,15 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { createContext, forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
export var RadioContext = createContext({ selectedValue: '' });
|
15
27
|
export var ContextMenuRadioGroup = forwardRef(function (_a, ref) {
|
16
28
|
var className = _a.className, children = _a.children, value = _a.value, props = __rest(_a, ["className", "children", "value"]);
|
17
|
-
return (
|
18
|
-
<RadioContext.Provider value={{ selectedValue: value !== null && value !== void 0 ? value : '' }}>
|
19
|
-
{children}
|
20
|
-
</RadioContext.Provider>
|
21
|
-
</ContextMenuPrimitive.RadioGroup>);
|
29
|
+
return (_jsx(ContextMenuPrimitive.RadioGroup, __assign({ ref: ref, className: className }, props, { children: _jsx(RadioContext.Provider, { value: { selectedValue: value !== null && value !== void 0 ? value : '' }, children: children }) })));
|
22
30
|
});
|
23
31
|
ContextMenuRadioGroup.displayName = 'ContextMenuRadioGroup';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef, useContext } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
import { cn } from 'utils/utils';
|
15
27
|
import { DotFilledIcon } from '@radix-ui/react-icons';
|
@@ -24,11 +36,6 @@ export var ContextMenuRadioItem = forwardRef(function (_a, ref) {
|
|
24
36
|
size: size,
|
25
37
|
}), 'pl-7', menuItemAppearanceStyle(appearance, color), className);
|
26
38
|
var radioGroup = useContext(RadioContext);
|
27
|
-
return (
|
28
|
-
<ContextMenuItemIndicator forceMount radius={'full'} size={size}>
|
29
|
-
{radioGroup.selectedValue === props.value && <DotFilledIcon />}
|
30
|
-
</ContextMenuItemIndicator>
|
31
|
-
{children}
|
32
|
-
</ContextMenuPrimitive.RadioItem>);
|
39
|
+
return (_jsxs(ContextMenuPrimitive.RadioItem, __assign({ ref: ref, className: itemClassName }, props, { children: [_jsx(ContextMenuItemIndicator, { forceMount: true, radius: 'full', size: size, children: radioGroup.selectedValue === props.value && _jsx(DotFilledIcon, {}) }), children] })));
|
33
40
|
});
|
34
41
|
ContextMenuRadioItem.displayName = 'ContextMenuRadioItem';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
import { cn } from 'utils/utils';
|
15
27
|
export var ContextMenuSeparator = forwardRef(function (_a, ref) {
|
16
28
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
17
|
-
return (
|
18
|
-
{children}
|
19
|
-
</ContextMenuPrimitive.Separator>);
|
29
|
+
return (_jsx(ContextMenuPrimitive.Separator, __assign({ ref: ref, className: cn('h-[1px] m-[5px] bg-slate-6 dark:bg-slateDark-6', className) }, props, { children: children })));
|
20
30
|
});
|
21
31
|
ContextMenuSeparator.displayName = 'ContextMenuSeparator';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
25
26
|
import { cn } from 'utils/utils';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -44,13 +45,9 @@ export var contextMenuSubContentVariants = cva("p-[5px] bg-white dark:bg-slateDa
|
|
44
45
|
export var ContextMenuSubContent = forwardRef(function (_a, ref) {
|
45
46
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
46
47
|
var _b = useContextMenuContext(), radius = _b.radius, size = _b.size, scaling = _b.scaling;
|
47
|
-
return (
|
48
|
-
|
49
|
-
|
50
|
-
|
51
|
-
}), className)} sideOffset={2} alignOffset={-5} {...props}>
|
52
|
-
{children}
|
53
|
-
</ContextMenuPrimitive.SubContent>
|
54
|
-
</ContextMenuPrimitive.Portal>);
|
48
|
+
return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(ContextMenuPrimitive.SubContent, __assign({ ref: ref, className: cn(contextMenuSubContentVariants({
|
49
|
+
radius: radius,
|
50
|
+
size: size,
|
51
|
+
}), className), sideOffset: 2, alignOffset: -5 }, props, { children: children })) }));
|
55
52
|
});
|
56
53
|
ContextMenuSubContent.displayName = 'ContextMenuSubContent';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
import { ChevronRightIcon } from '@radix-ui/react-icons';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -23,13 +35,6 @@ export var ContextMenuSubTrigger = forwardRef(function (_a, ref) {
|
|
23
35
|
var iconClassName = cn('group-data-[disabled]:text-slate-8 ', appearance === 'solid' && blackText.includes(color)
|
24
36
|
? 'hover:fill-slate-12 dark:hover:fill-slateDark-1'
|
25
37
|
: "hover:fill-white dark:hover:fill-slateDark-12 ");
|
26
|
-
return (
|
27
|
-
<ContextMenuPrimitive.SubTrigger ref={ref} className={triggerClassName} {...props}>
|
28
|
-
{children}
|
29
|
-
<div className="ml-auto pl-5 ">
|
30
|
-
<ChevronRightIcon className={iconClassName}/>
|
31
|
-
</div>
|
32
|
-
</ContextMenuPrimitive.SubTrigger>
|
33
|
-
</ContextMenuPrimitive.Sub>);
|
38
|
+
return (_jsx(ContextMenuPrimitive.Sub, { children: _jsxs(ContextMenuPrimitive.SubTrigger, __assign({ ref: ref, className: triggerClassName }, props, { children: [children, _jsx("div", { className: "ml-auto pl-5 ", children: _jsx(ChevronRightIcon, { className: iconClassName }) })] })) }));
|
34
39
|
});
|
35
40
|
ContextMenuSubTrigger.displayName = 'ContextMenuSubTrigger';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,13 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
import { cn } from 'utils/utils';
|
15
27
|
export var ContextMenuTrigger = forwardRef(function (_a, ref) {
|
16
28
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
17
|
-
return (
|
18
|
-
{children}
|
19
|
-
</ContextMenuPrimitive.Trigger>);
|
29
|
+
return (_jsx(ContextMenuPrimitive.Trigger, __assign({ ref: ref, className: cn("block border-2 border-dashed text-slate-12 dark:text-slateDark-12 rounded text-base \n select-none py-[45px] w-[300px] text-center", className) }, props, { children: children })));
|
20
30
|
});
|
21
31
|
ContextMenuTrigger.displayName = 'ContextMenuTrigger';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { createContext, forwardRef, useContext, } from 'react';
|
13
25
|
import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
|
14
26
|
export * from './ContextMenuContent';
|
15
27
|
export * from './ContextMenuCheckboxItem';
|
@@ -36,9 +48,7 @@ export var useContextMenuContext = function () {
|
|
36
48
|
export var ContextMenu = forwardRef(function (_a) {
|
37
49
|
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"]);
|
38
50
|
var contextValue = { radius: radius, size: size, scaling: scaling, color: color, appearance: appearance };
|
39
|
-
return (
|
40
|
-
<ContextMenuPrimitive.Root {...props}>{children}</ContextMenuPrimitive.Root>
|
41
|
-
</ContextMenuContext.Provider>);
|
51
|
+
return (_jsx(ContextMenuContext.Provider, { value: contextValue, children: _jsx(ContextMenuPrimitive.Root, __assign({}, props, { children: children })) }));
|
42
52
|
});
|
43
53
|
ContextMenu.displayName = 'ContextMenu';
|
44
54
|
export default ContextMenu;
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -37,8 +38,6 @@ export var dataListItemVariants = cva('flex', {
|
|
37
38
|
export var DataListItem = forwardRef(function (_a, ref) {
|
38
39
|
var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
|
39
40
|
var scaling = useDataListContext().scaling;
|
40
|
-
return (
|
41
|
-
{children}
|
42
|
-
</DataListTheme.Item>);
|
41
|
+
return (_jsx(DataListTheme.Item, __assign({ ref: ref }, props, { className: cn(dataListItemVariants({ scaling: scaling }), className), children: children })));
|
43
42
|
});
|
44
43
|
DataListItem.displayName = 'DataListItem';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
25
26
|
import { cva } from 'class-variance-authority';
|
26
27
|
import { cn } from 'utils/utils';
|
@@ -43,8 +44,6 @@ export var dataListLabelVariants = cva('text-slateA-11 dark:text-slateDarkA-11 w
|
|
43
44
|
export var DataListLabel = forwardRef(function (_a, ref) {
|
44
45
|
var children = _a.children, className = _a.className, weight = _a.weight, color = _a.color, props = __rest(_a, ["children", "className", "weight", "color"]);
|
45
46
|
var size = useDataListContext().size;
|
46
|
-
return (
|
47
|
-
<p className={cn(dataListLabelVariants({ weight: weight, size: size }), className)}>{children}</p>
|
48
|
-
</DataListTheme.Label>);
|
47
|
+
return (_jsx(DataListTheme.Label, __assign({ ref: ref }, props, { children: _jsx("p", { className: cn(dataListLabelVariants({ weight: weight, size: size }), className), children: children }) })));
|
49
48
|
});
|
50
49
|
DataListLabel.displayName = 'DataListLabel';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
25
26
|
import { textColorStyle, weightVariants } from '../../constants';
|
26
27
|
import { cva } from 'class-variance-authority';
|
@@ -45,8 +46,6 @@ export var dataListValueVariants = cva('text-slate-12 dark:text-slateDark-12 w-[
|
|
45
46
|
export var DataListValue = forwardRef(function (_a, ref) {
|
46
47
|
var children = _a.children, className = _a.className, weight = _a.weight, props = __rest(_a, ["children", "className", "weight"]);
|
47
48
|
var _b = useDataListContext(), size = _b.size, color = _b.color;
|
48
|
-
return (
|
49
|
-
{children}
|
50
|
-
</DataListTheme.Value>);
|
49
|
+
return (_jsx(DataListTheme.Value, __assign({ ref: ref, className: cn(dataListValueVariants({ weight: weight, size: size, color: color }), className) }, props, { children: children })));
|
51
50
|
});
|
52
51
|
DataListValue.displayName = 'DataListValue';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { createContext, forwardRef, useContext, } from 'react';
|
13
25
|
import { DataList as DataListTheme } from '@radix-ui/themes';
|
14
26
|
import { cva } from 'class-variance-authority';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -39,11 +51,7 @@ export var useDataListContext = function () {
|
|
39
51
|
export var DataList = forwardRef(function (_a, ref) {
|
40
52
|
var children = _a.children, className = _a.className, size = _a.size, scaling = _a.scaling, color = _a.color, props = __rest(_a, ["children", "className", "size", "scaling", "color"]);
|
41
53
|
var contextValue = { size: size, scaling: scaling, color: color };
|
42
|
-
return (
|
43
|
-
<DataListTheme.Root ref={ref} {...props} className={cn(dataListVariants({ size: size }), className)}>
|
44
|
-
{children}
|
45
|
-
</DataListTheme.Root>
|
46
|
-
</DataListContext.Provider>);
|
54
|
+
return (_jsx(DataListContext.Provider, { value: contextValue, children: _jsx(DataListTheme.Root, __assign({ ref: ref }, props, { className: cn(dataListVariants({ size: size }), className), children: children })) }));
|
47
55
|
});
|
48
56
|
DataList.displayName = 'DataList';
|
49
57
|
export default DataList;
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
14
26
|
import { cva } from 'class-variance-authority';
|
15
27
|
import { appearanceStyle, primaryColorStyle } from '../../constants';
|
@@ -40,8 +52,6 @@ export var dialogActionVariants = cva('rounded-md inline-flex font-medium items-
|
|
40
52
|
export var DialogAction = forwardRef(function (_a, ref) {
|
41
53
|
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"]);
|
42
54
|
var buttonClassName = cn(dialogActionVariants({ radius: radius, size: size, color: color }), appearanceStyle(appearance, color), className);
|
43
|
-
return (
|
44
|
-
{children}
|
45
|
-
</DialogTheme.Close>);
|
55
|
+
return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: buttonClassName }, props, { children: children })));
|
46
56
|
});
|
47
57
|
DialogAction.displayName = 'DialogAction';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
14
26
|
import { cva } from 'class-variance-authority';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -36,8 +48,6 @@ export var dialogCancelVariants = cva("rounded-md font-medium inline-flex justif
|
|
36
48
|
});
|
37
49
|
export var DialogCancel = forwardRef(function (_a, ref) {
|
38
50
|
var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, props = __rest(_a, ["children", "className", "radius", "size"]);
|
39
|
-
return (
|
40
|
-
{children}
|
41
|
-
</DialogTheme.Close>);
|
51
|
+
return (_jsx(DialogTheme.Close, __assign({ ref: ref, className: cn(dialogCancelVariants({ radius: radius, size: size }), className) }, props, { children: children })));
|
42
52
|
});
|
43
53
|
DialogCancel.displayName = 'DialogCancel';
|
@@ -20,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
20
20
|
}
|
21
21
|
return t;
|
22
22
|
};
|
23
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
24
25
|
import { cva } from 'class-variance-authority';
|
25
26
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
26
27
|
import { scalingVariants } from '../../constants';
|
@@ -49,8 +50,6 @@ export var dialogContentVariants = cva("rounded-md focus:outline-none bg-white d
|
|
49
50
|
});
|
50
51
|
export var DialogContent = forwardRef(function (_a, forwardedRef) {
|
51
52
|
var children = _a.children, className = _a.className, radius = _a.radius, size = _a.size, scaling = _a.scaling, props = __rest(_a, ["children", "className", "radius", "size", "scaling"]);
|
52
|
-
return (
|
53
|
-
{children}
|
54
|
-
</DialogTheme.Content>);
|
53
|
+
return (_jsx(DialogTheme.Content, __assign({ ref: forwardedRef, className: cn(dialogContentVariants({ radius: radius, scaling: scaling, size: size }), className) }, props, { children: children })));
|
55
54
|
});
|
56
55
|
DialogContent.displayName = 'DialogContent';
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
var __rest = (this && this.__rest) || function (s, e) {
|
2
13
|
var t = {};
|
3
14
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
@@ -9,7 +20,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
20
|
}
|
10
21
|
return t;
|
11
22
|
};
|
12
|
-
import
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
24
|
+
import { forwardRef } from 'react';
|
13
25
|
import { cva } from 'class-variance-authority';
|
14
26
|
import { Dialog as DialogTheme } from '@radix-ui/themes';
|
15
27
|
import { cn } from 'utils/utils';
|
@@ -28,8 +40,6 @@ export var dialogDescriptionVariants = cva('font-normal text-slate-12 dark:text-
|
|
28
40
|
});
|
29
41
|
export var DialogDescription = forwardRef(function (_a, ref) {
|
30
42
|
var children = _a.children, className = _a.className, size = _a.size, props = __rest(_a, ["children", "className", "size"]);
|
31
|
-
return (
|
32
|
-
{children}
|
33
|
-
</DialogTheme.Description>);
|
43
|
+
return (_jsx(DialogTheme.Description, __assign({ mb: "4", ref: ref, className: cn(dialogDescriptionVariants({ size: size }), className) }, props, { children: children })));
|
34
44
|
});
|
35
45
|
DialogDescription.displayName = 'DialogDescription';
|