@rainbow-robotics/muscat-plugin-kit 1.0.0 → 1.0.3
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/cli/bin/muscat-pk.mjs +28 -21
- package/cli/src/dev.mjs +4 -4
- package/cli/src/devBack.mjs +20 -9
- package/cli/src/zenohDev.mjs +6 -0
- package/cli/storybook-dist/assets/{Color-YHDXOIA2-ttZJDaKn.js → Color-YHDXOIA2-CqDglQTp.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-B1jnlXHd.js → Docs-BurcN_LW.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-B7dRsHh7.js → Docs-CXVG5Uuu.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-C68t3mnn.js → Docs-Ddc6_fjF.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-D7rPMMhK.js → Docs-J6uc1jPp.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-guWsANnn.js → Docs-ePoHpMvl.js} +1 -1
- package/cli/storybook-dist/assets/{Docs-DM98U-ZG.js → Docs-qKOUHE6B.js} +1 -1
- package/cli/storybook-dist/assets/{DocsRenderer-CFRXHY34-t12O9QfY.js → DocsRenderer-CFRXHY34-CDntg3oy.js} +1 -1
- package/cli/storybook-dist/assets/NxAvatar.stories-DolReoDo.js +13 -0
- package/cli/storybook-dist/assets/NxButton.stories-CGaBfB4s.js +20 -0
- package/cli/storybook-dist/assets/{NxNumberInput.stories-D6NVMTos.js → NxNumberInput.stories-KtDA1GwL.js} +1 -1
- package/cli/storybook-dist/assets/NxPagination.stories-DBIvwbOM.js +11 -0
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-DJV010tl.js +14 -0
- package/cli/storybook-dist/assets/{NxRangeInput.stories-BigBBkE7.js → NxRangeInput.stories-DwDcyMPh.js} +1 -1
- package/cli/storybook-dist/assets/NxSelectBox.stories-tKrI1aWZ.js +17 -0
- package/cli/storybook-dist/assets/NxSlideRange.stories-lXoBhE82.js +14 -0
- package/cli/storybook-dist/assets/NxSwitch.stories-DWNlGJzZ.js +11 -0
- package/cli/storybook-dist/assets/NxTextArea.stories-xbPBBL3F.js +11 -0
- package/cli/storybook-dist/assets/NxTextInput.stories-B3ixzGJe.js +11 -0
- package/cli/storybook-dist/assets/RBAccordion.stories-SfSxjTof.js +17 -0
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-DmTlz0Q0.js +33 -0
- package/cli/storybook-dist/assets/RBAlert.stories-B5PXCw-B.js +17 -0
- package/cli/storybook-dist/assets/RBBadge.stories-BPDEMGIu.js +1 -0
- package/cli/storybook-dist/assets/RBBattery.stories-CtadKrE9.js +10 -0
- package/cli/storybook-dist/assets/{RBCard.stories-DTL_7n6I.js → RBCard.stories-CoOTzwKS.js} +1 -1
- package/cli/storybook-dist/assets/RBCheckBox.stories-CtRNPV2E.js +1 -0
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-DzwbgsAI.js +1 -0
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-DG9GAGpb.js +24 -0
- package/cli/storybook-dist/assets/RBChipTab.stories-0FQRFf6a.js +21 -0
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-BG6TWYot.js +1 -0
- package/cli/storybook-dist/assets/RBColorIcons.stories-Cpr8K_VN.js +3 -0
- package/cli/storybook-dist/assets/{RBCommand.stories-DjuCDn5h.js → RBCommand.stories-BPqCoFSm.js} +1 -1
- package/cli/storybook-dist/assets/RBConfirm.stories-DW9fNd-s.js +20 -0
- package/cli/storybook-dist/assets/RBDateInput.stories-2v-pGUgH.js +15 -0
- package/cli/storybook-dist/assets/{RBDialog.stories-Ln23Gyhk.js → RBDialog.stories-DukhL93v.js} +1 -1
- package/cli/storybook-dist/assets/RBDivider.stories-BcL583zs.js +1 -0
- package/cli/storybook-dist/assets/RBDrawer.stories-CvMzdbRQ.js +14 -0
- package/cli/storybook-dist/assets/{RBDropdownMenu.stories-DBvwDCnf.js → RBDropdownMenu.stories-CxHP8s2X.js} +1 -1
- package/cli/storybook-dist/assets/RBEmptyView.stories-C5NPbjSs.js +12 -0
- package/cli/storybook-dist/assets/RBIconButton.stories-QSvmudmx.js +1 -0
- package/cli/storybook-dist/assets/RBIcons.stories-CrJSDhw5.js +3 -0
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-BCnKj9zm.js +1 -0
- package/cli/storybook-dist/assets/RBJoyStick.stories-CMc8Zl69.js +11 -0
- package/cli/storybook-dist/assets/RBLabelButton.stories-ksqrnjlG.js +1 -0
- package/cli/storybook-dist/assets/RBLight.stories-0wbo2nYc.js +1 -0
- package/cli/storybook-dist/assets/RBMenuTreeIcons.stories-D7D6FUCq.js +3 -0
- package/cli/storybook-dist/assets/RBMenubar.stories-vAaVUBL4.js +3 -0
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories-DeRmllQG.js +14 -0
- package/cli/storybook-dist/assets/RBPagination.stories-DdsGKF4x.js +17 -0
- package/cli/storybook-dist/assets/RBPopover.stories-_8hqRuqs.js +11 -0
- package/cli/storybook-dist/assets/RBProgramIcons.stories-AE5F5vnA.js +3 -0
- package/cli/storybook-dist/assets/RBPrompt.stories-BuvTSyJ-.js +20 -0
- package/cli/storybook-dist/assets/RBRadioBox.stories-CIZ9xbhR.js +1 -0
- package/cli/storybook-dist/assets/RBRadioButton.stories-BTDZs2wi.js +11 -0
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-BVHp8lOH.js +15 -0
- package/cli/storybook-dist/assets/RBResizable.stories-CtPX5xSO.js +20 -0
- package/cli/storybook-dist/assets/RBSelectBox.stories-CM6Jj9Gc.js +6 -0
- package/cli/storybook-dist/assets/{RBSheet.stories-C93Hpmvn.js → RBSheet.stories-CSbdUGk3.js} +1 -1
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-B9qx72DA.js +5 -0
- package/cli/storybook-dist/assets/RBSlider.stories-zGCLGB5q.js +5 -0
- package/cli/storybook-dist/assets/RBSpinner.stories-lfShvEK5.js +14 -0
- package/cli/storybook-dist/assets/{RBSwitch.stories-T9InolEP.js → RBSwitch.stories-CtQO_k88.js} +1 -1
- package/cli/storybook-dist/assets/RBTab.stories-uiJ857C0.js +1 -0
- package/cli/storybook-dist/assets/RBTable.stories-aSKYvJEm.js +62 -0
- package/cli/storybook-dist/assets/RBTableRow.stories-HdvIQFJ7.js +11 -0
- package/cli/storybook-dist/assets/RBTabs.stories-BbkbAZmr.js +21 -0
- package/cli/storybook-dist/assets/RBTextArea.stories-BmttyVB5.js +5 -0
- package/cli/storybook-dist/assets/{RBTextField.stories-ByW-EKCD.js → RBTextField.stories-Bwl-4BpX.js} +1 -1
- package/cli/storybook-dist/assets/RBTextInput.stories-wdFHEyex.js +5 -0
- package/cli/storybook-dist/assets/RBToast.stories-DGseNwok.js +11 -0
- package/cli/storybook-dist/assets/RBToggle.stories-CIjtTH8Z.js +12 -0
- package/cli/storybook-dist/assets/RBToggleGroup.stories-C9xaf3_6.js +17 -0
- package/cli/storybook-dist/assets/RBTooltip.stories-CASPkRIl.js +9 -0
- package/cli/storybook-dist/assets/createGoalLayer-BTJsygfA.js +6148 -0
- package/cli/storybook-dist/assets/{entry-preview-CNdFC92L.js → entry-preview-Dvtrp-Iz.js} +1 -1
- package/cli/storybook-dist/assets/{iframe-CLUgOMp4.js → iframe-2HWeVfNp.js} +2 -2
- package/cli/storybook-dist/assets/{index-mT46TdHs.js → index-CJUZkSk7.js} +3 -3
- package/cli/storybook-dist/assets/preview-B06SqMyk.css +1 -0
- package/cli/storybook-dist/assets/{preview-CzhIqee1.js → preview-B1oNL53P.js} +1 -1
- package/cli/storybook-dist/assets/{preview-CvycU0Br.js → preview-CRDPQD4I.js} +2 -2
- package/cli/storybook-dist/iframe.html +1 -1
- package/cli/storybook-dist/project.json +1 -1
- package/cli/templates/common/requirements.txt +3 -3
- package/package.json +3 -3
- package/cli/storybook-dist/assets/NxAvatar.stories-ikdLTtys.js +0 -13
- package/cli/storybook-dist/assets/NxButton.stories-DL3S2KEV.js +0 -20
- package/cli/storybook-dist/assets/NxPagination.stories-BDKSlHiQ.js +0 -11
- package/cli/storybook-dist/assets/NxPointerHoldButton.stories-BI544zqB.js +0 -14
- package/cli/storybook-dist/assets/NxSelectBox.stories-Ci0IyUWd.js +0 -17
- package/cli/storybook-dist/assets/NxSlideRange.stories-sjnPAjFy.js +0 -14
- package/cli/storybook-dist/assets/NxSwitch.stories-CRxPDlJm.js +0 -11
- package/cli/storybook-dist/assets/NxTextArea.stories-Jh09n24O.js +0 -11
- package/cli/storybook-dist/assets/NxTextInput.stories-BeGCjxES.js +0 -11
- package/cli/storybook-dist/assets/RBAccordion.stories-CnC95OwM.js +0 -17
- package/cli/storybook-dist/assets/RBAccordionGroup.stories-og-6ePox.js +0 -33
- package/cli/storybook-dist/assets/RBAlert.stories-BcE9-UOT.js +0 -17
- package/cli/storybook-dist/assets/RBBadge.stories-DYZMXb-e.js +0 -1
- package/cli/storybook-dist/assets/RBBattery.stories-B7YAUvlM.js +0 -10
- package/cli/storybook-dist/assets/RBCheckBox.stories-D9KC6hTg.js +0 -1
- package/cli/storybook-dist/assets/RBCheckIconButton.stories-BR8aIkOC.js +0 -1
- package/cli/storybook-dist/assets/RBCheckLabelButton.stories-C1ABYhEr.js +0 -24
- package/cli/storybook-dist/assets/RBChipTab.stories-Ceo_vnNi.js +0 -21
- package/cli/storybook-dist/assets/RBChipsBoxTab.stories-CB_bfK8M.js +0 -1
- package/cli/storybook-dist/assets/RBColorIcons.stories-DHZKezld.js +0 -3
- package/cli/storybook-dist/assets/RBConfirm.stories-HMmUPkB1.js +0 -20
- package/cli/storybook-dist/assets/RBDateInput.stories-BRfpYtJ4.js +0 -15
- package/cli/storybook-dist/assets/RBDivider.stories-Bhc_D5Cm.js +0 -1
- package/cli/storybook-dist/assets/RBDrawer.stories-CEEhamr_.js +0 -14
- package/cli/storybook-dist/assets/RBEmptyView.stories-BY5QtXVc.js +0 -12
- package/cli/storybook-dist/assets/RBIconButton.stories-DyMFWpIV.js +0 -1
- package/cli/storybook-dist/assets/RBIcons.stories-DisU8G0d.js +0 -3
- package/cli/storybook-dist/assets/RBInlineLabelButton.stories-Cx0KJqxD.js +0 -1
- package/cli/storybook-dist/assets/RBJoyStick.stories-D1THM1Du.js +0 -11
- package/cli/storybook-dist/assets/RBLabelButton.stories-BDktlyzc.js +0 -1
- package/cli/storybook-dist/assets/RBLight.stories-C5qpnM6J.js +0 -1
- package/cli/storybook-dist/assets/RBMenuTreeIcons.stories-DUCeQPKJ.js +0 -3
- package/cli/storybook-dist/assets/RBMenubar.stories-ClyM9v37.js +0 -3
- package/cli/storybook-dist/assets/RBMultiRangeInput.stories--xSn64ww.js +0 -14
- package/cli/storybook-dist/assets/RBPagination.stories-C_uTj83z.js +0 -17
- package/cli/storybook-dist/assets/RBPopover.stories-DWmb9Por.js +0 -11
- package/cli/storybook-dist/assets/RBProgramIcons.stories-B8ZjEtvw.js +0 -3
- package/cli/storybook-dist/assets/RBPrompt.stories-BFKfyYtl.js +0 -20
- package/cli/storybook-dist/assets/RBRadioBox.stories-DUz8a27t.js +0 -1
- package/cli/storybook-dist/assets/RBRadioButton.stories-DKF61xvC.js +0 -11
- package/cli/storybook-dist/assets/RBRangeDateInput.stories-GhMVDyMr.js +0 -15
- package/cli/storybook-dist/assets/RBResizable.stories-V0iisR-x.js +0 -20
- package/cli/storybook-dist/assets/RBSelectBox.stories-DhvooAcg.js +0 -6
- package/cli/storybook-dist/assets/RBSideNumberInput.stories-Y547mUsB.js +0 -5
- package/cli/storybook-dist/assets/RBSlider.stories-BJZyHiLO.js +0 -5
- package/cli/storybook-dist/assets/RBSpinner.stories-6wkbu-bU.js +0 -14
- package/cli/storybook-dist/assets/RBTab.stories-CjGzZODx.js +0 -1
- package/cli/storybook-dist/assets/RBTable.stories-CaolKsVG.js +0 -62
- package/cli/storybook-dist/assets/RBTableRow.stories-D13urGfs.js +0 -11
- package/cli/storybook-dist/assets/RBTabs.stories-Cv2iIxvP.js +0 -21
- package/cli/storybook-dist/assets/RBTextArea.stories-CmrPeit2.js +0 -5
- package/cli/storybook-dist/assets/RBTextInput.stories-DSPlr3uh.js +0 -5
- package/cli/storybook-dist/assets/RBToast.stories-DJNZ9tku.js +0 -11
- package/cli/storybook-dist/assets/RBToggle.stories-BDQW2WO1.js +0 -12
- package/cli/storybook-dist/assets/RBToggleGroup.stories-CjwH6YbI.js +0 -17
- package/cli/storybook-dist/assets/RBTooltip.stories-Cp1oL68L.js +0 -9
- package/cli/storybook-dist/assets/createConveyorBeltLayer-769P8deX.js +0 -6257
- package/cli/storybook-dist/assets/preview-Com4scch.css +0 -1
- /package/cli/storybook-dist/assets/{createConveyorBeltLayer-Ds5AOper.css → createGoalLayer-Ds5AOper.css} +0 -0
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{aD as t,aE as s,aF as c}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const z={tags:["autodocs"],component:t,parameters:{layout:"centered"},argTypes:{direction:{control:"select",options:["horizontal","vertical"]}}},i="flex h-full items-center justify-center text-base font-medium text-fg-default",a={args:{direction:"horizontal"},render:({direction:o})=>e.jsx("div",{className:"relative h-[520px] w-[520px] overflow-hidden p-5",children:e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsxs(t,{direction:o,className:"h-[480px] w-[480px]",children:[e.jsx(s,{children:e.jsx("div",{className:i,children:"One"})}),e.jsx(c,{}),e.jsx(s,{children:e.jsx("div",{className:i,children:"Two"})})]})})})};var n,r,l;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
direction: "horizontal"
|
|
4
|
+
},
|
|
5
|
+
render: ({
|
|
6
|
+
direction
|
|
7
|
+
}) => <div className="relative h-[520px] w-[520px] overflow-hidden p-5">
|
|
8
|
+
<div className="flex h-full items-center justify-center">
|
|
9
|
+
<RBResizable direction={direction} className="h-[480px] w-[480px]">
|
|
10
|
+
<RBResizablePanel>
|
|
11
|
+
<div className={panelBaseClassName}>One</div>
|
|
12
|
+
</RBResizablePanel>
|
|
13
|
+
<RBResizableHandle />
|
|
14
|
+
<RBResizablePanel>
|
|
15
|
+
<div className={panelBaseClassName}>Two</div>
|
|
16
|
+
</RBResizablePanel>
|
|
17
|
+
</RBResizable>
|
|
18
|
+
</div>
|
|
19
|
+
</div>
|
|
20
|
+
}`,...(l=(r=a.parameters)==null?void 0:r.docs)==null?void 0:l.source}}};const B=["Overview"];export{a as Overview,B as __namedExportsOrder,z as default};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{z as n,B as r,V as t}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const x=Array.from({length:40},(a,o)=>({value:`option-${o+1}`,label:`옵션 ${o+1}`})),b=a=>e.jsx("div",{className:"min-h-80 overflow-visible",children:e.jsx(n,{...a,className:"w-96",children:x.map(({value:o,label:f})=>e.jsx(r,{value:o,children:f},o))})}),u=a=>e.jsx("div",{className:"min-h-80 overflow-visible",children:e.jsxs(n,{...a,className:"w-96",children:[e.jsx(r,{value:"option-1",label:"옵션 1",className:"h-12",children:e.jsxs(t,{children:["옵션 1",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),e.jsx(r,{value:"option-2",label:"옵션 2",className:"h-12",children:e.jsxs(t,{children:["옵션 2",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})}),e.jsx(r,{value:"option-3",label:"옵션 3",disabled:!0,className:"h-12",children:e.jsxs(t,{children:["옵션 3",e.jsx("span",{className:"typo-compact-xs-normal",children:"Additional Information goes here"})]})})]})}),I={component:n,tags:["autodocs"],parameters:{layout:"padded"},argTypes:{size:{control:{type:"select"},options:["xs2","sm","md","lg"]},disabled:{control:{type:"boolean"}},readOnly:{control:{type:"boolean"}},search:{control:{type:"boolean"}},keepDropDown:{control:{type:"boolean"}},showCloseBtn:{control:{type:"boolean"}},whenScrollCloseDropBox:{control:{type:"boolean"}},enableModal:{control:{type:"boolean"}},error:{control:{type:"boolean"}},searchPlaceholder:{control:{type:"text"}},mobileLabel:{control:{type:"text"}},placeholder:{control:{type:"text"}},selectArrow:{control:!1,table:{disable:!0}},noDataMsg:{control:!1,table:{disable:!0}},onClick:{action:!1,control:!1,table:{disable:!0}},onChange:{action:"onChange",control:!1},handleChange:{action:"handleChange",control:!1}},args:{size:"md",disabled:!1,readOnly:!1,placeholder:"placeholder",search:!1,keepDropDown:!1,showCloseBtn:!1,whenScrollCloseDropBox:!1,enableModal:!1,error:!1,searchPlaceholder:"Search",onClick:void 0},render:b},l={},s={args:{value:"option-2"},render:u};var c,i,p;l.parameters={...l.parameters,docs:{...(c=l.parameters)==null?void 0:c.docs,source:{originalSource:"{}",...(p=(i=l.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};var d,m,h;s.parameters={...s.parameters,docs:{...(d=s.parameters)==null?void 0:d.docs,source:{originalSource:`{
|
|
2
|
+
args: {
|
|
3
|
+
value: "option-2"
|
|
4
|
+
},
|
|
5
|
+
render: HasInfoListTemplate
|
|
6
|
+
}`,...(h=(m=s.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};const k=["Default","HasInfoList"];export{l as Default,s as HasInfoList,k as __namedExportsOrder,I as default};
|
package/cli/storybook-dist/assets/{RBSheet.stories-C93Hpmvn.js → RBSheet.stories-CSbdUGk3.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{aG as c,aH as d,aI as m,m as a,aJ as h,aK as u,aL as p,V as B,F as l,u as n,aM as x}from"./
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{aG as c,aH as d,aI as m,m as a,aJ as h,aK as u,aL as p,V as B,F as l,u as n,aM as x}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const C={tags:["autodocs"],argTypes:{showCloseButton:{control:"boolean"},side:{control:{type:"select"},options:["right","left","bottom","top"]}},args:{showCloseButton:!0,side:"right"},component:c},s={render:t=>e.jsx("div",{children:e.jsxs(d,{defaultOpen:!0,children:[e.jsx(m,{asChild:!0,children:e.jsx(a,{size:"sm",variant:"solid",children:"Open Sheet"})}),e.jsxs(c,{...t,className:t.side==="top"||t.side==="bottom"?"w-full":"w-96",children:[e.jsxs(h,{children:[e.jsx(u,{children:"Edit profile"}),e.jsx(p,{children:"Make changes to your profile here. Click save when you're done."})]}),e.jsxs(B,{className:"flex-1 gap-6",children:[e.jsx(l,{label:"Name",required:!0,className:"gap-1_5 flex flex-col",children:e.jsx(n,{size:"sm",className:"w-full"})}),e.jsx(l,{label:"Username",required:!0,className:"flex flex-col gap-1.5",children:e.jsx(n,{size:"sm",className:"w-full"})})]}),e.jsxs(x,{children:[e.jsx(a,{size:"sm",variant:"solid",className:"w-full",children:"Save changes"}),e.jsx(a,{size:"sm",variant:"outlined",className:"w-full",children:"Cancel"})]})]})]})})};var r,o,i;s.parameters={...s.parameters,docs:{...(r=s.parameters)==null?void 0:r.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <div>
|
|
3
3
|
<RBSheet defaultOpen>
|
|
4
4
|
<RBSheetTrigger asChild>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as o}from"./jsx-runtime-BTJTZTIL.js";import{E as s,F as m}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const d=r=>o.jsx(s,{...r}),S={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,i,c;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
|
+
}`,...(c=(i=t.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};const F=["Default","WithTextField"];export{e as Default,t as WithTextField,F as __namedExportsOrder,S as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{aN as s,V as m}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const y={component:s,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(s,{...l})})};var r,t,o;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
|
+
}`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const N=["Playground"];export{e as Playground,N as __namedExportsOrder,y as default};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import{j as n}from"./jsx-runtime-BTJTZTIL.js";import{b8 as o}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const R={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 S=["Default"];export{r as Default,S as __namedExportsOrder,R as default};
|
package/cli/storybook-dist/assets/{RBSwitch.stories-T9InolEP.js → RBSwitch.stories-CtQO_k88.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"./createGoalLayer-BTJsygfA.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./RainbowUiProvider-B_piZBLb.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const z={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(() => {
|
|
@@ -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"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.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})},E={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,m,c;t.parameters={...t.parameters,docs:{...(n=t.parameters)==null?void 0:n.docs,source:{originalSource:"{}",...(c=(m=t.parameters)==null?void 0:m.docs)==null?void 0:c.source}}};const S=["Default"];export{t as Default,S as __namedExportsOrder,E 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"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.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"}],q={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,p,R;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
|
+
}`,...(R=(p=l.parameters)==null?void 0:p.docs)==null?void 0:R.source}}};const A=["Default","CellExamples"];export{l as CellExamples,r as Default,A as __namedExportsOrder,q as default};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{b1 as o,b0 as i,b2 as s,b3 as m}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const c=[{name:"테스트1",number:1,role:"member",test:"test"}],E={component:o,tags:["autodocs"],args:{expendOpen:!1}},x=d=>e.jsx(i,{className:"[&_[data-slot='table-head-cell']]:bg-raised [&_[data-slot='table-cell']]:bg-alt-1",list:c,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(m,{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 I=["Default"];export{a as Default,I as __namedExportsOrder,E as default};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import{j as a}from"./jsx-runtime-BTJTZTIL.js";import{aQ as s,aR as b,aS as e}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const h={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 m=r==="line"?"horizontal":l;return a.jsx(s,{defaultValue:"tab-1",variant:r,size:T,orientation:m,children:a.jsxs(b,{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 y=["Playground"];export{t as Playground,y as __namedExportsOrder,h as default};
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{G as a,F as n}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const m=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),F={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 b=["Default","WithTextField"];export{e as Default,r as WithTextField,b as __namedExportsOrder,F as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as t,u as v,z as w,B as i,E as I,G as N}from"./
|
|
1
|
+
import{j as e}from"./jsx-runtime-BTJTZTIL.js";import{F as t,u as v,z as w,B as i,E as I,G as N}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const C={component:t,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,{})})]},s={render:r=>e.jsx(t,{...r,children:e.jsx(v,{placeholder:"node_053"})})},o={args:{label:"Description",description:"상세 설명을 입력하세요.",helperText:"최대 500자까지 입력할 수 있습니다."},render:r=>e.jsx(t,{...r,children:e.jsx(N,{placeholder:"내용을 입력해주세요."})})},n={args:{label:"Threshold",description:"숫자 값을 입력하세요.",helperText:"증가/감소 버튼으로도 조절할 수 있습니다."},render:r=>e.jsx(t,{...r,children:e.jsx(I,{value:"0.5",step:.1,isDirect:!0})})},a={args:{label:"Category",description:"옵션을 선택하세요.",helperText:"필요한 분류를 선택해주세요."},render:r=>e.jsx(t,{...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(t,{...r,children:e.jsx(v,{placeholder:"node_053"})})};var p,d,c;s.parameters={...s.parameters,docs:{...(p=s.parameters)==null?void 0:p.docs,source:{originalSource:`{
|
|
2
2
|
render: args => <RBTextField {...args}>
|
|
3
3
|
<RBTextInput placeholder="node_053" />
|
|
4
4
|
</RBTextField>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import{j as t}from"./jsx-runtime-BTJTZTIL.js";import{u as a,F as m}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const c=s=>t.jsx("div",{className:"bg-alt-2 py-10",children:t.jsx(a,{...s})}),B={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:c},e={},r={render:s=>t.jsx(m,{label:"Node Name",description:"노드 이름을 입력하세요.",required:!0,helperText:"중복되지 않는 이름을 사용하세요.",helperTone:"default",children:t.jsx(a,{...s,placeholder:"node_053"})})};var o,l,p;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:"{}",...(p=(l=e.parameters)==null?void 0:l.docs)==null?void 0:p.source}}};var d,i,n;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.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 F=["Default","WithTextField"];export{e as Default,r as WithTextField,F as __namedExportsOrder,B 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"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const j={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 i,s,a;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`{
|
|
2
|
+
parameters: {
|
|
3
|
+
docs: {
|
|
4
|
+
description: {
|
|
5
|
+
story: ""
|
|
6
|
+
}
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
args: {},
|
|
10
|
+
render: Template
|
|
11
|
+
}`,...(a=(s=o.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};const A=["Default"];export{o as Default,A as __namedExportsOrder,j 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"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const h={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 y=["Playground"];export{s as Playground,y as __namedExportsOrder,h 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"./createGoalLayer-BTJsygfA.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const G={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 I=["Playground"];export{t as Playground,I as __namedExportsOrder,G as default};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-BTJTZTIL.js";import{b7 as s}from"./createGoalLayer-BTJsygfA.js";import"./index-Dmy2JGbm.js";import"./RainbowUiProvider-B_piZBLb.js";import"./index-DKFBREX_.js";import"./index-CT3U1fyk.js";import"./react-resizable-panels.browser-CvAJUcrm.js";import"./index-ChsGqxH_.js";import"./browserUtils-DeopUpDy.js";import"./index-BRq5TIsn.js";const e=0,g={component:s,tags:["autodocs"],argTypes:{place:{control:"radio",options:["top","left","bottom","right"],defaultValue:"bottom"},tooltipColor:{control:"color"},tooltipTextColor:{control:"color"}}},c=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(s,{...t,anchorId:`${t.anchorId}${e}`})]}),o={args:{anchorId:"tooltip-anchor",children:"Tooltip Content",events:["hover"],place:"top"},render:c};var n,a,p;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
|
+
}`,...(p=(a=o.parameters)==null?void 0:a.docs)==null?void 0:p.source}}};const j=["Default"];export{o as Default,j as __namedExportsOrder,g as default};
|