@rainbow-robotics/muscat-plugin-kit 1.1.4 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +99 -0
- package/cli/README.md +32 -1
- package/cli/bin/muscat-pk.mjs +49 -4
- package/cli/src/bridge.mjs +26 -2
- package/cli/src/build.mjs +11 -1
- package/cli/src/cpp.mjs +6 -2
- package/cli/src/dev.mjs +4 -1
- package/cli/src/devBack.mjs +14 -8
- package/cli/src/manifest.mjs +54 -0
- package/cli/src/mcp.mjs +58 -3
- package/cli/src/new.mjs +3 -0
- package/cli/src/ports.mjs +24 -10
- package/cli/src/python.mjs +7 -1
- package/cli/src/ros2.mjs +5 -1
- package/cli/src/templates-embedded.mjs +3 -0
- package/cli/src/update.mjs +34 -26
- package/cli/src/util.mjs +59 -1
- package/cli/storybook-dist/assets/{Color-YHDXOIA2-YYdZOPJH.js → Color-YHDXOIA2-CSzM1dKs.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-xa7vkY1N.js → Docs-BIcNCkcj.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-3w-iBQPm.js → Docs-Bhl2G8dW.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-qI6e7Wy0.js → Docs-CxnHR1EX.js} +1 -1
- package/cli/storybook-dist/assets/Docs-DGfEBD4U.js +7 -0
- package/cli/storybook-dist/assets/{Docs-D1XY1-wF.js → Docs-Q256LO6R.js} +1 -1
- package/cli/storybook-dist/assets/Docs-y19ER8GV.js +20 -0
- package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-BE26HVj4.js → DocsRenderer-CFRXHY34-DnUkc2jA.js} +1 -1
- package/cli/storybook-dist/assets/NxAvatar.stories-D8_zg1ow.js +13 -0
- package/cli/storybook-dist/assets/NxButton.stories-DJ27PRZJ.js +20 -0
- package/cli/storybook-dist/assets/{NxNumberInput.stories-YuPp7Wu0.js → NxNumberInput.stories-DAhhfwBb.js} +3 -3
- package/cli/storybook-dist/assets/NxPagination.stories-B0B2V-we.js +11 -0
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-Cs9aWGqX.js +14 -0
- package/cli/storybook-dist/assets/{NxRangeInput.stories-Bpv0nJOc.js → NxRangeInput.stories-A3qk290L.js} +3 -3
- package/cli/storybook-dist/assets/NxSelectBox.stories-BtA0bI0U.js +17 -0
- package/cli/storybook-dist/assets/NxSlideRange.stories-DaVwMyfI.js +14 -0
- package/cli/storybook-dist/assets/NxSwitch.stories-MEpYcafd.js +11 -0
- package/cli/storybook-dist/assets/NxTextArea.stories-8PqT83b0.js +11 -0
- package/cli/storybook-dist/assets/NxTextInput.stories-DwOvyFAK.js +11 -0
- package/cli/storybook-dist/assets/RBAccordion.stories-l_KWmznJ.js +17 -0
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-BHwMLO_b.js +33 -0
- package/cli/storybook-dist/assets/RBAlert.stories-XeJozdck.js +17 -0
- package/cli/storybook-dist/assets/RBBadge.stories-BoIw5gFT.js +1 -0
- package/cli/storybook-dist/assets/RBBattery.stories-C_qyHveA.js +10 -0
- package/cli/storybook-dist/assets/RBCard.stories-jFfiHYKe.js +45 -0
- package/cli/storybook-dist/assets/RBCheckBox.stories-DTfCEweM.js +1 -0
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-CTDnyUqG.js +1 -0
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-DmquL7n0.js +24 -0
- package/cli/storybook-dist/assets/RBChipTab.stories-B8zl9AG8.js +21 -0
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-BGRQ_ix8.js +1 -0
- package/cli/storybook-dist/assets/RBColorIcons.stories-s5QE7tL1.js +3 -0
- package/cli/storybook-dist/assets/{RBCommand.stories-DWSPAw4x.js → RBCommand.stories-Yrpy_B26.js} +3 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-C9qrp3br.js +20 -0
- package/cli/storybook-dist/assets/RBDateInput.stories-DZpvxSqb.js +15 -0
- package/cli/storybook-dist/assets/RBDialog.stories-DSonk9Bx.js +38 -0
- package/cli/storybook-dist/assets/RBDivider.stories-CtuMDRWW.js +1 -0
- package/cli/storybook-dist/assets/RBDrawer.stories-BNjRz9Cf.js +14 -0
- package/cli/storybook-dist/assets/{RBDropdownMenu.stories-CuzDr6dG.js → RBDropdownMenu.stories-Bjl9aOPU.js} +2 -2
- package/cli/storybook-dist/assets/RBEmptyView.stories-ChMkuohg.js +12 -0
- package/cli/storybook-dist/assets/RBIconButton.stories-B5R9unwo.js +1 -0
- package/cli/storybook-dist/assets/RBIcons.stories-Cp5JeZNr.js +3 -0
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-Dl_km9SD.js +1 -0
- package/cli/storybook-dist/assets/RBJoyStick.stories-g1XwqElo.js +11 -0
- package/cli/storybook-dist/assets/RBLabelButton.stories-iNSl-cdD.js +1 -0
- package/cli/storybook-dist/assets/RBLight.stories-DptPacw1.js +1 -0
- package/cli/storybook-dist/assets/RBMenubar.stories-CTH4jNi6.js +3 -0
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-BD138rOz.js +14 -0
- package/cli/storybook-dist/assets/RBPagination.stories-DaXD-840.js +17 -0
- package/cli/storybook-dist/assets/RBPopover.stories-BHA1-yYi.js +11 -0
- package/cli/storybook-dist/assets/RBPrompt.stories-CoEeIK6d.js +20 -0
- package/cli/storybook-dist/assets/RBRadioBox.stories-CePglWfe.js +1 -0
- package/cli/storybook-dist/assets/RBRadioButton.stories-BRNRgcJb.js +11 -0
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-B6ukx3Pl.js +15 -0
- package/cli/storybook-dist/assets/RBResizable.stories-DqoaWeqW.js +20 -0
- package/cli/storybook-dist/assets/RBSelectBox.stories-8QBhknxC.js +6 -0
- package/cli/storybook-dist/assets/RBSheet.stories-Doaw8VOp.js +39 -0
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-BmAEpYFE.js +5 -0
- package/cli/storybook-dist/assets/RBSlider.stories-CH-Hkgd6.js +5 -0
- package/cli/storybook-dist/assets/RBSpinner.stories-BEceevO_.js +14 -0
- package/cli/storybook-dist/assets/{RBSwitch.stories-DUJP7uXw.js → RBSwitch.stories-BoZzoyfx.js} +2 -2
- package/cli/storybook-dist/assets/RBTab.stories-CN3Algxc.js +1 -0
- package/cli/storybook-dist/assets/RBTable.stories-C1UgfrL_.js +62 -0
- package/cli/storybook-dist/assets/RBTableRow.stories-ASxrEiHq.js +11 -0
- package/cli/storybook-dist/assets/RBTabs.stories-0tMRRXl4.js +21 -0
- package/cli/storybook-dist/assets/RBTextArea.stories-DhWXTnBK.js +5 -0
- package/cli/storybook-dist/assets/RBTextField.stories-BLI0HpCu.js +45 -0
- package/cli/storybook-dist/assets/RBTextInput.stories-J8FkNDJo.js +5 -0
- package/cli/storybook-dist/assets/RBToast.stories-D8UxgdX3.js +11 -0
- package/cli/storybook-dist/assets/RBToggle.stories-CjwzqnV-.js +12 -0
- package/cli/storybook-dist/assets/RBToggleGroup.stories-3JwuIqYr.js +17 -0
- package/cli/storybook-dist/assets/RBTooltip.stories-Wkx6rfug.js +9 -0
- package/cli/storybook-dist/assets/{MapEditor-C6_H9h5t.css → SideNumberInput-SAkhydsn.css} +2 -2
- package/cli/storybook-dist/assets/SideNumberInput-_BKR64MG.js +1114 -0
- package/cli/storybook-dist/assets/{entry-preview-G2ctDavw.js → entry-preview-VQeOKtPr.js} +1 -1
- package/cli/storybook-dist/assets/{iframe-BOhIypRE.js → iframe-Ci_IjEPD.js} +2 -2
- package/cli/storybook-dist/assets/{index-BgcrmuE1.js → index-DVR_O3uO.js} +3 -3
- package/cli/storybook-dist/assets/preview-BVJWkKiZ.css +1 -0
- package/cli/storybook-dist/assets/preview-CO9TxipX.js +3 -0
- package/cli/storybook-dist/assets/{preview-ChKiP_bM.js → preview-DAZ7L_eg.js} +2 -2
- package/cli/storybook-dist/assets/react-resizable-panels.browser-BpHwB_WW.js +102 -0
- package/cli/storybook-dist/iframe.html +1 -1
- package/cli/storybook-dist/project.json +1 -1
- package/cli/templates/common/README.md +229 -19
- package/cli/templates/common/manifest.json +1 -0
- package/cli/templates/common/requirements.txt +3 -3
- package/package.json +3 -3
- package/cli/storybook-dist/assets/Docs-CZPzbRJI.js +0 -20
- package/cli/storybook-dist/assets/Docs-DVG-oWp3.js +0 -7
- package/cli/storybook-dist/assets/MapEditor-D4C2XwU6.js +0 -6418
- package/cli/storybook-dist/assets/NxAvatar.stories-5xlylW8S.js +0 -13
- package/cli/storybook-dist/assets/NxButton.stories-YRxoorOO.js +0 -20
- package/cli/storybook-dist/assets/NxPagination.stories-HpA9nBE3.js +0 -11
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-RkuBsu7A.js +0 -14
- package/cli/storybook-dist/assets/NxSelectBox.stories-CG1h2bp3.js +0 -17
- package/cli/storybook-dist/assets/NxSlideRange.stories-UdK8ZHHK.js +0 -14
- package/cli/storybook-dist/assets/NxSwitch.stories-BM7d32cZ.js +0 -11
- package/cli/storybook-dist/assets/NxTextArea.stories-DL6uoMyN.js +0 -11
- package/cli/storybook-dist/assets/NxTextInput.stories-Cy8UZ2j4.js +0 -11
- package/cli/storybook-dist/assets/RBAccordion.stories-tShXBGM7.js +0 -17
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-BdWxR0_T.js +0 -33
- package/cli/storybook-dist/assets/RBAlert.stories-qXR-YP3W.js +0 -17
- package/cli/storybook-dist/assets/RBBadge.stories-cEzAMHib.js +0 -1
- package/cli/storybook-dist/assets/RBBattery.stories-eGnAHW-z.js +0 -10
- package/cli/storybook-dist/assets/RBCard.stories-CycdrGRs.js +0 -45
- package/cli/storybook-dist/assets/RBCheckBox.stories-BSFFOcOq.js +0 -1
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-CFJnuMjZ.js +0 -1
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-CAS-EfIx.js +0 -24
- package/cli/storybook-dist/assets/RBChipTab.stories-DWsx5nBl.js +0 -21
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-7DmzDv1u.js +0 -1
- package/cli/storybook-dist/assets/RBColorIcons.stories-BYhvvnJM.js +0 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-CtXYYbJ1.js +0 -20
- package/cli/storybook-dist/assets/RBDateInput.stories-C8vfSeoE.js +0 -15
- package/cli/storybook-dist/assets/RBDialog.stories-BsljNu-X.js +0 -38
- package/cli/storybook-dist/assets/RBDivider.stories-BaS6rsk7.js +0 -1
- package/cli/storybook-dist/assets/RBDrawer.stories-Dadf_QAx.js +0 -14
- package/cli/storybook-dist/assets/RBEmptyView.stories-CL8YKZ4z.js +0 -12
- package/cli/storybook-dist/assets/RBIconButton.stories-C9uCobtq.js +0 -1
- package/cli/storybook-dist/assets/RBIcons.stories-Do543jrJ.js +0 -3
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-fo5Mkohq.js +0 -1
- package/cli/storybook-dist/assets/RBJoyStick.stories-DluMn4KO.js +0 -11
- package/cli/storybook-dist/assets/RBLabelButton.stories-BisTX_da.js +0 -1
- package/cli/storybook-dist/assets/RBLight.stories-xs5nahD4.js +0 -1
- package/cli/storybook-dist/assets/RBMenubar.stories-Cn-6_-AJ.js +0 -3
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-5mfoXGC6.js +0 -14
- package/cli/storybook-dist/assets/RBPagination.stories-bcc-iOO2.js +0 -17
- package/cli/storybook-dist/assets/RBPopover.stories-DCMSSLeN.js +0 -11
- package/cli/storybook-dist/assets/RBPrompt.stories-D2qyZEoz.js +0 -20
- package/cli/storybook-dist/assets/RBRadioBox.stories-CDc_WkjI.js +0 -1
- package/cli/storybook-dist/assets/RBRadioButton.stories-BCu10IWf.js +0 -11
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-DoRRHADM.js +0 -15
- package/cli/storybook-dist/assets/RBResizable.stories-ClPOvGPZ.js +0 -20
- package/cli/storybook-dist/assets/RBSelectBox.stories-Chc3359A.js +0 -6
- package/cli/storybook-dist/assets/RBSheet.stories-GG_2M19S.js +0 -39
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-wZw5a4Cc.js +0 -5
- package/cli/storybook-dist/assets/RBSlider.stories-B5KtjUqu.js +0 -5
- package/cli/storybook-dist/assets/RBSpinner.stories-D1dZ-X8O.js +0 -14
- package/cli/storybook-dist/assets/RBTab.stories-DQNP4u6i.js +0 -1
- package/cli/storybook-dist/assets/RBTable.stories-Bncn0LRp.js +0 -62
- package/cli/storybook-dist/assets/RBTableRow.stories-DGfPZAVt.js +0 -11
- package/cli/storybook-dist/assets/RBTabs.stories-KM5-HtJk.js +0 -21
- package/cli/storybook-dist/assets/RBTextArea.stories-SBLKQy3l.js +0 -5
- package/cli/storybook-dist/assets/RBTextField.stories-BtD9AYDp.js +0 -45
- package/cli/storybook-dist/assets/RBTextInput.stories-BAV7UURd.js +0 -5
- package/cli/storybook-dist/assets/RBToast.stories-D9Hx1Gqv.js +0 -11
- package/cli/storybook-dist/assets/RBToggle.stories-BsxBo-P4.js +0 -12
- package/cli/storybook-dist/assets/RBToggleGroup.stories-DtpdGy8j.js +0 -17
- package/cli/storybook-dist/assets/RBTooltip.stories-CxLxUTJD.js +0 -9
- package/cli/storybook-dist/assets/RainbowUiProvider-CsMXuxM1.js +0 -31
- package/cli/storybook-dist/assets/preview-CvPmpqMH.css +0 -1
- package/cli/storybook-dist/assets/preview-D_vClpb_.js +0 -3
- package/cli/storybook-dist/assets/react-resizable-panels.browser-CvAJUcrm.js +0 -72
- /package/cli/storybook-dist/assets/{RainbowUiProvider-BaelaOGy.css → react-resizable-panels-BaelaOGy.css} +0 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{E as s,F as m}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const d=r=>o.jsx(s,{...r}),N={component:s,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}},step:{control:{type:"number"}},increaseStep:{control:{type:"number"}},decreaseStep:{control:{type:"number"}},min:{control:{type:"number"}},max:{control:{type:"number"}},maxLength:{control:{type:"number"}},digit:{control:{type:"number"}},isDirect:{control:{type:"boolean"}},detectDobleClick:{control:{type:"boolean"}},type:{control:{type:"select"},options:["number","nx-number"]},disabled:{control:{type:"boolean"}},inputDisabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}}},args:{size:"md",variant:"default",defaultValue:.5,step:.1,isDirect:!0,detectDobleClick:!1},render:d},e={},t={render:r=>o.jsx(m,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:o.jsx(s,{...r})})};var n,a,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(l=(a=e.parameters)==null?void 0:a.docs)==null?void 0:l.source}}};var p,c,i;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <RBTextField label="Node Name" description="노드 이름을 입력하세요." required helperText="중복되지 않는 이름을 사용하세요." helperTone="default">
|
|
3
|
+
<RBSideNumberInput {...args} />
|
|
4
|
+
</RBTextField>
|
|
5
|
+
}`,...(i=(c=t.parameters)==null?void 0:c.docs)==null?void 0:i.source}}};const S=["Default","WithTextField"];export{e as Default,t as WithTextField,S as __namedExportsOrder,N as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import"./index-Dmy2JGbm.js";import{aN as o,V as m}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const x={component:o,tags:["autodocs"],argTypes:{className:{control:!1,table:{disable:!0}},trackClassName:{control:!1,table:{disable:!0}},rangeClassName:{control:!1,table:{disable:!0}},thumbClassName:{control:!1,table:{disable:!0}},min:{control:{type:"number"}},max:{control:{type:"number"}},step:{control:{type:"number"}},disabled:{control:"boolean"},defaultValue:{control:{type:"object"}}},args:{min:0,max:100,step:1,disabled:!1,defaultValue:[64]}},e={render:l=>a.jsx(m,{className:"w-80 gap-4",children:a.jsx(o,{...l})})};var r,t,s;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <VStack className="w-80 gap-4">
|
|
3
|
+
<RBSlider {...args} />
|
|
4
|
+
</VStack>
|
|
5
|
+
}`,...(s=(t=e.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const y=["Playground"];export{e as Playground,y as __namedExportsOrder,x as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{b8 as o}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const j={component:o,tags:["autodocs"]},m=a=>n.jsx(o,{...a}),r={parameters:{docs:{description:{story:""}}},args:{size:"1.5rem",className:"text-fg-default"},render:m};var e,t,s;r.parameters={...r.parameters,docs:{...(e=r.parameters)==null?void 0:e.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {
|
|
10
|
+
size: "1.5rem",
|
|
11
|
+
className: "text-fg-default"
|
|
12
|
+
},
|
|
13
|
+
render: Template
|
|
14
|
+
}`,...(s=(t=r.parameters)==null?void 0:t.docs)==null?void 0:s.source}}};const R=["Default"];export{r as Default,R as __namedExportsOrder,j as default};
|
package/cli/storybook-dist/assets/{RBSwitch.stories-DUJP7uXw.js → RBSwitch.stories-BoZzoyfx.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Dmy2JGbm.js";import{aO as o,V as f,aP as C}from"./
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Dmy2JGbm.js";import{aO as o,V as f,aP as C}from"./SideNumberInput-_BKR64MG.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v={component:o,tags:["autodocs"],argTypes:{checked:{control:!1,table:{disable:!0}},defaultChecked:{control:"boolean"},size:{control:{type:"select"},options:["default","sm"]},invalid:{control:"boolean"},disabled:{control:"boolean"}},args:{defaultChecked:!1,disabled:!1,invalid:!1,size:"default"}},n={render:function(e){const[c,t]=l.useState(!!e.defaultChecked);return l.useEffect(()=>{t(!!e.defaultChecked)},[e.defaultChecked]),a.jsx(f,{className:"w-80 gap-4",children:a.jsx(o,{...e,checked:c,onCheckedChange:t})})}},s={args:{controlPlacement:"start",defaultChecked:!1,description:"This is a switch description.",disabled:!1,invalid:!1,label:"Switch Text",size:"default",type:"default"},argTypes:{controlPlacement:{control:{type:"select"},options:["start","end"]},description:{control:"text"},descriptionClassName:{control:!1,table:{disable:!0}},label:{control:"text"},labelClassName:{control:!1,table:{disable:!0}},type:{control:{type:"select"},options:["default","box"]}},render:function(e){const[c,t]=l.useState(!!e.defaultChecked);return l.useEffect(()=>{t(!!e.defaultChecked)},[e.defaultChecked]),a.jsx(f,{className:"w-80 gap-4",children:a.jsx(C,{controlPlacement:e.controlPlacement,description:e.description,descriptionClassName:e.descriptionClassName,invalid:e.invalid,label:e.label,labelClassName:e.labelClassName,size:e.size,type:e.type,children:a.jsx(o,{checked:c,disabled:e.disabled,invalid:e.invalid,size:e.size,onCheckedChange:t})})})}};var d,r,i;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
2
|
render: function Render(args) {
|
|
3
3
|
const [checked, setChecked] = useState(Boolean(args.defaultChecked));
|
|
4
4
|
useEffect(() => {
|
|
@@ -62,4 +62,4 @@ import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{r as l}from"./index-Dmy2JGb
|
|
|
62
62
|
</RBSwitchField>
|
|
63
63
|
</VStack>;
|
|
64
64
|
}
|
|
65
|
-
}`,...(u=(h=s.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};const
|
|
65
|
+
}`,...(u=(h=s.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};const z=["Playground","WithText"];export{n as Playground,s as WithText,z as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as u}from"./jsx-runtime-BTJTZTIL.js";import{r as y}from"./index-Dmy2JGbm.js";import{a$ as p}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const o=Array.from({length:8}).map((e,r)=>({key:r+1,label:"Menu"})),b=e=>{var a;const[r,i]=y.useState(e.activeKey??((a=o==null?void 0:o[0])==null?void 0:a.key)??1),d=(s,f)=>{var l;i(s),(l=e.handleChange)==null||l.call(e,s,f)};return u.jsx(p,{...e,activeKey:r,handleChange:d})},j={component:p,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["sm","md","lg"],table:{type:{summary:'"sm" | "md" | "lg"'}}},tabItems:{control:!1},tabNavScrollRef:{control:!1},rippleOption:{control:!1},handleChange:{control:!1},onClick:{control:!1}},args:{size:"md",tabItems:o,slider:!0,swipeContent:!1,disabled:!1,destroyInactiveTabPanel:!0,activeKey:1},render:b},t={};var n,c,m;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(m=(c=t.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};const E=["Default"];export{t as Default,E as __namedExportsOrder,j as default};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as w}from"./index-Dmy2JGbm.js";import{b0 as m,b1 as g,b2 as a,R as T,f,m as C,C as j,aO as k}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const I=[{name:"테스트1",number:1,role:"member",test:"test"},{name:"테스트2",number:2,role:"member",test:"test"},{name:"테스트3",number:3,role:"member",test:"test"}],O={component:m,tags:["autodocs"],args:{list:I,hideThead:!1,stickyThead:!1,loading:!1}},S=o=>e.jsx(m,{...o,className:"[&_[data-slot='table-head-cell']]:!bg-raised [&_[data-slot='table-cell']]:!bg-alt-2",children:({item:s,index:n})=>e.jsxs(g,{children:[e.jsx(a,{fieldId:"name",label:"Name",sortValue:s.name,children:e.jsx("span",{children:s.name})}),e.jsx(a,{fieldId:"number",label:"Number",children:e.jsx("span",{children:s.number})}),e.jsx(a,{fieldId:"role",label:"Role",children:e.jsx("span",{children:s.role})}),e.jsx(a,{fieldId:"test",label:"Test",align:"center",children:e.jsx("span",{children:s.test})})]},`row-${n}`)}),r={parameters:{docs:{description:{story:""}}},args:{},render:S},v=[{id:1,text:"Test1",badge:"Test",button:"Test",checked:!0,enabled:!0},{id:2,text:"Test2",badge:"Test",button:"Test",checked:!1,enabled:!1}],l={parameters:{docs:{description:{story:"RBTable 셀 안에 text, RBBadge, RBLabelButton, RBCheckBox, RBSwitch가 들어가는 예제입니다."}}},render:()=>{const[o,s]=w.useState(v);return e.jsx(m,{list:o,children:({item:n,index:b})=>e.jsxs(g,{children:[e.jsx(a,{fieldId:"text",label:"Text",sortValue:n.text,children:e.jsx("span",{children:n.text})}),e.jsx(a,{fieldId:"badge",label:"RBBadge",children:e.jsx(T,{color:"red",leadingIcon:e.jsx(f,{className:"size-3 shrink-0"}),numberVariant:"solid",type:"transparent",children:n.badge})}),e.jsx(a,{fieldId:"button",label:"RBButton",children:e.jsx(C,{size:"xs",variant:"soft",children:n.button})}),e.jsx(a,{fieldId:"checkbox",label:"RBCheckbox",children:e.jsx(j,{value:n.checked,handleChange:d=>{s(c=>c.map((t,i)=>i===b?{...t,checked:!!d}:t))}})}),e.jsx(a,{fieldId:"switch",label:"RBSwitch",align:"center",children:e.jsx(k,{checked:n.enabled,onCheckedChange:d=>{s(c=>c.map((t,i)=>i===b?{...t,enabled:d}:t))}})})]},`showcase-row-${n.id}`)})}};var B,h,x;r.parameters={...r.parameters,docs:{...(B=r.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {},
|
|
10
|
+
render: Template
|
|
11
|
+
}`,...(x=(h=r.parameters)==null?void 0:h.docs)==null?void 0:x.source}}};var u,R,p;l.parameters={...l.parameters,docs:{...(u=l.parameters)==null?void 0:u.docs,source:{originalSource:`{
|
|
12
|
+
parameters: {
|
|
13
|
+
docs: {
|
|
14
|
+
description: {
|
|
15
|
+
story: "RBTable 셀 안에 text, RBBadge, RBLabelButton, RBCheckBox, RBSwitch가 들어가는 예제입니다."
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
render: () => {
|
|
20
|
+
const [rows, setRows] = useState(showcaseList);
|
|
21
|
+
return <RBTable list={rows}>
|
|
22
|
+
{({
|
|
23
|
+
item,
|
|
24
|
+
index
|
|
25
|
+
}) => <RBTableRow key={\`showcase-row-\${item.id}\`}>
|
|
26
|
+
<RBTdColumn fieldId="text" label="Text" sortValue={item.text}>
|
|
27
|
+
<span>{item.text}</span>
|
|
28
|
+
</RBTdColumn>
|
|
29
|
+
|
|
30
|
+
<RBTdColumn fieldId="badge" label="RBBadge">
|
|
31
|
+
<RBBadge color="red" leadingIcon={<SvgDangerSolid className="size-3 shrink-0" />} numberVariant="solid" type="transparent">
|
|
32
|
+
{item.badge}
|
|
33
|
+
</RBBadge>
|
|
34
|
+
</RBTdColumn>
|
|
35
|
+
|
|
36
|
+
<RBTdColumn fieldId="button" label="RBButton">
|
|
37
|
+
<RBLabelButton size="xs" variant="soft">
|
|
38
|
+
{item.button}
|
|
39
|
+
</RBLabelButton>
|
|
40
|
+
</RBTdColumn>
|
|
41
|
+
|
|
42
|
+
<RBTdColumn fieldId="checkbox" label="RBCheckbox">
|
|
43
|
+
<RBCheckBox value={item.checked} handleChange={value => {
|
|
44
|
+
setRows(prev => prev.map((row, rowIndex) => rowIndex === index ? {
|
|
45
|
+
...row,
|
|
46
|
+
checked: Boolean(value)
|
|
47
|
+
} : row));
|
|
48
|
+
}} />
|
|
49
|
+
</RBTdColumn>
|
|
50
|
+
|
|
51
|
+
<RBTdColumn fieldId="switch" label="RBSwitch" align="center">
|
|
52
|
+
<RBSwitch checked={item.enabled} onCheckedChange={checked => {
|
|
53
|
+
setRows(prev => prev.map((row, rowIndex) => rowIndex === index ? {
|
|
54
|
+
...row,
|
|
55
|
+
enabled: checked
|
|
56
|
+
} : row));
|
|
57
|
+
}} />
|
|
58
|
+
</RBTdColumn>
|
|
59
|
+
</RBTableRow>}
|
|
60
|
+
</RBTable>;
|
|
61
|
+
}
|
|
62
|
+
}`,...(p=(R=l.parameters)==null?void 0:R.docs)==null?void 0:p.source}}};const q=["Default","CellExamples"];export{l as CellExamples,r as Default,q as __namedExportsOrder,O as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b1 as o,b0 as c,b2 as s,b3 as i}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=[{name:"테스트1",number:1,role:"member",test:"test"}],_={component:o,tags:["autodocs"],args:{expendOpen:!1}},x=d=>e.jsx(c,{className:"[&_[data-slot='table-head-cell']]:bg-raised [&_[data-slot='table-cell']]:bg-alt-1",list:m,children:({item:r,index:p})=>e.jsxs(o,{...d,children:[e.jsx(s,{fieldId:"name",label:"Name",sortValue:r.name,expend:!0,children:e.jsx("span",{children:r.name})}),e.jsx(s,{fieldId:"number",label:"Number",expend:!0,children:e.jsx("span",{children:r.number})}),e.jsx(s,{fieldId:"role",label:"Role",expend:!0,children:e.jsx("span",{children:r.role})}),e.jsx(s,{fieldId:"test",label:"Test",align:"center",expend:!0,children:e.jsx("span",{children:r.test})}),e.jsx(i,{children:"RBTable Data Expend Test"})]},`row-${p}`)}),a={parameters:{docs:{description:{story:""}}},args:{},render:x};var t,n,l;a.parameters={...a.parameters,docs:{...(t=a.parameters)==null?void 0:t.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {},
|
|
10
|
+
render: Template
|
|
11
|
+
}`,...(l=(n=a.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};const E=["Default"];export{a as Default,E as __namedExportsOrder,_ as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{aQ as s,aR as m,aS as e}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const B={tags:["autodocs"],component:s,parameters:{layout:"centered"},argTypes:{size:{control:"select",options:["sm","xs"],table:{type:{summary:'"sm" | "xs"'}}},variant:{control:"select",options:["default","line"],table:{type:{summary:'"default" | "line"'}}},orientation:{control:"select",options:["horizontal","vertical"],description:"line variant 는 horizontal orientation 만 지원",table:{type:{summary:'"horizontal" | "vertical"'}}}}},t={args:{size:"sm",variant:"default",orientation:"horizontal"},render:({orientation:l,size:T,variant:r})=>{const b=r==="line"?"horizontal":l;return a.jsx(s,{defaultValue:"tab-1",variant:r,size:T,orientation:b,children:a.jsxs(m,{children:[a.jsx(e,{value:"tab-1",children:"Tabs Text"}),a.jsx(e,{value:"tab-2",children:"Tabs Text"}),a.jsx(e,{value:"tab-3",children:"Tabs Text"})]})})}};var n,o,i;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
size: "sm",
|
|
4
|
+
variant: "default",
|
|
5
|
+
orientation: "horizontal"
|
|
6
|
+
},
|
|
7
|
+
render: ({
|
|
8
|
+
orientation,
|
|
9
|
+
size,
|
|
10
|
+
variant
|
|
11
|
+
}) => {
|
|
12
|
+
const resolvedOrientation = variant === "line" ? "horizontal" : orientation;
|
|
13
|
+
return <RBTabs defaultValue="tab-1" variant={variant} size={size} orientation={resolvedOrientation}>
|
|
14
|
+
<RBTabsList>
|
|
15
|
+
<RBTabsTrigger value="tab-1">Tabs Text</RBTabsTrigger>
|
|
16
|
+
<RBTabsTrigger value="tab-2">Tabs Text</RBTabsTrigger>
|
|
17
|
+
<RBTabsTrigger value="tab-3">Tabs Text</RBTabsTrigger>
|
|
18
|
+
</RBTabsList>
|
|
19
|
+
</RBTabs>;
|
|
20
|
+
}
|
|
21
|
+
}`,...(i=(o=t.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const h=["Playground"];export{t as Playground,h as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{G as a,F as n}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),B={component:a,tags:["autodocs"],argTypes:{variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}}},args:{variant:"default",disabled:!1,readOnly:!1},render:m},e={},r={render:s=>t.jsx(n,{label:"Description",description:"상세 설명을 입력하세요.",required:!0,helperText:"최대 500자까지 입력할 수 있습니다.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"내용을 입력해주세요."})})};var o,i,l;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(l=(i=e.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var p,d,c;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <RBTextField label="Description" description="상세 설명을 입력하세요." required helperText="최대 500자까지 입력할 수 있습니다." helperTone="default">
|
|
3
|
+
<RBTextArea {...args} placeholder="내용을 입력해주세요." />
|
|
4
|
+
</RBTextField>
|
|
5
|
+
}`,...(c=(d=r.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const F=["Default","WithTextField"];export{e as Default,r as WithTextField,F as __namedExportsOrder,B as default};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as s,u as v,z as w,B as i,E as I,G as N}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const q={component:s,tags:["autodocs"],args:{label:"Node Name",description:"노드 이름을 입력하세요.",required:!1,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default"},argTypes:{helperTone:{control:{type:"select"},options:["default","error","success"],table:{type:{summary:'"default" | "error" | "success"'}}}},decorators:[r=>e.jsx("div",{className:"w-[360px]",children:e.jsx(r,{})})]},t={render:r=>e.jsx(s,{...r,children:e.jsx(v,{placeholder:"node_053"})})},o={args:{label:"Description",description:"상세 설명을 입력하세요.",helperText:"최대 500자까지 입력할 수 있습니다."},render:r=>e.jsx(s,{...r,children:e.jsx(N,{placeholder:"내용을 입력해주세요."})})},n={args:{label:"Threshold",description:"숫자 값을 입력하세요.",helperText:"증가/감소 버튼으로도 조절할 수 있습니다."},render:r=>e.jsx(s,{...r,children:e.jsx(I,{value:"0.5",step:.1,isDirect:!0})})},a={args:{label:"Category",description:"옵션을 선택하세요.",helperText:"필요한 분류를 선택해주세요."},render:r=>e.jsx(s,{...r,children:e.jsxs(w,{placeholder:"카테고리 선택",children:[e.jsx(i,{value:"sensor",children:"Sensor"}),e.jsx(i,{value:"network",children:"Network"}),e.jsx(i,{value:"power",children:"Power"})]})})},l={args:{helperText:"이미 사용 중인 이름입니다.",helperTone:"error",required:!0},render:r=>e.jsx(s,{...r,children:e.jsx(v,{placeholder:"node_053"})})};var p,d,c;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <RBTextField {...args}>
|
|
3
|
+
<RBTextInput placeholder="node_053" />
|
|
4
|
+
</RBTextField>
|
|
5
|
+
}`,...(c=(d=t.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};var x,u,h;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
|
|
6
|
+
args: {
|
|
7
|
+
label: "Description",
|
|
8
|
+
description: "상세 설명을 입력하세요.",
|
|
9
|
+
helperText: "최대 500자까지 입력할 수 있습니다."
|
|
10
|
+
},
|
|
11
|
+
render: args => <RBTextField {...args}>
|
|
12
|
+
<RBTextArea placeholder="내용을 입력해주세요." />
|
|
13
|
+
</RBTextField>
|
|
14
|
+
}`,...(h=(u=o.parameters)==null?void 0:u.docs)==null?void 0:h.source}}};var m,T,g;n.parameters={...n.parameters,docs:{...(m=n.parameters)==null?void 0:m.docs,source:{originalSource:`{
|
|
15
|
+
args: {
|
|
16
|
+
label: "Threshold",
|
|
17
|
+
description: "숫자 값을 입력하세요.",
|
|
18
|
+
helperText: "증가/감소 버튼으로도 조절할 수 있습니다."
|
|
19
|
+
},
|
|
20
|
+
render: args => <RBTextField {...args}>
|
|
21
|
+
<RBSideNumberInput value="0.5" step={0.1} isDirect />
|
|
22
|
+
</RBTextField>
|
|
23
|
+
}`,...(g=(T=n.parameters)==null?void 0:T.docs)==null?void 0:g.source}}};var B,R,j;a.parameters={...a.parameters,docs:{...(B=a.parameters)==null?void 0:B.docs,source:{originalSource:`{
|
|
24
|
+
args: {
|
|
25
|
+
label: "Category",
|
|
26
|
+
description: "옵션을 선택하세요.",
|
|
27
|
+
helperText: "필요한 분류를 선택해주세요."
|
|
28
|
+
},
|
|
29
|
+
render: args => <RBTextField {...args}>
|
|
30
|
+
<RBSelectBox placeholder="카테고리 선택">
|
|
31
|
+
<Option value="sensor">Sensor</Option>
|
|
32
|
+
<Option value="network">Network</Option>
|
|
33
|
+
<Option value="power">Power</Option>
|
|
34
|
+
</RBSelectBox>
|
|
35
|
+
</RBTextField>
|
|
36
|
+
}`,...(j=(R=a.parameters)==null?void 0:R.docs)==null?void 0:j.source}}};var S,F,b;l.parameters={...l.parameters,docs:{...(S=l.parameters)==null?void 0:S.docs,source:{originalSource:`{
|
|
37
|
+
args: {
|
|
38
|
+
helperText: "이미 사용 중인 이름입니다.",
|
|
39
|
+
helperTone: "error",
|
|
40
|
+
required: true
|
|
41
|
+
},
|
|
42
|
+
render: args => <RBTextField {...args}>
|
|
43
|
+
<RBTextInput placeholder="node_053" />
|
|
44
|
+
</RBTextField>
|
|
45
|
+
}`,...(b=(F=l.parameters)==null?void 0:F.docs)==null?void 0:b.source}}};const C=["WithTextInput","WithTextArea","WithSideNumberInput","WithSelectBox","Error"];export{l as Error,a as WithSelectBox,n as WithSideNumberInput,o as WithTextArea,t as WithTextInput,C as __namedExportsOrder,q as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{u as a,F as c}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),j={component:a,tags:["autodocs"],argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"],table:{type:{summary:'"xs2" | "sm" | "md" | "lg"'}}},variant:{control:{type:"select"},options:["default","success"],table:{type:{summary:'"default" | "success"'}}}},args:{variant:"default",disabled:!1,readOnly:!1},render:m},e={},r={render:s=>t.jsx(c,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"node_053"})})};var o,l,d;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(d=(l=e.parameters)==null?void 0:l.docs)==null?void 0:d.source}}};var p,i,n;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
|
+
render: args => <RBTextField label="Node Name" description="노드 이름을 입력하세요." required helperText="중복되지 않는 이름을 사용하세요." helperTone="default">
|
|
3
|
+
<RBTextInput {...args} placeholder="node_053" />
|
|
4
|
+
</RBTextField>
|
|
5
|
+
}`,...(n=(i=r.parameters)==null?void 0:i.docs)==null?void 0:n.source}}};const B=["Default","WithTextField"];export{e as Default,r as WithTextField,B as __namedExportsOrder,j as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as p}from"./index-Dmy2JGbm.js";import{b4 as c,b5 as d,b6 as m}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const v={component:c,tags:["autodocs"],args:{position:"top-left",type:"basic",variant:"default",actionLabel:"",closeOnActionClick:!0},argTypes:{position:{control:{type:"select"},options:["top-center","top-left","top-right","bottom-center","bottom-left","bottom-right"]},variant:{control:{type:"select"},options:["default","danger","warning","caution","success","copy"]},type:{control:{type:"select"},options:["basic","alert"]},icon:{control:!1},actionLabel:{control:{type:"text"},description:"액션 버튼 라벨"},handleActionClick:{control:!1,description:"액션 버튼 클릭 시 실행할 함수"},closeOnActionClick:{control:{type:"boolean"},description:"액션 버튼 클릭 뒤 토스트를 닫을지 여부"}}},u=t=>{const[n,r]=p.useState(0),l=()=>{r(n+1),m.openToast({title:`Toast Title ${n}`,content:"This is a toast message long test long test long test long test long test long test.",icon:t.icon,actionLabel:t.actionLabel||void 0,handleActionClick:t.actionLabel?()=>console.info("toast action clicked"):void 0,closeOnActionClick:t.closeOnActionClick,type:t.type,variant:t.variant,position:t.position,duration:t.duration})};return e.jsxs("div",{className:"border-danger flex h-100 flex-col items-center justify-center border-1",children:[e.jsx(c,{position:t.position,duration:t.duration,toastComponent:d}),e.jsx("button",{onClick:l,className:"text-fg-default",children:"open toast"})]})},o={parameters:{docs:{description:{story:""}}},args:{},render:u};var s,i,a;o.parameters={...o.parameters,docs:{...(s=o.parameters)==null?void 0:s.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {},
|
|
10
|
+
render: Template
|
|
11
|
+
}`,...(a=(i=o.parameters)==null?void 0:i.docs)==null?void 0:a.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,v as default};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{r as o}from"./index-Dmy2JGbm.js";import{aT as d,i as c}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const T={component:d,tags:["autodocs"],argTypes:{className:{control:!1,table:{disable:!0}},children:{control:!1,table:{disable:!0}},defaultPressed:{control:"boolean"},disabled:{control:"boolean"},onPressedChange:{control:!1,table:{disable:!0}},pressed:{control:!1,table:{disable:!0}},size:{control:{type:"select"},options:["default","sm","lg"]},variant:{control:{type:"select"},options:["default","outline"]}},args:{defaultPressed:!1,disabled:!1,size:"default",variant:"default"}},s={render:function(e){const[u,r]=o.useState(!!e.defaultPressed);return o.useEffect(()=>{r(!!e.defaultPressed)},[e.defaultPressed]),t.jsxs(d,{...e,pressed:u,onPressedChange:r,children:[t.jsx(c,{}),"Text"]})}};var a,n,l;s.parameters={...s.parameters,docs:{...(a=s.parameters)==null?void 0:a.docs,source:{originalSource:`{
|
|
2
|
+
render: function Render(args) {
|
|
3
|
+
const [pressed, setPressed] = useState(Boolean(args.defaultPressed));
|
|
4
|
+
useEffect(() => {
|
|
5
|
+
setPressed(Boolean(args.defaultPressed));
|
|
6
|
+
}, [args.defaultPressed]);
|
|
7
|
+
return <RBToggle {...args} pressed={pressed} onPressedChange={setPressed}>
|
|
8
|
+
<RBIcons.SvgPlusBold />
|
|
9
|
+
Text
|
|
10
|
+
</RBToggle>;
|
|
11
|
+
}
|
|
12
|
+
}`,...(l=(n=s.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};const h=["Playground"];export{s as Playground,h as __namedExportsOrder,T as default};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{r as u}from"./index-Dmy2JGbm.js";import{aU as i,aV as r,aW as p,aX as g,aY as m}from"./SideNumberInput-_BKR64MG.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const V={component:i,tags:["autodocs"],parameters:{layout:"centered"},argTypes:{orientation:{control:"select",options:["horizontal","vertical"]},separated:{control:"boolean"},stretched:{control:"boolean"}},args:{orientation:"horizontal",separated:!1,stretched:!1}},t={args:{orientation:"horizontal",separated:!1,stretched:!1},render:function(a){const[c,d]=u.useState("left");return e.jsxs(i,{type:"single",orientation:a.orientation,separated:a.separated,stretched:a.stretched,value:c,onValueChange:o=>{o&&d(o)},className:a.stretched?"w-[360px]":void 0,children:[e.jsx(r,{value:"left","aria-label":"왼쪽 정렬",icon:e.jsx(p,{})}),e.jsx(r,{value:"center","aria-label":"가운데 정렬",icon:e.jsx(g,{})}),e.jsx(r,{value:"right","aria-label":"오른쪽 정렬",icon:e.jsx(m,{})})]})}};var n,s,l;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
orientation: "horizontal",
|
|
4
|
+
separated: false,
|
|
5
|
+
stretched: false
|
|
6
|
+
},
|
|
7
|
+
render: function Render(args) {
|
|
8
|
+
const [value, setValue] = useState<string>("left");
|
|
9
|
+
return <RBToggleGroup type="single" orientation={args.orientation} separated={args.separated} stretched={args.stretched} value={value} onValueChange={(nextValue: string) => {
|
|
10
|
+
if (nextValue) setValue(nextValue);
|
|
11
|
+
}} className={args.stretched ? "w-[360px]" : undefined}>
|
|
12
|
+
<RBToggleGroupItem value="left" aria-label="왼쪽 정렬" icon={<RBIcons.SvgListChecksBold />} />
|
|
13
|
+
<RBToggleGroupItem value="center" aria-label="가운데 정렬" icon={<RBIcons.SvgBulletSolid />} />
|
|
14
|
+
<RBToggleGroupItem value="right" aria-label="오른쪽 정렬" icon={<RBIcons.SvgBoardSolid />} />
|
|
15
|
+
</RBToggleGroup>;
|
|
16
|
+
}
|
|
17
|
+
}`,...(l=(s=t.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const G=["Playground"];export{t as Playground,G as __namedExportsOrder,V as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{b7 as c}from"./SideNumberInput-_BKR64MG.js";import"./index-Dmy2JGbm.js";import"./react-resizable-panels.browser-BpHwB_WW.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./index-ChsGqxH_.js";import"./browserUtils-CxJ5gea3.js";import"./index-BRq5TIsn.js";const e=0,b={component:c,tags:["autodocs"],argTypes:{place:{control:"radio",options:["top","left","bottom","right"],defaultValue:"bottom"},tooltipColor:{control:"color"},tooltipTextColor:{control:"color"}}},p=t=>r.jsxs("div",{className:"flex items-center justify-center p-30",children:[r.jsx("button",{className:"text-fg-default border-danger border-1",id:`${t.anchorId}${e}`,children:"Tooltip"}),r.jsx(c,{...t,anchorId:`${t.anchorId}${e}`})]}),o={args:{anchorId:"tooltip-anchor",children:"Tooltip Content",events:["hover"],place:"top"},render:p};var n,a,s;o.parameters={...o.parameters,docs:{...(n=o.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
anchorId: "tooltip-anchor",
|
|
4
|
+
children: "Tooltip Content",
|
|
5
|
+
events: ["hover"],
|
|
6
|
+
place: "top"
|
|
7
|
+
},
|
|
8
|
+
render: Template
|
|
9
|
+
}`,...(s=(a=o.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};const g=["Default"];export{o as Default,g as __namedExportsOrder,b as default};
|