@lotte-innovate/ui-component-test 0.0.13 → 0.0.15
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/Typography/Header/{index.js → index.jsx} +5 -2
- package/dist/Typography/Text/{index.js → index.jsx} +6 -3
- package/dist/components/Accordion/{index.js → index.jsx} +17 -5
- package/dist/components/AlertDialog/{AlertDialogAction.js → AlertDialogAction.jsx} +4 -3
- package/dist/components/AlertDialog/{AlertDialogCancel.js → AlertDialogCancel.jsx} +4 -3
- package/dist/components/AlertDialog/{AlertDialogContent.js → AlertDialogContent.jsx} +7 -3
- package/dist/components/AlertDialog/{AlertDialogDescription.js → AlertDialogDescription.jsx} +4 -14
- package/dist/components/AlertDialog/{AlertDialogTitle.js → AlertDialogTitle.jsx} +4 -14
- package/dist/components/AlertDialog/{AlertDialogTrigger.js → AlertDialogTrigger.jsx} +4 -3
- package/dist/components/AlertDialog/{index.js → index.jsx} +4 -14
- package/dist/components/AspectRatio/{index.js → index.jsx} +4 -3
- package/dist/components/Avatar/{index.js → index.jsx} +7 -3
- package/dist/components/Badge/{index.js → index.jsx} +4 -3
- package/dist/components/BubbleChart/index.d.ts +2 -1
- package/dist/components/BubbleChart/{index.js → index.jsx} +2 -2
- package/dist/components/Button/{index.js → index.jsx} +4 -3
- package/dist/components/Callout/{CalloutIcon.js → CalloutIcon.jsx} +8 -3
- package/dist/components/Callout/{CalloutText.js → CalloutText.jsx} +4 -14
- package/dist/components/Callout/{index.js → index.jsx} +6 -3
- package/dist/components/Card/{index.js → index.jsx} +4 -3
- package/dist/components/Checkbox/{index.js → index.jsx} +11 -3
- package/dist/components/CheckboxCard/{index.js → index.jsx} +5 -3
- package/dist/components/CheckboxGroup/{CheckboxGroupItem.js → CheckboxGroupItem.jsx} +6 -14
- package/dist/components/CheckboxGroup/{index.js → index.jsx} +5 -2
- package/dist/components/ContextMenu/{ContextMenuCheckboxItem.js → ContextMenuCheckboxItem.jsx} +7 -14
- package/dist/components/ContextMenu/{ContextMenuContent.js → ContextMenuContent.jsx} +6 -3
- package/dist/components/ContextMenu/{ContextMenuGroup.js → ContextMenuGroup.jsx} +4 -14
- package/dist/components/ContextMenu/{ContextMenuItem.js → ContextMenuItem.jsx} +5 -3
- package/dist/components/ContextMenu/{ContextMenuItemIndicator.js → ContextMenuItemIndicator.jsx} +4 -3
- package/dist/components/ContextMenu/{ContextMenuLabel.js → ContextMenuLabel.jsx} +4 -3
- package/dist/components/ContextMenu/{ContextMenuRadioGroup.js → ContextMenuRadioGroup.jsx} +6 -14
- package/dist/components/ContextMenu/{ContextMenuRadioItem.js → ContextMenuRadioItem.jsx} +7 -14
- package/dist/components/ContextMenu/{ContextMenuSeparator.js → ContextMenuSeparator.jsx} +4 -14
- package/dist/components/ContextMenu/{ContextMenuSubContent.js → ContextMenuSubContent.jsx} +9 -6
- package/dist/components/ContextMenu/{ContextMenuSubTrigger.js → ContextMenuSubTrigger.jsx} +9 -14
- package/dist/components/ContextMenu/{ContextMenuTrigger.js → ContextMenuTrigger.jsx} +4 -14
- package/dist/components/ContextMenu/{index.js → index.jsx} +6 -14
- package/dist/components/DataList/{DataListItem.js → DataListItem.jsx} +4 -3
- package/dist/components/DataList/{DataListLabel.js → DataListLabel.jsx} +4 -3
- package/dist/components/DataList/{DataListValue.js → DataListValue.jsx} +4 -3
- package/dist/components/DataList/{index.js → index.jsx} +6 -14
- package/dist/components/Dialog/{DialogAction.js → DialogAction.jsx} +4 -14
- package/dist/components/Dialog/{DialogCancel.js → DialogCancel.jsx} +4 -14
- package/dist/components/Dialog/{DialogContent.js → DialogContent.jsx} +4 -3
- package/dist/components/Dialog/{DialogDescription.js → DialogDescription.jsx} +4 -14
- package/dist/components/Dialog/{DialogSlot.js → DialogSlot.jsx} +4 -14
- package/dist/components/Dialog/{DialogTitle.js → DialogTitle.jsx} +4 -14
- package/dist/components/Dialog/{DialogTrigger.js → DialogTrigger.jsx} +4 -14
- package/dist/components/Dialog/{index.js → index.jsx} +4 -14
- package/dist/components/DoughnutChart/index.d.ts +2 -1
- package/dist/components/DoughnutChart/{index.js → index.jsx} +2 -2
- package/dist/components/DropdownMenu/{DropdonMenuRadioGroup.js → DropdonMenuRadioGroup.jsx} +6 -14
- package/dist/components/DropdownMenu/{DropdonMenuSubContent.js → DropdonMenuSubContent.jsx} +10 -7
- package/dist/components/DropdownMenu/{DropdownMenuCheckboxItem.js → DropdownMenuCheckboxItem.jsx} +7 -14
- package/dist/components/DropdownMenu/{DropdownMenuContent.js → DropdownMenuContent.jsx} +6 -3
- package/dist/components/DropdownMenu/{DropdownMenuItem.js → DropdownMenuItem.jsx} +5 -3
- package/dist/components/DropdownMenu/{DropdownMenuItemIndicator.js → DropdownMenuItemIndicator.jsx} +4 -3
- package/dist/components/DropdownMenu/{DropdownMenuLable.js → DropdownMenuLable.jsx} +4 -3
- package/dist/components/DropdownMenu/{DropdownMenuRadioItem.js → DropdownMenuRadioItem.jsx} +7 -14
- package/dist/components/DropdownMenu/{DropdownMenuSeparator.js → DropdownMenuSeparator.jsx} +2 -14
- package/dist/components/DropdownMenu/{DropdownMenuSub.js → DropdownMenuSub.jsx} +2 -14
- package/dist/components/DropdownMenu/{DropdownMenuSubTrigger.js → DropdownMenuSubTrigger.jsx} +7 -14
- package/dist/components/DropdownMenu/{DropdownMenuTrigger.js → DropdownMenuTrigger.jsx} +4 -14
- package/dist/components/DropdownMenu/{index.js → index.jsx} +2 -14
- package/dist/components/HoverCard/{HoverCardContent.js → HoverCardContent.jsx} +4 -3
- package/dist/components/HoverCard/{HoverCardTrigger.js → HoverCardTrigger.jsx} +4 -14
- package/dist/components/HoverCard/{index.js → index.jsx} +4 -14
- package/dist/components/IconButton/{index.js → index.jsx} +3 -2
- package/dist/components/Inset/{index.js → index.jsx} +6 -3
- package/dist/components/Label/{index.js → index.jsx} +3 -2
- package/dist/components/Menubar/{MenubarCheckboxItem.js → MenubarCheckboxItem.jsx} +7 -14
- package/dist/components/Menubar/{MenubarContent.js → MenubarContent.jsx} +10 -7
- package/dist/components/Menubar/{MenubarItem.js → MenubarItem.jsx} +5 -3
- package/dist/components/Menubar/{MenubarItemIndicator.js → MenubarItemIndicator.jsx} +4 -3
- package/dist/components/Menubar/{MenubarMenu.js → MenubarMenu.jsx} +2 -14
- package/dist/components/Menubar/{MenubarRadioGroup.js → MenubarRadioGroup.jsx} +6 -14
- package/dist/components/Menubar/{MenubarRadioItem.js → MenubarRadioItem.jsx} +7 -14
- package/dist/components/Menubar/{MenubarSeparator.js → MenubarSeparator.jsx} +4 -14
- package/dist/components/Menubar/{MenubarSub.js → MenubarSub.jsx} +2 -14
- package/dist/components/Menubar/{MenubarSubContent.js → MenubarSubContent.jsx} +5 -4
- package/dist/components/Menubar/{MenubarSubTrigger.js → MenubarSubTrigger.jsx} +7 -14
- package/dist/components/Menubar/{MenubarTrigger.js → MenubarTrigger.jsx} +4 -3
- package/dist/components/Menubar/{index.js → index.jsx} +6 -3
- package/dist/components/NavigationMenu/{NavigationMenuContent.js → NavigationMenuContent.jsx} +4 -3
- package/dist/components/NavigationMenu/NavigationMenuIndicator.jsx +22 -0
- package/dist/components/NavigationMenu/{NavigationMenuItem.js → NavigationMenuItem.jsx} +4 -14
- package/dist/components/NavigationMenu/{NavigationMenuLink.js → NavigationMenuLink.jsx} +4 -3
- package/dist/components/NavigationMenu/{NavigationMenuList.js → NavigationMenuList.jsx} +5 -3
- package/dist/components/NavigationMenu/{NavigationMenuTrigger.js → NavigationMenuTrigger.jsx} +5 -3
- package/dist/components/NavigationMenu/{NavigationMenuViewport.js → NavigationMenuViewport.jsx} +4 -3
- package/dist/components/NavigationMenu/{index.js → index.jsx} +6 -14
- package/dist/components/PieChart/index.d.ts +2 -1
- package/dist/components/PieChart/{index.js → index.jsx} +2 -2
- package/dist/components/Popover/{PopoverClose.js → PopoverClose.jsx} +4 -14
- package/dist/components/Popover/{PopoverContent.js → PopoverContent.jsx} +4 -3
- package/dist/components/Popover/{PopoverTrigger.js → PopoverTrigger.jsx} +4 -14
- package/dist/components/Popover/{index.js → index.jsx} +4 -14
- package/dist/components/Progress/{index.js → index.jsx} +4 -3
- package/dist/components/RadarChart/index.d.ts +2 -1
- package/dist/components/RadarChart/{index.js → index.jsx} +2 -2
- package/dist/components/Radio/{index.js → index.jsx} +8 -13
- package/dist/components/RadioCards/{RadioCardsItem.js → RadioCardsItem.jsx} +4 -14
- package/dist/components/RadioCards/{index.js → index.jsx} +6 -3
- package/dist/components/RadioGroup/{RadioGroupItem.js → RadioGroupItem.jsx} +4 -14
- package/dist/components/RadioGroup/{index.js → index.jsx} +6 -14
- package/dist/components/ScrollArea/{index.js → index.jsx} +6 -14
- package/dist/components/SegmentedControl/{SegmentedControlItem.js → SegmentedControlItem.jsx} +4 -14
- package/dist/components/SegmentedControl/{index.js → index.jsx} +5 -2
- package/dist/components/Select/{index.js → index.jsx} +25 -8
- package/dist/components/Separator/{index.js → index.jsx} +5 -2
- package/dist/components/Skeleton/{index.js → index.jsx} +5 -2
- package/dist/components/Slider/{index.js → index.jsx} +3 -2
- package/dist/components/Spinner/{index.js → index.jsx} +5 -2
- package/dist/components/TabNav/{index.js → index.jsx} +8 -14
- package/dist/components/Table/{index.js → index.jsx} +23 -8
- package/dist/components/Tabs/{index.js → index.jsx} +14 -5
- package/dist/components/TextArea/{index.js → index.jsx} +3 -2
- package/dist/components/TextField/{index.js → index.jsx} +8 -3
- package/dist/components/Toast/{ToastActionButton.js → ToastActionButton.jsx} +4 -3
- package/dist/components/Toast/{ToastDescription.js → ToastDescription.jsx} +6 -14
- package/dist/components/Toast/{ToastTitle.js → ToastTitle.jsx} +4 -14
- package/dist/components/Toast/{index.js → index.jsx} +9 -3
- package/dist/components/Toggle/{ToggleWithText.js → ToggleWithText.jsx} +6 -4
- package/dist/components/Toggle/{index.js → index.jsx} +4 -3
- package/dist/components/ToggleGroup/{index.js → index.jsx} +6 -3
- package/dist/components/ToggleGroup/{toggleGroupItem.js → toggleGroupItem.jsx} +4 -14
- package/dist/components/ToggleSwitch/{index.js → index.jsx} +6 -2
- package/dist/components/Tooltip/{index.js → index.jsx} +11 -2
- package/package.json +11 -2
- package/dist/app/layout.d.ts +0 -7
- package/dist/app/layout.js +0 -12
- package/dist/app/page.d.ts +0 -1
- package/dist/app/page.js +0 -6
- package/dist/app/template/colorPicker.d.ts +0 -6
- package/dist/app/template/colorPicker.js +0 -14
- package/dist/app/template/theme.d.ts +0 -12
- package/dist/app/template/theme.js +0 -11
- package/dist/components/NavigationMenu/NavigationMenuIndicator.js +0 -31
- package/dist/stories/Welcome.d.ts +0 -2
- package/dist/stories/Welcome.js +0 -30
- package/dist/stories/accordion/Accordion.stories.d.ts +0 -71
- package/dist/stories/accordion/Accordion.stories.js +0 -61
- package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +0 -107
- package/dist/stories/alert-dialog/AlertDialog.stories.js +0 -60
- package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +0 -68
- package/dist/stories/aspect-ratio/AspectRatio.stories.js +0 -78
- package/dist/stories/avatar/Avatar.stories.d.ts +0 -127
- package/dist/stories/avatar/Avatar.stories.js +0 -94
- package/dist/stories/badge/Badge.stories.d.ts +0 -133
- package/dist/stories/badge/Badge.stories.js +0 -86
- package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +0 -102
- package/dist/stories/bubble-chart/BubbleChart.stories.js +0 -168
- package/dist/stories/button/Button.stories.d.ts +0 -148
- package/dist/stories/button/Button.stories.js +0 -65
- package/dist/stories/button/IconButton.stories.d.ts +0 -125
- package/dist/stories/button/IconButton.stories.js +0 -80
- package/dist/stories/callout/Callout.stories.d.ts +0 -129
- package/dist/stories/callout/Callout.stories.js +0 -104
- package/dist/stories/card/Card.stories.d.ts +0 -100
- package/dist/stories/card/Card.stories.js +0 -84
- package/dist/stories/checkbox/Checkbox.stories.d.ts +0 -147
- package/dist/stories/checkbox/Checkbox.stories.js +0 -110
- package/dist/stories/checkbox/CheckboxCard.stories.d.ts +0 -129
- package/dist/stories/checkbox/CheckboxCard.stories.js +0 -90
- package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +0 -91
- package/dist/stories/checkbox/CheckboxGroup.stories.js +0 -72
- package/dist/stories/context-menu/ContextMenu.stories.d.ts +0 -113
- package/dist/stories/context-menu/ContextMenu.stories.js +0 -86
- package/dist/stories/data-list/DataList.stories.d.ts +0 -97
- package/dist/stories/data-list/DataList.stories.js +0 -87
- package/dist/stories/dialog/Dialog.stories.d.ts +0 -88
- package/dist/stories/dialog/Dialog.stories.js +0 -59
- package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +0 -180
- package/dist/stories/doughnut-chart/DoughnutChart.stories.js +0 -228
- package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +0 -112
- package/dist/stories/dropdown-menu/DropdownMenu.stories.js +0 -75
- package/dist/stories/header/Header.stories.d.ts +0 -112
- package/dist/stories/header/Header.stories.js +0 -97
- package/dist/stories/hover-card/HoverCard.stories.d.ts +0 -107
- package/dist/stories/hover-card/HoverCard.stories.js +0 -71
- package/dist/stories/inset/Inset.stories.d.ts +0 -58
- package/dist/stories/inset/Inset.stories.js +0 -64
- package/dist/stories/label/Label.stories.d.ts +0 -94
- package/dist/stories/label/Label.stories.js +0 -91
- package/dist/stories/menubar/Menubar.stories.d.ts +0 -119
- package/dist/stories/menubar/Menubar.stories.js +0 -98
- package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +0 -385
- package/dist/stories/navigation-menu/NavigationMenu.stories.js +0 -79
- package/dist/stories/pie-chart/PieChart.stories.d.ts +0 -185
- package/dist/stories/pie-chart/PieChart.stories.js +0 -281
- package/dist/stories/popover/Popover.stories.d.ts +0 -78
- package/dist/stories/popover/Popover.stories.js +0 -74
- package/dist/stories/progress/Progress.stories.d.ts +0 -113
- package/dist/stories/progress/Progress.stories.js +0 -77
- package/dist/stories/radar-chart/RadarChart.stories.d.ts +0 -110
- package/dist/stories/radar-chart/RadarChart.stories.js +0 -201
- package/dist/stories/radio/Radio.stories.d.ts +0 -108
- package/dist/stories/radio/Radio.stories.js +0 -84
- package/dist/stories/radio/RadioCards.stories.d.ts +0 -127
- package/dist/stories/radio/RadioCards.stories.js +0 -94
- package/dist/stories/radio/RadioGroup.stories.d.ts +0 -111
- package/dist/stories/radio/RadioGroup.stories.js +0 -88
- package/dist/stories/scroll-area/ScrollArea.stories.d.ts +0 -59
- package/dist/stories/scroll-area/ScrollArea.stories.js +0 -63
- package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +0 -97
- package/dist/stories/segmented-control/SegmentedControl.stories.js +0 -80
- package/dist/stories/select/Select.stories.d.ts +0 -116
- package/dist/stories/select/Select.stories.js +0 -88
- package/dist/stories/separator/Separator.stories.d.ts +0 -93
- package/dist/stories/separator/Separator.stories.js +0 -82
- package/dist/stories/skeleton/Skeleton.stories.d.ts +0 -88
- package/dist/stories/skeleton/Skeleton.stories.js +0 -92
- package/dist/stories/slider/Slider.stories.d.ts +0 -114
- package/dist/stories/slider/Slider.stories.js +0 -83
- package/dist/stories/spinner/Spinner.stories.d.ts +0 -83
- package/dist/stories/spinner/Spinner.stories.js +0 -87
- package/dist/stories/switch/Switch.stories.d.ts +0 -146
- package/dist/stories/switch/Switch.stories.js +0 -108
- package/dist/stories/tab-nav/TabNav.stories.d.ts +0 -55
- package/dist/stories/tab-nav/TabNav.stories.js +0 -59
- package/dist/stories/table/Table.stories.d.ts +0 -87
- package/dist/stories/table/Table.stories.js +0 -79
- package/dist/stories/tabs/Tabs.stories.d.ts +0 -55
- package/dist/stories/tabs/Tabs.stories.js +0 -59
- package/dist/stories/text/Text.stories.d.ts +0 -74
- package/dist/stories/text/Text.stories.js +0 -76
- package/dist/stories/textArea/TextArea.stories.d.ts +0 -117
- package/dist/stories/textArea/TextArea.stories.js +0 -96
- package/dist/stories/textfield/TextField.stories.d.ts +0 -116
- package/dist/stories/textfield/TextField.stories.js +0 -88
- package/dist/stories/toast/Toast.stories.d.ts +0 -138
- package/dist/stories/toast/Toast.stories.js +0 -104
- package/dist/stories/toggle/Toggle.stories.d.ts +0 -115
- package/dist/stories/toggle/Toggle.stories.js +0 -89
- package/dist/stories/toggle/ToggleGroup.stories.d.ts +0 -103
- package/dist/stories/toggle/ToggleGroup.stories.js +0 -94
- package/dist/stories/tooltip/Tooltip.stories.d.ts +0 -93
- package/dist/stories/tooltip/Tooltip.stories.js +0 -78
- package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,86 +0,0 @@
|
|
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
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import { radiusOptions, commonArgTypes, sizeOptions, appearanceOptions } from '../../constants';
|
25
|
-
import { ContextMenuContent, ContextMenu, ContextMenuTrigger, ContextMenuLabel, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuGroup, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSubTrigger, ContextMenuSubContent, } from 'components/ContextMenu';
|
26
|
-
import { Text } from 'Typography/Text';
|
27
|
-
var meta = {
|
28
|
-
title: 'Component/ContextMenu',
|
29
|
-
component: ContextMenu,
|
30
|
-
parameters: {
|
31
|
-
layout: 'centered',
|
32
|
-
themes: {
|
33
|
-
themeOverride: 'dark',
|
34
|
-
},
|
35
|
-
docs: {
|
36
|
-
description: {
|
37
|
-
component: '우클릭 또는 특정 인터랙션 시 나타나는 컨텍스트 메뉴 컴포넌트',
|
38
|
-
},
|
39
|
-
},
|
40
|
-
},
|
41
|
-
tags: ['autodocs'],
|
42
|
-
argTypes: {
|
43
|
-
radius: __assign(__assign({}, commonArgTypes.radius), { description: 'ContextMenu 둥굴기' }),
|
44
|
-
scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'ContextMenu 비율' }),
|
45
|
-
size: __assign(__assign({}, commonArgTypes.size), { table: {
|
46
|
-
category: 'Props',
|
47
|
-
type: {
|
48
|
-
summary: sizeOptions
|
49
|
-
.filter(function (option) { return option === 'small' || option === 'medium'; })
|
50
|
-
.join(' | '),
|
51
|
-
},
|
52
|
-
}, options: sizeOptions.filter(function (option) { return option === 'small' || option === 'medium'; }), description: 'Menubar 크기' }),
|
53
|
-
color: __assign(__assign({}, commonArgTypes.color), { description: 'Menubar 메인 색' }),
|
54
|
-
appearance: {
|
55
|
-
description: 'MenubarItem 스타일',
|
56
|
-
table: {
|
57
|
-
category: 'Props',
|
58
|
-
type: {
|
59
|
-
summary: appearanceOptions
|
60
|
-
.filter(function (option) { return option === 'solid' || option === 'soft'; })
|
61
|
-
.join(' | '),
|
62
|
-
},
|
63
|
-
},
|
64
|
-
options: appearanceOptions.filter(function (option) { return option === 'solid' || option === 'soft'; }),
|
65
|
-
control: { type: 'select' },
|
66
|
-
defaultValue: { summary: 'solid' },
|
67
|
-
},
|
68
|
-
},
|
69
|
-
};
|
70
|
-
export default meta;
|
71
|
-
export var Default = function (_a) {
|
72
|
-
var args = __rest(_a, []);
|
73
|
-
return (_jsxs(ContextMenu, __assign({}, args, { children: [_jsx(ContextMenuTrigger, { children: _jsx(Text, { children: "Right-click here." }) }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuLabel, { children: "\uB77C\uBCA8" }), _jsx(ContextMenuItem, { shortcut: "\u2318 T", children: "\uAE30\uBCF8 \uC544\uC774\uD15C" }), _jsx(ContextMenuItem, { disabled: true, children: "\uC0AC\uC6A9\uBD88\uAC00 \uC544\uC774\uD15C" }), _jsx(ContextMenuSeparator, {}), _jsxs(ContextMenuGroup, { children: [_jsx(ContextMenuItem, { children: "\uADF8\uB8F9 \uC544\uC774\uD15C1" }), _jsx(ContextMenuItem, { children: "\uADF8\uB8F9 \uC544\uC774\uD15C2" })] }), _jsx(ContextMenuSeparator, {}), _jsx(ContextMenuCheckboxItem, { checked: true, children: "checked \uC544\uC774\uD15C" }), _jsx(ContextMenuCheckboxItem, { checked: false, children: "unchecked \uC544\uC774\uD15C" }), _jsx(ContextMenuSeparator, {}), _jsxs(ContextMenuRadioGroup, { value: 'apple', children: [_jsx(ContextMenuRadioItem, { value: 'apple', children: "\uB77C\uB514\uC624 \uC544\uC774\uD15C1" }), _jsx(ContextMenuRadioItem, { value: 'banana', children: "\uB77C\uB514\uC624 \uC544\uC774\uD15C2" })] }), _jsx(ContextMenuSeparator, {}), _jsxs(ContextMenuSubTrigger, { children: ["More Menu", ' ', _jsxs(ContextMenuSubContent, { children: [_jsx(ContextMenuItem, { children: "\uC11C\uBE0C \uC544\uC774\uD15C1" }), _jsx(ContextMenuItem, { children: "\uC11C\uBE0C \uC544\uC774\uD15C2" })] })] })] })] })));
|
74
|
-
};
|
75
|
-
export var Radius = function (_a) {
|
76
|
-
var args = __rest(_a, []);
|
77
|
-
return (_jsx("div", { className: "flex space-x-2", children: radiusOptions.map(function (radius) { return (_jsxs(ContextMenu, __assign({ radius: radius }, args, { children: [_jsx(ContextMenuTrigger, { className: "w-[100px]", children: radius }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "\uBA54\uB2741" }), _jsx(ContextMenuItem, { children: "\uBA54\uB2742" })] })] }), radius)); }) }));
|
78
|
-
};
|
79
|
-
export var Size = function (_a) {
|
80
|
-
var args = __rest(_a, []);
|
81
|
-
return (_jsxs("div", { className: "flex space-x-2", children: [_jsxs(ContextMenu, __assign({ size: 'small' }, args, { children: [_jsx(ContextMenuTrigger, { className: "w-[100px]", children: "small" }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "\uBA54\uB2741" }), _jsx(ContextMenuItem, { children: "\uBA54\uB2742" })] })] })), _jsxs(ContextMenu, __assign({ size: 'medium' }, args, { children: [_jsx(ContextMenuTrigger, { className: "w-[100px]", children: "medium" }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "\uBA54\uB2741" }), _jsx(ContextMenuItem, { children: "\uBA54\uB2742" })] })] }))] }));
|
82
|
-
};
|
83
|
-
export var Appearance = function (_a) {
|
84
|
-
var args = __rest(_a, []);
|
85
|
-
return (_jsxs("div", { className: "flex space-x-2", children: [_jsxs(ContextMenu, __assign({ appearance: 'solid' }, args, { children: [_jsx(ContextMenuTrigger, { className: "w-[100px]", children: "solid" }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "\uBA54\uB2741" }), _jsx(ContextMenuItem, { children: "\uBA54\uB2742" })] })] })), _jsxs(ContextMenu, __assign({ appearance: 'soft' }, args, { children: [_jsx(ContextMenuTrigger, { className: "w-[100px]", children: "soft" }), _jsxs(ContextMenuContent, { children: [_jsx(ContextMenuItem, { children: "\uBA54\uB2741" }), _jsx(ContextMenuItem, { children: "\uBA54\uB2742" })] })] }))] }));
|
86
|
-
};
|
@@ -1,97 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { IScaling } from 'types';
|
3
|
-
declare const meta: {
|
4
|
-
title: string;
|
5
|
-
component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/data-list").RootProps & import("react").RefAttributes<HTMLDListElement>, "ref"> & import("components/DataList").DataListProps & import("react").RefAttributes<HTMLDListElement>>;
|
6
|
-
parameters: {
|
7
|
-
layout: string;
|
8
|
-
themes: {
|
9
|
-
themeOverride: string;
|
10
|
-
};
|
11
|
-
docs: {
|
12
|
-
description: {
|
13
|
-
component: string;
|
14
|
-
};
|
15
|
-
};
|
16
|
-
};
|
17
|
-
tags: string[];
|
18
|
-
argTypes: {
|
19
|
-
scaling: {
|
20
|
-
description: string;
|
21
|
-
table: {
|
22
|
-
category: string;
|
23
|
-
type: {
|
24
|
-
summary: string;
|
25
|
-
};
|
26
|
-
};
|
27
|
-
control: {
|
28
|
-
type: string;
|
29
|
-
};
|
30
|
-
options: IScaling[];
|
31
|
-
defaultValue: {
|
32
|
-
summary: string;
|
33
|
-
};
|
34
|
-
};
|
35
|
-
size: {
|
36
|
-
table: {
|
37
|
-
category: string;
|
38
|
-
type: {
|
39
|
-
summary: string;
|
40
|
-
};
|
41
|
-
};
|
42
|
-
options: import("types").ISize[];
|
43
|
-
description: string;
|
44
|
-
control: {
|
45
|
-
type: string;
|
46
|
-
};
|
47
|
-
defaultValue: {
|
48
|
-
summary: string;
|
49
|
-
};
|
50
|
-
};
|
51
|
-
color: {
|
52
|
-
description: string;
|
53
|
-
defaultValue: {
|
54
|
-
summary: string;
|
55
|
-
};
|
56
|
-
table: {
|
57
|
-
category: string;
|
58
|
-
type: {
|
59
|
-
summary: string;
|
60
|
-
};
|
61
|
-
};
|
62
|
-
options: import("types").IColor[];
|
63
|
-
control: {
|
64
|
-
type: string;
|
65
|
-
};
|
66
|
-
};
|
67
|
-
orientation: {
|
68
|
-
table: {
|
69
|
-
category: string;
|
70
|
-
type: {
|
71
|
-
summary: string;
|
72
|
-
};
|
73
|
-
};
|
74
|
-
options: string[];
|
75
|
-
control: {
|
76
|
-
type: string;
|
77
|
-
};
|
78
|
-
defaultValue: {
|
79
|
-
summary: string;
|
80
|
-
};
|
81
|
-
description: string;
|
82
|
-
};
|
83
|
-
};
|
84
|
-
};
|
85
|
-
export default meta;
|
86
|
-
export declare const Default: ({ ...args }: {
|
87
|
-
[x: string]: any;
|
88
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
89
|
-
export declare const Orientation: ({ ...args }: {
|
90
|
-
[x: string]: any;
|
91
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
92
|
-
export declare const Scaling: ({ ...args }: {
|
93
|
-
[x: string]: any;
|
94
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
95
|
-
export declare const Size: ({ ...args }: {
|
96
|
-
[x: string]: any;
|
97
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -1,87 +0,0 @@
|
|
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
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { createElement as _createElement } from "react";
|
24
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
25
|
-
import { DataList, DataListItem, DataListLabel, DataListValue } from 'components/DataList';
|
26
|
-
import Badge from 'components/Badge';
|
27
|
-
import { scalingOptions, commonArgTypes, sizeOptions } from '../../constants';
|
28
|
-
import Button from 'components/Button';
|
29
|
-
var meta = {
|
30
|
-
title: 'Component/DataList',
|
31
|
-
component: DataList,
|
32
|
-
parameters: {
|
33
|
-
layout: 'centered',
|
34
|
-
themes: {
|
35
|
-
themeOverride: 'dark',
|
36
|
-
},
|
37
|
-
docs: {
|
38
|
-
description: {
|
39
|
-
component: '목록 형태로 메타 데이터 표시하는 컴포넌트',
|
40
|
-
},
|
41
|
-
},
|
42
|
-
},
|
43
|
-
tags: ['autodocs'],
|
44
|
-
argTypes: {
|
45
|
-
scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'DataList 비율' }),
|
46
|
-
size: __assign(__assign({}, commonArgTypes.size), { table: {
|
47
|
-
category: 'Props',
|
48
|
-
type: {
|
49
|
-
summary: sizeOptions
|
50
|
-
.filter(function (option) { return option !== 'x-small' && option !== 'x-large'; })
|
51
|
-
.join(' | '),
|
52
|
-
},
|
53
|
-
}, options: sizeOptions.filter(function (option) { return option !== 'x-small' && option !== 'x-large'; }), description: 'DataList 크기' }),
|
54
|
-
color: __assign(__assign({}, commonArgTypes.color), { description: 'DataList 값 매인색', defaultValue: { summary: 'black' } }),
|
55
|
-
orientation: {
|
56
|
-
table: {
|
57
|
-
category: 'Props',
|
58
|
-
type: {
|
59
|
-
summary: ['horizontal', 'vertical'].join(' | '),
|
60
|
-
},
|
61
|
-
},
|
62
|
-
options: ['horizontal', 'vertical'],
|
63
|
-
control: { type: 'select' },
|
64
|
-
defaultValue: { summary: 'horizontal' },
|
65
|
-
description: 'DataList 방향',
|
66
|
-
},
|
67
|
-
},
|
68
|
-
};
|
69
|
-
export default meta;
|
70
|
-
export var Default = function (_a) {
|
71
|
-
var args = __rest(_a, []);
|
72
|
-
return (_jsxs(DataList, __assign({}, args, { children: [_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uC0C1\uD0DC" })), _jsx(DataListValue, __assign({}, args, { children: _jsx(Badge, __assign({ appearance: "soft" }, args, { children: "\uBC30\uC9C0" })) }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uB77C\uBCA8" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uB77C\uBCA8" })), _jsx(DataListValue, __assign({}, args, { children: _jsx(Button, __assign({}, args, { children: "\uBC84\uD2BC" })) }))] }))] })));
|
73
|
-
};
|
74
|
-
export var Orientation = function (_a) {
|
75
|
-
var args = __rest(_a, []);
|
76
|
-
return (_jsxs(DataList, __assign({}, args, { orientation: 'vertical', children: [_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uC0C1\uD0DC" })), _jsx(DataListValue, __assign({}, args, { children: _jsx(Badge, __assign({ appearance: "soft" }, args, { children: "\uBC30\uC9C0" })) }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uB77C\uBCA8" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "\uB77C\uBCA8" })), _jsx(DataListValue, __assign({}, args, { children: _jsx(Button, __assign({}, args, { children: "\uBC84\uD2BC" })) }))] }))] })));
|
77
|
-
};
|
78
|
-
export var Scaling = function (_a) {
|
79
|
-
var args = __rest(_a, []);
|
80
|
-
return (_jsx("div", { className: "flex flex-col space-y-7", children: scalingOptions.map(function (scaling) { return (_createElement(DataList, __assign({}, args, { key: scaling, scaling: scaling }),
|
81
|
-
_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: scaling })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })),
|
82
|
-
_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: scaling })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })))); }) }));
|
83
|
-
};
|
84
|
-
export var Size = function (_a) {
|
85
|
-
var args = __rest(_a, []);
|
86
|
-
return (_jsxs("div", { className: "flex flex-col space-y-7", children: [_jsxs(DataList, { size: 'small', children: [_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "small" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "small" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] }))] }), _jsxs(DataList, { size: 'medium', children: [_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "medium" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "medium" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] }))] }), _jsxs(DataList, { size: 'large', children: [_jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "large" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] })), _jsxs(DataListItem, __assign({}, args, { children: [_jsx(DataListLabel, __assign({}, args, { children: "large" })), _jsx(DataListValue, __assign({}, args, { children: "\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4.\uD14D\uC2A4\uD2B8\uAC00 \uAE38\uC5B4\uC9C8 \uACBD\uC6B0 \uC904\uBC14\uAFC8\uC73C\uB85C \uCC98\uB9AC\uB429\uB2C8\uB2E4." }))] }))] })] }));
|
87
|
-
};
|
@@ -1,88 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { ISize } from '../../types';
|
3
|
-
declare const meta: {
|
4
|
-
title: string;
|
5
|
-
component: import("react").ForwardRefExoticComponent<import("@radix-ui/themes/dist/cjs/components/dialog").RootProps & import("../../components/Dialog/index").DialogProps & import("react").RefAttributes<never>>;
|
6
|
-
parameters: {
|
7
|
-
layout: string;
|
8
|
-
themes: {
|
9
|
-
themeOverride: string;
|
10
|
-
};
|
11
|
-
docs: {
|
12
|
-
description: {
|
13
|
-
component: string;
|
14
|
-
};
|
15
|
-
};
|
16
|
-
};
|
17
|
-
tags: string[];
|
18
|
-
argTypes: {
|
19
|
-
radius: {
|
20
|
-
description: string;
|
21
|
-
table: {
|
22
|
-
category: string;
|
23
|
-
type: {
|
24
|
-
summary: string;
|
25
|
-
};
|
26
|
-
};
|
27
|
-
options: import("../../types").IRadius[];
|
28
|
-
control: {
|
29
|
-
type: string;
|
30
|
-
};
|
31
|
-
defaultValue: {
|
32
|
-
summary: string;
|
33
|
-
};
|
34
|
-
};
|
35
|
-
size: {
|
36
|
-
table: {
|
37
|
-
category: string;
|
38
|
-
type: {
|
39
|
-
summary: string;
|
40
|
-
};
|
41
|
-
};
|
42
|
-
options: ISize[];
|
43
|
-
description: string;
|
44
|
-
control: {
|
45
|
-
type: string;
|
46
|
-
};
|
47
|
-
defaultValue: {
|
48
|
-
summary: string;
|
49
|
-
};
|
50
|
-
};
|
51
|
-
scaling: {
|
52
|
-
description: string;
|
53
|
-
table: {
|
54
|
-
category: string;
|
55
|
-
type: {
|
56
|
-
summary: string;
|
57
|
-
};
|
58
|
-
};
|
59
|
-
control: {
|
60
|
-
type: string;
|
61
|
-
};
|
62
|
-
options: import("../../types").IScaling[];
|
63
|
-
defaultValue: {
|
64
|
-
summary: string;
|
65
|
-
};
|
66
|
-
};
|
67
|
-
color: {
|
68
|
-
description: string;
|
69
|
-
table: {
|
70
|
-
category: string;
|
71
|
-
type: {
|
72
|
-
summary: string;
|
73
|
-
};
|
74
|
-
};
|
75
|
-
options: import("../../types").IColor[];
|
76
|
-
control: {
|
77
|
-
type: string;
|
78
|
-
};
|
79
|
-
defaultValue: {
|
80
|
-
summary: string;
|
81
|
-
};
|
82
|
-
};
|
83
|
-
};
|
84
|
-
};
|
85
|
-
export default meta;
|
86
|
-
export declare const Default: ({ ...args }: {
|
87
|
-
[x: string]: any;
|
88
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
@@ -1,59 +0,0 @@
|
|
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
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
13
|
-
var t = {};
|
14
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
15
|
-
t[p] = s[p];
|
16
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
17
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
18
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
19
|
-
t[p[i]] = s[p[i]];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
24
|
-
import { commonArgTypes, sizeOptions } from '../../constants';
|
25
|
-
import { Dialog, DialogTrigger, DialogContent, DialogCancel, DialogTitle, DialogDescription, DialogSlot, DialogAction, } from '../../components/Dialog/index';
|
26
|
-
import Button from 'components/Button';
|
27
|
-
import { TextField } from 'components/TextField';
|
28
|
-
var meta = {
|
29
|
-
title: 'Component/Dialog',
|
30
|
-
component: Dialog,
|
31
|
-
parameters: {
|
32
|
-
layout: 'centered',
|
33
|
-
themes: {
|
34
|
-
themeOverride: 'dark',
|
35
|
-
},
|
36
|
-
docs: {
|
37
|
-
description: {
|
38
|
-
component: '사용자에게 결정을 내리거나 추가 정보를 입력하라는 프롬프트를 보내는 작은 창',
|
39
|
-
},
|
40
|
-
},
|
41
|
-
},
|
42
|
-
tags: ['autodocs'],
|
43
|
-
argTypes: {
|
44
|
-
radius: __assign(__assign({}, commonArgTypes.radius), { description: 'dialog 둥글기' }),
|
45
|
-
size: __assign(__assign({}, commonArgTypes.size), { table: {
|
46
|
-
category: 'Props',
|
47
|
-
type: {
|
48
|
-
summary: sizeOptions.filter(function (size) { return !['x-small'].includes(size); }).join(' | '),
|
49
|
-
},
|
50
|
-
}, options: sizeOptions.filter(function (size) { return !['x-small'].includes(size); }), description: 'dialog 크기' }),
|
51
|
-
scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'dialog scaling' }),
|
52
|
-
color: __assign(__assign({}, commonArgTypes.color), { description: 'dialog color' }),
|
53
|
-
},
|
54
|
-
};
|
55
|
-
export default meta;
|
56
|
-
export var Default = function (_a) {
|
57
|
-
var args = __rest(_a, []);
|
58
|
-
return (_jsxs(Dialog, __assign({}, args, { children: [_jsx(DialogTrigger, { children: _jsx(Button, { children: "Edit profile" }) }), _jsxs(DialogContent, __assign({}, args, { children: [_jsx(DialogTitle, __assign({}, args, { children: "Edit profile" })), _jsx(DialogDescription, __assign({}, args, { children: "Make changes to your profile." })), _jsxs(DialogSlot, __assign({}, args, { children: [_jsx("span", { children: "Name" }), _jsx(TextField, __assign({}, args, { placeholder: "Enter your full name" })), _jsx("span", { children: "Email" }), _jsx(TextField, __assign({}, args, { placeholder: "Enter your email" }))] })), _jsxs("div", { className: "flex justify-end", children: [_jsx(DialogCancel, __assign({}, args, { children: _jsx("span", { children: "Cancel" }) })), _jsx(DialogAction, __assign({}, args, { children: _jsx("span", { children: "Save" }) }))] })] }))] })));
|
59
|
-
};
|
@@ -1,180 +0,0 @@
|
|
1
|
-
declare const meta: {
|
2
|
-
title: string;
|
3
|
-
component: ({ labels, datasets, scaling, className, ...rest }: import("components/DoughnutChart").DoughnutChartProps) => import("react/jsx-runtime").JSX.Element;
|
4
|
-
parameters: {
|
5
|
-
layout: string;
|
6
|
-
docs: {
|
7
|
-
description: {
|
8
|
-
component: string;
|
9
|
-
};
|
10
|
-
};
|
11
|
-
};
|
12
|
-
tags: string[];
|
13
|
-
args: {
|
14
|
-
labels: string[];
|
15
|
-
datasets: {
|
16
|
-
label: string;
|
17
|
-
data: number[];
|
18
|
-
backgroundColor: string[];
|
19
|
-
borderColor: string[];
|
20
|
-
borderWidth: number;
|
21
|
-
}[];
|
22
|
-
options: {
|
23
|
-
plugins: {
|
24
|
-
legend: {
|
25
|
-
position: string;
|
26
|
-
labels: {
|
27
|
-
usePointStyle: boolean;
|
28
|
-
pointStyle: boolean;
|
29
|
-
};
|
30
|
-
};
|
31
|
-
};
|
32
|
-
};
|
33
|
-
};
|
34
|
-
argTypes: {
|
35
|
-
scaling: {
|
36
|
-
description: string;
|
37
|
-
table: {
|
38
|
-
category: string;
|
39
|
-
type: {
|
40
|
-
summary: string;
|
41
|
-
};
|
42
|
-
};
|
43
|
-
control: {
|
44
|
-
type: string;
|
45
|
-
};
|
46
|
-
options: import("types").IScaling[];
|
47
|
-
defaultValue: {
|
48
|
-
summary: string;
|
49
|
-
};
|
50
|
-
};
|
51
|
-
labels: {
|
52
|
-
name: string;
|
53
|
-
description: string;
|
54
|
-
table: {
|
55
|
-
category: string;
|
56
|
-
type: {
|
57
|
-
summary: string;
|
58
|
-
};
|
59
|
-
};
|
60
|
-
};
|
61
|
-
datasets: {
|
62
|
-
name: string;
|
63
|
-
description: string;
|
64
|
-
table: {
|
65
|
-
category: string;
|
66
|
-
type: {
|
67
|
-
summary: string;
|
68
|
-
};
|
69
|
-
};
|
70
|
-
};
|
71
|
-
'options.plugins.legend.position': {
|
72
|
-
description: string;
|
73
|
-
table: {
|
74
|
-
category: string;
|
75
|
-
type: {
|
76
|
-
summary: string;
|
77
|
-
};
|
78
|
-
};
|
79
|
-
control: {
|
80
|
-
type: string;
|
81
|
-
};
|
82
|
-
options: string[];
|
83
|
-
defaultValue: {
|
84
|
-
summary: string;
|
85
|
-
};
|
86
|
-
};
|
87
|
-
'options.plugins.legend.labels.pointStyle': {
|
88
|
-
description: string;
|
89
|
-
table: {
|
90
|
-
category: string;
|
91
|
-
type: {
|
92
|
-
summary: string;
|
93
|
-
};
|
94
|
-
};
|
95
|
-
control: {
|
96
|
-
type: string;
|
97
|
-
};
|
98
|
-
options: (string | boolean)[];
|
99
|
-
defaultValue: {
|
100
|
-
summary: string;
|
101
|
-
};
|
102
|
-
};
|
103
|
-
'options.plugins.legend.labels.usePointStyle': {
|
104
|
-
description: string;
|
105
|
-
table: {
|
106
|
-
category: string;
|
107
|
-
type: {
|
108
|
-
summary: string;
|
109
|
-
};
|
110
|
-
};
|
111
|
-
control: {
|
112
|
-
type: string;
|
113
|
-
};
|
114
|
-
defaultValue: {
|
115
|
-
summary: string;
|
116
|
-
};
|
117
|
-
};
|
118
|
-
className: {
|
119
|
-
table: {
|
120
|
-
disable: boolean;
|
121
|
-
};
|
122
|
-
};
|
123
|
-
'datasets.borderDash': {
|
124
|
-
table: {
|
125
|
-
category: string;
|
126
|
-
type: {
|
127
|
-
summary: string;
|
128
|
-
};
|
129
|
-
};
|
130
|
-
description: string;
|
131
|
-
control: string;
|
132
|
-
};
|
133
|
-
'datasets.borderDashOffset': {
|
134
|
-
table: {
|
135
|
-
category: string;
|
136
|
-
type: {
|
137
|
-
summary: string;
|
138
|
-
};
|
139
|
-
};
|
140
|
-
description: string;
|
141
|
-
control: string;
|
142
|
-
};
|
143
|
-
'datasets.offset': {
|
144
|
-
table: {
|
145
|
-
category: string;
|
146
|
-
type: {
|
147
|
-
summary: string;
|
148
|
-
};
|
149
|
-
};
|
150
|
-
description: string;
|
151
|
-
control: string;
|
152
|
-
};
|
153
|
-
'datasets.spacing': {
|
154
|
-
table: {
|
155
|
-
category: string;
|
156
|
-
type: {
|
157
|
-
summary: string;
|
158
|
-
};
|
159
|
-
};
|
160
|
-
description: string;
|
161
|
-
control: string;
|
162
|
-
};
|
163
|
-
'datasets.weight': {
|
164
|
-
table: {
|
165
|
-
category: string;
|
166
|
-
type: {
|
167
|
-
summary: string;
|
168
|
-
};
|
169
|
-
};
|
170
|
-
description: string;
|
171
|
-
control: string;
|
172
|
-
};
|
173
|
-
};
|
174
|
-
};
|
175
|
-
export default meta;
|
176
|
-
export declare const Default: ({ ...args }: {
|
177
|
-
[x: string]: any;
|
178
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
179
|
-
export declare const BorderStyles: () => import("react/jsx-runtime").JSX.Element;
|
180
|
-
export declare const DataLabels: () => import("react/jsx-runtime").JSX.Element;
|