@oliasoft-open-source/react-ui-library 4.6.18 → 4.7.0-beta-2
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-DdTheZoQ.css → index-dOfLgtRX.css} +4 -1
- package/dist/assets/{index-3CeHq3uM.js → index-ffnttoim.js} +6 -5
- package/dist/global.css +4 -1
- package/dist/index.d.ts +17 -8
- package/dist/index.html +1 -1
- package/dist/index.js +119 -159
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/{Color-6VNJS4EI-xbGhw5Tj.js → Color-6VNJS4EI-9rJemzwR.js} +1 -1
- package/dist/storybook/assets/{DocsRenderer-NNNQARDV-sAPbui3t.js → DocsRenderer-NNNQARDV-DP7bJ7AB.js} +1 -1
- package/dist/storybook/assets/{WithTooltip-V3YHNWJZ-gwFLosBp.js → WithTooltip-V3YHNWJZ-eL_Uxnix.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-488HeY9k.js → accordion.stories-Ytyr6tn2.js} +1 -1
- package/dist/storybook/assets/{afe.stories-Rsl77dCu.js → afe.stories-Ad1-l25x.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-kUTQnA6P.js → buttons-and-links-fv_xHVqw.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-LogF6TT6.js → casing-loads.stories-WfK3k-mh.js} +1 -1
- package/dist/storybook/assets/{cell.stories-BF9fKK_5.js → cell.stories-Xy61z8ka.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-IUW2ushY.js → chunk-HLWAVYOI-RXldIcZr.js} +1 -1
- package/dist/storybook/assets/{color-T7GIoOH6.js → color-5ySMclFt.js} +1 -1
- package/dist/storybook/assets/file-button.stories-XxMjOBfe.js +10 -0
- package/dist/storybook/assets/file-input-A0eGNEgX.js +1 -0
- package/dist/storybook/assets/{file-input.stories-2-2uTWvd.js → file-input.stories-dM7UFPVo.js} +1 -1
- package/dist/storybook/assets/{footer.stories-nvn3DsNw.js → footer.stories-4cSc0hBz.js} +1 -1
- package/dist/storybook/assets/{form.stories-TIQoYJwC.js → form.stories--Sgi1gUF.js} +1 -1
- package/dist/storybook/assets/{formation.stories-m_rHJhHE.js → formation.stories-VUtbgcsq.js} +1 -1
- package/dist/storybook/assets/{formatter-SWP5E3XI-GzRPFG7m.js → formatter-SWP5E3XI-qYj9Quey.js} +1 -1
- package/dist/storybook/assets/iframe-oMAlwWd9.js +7 -0
- package/dist/storybook/assets/{index-wKW2GPrE.js → index-RhTUHV_k.js} +5 -5
- package/dist/storybook/assets/{index-qZmQ7nA9.js → index-VSx05S_2.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-yF-PiFm1.js → input-group.stories-ZBffPltv.js} +1 -1
- package/dist/storybook/assets/{input-validation-U4HJ5Ucw.js → input-validation-bb_81fGi.js} +1 -1
- package/dist/storybook/assets/{inputs-S04nRGW2.js → inputs-MxyGbJ9Y.js} +4 -4
- package/dist/storybook/assets/{layout-forms-a8CnPDfT.js → layout-forms-_uf7qzAu.js} +1 -1
- package/dist/storybook/assets/{layout-general-Khl-lgRH.js → layout-general-rHEcWCrx.js} +1 -1
- package/dist/storybook/assets/{modal.stories-HOB4HNE4.js → modal.stories-rjCFe4Mn.js} +1 -1
- package/dist/storybook/assets/number-input-xqup0wHW.js +1 -0
- package/dist/storybook/assets/number-input.stories-Kzl7Diug.js +153 -0
- package/dist/storybook/assets/{padding-and-spacing-ckWSgL0y.js → padding-and-spacing-dUA1CCP8.js} +1 -1
- package/dist/storybook/assets/{pagination-lFdPlLPJ.js → pagination-er5fRdi2.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-etfovhze.js → pagination.stories-9_uskT8r.js} +1 -1
- package/dist/storybook/assets/{popover.stories-eItcO8iz.js → popover.stories-5aZN8AoC.js} +1 -1
- package/dist/storybook/assets/{preview-eOJx8ySI.js → preview-3kPhKzar.js} +1 -1
- package/dist/storybook/assets/{preview-YmO-dFt7.js → preview-64tDm6Er.js} +2 -2
- package/dist/storybook/assets/{reservoirs.stories-6dilTPJE.js → reservoirs.stories-XGU7s6pI.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-Vu2wd1uh.js → rich-text-input.stories-3Xaavdx_.js} +1 -1
- package/dist/storybook/assets/{row.stories-6wXvgyio.js → row.stories-Ph7Ckyfn.js} +1 -1
- package/dist/storybook/assets/{select-IxUsW-Xm.js → select-KWgree43.js} +1 -1
- package/dist/storybook/assets/{select.stories-Kbzpw3od.js → select.stories-3D2KkC3_.js} +1 -1
- package/dist/storybook/assets/{smart-upload-modal.stories-VCP3yghQ.js → smart-upload-modal.stories-hjd4L84J.js} +1 -1
- package/dist/storybook/assets/{syntaxhighlighter-B5GMVT5T-J83QFJ3_.js → syntaxhighlighter-B5GMVT5T-1rrvKZrw.js} +1 -1
- package/dist/storybook/assets/table-4SISWUSt.js +1 -0
- package/dist/storybook/assets/{table.stories-a5LZLQDT.js → table.stories-rKzdxDA4.js} +1 -1
- package/dist/storybook/assets/{title.stories-zxDbEh-U.js → title.stories-6AjYBLcL.js} +1 -1
- package/dist/storybook/assets/unit-input-OT-AqIIa.css +1 -0
- package/dist/storybook/assets/unit-input.stories--qvPjZnZ.js +349 -0
- package/dist/storybook/assets/unit-table.stories-4HlhxSjf.js +150 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/index.json +1 -1
- package/dist/storybook/project.json +1 -1
- package/dist/storybook/stories.json +1 -1
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/file-button.stories-z0vvWcvN.js +0 -10
- package/dist/storybook/assets/file-input-H1V5DMV-.js +0 -1
- package/dist/storybook/assets/iframe-NjfSsybe.js +0 -7
- package/dist/storybook/assets/number-input-ymd7m-s5.js +0 -1
- package/dist/storybook/assets/number-input.stories-0-jDCroI.js +0 -97
- package/dist/storybook/assets/table-fdcNapB-.js +0 -1
- package/dist/storybook/assets/unit-input-qBUtqoTb.css +0 -1
- package/dist/storybook/assets/unit-input.stories-QoJkzTRA.js +0 -273
- package/dist/storybook/assets/unit-table.stories-rHU8wR7Z.js +0 -150
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-
|
|
1
|
+
import{j as t}from"./jsx-runtime-FsUICBgo.js";import{M as s,C as o}from"./index-RhTUHV_k.js";import{Default as p,LabelOnLeft as m}from"./field.stories-CeHr9rXs.js";import{Default as l,LabelsOnLeft as a,Row as h}from"./form.stories--Sgi1gUF.js";import{useMDXComponents as n}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./field-jD6TclDQ.js";import"./index-VW3EWkuE.js";import"./label-dla_bzHj.js";import"./common-types-U65vzrrz.js";import"./help-icon-D6ZGAbgL.js";import"./tooltip-dueTLnwA.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./input-fYKvBwPs.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./text-6KQ6ntOV.js";import"./select-KWgree43.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-Z1pyUd57.js";import"./button-UQO14biP.js";import"./spinner-R8Il4aRe.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./check-box-Q2GsbR79.js";import"./button-group-g7HxxHTn.js";import"./toggle-vKuY4G3w.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./slider-jx0z5OyT.js";import"./objectSpread2-93s0nBry.js";import"./index-ugi_ZH6T.js";import"./textarea-JE26Eekm.js";import"./radio-button-7TJh5k-h.js";import"./form-row-bwoDTUga.js";function r(e){const i=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code"},n(),e.components);return t.jsxs(t.Fragment,{children:[t.jsx(s,{title:"Layout (Forms)"}),`
|
|
2
2
|
`,t.jsx(i.h1,{id:"layout-forms",children:"Layout (Forms)"}),`
|
|
3
3
|
`,t.jsx(i.h2,{id:"field",children:"Field"}),`
|
|
4
4
|
`,t.jsxs(i.p,{children:["This is a wrapper for any form element with default bottom margin, and props like ",t.jsx(i.code,{children:"label"})," for other default styling."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r,C as n}from"./index-RhTUHV_k.js";import{Center as d,SpaceBetween as a,JustifyEnd as c,Column as l}from"./flex.stories-6qFQFEL7.js";import{Default as h,CustomColumnWidth as p,DefaultGap as x,CustomGap as m,Responsive as j}from"./grid.stories-hPfW-CxX.js";import{Default as u,FixedWidth as f,NoPadding as g,ResponsiveWidth as w}from"./column.stories-NnQNzY18.js";import{useMDXComponents as s}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";import"./flex-RYZsoWEN.js";import"./button-UQO14biP.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./text-6KQ6ntOV.js";import"./grid-u1mZpaML.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./card-0r8RRVk-.js";import"./row-vFUhHoz5.js";import"./heading-FcNTpGhR.js";import"./help-icon-D6ZGAbgL.js";function t(i){const o=Object.assign({h1:"h1",h2:"h2",p:"p",code:"code",h3:"h3"},s(),i.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Layout (General)"}),`
|
|
2
2
|
`,e.jsx(o.h1,{id:"layout-general",children:"Layout (General)"}),`
|
|
3
3
|
`,e.jsx(o.h2,{id:"flex",children:"Flex"}),`
|
|
4
4
|
`,e.jsxs(o.p,{children:["The ",e.jsx(o.code,{children:"Flex"})," component is a basic flexbox wrapper with optional props for ",e.jsx(o.code,{children:"alignItems"}),", ",e.jsx(o.code,{children:"justifyContent"})," and ",e.jsx(o.code,{children:"flexDirection"}),". This is a conveninent way to center items vertically and/or horizontally, to align them to opposite edges, or align them to the far side."]}),`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as h}from"./index-RfLt4OUa.js";import{T as X}from"./common-types-U65vzrrz.js";import{M as u,D as C}from"./dialog-hHTtMGls.js";import{B as o}from"./button-UQO14biP.js";import{P as Z}from"./popover-rJn7kxkX.js";import{I as Q}from"./input-fYKvBwPs.js";import{I as $}from"./input-group-R8LoqKRn.js";import{F as j}from"./field-jD6TclDQ.js";import{M as ee}from"./actions-Z1pyUd57.js";import{S as oe}from"./select-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as h}from"./index-RfLt4OUa.js";import{T as X}from"./common-types-U65vzrrz.js";import{M as u,D as C}from"./dialog-hHTtMGls.js";import{B as o}from"./button-UQO14biP.js";import{P as Z}from"./popover-rJn7kxkX.js";import{I as Q}from"./input-fYKvBwPs.js";import{I as $}from"./input-group-R8LoqKRn.js";import{F as j}from"./field-jD6TclDQ.js";import{M as ee}from"./actions-Z1pyUd57.js";import{S as oe}from"./select-KWgree43.js";import{S as ne}from"./spacer-Yji9g2AW.js";import{T as le}from"./tooltip-dueTLnwA.js";import{M as k}from"./types-VB5zD18b.js";import"./index-VW3EWkuE.js";import"./portal-zPiHHKoC.js";import"./index-miLrID2P.js";import"./lodash-Bmg8FrMx.js";import"./heading-FcNTpGhR.js";import"./help-icon-D6ZGAbgL.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./spinner-R8Il4aRe.js";import"./types-5uVBABF4.js";import"./label-dla_bzHj.js";import"./badge-23Ty_zBt.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./text-6KQ6ntOV.js";import"./select.input-zP5tW20f.js";const{useArgs:se}=__STORYBOOK_MODULE_ADDONS__,He={title:"Modals/Modal",component:u,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(o,{label:"Okay",colored:!0,onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),onClose:()=>{}},parameters:{docs:{story:{inline:!1,iframeHeight:400}}}},a=()=>{const[{visible:l,centered:r,...s},n]=se(),t=()=>{n({visible:!l})};return e.jsxs(e.Fragment,{children:[e.jsx(u,{visible:l,centered:r,children:e.jsx(C,{dialog:{...s,onClose:t}})}),e.jsx(o,{label:"Open Modal",onClick:t})]})},b=a.bind({}),i=a.bind({});i.args={centered:!0};const d=a.bind({});d.args={content:["This is a","new line!"]};const c=a.bind({});c.args={scroll:!0,content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const g=a.bind({});g.args={width:"100%",content:e.jsx("div",{children:"Example modal content goes here lorem ipsum. ".repeat(100)})};const p=a.bind({});p.args={contentPadding:0};const m=a.bind({});m.args={content:e.jsxs(e.Fragment,{children:[e.jsx(le,{text:"Tooltip text",children:"Hover for tooltip"}),e.jsx(ne,{}),e.jsx(j,{label:"Custom Select",helpText:"Select an animal",children:e.jsx(oe,{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(j,{label:"Nested Menu",children:e.jsx(ee,{maxHeight:"240px",menu:{label:"Menu",trigger:X.DROP_DOWN_BUTTON,sections:[{type:k.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:k.OPTION,label:Math.random().toString(36).substring(7),onClick:()=>{}}))]}})}),e.jsx(Z,{content:e.jsxs($,{small:!0,children:[e.jsx(Q,{value:"Value",width:"150px",error:"Bad value"}),e.jsx(o,{colored:!0,label:"Save",onClick:()=>{}}),e.jsx(o,{label:"Cancel",onClick:()=>{}})]}),children:e.jsx(o,{colored:!0,label:"Toggle me",onClick:()=>{}})})]})};const M=()=>{const[l,r]=h.useState(!1),s=()=>{r(!0)},n=()=>{r(!1)},t=()=>{console.log("Submit action"),n()};return e.jsxs(e.Fragment,{children:[e.jsx(u,{visible:l,onEnter:()=>{console.log("Enter"),t()},onEscape:()=>{console.log("Escape"),n()},children:e.jsx(C,{dialog:{heading:"Test key handling",content:e.jsx(Q,{}),footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Done",colored:"red",onClick:t}),e.jsx(o,{label:"Cancel",onClick:n})]}),onClose:n}})}),e.jsx(o,{label:"Open Modal",onClick:s})]})},v=()=>{const[l,r]=h.useState(!1),s=()=>r(!l),[n,t]=h.useState(!1),x=()=>t(!n);return e.jsxs(e.Fragment,{children:[e.jsx(u,{visible:l,children:e.jsx(C,{dialog:{heading:"Modal 1",content:"Lorem ipsum dolor sit amet",footer:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Open modal 2",colored:!0,onClick:x}),e.jsx(u,{visible:n,children:e.jsx(C,{dialog:{heading:"Modal 2",content:"Lorem ipsum dolor sit amet",footer:e.jsx(o,{label:"Close",onClick:x}),onClose:x}})}),e.jsx(o,{label:"Close",onClick:s})]}),onClose:s}})}),e.jsx(o,{label:"Open modal 1",onClick:s})]})};var f,S,P;b.parameters={...b.parameters,docs:{...(f=b.parameters)==null?void 0:f.docs,source:{originalSource:`() => {
|
|
2
2
|
const [{
|
|
3
3
|
visible,
|
|
4
4
|
centered,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as S}from"./jsx-runtime-FsUICBgo.js";import{r as n}from"./index-RfLt4OUa.js";import{d as o}from"./index-VSx05S_2.js";import{K as Z,E as z}from"./select-KWgree43.js";import{l as Q}from"./lodash-Bmg8FrMx.js";import{I as Y}from"./input-fYKvBwPs.js";const $=14,ee=t=>o.isScientificStringNum(t)?t:o.roundToPrecision(t,$),te=t=>t?typeof t=="string"?t:Q.isArray(t)?t[0]:t.fieldName:"",h=({name:t,placeholder:p="",disabled:q=!1,error:y=!1,left:C=!1,small:T=!1,width:R="100%",value:c="",onChange:x=()=>{},onFocus:_=()=>{},onBlur:F=()=>{},tabIndex:O=0,testId:w,tooltip:D=null,warning:K=!1,validationCallback:g=()=>{},allowEmpty:j=!1,isInTable:A,groupOrder:B,enableCosmeticRounding:v=!0,enableDisplayRounding:f=!1,roundDisplayValue:b})=>{const l=n.useRef(null),[r,V]=n.useState(String(c)),[s,E]=n.useState(!1),[H,L]=n.useState(!0),i=te(t),M=e=>{const a=o.validateNumber(e);return j&&e===""||a.valid?{...a,valid:!0,errors:void 0}:a},{valid:d,errors:m}=M(r),N=m&&m.length?m[0]:null;n.useEffect(()=>{V(String(c))},[c,v,f]),n.useEffect(()=>{!s&&!d?g(i,N):g(i,null)},[s,d,y]);const I=e=>{if(d&&!H){const a={...e,target:{...e.target,value:String(r),name:i}};x(a)}},P=e=>{const a=e.target,{value:J}=a,X=o.cleanNumStr(J.replaceAll(" ","").replaceAll("|",""));V(X),L(!1)};n.useEffect(()=>{if(l&&(l!=null&&l.current)&&f&&s){const e=l.current;e&&setTimeout(()=>{const{length:a}=String(r);e.setSelectionRange(a,a)},0)}},[s]);const k=e=>{E(!0),_(e)},U=e=>{E(!1),I(e),F(e)},u=f&&!s?b?String(b(r)):o.roundToFixed(r,2):r,W=!!(u!=null&&u.endsWith("0")),G=v&&u&&!W&&d?ee(u):u;return S.jsx(Z,{handleKeys:[z.ENTER],onKeyEvent:(e,a)=>I(a),children:S.jsx(Y,{type:"text",name:i,testId:w,disabled:q,placeholder:p,value:G,onChange:P,onFocus:k,onBlur:U,error:!s&&(N||y),warning:K,right:!C,small:T,width:R,isInTable:A,groupOrder:B,tabIndex:O,tooltip:D,ref:l},i)})};try{h.displayName="NumberInput",h.__docgenInfo={description:"",displayName:"NumberInput",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string | { fieldName: string; }"}},placeholder:{defaultValue:{value:""},description:"",name:"placeholder",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},error:{defaultValue:{value:"false"},description:"",name:"error",required:!1,type:{name:"string | boolean"}},left:{defaultValue:{value:"false"},description:"",name:"left",required:!1,type:{name:"boolean"}},small:{defaultValue:{value:"false"},description:"",name:"small",required:!1,type:{name:"boolean"}},width:{defaultValue:{value:"100%"},description:"",name:"width",required:!1,type:{name:"TStringOrNumber"}},value:{defaultValue:{value:""},description:"",name:"value",required:!1,type:{name:"TStringOrNumber"}},onChange:{defaultValue:{value:"() => {}"},description:"",name:"onChange",required:!1,type:{name:"((evt: ChangeEvent<HTMLInputElement>) => void)"}},onFocus:{defaultValue:{value:"() => {}"},description:"",name:"onFocus",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},onBlur:{defaultValue:{value:"() => {}"},description:"",name:"onBlur",required:!1,type:{name:"((evt: FocusEvent<HTMLInputElement, Element>) => void)"}},tabIndex:{defaultValue:{value:"0"},description:"",name:"tabIndex",required:!1,type:{name:"number"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},tooltip:{defaultValue:{value:"null"},description:"",name:"tooltip",required:!1,type:{name:"string | number | boolean | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal | null"}},warning:{defaultValue:{value:"false"},description:"",name:"warning",required:!1,type:{name:"string | boolean"}},validationCallback:{defaultValue:{value:"() => {}"},description:"",name:"validationCallback",required:!1,type:{name:"((name: string | { fieldName: string; }, error: string | null) => void)"}},allowEmpty:{defaultValue:{value:"false"},description:"",name:"allowEmpty",required:!1,type:{name:"boolean"}},isInTable:{defaultValue:null,description:"",name:"isInTable",required:!1,type:{name:"boolean"}},groupOrder:{defaultValue:null,description:"",name:"groupOrder",required:!1,type:{name:"any"}},enableCosmeticRounding:{defaultValue:{value:"true"},description:"",name:"enableCosmeticRounding",required:!1,type:{name:"boolean"}},enableDisplayRounding:{defaultValue:{value:"false"},description:"",name:"enableDisplayRounding",required:!1,type:{name:"boolean"}},roundDisplayValue:{defaultValue:null,description:"",name:"roundDisplayValue",required:!1,type:{name:"((args: TStringNumberNull) => TStringNumberNull)"}}}}}catch{}export{h as N,ee as r};
|
|
@@ -0,0 +1,153 @@
|
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as d}from"./index-RfLt4OUa.js";import{d as Ae}from"./index-VSx05S_2.js";import{S as T}from"./spacer-Yji9g2AW.js";import{G as xe}from"./grid-u1mZpaML.js";import{F as y}from"./field-jD6TclDQ.js";import{T as H}from"./toggle-vKuY4G3w.js";import{N as u}from"./number-input-xqup0wHW.js";import{I as je}from"./input-group-R8LoqKRn.js";import{I as Re}from"./input-group-addon-BHVsW9mL.js";import{S as Te}from"./select-KWgree43.js";import{C as s}from"./card-0r8RRVk-.js";import{B as Ee}from"./button-UQO14biP.js";import{H as o}from"./heading-FcNTpGhR.js";import{T as Ne}from"./text-6KQ6ntOV.js";import{M as Me}from"./message-bbAE2zjv.js";import"./index-cCpkwrS5.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./tslib.es6-OIsz3r9a.js";import"./index-VW3EWkuE.js";import"./label-dla_bzHj.js";import"./common-types-U65vzrrz.js";import"./help-icon-D6ZGAbgL.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./lodash-Bmg8FrMx.js";import"./input-fYKvBwPs.js";import"./types-5uVBABF4.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./actions-Z1pyUd57.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./spinner-R8Il4aRe.js";const{useArgs:ye}=__STORYBOOK_MODULE_ADDONS__,In={title:"Forms/NumberInput",component:u,parameters:{canvas:{page:null}},args:{label:"Label"}},n=a=>{const[l,r]=ye(),j=i=>{r({value:i.target.value})};return e.jsx(u,{onChange:j,value:123,...a})},E=n.bind({}),g=n.bind({});g.args={small:!0};const c=n.bind({});c.args={width:"150px"};const p=n.bind({});p.args={left:!0};const m=n.bind({});m.args={disabled:!0};const h=n.bind({});h.args={allowEmpty:!0,value:""};const v=n.bind({});v.args={warning:"This input number is almost 100!",value:"99"};const C=n.bind({});C.args={error:"This is a error message"};const b=n.bind({});b.args={value:"123test"};const I=n.bind({});I.args={value:"123.123456789",enableDisplayRounding:!0};const x=n.bind({});x.args={value:"123.123456789",enableDisplayRounding:!0,roundDisplayValue:a=>Ae.roundToFixed(a,4)};const S=()=>e.jsxs(je,{small:!0,children:[e.jsx(u,{value:123}),e.jsx(Re,{children:"to"}),e.jsx(u,{value:123}),e.jsx(Te,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]}),f=()=>{const[a,l]=d.useState("123");return e.jsxs(xe,{columns:"1fr 1fr",gap:!0,children:[e.jsxs(s,{heading:e.jsx(o,{children:"Storage State (Redux)"}),children:[a,e.jsx(T,{}),e.jsx(Ee,{label:"Change value",onClick:()=>l(String(Math.floor(Math.random()*100)))})]}),e.jsx(s,{heading:e.jsx(o,{children:"NumberInput"}),children:e.jsx(u,{value:a,onChange:r=>{l(r.target.value)},error:Number(a)>=0?"":"Value must be positive"})})]})},A=()=>{const[a,l]=d.useState(!1),[r,j]=d.useState(!0),[i,N]=d.useState("0.6889763779527558"),[M,Se]=d.useState(""),fe=Number(i)*.3048;return e.jsxs(xe,{columns:"1fr 1fr",gap:!0,children:[e.jsxs(s,{heading:e.jsx(o,{children:"Settings"}),children:[e.jsx(y,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(H,{checked:a,onChange:t=>l(t.target.checked)})}),e.jsx(y,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:e.jsx(H,{checked:r,onChange:t=>j(t.target.checked)})})]}),e.jsxs(s,{heading:e.jsx(o,{children:"NumberInput (displayed in Meters)"}),children:[e.jsx(Ne,{faint:!0,children:"Cosmetic Rounding Test Cases: type 0.21 then return (compare with enableCosmeticRounding on and off)"}),e.jsx(T,{}),e.jsx(u,{name:"Example",value:fe,onChange:t=>{const R=String(Number(t.target.value)/.3048);N(R)},enableDisplayRounding:a,enableCosmeticRounding:r,error:Number(i)>=0?"":"Value must be positive",validationCallback:(t,R)=>{Se(R??"")}})]}),e.jsxs(s,{heading:e.jsx(o,{children:"Storage State / Redux (stored in Feet)"}),children:[i,e.jsx(T,{}),e.jsx(Ee,{label:"Change value",onClick:()=>N(String(Math.floor(Math.random()*100)))})]}),e.jsx(s,{heading:e.jsx(o,{children:"Test Validation Callback"}),children:M&&e.jsx(Me,{message:{content:M,icon:!0,type:"Error",visible:!0}})})]})};var k,D,F;E.parameters={...E.parameters,docs:{...(k=E.parameters)==null?void 0:k.docs,source:{originalSource:`args => {
|
|
2
|
+
const [_, updateArgs] = useArgs();
|
|
3
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
|
+
updateArgs({
|
|
5
|
+
value: evt.target.value
|
|
6
|
+
});
|
|
7
|
+
};
|
|
8
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
9
|
+
}`,...(F=(D=E.parameters)==null?void 0:D.docs)==null?void 0:F.source}}};var _,L,V;g.parameters={...g.parameters,docs:{...(_=g.parameters)==null?void 0:_.docs,source:{originalSource:`args => {
|
|
10
|
+
const [_, updateArgs] = useArgs();
|
|
11
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
12
|
+
updateArgs({
|
|
13
|
+
value: evt.target.value
|
|
14
|
+
});
|
|
15
|
+
};
|
|
16
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
17
|
+
}`,...(V=(L=g.parameters)==null?void 0:L.docs)==null?void 0:V.source}}};var B,G,W;c.parameters={...c.parameters,docs:{...(B=c.parameters)==null?void 0:B.docs,source:{originalSource:`args => {
|
|
18
|
+
const [_, updateArgs] = useArgs();
|
|
19
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
20
|
+
updateArgs({
|
|
21
|
+
value: evt.target.value
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
25
|
+
}`,...(W=(G=c.parameters)==null?void 0:G.docs)==null?void 0:W.source}}};var w,O,K;p.parameters={...p.parameters,docs:{...(w=p.parameters)==null?void 0:w.docs,source:{originalSource:`args => {
|
|
26
|
+
const [_, updateArgs] = useArgs();
|
|
27
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
28
|
+
updateArgs({
|
|
29
|
+
value: evt.target.value
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
33
|
+
}`,...(K=(O=p.parameters)==null?void 0:O.docs)==null?void 0:K.source}}};var U,Y,q;m.parameters={...m.parameters,docs:{...(U=m.parameters)==null?void 0:U.docs,source:{originalSource:`args => {
|
|
34
|
+
const [_, updateArgs] = useArgs();
|
|
35
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
36
|
+
updateArgs({
|
|
37
|
+
value: evt.target.value
|
|
38
|
+
});
|
|
39
|
+
};
|
|
40
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
41
|
+
}`,...(q=(Y=m.parameters)==null?void 0:Y.docs)==null?void 0:q.source}}};var z,J,P;h.parameters={...h.parameters,docs:{...(z=h.parameters)==null?void 0:z.docs,source:{originalSource:`args => {
|
|
42
|
+
const [_, updateArgs] = useArgs();
|
|
43
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
44
|
+
updateArgs({
|
|
45
|
+
value: evt.target.value
|
|
46
|
+
});
|
|
47
|
+
};
|
|
48
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
49
|
+
}`,...(P=(J=h.parameters)==null?void 0:J.docs)==null?void 0:P.source}}};var Q,X,Z;v.parameters={...v.parameters,docs:{...(Q=v.parameters)==null?void 0:Q.docs,source:{originalSource:`args => {
|
|
50
|
+
const [_, updateArgs] = useArgs();
|
|
51
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
52
|
+
updateArgs({
|
|
53
|
+
value: evt.target.value
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
57
|
+
}`,...(Z=(X=v.parameters)==null?void 0:X.docs)==null?void 0:Z.source}}};var $,ee,ne;C.parameters={...C.parameters,docs:{...($=C.parameters)==null?void 0:$.docs,source:{originalSource:`args => {
|
|
58
|
+
const [_, updateArgs] = useArgs();
|
|
59
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
60
|
+
updateArgs({
|
|
61
|
+
value: evt.target.value
|
|
62
|
+
});
|
|
63
|
+
};
|
|
64
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
65
|
+
}`,...(ne=(ee=C.parameters)==null?void 0:ee.docs)==null?void 0:ne.source}}};var ae,re,te;b.parameters={...b.parameters,docs:{...(ae=b.parameters)==null?void 0:ae.docs,source:{originalSource:`args => {
|
|
66
|
+
const [_, updateArgs] = useArgs();
|
|
67
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
68
|
+
updateArgs({
|
|
69
|
+
value: evt.target.value
|
|
70
|
+
});
|
|
71
|
+
};
|
|
72
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
73
|
+
}`,...(te=(re=b.parameters)==null?void 0:re.docs)==null?void 0:te.source}}};var se,oe,ue;I.parameters={...I.parameters,docs:{...(se=I.parameters)==null?void 0:se.docs,source:{originalSource:`args => {
|
|
74
|
+
const [_, updateArgs] = useArgs();
|
|
75
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
76
|
+
updateArgs({
|
|
77
|
+
value: evt.target.value
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
81
|
+
}`,...(ue=(oe=I.parameters)==null?void 0:oe.docs)==null?void 0:ue.source}}};var le,ie,de;x.parameters={...x.parameters,docs:{...(le=x.parameters)==null?void 0:le.docs,source:{originalSource:`args => {
|
|
82
|
+
const [_, updateArgs] = useArgs();
|
|
83
|
+
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
84
|
+
updateArgs({
|
|
85
|
+
value: evt.target.value
|
|
86
|
+
});
|
|
87
|
+
};
|
|
88
|
+
return <NumberInput onChange={handleChange} value={123} {...args} />;
|
|
89
|
+
}`,...(de=(ie=x.parameters)==null?void 0:ie.docs)==null?void 0:de.source}}};var ge,ce,pe;S.parameters={...S.parameters,docs:{...(ge=S.parameters)==null?void 0:ge.docs,source:{originalSource:`() => <InputGroup small>
|
|
90
|
+
<NumberInput value={123} />
|
|
91
|
+
<InputGroupAddon>to</InputGroupAddon>
|
|
92
|
+
<NumberInput value={123} />
|
|
93
|
+
<Select options={[{
|
|
94
|
+
value: 'units',
|
|
95
|
+
label: 'units'
|
|
96
|
+
}]} width="auto" value="units" />
|
|
97
|
+
</InputGroup>`,...(pe=(ce=S.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,he,ve;f.parameters={...f.parameters,docs:{...(me=f.parameters)==null?void 0:me.docs,source:{originalSource:`() => {
|
|
98
|
+
const [value, setValue] = useState('123');
|
|
99
|
+
return <Grid columns="1fr 1fr" gap>
|
|
100
|
+
<Card heading={<Heading>Storage State (Redux)</Heading>}>
|
|
101
|
+
{value}
|
|
102
|
+
<Spacer />
|
|
103
|
+
<Button label="Change value" onClick={() => setValue(String(Math.floor(Math.random() * 100)))} />
|
|
104
|
+
</Card>
|
|
105
|
+
<Card heading={<Heading>NumberInput</Heading>}>
|
|
106
|
+
<NumberInput value={value} onChange={evt => {
|
|
107
|
+
setValue(evt.target.value);
|
|
108
|
+
}} error={Number(value) >= 0 ? '' : 'Value must be positive'} />
|
|
109
|
+
</Card>
|
|
110
|
+
</Grid>;
|
|
111
|
+
}`,...(ve=(he=f.parameters)==null?void 0:he.docs)==null?void 0:ve.source}}};var Ce,be,Ie;A.parameters={...A.parameters,docs:{...(Ce=A.parameters)==null?void 0:Ce.docs,source:{originalSource:`() => {
|
|
112
|
+
const [enableDisplayRounding, setEnableDisplayRounding] = useState(false);
|
|
113
|
+
const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(true);
|
|
114
|
+
const [valueInFeet, setValueInFeet] = useState('0.6889763779527558');
|
|
115
|
+
const [callBackError, setCallBackError] = useState('');
|
|
116
|
+
const valueInMeters = Number(valueInFeet) * 0.3048;
|
|
117
|
+
return <Grid columns="1fr 1fr" gap>
|
|
118
|
+
<Card heading={<Heading>Settings</Heading>}>
|
|
119
|
+
<Field label="Enable display rounding:" labelLeft labelWidth={200}>
|
|
120
|
+
<Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
|
|
121
|
+
</Field>
|
|
122
|
+
<Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
|
|
123
|
+
<Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
|
|
124
|
+
</Field>
|
|
125
|
+
</Card>
|
|
126
|
+
<Card heading={<Heading>NumberInput (displayed in Meters)</Heading>}>
|
|
127
|
+
<Text faint>
|
|
128
|
+
Cosmetic Rounding Test Cases: type 0.21 then return (compare with
|
|
129
|
+
enableCosmeticRounding on and off)
|
|
130
|
+
</Text>
|
|
131
|
+
<Spacer />
|
|
132
|
+
<NumberInput name="Example" value={valueInMeters} onChange={evt => {
|
|
133
|
+
const nextValueInFeet = String(Number(evt.target.value) / 0.3048);
|
|
134
|
+
setValueInFeet(nextValueInFeet); // convert back to ft
|
|
135
|
+
}} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} error={Number(valueInFeet) >= 0 ? '' : 'Value must be positive'} validationCallback={(name, error) => {
|
|
136
|
+
setCallBackError(error ?? '');
|
|
137
|
+
}} />
|
|
138
|
+
</Card>
|
|
139
|
+
<Card heading={<Heading>Storage State / Redux (stored in Feet)</Heading>}>
|
|
140
|
+
{valueInFeet}
|
|
141
|
+
<Spacer />
|
|
142
|
+
<Button label="Change value" onClick={() => setValueInFeet(String(Math.floor(Math.random() * 100)))} />
|
|
143
|
+
</Card>
|
|
144
|
+
<Card heading={<Heading>Test Validation Callback</Heading>}>
|
|
145
|
+
{callBackError && <Message message={{
|
|
146
|
+
content: callBackError,
|
|
147
|
+
icon: true,
|
|
148
|
+
type: 'Error',
|
|
149
|
+
visible: true
|
|
150
|
+
}} />}
|
|
151
|
+
</Card>
|
|
152
|
+
</Grid>;
|
|
153
|
+
}`,...(Ie=(be=A.parameters)==null?void 0:be.docs)==null?void 0:Ie.source}}};const xn=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","WithDisplayRounding","WithCustomDisplayRounding","TestInputGroup","ManagedTestCase","DemoCosmeticRounding"];export{h as AllowEmpty,b as BadInput,E as Default,A as DemoCosmeticRounding,m as Disabled,C as Error,p as Left,f as ManagedTestCase,g as Small,S as TestInputGroup,v as Warning,c as Width,x as WithCustomDisplayRounding,I as WithDisplayRounding,xn as __namedExportsOrder,In as default};
|
package/dist/storybook/assets/{padding-and-spacing-ckWSgL0y.js → padding-and-spacing-dUA1CCP8.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{M as r}from"./index-RhTUHV_k.js";import{useMDXComponents as t}from"./index-4YXVTraW.js";import"./index-RfLt4OUa.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./index-miLrID2P.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./index-R5dkQuFe.js";import"./index-PPLHz8o0.js";function i(n){const s=Object.assign({h1:"h1",h2:"h2",p:"p",ul:"ul",li:"li",strong:"strong",code:"code"},t(),n.components);return e.jsxs(e.Fragment,{children:[e.jsx(r,{title:"Padding, Margin & Size"}),`
|
|
2
2
|
`,e.jsx(s.h1,{id:"padding-margin--size",children:"Padding, Margin & Size"}),`
|
|
3
3
|
`,e.jsx(s.h2,{id:"padding--margin",children:"Padding & Margin"}),`
|
|
4
4
|
`,e.jsx(s.p,{children:"There are standard CSS spacing variables for padding and margin."}),`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as d}from"./common-types-U65vzrrz.js";import{S as C}from"./select-
|
|
1
|
+
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as d}from"./common-types-U65vzrrz.js";import{S as C}from"./select-KWgree43.js";import{I}from"./input-fYKvBwPs.js";import{B as p}from"./button-UQO14biP.js";import{I as N}from"./input-group-R8LoqKRn.js";import{I as j}from"./input-group-addon-BHVsW9mL.js";const E=(t,i)=>i||t&&t.reduce((e,n)=>n.selected?Number(n.value):e,10)||10,P=(t,i)=>{if(!i||!t)return 10;const{options:e,value:n}=i,a=Number(n);return a===0?1:Math.ceil(t/E(e,a))},S=(t,i,e="Selected page must be a positive whole number between 1 and")=>{const n=`${e} ${i}`,a={valid:!0,error:null};return t===""?a:!t.match(/^\d+$/g)||parseInt(t)<=0||parseInt(t)>i?{valid:!1,error:n}:a},y="_paginationContainer_1tmz4_1",R={paginationContainer:y},_=({pagination:t})=>{const{rowCount:i,selectedPage:e,small:n,onSelectPage:a,rowsPerPage:r,errorMessageTemplate:g,testIds:m}=t,l=Number(r==null?void 0:r.value)===0,u=P(i,r),[f,h]=b.useState(String(e));b.useEffect(()=>{h(String(e))},[e]);const{error:v}=S(f,u,g),c=s=>{const{valid:x}=S(s,u,g);h(s),x&&s!==""&&a&&a(Number(s))};return o.jsxs("div",{className:R.paginationContainer,children:[r&&o.jsx("div",{style:{flexShrink:0},children:o.jsx(C,{onChange:s=>{r.onChange&&r.onChange(s),c(String(1))},options:r.options,native:!!r.options,small:n,width:"auto",value:r.value})}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_LEFT,onClick:()=>c(String(1)),disabled:l||e===1}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_LEFT,onClick:()=>c(String(Number(e)-1)),disabled:l||e===1}),o.jsxs(N,{small:n,width:"auto",children:[o.jsx(I,{right:!0,value:f,placeholder:String(e),onChange:s=>c(s.target.value),width:"50px",disabled:l||u<=1,error:v}),o.jsxs(j,{children:["of ",u]})]}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_RIGHT,onClick:()=>c(String(Number(e)+1)),disabled:l||e===u}),o.jsx(p,{small:n,round:!0,basic:!0,icon:d.CHEVRON_DOUBLE_RIGHT,onClick:()=>c(String(u)),disabled:l||e===u,testId:m==null?void 0:m.doubleRightBtn})]})};try{_.displayName="Pagination",_.__docgenInfo={description:"",displayName:"Pagination",props:{pagination:{defaultValue:null,description:"",name:"pagination",required:!0,type:{name:"IPagination"}}}}}catch{}export{_ as P};
|
package/dist/storybook/assets/{pagination.stories-etfovhze.js → pagination.stories-9_uskT8r.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as i}from"./jsx-runtime-FsUICBgo.js";import{r as n}from"./index-RfLt4OUa.js";import{P as g}from"./pagination-
|
|
1
|
+
import{j as i}from"./jsx-runtime-FsUICBgo.js";import{r as n}from"./index-RfLt4OUa.js";import{P as g}from"./pagination-er5fRdi2.js";import"./common-types-U65vzrrz.js";import"./select-KWgree43.js";import"./index-VW3EWkuE.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./inheritsLoose-Y9jOMJLd.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z1pyUd57.js";import"./button-UQO14biP.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./tslib.es6-OIsz3r9a.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";import"./input-fYKvBwPs.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},X={title:"Basic/Pagination",component:g,args:{pagination:C}},r=()=>{const[a,t]=n.useState(1);return i.jsx(g,{pagination:{rowCount:500,selectedPage:a,onSelectPage:o=>t(o)}})},s=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return i.jsx(g,{pagination:{rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})},l=()=>{const[a,t]=n.useState(1),[o,p]=n.useState(20);return i.jsx(g,{pagination:{small:!0,rowCount:500,selectedPage:a,rowsPerPage:{onChange:e=>p(Number(e.target.value)),options:[{label:"10 / page",value:10},{label:"20 / page",value:20},{label:"50 / page",value:50},{label:"Show all",value:0}],value:o},onSelectPage:e=>t(e)}})};var P,u,c;r.parameters={...r.parameters,docs:{...(P=r.parameters)==null?void 0:P.docs,source:{originalSource:`() => {
|
|
2
2
|
const [selectedPage, setSelectedPage] = useState(1);
|
|
3
3
|
return <Pagination pagination={{
|
|
4
4
|
rowCount: 500,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{S as w}from"./spacer-Yji9g2AW.js";import{P as n}from"./popover-rJn7kxkX.js";import{I as c}from"./input-fYKvBwPs.js";import{B as i}from"./button-UQO14biP.js";import{F as D}from"./flex-RYZsoWEN.js";import{S as y}from"./select-
|
|
1
|
+
import{j as r}from"./jsx-runtime-FsUICBgo.js";import{r as k}from"./index-RfLt4OUa.js";import{S as w}from"./spacer-Yji9g2AW.js";import{P as n}from"./popover-rJn7kxkX.js";import{I as c}from"./input-fYKvBwPs.js";import{B as i}from"./button-UQO14biP.js";import{F as D}from"./flex-RYZsoWEN.js";import{S as y}from"./select-KWgree43.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z1pyUd57.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],F=({close:e})=>r.jsxs(D,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(y,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),nr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(F,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),a=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const p=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};var d,g,x;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=a.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,j,f;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(f=(j=o.parameters)==null?void 0:j.docs)==null?void 0:f.source}}};var b,S,O;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(O=(S=s.parameters)==null?void 0:S.docs)==null?void 0:O.source}}};var C,P,h;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(P=t.parameters)==null?void 0:P.docs)==null?void 0:h.source}}};var I,B,E;p.parameters={...p.parameters,docs:{...(I=p.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
|
|
2
2
|
const [isOpen, setIsOpen] = useState(false);
|
|
3
3
|
return <div>
|
|
4
4
|
<Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as Le,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-IL_npIpU.js";import{q as ga,r as ma,s as qr,i as ki,t as ya,e as Hr,v as Mi,w as Bi,c as zr,x as Ui,y as Gi,z as qi,A as Hi,B as va,C as zi,D as Wi,E as Yi,F as Xi,G as Ki,H as Vi,I as Qi,J as Ji}from"./index-R5dkQuFe.js";import{f as Zi,k as ba,h as eo,i as to,j as ro,l as no,o as ao,m as De,p as io,q as oo,r as so,t as cn}from"./index-
|
|
1
|
+
import{j as at}from"./jsx-runtime-FsUICBgo.js";import{g as Le,c as ct,a as Li,r as he,R as fe}from"./index-RfLt4OUa.js";import{T as Di}from"./toaster-IL_npIpU.js";import{q as ga,r as ma,s as qr,i as ki,t as ya,e as Hr,v as Mi,w as Bi,c as zr,x as Ui,y as Gi,z as qi,A as Hi,B as va,C as zi,D as Wi,E as Yi,F as Xi,G as Ki,H as Vi,I as Qi,J as Ji}from"./index-R5dkQuFe.js";import{f as Zi,k as ba,h as eo,i as to,j as ro,l as no,o as ao,m as De,p as io,q as oo,r as so,t as cn}from"./index-RhTUHV_k.js";import{a as lo}from"./isPlainObject-OQlD0fAV.js";import{d as Sa}from"./index-PPLHz8o0.js";import{e as pn}from"./index-cCpkwrS5.js";import"./chunk-HLWAVYOI-RXldIcZr.js";import"./index-miLrID2P.js";import"./message-bbAE2zjv.js";import"./index-VW3EWkuE.js";import"./common-types-U65vzrrz.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./react-16-hgR7FrAp.js";var hn="DARK_MODE";const{global:uo}=__STORYBOOK_MODULE_GLOBAL__;__STORYBOOK_MODULE_CLIENT_LOGGER__;function Te(){return Te=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},Te.apply(this,arguments)}function fo(t){if(t===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function Qe(t,e){return Qe=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(r,n){return r.__proto__=n,r},Qe(t,e)}function co(t,e){t.prototype=Object.create(e.prototype),t.prototype.constructor=t,Qe(t,e)}function yr(t){return yr=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},yr(t)}function po(t){return Function.toString.call(t).indexOf("[native code]")!==-1}function ho(){if(typeof Reflect>"u"||!Reflect.construct||Reflect.construct.sham)return!1;if(typeof Proxy=="function")return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){})),!0}catch{return!1}}function pt(t,e,r){return ho()?pt=Reflect.construct.bind():pt=function(n,s,o){var l=[null];l.push.apply(l,s);var a=Function.bind.apply(n,l),i=new a;return o&&Qe(i,o.prototype),i},pt.apply(null,arguments)}function vr(t){var e=typeof Map=="function"?new Map:void 0;return vr=function(r){if(r===null||!po(r))return r;if(typeof r!="function")throw new TypeError("Super expression must either be null or a function");if(typeof e<"u"){if(e.has(r))return e.get(r);e.set(r,n)}function n(){return pt(r,arguments,yr(this).constructor)}return n.prototype=Object.create(r.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),Qe(n,r)},vr(t)}var go={1:`Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).
|
|
2
2
|
|
|
3
3
|
`,2:`Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).
|
|
4
4
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{_ as e}from"./iframe-
|
|
1
|
+
import{_ as e}from"./iframe-oMAlwWd9.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-DP7bJ7AB.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11]),import.meta.url);return new r}}};export{a as parameters};
|
|
2
2
|
function __vite__mapDeps(indexes) {
|
|
3
3
|
if (!__vite__mapDeps.viteFileDeps) {
|
|
4
|
-
__vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-
|
|
4
|
+
__vite__mapDeps.viteFileDeps = ["./DocsRenderer-NNNQARDV-DP7bJ7AB.js","./chunk-HLWAVYOI-RXldIcZr.js","./iframe-oMAlwWd9.js","./index-RfLt4OUa.js","./react-16-hgR7FrAp.js","./index-miLrID2P.js","./index-RhTUHV_k.js","./extends-dGVwEr9R.js","./assertThisInitialized-4q6YPdh3.js","./inheritsLoose-Y9jOMJLd.js","./index-R5dkQuFe.js","./index-PPLHz8o0.js"]
|
|
5
5
|
}
|
|
6
6
|
return indexes.map((i) => __vite__mapDeps.viteFileDeps[i])
|
|
7
7
|
}
|
package/dist/storybook/assets/{reservoirs.stories-6dilTPJE.js → reservoirs.stories-XGU7s6pI.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-pptAo2LU.js";import{S as L}from"./side-bar-kr46QLwI.js";import{H as s}from"./heading-FcNTpGhR.js";import{B as m}from"./button-UQO14biP.js";import{D as v}from"./drawer-ChY55ghN.js";import{L as C}from"./list-Nr0UfaUw.js";import{F as n}from"./field-jD6TclDQ.js";import{I as l}from"./input-fYKvBwPs.js";import{C as p}from"./check-box-Q2GsbR79.js";import{R as h}from"./radio-button-7TJh5k-h.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as r,C as i}from"./row-vFUhHoz5.js";import{S as R}from"./select-
|
|
1
|
+
import{j as e}from"./jsx-runtime-FsUICBgo.js";import{r as b}from"./index-RfLt4OUa.js";import{I as j}from"./common-types-U65vzrrz.js";import{T as w}from"./top-bar-pptAo2LU.js";import{S as L}from"./side-bar-kr46QLwI.js";import{H as s}from"./heading-FcNTpGhR.js";import{B as m}from"./button-UQO14biP.js";import{D as v}from"./drawer-ChY55ghN.js";import{L as C}from"./list-Nr0UfaUw.js";import{F as n}from"./field-jD6TclDQ.js";import{I as l}from"./input-fYKvBwPs.js";import{C as p}from"./check-box-Q2GsbR79.js";import{R as h}from"./radio-button-7TJh5k-h.js";import{C as d}from"./card-0r8RRVk-.js";import{F}from"./form-row-bwoDTUga.js";import{P as g}from"./page-9-f6BzS0.js";import{R as r,C as i}from"./row-vFUhHoz5.js";import{S as R}from"./select-KWgree43.js";import{S as f}from"./spacer-Yji9g2AW.js";import"./index-VW3EWkuE.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./disabled-context-urNQThQz.js";import"./actions-Z1pyUd57.js";import"./lodash-Bmg8FrMx.js";import"./tooltip-dueTLnwA.js";import"./index-miLrID2P.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./index-ugi_ZH6T.js";import"./help-icon-D6ZGAbgL.js";import"./spinner-R8Il4aRe.js";import"./index.es-HG2GUH9i.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./memoize-one.esm-hqe5SRxC.js";import"./meta-content-073TGkSN.js";import"./loader-TGOJBZQG.js";import"./label-dla_bzHj.js";import"./select.input-zP5tW20f.js";import"./styled-components.browser.esm-qIipjd6c.js";import"./assertThisInitialized-4q6YPdh3.js";import"./text-6KQ6ntOV.js";const k=({width:a,height:t})=>e.jsx("div",{style:{background:"#ddd",width:a,height:t}}),Fe={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},o=()=>{const[a,t]=b.useState(!0);return e.jsxs(e.Fragment,{children:[e.jsx(w,{}),e.jsx(L,{options:{title:"",sections:[]}}),e.jsx(g,{padding:!1,scroll:!1,children:e.jsxs(r,{spacing:0,height:"100%",children:[e.jsx(v,{button:e.jsx(m,{onClick:()=>t(!a),round:!0,icon:j.CHEVRON_LEFT}),open:a,width:300,closedWidth:"var(--size-sidebar)",children:e.jsx(C,{drawer:!0,narrow:!a,list:{name:"Reservoirs",items:[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"}]}})}),e.jsxs(i,{scroll:!0,padding:!0,borderLeft:!0,children:[e.jsxs(r,{children:[e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Reservoir name here"}),e.jsxs(F,{children:[e.jsx(n,{label:"Name",children:e.jsx(l,{value:"Reservoir name here",width:"200px"})}),e.jsx(n,{label:"Lorem",children:e.jsx(h,{name:"example",options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0})}),e.jsx(n,{label:"Ipsum",children:e.jsx(R,{name:"example",options:[{label:"Monkeys",value:"bananas"},{label:"Possums",value:"slugs"}],value:{label:"Monkeys",value:"bananas"},native:!0})}),e.jsx(n,{children:e.jsx(p,{label:"Dolor"})})]})]}),e.jsx(i,{flex:!1,children:e.jsx(m,{onClick:()=>{},round:!0,icon:"question"})})]}),e.jsxs(r,{children:[e.jsx(i,{width:"50%",children:e.jsx(d,{heading:e.jsx(s,{onClickHelp:()=>console.log("help!"),children:"Reservoir Zone"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"50%",children:[e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(h,{options:[{label:"Aardvarks",value:"termites"},{label:"Monkeys",value:"bananas"}],value:{label:"Monkeys",value:"bananas"},inline:!0}),e.jsx(l,{width:"100%"})]}),e.jsxs(n,{label:"Label",helpText:"Lorem ipsum",children:[e.jsx(p,{label:"Lorem ipsum"}),e.jsx(l,{width:"100%",disabled:!0})]}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]}),e.jsxs(i,{width:"50%",children:[e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Label",helpText:"Lorem ipsum",children:e.jsx(l,{width:"100%"})})]})]})})}),e.jsxs(i,{width:"50%",children:[e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Size"}),children:e.jsxs(r,{children:[e.jsxs(i,{width:"160px",children:[e.jsx(n,{label:"Length",children:e.jsx(l,{width:"100%"})}),e.jsx(n,{label:"Width",children:e.jsx(l,{width:"100%"})})]}),e.jsx(i,{children:e.jsx(k,{width:"100%",height:"100%"})})]})}),e.jsx(f,{}),e.jsx(d,{heading:e.jsx(s,{children:"Reservoir Properties"}),children:e.jsxs(r,{children:[e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})}),e.jsx(i,{children:e.jsx(n,{label:"Label",children:e.jsx(l,{width:"100%"})})})]})})]})]})]})]})})]})};o.__docgenInfo={description:"",methods:[],displayName:"Reservoirs"};var u,x,c;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
|
|
2
2
|
const [open, setOpen] = useState(true);
|
|
3
3
|
return <>
|
|
4
4
|
<TopBar />
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
var mf=Object.defineProperty;var gf=(t,e,n)=>e in t?mf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(gf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-FsUICBgo.js";import{g as bs,R as Me,r as $}from"./index-RfLt4OUa.js";import{D as yf}from"./disabled-context-urNQThQz.js";import{C as xf}from"./common-types-U65vzrrz.js";import{B as xu}from"./button-UQO14biP.js";import{r as bf}from"./index-miLrID2P.js";import{S as kf}from"./select-
|
|
1
|
+
var mf=Object.defineProperty;var gf=(t,e,n)=>e in t?mf(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var tl=(t,e,n)=>(gf(t,typeof e!="symbol"?e+"":e,n),n);import{j as ae}from"./jsx-runtime-FsUICBgo.js";import{g as bs,R as Me,r as $}from"./index-RfLt4OUa.js";import{D as yf}from"./disabled-context-urNQThQz.js";import{C as xf}from"./common-types-U65vzrrz.js";import{B as xu}from"./button-UQO14biP.js";import{r as bf}from"./index-miLrID2P.js";import{S as kf}from"./select-KWgree43.js";import"./index-VW3EWkuE.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./inheritsLoose-Y9jOMJLd.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./types-5uVBABF4.js";import"./lodash-Bmg8FrMx.js";import"./extends-dGVwEr9R.js";import"./assertThisInitialized-4q6YPdh3.js";import"./memoize-one.esm-hqe5SRxC.js";import"./types-VB5zD18b.js";import"./text-6KQ6ntOV.js";import"./actions-Z1pyUd57.js";import"./badge-23Ty_zBt.js";import"./select.input-zP5tW20f.js";var Eo={exports:{}};(function(t,e){var n=typeof Reflect<"u"?Reflect.construct:void 0,r=Object.defineProperty,s=Error.captureStackTrace;s===void 0&&(s=function(c){var u=new Error;r(c,"stack",{configurable:!0,get:function(){var h=u.stack;return r(this,"stack",{configurable:!0,value:h,writable:!0}),h},set:function(h){r(c,"stack",{configurable:!0,value:h,writable:!0})}})});function i(l){l!==void 0&&r(this,"message",{configurable:!0,value:l,writable:!0});var c=this.constructor.name;c!==void 0&&c!==this.name&&r(this,"name",{configurable:!0,value:c,writable:!0}),s(this,this.constructor)}i.prototype=Object.create(Error.prototype,{constructor:{configurable:!0,value:i,writable:!0}});var o=function(){function l(u,d){return r(u,"name",{configurable:!0,value:d})}try{var c=function(){};if(l(c,"foo"),c.name==="foo")return l}catch{}}();function a(l,c){if(c==null||c===Error)c=i;else if(typeof c!="function")throw new TypeError("super_ should be a function");var u;if(typeof l=="string")u=l,l=n!==void 0?function(){return n(c,arguments,this.constructor)}:function(){c.apply(this,arguments)},o!==void 0&&(o(l,u),u=void 0);else if(typeof l!="function")throw new TypeError("constructor should be either a string or a function");l.super_=l.super=c;var d={constructor:{configurable:!0,value:l,writable:!0}};return u!==void 0&&(d.name={configurable:!0,value:u,writable:!0}),l.prototype=Object.create(c.prototype,d),l}e=t.exports=a,e.BaseError=i})(Eo,Eo.exports);var bu=Eo.exports,nl="ProseMirror-selectednode",la="",Wt="\0",rl="__state_override__",Sf={LastNodeCompatible:"lastNodeCompatible",FormattingMark:"formattingMark",FormattingNode:"formattingNode",NodeCursor:"nodeCursor",FontStyle:"fontStyle",Link:"link",Color:"color",Alignment:"alignment",Indentation:"indentation",Behavior:"behavior",Code:"code",InlineNode:"inline",ListContainerNode:"listContainer",ListItemNode:"listItemNode",Block:"block",BlockNode:"block",TextBlock:"textBlock",ExcludeInputRules:"excludeFromInputRules",PreventExits:"preventsExits",Media:"media"},j=Sf,At=Symbol.for("__remirror__"),xe=(t=>(t.PlainExtension="RemirrorPlainExtension",t.NodeExtension="RemirrorNodeExtension",t.MarkExtension="RemirrorMarkExtension",t.PlainExtensionConstructor="RemirrorPlainExtensionConstructor",t.NodeExtensionConstructor="RemirrorNodeExtensionConstructor",t.MarkExtensionConstructor="RemirrorMarkExtensionConstructor",t.Manager="RemirrorManager",t.Preset="RemirrorPreset",t.PresetConstructor="RemirrorPresetConstructor",t))(xe||{}),X=(t=>(t[t.Critical=1e6]="Critical",t[t.Highest=1e5]="Highest",t[t.High=1e4]="High",t[t.Medium=1e3]="Medium",t[t.Default=100]="Default",t[t.Low=10]="Low",t[t.Lowest=0]="Lowest",t))(X||{}),Pe=(t=>(t[t.None=0]="None",t[t.Create=1]="Create",t[t.EditorView=2]="EditorView",t[t.Runtime=3]="Runtime",t[t.Destroy=4]="Destroy",t))(Pe||{}),w=(t=>(t.Undo="_|undo|_",t.Redo="_|redo|_",t.Bold="_|bold|_",t.Italic="_|italic|_",t.Underline="_|underline|_",t.Strike="_|strike|_",t.Code="_|code|_",t.Paragraph="_|paragraph|_",t.H1="_|h1|_",t.H2="_|h2|_",t.H3="_|h3|_",t.H4="_|h4|_",t.H5="_|h5|_",t.H6="_|h6|_",t.TaskList="_|task|_",t.BulletList="_|bullet|_",t.OrderedList="_|number|_",t.Quote="_|quote|_",t.Divider="_|divider|_",t.Codeblock="_|codeblock|_",t.ClearFormatting="_|clear|_",t.Superscript="_|sup|_",t.Subscript="_|sub|_",t.LeftAlignment="_|left-align|_",t.CenterAlignment="_|center-align|_",t.RightAlignment="_|right-align|_",t.JustifyAlignment="_|justify-align|_",t.InsertLink="_|link|_",t.Find="_|find|_",t.FindBackwards="_|find-backwards|_",t.FindReplace="_|find-replace|_",t.AddFootnote="_|footnote|_",t.AddComment="_|comment|_",t.ContextMenu="_|context-menu|_",t.IncreaseFontSize="_|inc-font-size|_",t.DecreaseFontSize="_|dec-font-size|_",t.IncreaseIndent="_|indent|_",t.DecreaseIndent="_|dedent|_",t.Shortcuts="_|shortcuts|_",t.Copy="_|copy|_",t.Cut="_|cut|_",t.Paste="_|paste|_",t.PastePlain="_|paste-plain|_",t.SelectAll="_|select-all|_",t.Format="_|format|_",t))(w||{}),b=(t=>(t.PROD="RMR0000",t.UNKNOWN="RMR0001",t.INVALID_COMMAND_ARGUMENTS="RMR0002",t.CUSTOM="RMR0003",t.CORE_HELPERS="RMR0004",t.MUTATION="RMR0005",t.INTERNAL="RMR0006",t.MISSING_REQUIRED_EXTENSION="RMR0007",t.MANAGER_PHASE_ERROR="RMR0008",t.INVALID_GET_EXTENSION="RMR0010",t.INVALID_MANAGER_ARGUMENTS="RMR0011",t.SCHEMA="RMR0012",t.HELPERS_CALLED_IN_OUTER_SCOPE="RMR0013",t.INVALID_MANAGER_EXTENSION="RMR0014",t.DUPLICATE_COMMAND_NAMES="RMR0016",t.DUPLICATE_HELPER_NAMES="RMR0017",t.NON_CHAINABLE_COMMAND="RMR0018",t.INVALID_EXTENSION="RMR0019",t.INVALID_CONTENT="RMR0021",t.INVALID_NAME="RMR0050",t.EXTENSION="RMR0100",t.EXTENSION_SPEC="RMR0101",t.EXTENSION_EXTRA_ATTRIBUTES="RMR0102",t.INVALID_SET_EXTENSION_OPTIONS="RMR0103",t.REACT_PROVIDER_CONTEXT="RMR0200",t.REACT_GET_ROOT_PROPS="RMR0201",t.REACT_EDITOR_VIEW="RMR0202",t.REACT_CONTROLLED="RMR0203",t.REACT_NODE_VIEW="RMR0204",t.REACT_GET_CONTEXT="RMR0205",t.REACT_COMPONENTS="RMR0206",t.REACT_HOOKS="RMR0207",t.I18N_CONTEXT="RMR0300",t))(b||{}),vf=function(e){return wf(e)&&!Ef(e)};function wf(t){return!!t&&typeof t=="object"}function Ef(t){var e=Object.prototype.toString.call(t);return e==="[object RegExp]"||e==="[object Date]"||Of(t)}var Cf=typeof Symbol=="function"&&Symbol.for,Tf=Cf?Symbol.for("react.element"):60103;function Of(t){return t.$$typeof===Tf}function Mf(t){return Array.isArray(t)?[]:{}}function Qr(t,e){return e.clone!==!1&&e.isMergeableObject(t)?er(Mf(t),t,e):t}function _f(t,e,n){return t.concat(e).map(function(r){return Qr(r,n)})}function Nf(t,e){if(!e.customMerge)return er;var n=e.customMerge(t);return typeof n=="function"?n:er}function Af(t){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(t).filter(function(e){return Object.propertyIsEnumerable.call(t,e)}):[]}function sl(t){return Object.keys(t).concat(Af(t))}function ku(t,e){try{return e in t}catch{return!1}}function Rf(t,e){return ku(t,e)&&!(Object.hasOwnProperty.call(t,e)&&Object.propertyIsEnumerable.call(t,e))}function If(t,e,n){var r={};return n.isMergeableObject(t)&&sl(t).forEach(function(s){r[s]=Qr(t[s],n)}),sl(e).forEach(function(s){Rf(t,s)||(ku(t,s)&&n.isMergeableObject(e[s])?r[s]=Nf(s,n)(t[s],e[s],n):r[s]=Qr(e[s],n))}),r}function er(t,e,n){n=n||{},n.arrayMerge=n.arrayMerge||_f,n.isMergeableObject=n.isMergeableObject||vf,n.cloneUnlessOtherwiseSpecified=Qr;var r=Array.isArray(e),s=Array.isArray(t),i=r===s;return i?r?n.arrayMerge(t,e,n):If(t,e,n):Qr(e,n)}er.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce(function(r,s){return er(r,s,n)},{})};var Df=er,Pf=Df;const Lf=bs(Pf);/*!
|
|
2
2
|
* isobject <https://github.com/jonschlinkert/isobject>
|
|
3
3
|
*
|
|
4
4
|
* Copyright (c) 2014-2017, Jon Schlinkert.
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as u}from"./table-
|
|
1
|
+
import{j as o}from"./jsx-runtime-FsUICBgo.js";import{r as D}from"./index-RfLt4OUa.js";import{T as u}from"./table-4SISWUSt.js";import{T as z}from"./text-6KQ6ntOV.js";import{t as R,s as G,u as J,v as K,w as Q}from"./table.stories-data-UqqhbXjA.js";import"./index-VW3EWkuE.js";import"./index.es-HG2GUH9i.js";import"./inheritsLoose-Y9jOMJLd.js";import"./extends-dGVwEr9R.js";import"./redux-F5dueAP3.js";import"./objectSpread2-93s0nBry.js";import"./tiny-invariant-R4kOKlvx.js";import"./index-miLrID2P.js";import"./memoize-one.esm-hqe5SRxC.js";import"./objectWithoutPropertiesLoose-9Q1jwsKS.js";import"./lodash-Bmg8FrMx.js";import"./actions-Z1pyUd57.js";import"./common-types-U65vzrrz.js";import"./disabled-context-urNQThQz.js";import"./button-UQO14biP.js";import"./spinner-R8Il4aRe.js";import"./icon-_m67DAr0.js";import"./tslib.es6-OIsz3r9a.js";import"./index-4QtD-hFu.js";import"./tooltip-dueTLnwA.js";import"./types-VB5zD18b.js";import"./types-5uVBABF4.js";import"./badge-23Ty_zBt.js";import"./heading-FcNTpGhR.js";import"./help-icon-D6ZGAbgL.js";import"./pagination-er5fRdi2.js";import"./select-KWgree43.js";import"./assertThisInitialized-4q6YPdh3.js";import"./select.input-zP5tW20f.js";import"./input-fYKvBwPs.js";import"./input-group-R8LoqKRn.js";import"./input-group-addon-BHVsW9mL.js";import"./number-input-xqup0wHW.js";import"./index-VSx05S_2.js";import"./index-cCpkwrS5.js";import"./check-box-Q2GsbR79.js";import"./slider-jx0z5OyT.js";import"./index-ugi_ZH6T.js";import"./popover-rJn7kxkX.js";import"./flex-RYZsoWEN.js";const Ie={title:"Basic/Table/Row",component:u,args:{table:{...R}}},m=n=>o.jsx(u,{...n}),i=m.bind({});i.args={table:G};const p=m.bind({});p.args={table:J};const c=m.bind({});c.args={table:K};const d=m.bind({});d.args={table:Q};const t=m.bind({});t.args={table:{...R,striped:!1}};t.parameters={docs:{description:{story:"`striped: false` removes tinted background on alternative rows."}}};const v=()=>{const[n,e]=D.useState(null),a=r=>e(n===r?null:r);return o.jsx(u,{table:{...R,striped:!1,rows:R.rows.map((r,w)=>({...r,onRowClick:()=>a(w),expandedContent:{content:n===w?o.jsx("div",{children:"Example expanded content"}):null}}))}})},x=()=>{const n={draggable:!0,headers:[{cells:[{value:"Name"},{value:"Weight (kg)"},{value:"Energy (kcal / 100g)"},{value:"Origin"}]}],rows:[{noDrag:!0,cells:[{value:"Undraggable"},{value:100},{value:361},{value:"Vietnam"}]},{cells:[{value:"Buckwheat"},{value:50},{value:358},{value:"Poland"}]},{cells:[{value:"Couscous"},{value:10},{value:368},{value:"France"}]}]},e=(s,g,l)=>{const y=[...s];return s[l].noDrag?s:(y.splice(l,0,y.splice(g,1)[0]),y)},[a,r]=D.useState(n.rows),w=s=>{const{to:g,from:l}=s;e(a,l,g),r(e(a,l,g))};return o.jsx(u,{table:{...n,rows:a},onListReorder:w})},b=()=>{const[n,e]=D.useState("Hover any row!"),a=[1,2,3,4,5].map(r=>({cells:[{value:`Row ${r}`},{value:`${r**2}`}],onRowMouseEnter:()=>e(`Hovering row ${r}`),onRowMouseLeave:()=>e("Not hovering any row...")}));return o.jsxs(o.Fragment,{children:[o.jsx(z,{children:n}),o.jsx(u,{table:{fixedWidth:"100%",headers:[{cells:[{value:"Description"},{value:"Value"}],onRowMouseEnter:()=>e("Hovering header row"),onRowMouseLeave:()=>e("Not hovering any row...")}],rows:a}})]})};var E,T,h;i.parameters={...i.parameters,docs:{...(E=i.parameters)==null?void 0:E.docs,source:{originalSource:`args => {
|
|
2
2
|
return <Table
|
|
3
3
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
4
4
|
{...args} />;
|