@oliasoft-open-source/react-ui-library 4.12.3 → 4.12.4-beta-1

package/dist/storybook/assets/message.stories-bCqCYIuN.js

@@ -1,341 +0,0 @@
-import{j as s}from"./jsx-runtime-eps93zm2.js";import{M as a,a as n}from"./message-BRyKdRaX.js";import{B as M}from"./button-Cbv7WK6k.js";import{G as z}from"./grid-DRkC-bt8.js";import"./index-DhsZuJvc.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./styled-components.browser.esm-BQ9GQzDc.js";const{useArgs:J}=__STORYBOOK_MODULE_PREVIEW_API__,Q={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},ce={title:"Basic/Message",component:a,args:{...Q},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},e=u=>{const[X,y]=J(),c=()=>{y({visible:!1}),setTimeout(()=>{y({visible:!0})},1e3)};return s.jsxs(z,{gap:!0,children:[s.jsx(a,{message:{...u,onClose:c,type:n.INFO}}),s.jsx(a,{message:{...u,onClose:c,type:n.ERROR}}),s.jsx(a,{message:{...u,onClose:c,type:n.WARNING}}),s.jsx(a,{message:{...u,onClose:c,type:n.SUCCESS}})]})},C=e.bind({}),o=e.bind({});o.args={heading:"Message Heading"};const r=e.bind({});r.args={icon:!0};const t=e.bind({});t.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero."};const g=e.bind({});g.args={details:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at mi ac quam condimentum blandit at sit amet lectus. Nullam volutpat erat maximus, venenatis nisl sed, aliquam libero.",detailsVisible:!0};const l=e.bind({});l.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:s.jsxs(s.Fragment,{children:[s.jsx(M,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),s.jsx(M,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const i=e.bind({});i.args={width:"100%"};const p=e.bind({});p.args={width:"300px"};const d=e.bind({});d.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};const m=e.bind({});m.args={withDismiss:!0,onClose:()=>{}};var h,T,A;C.parameters={...C.parameters,docs:{...(h=C.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(A=(T=C.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var R,S,b;o.parameters={...o.parameters,docs:{...(R=o.parameters)==null?void 0:R.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(b=(S=o.parameters)==null?void 0:S.docs)==null?void 0:b.source}}};var N,G,v;r.parameters={...r.parameters,docs:{...(N=r.parameters)==null?void 0:N.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(v=(G=r.parameters)==null?void 0:G.docs)==null?void 0:v.source}}};var E,O,I;t.parameters={...t.parameters,docs:{...(E=t.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(I=(O=t.parameters)==null?void 0:O.docs)==null?void 0:I.source}}};var f,x,_;g.parameters={...g.parameters,docs:{...(f=g.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(_=(x=g.parameters)==null?void 0:x.docs)==null?void 0:_.source}}};var F,W,D;l.parameters={...l.parameters,docs:{...(F=l.parameters)==null?void 0:F.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(D=(W=l.parameters)==null?void 0:W.docs)==null?void 0:D.source}}};var U,j,H;i.parameters={...i.parameters,docs:{...(U=i.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(H=(j=i.parameters)==null?void 0:j.docs)==null?void 0:H.source}}};var q,w,B;p.parameters={...p.parameters,docs:{...(q=p.parameters)==null?void 0:q.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(B=(w=p.parameters)==null?void 0:w.docs)==null?void 0:B.source}}};var L,P,V;d.parameters={...d.parameters,docs:{...(L=d.parameters)==null?void 0:L.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(V=(P=d.parameters)==null?void 0:P.docs)==null?void 0:V.source}}};var K,Y,k;m.parameters={...m.parameters,docs:{...(K=m.parameters)==null?void 0:K.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  const handleClose = () => {
-    updateArgs({
-      visible: false
-    });
-    setTimeout(() => {
-      updateArgs({
-        visible: true
-      });
-    }, 1000);
-  };
-  return <Grid gap>
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.INFO
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.ERROR
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.WARNING
-    }} />
-      <Message message={{
-      ...args,
-      onClose: handleClose,
-      type: MessageType.SUCCESS
-    }} />
-    </Grid>;
-}`,...(k=(Y=m.parameters)==null?void 0:Y.docs)==null?void 0:k.source}}};const Ce=["Default","Heading","Icon","Details","DetailsShowDefault","Footer","FullWidth","FixedWidth","MaxHeight","Dismiss"];export{C as Default,t as Details,g as DetailsShowDefault,m as Dismiss,p as FixedWidth,l as Footer,i as FullWidth,o as Heading,r as Icon,d as MaxHeight,Ce as __namedExportsOrder,ce as default};

package/dist/storybook/assets/meta-content-ByVTG0hd.css

@@ -1 +0,0 @@
-._inputInTable_1llou_1{background-color:transparent;border-radius:inherit!important;height:var(--size);min-height:100%}._inputInTable_1llou_1:not(:hover):not([data-error]):not([data-warning]){border-color:transparent}._inputInTable_1llou_1:not(:focus){box-shadow:none}._inputHover_1llou_13{position:relative;border-color:var(--color-border-hover);z-index:2}._inputFocus_1llou_18{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputError_1llou_25,._inputWarning_1llou_26{position:relative}._inputError_1llou_25{z-index:2;border-color:var(--color-border-error);color:var(--color-text-error)!important;background-color:var(--color-background-error-muted)}._inputError_1llou_25:hover{border-color:var(--color-border-error-hover)!important}._inputError_1llou_25:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputWarning_1llou_26{z-index:1;border-color:var(--color-border-warning);color:var(--color-text-warning)!important;background-color:var(--color-background-warning-muted)}._inputWarning_1llou_26:hover{border-color:var(--color-border-warning-hover)!important}._inputWarning_1llou_26:focus{position:relative;outline:none!important;border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus);z-index:3}._inputDisabled_1llou_61{pointer-events:none;background-color:var(--color-background-disabled);color:var(--color-text-muted);box-shadow:none}._hideScrollbars_1llou_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbars_1llou_67::-webkit-scrollbar{display:none}._header_1llou_77 ._headerTitle_1llou_77,._heading_1llou_78 ._itemHeader_1llou_78{transition:opacity .3s}._narrow_1llou_81 ._header_1llou_77 ._headerTitle_1llou_77,._narrow_1llou_81 ._heading_1llou_78 ._itemHeader_1llou_78{opacity:0}._stickyHeader_1llou_85{position:sticky;top:0;background-color:var(--color-background);z-index:10}._itemHeader_1llou_78{padding:var(--padding-xs) var(--padding);display:flex;align-items:flex-start}._itemHeader_1llou_78 ._title_1llou_96{margin:0;padding:0;flex-grow:1;min-width:0}._itemHeader_1llou_78 ._name_1llou_102{font-weight:400}._itemHeader_1llou_78 ._iconTooltipMargin_1llou_105{margin-left:var(--padding-xs)}._itemHeader_1llou_78 ._bold_1llou_108{font-weight:700}._header_1llou_77{padding:var(--padding);display:flex;align-items:center;border-bottom:1px solid var(--color-border)}._toggleNarrow_1llou_117{margin-right:16px;margin-left:-5px;color:#c8c8c8;transition:all .4s;display:flex;width:22px;justify-content:center}._toggleNarrow_1llou_117:hover{color:var(--color-text-primary-hover)}._toggleNarrow_1llou_117:active{color:var(--color-text-primary-active)}._narrow_1llou_81 ._toggleNarrow_1llou_117{transform:scaleX(-1)}._drag_1llou_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);flex-shrink:0}._drag_1llou_135:hover{color:var(--color-text-primary-hover)}._drag_1llou_135:active{color:var(--color-text-primary-active)}._list_1llou_155{flex-shrink:0;background:var(--color-background)}._list_1llou_155._bordered_1llou_159:first-child,._list_1llou_155._bordered_1llou_159:first-child>:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}._list_1llou_155._bordered_1llou_159:last-child,._list_1llou_155._bordered_1llou_159:last-child>:last-child{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-bottom:0}._item_1llou_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_1llou_78:not(._heading_1llou_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_1llou_78._action_1llou_192{cursor:pointer}._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover{background:var(--color-background-listitem-hover)}._item_1llou_78._action_1llou_192:not(._active_1llou_195):hover:after{width:5px;background:#0000001a}._item_1llou_78._indented_1llou_202:after{width:3px;background:#0000001a}._item_1llou_78._active_1llou_195{cursor:default;position:relative;z-index:1;background:var(--color-background-listitem-active)}._item_1llou_78._active_1llou_195:after{background:var(--color-background-primary)!important}._item_1llou_78._disabled_1llou_215{color:var(--color-text-faint);pointer-events:none}._item_1llou_78._heading_1llou_78{color:var(--color-text-muted);background-color:var(--color-background-cardheader)}._item_1llou_78._heading_1llou_78._action_1llou_192:hover{color:var(--color-text-primary-hover)}._item_1llou_78 ._label_1llou_226{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_1llou_78 ._details_1llou_237,._item_1llou_78 ._metadata_1llou_238{display:block;width:100%;font-weight:400}._item_1llou_78 ._metadata_1llou_238{color:var(--color-text-muted)}._item_1llou_78 ._itemContent_1llou_246{padding:0 var(--padding) var(--padding-sm);cursor:auto}._item_1llou_78 ._itemContent_1llou_246:empty{padding:inherit}._indentIcon_1llou_253{color:var(--color-text-faint);flex-shrink:0;margin-right:var(--padding-xxs)}._expandIcon_1llou_258{flex-shrink:0;position:relative;display:flex;height:var(--line-height);margin-right:var(--padding-xs)}._expandIcon_1llou_258._expanded_1llou_265 svg{transform:rotate(90deg)}._right_1llou_268{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_1llou_276{margin-left:var(--padding-xs);display:flex;align-items:center}._scrollableList_1llou_281{height:100%;overflow-y:auto;scroll-behavior:smooth}._infiniteScrollContainer_1llou_286{overflow:hidden!important}._hideScrollbar_1llou_67{scrollbar-width:none;-ms-overflow-style:none}._hideScrollbar_1llou_67::-webkit-scrollbar{display:none}._bordered_1llou_159{box-shadow:inset 0 0 0 2px var(--color-background-primary);background:var(--color-background-listitem-active)}._noPointerEvents_1llou_303{pointer-events:none}

package/dist/storybook/assets/meta-content-DNgQbAW0.js

@@ -1,9 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as m}from"./index-DhsZuJvc.js";import{c}from"./index-Bk2sglWO.js";import{I as g}from"./common-types-Sih75Sav.js";import{I as _}from"./icon-BSFY3vDO.js";import{H as h}from"./heading-CRNoBc7q.js";import{A as x}from"./actions-Bax0KeqM.js";import{B as f}from"./badge-CLQ59MDF.js";import{T as N}from"./tooltip-1V7clEnw.js";const b="_inputInTable_1llou_1",T="_inputHover_1llou_13",j="_inputFocus_1llou_18",v="_inputError_1llou_25",y="_inputWarning_1llou_26",I="_inputDisabled_1llou_61",w="_hideScrollbars_1llou_67",H="_header_1llou_77",q="_headerTitle_1llou_77",C="_heading_1llou_78",k="_itemHeader_1llou_78",E="_narrow_1llou_81",S="_stickyHeader_1llou_85",M="_title_1llou_96",R="_name_1llou_102",L="_iconTooltipMargin_1llou_105",F="_bold_1llou_108",V="_toggleNarrow_1llou_117",W="_drag_1llou_135",B="_list_1llou_155",D="_bordered_1llou_159",P="_item_1llou_78",$="_action_1llou_192",A="_active_1llou_195",O="_indented_1llou_202",z="_disabled_1llou_215",G="_label_1llou_226",J="_details_1llou_237",K="_metadata_1llou_238",Q="_itemContent_1llou_246",U="_indentIcon_1llou_253",X="_expandIcon_1llou_258",Y="_expanded_1llou_265",Z="_right_1llou_268",ee="_actions_1llou_276",te="_scrollableList_1llou_281",oe="_infiniteScrollContainer_1llou_286",ne="_hideScrollbar_1llou_67",ae="_noPointerEvents_1llou_303",o={inputInTable:b,inputHover:T,inputFocus:j,inputError:v,inputWarning:y,inputDisabled:I,hideScrollbars:w,header:H,headerTitle:q,heading:C,itemHeader:k,narrow:E,stickyHeader:S,title:M,name:R,iconTooltipMargin:L,bold:F,toggleNarrow:V,drag:W,list:B,bordered:D,item:P,action:$,active:A,indented:O,disabled:z,label:G,details:J,metadata:K,itemContent:Q,indentIcon:U,expandIcon:X,expanded:Y,right:Z,actions:ee,scrollableList:te,infiniteScrollContainer:oe,hideScrollbar:ne,noPointerEvents:ae},u=({toggleNarrow:n,onClickToggleNarrow:t})=>n?e.jsx("a",{className:o.toggleNarrow,onClick:t,children:e.jsx(_,{icon:g.CHEVRON_LEFT})}):null;u.__docgenInfo={description:"",methods:[],displayName:"ToggleNarrow",props:{toggleNarrow:{required:!1,tsType:{name:"boolean"},description:""},onClickToggleNarrow:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const le=m.forwardRef(({name:n,actions:t=[],toggleNarrow:i=!1,onToggleNarrow:a=()=>{},stickyHeader:r},s)=>e.jsxs("div",{ref:s,className:c(o.header,r?o.stickyHeader:""),children:[e.jsx(u,{toggleNarrow:i,onClickToggleNarrow:a}),n&&e.jsx("div",{className:o.headerTitle,children:e.jsx(h,{top:!0,marginBottom:0,children:n})}),e.jsx("div",{className:o.right,children:e.jsx("div",{className:o.actions,children:e.jsx(x,{actions:t})})})]}));le.__docgenInfo={description:"",methods:[],displayName:"ListHeading",props:{actions:{defaultValue:{value:"[]",computed:!1},required:!1},toggleNarrow:{defaultValue:{value:"false",computed:!1},required:!1},onToggleNarrow:{defaultValue:{value:"() => {}",computed:!1},required:!1}}};const p=({name:n,icon:t,testId:i})=>{const a=t&&e.jsx(_,{icon:t.icon,color:t.color||"#db2828"});return e.jsxs("span",{className:c(o.name,o.bold),"data-testid":i,children:[n,t&&t.tooltip&&t.tooltip.text?e.jsx("span",{className:o.iconTooltipMargin,children:e.jsx(N,{text:t.tooltip.text,maxWidth:"350px",children:a})}):t&&t.icon&&e.jsx("span",{className:o.iconTooltipMargin,children:a})]})};p.__docgenInfo={description:"",methods:[],displayName:"Name",props:{name:{required:!0,tsType:{name:"ReactNode"},description:""},icon:{required:!1,tsType:{name:"signature",type:"object",raw:`{
-  icon: ReactNode;
-  color?: string;
-  tooltip?: {
-    text: ReactNode;
-  };
-}`,signature:{properties:[{key:"icon",value:{name:"ReactNode",required:!0}},{key:"color",value:{name:"string",required:!1}},{key:"tooltip",value:{name:"signature",type:"object",raw:`{
-  text: ReactNode;
-}`,signature:{properties:[{key:"text",value:{name:"ReactNode",required:!0}}]},required:!1}}]}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ie=({item:n})=>{const{name:t,icon:i,details:a,metadata:r,invalid:s,testId:l}=n;let d=e.jsx(p,{name:t,icon:i,testId:l&&`${l}-name`});return s&&(d=e.jsx(f,{small:!0,margin:"-2px",title:"!",children:d})),e.jsxs("span",{className:o.title,children:[d,a&&e.jsx("span",{className:o.details,"data-testid":l&&`${l}-details`,children:a}),r&&e.jsx("span",{className:o.metadata,"data-testid":l&&`${l}-metadata`,children:r})]})};ie.__docgenInfo={description:"",methods:[],displayName:"MetaContent",props:{item:{required:!0,tsType:{name:"IMetaContentItem"},description:""}}};export{le as L,ie as M,p as N,o as l};

package/dist/storybook/assets/modal.stories-C2d-Em5V.js

@@ -1,200 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as h}from"./index-DhsZuJvc.js";import{T as X}from"./common-types-Sih75Sav.js";import{M,D as C}from"./dialog-DkpQscuI.js";import{B as o}from"./button-Cbv7WK6k.js";import{P as Z}from"./popover-C_2P8LFJ.js";import{I as Q}from"./input-Db9WkmPP.js";import{I as $}from"./input-group-BaRSJAEN.js";import{F as j}from"./field-HrLaMLbx.js";import{M as ee}from"./actions-Bax0KeqM.js";import{S as oe}from"./select-Cwks-WA0.js";import{S as le}from"./spacer-BWoNR27H.js";import{T as ne}from"./tooltip-1V7clEnw.js";import{M as k}from"./types-BmbYqTX_.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";import"./types-Dx2TtIG9.js";import"./label-CqmyC9he.js";import"./badge-CLQ59MDF.js";import"./enum-Bnn40S8Q.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./text-B3-TSWok.js";import"./select.input-CJed_LLR.js";import"./helpers-JJxzGegQ.js";const{useArgs:se}=__STORYBOOK_MODULE_PREVIEW_API__,Ke={title:"Modals/Modal",component:M,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const[{visible:n,centered:r,...s},l]=se(),t=()=>{l({visible:!n})};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,centered:r,children:e.jsx(C,{dialog:{...s,onClose:t}})}),e.jsx(o,{label:"Open Modal",onClick:t})]})},v=a.bind({}),i=a.bind({});i.args={centered:!0};const d=a.bind({});d.args={content:["This is a","new line!"]};const c=a.bind({});c.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const g=a.bind({});g.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=a.bind({});p.args={contentPadding:0};const m=a.bind({});m.args={content:e.jsxs(e.Fragment,{children:[e.jsx(ne,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(le,{}),e.jsx(j,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(oe,{name:"example",options:["Aardvarks","Kangaroos","Monkeys","Possums","Gorilla","Puma","Patagonian Mara","Tarsier","Koala","Panda","Red Panda","Impala","Tiger","Crocodile","Bat"],onChange:()=>{},value:"Monkeys",error:"Bad value"})}),e.jsx(j,{label:"Nested Menu",children:e.jsx(ee,{maxHeight:"240px",menu:{label:"Menu",trigger:X.DROP_DOWN_BUTTON,sections:[{type:k.MENU,menu:{trigger:"Text",label:"Children",sections:[...Array(100).keys()].map(()=>({type:"Option",label:Math.random().toString(36).substring(7),onClick:()=>{}}))}},...[...Array(100).keys()].map(()=>({type:k.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Z,{content:e.jsxs($,{small:!0,children:[e.jsx(Q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const u=()=>{const[n,r]=h.useState(!1),s=()=>{r(!0)},l=()=>{r(!1)},t=()=>{console.log("Submit action"),l()};return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,onEnter:()=>{console.log("Enter"),t()},onEscape:()=>{console.log("Escape"),l()},children:e.jsx(C,{dialog:{heading:"Test key handling",content:e.jsx(Q,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:t}),e.jsx(o,{label:"Cancel",onClick:l})]}),onClose:l}})}),e.jsx(o,{label:"Open Modal",onClick:s})]})},b=()=>{const[n,r]=h.useState(!1),s=()=>r(!n),[l,t]=h.useState(!1),x=()=>t(!l);return e.jsxs(e.Fragment,{children:[e.jsx(M,{visible:n,children:e.jsx(C,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(M,{visible:l,children:e.jsx(C,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(o,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(o,{label:"Close",onClick:s})]}),onClose:s}})}),e.jsx(o,{label:"Open modal 1",onClick:s})]})};u.__docgenInfo={description:"",methods:[],displayName:"KeyHandle"};b.__docgenInfo={description:"",methods:[],displayName:"MultipleModals"};var f,S,P;v.parameters={...v.parameters,docs:{...(f=v.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(P=(S=v.parameters)==null?void 0:S.docs)==null?void 0:P.source}}};var A,O,y;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(y=(O=i.parameters)==null?void 0:O.docs)==null?void 0:y.source}}};var B,V,T;d.parameters={...d.parameters,docs:{...(B=d.parameters)==null?void 0:B.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(T=(V=d.parameters)==null?void 0:V.docs)==null?void 0:T.source}}};var D,E,_;c.parameters={...c.parameters,docs:{...(D=c.parameters)==null?void 0:D.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(_=(E=c.parameters)==null?void 0:E.docs)==null?void 0:_.source}}};var F,I,L;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(L=(I=g.parameters)==null?void 0:I.docs)==null?void 0:L.source}}};var N,H,K;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(K=(H=p.parameters)==null?void 0:H.docs)==null?void 0:K.source}}};var W,w,R;m.parameters={...m.parameters,docs:{...(W=m.parameters)==null?void 0:W.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(R=(w=m.parameters)==null?void 0:w.docs)==null?void 0:R.source}}};var U,G,Y;u.parameters={...u.parameters,docs:{...(U=u.parameters)==null?void 0:U.docs,source:{originalSource:`() => {
-  const [visible, setVisible] = useState(false);
-  const openModal = () => {
-    setVisible(true);
-  };
-  const closeModal = () => {
-    setVisible(false);
-  };
-  const handleSubmit = () => {
-    console.log('Submit action');
-    closeModal();
-  };
-  return <>
-      <Modal visible={visible} onEnter={() => {
-      console.log('Enter');
-      handleSubmit();
-    }} onEscape={() => {
-      console.log('Escape');
-      closeModal();
-    }}>
-        <Dialog dialog={{
-        heading: 'Test key handling',
-        content: <Input />,
-        footer: <>
-                <Button label="Done" colored="red" onClick={handleSubmit} />
-                <Button label="Cancel" onClick={closeModal} />
-              </>,
-        onClose: closeModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={openModal} />
-    </>;
-}`,...(Y=(G=u.parameters)==null?void 0:G.docs)==null?void 0:Y.source}}};var q,z,J;b.parameters={...b.parameters,docs:{...(q=b.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
-  const [visible1, setVisible1] = useState(false);
-  const toggleVisible1 = () => setVisible1(!visible1);
-  const [visible2, setVisible2] = useState(false);
-  const toggleVisible2 = () => setVisible2(!visible2);
-  return <>
-      <Modal visible={visible1}>
-        <Dialog dialog={{
-        heading: 'Modal 1',
-        content: 'Lorem ipsum dolor sit amet',
-        footer: <>
-                <Button label="Open modal 2" colored onClick={toggleVisible2} />
-                <Modal visible={visible2}>
-                  <Dialog dialog={{
-              heading: 'Modal 2',
-              content: 'Lorem ipsum dolor sit amet',
-              footer: <Button label="Close" onClick={toggleVisible2} />,
-              onClose: toggleVisible2
-            }} />
-                </Modal>
-                <Button label="Close" onClick={toggleVisible1} />
-              </>,
-        onClose: toggleVisible1
-      }} />
-      </Modal>
-      <Button label="Open modal 1" onClick={toggleVisible1} />
-    </>;
-}`,...(J=(z=b.parameters)==null?void 0:z.docs)==null?void 0:J.source}}};const We=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers","KeyHandle","MultipleModals"];export{i as Centered,v as Default,g as FullWidth,u as KeyHandle,d as LineBreak,b as MultipleModals,p as NoContentPadding,c as Scroll,m as WithPopoverLayers,We as __namedExportsOrder,Ke as default};

package/dist/storybook/assets/modal.test-case.stories-Ci1WRYdo.js

@@ -1,21 +0,0 @@
-import{j as e}from"./jsx-runtime-eps93zm2.js";import{w as d,u as c,e as p}from"./index-DMAnyMX5.js";import{M as b,D as h}from"./dialog-DkpQscuI.js";import{B as l}from"./button-Cbv7WK6k.js";import"./index-DhsZuJvc.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./portal-GQ0_cLB6.js";import"./index-CUZDtIZe.js";import"./lodash-c4VUpsOs.js";import"./common-types-Sih75Sav.js";import"./heading-CRNoBc7q.js";import"./help-icon-Buhx5nl6.js";import"./tooltip-1V7clEnw.js";import"./icon-BSFY3vDO.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./spinner-AWUe4xwQ.js";const{useArgs:M}=__STORYBOOK_MODULE_PREVIEW_API__,K={title:"Modals/Modal/Test Cases",component:b,args:{visible:!0,centered:!0,width:"300px",heading:"Are you sure?",content:e.jsx(e.Fragment,{children:"This will complete the transaction"}),footer:e.jsxs(e.Fragment,{children:[e.jsx(l,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(l,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}},tags:["!autodocs"]},x=()=>{const[{visible:s,centered:a,...n},r]=M(),t=()=>{r({visible:!s})};return e.jsxs(e.Fragment,{children:[e.jsx(b,{visible:s,centered:a,children:e.jsx(h,{dialog:{...n,onClose:t}})}),e.jsx(l,{label:"Open Modal",onClick:t})]})},o=x.bind({});o.args={testId:"testId"};o.play=async({canvasElement:s,step:a})=>{const n=d(s),r=d(s.ownerDocument.body);await a("Modal should appear when triggered",async()=>{const t=n.getByText("Open Modal");await c.click(t);const i=r.getByTestId("testId");await p(i).toBeInTheDocument()}),await a("Modal should disappear when close button pressed",async()=>{const t=r.getByTestId("testId"),i=n.getByTestId("testId-dismiss");await c.click(i),await p(t).not.toBeInTheDocument()})};var m,g,u;o.parameters={...o.parameters,docs:{...(m=o.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
-  const [{
-    visible,
-    centered,
-    ...dialogProps
-  }, updateArgs] = useArgs();
-  const toggleModal = () => {
-    updateArgs({
-      visible: !visible
-    });
-  };
-  return <>
-      <Modal visible={visible} centered={centered}>
-        <Dialog dialog={{
-        ...dialogProps,
-        onClose: toggleModal
-      }} />
-      </Modal>
-      <Button label="Open Modal" onClick={toggleModal} />
-    </>;
-}`,...(u=(g=o.parameters)==null?void 0:g.docs)==null?void 0:u.source}}};const L=["Test"];export{o as Test,L as __namedExportsOrder,K as default};