@oliasoft-open-source/react-ui-library 3.12.0-beta-20 → 3.12.0-beta-23

package/dist/assets/column.stories.d5ed4f3a.js

@@ -0,0 +1,79 @@
+import{j as n}from"./jsx-runtime.bc0b5389.js";import{C as i,R as T}from"./row.1d0d4b93.js";import{H as _}from"./heading.d8accca2.js";import"./index.8c7046c4.js";import"./styled-components.browser.esm.611ca86c.js";import"./hoist-non-react-statics.cjs.10bac274.js";import"./index.55214191.js";import"./help-icon.8deae1d5.js";import"./tooltip.47b8435e.js";import"./index.cb615f32.js";import"./icon.86155bc3.js";import"./inheritsLoose.5387fada.js";import"./index.73b4811b.js";import"./disabled-context.47d44ea4.js";import"./common-enum.04de2059.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.exports.jsxs(T,{spacing:0,height:y,wrap:j,children:[n.exports.jsxs(i,{...W,children:[n.exports.jsx(_,{top:!0,children:"Column"}),"Example content goes here lorem ipsum. ".repeat(20)]}),n.exports.jsx(i,{padding:"20px",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="20px" 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="20px" background="var(--color-background)" />
+    </Row>;
+}`,...(d=(u=o.parameters)==null?void 0:u.docs)==null?void 0:d.source}}};var h,w,x;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="20px" background="var(--color-background)" />
+    </Row>;
+}`,...(x=(w=e.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var b,C,R;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.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="20px" background="var(--color-background)" />
+    </Row>;
+}`,...(R=(C=a.parameters)==null?void 0:C.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="20px" 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="20px" 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/assets/common-enum.04de2059.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,D as a,s as b};