@oliasoft-open-source/react-ui-library 3.13.0-beta-6 → 3.13.0

package/dist/assets/message.stories-ba0f5962.js

@@ -1,273 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{a,M as n}from"./message-1ae54f21.js";import{B as C}from"./button-a7e4e1fa.js";import{G as q}from"./grid-958a766c.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./tooltip-b72c7394.js";import"./index-64d4dcb8.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";const{useArgs:w}=__STORYBOOK_MODULE_ADDONS__,L={visible:!0,heading:void 0,content:"Here is some info",withDismiss:!1,icon:!1,details:void 0,maxHeight:void 0,type:n.INFO},te={title:"Basic/Message",component:a,args:{...L},argTypes:{heading:{control:{type:"text"}},details:{control:{type:"text"}}}},s=d=>{const[K,u]=w(),m=()=>{u({visible:!1}),setTimeout(()=>{u({visible:!0})},1e3)};return e.jsxs(q,{gap:!0,children:[e.jsx(a,{message:{...d,onClose:m,type:n.INFO}}),e.jsx(a,{message:{...d,onClose:m,type:n.ERROR}}),e.jsx(a,{message:{...d,onClose:m,type:n.WARNING}}),e.jsx(a,{message:{...d,onClose:m,type:n.SUCCESS}})]})},c=s.bind({}),o=s.bind({});o.args={heading:"Message Heading"};const r=s.bind({});r.args={icon:!0};const t=s.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=s.bind({});g.args={type:n.ERROR,icon:!0,content:"Unable to sync because connection settings are not set.",footer:e.jsxs(e.Fragment,{children:[e.jsx(C,{small:!0,label:"Edit connection settings",colored:"primary"},"edit-settings"),e.jsx(C,{small:!0,label:"Cancel sync"},"cancel-sync"),","]})};const l=s.bind({});l.args={width:"100%"};const i=s.bind({});i.args={width:"300px"};const p=s.bind({});p.args={maxHeight:"100px",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. ".repeat(20)};var y,M,h;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.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=(M=c.parameters)==null?void 0:M.docs)==null?void 0:h.source}}};var T,A,R;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.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>;
-}`,...(R=(A=o.parameters)==null?void 0:A.docs)==null?void 0:R.source}}};var S,b,N;r.parameters={...r.parameters,docs:{...(S=r.parameters)==null?void 0:S.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>;
-}`,...(N=(b=r.parameters)==null?void 0:b.docs)==null?void 0:N.source}}};var G,O,v;t.parameters={...t.parameters,docs:{...(G=t.parameters)==null?void 0:G.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=(O=t.parameters)==null?void 0:O.docs)==null?void 0:v.source}}};var x,E,I;g.parameters={...g.parameters,docs:{...(x=g.parameters)==null?void 0:x.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=(E=g.parameters)==null?void 0:E.docs)==null?void 0:I.source}}};var f,_,F;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>;
-}`,...(F=(_=l.parameters)==null?void 0:_.docs)==null?void 0:F.source}}};var W,U,j;i.parameters={...i.parameters,docs:{...(W=i.parameters)==null?void 0:W.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>;
-}`,...(j=(U=i.parameters)==null?void 0:U.docs)==null?void 0:j.source}}};var D,H,B;p.parameters={...p.parameters,docs:{...(D=p.parameters)==null?void 0:D.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=(H=p.parameters)==null?void 0:H.docs)==null?void 0:B.source}}};const ge=["Default","Heading","Icon","Details","Footer","FullWidth","FixedWidth","MaxHeight"];export{c as Default,t as Details,i as FixedWidth,g as Footer,l as FullWidth,o as Heading,r as Icon,p as MaxHeight,ge as __namedExportsOrder,te as default};

package/dist/assets/modal.stories-f2f0247c.js

@@ -1,141 +0,0 @@
-import{j as e}from"./jsx-runtime-f961835c.js";import{T as W}from"./common-types-3a5f9d98.js";import{M as E,D as R}from"./dialog-21649b7a.js";import{B as n}from"./button-a7e4e1fa.js";import{P as H}from"./popover-deb55aea.js";import{I as K}from"./input-b46bef9b.js";import{I as U}from"./input-group-0ccd8ab2.js";import{F as p}from"./field-2ae2bd3e.js";import{M as G}from"./actions-7f26d646.js";import{S as V}from"./select-63fb21a5.js";import{S as Y}from"./spacer-b33ecb12.js";import{T as q}from"./tooltip-b72c7394.js";import{M as m}from"./types-cc224262.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./portal-c06d6787.js";import"./index-64d4dcb8.js";import"./lodash-75c70a11.js";import"./heading-5d5cbb6f.js";import"./help-icon-e6604019.js";import"./icon-bb00eeb9.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./spinner-4948799e.js";import"./types-332ceaf3.js";import"./label-4b8583ea.js";import"./badge-2efb26e1.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./text-78efb253.js";import"./select.input-88b6ebab.js";const{useArgs:z}=__STORYBOOK_MODULE_ADDONS__,Se={title:"Modals/Modal",component:E,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(n,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[{visible:c,centered:I,...w},L]=z(),g=()=>{L({visible:!c})};return e.jsxs(e.Fragment,{children:[e.jsx(E,{visible:c,centered:I,children:e.jsx(R,{dialog:{...w,onClose:g}})}),e.jsx(n,{label:"Open Modal",onClick:g})]})},d=o.bind({}),r=o.bind({});r.args={centered:!0};const a=o.bind({});a.args={content:["This is a","new line!"]};const l=o.bind({});l.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const s=o.bind({});s.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const t=o.bind({});t.args={contentPadding:0};const i=o.bind({});i.args={content:e.jsxs(e.Fragment,{children:[e.jsx(q,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(Y,{}),e.jsx(p,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(V,{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(p,{label:"Nested Menu",children:e.jsx(G,{maxHeight:"240px",menu:{label:"Menu",trigger:W.DROP_DOWN_BUTTON,sections:[{type:m.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:m.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(H,{content:e.jsxs(U,{small:!0,children:[e.jsx(K,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(n,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(n,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(n,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};var u,b,M;d.parameters={...d.parameters,docs:{...(u=d.parameters)==null?void 0:u.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} />
-    </>;
-}`,...(M=(b=d.parameters)==null?void 0:b.docs)==null?void 0:M.source}}};var v,x,C;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.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} />
-    </>;
-}`,...(C=(x=r.parameters)==null?void 0:x.docs)==null?void 0:C.source}}};var h,P,A;a.parameters={...a.parameters,docs:{...(h=a.parameters)==null?void 0:h.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} />
-    </>;
-}`,...(A=(P=a.parameters)==null?void 0:P.docs)==null?void 0:A.source}}};var j,k,O;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.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} />
-    </>;
-}`,...(O=(k=l.parameters)==null?void 0:k.docs)==null?void 0:O.source}}};var f,S,T;s.parameters={...s.parameters,docs:{...(f=s.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} />
-    </>;
-}`,...(T=(S=s.parameters)==null?void 0:S.docs)==null?void 0:T.source}}};var y,B,D;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.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} />
-    </>;
-}`,...(D=(B=t.parameters)==null?void 0:B.docs)==null?void 0:D.source}}};var _,F,N;i.parameters={...i.parameters,docs:{...(_=i.parameters)==null?void 0:_.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} />
-    </>;
-}`,...(N=(F=i.parameters)==null?void 0:F.docs)==null?void 0:N.source}}};const Te=["Default","Centered","LineBreak","Scroll","FullWidth","NoContentPadding","WithPopoverLayers"];export{r as Centered,d as Default,s as FullWidth,a as LineBreak,t as NoContentPadding,l as Scroll,i as WithPopoverLayers,Te as __namedExportsOrder,Se as default};