@oliasoft-open-source/react-ui-library 4.3.0-beta-1 → 4.3.0
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/dist/404.html +1 -0
- package/dist/assets/{index-0d78a198.css → index-2b7aaa8d.css} +65 -64
- package/dist/assets/{index-26f804a8.js → index-326366e3.js} +37 -37
- package/dist/global.css +65 -64
- package/dist/index.d.ts +5 -2
- package/dist/index.html +1 -1
- package/dist/index.js +78 -89
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-caa8bffa.js → Color-6VNJS4EI-811ca6f0.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-e463e8a5.js → DocsRenderer-NNNQARDV-13015b39.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-9514f93a.js → WithTooltip-4HIR6TLV-fe3aa2ab.js} +1 -1
- package/dist/storybook/assets/accordion.stories-0f8af16e.js +170 -0
- package/dist/storybook/assets/{afe.stories-49904fdb.js → afe.stories-41970a5c.js} +1 -1
- package/dist/storybook/assets/breadcrumb.stories-e4334a75.js +1 -0
- package/dist/storybook/assets/buttons-and-links-236ef744.js +14 -0
- package/dist/storybook/assets/{casing-loads.stories-dff0b8fc.js → casing-loads.stories-d3994990.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-d8be29f3.js → chunk-HLWAVYOI-f143d329.js} +1 -1
- package/dist/storybook/assets/{color-9e78f280.js → color-915dd9da.js} +1 -1
- package/dist/storybook/assets/dialog-8e840c50.css +1 -0
- package/dist/storybook/assets/dialog-cd58dd09.js +1 -0
- package/dist/storybook/assets/{drawer.stories-59cd794a.js → drawer.stories-948b5e8b.js} +1 -1
- package/dist/storybook/assets/empty.stories-e0e3ac78.js +1 -0
- package/dist/storybook/assets/file-input.stories-d855942a.js +66 -0
- package/dist/storybook/assets/{form.stories-45c0cd59.js → form.stories-d6c8da7e.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-c42be4d9.js → formatter-SWP5E3XI-a0191e1f.js} +1 -1
- package/dist/storybook/assets/iframe-e6f0bd3c.js +1 -0
- package/dist/storybook/assets/{index-56f304c1.js → index-58f3d19c.js} +4 -4
- package/dist/storybook/assets/{input-validation-1b895773.js → input-validation-566bbbb7.js} +1 -1
- package/dist/storybook/assets/{inputs-e51c1c31.js → inputs-230d0995.js} +2 -2
- package/dist/storybook/assets/{layout-forms-29ceb520.js → layout-forms-36d75e93.js} +1 -1
- package/dist/storybook/assets/{layout-general-245ef20f.js → layout-general-af624016.js} +1 -1
- package/dist/storybook/assets/{list-e6e7e5ed.js → list-31b815b8.js} +1 -1
- package/dist/storybook/assets/list-heading-58edcddc.css +1 -0
- package/dist/storybook/assets/list-heading-5a293d8b.js +1 -0
- package/dist/storybook/assets/{list.stories-e2d00aea.js → list.stories-4850aa29.js} +2 -2
- package/dist/storybook/assets/{message-dabd76a8.js → message-7e627e60.js} +1 -1
- package/dist/storybook/assets/{message.stories-6f612f7c.js → message.stories-f41a0c22.js} +1 -1
- package/dist/storybook/assets/{modal.stories-448cc75d.js → modal.stories-0e068cc1.js} +1 -1
- package/dist/storybook/assets/option-dropdown.stories-5030bdb8.js +21 -0
- package/dist/storybook/assets/{padding-and-spacing-27e63c65.js → padding-and-spacing-37bd345b.js} +1 -1
- package/dist/storybook/assets/page.stories-7cb68fed.js +57 -0
- package/dist/storybook/assets/pop-confirm.stories-81b30901.js +7 -0
- package/dist/storybook/assets/preview-564d3c1d.js +1 -0
- package/dist/storybook/assets/{preview-72d84988.js → preview-b5fa6b4e.js} +3 -3
- package/dist/storybook/assets/{global-aa71ac9c.css → preview-d47a2f40.css} +1 -1
- package/dist/storybook/assets/{projects.stories-c383cdce.js → projects.stories-222ad869.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-b4549b91.js → reservoirs.stories-8e7035a5.js} +1 -1
- package/dist/storybook/assets/{rich-text-input-977847ce.js → rich-text-input.stories-661f34f1.js} +127 -52
- package/dist/storybook/assets/{site.stories-80a441ea.js → site.stories-8b3718ce.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-73149e16.js → syntaxhighlighter-NMPM6SWI-9f2334eb.js} +1 -1
- package/dist/storybook/assets/text-link.stories-c1227c6f.js +1 -0
- package/dist/storybook/assets/{toaster-3fba1dd3.js → toaster-541ce85b.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-4cdefe35.js → toaster.stories-5e4d95b1.js} +1 -1
- package/dist/storybook/assets/toggle-01690c44.js +1 -0
- package/dist/storybook/assets/toggle.stories-bc686ae1.js +117 -0
- package/dist/storybook/assets/tree.stories-3422a0bc.js +128 -0
- package/dist/storybook/assets/unit-input.stories-65984064.js +273 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +3 -3
- package/dist/storybook/assets/accordion-with-default-toggle-0b4845c8.js +0 -1
- package/dist/storybook/assets/accordion.stories-ad491954.js +0 -170
- package/dist/storybook/assets/breadcrumb-f8742fbd.js +0 -1
- package/dist/storybook/assets/breadcrumb.stories-b5582cfb.js +0 -1
- package/dist/storybook/assets/buttons-and-links-6c701fa6.js +0 -14
- package/dist/storybook/assets/empty-2d83d50b.js +0 -1
- package/dist/storybook/assets/empty.stories-c98807b8.js +0 -1
- package/dist/storybook/assets/file-input-a3594635.js +0 -1
- package/dist/storybook/assets/file-input.stories-3d2e95e7.js +0 -55
- package/dist/storybook/assets/iframe-8d80f428.js +0 -1
- package/dist/storybook/assets/meta-content-6f132e03.js +0 -1
- package/dist/storybook/assets/meta-content-d7e578fa.css +0 -1
- package/dist/storybook/assets/modal-ad69eee9.js +0 -1
- package/dist/storybook/assets/modal-f1e8e468.css +0 -1
- package/dist/storybook/assets/option-dropdown-fbe54c09.js +0 -1
- package/dist/storybook/assets/option-dropdown.stories-8b7ee529.js +0 -21
- package/dist/storybook/assets/page.stories-4ad3bea8.js +0 -57
- package/dist/storybook/assets/pop-confirm-e6b7cc0c.js +0 -1
- package/dist/storybook/assets/pop-confirm.stories-27da1975.js +0 -7
- package/dist/storybook/assets/preview-608a4ee9.js +0 -1
- package/dist/storybook/assets/preview-a5b25924.css +0 -1
- package/dist/storybook/assets/print-header-bd013690.js +0 -1
- package/dist/storybook/assets/rich-text-input.stories-b770908d.js +0 -76
- package/dist/storybook/assets/text-link-f4589768.js +0 -1
- package/dist/storybook/assets/text-link.stories-6b7c8329.js +0 -1
- package/dist/storybook/assets/toggle-bb34b2a2.js +0 -1
- package/dist/storybook/assets/toggle.stories-b771ed81.js +0 -108
- package/dist/storybook/assets/tree-a5de7d3a.js +0 -6
- package/dist/storybook/assets/tree.stories-b16724d6.js +0 -123
- package/dist/storybook/assets/unit-input-9bf08434.js +0 -1
- package/dist/storybook/assets/unit-input.stories-65646cf3.js +0 -273
- package/dist/storybook/assets/unit-table.stories-4706910f.js +0 -229
- /package/dist/storybook/assets/{accordion-with-default-toggle-e92bccf3.css → accordion.stories-e92bccf3.css} +0 -0
- /package/dist/storybook/assets/{breadcrumb-a644544e.css → breadcrumb.stories-a644544e.css} +0 -0
- /package/dist/storybook/assets/{empty-9914c767.css → empty.stories-9914c767.css} +0 -0
- /package/dist/storybook/assets/{file-input-f40408e6.css → file-input.stories-f40408e6.css} +0 -0
- /package/dist/storybook/assets/{option-dropdown-ddc96b15.css → option-dropdown.stories-ddc96b15.css} +0 -0
- /package/dist/storybook/assets/{print-header-dd8c1b35.css → page.stories-dd8c1b35.css} +0 -0
- /package/dist/storybook/assets/{pop-confirm-c9faec6b.css → pop-confirm.stories-c9faec6b.css} +0 -0
- /package/dist/storybook/assets/{rich-text-input-023a1c99.css → rich-text-input.stories-023a1c99.css} +0 -0
- /package/dist/storybook/assets/{tree-3406c5f6.css → tree.stories-3406c5f6.css} +0 -0
- /package/dist/storybook/assets/{unit-input-c251e2c8.css → unit-input.stories-c251e2c8.css} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as j}from"./index-f80c8c95.js";import{c as u}from"./index-a80ed1cf.js";import{I as N}from"./common-types-2c81813f.js";import{I as g}from"./icon-e9cbb4d7.js";import{H as f}from"./heading-d29eb744.js";import{A as y}from"./actions-2d4e1c8e.js";import{B as h}from"./badge-20e7ee0b.js";import{T as x}from"./tooltip-23e84186.js";const b="_inputInTable_1jod2_1",I="_inputHover_1jod2_13",T="_inputFocus_1jod2_18",w="_inputError_1jod2_25",H="_inputWarning_1jod2_26",V="_inputDisabled_1jod2_61",q="_hideScrollbars_1jod2_67",v="_header_1jod2_77",C="_headerTitle_1jod2_77",R="_heading_1jod2_78",E="_itemHeader_1jod2_78",k="_narrow_1jod2_81",M="_stickyHeader_1jod2_85",L="_title_1jod2_96",S="_name_1jod2_102",F="_iconTooltipMargin_1jod2_105",W="_bold_1jod2_108",$="_toggleNarrow_1jod2_117",B="_drag_1jod2_135",D="_list_1jod2_154",A="_bordered_1jod2_158",J="_item_1jod2_78",O="_action_1jod2_191",P="_active_1jod2_194",X="_indented_1jod2_201",z="_disabled_1jod2_214",G="_label_1jod2_225",K="_details_1jod2_236",Q="_metadata_1jod2_237",U="_itemContent_1jod2_245",Y="_indentIcon_1jod2_252",Z="_expandIcon_1jod2_257",ee="_expanded_1jod2_264",te="_right_1jod2_267",ae="_actions_1jod2_275",oe="_scrollableList_1jod2_280",ne="_hideScrollbar_1jod2_67",o={inputInTable:b,inputHover:I,inputFocus:T,inputError:w,inputWarning:H,inputDisabled:V,hideScrollbars:q,header:v,headerTitle:C,heading:R,itemHeader:E,narrow:k,stickyHeader:M,title:L,name:S,iconTooltipMargin:F,bold:W,toggleNarrow:$,drag:B,list:D,bordered:A,item:J,action:O,active:P,indented:X,disabled:z,label:G,details:K,metadata:Q,itemContent:U,indentIcon:Y,expandIcon:Z,expanded:ee,right:te,actions:ae,scrollableList:oe,hideScrollbar:ne},c=({toggleNarrow:a,onClickToggleNarrow:t})=>a?e.jsx("a",{className:o.toggleNarrow,onClick:t,children:e.jsx(g,{icon:N.CHEVRON_LEFT})}):null;try{c.displayName="ToggleNarrow",c.__docgenInfo={description:"",displayName:"ToggleNarrow",props:{toggleNarrow:{defaultValue:null,description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onClickToggleNarrow:{defaultValue:null,description:"",name:"onClickToggleNarrow",required:!1,type:{name:"TEmpty"}}}}}catch{}const p=j.forwardRef(({name:a,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:n=()=>{},stickyHeader:d},s)=>e.jsxs("div",{ref:s,className:u(o.header,d?o.stickyHeader:""),children:[e.jsx(c,{toggleNarrow:i,onClickToggleNarrow:n}),a&&e.jsx("div",{className:o.headerTitle,children:e.jsx(f,{top:!0,marginBottom:0,children:a})}),e.jsx("div",{className:o.right,children:e.jsx("div",{className:o.actions,children:e.jsx(y,{actions:t})})})]}));try{p.displayName="ListHeading",p.__docgenInfo={description:"",displayName:"ListHeading",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null | undefined"}},actions:{defaultValue:{value:"[]"},description:"",name:"actions",required:!1,type:{name:"any[]"}},toggleNarrow:{defaultValue:{value:"false"},description:"",name:"toggleNarrow",required:!1,type:{name:"boolean"}},onToggleNarrow:{defaultValue:{value:"() => {}"},description:"",name:"onToggleNarrow",required:!1,type:{name:"TEmpty"}},stickyHeader:{defaultValue:null,description:"",name:"stickyHeader",required:!1,type:{name:"boolean"}}}}}catch{}const _=({name:a,icon:t,testId:i})=>{const n=t&&e.jsx(g,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:u(o.name,o.bold),"data-testid":i,children:[a,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:o.iconTooltipMargin,children:e.jsx(x,{text:t.tooltip.text,maxWidth:"350px",children:n})}):t&&t.icon&&e.jsx("span",{className:o.iconTooltipMargin,children:n})]})};try{_.displayName="Name",_.__docgenInfo={description:"",displayName:"Name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}try{name.displayName="name",name.__docgenInfo={description:"",displayName:"name",props:{name:{defaultValue:null,description:"",name:"name",required:!0,type:{name:"ReactNode"}},icon:{defaultValue:null,description:"",name:"icon",required:!1,type:{name:"{ icon: ReactNode; color?: string; tooltip?: { text: ReactNode; }; } | undefined"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({item:a})=>{const{name:t,icon:i,details:n,metadata:d,invalid:s,testId:r}=a;let l=e.jsx(_,{name:t,icon:i,testId:r&&`${r}-name`});return s&&(l=e.jsx(h,{small:!0,margin:"-2px",title:"!",children:l})),e.jsxs("span",{className:o.title,children:[l,n&&e.jsx("span",{className:o.details,"data-testid":r&&`${r}-details`,children:n}),d&&e.jsx("span",{className:o.metadata,"data-testid":r&&`${r}-metadata`,children:d})]})};try{m.displayName="MetaContent",m.__docgenInfo={description:"",displayName:"MetaContent",props:{item:{defaultValue:null,description:"",name:"item",required:!0,type:{name:"IMetaContentItem"}}}}}catch{}export{p as L,m as M,_ as N,o as l};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._inputInTable_1jod2_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1jod2_1:not(:hover){border-color:transparent}._inputInTable_1jod2_1:not(:focus){box-shadow:none}._inputHover_1jod2_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1jod2_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1jod2_25,._inputWarning_1jod2_26{position:relative}._inputError_1jod2_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1jod2_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1jod2_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1jod2_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1jod2_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1jod2_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1jod2_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1jod2_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1jod2_67::-webkit-scrollbar{display:none}._header_1jod2_77 ._headerTitle_1jod2_77,._heading_1jod2_78 ._itemHeader_1jod2_78{transition:opacity .3s}._narrow_1jod2_81 ._header_1jod2_77 ._headerTitle_1jod2_77,._narrow_1jod2_81 ._heading_1jod2_78 ._itemHeader_1jod2_78{opacity:0}._stickyHeader_1jod2_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_1jod2_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_1jod2_78 ._title_1jod2_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_1jod2_78 ._name_1jod2_102{font-weight:400}._itemHeader_1jod2_78 ._iconTooltipMargin_1jod2_105{margin-left:var(--padding-xs)}._itemHeader_1jod2_78 ._bold_1jod2_108{font-weight:700}._header_1jod2_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_1jod2_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_1jod2_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_1jod2_117:active{color:var(--color-text-primary-active)}._narrow_1jod2_81 ._toggleNarrow_1jod2_117{transform:scaleX(-1)}._drag_1jod2_135{color:var(--color-text-faint);display:flex;align-items:center;justify-content:center;margin-right:var(--padding-xs);margin-left:calc(var(--padding-xs) * -1);margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);cursor:move;height:var(--size-sm);width:var(--size-sm)}._drag_1jod2_135:hover{color:var(--color-text-primary-hover)}._drag_1jod2_135:active{color:var(--color-text-primary-active)}._list_1jod2_154{flex-shrink:0;background:var(--color-background)}._list_1jod2_154._bordered_1jod2_158:first-child,._list_1jod2_154._bordered_1jod2_158:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_1jod2_154._bordered_1jod2_158:last-child,._list_1jod2_154._bordered_1jod2_158:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_1jod2_78{color:inherit;display:block;transition:background-color .2s;position:relative;border-bottom:1px solid var(--color-border);background-color:var(--color-background-raised);transition:background .3s;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}._item_1jod2_78:not(._heading_1jod2_78):after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-top-left-radius:inherit;border-bottom-left-radius:inherit;transition:background .3s,width .3s}._item_1jod2_78._action_1jod2_191{cursor:pointer}._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover{background:var(--color-background-listitem-hover)}._item_1jod2_78._action_1jod2_191:not(._active_1jod2_194):hover:after{width:5px;background:rgba(0,0,0,.1)}._item_1jod2_78._indented_1jod2_201:after{width:3px;background:rgba(0,0,0,.1)}._item_1jod2_78._active_1jod2_194{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_1jod2_78._active_1jod2_194:after{background:var(--color-background-primary)!important}._item_1jod2_78._disabled_1jod2_214{color:var(--color-text-faint);pointer-events:none}._item_1jod2_78._heading_1jod2_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_1jod2_78._heading_1jod2_78._action_1jod2_191:hover{color:var(--color-text-primary-hover)}._item_1jod2_78 ._label_1jod2_225{margin-right:var(--padding-xs);flex-shrink:0;width:var(--size-sm);height:var(--size-sm);margin-top:calc(var(--line-height) / 2 - var(--size-sm) / 2);margin-bottom:calc(var(--line-height) / 2 - var(--size-sm) / 2);display:flex;align-items:center;justify-content:center}._item_1jod2_78 ._details_1jod2_236,._item_1jod2_78 ._metadata_1jod2_237{display:block;width:100%;font-weight:400}._item_1jod2_78 ._metadata_1jod2_237{color:var(--color-text-muted)}._item_1jod2_78 ._itemContent_1jod2_245{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_1jod2_78 ._itemContent_1jod2_245:empty{padding:inherit}._indentIcon_1jod2_252{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_1jod2_257{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_1jod2_257._expanded_1jod2_264 svg{transform:rotate(90deg)}._right_1jod2_267{margin-left:auto;display:flex;align-items:center;margin-top:calc((var(--line-height) - var(--size-sm)) / 2);margin-bottom:calc((var(--line-height) - var(--size-sm)) / 2);min-height:var(--size-sm)}._actions_1jod2_275{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_1jod2_280{height:100%;overflow-y:auto;scroll-behavior:smooth}._hideScrollbar_1jod2_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_1jod2_67::-webkit-scrollbar{display:none}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{r as l}from"./index-f80c8c95.js";import{c as m}from"./index-a80ed1cf.js";import{l as x}from"./lodash-75c70a11.js";import{I as y}from"./common-types-2c81813f.js";import{H as j}from"./heading-d29eb744.js";import{B as v}from"./button-74c97e4a.js";import{P as w}from"./portal-03fe4689.js";const _=(n,e,r=[])=>{l.useEffect(()=>{const i=o=>{o.key===n&&e()};return window.addEventListener("keydown",i),()=>{window.removeEventListener("keydown",i)}},r)},E="_dialog_18g0k_1",N="_inline_18g0k_18",b="_scroll_18g0k_21",k="_header_18g0k_24",C="_dismiss_18g0k_33",I="_content_18g0k_38",q="_footer_18g0k_47",a={dialog:E,inline:N,scroll:b,header:k,dismiss:C,content:I,footer:q},L=n=>x.isArray(n)?n.map((e,r)=>t.jsxs(l.Fragment,{children:[e," ",t.jsx("br",{})]},r)):n,f=({dialog:n})=>{const{heading:e,content:r,contentPadding:i="var(--padding)",footer:o,scroll:d,width:u,height:h,onClose:p,testId:s}=n;return t.jsxs("div",{className:m(a.dialog,u?a.inline:null,d?a.scroll:null),style:{width:u,height:h},"data-testid":s??null,children:[t.jsxs("div",{className:a.header,children:[t.jsx(j,{testId:s&&`${s}-heading`,top:!0,marginBottom:0,children:e}),p?t.jsx("div",{className:a.dismiss,children:t.jsx(v,{icon:y.CLOSE,round:!0,basic:!0,small:!0,colored:"muted",onClick:p})}):null]}),t.jsx("div",{"data-testid":s&&`${s}-content`,className:a.content,style:{padding:i},children:L(r)}),o&&t.jsx("div",{"data-testid":s&&`${s}-footer`,className:a.footer,children:o})]})};try{f.displayName="Dialog",f.__docgenInfo={description:"",displayName:"Dialog",props:{dialog:{defaultValue:null,description:"",name:"dialog",required:!0,type:{name:"IDialog"}}}}}catch{}const V="_wrapper_sb0hc_1",D="_contentContainer_sb0hc_15",M="_centered_sb0hc_24",S="_newLine_sb0hc_28",c={wrapper:V,contentContainer:D,centered:M,newLine:S},$=({children:n})=>{const e=l.useRef(null);return l.useEffect(()=>{if(e.current){const r=e.current.querySelector('[tabindex="0"]');r?r.focus():e.current.focus()}},[]),t.jsx("div",{ref:e,tabIndex:-1,className:m(c.wrapper),children:n})},B=({children:n,width:e,centered:r})=>t.jsx("div",{className:m(c.contentContainer,r?c.centered:""),style:{maxWidth:e},children:n}),g=({children:n,visible:e=!1,centered:r=!1,width:i="100%",onEnter:o,onEscape:d})=>(_("Enter",()=>{e&&o&&o()},[e,o]),_("Escape",()=>{e&&d&&d()},[e,d]),t.jsxs(t.Fragment,{children:[t.jsx(w,{id:"modalContainer",children:e?t.jsx($,{children:t.jsx(B,{width:i,centered:r,children:n})}):null}),t.jsx("div",{id:"modalContainer"})]}));try{g.displayName="Modal",g.__docgenInfo={description:"",displayName:"Modal",props:{visible:{defaultValue:{value:"false"},description:"",name:"visible",required:!1,type:{name:"boolean"}},centered:{defaultValue:{value:"false"},description:"",name:"centered",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},onEnter:{defaultValue:null,description:"",name:"onEnter",required:!1,type:{name:"(() => void)"}},onEscape:{defaultValue:null,description:"",name:"onEscape",required:!1,type:{name:"(() => void)"}}}}}catch{}export{f as D,g as M};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._dialog_18g0k_1{border-radius:var(--border-radius);background:var(--color-background-raised);line-height:var(--line-height);color:var(--color-text);box-shadow:var(--shadow-layer);display:flex;flex-direction:column}._dialog_18g0k_1>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._dialog_18g0k_1>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}._dialog_18g0k_1._inline_18g0k_18{display:inline-flex}._dialog_18g0k_1._scroll_18g0k_21{max-height:100%}._header_18g0k_24{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-bottom:1px solid var(--color-border);flex-shrink:0}._header_18g0k_24 ._dismiss_18g0k_33{margin-right:calc(var(--padding-xxs) * -1);margin-left:var(--padding-xs);flex-shrink:0}._content_18g0k_38{flex-grow:1}._scroll_18g0k_21 ._content_18g0k_38{overflow:auto;min-height:0;height:100%;flex:1 1 auto}._footer_18g0k_47{display:flex;padding:var(--padding-sm) var(--padding);background-color:var(--color-background-cardheader);border-top:1px solid var(--color-border);flex-shrink:0}._footer_18g0k_47 button:not(:last-child){margin-right:var(--padding-sm)}._wrapper_sb0hc_1{z-index:var(--zindex-modal);position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,.8);padding:var(--padding);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column}._contentContainer_sb0hc_15{color:var(--color-background-raised);max-height:100%;flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._centered_sb0hc_24>*{margin-top:auto;margin-bottom:auto}._newLine_sb0hc_28{white-space:"pre-wrap"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{T as f}from"./common-types-2c81813f.js";import{M as x}from"./actions-2d4e1c8e.js";import{c as v}from"./index-a80ed1cf.js";import{C as j}from"./check-box-e21258d5.js";import{D as _}from"./divider-182aa58c.js";const H="_menu_12x4u_1",I="_header_12x4u_11",N="_item_12x4u_27",O="_heading_12x4u_32",o={menu:H,header:I,item:N,heading:O},c=({option:e,onChange:i})=>{const{key:l,label:s,selected:a}=e;return n.jsx("div",{className:o.item,children:n.jsx(j,{label:s,noMargin:!0,checked:a,onChange:i})},l)};try{c.displayName="Option",c.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const p=({label:e})=>n.jsx("div",{className:o.heading,children:e});try{p.displayName="Heading",p.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var m=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(m||{});const g=({options:e,onChangeOptions:i,showHeader:l,maxHeight:s})=>n.jsxs("div",{className:v("menu",o.menu),style:{maxHeight:s},children:[l&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:o.header,children:[n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!0}));i(a,r)},children:"All"}),n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!1}));i(a,r)},children:"Clear"}),n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!t.selected}));i(a,r)},children:"Invert"})]}),n.jsx(_,{margin:0})]}),e.map((a,r)=>{switch(a.type){case m.HEADING:return n.jsx(p,{label:a.label},r);case m.DIVIDER:return n.jsx(_,{margin:0},r);default:return n.jsx(c,{option:a,onChange:t=>{const{value:u}=a,y=e.map(d=>d.value!==u?d:{...d,selected:!d.selected});i(t,y)}},r)}})]});try{g.displayName="Layer",g.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const h=({name:e,label:i,options:l,onChange:s,showHeader:a=!0,maxHeight:r="40vh"})=>n.jsx(x,{menu:{label:i,trigger:f.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(g,{options:l,onChangeOptions:(t,u)=>{t.stopPropagation(),t.target.name=e,t.target.value=u,s(t)},showHeader:a,maxHeight:r})}});try{h.displayName="OptionDropdown",h.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}export{h as O};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import{j as v}from"./jsx-runtime-f961835c.js";import{O as m}from"./option-dropdown-fbe54c09.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./actions-2d4e1c8e.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./check-box-e21258d5.js";import"./help-icon-d4189b1b.js";import"./divider-182aa58c.js";import"./text-ad1f5f1d.js";const{useArgs:h}=__STORYBOOK_MODULE_ADDONS__,O=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],U={title:"Forms/OptionDropdown",component:m,args:{label:"Label",options:O}},d=t=>{const[o,g]=h(),c=u=>{g({options:u.target.value})};return v.jsx(m,{...t,onChange:c})},e=d.bind({}),r=d.bind({});r.args={options:[...Array(50)].map((t,o)=>({label:`Item #${o}`,value:o}))};var n,a,s;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`args => {
|
|
2
|
-
const [_, updateArgs] = useArgs();
|
|
3
|
-
const handleChange = (evt: any) => {
|
|
4
|
-
updateArgs({
|
|
5
|
-
options: evt.target.value
|
|
6
|
-
});
|
|
7
|
-
};
|
|
8
|
-
return <OptionDropdown
|
|
9
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
10
|
-
{...args} onChange={handleChange} />;
|
|
11
|
-
}`,...(s=(a=e.parameters)==null?void 0:a.docs)==null?void 0:s.source}}};var p,i,l;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
|
|
12
|
-
const [_, updateArgs] = useArgs();
|
|
13
|
-
const handleChange = (evt: any) => {
|
|
14
|
-
updateArgs({
|
|
15
|
-
options: evt.target.value
|
|
16
|
-
});
|
|
17
|
-
};
|
|
18
|
-
return <OptionDropdown
|
|
19
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
20
|
-
{...args} onChange={handleChange} />;
|
|
21
|
-
}`,...(l=(i=r.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};const Y=["Default","ScrollOverflow"];export{e as Default,r as ScrollOverflow,Y as __namedExportsOrder,U as default};
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-a84b9365.js";import{S as r}from"./side-bar-88e8cf41.js";import{H as s}from"./heading-d29eb744.js";import{P as C}from"./print-header-bd013690.js";import{L as V}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-74c97e4a.js";import"./spinner-a81ebe38.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-2d4e1c8e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-7f450988.js";import"./help-icon-d4189b1b.js";const t="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",re={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),m=()=>e.jsxs(e.Fragment,{children:[e.jsx(C,{logo:V,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]});var d,p,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <>
|
|
2
|
-
<TopBar />
|
|
3
|
-
<SideBar options={{
|
|
4
|
-
title: '',
|
|
5
|
-
sections: []
|
|
6
|
-
}} />
|
|
7
|
-
<Page>
|
|
8
|
-
<Heading top>Heading</Heading>
|
|
9
|
-
{placeholder}
|
|
10
|
-
</Page>
|
|
11
|
-
</>`,...(g=(p=o.parameters)==null?void 0:p.docs)==null?void 0:g.source}}};var f,v,x;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`() => <>
|
|
12
|
-
<TopBar />
|
|
13
|
-
<SideBar options={{
|
|
14
|
-
title: '',
|
|
15
|
-
sections: []
|
|
16
|
-
}} />
|
|
17
|
-
<Page padding={false}>
|
|
18
|
-
<Heading top>Heading</Heading>
|
|
19
|
-
{placeholder}
|
|
20
|
-
</Page>
|
|
21
|
-
</>`,...(x=(v=n.parameters)==null?void 0:v.docs)==null?void 0:x.source}}};var h,b,j;u.parameters={...u.parameters,docs:{...(h=u.parameters)==null?void 0:h.docs,source:{originalSource:`() => <>
|
|
22
|
-
<TopBar />
|
|
23
|
-
<SideBar options={{
|
|
24
|
-
title: '',
|
|
25
|
-
sections: []
|
|
26
|
-
}} />
|
|
27
|
-
<Page scroll={false}>
|
|
28
|
-
<Heading top>Heading</Heading>
|
|
29
|
-
{placeholder}
|
|
30
|
-
</Page>
|
|
31
|
-
</>`,...(j=(b=u.parameters)==null?void 0:b.docs)==null?void 0:j.source}}};var H,S,P;l.parameters={...l.parameters,docs:{...(H=l.parameters)==null?void 0:H.docs,source:{originalSource:`() => <>
|
|
32
|
-
<SideBar options={{
|
|
33
|
-
title: '',
|
|
34
|
-
sections: []
|
|
35
|
-
}} />
|
|
36
|
-
<Page top={0}>
|
|
37
|
-
<Heading top>Heading</Heading>
|
|
38
|
-
{placeholder}
|
|
39
|
-
</Page>
|
|
40
|
-
</>`,...(P=(S=l.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var q,N,B;c.parameters={...c.parameters,docs:{...(q=c.parameters)==null?void 0:q.docs,source:{originalSource:`() => <>
|
|
41
|
-
<TopBar />
|
|
42
|
-
<Page left={0}>
|
|
43
|
-
<Heading top>Heading</Heading>
|
|
44
|
-
{placeholder}
|
|
45
|
-
</Page>
|
|
46
|
-
</>`,...(B=(N=c.parameters)==null?void 0:N.docs)==null?void 0:B.source}}};var T,F,y;m.parameters={...m.parameters,docs:{...(T=m.parameters)==null?void 0:T.docs,source:{originalSource:`() => <>
|
|
47
|
-
<PrintHeader logo={LogoSVG} logoWidth="60px" alt="company logo" />
|
|
48
|
-
<TopBar />
|
|
49
|
-
<SideBar options={{
|
|
50
|
-
title: '',
|
|
51
|
-
sections: []
|
|
52
|
-
}} />
|
|
53
|
-
<Page>
|
|
54
|
-
<Heading top>Heading</Heading>
|
|
55
|
-
{placeholder}
|
|
56
|
-
</Page>
|
|
57
|
-
</>`,...(y=(F=m.parameters)==null?void 0:F.docs)==null?void 0:y.source}}};const oe=["Default","NoPadding","NoScroll","NoTopBar","NoSideBar","WithPrintHeader"];export{o as Default,n as NoPadding,u as NoScroll,c as NoSideBar,l as NoTopBar,m as WithPrintHeader,oe as __namedExportsOrder,re as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-06e375a5.js";import{B as p}from"./button-74c97e4a.js";import{T as _}from"./text-ad1f5f1d.js";const k="_popConfirm_1x6ye_1",x="_content_1x6ye_7",q="_buttons_1x6ye_13",u={popConfirm:k,content:x,buttons:q},c=({title:t,okText:o,onClickOk:r,cancelText:i,onClickCancel:s,close:n,testId:l})=>e.jsxs("div",{className:u.popConfirm,children:[t&&e.jsx("div",{className:u.content,children:e.jsx(_,{small:!0,children:t})}),e.jsxs("div",{className:u.buttons,children:[e.jsx(p,{small:!0,colored:!0,label:o,onClick:()=>r(n),testId:`${l}-ok-button`}),e.jsx(p,{small:!0,label:i,onClick:()=>s(n),testId:`${l}-cancel-button`})]})]});try{c.displayName="Content",c.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({children:t,placement:o="top-center",closeOnOutsideClick:r=!0,fullWidth:i=!1,title:s="",cancelText:n="Cancel",onClickCancel:l=a=>a&&a(),okText:f="Ok",onClickOk:v=()=>{},overflowContainer:y=!1,testId:d=void 0})=>{const a=e.jsx(c,{title:s,okText:f,onClickOk:v,cancelText:n,onClickCancel:l,testId:d});return e.jsx(C,{content:a,placement:o,closeOnOutsideClick:r,fullWidth:i,overflowContainer:y,testId:d,children:t})};try{m.displayName="PopConfirm",m.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'},{value:'"center"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{m as P};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{P as g}from"./pop-confirm-e6b7cc0c.js";import{B as x}from"./button-74c97e4a.js";import{t as C}from"./toaster-3fba1dd3.js";import"./index-f80c8c95.js";import"./popover-06e375a5.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./text-ad1f5f1d.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./message-dabd76a8.js";const b=e=>{C({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},z={title:"Basic/PopConfirm",component:g,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:b,children:t.jsx(x,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},a=e=>t.jsx(g,{...e}),s=a.bind({}),r=a.bind({});r.args={children:t.jsx(x,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const o=a.bind({});o.args={placement:"bottom-end"};var n,i,c;s.parameters={...s.parameters,docs:{...(n=s.parameters)==null?void 0:n.docs,source:{originalSource:`args => <PopConfirm
|
|
2
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
|
-
{...args} />`,...(c=(i=s.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var p,m,l;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`args => <PopConfirm
|
|
4
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
5
|
-
{...args} />`,...(l=(m=r.parameters)==null?void 0:m.docs)==null?void 0:l.source}}};var d,u,f;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => <PopConfirm
|
|
6
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
7
|
-
{...args} />`,...(f=(u=o.parameters)==null?void 0:u.docs)==null?void 0:f.source}}};const F=["Default","Action","Placement"];export{r as Action,s as Default,o as Placement,F as __namedExportsOrder,z as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{_ as e}from"./iframe-8d80f428.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-e463e8a5.js"),["./DocsRenderer-NNNQARDV-e463e8a5.js","./chunk-HLWAVYOI-d8be29f3.js","./iframe-8d80f428.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-56f304c1.js","./inheritsLoose-d4851ab8.js","./assertThisInitialized-081f9914.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@-moz-document url-prefix(){.docs-story>div>div{height:100%!important}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-f961835c.js";const n="_printHeader_o7xxx_1",o={printHeader:n},r=({logo:e,alt:t,logoWidth:a="100px"})=>i.jsx("img",{src:e,alt:t,className:o.printHeader,style:{width:a}});try{r.displayName="PrintHeader",r.__docgenInfo={description:"",displayName:"PrintHeader",props:{logo:{defaultValue:null,description:"",name:"logo",required:!0,type:{name:"string"}},logoWidth:{defaultValue:{value:"100px"},description:"",name:"logoWidth",required:!1,type:{name:"TStringOrNumber"}},alt:{defaultValue:null,description:"",name:"alt",required:!0,type:{name:"string"}}}}}catch{}export{r as P};
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{R as c}from"./index-f80c8c95.js";import{R as d}from"./rich-text-input-977847ce.js";import{B as D}from"./button-74c97e4a.js";import{S as y}from"./select-205cd538.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./spinner-a81ebe38.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-23e84186.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-2d4e1c8e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const oe={title:"Forms/RichTextInput",component:d,args:{}},l=r=>{const[t,u]=c.useState(r.value);return e.jsxs(e.Fragment,{children:[e.jsx(d,{...r,value:t,onChange:u}),e.jsx("pre",{children:e.jsx("strong",{children:"Markdown output:"})}),e.jsx("pre",{children:t})]})},p=l.bind({}),a=l.bind({});a.args={value:`Paragraph goes here lorem ipsum dolor.
|
|
2
|
-
1. Item (*italic*)
|
|
3
|
-
2. Item (**bold**)
|
|
4
|
-
3. Item (\`code\`)
|
|
5
|
-
* Item
|
|
6
|
-
* Item`};const n=l.bind({});n.args={placeholder:"Enter message..."};const s=l.bind({});s.args={disabled:!0};const i=()=>{const[r,t]=c.useState("starting value"),u=c.useRef(null),F=W=>{t(""),W.current.clearContent()};return e.jsxs(e.Fragment,{children:[e.jsx(D,{label:"Clear input!",colored:"red",onClick:()=>F(u)}),e.jsx(d,{value:r,onChange:t,ref:u}),e.jsx("pre",{children:e.jsx("strong",{children:"Markdown output:"})}),e.jsx("pre",{children:r})]})},B=e.jsx(y,{options:[{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Koalas",value:"leaves"},{label:"Wombats",value:"bark"}],width:"auto",value:"termites",small:!0}),o=l.bind({});o.args={toolbarComponent:B};var m,g,v;p.parameters={...p.parameters,docs:{...(m=p.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
7
|
-
const [value, setValue] = React.useState(args.value);
|
|
8
|
-
return <>
|
|
9
|
-
<RichTextInput
|
|
10
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
11
|
-
{...args} value={value} onChange={setValue} />
|
|
12
|
-
<pre>
|
|
13
|
-
<strong>Markdown output:</strong>
|
|
14
|
-
</pre>
|
|
15
|
-
<pre>{value}</pre>
|
|
16
|
-
</>;
|
|
17
|
-
}`,...(v=(g=p.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var h,x,R;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
|
|
18
|
-
const [value, setValue] = React.useState(args.value);
|
|
19
|
-
return <>
|
|
20
|
-
<RichTextInput
|
|
21
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
22
|
-
{...args} value={value} onChange={setValue} />
|
|
23
|
-
<pre>
|
|
24
|
-
<strong>Markdown output:</strong>
|
|
25
|
-
</pre>
|
|
26
|
-
<pre>{value}</pre>
|
|
27
|
-
</>;
|
|
28
|
-
}`,...(R=(x=a.parameters)==null?void 0:x.docs)==null?void 0:R.source}}};var b,C,f;n.parameters={...n.parameters,docs:{...(b=n.parameters)==null?void 0:b.docs,source:{originalSource:`args => {
|
|
29
|
-
const [value, setValue] = React.useState(args.value);
|
|
30
|
-
return <>
|
|
31
|
-
<RichTextInput
|
|
32
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
33
|
-
{...args} value={value} onChange={setValue} />
|
|
34
|
-
<pre>
|
|
35
|
-
<strong>Markdown output:</strong>
|
|
36
|
-
</pre>
|
|
37
|
-
<pre>{value}</pre>
|
|
38
|
-
</>;
|
|
39
|
-
}`,...(f=(C=n.parameters)==null?void 0:C.docs)==null?void 0:f.source}}};var j,S,k;s.parameters={...s.parameters,docs:{...(j=s.parameters)==null?void 0:j.docs,source:{originalSource:`args => {
|
|
40
|
-
const [value, setValue] = React.useState(args.value);
|
|
41
|
-
return <>
|
|
42
|
-
<RichTextInput
|
|
43
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
44
|
-
{...args} value={value} onChange={setValue} />
|
|
45
|
-
<pre>
|
|
46
|
-
<strong>Markdown output:</strong>
|
|
47
|
-
</pre>
|
|
48
|
-
<pre>{value}</pre>
|
|
49
|
-
</>;
|
|
50
|
-
}`,...(k=(S=s.parameters)==null?void 0:S.docs)==null?void 0:k.source}}};var V,I,T;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`() => {
|
|
51
|
-
const [value, setValue] = React.useState('starting value');
|
|
52
|
-
const editorRef = React.useRef(null);
|
|
53
|
-
const handleClick = (ref: any) => {
|
|
54
|
-
setValue('');
|
|
55
|
-
ref.current.clearContent();
|
|
56
|
-
};
|
|
57
|
-
return <>
|
|
58
|
-
<Button label="Clear input!" colored="red" onClick={() => handleClick(editorRef)} />
|
|
59
|
-
<RichTextInput value={value} onChange={setValue} ref={editorRef} />
|
|
60
|
-
<pre>
|
|
61
|
-
<strong>Markdown output:</strong>
|
|
62
|
-
</pre>
|
|
63
|
-
<pre>{value}</pre>
|
|
64
|
-
</>;
|
|
65
|
-
}`,...(T=(I=i.parameters)==null?void 0:I.docs)==null?void 0:T.source}}};var w,M,E;o.parameters={...o.parameters,docs:{...(w=o.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
|
|
66
|
-
const [value, setValue] = React.useState(args.value);
|
|
67
|
-
return <>
|
|
68
|
-
<RichTextInput
|
|
69
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
70
|
-
{...args} value={value} onChange={setValue} />
|
|
71
|
-
<pre>
|
|
72
|
-
<strong>Markdown output:</strong>
|
|
73
|
-
</pre>
|
|
74
|
-
<pre>{value}</pre>
|
|
75
|
-
</>;
|
|
76
|
-
}`,...(E=(M=o.parameters)==null?void 0:M.docs)==null?void 0:E.source}}};const le=["Default","Filled","Placeholder","Disabled","HandlingStateExternallyWithRef","WithToolbarComponent"];export{p as Default,s as Disabled,a as Filled,i as HandlingStateExternallyWithRef,n as Placeholder,o as WithToolbarComponent,le as __namedExportsOrder,oe as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{T as s}from"./text-ad1f5f1d.js";const n=({children:e,href:r=void 0,target:a=void 0,testId:i,onClick:d})=>t.jsx("a",{href:r,target:a,onClick:d,"data-testid":i,children:t.jsx(s,{link:!0,children:e})});try{n.displayName="TextLink",n.__docgenInfo={description:"",displayName:"TextLink",props:{href:{defaultValue:{value:"undefined"},description:"",name:"href",required:!1,type:{name:"string"}},target:{defaultValue:{value:"undefined"},description:"",name:"target",required:!1,type:{name:"string"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"((e: MouseEvent<HTMLAnchorElement, MouseEvent>) => void)"}}}}}catch{}export{n as T};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-f961835c.js";import{T as n}from"./text-link-f4589768.js";import"./index-f80c8c95.js";import"./text-ad1f5f1d.js";import"./index-a80ed1cf.js";const f={title:"Basic/TextLink",component:n,args:{children:"Link text goes here",href:"http://oliasoft.com"}},m=p=>l.jsx(n,{...p}),r=m.bind({}),e=m.bind({});e.args={href:void 0,onClick:()=>console.log("Clicked!")};var s,o,t;r.parameters={...r.parameters,docs:{...(s=r.parameters)==null?void 0:s.docs,source:{originalSource:"args => <TextLink {...args} />",...(t=(o=r.parameters)==null?void 0:o.docs)==null?void 0:t.source}}};var a,i,c;e.parameters={...e.parameters,docs:{...(a=e.parameters)==null?void 0:a.docs,source:{originalSource:"args => <TextLink {...args} />",...(c=(i=e.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};const L=["Default","OnClick"];export{r as Default,e as OnClick,L as __namedExportsOrder,f as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{j as l}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{c as y}from"./index-a80ed1cf.js";import{b as x}from"./common-types-2c81813f.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as E}from"./help-icon-d4189b1b.js";const h="_toggle_1mo1i_9",q="_small_1mo1i_25",I="_disabled_1mo1i_102",V="_noMargin_1mo1i_113",v="_helpIconEnabled_1mo1i_116",a={toggle:h,small:q,disabled:I,noMargin:V,helpIconEnabled:v},r=({name:t,label:d,checked:e=!1,disabled:u,small:m=!1,onChange:p,noMargin:c=!1,testId:g,helpText:o,onClickHelp:i})=>{const f=b.useContext(C),_=o||i,s=u||f;return l.jsxs("div",{className:y(a.toggle,s?a.disabled:null,m?a.small:null,c?a.noMargin:null),onClick:n=>{s||(n.target.name=t,n.target.checked=!e,n.target.value=!e,p(n))},"data-testid":g,children:[l.jsx("input",{type:x.CHECKBOX,name:t,value:e==null?void 0:e.toString(),disabled:s,checked:e,onChange:()=>{}}),l.jsx("label",{children:d}),_&&l.jsx("div",{className:a.helpIconEnabled,onClick:i,children:l.jsx(E,{text:o})})]})};try{r.displayName="Toggle",r.__docgenInfo={description:"",displayName:"Toggle",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!1,type:{name:"string | ReactElement<any, string | JSXElementConstructor<any>> | null"}},checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},disabled:{defaultValue:null,description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},helpText:{defaultValue:null,description:"",name:"helpText",required:!1,type:{name:"string"}},onClickHelp:{defaultValue:null,description:"",name:"onClickHelp",required:!1,type:{name:"((evt: any) => void)"}}}}}catch{}export{r as T};
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
import{j as y}from"./jsx-runtime-f961835c.js";import{r as G}from"./index-f80c8c95.js";import{T as u}from"./toggle-bb34b2a2.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./help-icon-d4189b1b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-e9cbb4d7.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";const{useArgs:I}=__STORYBOOK_MODULE_ADDONS__,ce={title:"Forms/Toggle",component:u,args:{label:"Label"}},e=g=>{const[{checked:p},i]=I(),h=()=>{i({checked:!p})};return y.jsx(u,{...g,onChange:h})},d=e.bind({}),n=e.bind({});n.args={disabled:!0};const s=e.bind({});s.args={checked:!0,disabled:!0};const a=e.bind({});a.args={small:!0};const r=e.bind({});r.args={label:null};const t=e.bind({});t.args={helpText:"Help text"};const c=e.bind({});c.args={onClickHelp:()=>console.log("Help clicked")};const l=()=>{const[g,p]=G.useState(!1);return y.jsx(u,{name:"name",label:"Label",checked:g,onChange:i=>{const{name:h,value:z,checked:m}=i.target;p(m),console.log(h,z,m)}})},o=e.bind({});o.args={helpText:"Help text",disabled:!0};var k,C,b;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
2
|
-
const [{
|
|
3
|
-
checked
|
|
4
|
-
}, updateArgs] = useArgs();
|
|
5
|
-
const handleChange = () => {
|
|
6
|
-
updateArgs({
|
|
7
|
-
checked: !checked
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
return <Toggle
|
|
11
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
12
|
-
{...args} onChange={handleChange} />;
|
|
13
|
-
}`,...(b=(C=d.parameters)==null?void 0:C.docs)==null?void 0:b.source}}};var x,A,T;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
|
|
14
|
-
const [{
|
|
15
|
-
checked
|
|
16
|
-
}, updateArgs] = useArgs();
|
|
17
|
-
const handleChange = () => {
|
|
18
|
-
updateArgs({
|
|
19
|
-
checked: !checked
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
return <Toggle
|
|
23
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
24
|
-
{...args} onChange={handleChange} />;
|
|
25
|
-
}`,...(T=(A=n.parameters)==null?void 0:A.docs)==null?void 0:T.source}}};var S,j,D;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`args => {
|
|
26
|
-
const [{
|
|
27
|
-
checked
|
|
28
|
-
}, updateArgs] = useArgs();
|
|
29
|
-
const handleChange = () => {
|
|
30
|
-
updateArgs({
|
|
31
|
-
checked: !checked
|
|
32
|
-
});
|
|
33
|
-
};
|
|
34
|
-
return <Toggle
|
|
35
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
36
|
-
{...args} onChange={handleChange} />;
|
|
37
|
-
}`,...(D=(j=s.parameters)==null?void 0:j.docs)==null?void 0:D.source}}};var H,_,f;a.parameters={...a.parameters,docs:{...(H=a.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
|
|
38
|
-
const [{
|
|
39
|
-
checked
|
|
40
|
-
}, updateArgs] = useArgs();
|
|
41
|
-
const handleChange = () => {
|
|
42
|
-
updateArgs({
|
|
43
|
-
checked: !checked
|
|
44
|
-
});
|
|
45
|
-
};
|
|
46
|
-
return <Toggle
|
|
47
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
48
|
-
{...args} onChange={handleChange} />;
|
|
49
|
-
}`,...(f=(_=a.parameters)==null?void 0:_.docs)==null?void 0:f.source}}};var O,v,E;r.parameters={...r.parameters,docs:{...(O=r.parameters)==null?void 0:O.docs,source:{originalSource:`args => {
|
|
50
|
-
const [{
|
|
51
|
-
checked
|
|
52
|
-
}, updateArgs] = useArgs();
|
|
53
|
-
const handleChange = () => {
|
|
54
|
-
updateArgs({
|
|
55
|
-
checked: !checked
|
|
56
|
-
});
|
|
57
|
-
};
|
|
58
|
-
return <Toggle
|
|
59
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
60
|
-
{...args} onChange={handleChange} />;
|
|
61
|
-
}`,...(E=(v=r.parameters)==null?void 0:v.docs)==null?void 0:E.source}}};var L,R,W;t.parameters={...t.parameters,docs:{...(L=t.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
|
|
62
|
-
const [{
|
|
63
|
-
checked
|
|
64
|
-
}, updateArgs] = useArgs();
|
|
65
|
-
const handleChange = () => {
|
|
66
|
-
updateArgs({
|
|
67
|
-
checked: !checked
|
|
68
|
-
});
|
|
69
|
-
};
|
|
70
|
-
return <Toggle
|
|
71
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
72
|
-
{...args} onChange={handleChange} />;
|
|
73
|
-
}`,...(W=(R=t.parameters)==null?void 0:R.docs)==null?void 0:W.source}}};var B,F,K;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`args => {
|
|
74
|
-
const [{
|
|
75
|
-
checked
|
|
76
|
-
}, updateArgs] = useArgs();
|
|
77
|
-
const handleChange = () => {
|
|
78
|
-
updateArgs({
|
|
79
|
-
checked: !checked
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
return <Toggle
|
|
83
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
84
|
-
{...args} onChange={handleChange} />;
|
|
85
|
-
}`,...(K=(F=c.parameters)==null?void 0:F.docs)==null?void 0:K.source}}};var M,N,U;l.parameters={...l.parameters,docs:{...(M=l.parameters)==null?void 0:M.docs,source:{originalSource:`() => {
|
|
86
|
-
const [checked, setChecked] = useState(false);
|
|
87
|
-
return <Toggle name="name" label="Label" checked={checked} onChange={evt => {
|
|
88
|
-
const {
|
|
89
|
-
name,
|
|
90
|
-
value,
|
|
91
|
-
checked
|
|
92
|
-
} = evt.target;
|
|
93
|
-
setChecked(checked);
|
|
94
|
-
console.log(name, value, checked);
|
|
95
|
-
}} />;
|
|
96
|
-
}`,...(U=(N=l.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};var Y,q,w;o.parameters={...o.parameters,docs:{...(Y=o.parameters)==null?void 0:Y.docs,source:{originalSource:`args => {
|
|
97
|
-
const [{
|
|
98
|
-
checked
|
|
99
|
-
}, updateArgs] = useArgs();
|
|
100
|
-
const handleChange = () => {
|
|
101
|
-
updateArgs({
|
|
102
|
-
checked: !checked
|
|
103
|
-
});
|
|
104
|
-
};
|
|
105
|
-
return <Toggle
|
|
106
|
-
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
107
|
-
{...args} onChange={handleChange} />;
|
|
108
|
-
}`,...(w=(q=o.parameters)==null?void 0:q.docs)==null?void 0:w.source}}};const oe=["Default","Disabled","DisabledChecked","Small","Standalone","HelpText","OnClickHelp","TestClickevt","DisabledWithHelpText"];export{d as Default,n as Disabled,s as DisabledChecked,o as DisabledWithHelpText,t as HelpText,c as OnClickHelp,a as Small,r as Standalone,l as TestClickevt,oe as __namedExportsOrder,ce as default};
|