@oliasoft-open-source/react-ui-library 4.0.0-beta-39 → 4.0.0-beta-41

package/dist/storybook/assets/check-box-24c24273.js

@@ -0,0 +1 @@
+import{j as a}from"./jsx-runtime-f961835c.js";import{r as g}from"./index-f80c8c95.js";import{c as I}from"./index-a80ed1cf.js";import{I as v}from"./common-types-3a5f9d98.js";import{D as C}from"./disabled-context-d654f6ff.js";import{H as q}from"./help-icon-6216ea0b.js";import{I as V}from"./icon-6cfc6944.js";const T="_checkbox_1mw9n_1",j="_noLabel_1mw9n_17",w="_small_1mw9n_20",M="_checkmark_1mw9n_43",E="_disabled_1mw9n_67",H="_noMargin_1mw9n_81",L="_isInTable_1mw9n_84",e={checkbox:T,noLabel:j,small:w,checkmark:M,disabled:E,noMargin:H,isInTable:L},m=({noMargin:s=!1,dataix:p=0,isInTable:f=!1,tabIndex:b=0,checked:n=!1,name:l,key:x="",label:r="",disabled:i=!1,small:_=!1,onChange:y,testId:h,value:N,helpText:o,onClickHelp:d})=>{const u=g.useContext(C),k=o||d;return a.jsxs("div",{className:I(e.checkbox,s&&e.noMargin,f&&e.isInTable,(i||u)&&e.disabled,_&&e.small,!r&&e.noLabel),"data-ix":p,onClick:c=>{const t=c.target;t.name=l,t.value=!n,t.checked=!n,y(c)},"data-testid":h,children:[a.jsx("input",{type:"checkbox",tabIndex:b,checked:n,name:l,onChange:()=>{},disabled:i||u},x),a.jsxs("label",{htmlFor:l,children:[a.jsx("span",{className:e.checkmark,children:a.jsx(V,{icon:v.CHECK})}),r]}),k&&a.jsx(q,{text:o,onClick:d})]})};try{m.displayName="CheckBox",m.__docgenInfo={description:"",displayName:"CheckBox",props:{checked:{defaultValue:{value:"false"},description:"",name:"checked",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:{value:"false"},description:"",name:"isInTable",required:!1,type:{name:"boolean"}},label:{defaultValue:{value:""},description:"",name:"label",required:!1,type:{name:"string | null"}},name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},noMargin:{defaultValue:{value:"false"},description:"",name:"noMargin",required:!1,type:{name:"boolean"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},key:{defaultValue:{value:""},description:"",name:"key",required:!1,type:{name:"string"}},dataix:{defaultValue:{value:"0"},description:"",name:"dataix",required:!1,type:{name:"number"}},value:{defaultValue:null,description:"",name:"value",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:"TEmpty"}}}}}catch{}export{m as C};

package/dist/storybook/assets/check-box-38d2a540.css

@@ -0,0 +1 @@
+._checkbox_1mw9n_1{--size-checkbox: var(--size-xs);margin:calc((var(--size) - var(--size-checkbox)) / 2) 0;position:relative;display:flex;align-items:center;gap:var(--padding-xxs);backface-visibility:hidden;vertical-align:baseline;font-style:normal;min-height:var(--size-checkbox);font-size:inherit;line-height:var(--size-checkbox);min-width:var(--size-checkbox);outline:0px}._checkbox_1mw9n_1._noLabel_1mw9n_17{width:var(--size-checkbox)}._checkbox_1mw9n_1._small_1mw9n_20{--size-checkbox: calc(var(--size-xs) - 4px);margin:calc((var(--size-sm) - var(--size-checkbox)) / 2) 0;font-size:var(--font-size-sm)}._checkbox_1mw9n_1 input{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:0px;z-index:-1}._checkbox_1mw9n_1 label{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--color-text);transition:color .1s ease 0s;display:block;padding-left:calc(var(--size-checkbox) + var(--padding-xs));outline:0px}._checkbox_1mw9n_1 label ._checkmark_1mw9n_43{position:absolute;top:0;left:0;width:var(--size-checkbox);height:var(--size-checkbox);font-size:var(--size-checkbox);display:inline-flex;align-items:center;justify-content:center;background:var(--color-background-input);border-radius:var(--border-radius-sm);transition:border .1s ease 0s,opacity .1s ease 0s,transform .1s ease 0s,box-shadow .1s ease 0s;border:1px solid var(--color-border-checkbox);color:transparent}._checkbox_1mw9n_1 label ._checkmark_1mw9n_43:hover{border-color:var(--color-border-hover)}._checkbox_1mw9n_1 input:checked~label ._checkmark_1mw9n_43{background:var(--color-background-primary);border-color:transparent;color:#fff}._checkbox_1mw9n_1._disabled_1mw9n_67{cursor:default;pointer-events:none}._checkbox_1mw9n_1._disabled_1mw9n_67 label{color:var(--color-text-muted)}._checkbox_1mw9n_1._disabled_1mw9n_67 ._checkmark_1mw9n_43{background:var(--color-background-disabled)!important;border-color:var(--color-border-checkbox)!important}._checkbox_1mw9n_1._disabled_1mw9n_67 input:checked~label ._checkmark_1mw9n_43{color:var(--color-text-faint)}._noMargin_1mw9n_81,._isInTable_1mw9n_84{margin:0}

package/dist/storybook/assets/check-box.stories-3d6634c8.js

@@ -0,0 +1,61 @@
+import{j as H}from"./jsx-runtime-f961835c.js";import{C as S}from"./check-box-24c24273.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./help-icon-6216ea0b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./index-c89a1915.js";const{useArgs:f}=__STORYBOOK_MODULE_ADDONS__,v={title:"Forms/CheckBox",component:S,args:{disabled:!1,label:"Label"}},a=B=>{const[{checked:_},j]=f(),O=()=>{j({checked:!_})};return H.jsx(S,{...B,onChange:O})},o=a.bind({}),e=a.bind({});e.args={small:!0};const n=a.bind({});n.args={label:null};const s=a.bind({});s.args={helpText:"Help text"};const r=a.bind({});r.args={onClickHelp:()=>console.log("Help clicked")};var c,t,d;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(d=(t=o.parameters)==null?void 0:t.docs)==null?void 0:d.source}}};var p,l,g;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(g=(l=e.parameters)==null?void 0:l.docs)==null?void 0:g.source}}};var i,h,u;n.parameters={...n.parameters,docs:{...(i=n.parameters)==null?void 0:i.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(u=(h=n.parameters)==null?void 0:h.docs)==null?void 0:u.source}}};var m,k,C;s.parameters={...s.parameters,docs:{...(m=s.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(C=(k=s.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var x,A,b;r.parameters={...r.parameters,docs:{...(x=r.parameters)==null?void 0:x.docs,source:{originalSource:`args => {
+  const [{
+    checked
+  }, updateArgs] = useArgs();
+  const handleChange = () => {
+    updateArgs({
+      checked: !checked
+    });
+  };
+  return <CheckBox
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  {...args} onChange={handleChange} />;
+}`,...(b=(A=r.parameters)==null?void 0:A.docs)==null?void 0:b.source}}};const w=["Default","Small","Standalone","HelpText","OnClickHelp"];export{o as Default,s as HelpText,r as OnClickHelp,e as Small,n as Standalone,w as __namedExportsOrder,v as default};

package/dist/storybook/assets/chunk-HLWAVYOI-fe0f6432.js

@@ -0,0 +1 @@
+import{_ as i}from"./iframe-e34c70f8.js";import{R as t,r as p}from"./index-f80c8c95.js";import{r as l,u}from"./react-16-147b12fd.js";import{b as h,A as E,H as d,D as x}from"./index-bcb9aa42.js";var D={code:h,a:E,...d},_=class extends p.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(r){let{showException:e}=this.props;e(r)}render(){let{hasError:r}=this.state,{children:e}=this.props;return r?null:t.createElement(t.Fragment,null,e)}},R=class{constructor(){this.render=async(r,e,o)=>{let n={...D,...e==null?void 0:e.components},s=x;return new Promise((a,m)=>{i(()=>import("./index-46b5be7e.js"),["./index-46b5be7e.js","./index-5cdc9468.js","./index-f80c8c95.js"],import.meta.url).then(({MDXProvider:c})=>l(t.createElement(_,{showException:m,key:Math.random()},t.createElement(c,{components:n},t.createElement(s,{context:r,docsParameter:e}))),o)).then(()=>a())})},this.unmount=r=>{u(r)}}};export{R as D,D as d};

package/dist/storybook/assets/color-2f3b0b7d.js

@@ -0,0 +1,25 @@
+import{j as o}from"./jsx-runtime-f961835c.js";import"./chunk-HLWAVYOI-fe0f6432.js";import{M as d}from"./index-bcb9aa42.js";import{r as p}from"./index-f80c8c95.js";import{t as m,T as x}from"./toaster-62f4d5bd.js";import{u as l}from"./index-5cdc9468.js";import"./iframe-e34c70f8.js";import"../sb-preview/runtime.js";import"./react-16-147b12fd.js";import"./index-3d476d02.js";import"./inheritsLoose-d4851ab8.js";import"./assertThisInitialized-081f9914.js";import"./index-97a99495.js";import"./types-a6c4038c.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./button-9027cb35.js";import"./common-types-3a5f9d98.js";import"./disabled-context-d654f6ff.js";import"./spinner-cb92a546.js";import"./icon-6cfc6944.js";import"./tooltip-23e84186.js";const h=["--color-text","--color-text-muted","--color-text-faint","--color-text-error","--color-text-warning","--color-text-success","--color-text-info","--color-text-primary","--color-text-primary-hover","--color-text-primary-active"],u=["--color-background","--color-background-raised","--color-background-primary","--color-background-info","--color-background-warning","--color-background-success","--color-background-error"],g=["--color-border","--color-border-error","--color-border-warning","--color-border-focus"],c=[50,100,150,200,250,300,350,400,450,500,550,600,650,700,750,800,850,900,950],j=c.map(r=>`--color-neutral-${r}`),b=c.map(r=>`--color-primary-${r}`),f=c.map(r=>`--color-error-${r}`),y=c.map(r=>`--color-warning-${r}`),C=c.map(r=>`--color-success-${r}`),k=c.map(r=>`--color-info-${r}`),t=({colors:r})=>o.jsx("div",{style:{display:"grid",gridTemplateColumns:"auto 1fr auto 1fr",gap:20,alignItems:"center"},children:r.map((n,a)=>{const s=`var(${n})`,e=()=>{navigator.clipboard.writeText(s),m({message:{type:"Success",content:"Copied to clipboard"}})};return o.jsxs(p.Fragment,{children:[o.jsx("div",{style:{padding:"var(--padding)",backgroundColor:s,border:"1px solid rgba(0,0,0,0.1)"},onClick:e}),o.jsx("code",{onClick:e,children:s})]},a)})});try{t.displayName="ColorPalette",t.__docgenInfo={description:"",displayName:"ColorPalette",props:{colors:{defaultValue:null,description:"",name:"colors",required:!0,type:{name:"string[]"}}}}}catch{}function i(r){const n=Object.assign({h1:"h1",p:"p",strong:"strong",h2:"h2",h3:"h3"},l(),r.components);return o.jsxs(o.Fragment,{children:[o.jsx(d,{title:"Colors"}),`
+`,o.jsx(n.h1,{id:"colors",children:"Colors"}),`
+`,o.jsx(n.p,{children:"When setting colors (either by component props or in custom styling), prefer named CSS variables to literal color values."}),`
+`,o.jsx(n.p,{children:o.jsx(n.strong,{children:"Click on a color below to copy the variable name to the clipboard."})}),`
+`,o.jsx(n.h2,{id:"named-colors",children:"Named colors"}),`
+`,o.jsx(n.h3,{id:"text",children:"Text"}),`
+`,o.jsx(t,{colors:h}),`
+`,o.jsx(n.h3,{id:"backgrounds",children:"Backgrounds"}),`
+`,o.jsx(t,{colors:u}),`
+`,o.jsx(n.h3,{id:"borders",children:"Borders"}),`
+`,o.jsx(t,{colors:g}),`
+`,o.jsx(n.h2,{id:"base-colors",children:"Base colors"}),`
+`,o.jsx(n.h3,{id:"neutral",children:"Neutral"}),`
+`,o.jsx(t,{colors:j}),`
+`,o.jsx(n.h3,{id:"primary",children:"Primary"}),`
+`,o.jsx(t,{colors:b}),`
+`,o.jsx(n.h3,{id:"error",children:"Error"}),`
+`,o.jsx(t,{colors:f}),`
+`,o.jsx(n.h3,{id:"warning",children:"Warning"}),`
+`,o.jsx(t,{colors:y}),`
+`,o.jsx(n.h3,{id:"success",children:"Success"}),`
+`,o.jsx(t,{colors:C}),`
+`,o.jsx(n.h3,{id:"info",children:"Info"}),`
+`,o.jsx(t,{colors:k}),`
+`,o.jsx(x,{})]})}function A(r={}){const{wrapper:n}=Object.assign({},l(),r.components);return n?o.jsx(n,Object.assign({},r,{children:o.jsx(i,r)})):i(r)}export{A as default};

package/dist/storybook/assets/column.stories-af59d0d2.js

@@ -0,0 +1,79 @@
+import{j as n}from"./jsx-runtime-f961835c.js";import{C as i,R as T}from"./row-a31e8f1f.js";import{H as _}from"./heading-5eb5ea78.js";import"./index-f80c8c95.js";import"./styled-components.browser.esm-a7da2f18.js";import"./hoist-non-react-statics.cjs-cd4c875b.js";import"./index-c89a1915.js";import"./index-a80ed1cf.js";import"./common-types-3a5f9d98.js";import"./help-icon-6216ea0b.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./icon-6cfc6944.js";import"./inheritsLoose-d4851ab8.js";import"./disabled-context-d654f6ff.js";const U={title:"Layout/Columns & Rows",component:i,parameters:{layout:"fullscreen"},args:{width:"50%",padding:!0,borderRight:!0},argTypes:{width:{control:{type:"text"}},padding:{control:{type:"text"}},borderLeft:{control:{type:"boolean"}},borderRight:{control:{type:"boolean"}}}},r=E=>{const{height:y,wrap:j,...W}=E;return n.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.jsxs(i,{...W,children:[n.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.jsx(i,{padding:!0,background:"var(--color-background)"})]})},p=r.bind({}),o=r.bind({});o.args={padding:!1};const e=r.bind({});e.args={width:"400px"};const a=r.bind({});a.args={scroll:!0,height:"200px"};const t=r.bind({});t.args={scroll:!0,showScrollbar:!1,height:"200px"};const s=r.bind({});s.args={wrap:!0,widthTablet:"50%",widthMobile:"100%",borderRight:!1};var c,g,m;p.parameters={...p.parameters,docs:{...(c=p.parameters)==null?void 0:c.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(m=(g=p.parameters)==null?void 0:g.docs)==null?void 0:m.source}}};var l,u,d;o.parameters={...o.parameters,docs:{...(l=o.parameters)==null?void 0:l.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(d=(u=o.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var h,w,b;e.parameters={...e.parameters,docs:{...(h=e.parameters)==null?void 0:h.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(b=(w=e.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};var C,x,R;a.parameters={...a.parameters,docs:{...(C=a.parameters)==null?void 0:C.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(R=(x=a.parameters)==null?void 0:x.docs)==null?void 0:R.source}}};var H,k,A;t.parameters={...t.parameters,docs:{...(H=t.parameters)==null?void 0:H.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(A=(k=t.parameters)==null?void 0:k.docs)==null?void 0:A.source}}};var f,S,v;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`args => {
+  const {
+    height,
+    wrap,
+    ...columnArgs
+  } = args;
+  return <Row spacing={0} height={height} wrap={wrap}>
+      <Column {...columnArgs}>
+        <Heading top>Column</Heading>
+        {'Example content goes here lorem ipsum. '.repeat(20)}
+      </Column>
+      <Column padding background="var(--color-background)" />
+    </Row>;
+}`,...(v=(S=s.parameters)==null?void 0:S.docs)==null?void 0:v.source}}};const V=["Default","NoPadding","FixedWidth","Scroll","HideScrollbar","ResponsiveWidth"];export{p as Default,e as FixedWidth,t as HideScrollbar,o as NoPadding,s as ResponsiveWidth,a as Scroll,V as __namedExportsOrder,U as default};

package/dist/storybook/assets/common-types-3a5f9d98.js

@@ -0,0 +1 @@
+var E=(t=>(t.TEXT="Text",t.BUTTON="Button",t.DROP_DOWN_BUTTON="DropDownButton",t.COMPONENT="Component",t))(E||{}),r=(t=>(t.FIRST="first",t.MIDDLE="middle",t.LAST="last",t))(r||{}),a=(t=>(t.DANGER="danger",t.RED="red",t.WHITE="white",t.SUCCESS="success",t.GREEN="green",t.MUTED="muted",t))(a||{}),R=(t=>(t.LEFT="left",t.RIGHT="right",t.CENTER="center",t))(R||{}),N=(t=>(t.TOP="top",t.BOTTOM="bottom",t))(N||{}),O=(t=>(t.LIBRARY="library",t.ADD="add",t.DRAG="drag",t.DRAG_HORIZONTAL="drag horizontal",t.HELP="help",t.NOTIFICATION="notification",t.MENU="menu",t.EDIT="edit",t.FAST_FORWARD="fast forward",t.INDENT="indent",t.STAR="star",t.LIST="list",t.SETTINGS="settings",t.CHECK="check",t.LOCK="lock",t.UNLOCK="unlock",t.CLOSE="close",t.SUCCESS="success",t.WARNING="warning",t.ERROR="error",t.INFO="info",t.LEFT="left",t.COLLAPSE="collapse",t.EXPAND="expand",t.SORT_ASCENDING="sort ascending",t.SORT_DESCENDING="sort descending",t.FAST_BACKWARD="fast backward",t.CHEVRON_DOWN="chevron down",t.CHEVRON_RIGHT="chevron right",t.CHEVRON_LEFT="chevron left",t.CHEVRON_DOUBLE_LEFT="chevron double left",t.CHEVRON_DOUBLE_RIGHT="chevron double right",t))(O||{}),s=(t=>(t.DARK="dark",t.WHITE="white",t.LIGHT="light",t.INHERIT="inherit",t))(s||{}),D=(t=>(t.TEXT="text",t.RADIO="radio",t.CHECKBOX="checkbox",t))(D||{});export{R as A,N as B,a as C,r as G,O as I,E as T,s as a,D as b};