@oliasoft-open-source/react-ui-library 4.3.0-beta-1 → 4.3.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/index.d.ts +54 -0
- package/dist/index.js +151 -1
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-e16af034.js +1 -0
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-eaf66766.js +1 -0
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-86dbd99d.js +1 -0
- package/dist/storybook/assets/{accordion-168fa7c5.js → accordion-1b587708.js} +1 -1
- package/dist/storybook/assets/{accordion-with-default-toggle-0b4845c8.js → accordion-with-default-toggle-775c8135.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-ad491954.js → accordion.stories-a9cecbe0.js} +2 -2
- package/dist/storybook/assets/{actions-2d4e1c8e.js → actions-83a2a04e.js} +1 -1
- package/dist/storybook/assets/{actions.stories-81a7cb7a.js → actions.stories-a38cd26e.js} +1 -1
- package/dist/storybook/assets/{afe.stories-49904fdb.js → afe.stories-e25ea064.js} +2 -2
- package/dist/storybook/assets/{badge.stories-5ce7957f.js → badge.stories-1cbf35f9.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-ee7f932b.js → blowout.stories-af7f9432.js} +1 -1
- package/dist/storybook/assets/{button-74c97e4a.js → button-050c998a.js} +1 -1
- package/dist/storybook/assets/{button-group-fa895d0c.js → button-group-0176fca3.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-22f072b7.js → button-group.stories-7659a587.js} +1 -1
- package/dist/storybook/assets/{button.stories-9b954335.js → button.stories-5f73ddef.js} +1 -1
- package/dist/storybook/assets/{buttons-and-links-6c701fa6.js → buttons-and-links-153efc05.js} +2 -2
- package/dist/storybook/assets/{card.stories-537a1772.js → card.stories-0437a4e2.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-dff0b8fc.js → casing-loads.stories-90bc0b91.js} +2 -2
- package/dist/storybook/assets/{cell.stories-524a7418.js → cell.stories-0ae4bf08.js} +2 -2
- package/dist/storybook/assets/{check-box-e21258d5.js → check-box-b38490e5.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-5f7d06e0.js → check-box.stories-9bf1c260.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-d8be29f3.js → chunk-HLWAVYOI-64001074.js} +1 -1
- package/dist/storybook/assets/color-e82f5009.js +25 -0
- package/dist/storybook/assets/{column.stories-ae7588c5.js → column.stories-d5ca2c42.js} +1 -1
- package/dist/storybook/assets/{drawer-7f450988.js → drawer-308b0a03.js} +1 -1
- package/dist/storybook/assets/{drawer.stories-59cd794a.js → drawer.stories-724ec941.js} +2 -2
- package/dist/storybook/assets/{empty.stories-c98807b8.js → empty.stories-1871df42.js} +1 -1
- package/dist/storybook/assets/extends-98964cd2.js +1 -0
- package/dist/storybook/assets/{field-a094cd72.js → field-248df38c.js} +1 -1
- package/dist/storybook/assets/{field.stories-f1318053.js → field.stories-60d1a82f.js} +1 -1
- package/dist/storybook/assets/{file-input-a3594635.js → file-input-31a9b5bf.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-3d2e95e7.js → file-input.stories-dbedc9fc.js} +1 -1
- package/dist/storybook/assets/{flex.stories-09e9c602.js → flex.stories-6a278b40.js} +1 -1
- package/dist/storybook/assets/footer.stories-50a2e3db.js +3 -0
- package/dist/storybook/assets/form.stories-2184d699.js +49 -0
- package/dist/storybook/assets/formation.stories-e27935eb.js +74 -0
- package/dist/storybook/assets/{formatter-SWP5E3XI-c42be4d9.js → formatter-SWP5E3XI-598bdf16.js} +2 -2
- package/dist/storybook/assets/{heading-d29eb744.js → heading-39e599c8.js} +1 -1
- package/dist/storybook/assets/{heading.stories-9689bddc.js → heading.stories-6ff7f5ed.js} +1 -1
- package/dist/storybook/assets/{help-icon-d4189b1b.js → help-icon-c0abd380.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-15d1620d.js → help-icon.stories-a30b7058.js} +1 -1
- package/dist/storybook/assets/icon-8acf9925.js +8 -0
- package/dist/storybook/assets/{icon.stories-8dae69e1.js → icon.stories-466d158f.js} +1 -1
- package/dist/storybook/assets/iframe-2ec6fd1b.js +1 -0
- package/dist/storybook/assets/{index-56f304c1.js → index-85e6b336.js} +4 -4
- package/dist/storybook/assets/{index.es-85cc7dfc.js → index.es-37e2ce0d.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-c82a83d4.js +1 -0
- package/dist/storybook/assets/{input-d68625a5.js → input-05f21b51.js} +1 -1
- package/dist/storybook/assets/{input-group.stories-a2a3400e.js → input-group.stories-602e1e93.js} +2 -2
- package/dist/storybook/assets/{input-validation-1b895773.js → input-validation-83a841e7.js} +2 -2
- package/dist/storybook/assets/{input.stories-164d93ab.js → input.stories-bf58ba7c.js} +1 -1
- package/dist/storybook/assets/{inputs-e51c1c31.js → inputs-679d81e4.js} +14 -14
- package/dist/storybook/assets/{label-13d490a3.js → label-e6d15b59.js} +1 -1
- package/dist/storybook/assets/{label.stories-427ba162.js → label.stories-1c98204a.js} +1 -1
- package/dist/storybook/assets/layout-forms-9382a8d3.js +16 -0
- package/dist/storybook/assets/{layout-general-245ef20f.js → layout-general-cab7e55d.js} +2 -2
- package/dist/storybook/assets/{list-e6e7e5ed.js → list-d40713ca.js} +1 -1
- package/dist/storybook/assets/{list.stories-e2d00aea.js → list.stories-5daa007f.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-94f7c623.js → list.stories-data-ba40864f.js} +1 -1
- package/dist/storybook/assets/{loader.stories-6107832a.js → loader.stories-4e8e8df7.js} +1 -1
- package/dist/storybook/assets/{menu.stories-927adf3d.js → menu.stories-8d724757.js} +1 -1
- package/dist/storybook/assets/{message-dabd76a8.js → message-f4352d69.js} +1 -1
- package/dist/storybook/assets/{message.stories-6f612f7c.js → message.stories-bb7952c5.js} +1 -1
- package/dist/storybook/assets/{meta-content-6f132e03.js → meta-content-c2771b33.js} +1 -1
- package/dist/storybook/assets/{modal-ad69eee9.js → modal-90ebced9.js} +1 -1
- package/dist/storybook/assets/{modal.stories-448cc75d.js → modal.stories-24646454.js} +2 -2
- package/dist/storybook/assets/{number-input-7d49b0b3.js → number-input-cfbd9eb7.js} +1 -1
- package/dist/storybook/assets/{number-input.stories-02528124.js → number-input.stories-8137782e.js} +2 -2
- package/dist/storybook/assets/{option-dropdown-fbe54c09.js → option-dropdown-14e7d023.js} +1 -1
- package/dist/storybook/assets/{option-dropdown.stories-8b7ee529.js → option-dropdown.stories-f251610f.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-27e63c65.js → padding-and-spacing-89974d3f.js} +2 -2
- package/dist/storybook/assets/{page.stories-4ad3bea8.js → page.stories-7a6f330e.js} +1 -1
- package/dist/storybook/assets/{pagination-8aade846.js → pagination-443065a8.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-423b4938.js → pagination.stories-985230f7.js} +2 -2
- package/dist/storybook/assets/{pop-confirm-e6b7cc0c.js → pop-confirm-ce206de8.js} +1 -1
- package/dist/storybook/assets/{pop-confirm.stories-27da1975.js → pop-confirm.stories-5772f622.js} +1 -1
- package/dist/storybook/assets/{popover-06e375a5.js → popover-c1234faa.js} +1 -1
- package/dist/storybook/assets/popover.stories-7542a367.js +1 -0
- package/dist/storybook/assets/preview-65e4021c.js +1 -0
- package/dist/storybook/assets/{preview-72d84988.js → preview-a99e63ce.js} +3 -3
- package/dist/storybook/assets/projects.stories-f8294ed5.js +47 -0
- package/dist/storybook/assets/{radio-button-135a9615.js → radio-button-d69b72e4.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-0e8377ea.js → radio-button.stories-6ff0dc9b.js} +1 -1
- package/dist/storybook/assets/{reservoirs.stories-b4549b91.js → reservoirs.stories-80ad2f26.js} +2 -2
- package/dist/storybook/assets/{rich-text-input-977847ce.js → rich-text-input-a0f4a598.js} +1 -1
- package/dist/storybook/assets/{rich-text-input.stories-b770908d.js → rich-text-input.stories-988bbe20.js} +2 -2
- package/dist/storybook/assets/{row.stories-d5b6b4a6.js → row.stories-c12a3e52.js} +2 -2
- package/dist/storybook/assets/select-d4593fc0.js +1 -0
- package/dist/storybook/assets/{select.stories-60f055e6.js → select.stories-6651d3f2.js} +2 -2
- package/dist/storybook/assets/{side-bar-88e8cf41.js → side-bar-10cceacd.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-2c06f8a6.js → side-bar.stories-02211e0d.js} +1 -1
- package/dist/storybook/assets/{site.stories-80a441ea.js → site.stories-284e27be.js} +2 -2
- package/dist/storybook/assets/slider-5d5442fe.js +7 -0
- package/dist/storybook/assets/{slider.stories-79ab0e97.js → slider.stories-a55df653.js} +2 -2
- package/dist/storybook/assets/{spacer.stories-38071af8.js → spacer.stories-a2798d47.js} +1 -1
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-007a6982.js +1 -0
- package/dist/storybook/assets/{table-da6f6045.js → table-134da40b.js} +1 -1
- package/dist/storybook/assets/{table.stories-67a3023a.js → table.stories-8dd2a568.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-8a836b92.js → table.stories-data-ddbcf8c3.js} +1 -1
- package/dist/storybook/assets/{textarea-d48efea2.js → textarea-820c62b6.js} +1 -1
- package/dist/storybook/assets/{textarea.stories-89c8afd7.js → textarea.stories-aeaa9aa0.js} +1 -1
- package/dist/storybook/assets/{title.stories-5b4a226c.js → title.stories-2ba6aa87.js} +2 -2
- package/dist/storybook/assets/{toaster-3fba1dd3.js → toaster-55ac121d.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-4cdefe35.js → toaster.stories-28d11f39.js} +1 -1
- package/dist/storybook/assets/{toggle-bb34b2a2.js → toggle-6f4d5797.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-b771ed81.js → toggle.stories-a289f544.js} +1 -1
- package/dist/storybook/assets/{tooltip-23e84186.js → tooltip-856042a7.js} +1 -1
- package/dist/storybook/assets/{tooltip.stories-e8ba5fff.js → tooltip.stories-666868d0.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-9817078b.js → tooltip.test-case.stories-4c1ea273.js} +1 -1
- package/dist/storybook/assets/{top-bar-a84b9365.js → top-bar-38689fe2.js} +1 -1
- package/dist/storybook/assets/{top-bar.stories-e93330f0.js → top-bar.stories-3d9a6da1.js} +1 -1
- package/dist/storybook/assets/{top-bar.testcase.stories-3a824a14.js → top-bar.testcase.stories-dc051455.js} +1 -1
- package/dist/storybook/assets/{tree-a5de7d3a.js → tree-a2bbc2e4.js} +1 -1
- package/dist/storybook/assets/{tree.stories-b16724d6.js → tree.stories-0e132447.js} +1 -1
- package/dist/storybook/assets/{unit-input-9bf08434.js → unit-input-c16535f7.js} +1 -1
- package/dist/storybook/assets/{unit-input.stories-65646cf3.js → unit-input.stories-0f7705d6.js} +1 -1
- package/dist/storybook/assets/unit-table.stories-71ef347c.js +229 -0
- package/dist/storybook/iframe.html +1 -1
- package/dist/storybook/project.json +1 -1
- package/package.json +1 -1
- package/dist/storybook/assets/Color-6VNJS4EI-caa8bffa.js +0 -1
- package/dist/storybook/assets/DocsRenderer-NNNQARDV-e463e8a5.js +0 -1
- package/dist/storybook/assets/WithTooltip-4HIR6TLV-9514f93a.js +0 -1
- package/dist/storybook/assets/color-9e78f280.js +0 -25
- package/dist/storybook/assets/footer.stories-57f07ea2.js +0 -3
- package/dist/storybook/assets/form.stories-45c0cd59.js +0 -49
- package/dist/storybook/assets/formation.stories-5eeaa826.js +0 -74
- package/dist/storybook/assets/icon-e9cbb4d7.js +0 -8
- package/dist/storybook/assets/iframe-8d80f428.js +0 -1
- package/dist/storybook/assets/inheritsLoose-d4851ab8.js +0 -1
- package/dist/storybook/assets/layout-forms-29ceb520.js +0 -16
- package/dist/storybook/assets/popover.stories-f651a81c.js +0 -1
- package/dist/storybook/assets/preview-608a4ee9.js +0 -1
- package/dist/storybook/assets/projects.stories-c383cdce.js +0 -47
- package/dist/storybook/assets/select-205cd538.js +0 -1
- package/dist/storybook/assets/slider-160e2152.js +0 -7
- package/dist/storybook/assets/syntaxhighlighter-NMPM6SWI-73149e16.js +0 -1
- package/dist/storybook/assets/unit-table.stories-4706910f.js +0 -229
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as F}from"./jsx-runtime-f961835c.js";import{r as m}from"./index-f80c8c95.js";import{d as g}from"./index-57d7693e.js";import{l as H}from"./lodash-75c70a11.js";import{I as L}from"./input-
|
|
1
|
+
import{j as F}from"./jsx-runtime-f961835c.js";import{r as m}from"./index-f80c8c95.js";import{d as g}from"./index-57d7693e.js";import{l as H}from"./lodash-75c70a11.js";import{I as L}from"./input-05f21b51.js";const M=e=>e?typeof e=="string"?e:H.isArray(e)?e[0]:e.fieldName:"",y=({name:e,placeholder:v="",disabled:V=!1,error:f=!1,left:b=!1,small:q=!1,width:E="100%",value:r="",onChange:I=()=>{},onFocus:N=()=>{},tabIndex:h=0,testId:x,tooltip:S=null,warning:_=!1,validationCallback:n=()=>{},allowEmpty:w=!1,isInTable:T,groupOrder:C})=>{const[O,d]=m.useState(r),[R,u]=m.useState(null),t=M(e),c=l=>{let a=g.validateNumber(l);return w&&l===""||a.valid?{...a,valid:!0,errors:void 0}:a};m.useEffect(()=>{const{valid:l,errors:a}=c(r);if(d(r),l)u(null),n(t,null);else{const i=a&&a.length?a[0]:null;u(i),n(t,i)}},[r,f]);const j=l=>{const a=l.target,{value:i}=a,s=g.cleanNumStr(i.replaceAll(" ","").replaceAll("|","")),{valid:A,errors:p}=c(s);if(A){const o={...l,target:{...l.target,value:s,name:t}};I(o),d(s),u(null),n(t,null)}else{d(s);const o=p&&p.length?p[0]:null;u(o),n(t,o)}};return F.jsx(L,{type:"text",name:t,testId:x,disabled:V,placeholder:v,value:O,onChange:j,onFocus:N,error:f||R,warning:_,right:!b,small:q,width:E,isInTable:T,groupOrder:C,tabIndex:h,tooltip:S},t)};try{y.displayName="NumberInput",y.__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)"}},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"}}}}}catch{}export{y as N};
|
package/dist/storybook/assets/{number-input.stories-02528124.js → number-input.stories-8137782e.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
|
|
1
|
+
import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-cfbd9eb7.js";import{I as J}from"./input-group-20c3add3.js";import{I as P}from"./input-group-addon-f8f6683a.js";import{S as Q}from"./select-d4593fc0.js";import"./index-f80c8c95.js";import"./index-57d7693e.js";import"./index-54f0d271.js";import"./lodash-75c70a11.js";import"./input-05f21b51.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./common-types-2c81813f.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const{useArgs:V}=__STORYBOOK_MODULE_ADDONS__,xe={title:"Forms/NumberInput",component:c,parameters:{canvas:{page:null}},args:{label:"Label"}},e=Y=>{const[X,k]=V(),q=z=>{k({value:z.target.value})};return r.jsx(c,{onChange:q,value:123,...Y})},l=e.bind({}),a=e.bind({});a.args={small:!0};const n=e.bind({});n.args={width:"150px"};const t=e.bind({});t.args={left:!0};const s=e.bind({});s.args={disabled:!0};const u=e.bind({});u.args={allowEmpty:!0,value:""};const o=e.bind({});o.args={warning:"This input number is almost 100!",value:"99"};const p=e.bind({});p.args={error:"This is a error message"};const g=e.bind({});g.args={value:"123test"};const m=()=>r.jsxs(J,{small:!0,children:[r.jsx(c,{value:123}),r.jsx(P,{children:"to"}),r.jsx(c,{value:123}),r.jsx(Q,{options:[{value:"units",label:"units"}],width:"auto",value:"units"})]});var d,i,v;l.parameters={...l.parameters,docs:{...(d=l.parameters)==null?void 0:d.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: ChangeEvent<HTMLInputElement>) => {
|
|
4
4
|
updateArgs({
|
|
@@ -78,4 +78,4 @@ import{j as r}from"./jsx-runtime-f961835c.js";import{N as c}from"./number-input-
|
|
|
78
78
|
value: 'units',
|
|
79
79
|
label: 'units'
|
|
80
80
|
}]} width="auto" value="units" />
|
|
81
|
-
</InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const
|
|
81
|
+
</InputGroup>`,...(U=(K=m.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};const Me=["Default","Small","Width","Left","Disabled","AllowEmpty","Warning","Error","BadInput","TestInputGroup"];export{u as AllowEmpty,g as BadInput,l as Default,s as Disabled,p as Error,t as Left,a as Small,m as TestInputGroup,o as Warning,n as Width,Me as __namedExportsOrder,xe as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as n}from"./jsx-runtime-f961835c.js";import{T as f}from"./common-types-2c81813f.js";import{M as x}from"./actions-
|
|
1
|
+
import{j as n}from"./jsx-runtime-f961835c.js";import{T as f}from"./common-types-2c81813f.js";import{M as x}from"./actions-83a2a04e.js";import{c as v}from"./index-a80ed1cf.js";import{C as j}from"./check-box-b38490e5.js";import{D as _}from"./divider-182aa58c.js";const H="_menu_12x4u_1",I="_header_12x4u_11",N="_item_12x4u_27",O="_heading_12x4u_32",o={menu:H,header:I,item:N,heading:O},c=({option:e,onChange:i})=>{const{key:l,label:s,selected:a}=e;return n.jsx("div",{className:o.item,children:n.jsx(j,{label:s,noMargin:!0,checked:a,onChange:i})},l)};try{c.displayName="Option",c.__docgenInfo={description:"",displayName:"Option",props:{option:{defaultValue:null,description:"",name:"option",required:!0,type:{name:"{ key?: string | undefined; label?: string | null | undefined; selected?: boolean | undefined; }"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement>) => void"}}}}}catch{}const p=({label:e})=>n.jsx("div",{className:o.heading,children:e});try{p.displayName="Heading",p.__docgenInfo={description:"",displayName:"Heading",props:{label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}}}}}catch{}var m=(e=>(e.HEADING="Heading",e.DIVIDER="Divider",e.DEFAULT="Default",e))(m||{});const g=({options:e,onChangeOptions:i,showHeader:l,maxHeight:s})=>n.jsxs("div",{className:v("menu",o.menu),style:{maxHeight:s},children:[l&&n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:o.header,children:[n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!0}));i(a,r)},children:"All"}),n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!1}));i(a,r)},children:"Clear"}),n.jsx("a",{onClick:a=>{const r=e.map(t=>({...t,selected:!t.selected}));i(a,r)},children:"Invert"})]}),n.jsx(_,{margin:0})]}),e.map((a,r)=>{switch(a.type){case m.HEADING:return n.jsx(p,{label:a.label},r);case m.DIVIDER:return n.jsx(_,{margin:0},r);default:return n.jsx(c,{option:a,onChange:t=>{const{value:u}=a,y=e.map(d=>d.value!==u?d:{...d,selected:!d.selected});i(t,y)}},r)}})]});try{g.displayName="Layer",g.__docgenInfo={description:"",displayName:"Layer",props:{options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChangeOptions:{defaultValue:null,description:"",name:"onChangeOptions",required:!0,type:{name:"(evt: MouseEvent<HTMLAnchorElement, MouseEvent>, options: IOptionType[]) => void"}},showHeader:{defaultValue:null,description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:null,description:"",name:"maxHeight",required:!1,type:{name:"TStringOrNumber"}}}}}catch{}const h=({name:e,label:i,options:l,onChange:s,showHeader:a=!0,maxHeight:r="40vh"})=>n.jsx(x,{menu:{label:i,trigger:f.DROP_DOWN_BUTTON,possiblePlacements:["top-start","bottom-start"],sections:n.jsx(g,{options:l,onChangeOptions:(t,u)=>{t.stopPropagation(),t.target.name=e,t.target.value=u,s(t)},showHeader:a,maxHeight:r})}});try{h.displayName="OptionDropdown",h.__docgenInfo={description:"",displayName:"OptionDropdown",props:{name:{defaultValue:null,description:"",name:"name",required:!1,type:{name:"string"}},label:{defaultValue:null,description:"",name:"label",required:!0,type:{name:"string"}},options:{defaultValue:null,description:"",name:"options",required:!0,type:{name:"IOptionType[]"}},onChange:{defaultValue:null,description:"",name:"onChange",required:!0,type:{name:"(evt: ChangeEvent<HTMLInputElement & { name?: string | undefined; value: IOptionType[]; }>) => void"}},showHeader:{defaultValue:{value:"true"},description:"",name:"showHeader",required:!1,type:{name:"boolean"}},maxHeight:{defaultValue:{value:"40vh"},description:"",name:"maxHeight",required:!1,type:{name:"string"}}}}}catch{}export{h as O};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as v}from"./jsx-runtime-f961835c.js";import{O as m}from"./option-dropdown-
|
|
1
|
+
import{j as v}from"./jsx-runtime-f961835c.js";import{O as m}from"./option-dropdown-14e7d023.js";import"./index-f80c8c95.js";import"./common-types-2c81813f.js";import"./actions-83a2a04e.js";import"./index-a80ed1cf.js";import"./lodash-75c70a11.js";import"./disabled-context-d654f6ff.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./check-box-b38490e5.js";import"./help-icon-c0abd380.js";import"./divider-182aa58c.js";import"./text-ad1f5f1d.js";const{useArgs:h}=__STORYBOOK_MODULE_ADDONS__,O=[{label:"Animals",type:"Heading"},{type:"Divider"},{label:"Aardvarks",value:"termites"},{label:"Kangaroos",value:"grass"},{label:"Monkeys",value:"bananas"}],U={title:"Forms/OptionDropdown",component:m,args:{label:"Label",options:O}},d=t=>{const[o,g]=h(),c=u=>{g({options:u.target.value})};return v.jsx(m,{...t,onChange:c})},e=d.bind({}),r=d.bind({});r.args={options:[...Array(50)].map((t,o)=>({label:`Item #${o}`,value:o}))};var n,a,s;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`args => {
|
|
2
2
|
const [_, updateArgs] = useArgs();
|
|
3
3
|
const handleChange = (evt: any) => {
|
|
4
4
|
updateArgs({
|
package/dist/storybook/assets/{padding-and-spacing-27e63c65.js → padding-and-spacing-89974d3f.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-85e6b336.js";import{u as t}from"./index-5cdc9468.js";import"./index-f80c8c95.js";import"./iframe-2ec6fd1b.js";import"../sb-preview/runtime.js";import"./index-3d476d02.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./index-cf68f115.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."}),`
|
|
@@ -16,4 +16,4 @@ import{j as e}from"./jsx-runtime-f961835c.js";import{M as r}from"./index-56f304c
|
|
|
16
16
|
`,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size)"})," is the default size for buttons & inputs."]}),`
|
|
17
17
|
`,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size-sm)"})," is for small buttons & inputs."]}),`
|
|
18
18
|
`,e.jsxs(s.li,{children:[e.jsx(s.code,{children:"var(--size-xs)"})," is for checkboxes, toggles & radios."]}),`
|
|
19
|
-
`]})]})}function
|
|
19
|
+
`]})]})}function j(n={}){const{wrapper:s}=Object.assign({},t(),n.components);return s?e.jsx(s,Object.assign({},n,{children:e.jsx(i,n)})):i(n)}export{j as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{P as i}from"./page-6d07f774.js";import{T as a}from"./top-bar-38689fe2.js";import{S as r}from"./side-bar-10cceacd.js";import{H as s}from"./heading-39e599c8.js";import{P as C}from"./print-header-bd013690.js";import{L as V}from"./logo-8068ccfc.js";import"./index-f80c8c95.js";import"./index-a80ed1cf.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./disabled-context-d654f6ff.js";import"./common-types-2c81813f.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./actions-83a2a04e.js";import"./lodash-75c70a11.js";import"./types-cc224262.js";import"./types-332ceaf3.js";import"./badge-20e7ee0b.js";import"./index-c7f280f6.js";import"./drawer-308b0a03.js";import"./help-icon-c0abd380.js";const t="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum vestibulum velit vitae dolor eleifend, quis cursus tortor tempor. Etiam laoreet tempor turpis ut tristique. In hac habitasse platea dictumst. Ut viverra vestibulum facilisis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Curabitur commodo egestas magna, at molestie quam euismod ut. Aliquam suscipit at velit vel venenatis. Morbi rhoncus odio neque, volutpat finibus risus hendrerit quis. Sed vitae justo at elit dictum semper. Suspendisse non luctus nulla. Suspendisse condimentum tellus ac elit ornare porttitor. In dignissim libero erat, eget varius nisl tincidunt sed. Duis vel viverra dolor. Mauris nisl lorem, consectetur sed ullamcorper consequat, dictum eu diam. Fusce pretium velit vitae urna tempor, id luctus velit lacinia. Suspendisse lacinia, ante eget egestas mollis, magna magna imperdiet lacus, vitae molestie purus urna et ipsum. Nulla facilisi. Nam augue sapien, dapibus id nunc a, iaculis vulputate urna. Nullam sit amet rutrum tortor. Fusce vel augue vel orci porttitor auctor. Vivamus pulvinar urna quam, non posuere lorem mollis fringilla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque porta odio quis urna pulvinar hendrerit. Nam eros sapien, cursus at maximus id, suscipit et erat. Praesent semper consectetur lacus eu suscipit. In mi ex, feugiat sagittis facilisis ut, fermentum quis mi. Nunc egestas tempor pharetra. Nulla condimentum massa non facilisis bibendum. Sed at justo eget massa lobortis ultricies sit amet eu ex. Nullam auctor ex ac elit laoreet, vitae convallis sem egestas. Maecenas gravida eros sit amet orci dapibus, rutrum gravida nisl finibus. Pellentesque vitae lorem vulputate, accumsan ligula quis, rhoncus urna. Vestibulum velit ex, venenatis ut sagittis id, malesuada vel diam. Suspendisse et turpis eu metus luctus fermentum at consectetur est. Suspendisse sit amet tincidunt dolor. Curabitur imperdiet congue urna in fringilla. Donec nec accumsan purus. Cras et blandit turpis. Curabitur sed libero nibh. Morbi scelerisque, metus vel cursus dapibus, quam lorem placerat odio, at rhoncus diam diam eget nisi. Nulla sagittis posuere ex, vel scelerisque justo egestas vel. Duis aliquam mollis est id tristique. Ut eros libero, faucibus sed ante sit amet, euismod condimentum dolor. Aenean feugiat augue tortor, id egestas tellus porta eu. Maecenas sed dui vitae erat fringilla lacinia. Etiam nisi felis, rhoncus nec vestibulum vel, mattis eget ligula. Cras sed quam sed nisi mollis eleifend. Nulla commodo, dolor nec bibendum finibus, lorem quam tincidunt lectus, sed volutpat lorem ligula vitae leo. Aliquam efficitur eu felis at dignissim. Fusce auctor eleifend justo, ut varius sapien ullamcorper mattis. Curabitur suscipit pellentesque augue sed bibendum.",re={title:"Layout/Page",component:i,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{top:{control:"text"},left:{control:"text"},padding:{control:{type:"boolean"}}}},o=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),n=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{padding:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),u=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{scroll:!1,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),l=()=>e.jsxs(e.Fragment,{children:[e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{top:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),c=()=>e.jsxs(e.Fragment,{children:[e.jsx(a,{}),e.jsxs(i,{left:0,children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]}),m=()=>e.jsxs(e.Fragment,{children:[e.jsx(C,{logo:V,logoWidth:"60px",alt:"company logo"}),e.jsx(a,{}),e.jsx(r,{options:{title:"",sections:[]}}),e.jsxs(i,{children:[e.jsx(s,{top:!0,children:"Heading"}),t]})]});var d,p,g;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <>
|
|
2
2
|
<TopBar />
|
|
3
3
|
<SideBar options={{
|
|
4
4
|
title: '',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as o}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as d}from"./common-types-2c81813f.js";import{S as C}from"./select-
|
|
1
|
+
import{j as o}from"./jsx-runtime-f961835c.js";import{r as b}from"./index-f80c8c95.js";import{I as d}from"./common-types-2c81813f.js";import{S as C}from"./select-d4593fc0.js";import{I}from"./input-05f21b51.js";import{B as p}from"./button-050c998a.js";import{I as N}from"./input-group-20c3add3.js";import{I as j}from"./input-group-addon-f8f6683a.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-423b4938.js → pagination.stories-985230f7.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as i}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c95.js";import{P as g}from"./pagination-443065a8.js";import"./common-types-2c81813f.js";import"./select-d4593fc0.js";import"./index-a80ed1cf.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./inheritsLoose-c82a83d4.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./button-050c998a.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./tslib.es6-dfef685f.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";import"./input-05f21b51.js";import"./input-group-20c3add3.js";import"./input-group-addon-f8f6683a.js";const C={rowCount:500,selectedPage:1,onSelectPage:()=>{}},W={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,
|
|
@@ -56,4 +56,4 @@ import{j as P}from"./jsx-runtime-f961835c.js";import{r as n}from"./index-f80c8c9
|
|
|
56
56
|
},
|
|
57
57
|
onSelectPage: evt => setSelectedPage(evt)
|
|
58
58
|
}} />;
|
|
59
|
-
}`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const
|
|
59
|
+
}`,...(b=(w=l.parameters)==null?void 0:w.docs)==null?void 0:b.source}}};const X=["Default","RowsPerPage","Small"];export{r as Default,s as RowsPerPage,l as Small,X as __namedExportsOrder,W as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-c1234faa.js";import{B as p}from"./button-050c998a.js";import{T as _}from"./text-ad1f5f1d.js";const k="_popConfirm_1x6ye_1",x="_content_1x6ye_7",q="_buttons_1x6ye_13",u={popConfirm:k,content:x,buttons:q},c=({title:t,okText:o,onClickOk:r,cancelText:i,onClickCancel:s,close:n,testId:l})=>e.jsxs("div",{className:u.popConfirm,children:[t&&e.jsx("div",{className:u.content,children:e.jsx(_,{small:!0,children:t})}),e.jsxs("div",{className:u.buttons,children:[e.jsx(p,{small:!0,colored:!0,label:o,onClick:()=>r(n),testId:`${l}-ok-button`}),e.jsx(p,{small:!0,label:i,onClick:()=>s(n),testId:`${l}-cancel-button`})]})]});try{c.displayName="Content",c.__docgenInfo={description:"",displayName:"Content",props:{title:{defaultValue:null,description:"",name:"title",required:!1,type:{name:"string"}},okText:{defaultValue:null,description:"",name:"okText",required:!0,type:{name:"string"}},onClickOk:{defaultValue:null,description:"",name:"onClickOk",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},cancelText:{defaultValue:null,description:"",name:"cancelText",required:!0,type:{name:"string"}},onClickCancel:{defaultValue:null,description:"",name:"onClickCancel",required:!0,type:{name:"(close?: TEmpty | undefined) => void"}},close:{defaultValue:null,description:"",name:"close",required:!1,type:{name:"TEmpty"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}const m=({children:t,placement:o="top-center",closeOnOutsideClick:r=!0,fullWidth:i=!1,title:s="",cancelText:n="Cancel",onClickCancel:l=a=>a&&a(),okText:f="Ok",onClickOk:v=()=>{},overflowContainer:y=!1,testId:d=void 0})=>{const a=e.jsx(c,{title:s,okText:f,onClickOk:v,cancelText:n,onClickCancel:l,testId:d});return e.jsx(C,{content:a,placement:o,closeOnOutsideClick:r,fullWidth:i,overflowContainer:y,testId:d,children:t})};try{m.displayName="PopConfirm",m.__docgenInfo={description:"",displayName:"PopConfirm",props:{placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},title:{defaultValue:{value:""},description:"",name:"title",required:!1,type:{name:"string"}},cancelText:{defaultValue:{value:"Cancel"},description:"",name:"cancelText",required:!1,type:{name:"string"}},onClickCancel:{defaultValue:{value:"(close) => close && close()"},description:"",name:"onClickCancel",required:!1,type:{name:"((close?: TEmpty) => void)"}},okText:{defaultValue:{value:"Ok"},description:"",name:"okText",required:!1,type:{name:"string"}},onClickOk:{defaultValue:{value:"() => {}"},description:"",name:"onClickOk",required:!1,type:{name:"((close?: TEmpty) => void)"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}},testId:{defaultValue:{value:"undefined"},description:"",name:"testId",required:!1,type:{name:"string"}}}}}catch{}export{m as P};
|
package/dist/storybook/assets/{pop-confirm.stories-27da1975.js → pop-confirm.stories-5772f622.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"./jsx-runtime-f961835c.js";import{P as g}from"./pop-confirm-
|
|
1
|
+
import{j as t}from"./jsx-runtime-f961835c.js";import{P as g}from"./pop-confirm-ce206de8.js";import{B as x}from"./button-050c998a.js";import{t as C}from"./toaster-55ac121d.js";import"./index-f80c8c95.js";import"./popover-c1234faa.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./text-ad1f5f1d.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./message-f4352d69.js";const b=e=>{C({message:{type:"Success",content:"success!",details:"You successfully booked your cruise to Bahamas."}}),e()},z={title:"Basic/PopConfirm",component:g,args:{title:"Do you want a free cruise to Bahamas?",onClickCancel:e=>e(),onClickOk:b,children:t.jsx(x,{label:"Click me!"}),overflowContainer:!0,placement:"top-center"},decorators:[e=>t.jsx("div",{style:{display:"flex",justifyContent:"center"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},a=e=>t.jsx(g,{...e}),s=a.bind({}),r=a.bind({});r.args={children:t.jsx(x,{small:!0,round:!0,basic:!0,colored:"muted",icon:"delete"})};const o=a.bind({});o.args={placement:"bottom-end"};var n,i,c;s.parameters={...s.parameters,docs:{...(n=s.parameters)==null?void 0:n.docs,source:{originalSource:`args => <PopConfirm
|
|
2
2
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
3
3
|
{...args} />`,...(c=(i=s.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var p,m,l;r.parameters={...r.parameters,docs:{...(p=r.parameters)==null?void 0:p.docs,source:{originalSource:`args => <PopConfirm
|
|
4
4
|
// eslint-disable-next-line react/jsx-props-no-spreading
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as d}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-
|
|
1
|
+
import{j as e}from"./jsx-runtime-f961835c.js";import{r as i,R as d}from"./index-f80c8c95.js";import{u as j,A as B,i as V}from"./tooltip-856042a7.js";import{c}from"./index-a80ed1cf.js";import{I as q}from"./common-types-2c81813f.js";import{D as k}from"./disabled-context-d654f6ff.js";import{B as P}from"./button-050c998a.js";const W="_toggleBox_lhie5_1",w="_fullWidthStyleFix_lhie5_8",E="_dismiss_lhie5_13",l={toggleBox:W,fullWidthStyleFix:w,dismiss:E},f=({children:n,content:o,placement:m="top-center",closeOnOutsideClick:p=!0,fullWidth:v=!1,showCloseButton:g=!1,testId:x,disabled:a=!1,overflowContainer:y=!1})=>{const r=i.useContext(k),[s,u]=i.useState(!1),t=()=>u(!1),h=()=>{a||r||u(!s)};i.useEffect(()=>{a||r||t()},[a,r]);const{renderLayer:_,arrowProps:b,layerProps:C,triggerProps:O}=j({isOpen:s,placement:m,auto:!0,triggerOffset:6,onOutsideClick:p?t:void 0,ResizeObserver:V,overflowContainer:y});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:h,"data-testid":x,children:n}),s&&_(e.jsxs("div",{className:v?c(l.toggleBox,l.fullWidthStyleFix):c(l.toggleBox),...C,children:[e.jsxs("div",{children:[d.isValidElement(o)?d.cloneElement(o,{close:t}):o,g&&e.jsx("div",{className:l.dismiss,children:e.jsx(P,{small:!0,round:!0,onClick:t,icon:q.CLOSE})})]}),e.jsx(B,{...b,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6})]}))]})};try{f.displayName="Popover",f.__docgenInfo={description:"",displayName:"Popover",props:{content:{defaultValue:null,description:"",name:"content",required:!1,type:{name:"ReactNode"}},placement:{defaultValue:{value:"top-center"},description:"",name:"placement",required:!1,type:{name:"enum",value:[{value:'"top-center"'},{value:'"bottom-center"'},{value:'"center"'},{value:'"bottom-start"'},{value:'"bottom-end"'},{value:'"top-start"'},{value:'"top-end"'},{value:'"left-end"'},{value:'"left-center"'},{value:'"left-start"'},{value:'"right-end"'},{value:'"right-center"'},{value:'"right-start"'}]}},closeOnOutsideClick:{defaultValue:{value:"true"},description:"",name:"closeOnOutsideClick",required:!1,type:{name:"boolean"}},fullWidth:{defaultValue:{value:"false"},description:"",name:"fullWidth",required:!1,type:{name:"boolean"}},showCloseButton:{defaultValue:{value:"false"},description:"",name:"showCloseButton",required:!1,type:{name:"boolean"}},testId:{defaultValue:null,description:"",name:"testId",required:!1,type:{name:"string"}},disabled:{defaultValue:{value:"false"},description:"",name:"disabled",required:!1,type:{name:"boolean"}},overflowContainer:{defaultValue:{value:"false"},description:"",name:"overflowContainer",required:!1,type:{name:"boolean"}}}}}catch{}export{f as P};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{j as r}from"./jsx-runtime-f961835c.js";import{P as C}from"./popover-c1234faa.js";import{I as S}from"./input-05f21b51.js";import{B as i}from"./button-050c998a.js";import{F as P}from"./flex-1d14d86c.js";import{S as B}from"./select-d4593fc0.js";import"./index-f80c8c95.js";import"./tooltip-856042a7.js";import"./index-3d476d02.js";import"./index-a80ed1cf.js";import"./common-types-2c81813f.js";import"./disabled-context-d654f6ff.js";import"./types-332ceaf3.js";import"./lodash-75c70a11.js";import"./spinner-a81ebe38.js";import"./icon-8acf9925.js";import"./inheritsLoose-c82a83d4.js";import"./tslib.es6-dfef685f.js";import"./index-c89a1915.js";import"./extends-98964cd2.js";import"./assertThisInitialized-081f9914.js";import"./memoize-one.esm-52518564.js";import"./types-cc224262.js";import"./text-ad1f5f1d.js";import"./actions-83a2a04e.js";import"./badge-20e7ee0b.js";import"./select.input-88b6ebab.js";const l=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],w=({close:e})=>r.jsxs(P,{gap:"var(--padding-xs)",children:[r.jsx(S,{value:"Value",width:"150px",small:!0}),r.jsx(B,{options:l,value:l[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),$={title:"Basic/Popover",component:C,args:{overflowContainer:!0,content:r.jsx(w,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},p=e=>r.jsx(C,{...e}),a=p.bind({}),o=p.bind({});o.args={children:r.jsx(S,{value:"Value",width:"100%"})};const s=p.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=p.bind({});t.args={disabled:!0};var m,c,n;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:"args => <Popover {...args} />",...(n=(c=a.parameters)==null?void 0:c.docs)==null?void 0:n.source}}};var u,d,g;o.parameters={...o.parameters,docs:{...(u=o.parameters)==null?void 0:u.docs,source:{originalSource:"args => <Popover {...args} />",...(g=(d=o.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};var x,v,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:"args => <Popover {...args} />",...(b=(v=s.parameters)==null?void 0:v.docs)==null?void 0:b.source}}};var f,j,h;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:"args => <Popover {...args} />",...(h=(j=t.parameters)==null?void 0:j.docs)==null?void 0:h.source}}};const rr=["Default","InputTrigger","CloseButton","Disabled"];export{s as CloseButton,a as Default,t as Disabled,o as InputTrigger,rr as __namedExportsOrder,$ as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{_ as e}from"./iframe-2ec6fd1b.js";import"../sb-preview/runtime.js";var a={docs:{renderer:async()=>{let{DocsRenderer:r}=await e(()=>import("./DocsRenderer-NNNQARDV-eaf66766.js"),["./DocsRenderer-NNNQARDV-eaf66766.js","./chunk-HLWAVYOI-64001074.js","./iframe-2ec6fd1b.js","./index-f80c8c95.js","./react-16-147b12fd.js","./index-3d476d02.js","./index-85e6b336.js","./extends-98964cd2.js","./assertThisInitialized-081f9914.js","./inheritsLoose-c82a83d4.js","./index-cf68f115.js"],import.meta.url);return new r}}};export{a as parameters};
|