@oliasoft-open-source/react-ui-library 4.0.0-beta-40 → 4.0.0-beta-42

package/dist/storybook/assets/formation.stories-ee105db7.js

@@ -0,0 +1,74 @@
+import{j as e}from"./jsx-runtime-f961835c.js";import{r as c}from"./index-f80c8c95.js";import{T as d}from"./top-bar-e6061315.js";import{S as g}from"./side-bar-0105b295.js";import{H as v}from"./heading-2919c91b.js";import{P as b}from"./page-6d07f774.js";import{R as h,C as o}from"./row-bd69aca9.js";import{S as x}from"./spacer-54db0620.js";import{T as f}from"./tabs-e39dbe8d.js";import{T as j}from"./table-c69e0bf7.js";import"./index-a80ed1cf.js";import"./icon-281c0950.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-3a5f9d98.js";import"./button-1a1d00ec.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";import"./actions-adb8a67c.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-a96e6194.js";import"./index-c7f280f6.js";import"./drawer-7274f5d8.js";import"./help-icon-ca6c6ab6.js";import"./styled-components.browser.esm-416d73e5.js";import"./select.input-88b6ebab.js";import"./index.es-a10b54aa.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./memoize-one.esm-52518564.js";import"./pagination-0da36c85.js";import"./select-ef19f734.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./input-8db939f4.js";import"./input-group-9ddeb24a.js";import"./input-group-addon-63147930.js";import"./number-input-11543c86.js";import"./index-54f0d271.js";import"./check-box-283097fe.js";import"./slider-83f9ed96.js";import"./popover-ee6860bd.js";const T=()=>e.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0,0,0,0.05)",height:"100%",minHeight:400,textAlign:"center"},children:["CHART ",e.jsx("br",{}),"(fills height, minHeight 400px)"]}),ve={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const t=[{label:"Monkeys",value:"monkeys"},{label:"Bananas",value:"bananas"},{label:"Squirrels",value:"squirrels"},{label:"Pomegranates",value:"pomegranates"}],[i,n]=c.useState(t[0]);return e.jsxs(e.Fragment,{children:[e.jsx(d,{}),e.jsx(g,{options:{title:"",sections:[]}}),e.jsxs(b,{padding:"var(--padding)",scroll:!0,children:[e.jsx(v,{top:!0,marginBottom:0,children:"Formation Inputs"}),e.jsx(f,{margin:!1,options:t,value:i,onChange:m=>{const{value:p,label:u}=m.target;n({value:p,label:u})}}),e.jsx(x,{}),e.jsxs(h,{flex:!0,children:[e.jsx(o,{width:400,children:e.jsx(j,{table:{headers:[{cells:[{value:"Name"},{value:"Origin"}]}],rows:[{cells:[{value:"Brown rice"},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:"France"}]}]}})}),e.jsx(o,{children:e.jsx(T,{})})]})]})]})};var r,s,l;a.parameters={...a.parameters,docs:{...(r=a.parameters)==null?void 0:r.docs,source:{originalSource:`() => {
+  const options = [{
+    label: 'Monkeys',
+    value: 'monkeys'
+  }, {
+    label: 'Bananas',
+    value: 'bananas'
+  }, {
+    label: 'Squirrels',
+    value: 'squirrels'
+  }, {
+    label: 'Pomegranates',
+    value: 'pomegranates'
+  }];
+  const [selectedTab, setSelectedTab] = useState(options[0]);
+  return <>
+      <TopBar />
+      <SideBar options={{
+      title: '',
+      sections: []
+    }} />
+      <Page padding="var(--padding)" scroll>
+        <Heading top marginBottom={0}>
+          Formation Inputs
+        </Heading>
+        <Tabs margin={false} options={options} value={selectedTab} onChange={evt => {
+        const {
+          value,
+          label
+        } = evt.target;
+        setSelectedTab({
+          value,
+          label
+        });
+      }} />
+        <Spacer />
+        <Row flex>
+          <Column width={400}>
+            <Table table={{
+            headers: [{
+              cells: [{
+                value: 'Name'
+              }, {
+                value: 'Origin'
+              }]
+            }],
+            rows: [{
+              cells: [{
+                value: 'Brown rice'
+              }, {
+                value: 'Vietnam'
+              }]
+            }, {
+              cells: [{
+                value: 'Buckwheat'
+              }, {
+                value: 'Poland'
+              }]
+            }, {
+              cells: [{
+                value: 'Couscous'
+              }, {
+                value: 'France'
+              }]
+            }]
+          }} />
+          </Column>
+          <Column>
+            <ChartPlaceholder />
+          </Column>
+        </Row>
+      </Page>
+    </>;
+}`,...(l=(s=a.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};a.__docgenInfo={description:"",methods:[],displayName:"Formation"};const be=["Formation"];export{a as Formation,be as __namedExportsOrder,ve as default};