@oliasoft-open-source/react-ui-library 4.0.0-beta-55 → 4.0.0-beta-56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{index-39389dc9.css → index-2d59d5c8.css} +143 -141
- package/dist/assets/{index-1c90eae1.js → index-f8e95fed.js} +74 -74
- package/dist/global.css +143 -141
- package/dist/index.html +1 -1
- package/dist/index.js +74 -74
- package/dist/storybook/assets/{Color-6VNJS4EI-15aae88c.js → Color-6VNJS4EI-f5b164cb.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-3f26f349.js → DocsRenderer-NNNQARDV-3b2a003c.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-4HIR6TLV-aff11881.js → WithTooltip-4HIR6TLV-660c1375.js} +1 -1
- package/dist/storybook/assets/{accordion-a0bcd3cf.js → accordion-e03fde2a.js} +1 -1
- package/dist/storybook/assets/accordion-e6b28b2f.css +1 -0
- package/dist/storybook/assets/{accordion.stories-9f001dcf.js → accordion.stories-bda1ae4f.js} +1 -1
- package/dist/storybook/assets/{afe.stories-29c68358.js → afe.stories-2715773c.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-40403045.js → blowout.stories-e3a528b9.js} +1 -1
- package/dist/storybook/assets/{button.stories-640e9795.js → button.stories-f0c0b1a2.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-49840b04.js → buttons-and-links-103b75c8.js} +1 -1
- package/dist/storybook/assets/card-13420d4a.css +1 -0
- package/dist/storybook/assets/card-3847c251.js +1 -0
- package/dist/storybook/assets/{card.stories-08f21001.js → card.stories-3c963363.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-b6a9345e.js → casing-loads.stories-6d2f2b37.js} +1 -1
- package/dist/storybook/assets/{cell.stories-ab2ebb73.js → cell.stories-92d2084f.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-a31fc220.js → chunk-HLWAVYOI-4cd7592b.js} +1 -1
- package/dist/storybook/assets/{color-a833b01a.js → color-ae2652cd.js} +1 -1
- package/dist/storybook/assets/dialog-aa7b2a62.js +1 -0
- package/dist/storybook/assets/dialog-db92ec70.css +1 -0
- package/dist/storybook/assets/{drawer.stories-37ac4d06.js → drawer.stories-90d4ccbb.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-003cbdfd.js → file-input.stories-712d08ee.js} +1 -1
- package/dist/storybook/assets/{flex-89b67483.js → flex-47732c42.js} +1 -1
- package/dist/storybook/assets/{flex.stories-4b66fecf.js → flex.stories-057c4495.js} +1 -1
- package/dist/storybook/assets/{footer.stories-5d15fa8b.js → footer.stories-2bf6ad68.js} +1 -1
- package/dist/storybook/assets/{form.stories-bfa56cdc.js → form.stories-45d7fe9b.js} +1 -1
- package/dist/storybook/assets/{formation.stories-5ab33331.js → formation.stories-e0929625.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-79fe9cb3.js → formatter-SWP5E3XI-07eafcdb.js} +1 -1
- package/dist/storybook/assets/{grid.stories-7c153c63.js → grid.stories-9c914a43.js} +1 -1
- package/dist/storybook/assets/{heading.stories-f567dade.js → heading.stories-0deaa288.js} +1 -1
- package/dist/storybook/assets/{icon.stories-e86f89f3.js → icon.stories-738838fc.js} +1 -1
- package/dist/storybook/assets/{iframe-7fab7f8b.js → iframe-1946c701.js} +1 -1
- package/dist/storybook/assets/{index-5f3ef69a.js → index-344eea21.js} +4 -4
- package/dist/storybook/assets/{input-validation-f8b23914.js → input-validation-8ca51fbc.js} +1 -1
- package/dist/storybook/assets/{inputs-aeff4659.js → inputs-649e0d13.js} +1 -1
- package/dist/storybook/assets/{layout-forms-f63e8800.js → layout-forms-e0d086d9.js} +1 -1
- package/dist/storybook/assets/{layout-general-fbf93e99.js → layout-general-a86b2992.js} +1 -1
- package/dist/storybook/assets/{list-d0531f71.js → list-f9796442.js} +1 -1
- package/dist/storybook/assets/list-heading-12a69c44.js +1 -0
- package/dist/storybook/assets/list-heading-c5b15447.css +1 -0
- package/dist/storybook/assets/{list.stories-deaa89f7.js → list.stories-b0e1adff.js} +1 -1
- package/dist/storybook/assets/{list.stories-data-0b9c2d96.js → list.stories-data-dae4a006.js} +1 -1
- package/dist/storybook/assets/{loader.stories-e8684e88.js → loader.stories-4a7d5cd5.js} +1 -1
- package/dist/storybook/assets/{menu.stories-data-01af235b.js → menu.stories-data-50e9f9fe.js} +1 -1
- package/dist/storybook/assets/{menu.stories-6be169c6.js → menu.stories-de7b259c.js} +1 -1
- package/dist/storybook/assets/{modal.stories-be8ad9a2.js → modal.stories-526b9113.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-ebe73b2c.js → padding-and-spacing-2bc04dd2.js} +1 -1
- package/dist/storybook/assets/{popover.stories-4d614732.js → popover.stories-3b7114c2.js} +1 -1
- package/dist/storybook/assets/{preview-24833777.js → preview-7f0f880d.js} +1 -1
- package/dist/storybook/assets/{preview-1dacba5e.css → preview-a9d7d049.css} +1 -1
- package/dist/storybook/assets/preview-eccb9f17.js +1 -0
- package/dist/storybook/assets/{projects.stories-3586998b.js → projects.stories-aaebf8ac.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-a223453b.js → reservoirs.stories-ccb16b5d.js} +1 -1
- package/dist/storybook/assets/{row.stories-bea7b58b.js → row.stories-eb999f1b.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-b4eb6ab8.js → side-bar.stories-b8869796.js} +1 -1
- package/dist/storybook/assets/{site.stories-f9d15e4a.js → site.stories-e6eb7dfd.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-1f77110c.js → spacer.stories-0ef7c8ac.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-NMPM6SWI-c4e22929.js → syntaxhighlighter-NMPM6SWI-0e5907b6.js} +1 -1
- package/dist/storybook/assets/{table-fd814539.js → table-161c105d.js} +1 -1
- package/dist/storybook/assets/table-a13ac865.css +1 -0
- package/dist/storybook/assets/{table.stories-data-499115ac.js → table.stories-data-88050724.js} +1 -1
- package/dist/storybook/assets/{table.stories-7cfb8dcb.js → table.stories-f56557b7.js} +1 -1
- package/dist/storybook/assets/{textarea-6f5d807a.js → textarea-cd192287.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-40342abf.js → textarea.stories-72c40473.js} +1 -1
- package/dist/storybook/assets/{title.stories-b2da12d6.js → title.stories-cb6f9f0f.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-5a264c54.js → tooltip.test-case.stories-d804cd47.js} +1 -1
- package/dist/storybook/assets/{tree.stories-3ab4c35b.js → tree.stories-4013a034.js} +1 -1
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/accordion-83b19011.css +0 -1
- package/dist/storybook/assets/card-0e97f333.js +0 -1
- package/dist/storybook/assets/card-c1c32f6b.css +0 -1
- package/dist/storybook/assets/dialog-49a8ab9a.js +0 -1
- package/dist/storybook/assets/dialog-94371237.css +0 -1
- package/dist/storybook/assets/list-heading-4b3fabaa.js +0 -1
- package/dist/storybook/assets/list-heading-7615c8e6.css +0 -1
- package/dist/storybook/assets/preview-f5da1cca.js +0 -1
- package/dist/storybook/assets/table-01401840.css +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-
|
|
1
|
+
import{j as c}from"./jsx-runtime-f961835c.js";import{r as S}from"./index-f80c8c95.js";import{f as K}from"./immer.esm-5c06d4d0.js";import{l as ae}from"./lodash-75c70a11.js";import{T}from"./table-161c105d.js";import{C as Ge}from"./card-3847c251.js";import{I as ee}from"./input-d116362c.js";import{F as ne}from"./field-ea8dc7c8.js";import{H as Je}from"./heading-e7d165ab.js";import{t as Y,a as Xe,b as Ye,c as Ze,d as en,e as nn,f as tn,g as an}from"./table.stories-data-88050724.js";import"./index-a80ed1cf.js";import"./index.es-ddd8aaab.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./actions-f8fd4018.js";import"./common-types-2c81813f.js";import"./button-9ba2f9d9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./pagination-7d4f4b5e.js";import"./select-aeef7d5c.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-7706d069.js";import"./help-icon-45458fb1.js";import"./slider-313babda.js";import"./index-c7f280f6.js";import"./popover-145ebd5a.js";import"./label-87bf6474.js";import"./flex-47732c42.js";const Jn={title:"Basic/Table",component:T,args:{table:{...Y}}},I=h=>c.jsx(T,{...h}),B=I.bind({}),N=I.bind({});N.args={table:{...Y,fixedWidth:"400px"}};const M=I.bind({});M.args={table:{...Y,fixedWidth:"auto"}};const O=I.bind({});O.args={table:Xe};O.parameters={docs:{description:{story:"Use sparingly when certain columns cannot be below a certain width. Unless the Table is auto width, set one column to `auto` to use remaining space."}}};const Q=I.bind({});Q.args={table:Ye};const W=I.bind({});W.args={table:Ze};W.parameters={docs:{description:{story:"This is only required when you need to override `columnAlignment` in header cells (i.e. they have different alignment)"}}};const _=I.bind({});_.args={table:en};const U=I.bind({});U.args={table:nn};U.decorators=[h=>c.jsx("div",{style:{position:"absolute",inset:0,padding:"var(--padding)"},children:c.jsx(h,{})})];const E=I.bind({});E.args={table:tn};E.parameters={docs:{description:{story:"If a `maxHeight` is set, the table should only fill that height if it needs to."}}};const L=I.bind({});L.args={table:an};const q=()=>c.jsx(Ge,{heading:c.jsx(Je,{children:"Card heading"}),padding:!1,children:c.jsx(T,{table:{...Y,bordered:!1}})});q.parameters={docs:{source:{type:"dynamic"}}};const z=()=>{const h=["Section","Width","Height"];let m=["","m","m"],o=[...Array(175).keys()].map((a,n)=>[n,n*2,n*2]);const k=(a,n,s)=>a==="m"&&n==="ft"?s*3.28084:a==="ft"&&n==="m"?s/3.28084:s,l=(a,n,s,u)=>{o[n][s]=a.target.value,u()},C=a=>{o=o.concat([["","",""]]),a()},A=(a,n)=>{o=o.filter((s,u)=>u!==a),n()},d=(a,n,s)=>{const u=m[n],y=a.target.value;m=m.map((R,b)=>b===n?y:R),o=o.map(R=>R.map((b,g)=>g===n?k(u,y,b):b)),s()},p=()=>{const a=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[n,s]=S.useState(10),[u,y]=S.useState(1),[R,b]=S.useState(!1),g=()=>{b(!R)},F=()=>{const e=Math.ceil(o.length/n);y(e)},D=(u-1)*n,t=n===0?o.length-1:D+n,i={headers:[{cells:h.map(e=>({value:e})),actions:[{primary:!0,label:"Add",icon:"add",onClick:()=>{C(g),F()}}]},{cells:[{},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[1],type:"Select",native:!0,onChange:e=>d(e,1,g)},{options:[{label:"m",value:"m"},{label:"ft",value:"ft"}],value:m[2],type:"Select",native:!0,onChange:e=>d(e,2,g)}]}],rows:o.slice(D,t).map((e,r)=>{const x=D+r;return{cells:[...Array(3).keys()].map((f,w)=>({value:e[w],type:"Input",onChange:P=>l(P,x,w,g)})),actions:[{label:"Delete",icon:"minus",onClick:()=>A(x,g)}]}}),footer:{pagination:{rowCount:o.length,selectedPage:u,rowsPerPage:{onChange:e=>{const{value:r}=e.target;s(Number(r))},options:a,value:n},onSelectPage:e=>y(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(p,{})},G=()=>{const h=["Section","Width","Height"];let m=[...Array(175).keys()].map((k,l)=>({Section:l,Width:l*2,Height:l*2}));const o=()=>{const k=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[l,C]=S.useState(10),[A,d]=S.useState(1),[p,a]=S.useState({}),[n,s]=S.useState({});S.useEffect(()=>{d(1)},[p,n]);const u=(A-1)*l,y=l===0?m.length-1:u+l,R=(e,r,x)=>e.filter(f=>Object.keys(r).every(w=>r[w]===""?!0:f[w].toString().includes(r[w]))).sort((f,w)=>Object.entries(x).map(([P,j])=>{switch(j){case"up":return f[P]-w[P];case"down":return w[P]-f[P];default:return 0}}).reduce((P,j)=>P||j,0)),b=(e,r,x,f,w)=>{const P=e.map(v=>{const V=Object.keys(f).includes(v)?f[v]:"",H=`${v[0].toUpperCase()}${v.slice(1)}`;return{key:v,value:H,hasSort:!0,sort:V,onSort:()=>{const $=V===""?"up":V==="up"?"down":"";w({...f,[v]:$})}}}),j=e.map(v=>{const V=Object.keys(r).includes(v)?r[v]:"";return{key:v,value:V,type:"Input",placeholder:"Filter",onChange:H=>x({...r,[v]:H.target.value})}});return{dataSortCells:P,dataFilterCells:j}},{dataSortCells:g,dataFilterCells:F}=b(h,p,a,n,s),D=R(m,p,n),t=[...D.slice(u,y).map(e=>({cells:Object.entries(e).map(([x,f])=>({key:x,value:f,type:"Input",disabled:!0}))}))],i={headers:[{cells:g},{cells:F}],rows:t,footer:{pagination:{rowCount:D.length,selectedPage:A,rowsPerPage:{onChange:e=>{const{value:r}=e.target;C(Number(r))},options:k,value:l},onSelectPage:e=>d(e),small:!0}}};return c.jsx(T,{table:i})};return c.jsx(o,{})},J=()=>{const h={tea:3.6,coffee:3.2,orange:4.1},m=[{label:"Tea",value:"tea"},{label:"Coffee",value:"coffee"},{label:"Orange juice",value:"orange"}],o={cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input"},{type:"Static"}]},k=[...Array(15).keys()].map((t,i)=>({cells:[{type:"Select",options:m,value:{value:"tea"}},{type:"Input",value:i+1},{type:"Static"}]})),[l,C]=S.useState(k),A=[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],[d,p]=S.useState(10),[a,n]=S.useState(1),s=(a-1)*d,u=d===0?l.length-1:s+d,y=({newRow:t}={})=>{const i=K(l,e=>{e.push(t??o)});C(i)},R=({rowIndex:t})=>{const i=K(l,e=>{delete e[t]}).filter(e=>e);C(i)},b=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[0].value.value=i});C(e)},g=({rowIndex:t,value:i})=>{const e=K(l,r=>{r[t].cells[1].value=i});C(e)},F=({value:t})=>{const i=Number(t);return!ae.isNaN(i)&&ae.isInteger(i)&&i>0},D=l.slice(s,u).map((t,i)=>{const e=s+i;return l.length-1,{...t,cells:t==null?void 0:t.cells.map((r,x)=>{var v,V,H,$,te;const f=(H=(V=(v=t==null?void 0:t.cells)==null?void 0:v[0])==null?void 0:V.value)==null?void 0:H.value,w=Number((te=($=t==null?void 0:t.cells)==null?void 0:$[1])==null?void 0:te.value),P=h==null?void 0:h[f],j=P&&F({value:w})?(P*w).toFixed(2):null;if(x===0)return{...r,onChange:Z=>b({rowIndex:e,value:Z.target.value})};if(x===1)return{...r,onChange:Z=>g({rowIndex:e,value:Z.target.value}),error:F({value:r.value})?null:"Must be valid whole number"};if(x===2)return{...r,value:j}}),actions:[{label:"Delete",icon:"minus",onClick:()=>R({rowIndex:e})}]}});return c.jsx(T,{table:{defaultEmptyRow:o,onAddRow:y,columnAlignment:["left","right","right"],headers:[{cells:[{value:"Drink"},{value:"Quantity"},{value:"Total Price (£)"}],actions:[{primary:!0,icon:"plus",label:"Add",onClick:()=>y()}]}],rows:D,footer:{pagination:{rowCount:l.length,selectedPage:a,rowsPerPage:{onChange:t=>{const{value:i}=t.target;p(Number(i))},options:A,value:d},onSelectPage:t=>n(t),small:!0}}}})},X=()=>{const h=["Section","Width","Height"];let m=Array.from(Array(10),(d,p)=>[p,p*2,p*2]);const[o,k]=S.useState({pastedValues:"",rowIndex:0,cellIndex:0}),l=(d,p,a,n)=>{m[p][a]=Number(d.target.value),n()},C=(d,p,a,n)=>{var u;let s=((u=d==null?void 0:d.clipboardData)==null?void 0:u.getData("text"))??"";return k({rowIndex:p,cellIndex:a,pastedValues:s}),n(),{pastedData:o}},A=()=>{const[d,p]=S.useState(!1),a=()=>{p(!d)},n={headers:[{cells:h.map(s=>({value:s}))}],rows:m.map((s,u)=>{const y=u;return{cells:[...Array(3).keys()].map((R,b)=>({value:s[b],type:"Input",onChange:g=>l(g,y,b,a),onPaste:g=>C(g,y,b,a)}))}})};return c.jsxs(c.Fragment,{children:[c.jsx(T,{table:n}),c.jsx(ne,{label:"Pasted Data",children:c.jsx(ee,{value:o.pastedValues})}),c.jsx(ne,{label:"At Row",children:c.jsx(ee,{value:o.rowIndex})}),c.jsx(ne,{label:"At Cell Index",children:c.jsx(ee,{value:o.cellIndex})})]})};return c.jsx(A,{})};var re,se,oe;B.parameters={...B.parameters,docs:{...(re=B.parameters)==null?void 0:re.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{r as q}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as I}from"./disabled-context-d654f6ff.js";import{T as N}from"./tooltip-23e84186.js";const R="_inputInTable_hyht1_1",C="_inputHover_hyht1_13",S="_inputFocus_hyht1_18",A="_inputError_hyht1_25",F="_inputWarning_hyht1_26",H="_inputDisabled_hyht1_61",W="_hideScrollbars_hyht1_67",w="_textarea_hyht1_77",D="_small_hyht1_116",P="_error_hyht1_121",j="_warning_hyht1_138",z="_monospace_hyht1_155",t={inputInTable:R,inputHover:C,inputFocus:S,inputError:A,inputWarning:F,inputDisabled:H,hideScrollbars:W,textarea:w,small:D,error:P,warning:j,monospace:z},i=({name:r,value:u="",placeholder:s="",cols:d,rows:m,disabled:c=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},tabIndex:_=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:h,resize:b,monospace:x=!1,testId:g})=>{const E=q.useContext(I),T=o.jsx("textarea",{className:V(t.textarea,e?t.error:"",a?t.warning:"",x?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:m,onChange:p,disabled:c||E,onKeyPress:f,onFocus:y,onBlur:v,tabIndex:_,style:{resize:b},"data-testid":g});return o.jsx(N,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:h,placement:"bottom-center",children:T})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"
|
|
1
|
+
import{j as o}from"./jsx-runtime-f961835c.js";import{r as q}from"./index-f80c8c95.js";import{c as V}from"./index-a80ed1cf.js";import{i as l}from"./types-332ceaf3.js";import{D as I}from"./disabled-context-d654f6ff.js";import{T as N}from"./tooltip-23e84186.js";const R="_inputInTable_hyht1_1",C="_inputHover_hyht1_13",S="_inputFocus_hyht1_18",A="_inputError_hyht1_25",F="_inputWarning_hyht1_26",H="_inputDisabled_hyht1_61",W="_hideScrollbars_hyht1_67",w="_textarea_hyht1_77",D="_small_hyht1_116",P="_error_hyht1_121",j="_warning_hyht1_138",z="_monospace_hyht1_155",t={inputInTable:R,inputHover:C,inputFocus:S,inputError:A,inputWarning:F,inputDisabled:H,hideScrollbars:W,textarea:w,small:D,error:P,warning:j,monospace:z},i=({name:r,value:u="",placeholder:s="",cols:d,rows:m,disabled:c=!1,onChange:p=()=>{},onKeyPress:f=()=>{},onFocus:y=()=>{},onBlur:v=()=>{},tabIndex:_=0,error:e=null,warning:a=null,tooltip:n=null,maxTooltipWidth:h,resize:b,monospace:x=!1,testId:g})=>{const E=q.useContext(I),T=o.jsx("textarea",{className:V(t.textarea,e?t.error:"",a?t.warning:"",x?t.monospace:""),name:r,value:u,placeholder:s,cols:d,rows:m,onChange:p,disabled:c||E,onKeyPress:f,onFocus:y,onBlur:v,tabIndex:_,style:{resize:b},"data-testid":g});return o.jsx(N,{error:!!e,warning:!!a,text:n||e||a,enabled:n&&l(n)||e&&l(e)||a&&l(a)||!1,maxWidth:h,placement:"bottom-center",children:T})};try{i.displayName="TextArea",i.__docgenInfo={description:"",displayName:"TextArea",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},cols:{defaultValue:null,description:"",name:"cols",required:!1,type:{name:"number"}},rows:{defaultValue:null,description:"",name:"rows",required:!1,type:{name:"number"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLTextAreaElement>) => void)"}},onKeyPress:{defaultValue:{value:"() => {}"},description:"",name:"onKeyPress",required:!1,type:{name:"((evt: KeyboardEvent<HTMLTextAreaElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLTextAreaElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},error:{defaultValue:{value:"null"},description:"",name:"error",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"null"},description:"",name:"warning",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},maxTooltipWidth:{defaultValue:null,description:"",name:"maxTooltipWidth",required:!1,type:{name:"TStringOrNumber"}},resize:{defaultValue:null,description:"",name:"resize",required:!1,type:{name:"enum",value:[{value:'"none"'},{value:'"inherit"'},{value:'"inline"'},{value:'"initial"'},{value:'"-moz-initial"'},{value:'"revert"'},{value:'"revert-layer"'},{value:'"unset"'},{value:'"vertical"'},{value:'"block"'},{value:'"both"'},{value:'"horizontal"'}]}},monospace:{defaultValue:{value:"false"},description:"",name:"monospace",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{i as T};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-
|
|
1
|
+
import{j as u}from"./jsx-runtime-f961835c.js";import{T as s}from"./textarea-cd192287.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./tooltip-23e84186.js";import"./index-3d476d02.js";const{useArgs:g}=__STORYBOOK_MODULE_ADDONS__,C={title:"Forms/TextArea",component:s,args:{disabled:!1}},c=n=>{const[i,o]=g(),m=p=>{o({value:p.target.value})};return u.jsx(s,{...n,onChange:m})},e=c.bind({});var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLTextAreaElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-
|
|
1
|
+
import{j as B}from"./jsx-runtime-f961835c.js";import{T as X}from"./table-161c105d.js";import{t as O,h as W,i as q,j as z,k as D,l as G,m as K,n as M,o as P,p as Q}from"./table.stories-data-88050724.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./index.es-ddd8aaab.js";import"./inheritsLoose-d4851ab8.js";import"./redux-10ee6be7.js";import"./objectSpread2-fdee9b6d.js";import"./index-3d476d02.js";import"./memoize-one.esm-52518564.js";import"./icon-afbea088.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./lodash-75c70a11.js";import"./actions-f8fd4018.js";import"./common-types-2c81813f.js";import"./button-9ba2f9d9.js";import"./spinner-cb92a546.js";import"./tooltip-23e84186.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./heading-e7d165ab.js";import"./help-icon-45458fb1.js";import"./pagination-7d4f4b5e.js";import"./select-aeef7d5c.js";import"./assertThisInitialized-081f9914.js";import"./text-ad1f5f1d.js";import"./select.input-88b6ebab.js";import"./input-d116362c.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";import"./number-input-2867677b.js";import"./index-54f0d271.js";import"./check-box-7706d069.js";import"./slider-313babda.js";import"./index-c7f280f6.js";import"./popover-145ebd5a.js";import"./flex-47732c42.js";const Xr={title:"Basic/Table/Title & Header",component:X,args:{table:{...O}}},r=k=>B.jsx(X,{...k}),e=r.bind({});e.args={table:W};const s=r.bind({});s.args={table:q};const a=r.bind({});a.args={table:z};const t=r.bind({});t.args={table:D};const o=r.bind({});o.args={table:G};const n=r.bind({});n.args={table:K};const i=r.bind({});i.args={table:M};const p=r.bind({});p.args={table:P};const l=r.bind({});l.args={table:Q};var m,c,d;e.parameters={...e.parameters,docs:{...(m=e.parameters)==null?void 0:m.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-23e84186.js";import{M as m}from"./actions-f8fd4018.js";import{m as n}from"./menu.stories-data-
|
|
1
|
+
import{j as s}from"./jsx-runtime-f961835c.js";import{T as p}from"./tooltip-23e84186.js";import{M as m}from"./actions-f8fd4018.js";import{m as n}from"./menu.stories-data-50e9f9fe.js";import"./index-f80c8c95.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./button-9ba2f9d9.js";import"./spinner-cb92a546.js";import"./index-c89a1915.js";import"./icon-afbea088.js";import"./inheritsLoose-d4851ab8.js";import"./tslib.es6-dfef685f.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-3abf067b.js";import"./flex-47732c42.js";const R={title:"Basic/Tooltip/Test Cases",component:p,args:{text:"Tooltip text"}},a=i=>s.jsx(p,{...i}),o=a.bind({});o.args={children:s.jsx(m,{menu:n}),placement:"bottom-end",display:"inline-block"};var t,r,e;o.parameters={...o.parameters,docs:{...(t=o.parameters)==null?void 0:t.docs,source:{originalSource:`args => <Tooltip
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(e=(r=o.parameters)==null?void 0:r.docs)==null?void 0:e.source}}};const S=["CloseWhenMenuOpen"];export{o as CloseWhenMenuOpen,S as __namedExportsOrder,R as default};
|