@oliasoft-open-source/react-ui-library 4.8.0 → 4.8.2-beta-1
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-CvGLlWUJ.js → index-CnfDrmnZ.js} +55 -43
- package/dist/index.d.ts +2 -2
- package/dist/index.html +1 -1
- package/dist/index.js +146 -160
- package/dist/index.js.map +1 -1
- package/dist/storybook/assets/Color-KGDBMAHA-5t9vWuuQ.js +1 -0
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-C4Y4AfWk.js +1 -0
- package/dist/storybook/assets/{accordion-BiuI_LCA.js → accordion-6ouB0WTt.js} +1 -1
- package/dist/storybook/assets/{accordion.stories-CNjaOE6j.js → accordion.stories-Bv00H3Md.js} +2 -2
- package/dist/storybook/assets/{actions-D-uVCDzk.js → actions-Tr0wIZve.js} +1 -1
- package/dist/storybook/assets/{actions.stories-gKfuiKQy.js → actions.stories-CQK6PyBH.js} +1 -1
- package/dist/storybook/assets/{afe.stories-Be4Zi8Qk.js → afe.stories-D-uQj_IO.js} +2 -2
- package/dist/storybook/assets/{badge.stories-Dkq_XgEW.js → badge.stories-Blb5k20_.js} +1 -1
- package/dist/storybook/assets/{blowout.stories-DHdofVc-.js → blowout.stories-hdxkqScp.js} +1 -1
- package/dist/storybook/assets/{button-DHevvVBE.js → button-CzvLc2io.js} +1 -1
- package/dist/storybook/assets/{button-group-1DEZPmxq.js → button-group-C1PqMW-H.js} +1 -1
- package/dist/storybook/assets/{button-group.stories-C4V1k0z_.js → button-group.stories-QlYbfeJS.js} +1 -1
- package/dist/storybook/assets/{button.stories-DA9DGYD2.js → button.stories-tM18j4A3.js} +2 -2
- package/dist/storybook/assets/{buttons-and-links-CGf2fkq-.js → buttons-and-links-CurhOihj.js} +1 -1
- package/dist/storybook/assets/{card.stories-CsTB0DuM.js → card.stories-Bn6LpucB.js} +1 -1
- package/dist/storybook/assets/{casing-loads.stories-9Iu4v1Y5.js → casing-loads.stories-X3nSWrJV.js} +2 -2
- package/dist/storybook/assets/{cell.stories-OWJtpzu1.js → cell.stories-BvYuOEua.js} +2 -2
- package/dist/storybook/assets/{check-box-DPLaOkRR.js → check-box-wCvXxtCz.js} +1 -1
- package/dist/storybook/assets/{check-box.stories-DfbWw6mD.js → check-box.stories-Q_WICJ_2.js} +1 -1
- package/dist/storybook/assets/{chunk-HLWAVYOI-DQmzN82L.js → chunk-HLWAVYOI-BMaNuZAP.js} +1 -1
- package/dist/storybook/assets/color-DAqzZJ5g.js +25 -0
- package/dist/storybook/assets/{column.stories-DDTHFELF.js → column.stories-DATtbLrP.js} +1 -1
- package/dist/storybook/assets/{dialog-BelCA1mt.js → dialog-B55T_62Q.js} +1 -1
- package/dist/storybook/assets/{drawer-DOWJp9T4.js → drawer-CNKfMbq9.js} +1 -1
- package/dist/storybook/assets/drawer.stories-BzVj2VTf.js +113 -0
- package/dist/storybook/assets/{empty.stories-DcwF0pkK.js → empty.stories-CVaJlnv1.js} +1 -1
- package/dist/storybook/assets/enum-Bnn40S8Q.js +1 -0
- package/dist/storybook/assets/extends-CF3RwP-h.js +1 -0
- package/dist/storybook/assets/{field-HrLaMLbx.js → field-C5_fLDpy.js} +1 -1
- package/dist/storybook/assets/{field.stories-DUGMwi1O.js → field.stories-DhiTcelS.js} +1 -1
- package/dist/storybook/assets/{file-button.stories-CU2pZcEO.js → file-button.stories-oe6HKMH2.js} +1 -1
- package/dist/storybook/assets/{file-input-X3BnZaHk.js → file-input-CMP44wlr.js} +1 -1
- package/dist/storybook/assets/{file-input.stories-CWD5XYE9.js → file-input.stories-DTRWZyqS.js} +1 -1
- package/dist/storybook/assets/{flex.stories-BhvJpHpN.js → flex.stories-DtDxXdHB.js} +1 -1
- package/dist/storybook/assets/footer.stories-DwXUmoze.js +3 -0
- package/dist/storybook/assets/form.stories-C_zflIAj.js +49 -0
- package/dist/storybook/assets/formation.stories-BIW-Dl8H.js +74 -0
- package/dist/storybook/assets/{heading-CRNoBc7q.js → heading-NkLgQYoP.js} +1 -1
- package/dist/storybook/assets/{heading.stories-DahFxeiX.js → heading.stories-nI_cFnAN.js} +1 -1
- package/dist/storybook/assets/{help-icon-Buhx5nl6.js → help-icon-41R-Z9N1.js} +1 -1
- package/dist/storybook/assets/{help-icon.stories-DbmZ1fgP.js → help-icon.stories-DBYh0YX7.js} +1 -1
- package/dist/storybook/assets/icon-BP4BO6-k.js +8 -0
- package/dist/storybook/assets/{icon.stories-fnZUR-LK.js → icon.stories-C4pR7xky.js} +1 -1
- package/dist/storybook/assets/iframe-DKsrL1t6.js +2 -0
- package/dist/storybook/assets/index--1DEpRYI.js +1 -0
- package/dist/storybook/assets/{index-DaLCDjg_.js → index-C0x1JmaP.js} +1 -1
- package/dist/storybook/assets/{index-DLsIgQne.js → index-CZYm9n2f.js} +87 -87
- package/dist/storybook/assets/{index.es-DazXb-ul.js → index.es-D2piFfFj.js} +4 -4
- package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +1 -0
- package/dist/storybook/assets/{input-group.stories-Bqx8op1f.js → input-group.stories-dQnx3QX0.js} +3 -3
- package/dist/storybook/assets/{input-validation-CRDfoI4h.js → input-validation-C6sI0xWh.js} +2 -2
- package/dist/storybook/assets/{inputs-D3qEs1Q4.js → inputs-g6Qqs79j.js} +2 -2
- package/dist/storybook/assets/{label-CqmyC9he.js → label-hiSz3I8H.js} +1 -1
- package/dist/storybook/assets/{label.stories-C0AO5F1a.js → label.stories-Cyv5jBAO.js} +1 -1
- package/dist/storybook/assets/layout-forms-B3vD4GnB.js +16 -0
- package/dist/storybook/assets/{layout-general-D9kS22a0.js → layout-general-BtQS23Q-.js} +2 -2
- package/dist/storybook/assets/{list-bKpz6I9Q.js → list-DhjHm8bz.js} +1 -1
- package/dist/storybook/assets/{list.stories-Cgmt29Wv.js → list.stories-2F-UkS1E.js} +2 -2
- package/dist/storybook/assets/{list.stories-data-D_Aj3AN4.js → list.stories-data-DqFECKJF.js} +1 -1
- package/dist/storybook/assets/{loader.stories-pS8zRM4u.js → loader.stories-BMe1zhEL.js} +1 -1
- package/dist/storybook/assets/{menu.stories-xWX80Eh2.js → menu.stories-B_1YsebS.js} +2 -2
- package/dist/storybook/assets/{message-Y48EomV-.js → message-DQ3q8XF9.js} +1 -1
- package/dist/storybook/assets/{message.stories-r_UlbshI.js → message.stories-QYFwbrO0.js} +1 -1
- package/dist/storybook/assets/{meta-content-DWZbURV2.js → meta-content-DCllGQX6.js} +1 -1
- package/dist/storybook/assets/{modal.stories-BcqAhYEy.js → modal.stories-B-4WKtnM.js} +2 -2
- package/dist/storybook/assets/{number-input-Ct8VwJX0.js → number-input-DZ9ERbK_.js} +2 -2
- package/dist/storybook/assets/number-input.stories-TArdbUGM.js +124 -0
- package/dist/storybook/assets/{option-dropdown.stories-CIvqMhQ3.js → option-dropdown.stories-ntKLWycS.js} +1 -1
- package/dist/storybook/assets/{padding-and-spacing-Cr5c7WxM.js → padding-and-spacing-6fonPuoc.js} +2 -2
- package/dist/storybook/assets/{page.stories-DnCh8h8y.js → page.stories-Dp_z8s1a.js} +1 -1
- package/dist/storybook/assets/{pagination-D6pYWeQM.js → pagination-bLx5-m9c.js} +1 -1
- package/dist/storybook/assets/{pagination.stories-ItfGvzb-.js → pagination.stories-BHPRfynZ.js} +2 -2
- package/dist/storybook/assets/{pop-confirm.stories-DCpooB2O.js → pop-confirm.stories-D-iQo6s7.js} +1 -1
- package/dist/storybook/assets/{popover-rq33c1W2.js → popover-9ZnEm5Hy.js} +1 -1
- package/dist/storybook/assets/popover.stories-DyTPnA5y.js +10 -0
- package/dist/storybook/assets/preview-I53T45Im.js +2 -0
- package/dist/storybook/assets/{preview-B_VD4s7b.js → preview-o8g2WtEI.js} +3 -3
- package/dist/storybook/assets/projects.stories-CdvyNFKw.js +47 -0
- package/dist/storybook/assets/{radio-button-C4ljBRED.js → radio-button-C3RuBqEf.js} +1 -1
- package/dist/storybook/assets/{radio-button.stories-BzyW2CtK.js → radio-button.stories-CAHs1mr6.js} +1 -1
- package/dist/storybook/assets/react-router-dom-CMITYWBH.js +8 -0
- package/dist/storybook/assets/{reservoirs.stories-FQuUA3DK.js → reservoirs.stories-C98Z9kS0.js} +2 -2
- package/dist/storybook/assets/{rich-text-input.stories-CmFzKTb-.js → rich-text-input.stories-B2p90wTh.js} +44 -44
- package/dist/storybook/assets/{row.stories-xvzQuDF0.js → row.stories-Cwjgv2sq.js} +2 -2
- package/dist/storybook/assets/select-BpALjE__.js +61 -0
- package/dist/storybook/assets/{select.stories-CV9h5z0E.js → select.stories-B0d_sE6g.js} +2 -2
- package/dist/storybook/assets/{side-bar-CSx5wI-k.js → side-bar-BApSkmiM.js} +1 -1
- package/dist/storybook/assets/{side-bar.stories-M6FsuCrQ.js → side-bar.stories-BuAIJ8NV.js} +1 -1
- package/dist/storybook/assets/{site.stories-ZGohyW6Z.js → site.stories-lIyAWOdt.js} +2 -2
- package/dist/storybook/assets/{slider-C7vnj_3M.js → slider-CBE03NwD.js} +4 -4
- package/dist/storybook/assets/{slider.stories-BzBb3PkP.js → slider.stories-7oMw2PCp.js} +2 -2
- package/dist/storybook/assets/{smart-upload-modal.stories-BKNxg_3y.js → smart-upload-modal.stories-CdgsGLvm.js} +1 -1
- package/dist/storybook/assets/{spacer.stories-BBTt2LdE.js → spacer.stories-BC7lirqi.js} +1 -1
- package/dist/storybook/assets/{table-D9JJ68Tx.js → table-D1GJPQfF.js} +1 -1
- package/dist/storybook/assets/{table.stories-f-cNU-ed.js → table.stories-CZbXa0mx.js} +2 -2
- package/dist/storybook/assets/{table.stories-data-D52aKMY1.js → table.stories-data-CYppbCAy.js} +1 -1
- package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +14 -0
- package/dist/storybook/assets/{title.stories-5TyZBiBD.js → title.stories-DtNSzV-q.js} +3 -3
- package/dist/storybook/assets/{toaster-BoBcvmf9.js → toaster-CDSt-Toh.js} +1 -1
- package/dist/storybook/assets/{toaster.stories-HO4VBTy-.js → toaster.stories-D1XTcQR_.js} +1 -1
- package/dist/storybook/assets/{toggle-BbFVf61v.js → toggle-C0zvrIOF.js} +1 -1
- package/dist/storybook/assets/{toggle.stories-qTHFTXxI.js → toggle.stories-DOc7uN93.js} +1 -1
- package/dist/storybook/assets/{tooltip.test-case.stories-CHibN8rC.js → tooltip.test-case.stories-D2SX9mkM.js} +1 -1
- package/dist/storybook/assets/{top-bar-DkXSzzqt.js → top-bar-BQzmL0IU.js} +1 -1
- package/dist/storybook/assets/top-bar.stories-Czza1RvB.js +21 -0
- package/dist/storybook/assets/{top-bar.testcase.stories-DfmrkEpT.js → top-bar.testcase.stories-DpV-QqfZ.js} +1 -1
- package/dist/storybook/assets/{tree.stories-feLUcTtm.js → tree.stories-CsmZwDmr.js} +1 -1
- package/dist/storybook/assets/unit-input-5P4Cogho.css +1 -0
- package/dist/storybook/assets/unit-input.stories-Ds9cL2Sl.js +316 -0
- package/dist/storybook/assets/unit-table.stories-C0IlAwKr.js +152 -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/sb-addons/interactions-2/manager-bundle.js +52 -52
- package/dist/storybook/sb-manager/globals-runtime.js +7164 -7166
- package/dist/storybook/sb-manager/runtime.js +1110 -1111
- package/dist/storybook/sb-preview/runtime.js +1485 -1483
- package/package.json +1 -1
- package/dist/404.html +0 -1
- package/dist/storybook/assets/Color-KGDBMAHA-BLtMCq8G.js +0 -1
- package/dist/storybook/assets/DocsRenderer-PKQXORMH-Cq_uPi34.js +0 -1
- package/dist/storybook/assets/color-CUmK6HaC.js +0 -25
- package/dist/storybook/assets/drawer.stories-DcjyDHEs.js +0 -113
- package/dist/storybook/assets/footer.stories-CCaqnn-t.js +0 -3
- package/dist/storybook/assets/form.stories-CX1WxUVL.js +0 -49
- package/dist/storybook/assets/formation.stories-BwshNr5I.js +0 -74
- package/dist/storybook/assets/icon-BSFY3vDO.js +0 -8
- package/dist/storybook/assets/iframe-aT7NCuic.js +0 -2
- package/dist/storybook/assets/index-CDuLcH5d.js +0 -1
- package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +0 -1
- package/dist/storybook/assets/layout-forms-CDGrrwBl.js +0 -16
- package/dist/storybook/assets/number-input.stories-lRKm6_tZ.js +0 -110
- package/dist/storybook/assets/popover.stories-B4sQDryP.js +0 -10
- package/dist/storybook/assets/preview-t_Zs3gQw.js +0 -2
- package/dist/storybook/assets/projects.stories-Co_WnKSx.js +0 -47
- package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +0 -8
- package/dist/storybook/assets/select-V2ZNp3Pv.js +0 -61
- package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +0 -14
- package/dist/storybook/assets/top-bar.stories-HDmWT243.js +0 -21
- package/dist/storybook/assets/unit-input-CoFS2qhN.css +0 -1
- package/dist/storybook/assets/unit-input.stories-tjEyowge.js +0 -318
- package/dist/storybook/assets/unit-table.stories-BDYxeHSM.js +0 -152
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import{j as p}from"./jsx-runtime-eps93zm2.js";import{l as ae}from"./lodash-c4VUpsOs.js";import{r as N,g as We}from"./index-DhsZuJvc.js";import{c as G}from"./index-Bk2sglWO.js";import{G as ie,I as Ie}from"./common-types-Sih75Sav.js";import{D as me}from"./disabled-context-rmpd7YJS.js";import{i as ne}from"./types-Dx2TtIG9.js";import{T as pe,u as Ue,m as Ge}from"./tooltip-1V7clEnw.js";import{p as $e}from"./index-CEuq6vkz.js";import{a as Ve,_ as Ke}from"./inheritsLoose-DP0QEDDI.js";import{_ as ge}from"./assertThisInitialized-B9jnkVVz.js";import{m as le}from"./memoize-one.esm-CcMeOnPo.js";import{M as se}from"./types-BmbYqTX_.js";import{T as ue}from"./text-B3-TSWok.js";import{A as Ye}from"./actions-D-uVCDzk.js";import{I as ce}from"./icon-BSFY3vDO.js";import{s as Be}from"./select.input-CJed_LLR.js";const Ze="_inputInTable_1nzfr_1",Xe="_error_1nzfr_7",Je="_warning_1nzfr_7",Qe="_inputHover_1nzfr_13",en="_inputFocus_1nzfr_18",nn="_inputError_1nzfr_25",tn="_inputWarning_1nzfr_26",rn="_inputDisabled_1nzfr_61",an="_hideScrollbars_1nzfr_67",sn="_select_1nzfr_77",ln="_isInTable_1nzfr_121",on="_unSelected_1nzfr_133",un="_small_1nzfr_174",cn="_right_1nzfr_182",dn="_groupOrderFirst_1nzfr_193",mn="_groupOrderMiddle_1nzfr_194",pn="_groupOrderLast_1nzfr_198",W={inputInTable:Ze,error:Xe,warning:Je,inputHover:Qe,inputFocus:en,inputError:nn,inputWarning:tn,inputDisabled:rn,hideScrollbars:an,select:sn,isInTable:ln,unSelected:on,small:un,right:cn,groupOrderFirst:dn,groupOrderMiddle:mn,groupOrderLast:pn},Oe=({disabled:e=!1,error:n=null,warning:a=null,tooltip:d=null,options:c,onChange:v=ae.noop,onFocus:f=ae.noop,onBlur:s=ae.noop,right:o=!1,small:g=!1,tabIndex:S=0,selectedOption:b,width:T=null,groupOrder:E=null,testId:_,isInTable:t=!1,clearable:l,placeholder:i,hasNonExistentValue:r,maxTooltipWidth:u,borderRadius:m})=>{const y=N.useContext(me),h=b===null||(b==null?void 0:b.value)===null?"unselected":b==null?void 0:b.value,I=h==="unselected",L=(h==="unselected"||l?[p.jsx("option",{value:"unselected",disabled:!l,hidden:!l,children:i||"Select..."},"unselected")]:[]).concat(r?[p.jsx("option",{value:b==null?void 0:b.value,disabled:e||y,children:b==null?void 0:b.label},"selectedNonExistentValue")]:[]).concat(c.map((x,w)=>p.jsx("option",{value:x.value,"data-testid":x.testId,children:x.label},w))),R=(()=>{if(E)switch(E){case ie.FIRST:return W.groupOrderFirst;case ie.LAST:return W.groupOrderLast;default:return W.groupOrderMiddle}return""})();return p.jsx(pe,{error:!!n,warning:!!a,text:d||n||a,enabled:d&&ne(d)||n&&ne(n)||a&&ne(a)||!1,maxWidth:u,placement:"bottom-center",children:p.jsx("select",{className:G(W.select,I?W.unSelected:"",n?W.error:a?W.warning:"",o?W.right:"",g?W.small:"",t?W.isInTable:"",R),style:{width:T||"",borderRadius:m||""},onChange:x=>{const{value:w}=x.target;let q;w==="unselected"?q={value:null}:q=c.find(A=>String(A.value)===String(w))||{value:null},v(x,q)},onFocus:f,onBlur:s,tabIndex:S,value:h,disabled:e||y,"data-testid":_,children:L})})};Oe.__docgenInfo={description:"",methods:[],displayName:"NativeSelect",props:{borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},options:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
2
|
-
evt: ChangeEvent<HTMLSelectElement>,
|
|
3
|
-
value: ISelectSelectedOption | { value: null },
|
|
4
|
-
) => void`,signature:{arguments:[{type:{name:"ChangeEvent",elements:[{name:"HTMLSelectElement"}],raw:"ChangeEvent<HTMLSelectElement>"},name:"evt"},{type:{name:"union",raw:"ISelectSelectedOption | { value: null }",elements:[{name:"ISelectSelectedOption"},{name:"signature",type:"object",raw:"{ value: null }",signature:{properties:[{key:"value",value:{name:"null",required:!0}}]}}]},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},right:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},selectedOption:{required:!1,tsType:{name:"ISelectSelectedOption"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},groupOrder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"null",computed:!1}},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},clearable:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},hasNonExistentValue:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};var we={exports:{}};(function(e,n){(function(a,d){e.exports=d(N,$e)})(window,function(a,d){return function(c){var v={};function f(s){if(v[s])return v[s].exports;var o=v[s]={i:s,l:!1,exports:{}};return c[s].call(o.exports,o,o.exports,f),o.l=!0,o.exports}return f.m=c,f.c=v,f.d=function(s,o,g){f.o(s,o)||Object.defineProperty(s,o,{enumerable:!0,get:g})},f.r=function(s){typeof Symbol<"u"&&Symbol.toStringTag&&Object.defineProperty(s,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(s,"__esModule",{value:!0})},f.t=function(s,o){if(1&o&&(s=f(s)),8&o||4&o&&typeof s=="object"&&s&&s.__esModule)return s;var g=Object.create(null);if(f.r(g),Object.defineProperty(g,"default",{enumerable:!0,value:s}),2&o&&typeof s!="string")for(var S in s)f.d(g,S,(function(b){return s[b]}).bind(null,S));return g},f.n=function(s){var o=s&&s.__esModule?function(){return s.default}:function(){return s};return f.d(o,"a",o),o},f.o=function(s,o){return Object.prototype.hasOwnProperty.call(s,o)},f.p="",f(f.s=0)}([function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=f(1);Object.defineProperty(v,"default",{enumerable:!0,get:function(){return function(o){return o&&o.__esModule?o:{default:o}}(s).default}}),c.exports=v.default},function(c,v,f){Object.defineProperty(v,"__esModule",{value:!0});var s=Object.assign||function(t){for(var l=1;l<arguments.length;l++){var i=arguments[l];for(var r in i)Object.prototype.hasOwnProperty.call(i,r)&&(t[r]=i[r])}return t},o=function(){function t(l,i){for(var r=0;r<i.length;r++){var u=i[r];u.enumerable=u.enumerable||!1,u.configurable=!0,"value"in u&&(u.writable=!0),Object.defineProperty(l,u.key,u)}}return function(l,i,r){return i&&t(l.prototype,i),r&&t(l,r),l}}(),g=T(f(2)),S=T(f(3)),b=f(4);function T(t){return t&&t.__esModule?t:{default:t}}var E=[],_=function(t){function l(i){(function(u,m){if(!(u instanceof m))throw new TypeError("Cannot call a class as a function")})(this,l);var r=function(u,m){if(!u)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!m||typeof m!="object"&&typeof m!="function"?u:m}(this,(l.__proto__||Object.getPrototypeOf(l)).call(this,i));return r.handleKeyboardEvent=r.handleKeyboardEvent.bind(r),r.registerExclusiveHandler=r.registerExclusiveHandler.bind(r),r.deregisterExclusiveHandler=r.deregisterExclusiveHandler.bind(r),r}return function(i,r){if(typeof r!="function"&&r!==null)throw new TypeError("Super expression must either be null or a function, not "+typeof r);i.prototype=Object.create(r&&r.prototype,{constructor:{value:i,enumerable:!1,writable:!0,configurable:!0}}),r&&(Object.setPrototypeOf?Object.setPrototypeOf(i,r):i.__proto__=r)}(l,g.default.Component),o(l,[{key:"componentDidMount",value:function(){document.addEventListener("keydown",this.handleKeyboardEvent,!1),document.addEventListener("keyup",this.handleKeyboardEvent,!1),document.addEventListener("keypress",this.handleKeyboardEvent,!1);var i=this.props,r=i.isExclusive,u=i.isDisabled;r&&!u&&this.registerExclusiveHandler()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("keydown",this.handleKeyboardEvent,!1),document.removeEventListener("keyup",this.handleKeyboardEvent,!1),document.removeEventListener("keypress",this.handleKeyboardEvent,!1),this.deregisterExclusiveHandler()}},{key:"componentDidUpdate",value:function(i){var r=i.isExclusive,u=i.isDisabled;(this.props.isExclusive!==r||this.props.isDisabled!==u)&&(this.props.isExclusive&&!this.props.isDisabled?this.registerExclusiveHandler():this.deregisterExclusiveHandler())}},{key:"registerExclusiveHandler",value:function(){this.deregisterExclusiveHandler(),E.unshift(this)}},{key:"deregisterExclusiveHandler",value:function(){var i=this;E.includes(this)&&(E=E.filter(function(r){return r!==i}))}},{key:"handleKeyboardEvent",value:function(i){var r=this.props,u=r.isDisabled,m=r.handleKeys,y=r.onKeyEvent,h=r.handleEventType,I=r.children,L=r.handleFocusableElements;if(u||h!==i.type||E.length>0&&E[0]!==this)return!1;var R=i.target===document.body||L,x=this.childrenContainer&&this.childrenContainer.contains(i.target);if(!(I?x:R))return!1;var w=(0,b.findMatchedKey)(i,m);return!!w&&(y(w,i),!0)}},{key:"render",value:function(){var i=this,r=this.props.children,u=Object.assign({},this.props),m=!0,y=!1,h=void 0;try{for(var I,L=Object.keys(l.propTypes)[Symbol.iterator]();!(m=(I=L.next()).done);m=!0)delete u[I.value]}catch(R){y=!0,h=R}finally{try{!m&&L.return&&L.return()}finally{if(y)throw h}}return r?g.default.createElement("span",s({ref:function(R){i.childrenContainer=R}},u),r):null}}]),l}();v.default=_,_.propTypes={handleKeys:S.default.array,handleEventType:S.default.oneOf(["keydown","keyup","keypress"]),handleFocusableElements:S.default.bool,onKeyEvent:S.default.func,isDisabled:S.default.bool,isExclusive:S.default.bool,children:S.default.any},_.defaultProps={handleKeys:[],handleFocusableElements:!1,handleEventType:"keydown",onKeyEvent:function(){return null}},c.exports=v.default},function(c,v){c.exports=a},function(c,v){c.exports=d},function(c,v,f){function s(r,u,m){return u in r?Object.defineProperty(r,u,{value:m,enumerable:!0,configurable:!0,writable:!0}):r[u]=m,r}Object.defineProperty(v,"__esModule",{value:!0}),v.matchKeyEvent=i,v.findMatchedKey=function(r,u){var m=u.map(function(y){var h=y.toLowerCase(),I=l[h];return I||[y]}).reduce(function(y,h){return y.concat(h)},[]).find(function(y){return i(r,y)});return!m&&u.includes("all")&&(m="other"),m};var o={backspace:[8],del:[46],delete:[46],ins:[45],insert:[45],tab:[9],enter:[13],return:[13],esc:[27],space:[32],pageup:[33],pagedown:[34],end:[35],home:[36],left:[37],up:[38],right:[39],down:[40],shift:[16],ctrl:[17],alt:[18],cap:[20],num:[144],clear:[12],meta:[91],";":[186,59],"=":[187,61],",":[188,44],"-":[189,45,173,109],minus:[189,45,173,109],".":[190,110],"/":[191,111],"`":[192],"[":[219],"\\":[220],"]":[221],"*":[106],"+":[107],plus:[107],"'":[222],quote:[222]},g=Object.keys(o).reduce(function(r,u){return Object.assign(r,s({},u.toUpperCase(),o[u]))},{}),S="0123456789".split("").reduce(function(r,u,m){return Object.assign(r,s({},u,[m+48,m+96]))},{}),b="ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("").reduce(function(r,u,m){return Object.assign(r,s({},u.toLowerCase(),[m+65]),s({},u,[m+65]))},{}),T="1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19".split(",").reduce(function(r,u,m){return Object.assign(r,s({},"f"+u,[m+112]))},{}),E={control:"ctrl",ctrl:"ctrl",shift:"shift",meta:"meta",cmd:"meta",command:"meta",option:"alt",alt:"alt"},_=v.AllKeys=Object.assign({},o,g,S,b,T),t=Object.assign({},S,b),l={all:Object.keys(_),alphanumeric:Object.keys(t),numeric:Object.keys(S),alphabetic:Object.keys(b),function:Object.keys(T)};function i(r,u){var m=r.which||r.keyCode,y=r.type,h=Object.keys(E).filter(function(A){return r[A+"Key"]}).sort(),I=u.toLowerCase().trim(),L=I==="+"?["+"]:I.split(/\s?\+\s?/),R=L.pop(),x=_[R],w=L;if(y==="keypress")return u==String.fromCharCode(m).toLowerCase();if(w.length===0&&h.length===0)return x.indexOf(m)>=0;if(w.length>0&&h.length>0){var q=w.map(function(A){return E[A]}).sort(),F=q.length===h.length&&q.every(function(A,H){return h[H]===A});return x.indexOf(m)>=0&&F}return w.length==0&&h.length===1&&R===h[0]}}])})})(we);var fn=we.exports;const gn=We(fn),Re=()=>{const e=N.useRef(null);return[e,()=>{e.current&&e.current.focus()}]},Le=()=>{const[e,n]=N.useState(!1);return N.useEffect(()=>{(async()=>{document.fonts&&await document.fonts.ready.then(()=>n(!0))})()},[]),e};var vn=typeof performance=="object"&&typeof performance.now=="function",ve=vn?function(){return performance.now()}:function(){return Date.now()};function ye(e){cancelAnimationFrame(e.id)}function yn(e,n){var a=ve();function d(){ve()-a>=n?e.call(null):c.id=requestAnimationFrame(d)}var c={id:requestAnimationFrame(d)};return c}var oe=-1;function he(e){if(e===void 0&&(e=!1),oe===-1||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",document.body.appendChild(n),oe=n.offsetWidth-n.clientWidth,document.body.removeChild(n)}return oe}var ee=null;function be(e){if(e===void 0&&(e=!1),ee===null||e){var n=document.createElement("div"),a=n.style;a.width="50px",a.height="50px",a.overflow="scroll",a.direction="rtl";var d=document.createElement("div"),c=d.style;return c.width="100px",c.height="100px",n.appendChild(d),document.body.appendChild(n),n.scrollLeft>0?ee="positive-descending":(n.scrollLeft=1,n.scrollLeft===0?ee="negative":ee="positive-ascending"),document.body.removeChild(n),ee}return ee}var hn=150,bn=function(n,a){return n};function Sn(e){var n,a=e.getItemOffset,d=e.getEstimatedTotalSize,c=e.getItemSize,v=e.getOffsetForIndexAndAlignment,f=e.getStartIndexForOffset,s=e.getStopIndexForStartIndex,o=e.initInstanceProps,g=e.shouldResetStyleCacheOnItemSizeChange,S=e.validateProps;return n=function(b){Ve(T,b);function T(_){var t;return t=b.call(this,_)||this,t._instanceProps=o(t.props,ge(t)),t._outerRef=void 0,t._resetIsScrollingTimeoutId=null,t.state={instance:ge(t),isScrolling:!1,scrollDirection:"forward",scrollOffset:typeof t.props.initialScrollOffset=="number"?t.props.initialScrollOffset:0,scrollUpdateWasRequested:!1},t._callOnItemsRendered=void 0,t._callOnItemsRendered=le(function(l,i,r,u){return t.props.onItemsRendered({overscanStartIndex:l,overscanStopIndex:i,visibleStartIndex:r,visibleStopIndex:u})}),t._callOnScroll=void 0,t._callOnScroll=le(function(l,i,r){return t.props.onScroll({scrollDirection:l,scrollOffset:i,scrollUpdateWasRequested:r})}),t._getItemStyle=void 0,t._getItemStyle=function(l){var i=t.props,r=i.direction,u=i.itemSize,m=i.layout,y=t._getItemStyleCache(g&&u,g&&m,g&&r),h;if(y.hasOwnProperty(l))h=y[l];else{var I=a(t.props,l,t._instanceProps),L=c(t.props,l,t._instanceProps),R=r==="horizontal"||m==="horizontal",x=r==="rtl",w=R?I:0;y[l]=h={position:"absolute",left:x?void 0:w,right:x?w:void 0,top:R?0:I,height:R?"100%":L,width:R?L:"100%"}}return h},t._getItemStyleCache=void 0,t._getItemStyleCache=le(function(l,i,r){return{}}),t._onScrollHorizontal=function(l){var i=l.currentTarget,r=i.clientWidth,u=i.scrollLeft,m=i.scrollWidth;t.setState(function(y){if(y.scrollOffset===u)return null;var h=t.props.direction,I=u;if(h==="rtl")switch(be()){case"negative":I=-u;break;case"positive-descending":I=m-r-u;break}return I=Math.max(0,Math.min(I,m-r)),{isScrolling:!0,scrollDirection:y.scrollOffset<I?"forward":"backward",scrollOffset:I,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._onScrollVertical=function(l){var i=l.currentTarget,r=i.clientHeight,u=i.scrollHeight,m=i.scrollTop;t.setState(function(y){if(y.scrollOffset===m)return null;var h=Math.max(0,Math.min(m,u-r));return{isScrolling:!0,scrollDirection:y.scrollOffset<h?"forward":"backward",scrollOffset:h,scrollUpdateWasRequested:!1}},t._resetIsScrollingDebounced)},t._outerRefSetter=function(l){var i=t.props.outerRef;t._outerRef=l,typeof i=="function"?i(l):i!=null&&typeof i=="object"&&i.hasOwnProperty("current")&&(i.current=l)},t._resetIsScrollingDebounced=function(){t._resetIsScrollingTimeoutId!==null&&ye(t._resetIsScrollingTimeoutId),t._resetIsScrollingTimeoutId=yn(t._resetIsScrolling,hn)},t._resetIsScrolling=function(){t._resetIsScrollingTimeoutId=null,t.setState({isScrolling:!1},function(){t._getItemStyleCache(-1,null)})},t}T.getDerivedStateFromProps=function(t,l){return _n(t,l),S(t),null};var E=T.prototype;return E.scrollTo=function(t){t=Math.max(0,t),this.setState(function(l){return l.scrollOffset===t?null:{scrollDirection:l.scrollOffset<t?"forward":"backward",scrollOffset:t,scrollUpdateWasRequested:!0}},this._resetIsScrollingDebounced)},E.scrollToItem=function(t,l){l===void 0&&(l="auto");var i=this.props,r=i.itemCount,u=i.layout,m=this.state.scrollOffset;t=Math.max(0,Math.min(t,r-1));var y=0;if(this._outerRef){var h=this._outerRef;u==="vertical"?y=h.scrollWidth>h.clientWidth?he():0:y=h.scrollHeight>h.clientHeight?he():0}this.scrollTo(v(this.props,t,l,m,this._instanceProps,y))},E.componentDidMount=function(){var t=this.props,l=t.direction,i=t.initialScrollOffset,r=t.layout;if(typeof i=="number"&&this._outerRef!=null){var u=this._outerRef;l==="horizontal"||r==="horizontal"?u.scrollLeft=i:u.scrollTop=i}this._callPropsCallbacks()},E.componentDidUpdate=function(){var t=this.props,l=t.direction,i=t.layout,r=this.state,u=r.scrollOffset,m=r.scrollUpdateWasRequested;if(m&&this._outerRef!=null){var y=this._outerRef;if(l==="horizontal"||i==="horizontal")if(l==="rtl")switch(be()){case"negative":y.scrollLeft=-u;break;case"positive-ascending":y.scrollLeft=u;break;default:var h=y.clientWidth,I=y.scrollWidth;y.scrollLeft=I-h-u;break}else y.scrollLeft=u;else y.scrollTop=u}this._callPropsCallbacks()},E.componentWillUnmount=function(){this._resetIsScrollingTimeoutId!==null&&ye(this._resetIsScrollingTimeoutId)},E.render=function(){var t=this.props,l=t.children,i=t.className,r=t.direction,u=t.height,m=t.innerRef,y=t.innerElementType,h=t.innerTagName,I=t.itemCount,L=t.itemData,R=t.itemKey,x=R===void 0?bn:R,w=t.layout,q=t.outerElementType,F=t.outerTagName,A=t.style,H=t.useIsScrolling,K=t.width,$=this.state.isScrolling,k=r==="horizontal"||w==="horizontal",P=k?this._onScrollHorizontal:this._onScrollVertical,Z=this._getRangeToRender(),te=Z[0],re=Z[1],X=[];if(I>0)for(var z=te;z<=re;z++)X.push(N.createElement(l,{data:L,key:x(z,L),index:z,isScrolling:H?$:void 0,style:this._getItemStyle(z)}));var J=d(this.props,this._instanceProps);return N.createElement(q||F||"div",{className:i,onScroll:P,ref:this._outerRefSetter,style:Ke({position:"relative",height:u,width:K,overflow:"auto",WebkitOverflowScrolling:"touch",willChange:"transform",direction:r},A)},N.createElement(y||h||"div",{children:X,ref:m,style:{height:k?"100%":J,pointerEvents:$?"none":void 0,width:k?J:"100%"}}))},E._callPropsCallbacks=function(){if(typeof this.props.onItemsRendered=="function"){var t=this.props.itemCount;if(t>0){var l=this._getRangeToRender(),i=l[0],r=l[1],u=l[2],m=l[3];this._callOnItemsRendered(i,r,u,m)}}if(typeof this.props.onScroll=="function"){var y=this.state,h=y.scrollDirection,I=y.scrollOffset,L=y.scrollUpdateWasRequested;this._callOnScroll(h,I,L)}},E._getRangeToRender=function(){var t=this.props,l=t.itemCount,i=t.overscanCount,r=this.state,u=r.isScrolling,m=r.scrollDirection,y=r.scrollOffset;if(l===0)return[0,0,0,0];var h=f(this.props,y,this._instanceProps),I=s(this.props,h,y,this._instanceProps),L=!u||m==="backward"?Math.max(1,i):1,R=!u||m==="forward"?Math.max(1,i):1;return[Math.max(0,h-L),Math.max(0,Math.min(l-1,I+R)),h,I]},T}(N.PureComponent),n.defaultProps={direction:"ltr",itemData:void 0,layout:"vertical",overscanCount:2,useIsScrolling:!1},n}var _n=function(n,a){n.children,n.direction,n.height,n.layout,n.innerTagName,n.outerTagName,n.width,a.instance},Tn=Sn({getItemOffset:function(n,a){var d=n.itemSize;return a*d},getItemSize:function(n,a){var d=n.itemSize;return d},getEstimatedTotalSize:function(n){var a=n.itemCount,d=n.itemSize;return d*a},getOffsetForIndexAndAlignment:function(n,a,d,c,v,f){var s=n.direction,o=n.height,g=n.itemCount,S=n.itemSize,b=n.layout,T=n.width,E=s==="horizontal"||b==="horizontal",_=E?T:o,t=Math.max(0,g*S-_),l=Math.min(t,a*S),i=Math.max(0,a*S-_+S+f);switch(d==="smart"&&(c>=i-_&&c<=l+_?d="auto":d="center"),d){case"start":return l;case"end":return i;case"center":{var r=Math.round(i+(l-i)/2);return r<Math.ceil(_/2)?0:r>t+Math.floor(_/2)?t:r}case"auto":default:return c>=i&&c<=l?c:c<i?i:l}},getStartIndexForOffset:function(n,a){var d=n.itemCount,c=n.itemSize;return Math.max(0,Math.min(d-1,Math.floor(a/c)))},getStopIndexForStartIndex:function(n,a,d){var c=n.direction,v=n.height,f=n.itemCount,s=n.itemSize,o=n.layout,g=n.width,S=c==="horizontal"||o==="horizontal",b=a*s,T=S?g:v,E=Math.ceil((T+d-b)/s);return Math.max(0,Math.min(f-1,a+E-1))},initInstanceProps:function(n){},shouldResetStyleCacheOnItemSizeChange:!0,validateProps:function(n){n.itemSize}});const En="_layerContainer_1lbvo_1",In="_layer_1lbvo_1",On="_small_1lbvo_23",wn="_heading_1lbvo_26",Rn="_option_1lbvo_27",Ln="_message_1lbvo_28",xn="_focused_1lbvo_64",Cn="_selected_1lbvo_68",qn="_disabled_1lbvo_71",Mn="_check_1lbvo_75",Nn="_optionContent_1lbvo_92",Fn="_label_1lbvo_97",An="_icon_1lbvo_104",jn="_details_1lbvo_109",j={layerContainer:En,layer:In,small:On,heading:wn,option:Rn,message:Ln,focused:xn,selected:Cn,disabled:qn,check:Mn,optionContent:Nn,label:Fn,icon:An,details:jn},xe=({label:e})=>p.jsx("div",{onClick:n=>n.stopPropagation(),className:j.heading,children:e});xe.__docgenInfo={description:"",methods:[],displayName:"Heading",props:{label:{required:!0,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""}}};const Ce=({details:e,label:n,icon:a,disabled:d=!1,selected:c=!1,focused:v=!1,onSelectOption:f,actions:s,closeLayer:o,testId:g})=>p.jsxs("div",{className:G(j.option,d?j.disabled:"",c?j.selected:"",v?j.focused:""),onClick:!d&&f?f:void 0,"data-testid":g,children:[p.jsx("div",{className:j.optionContent,children:p.jsxs("span",{className:j.label,title:n,children:[n,a&&p.jsx("span",{className:j.icon,children:a})]})}),e&&p.jsx("div",{className:G(j.details),children:p.jsx(ue,{faint:!0,children:e})}),!!(s!=null&&s.length)&&p.jsx("div",{className:G(j.actions),children:p.jsx(Ye,{actions:s,closeLayer:o})}),p.jsx("span",{className:j.check,children:c?p.jsx(ce,{icon:Ie.CHECK}):null})]});Ce.__docgenInfo={description:"",methods:[],displayName:"Option",props:{details:{required:!1,tsType:{name:"string"},description:""},label:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"ReactNode"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},selected:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},focused:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
5
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
6
|
-
section?: ISelectSectionProps,
|
|
7
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
8
|
-
section: ISelectSection;
|
|
9
|
-
selected?: boolean;
|
|
10
|
-
focused?: boolean;
|
|
11
|
-
onSelectOption?: (
|
|
12
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
13
|
-
section?: ISelectSectionProps,
|
|
14
|
-
) => void;
|
|
15
|
-
closeLayer?: TEmpty;
|
|
16
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
17
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
18
|
-
section?: ISelectSectionProps,
|
|
19
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},actions:{required:!1,tsType:{name:"Array",elements:[{name:"any"}],raw:"any[]"},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const qe=({section:e,selected:n,focused:a,onSelectOption:d,closeLayer:c})=>{const v=N.useContext(me);switch(e.type){case se.HEADING:return p.jsx(xe,{label:e.label});case se.OPTION:default:return p.jsx(Ce,{closeLayer:c,actions:e.actions,label:e.label,details:e.details,icon:e.icon,disabled:e.disabled||v,selected:n,focused:a,onSelectOption:d,testId:e.testId})}};qe.__docgenInfo={description:"",methods:[],displayName:"Section",props:{section:{required:!0,tsType:{name:"ISelectSection"},description:""},selected:{required:!1,tsType:{name:"boolean"},description:""},focused:{required:!1,tsType:{name:"boolean"},description:""},onSelectOption:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
20
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
21
|
-
section?: ISelectSectionProps,
|
|
22
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"signature",type:"object",raw:`{
|
|
23
|
-
section: ISelectSection;
|
|
24
|
-
selected?: boolean;
|
|
25
|
-
focused?: boolean;
|
|
26
|
-
onSelectOption?: (
|
|
27
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
28
|
-
section?: ISelectSectionProps,
|
|
29
|
-
) => void;
|
|
30
|
-
closeLayer?: TEmpty;
|
|
31
|
-
}`,signature:{properties:[{key:"section",value:{name:"ISelectSection",required:!0}},{key:"selected",value:{name:"boolean",required:!1}},{key:"focused",value:{name:"boolean",required:!1}},{key:"onSelectOption",value:{name:"signature",type:"function",raw:`(
|
|
32
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
33
|
-
section?: ISelectSectionProps,
|
|
34
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSectionProps"},name:"section"}],return:{name:"void"}},required:!1}},{key:"closeLayer",value:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}},required:!1}}]}},name:"section"}],return:{name:"void"}}},description:""},closeLayer:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""}}};const de=(e,n)=>{const d=document.createElement("canvas").getContext("2d");return d?(d.font=n,d.measureText(e).width):0},Me="13px",Ne="12px",Hn="Roobert",kn="sans-serif",Pn=12,Dn=8,zn=30,Wn=24,Un=5,Gn=3,$n=1,Vn=2,Se=10,Fe=(e=!1,n=!1)=>`${e?Ne:Me} ${n?Hn:kn}`,Kn=(e=!1,n=!1)=>(e?Dn:Pn)+(e?Wn:zn)+(n?17:0),_e=(e,n,a,d)=>{const c=Fe(n,a),v=d?de(d,c):0,f=Math.ceil(e.reduce((o,g)=>{var _;const S=(((_=g==null?void 0:g.actions)==null?void 0:_.length)??0)*24,b=g.icon?parseInt(n?Ne:Me)+7:0,T=`${g.label} ${g.details||""}`,E=de(T,c)+S+b;return o=E>o?E:o,o},v)),s=Kn(n,!0);return f+s},Yn=(e,n,a)=>{const d=Fe(!0,a),c=de(e.label,d),v=(n?Gn:Un)*2+$n*2+Vn;return Math.ceil(c+v)},Ae=({listRef:e,isMulti:n,sections:a,selectedOptions:d,onSelectOption:c,focusedOptionIndex:v,width:f,small:s,firstSelectedOptionIndex:o,closeLayer:g,testId:S})=>{N.useEffect(()=>{o&&o!==null&&e.current!==null&&e.current.scrollToItem(o,"start")},[o,e]);const b=s?24:30;return p.jsx("div",{"data-testid":S,className:G(j.layer,s&&j.small),children:a.length?p.jsx(Tn,{ref:e,height:a.length<Se?b*a.length:b*Se,itemCount:a.length,itemSize:b,width:f,children:({index:T,style:E})=>{var _;return p.jsx("div",{style:E,children:p.jsx(qe,{closeLayer:g,section:a[T],selected:n&&a[T].type!==se.HEADING&&Array.isArray(d)?d.some(t=>{var l;return t&&(t==null?void 0:t.value)===((l=a==null?void 0:a[T])==null?void 0:l.value)}):!Array.isArray(d)&&((_=a==null?void 0:a[T])==null?void 0:_.value)===(d==null?void 0:d.value),focused:v===T,onSelectOption:t=>c(t,a[T])})})}}):p.jsx("ul",{children:p.jsx("li",{children:p.jsx("div",{className:j.message,style:{width:f},children:"No matches"})})})})};Ae.__docgenInfo={description:"",methods:[],displayName:"Layer",props:{listRef:{required:!0,tsType:{name:"RefObject",elements:[{name:"any"}],raw:"RefObject<any>"},description:""},isMulti:{required:!1,tsType:{name:"boolean"},description:""},sections:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSection"}],raw:"ISelectSection[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onSelectOption:{required:!0,tsType:{name:"signature",type:"function",raw:`(
|
|
35
|
-
event?: React.MouseEvent<HTMLDivElement, MouseEvent>,
|
|
36
|
-
section?: ISelectSection,
|
|
37
|
-
) => void`,signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"event"},{type:{name:"ISelectSection"},name:"section"}],return:{name:"void"}}},description:""},focusedOptionIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!0,tsType:{name:"number"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},firstSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},closeLayer:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const Bn="_inputInTable_nec64_1",Zn="_error_nec64_7",Xn="_warning_nec64_7",Jn="_inputHover_nec64_13",Qn="_inputFocus_nec64_18",et="_inputError_nec64_25",nt="_inputWarning_nec64_26",tt="_inputDisabled_nec64_61",rt="_hideScrollbars_nec64_67",at="_trigger_nec64_77",it="_isInTable_nec64_93",st="_input_nec64_1",lt="_isOpen_nec64_114",ot="_disabled_nec64_156",ut="_icons_nec64_162",ct="_clearAll_nec64_169",dt="_iconOpen_nec64_170",mt="_small_nec64_181",pt="_triggerInputContainer_nec64_189",ft="_right_nec64_198",gt="_multiOptions_nec64_211",vt="_multiOption_nec64_211",yt="_label_nec64_239",ht="_closeMultiOption_nec64_242",bt="_focus_nec64_253",St="_selectedSingleValue_nec64_257",_t="_placeHolder_nec64_258",Tt="_groupOrderFirst_nec64_297",Et="_groupOrderMiddle_nec64_298",It="_groupOrderLast_nec64_302",Ot="_detailedLabel_nec64_307",M={inputInTable:Bn,error:Zn,warning:Xn,inputHover:Jn,inputFocus:Qn,inputError:et,inputWarning:nt,inputDisabled:tt,hideScrollbars:rt,trigger:at,isInTable:it,input:st,isOpen:lt,disabled:ot,icons:ut,clearAll:ct,iconOpen:dt,small:mt,triggerInputContainer:pt,right:ft,multiOptions:gt,multiOption:vt,label:yt,closeMultiOption:ht,focus:bt,selectedSingleValue:St,placeHolder:_t,groupOrderFirst:Tt,groupOrderMiddle:Et,groupOrderLast:It,detailedLabel:Ot},je=({selectedOptions:e,small:n,width:a,testId:d})=>{const c=Le(),[v,f]=N.useState([]),[s,o]=N.useState([]);return N.useEffect(()=>{let g=[],S=[],b=0;e.forEach((T,E)=>{b+=Yn(T,n,c),E===e.length-1&&b<a||b<a-24?g.push(T):S.push(T)}),f(g),o(S)},[e,c,a]),p.jsxs("div",{className:M.multiOptions,"data-testid":d&&`${d}-value`,children:[v.filter(g=>g&&g.label).map((g,S)=>p.jsx("span",{className:M.multiOption,onClick:b=>{b.stopPropagation()},children:g.label},S)),s.length>0&&p.jsx(pe,{text:s.map((g,S)=>p.jsx("div",{children:g.label},S)),display:"inline-flex",children:p.jsx("span",{className:M.multiOption,children:v.length?`+${s.length}`:`${s.length} items`})})]})};je.__docgenInfo={description:"",methods:[],displayName:"MultiSelectedOptions",props:{selectedOptions:{required:!0,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!0,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const He=({selectedOptions:e,searchable:n=!1,searchValue:a,onChange:d=ae.noop,inputRef:c,error:v,placeholder:f="Select...",small:s,testId:o})=>{const g=N.useRef(null),S=Array.isArray(e),b=S?e.length>0:!!e,T=a?a.length+1:1,E=()=>{var l,i;const _=((l=g.current)==null?void 0:l.offsetWidth)||0,t=((i=c.current)==null?void 0:i.offsetWidth)||0;return _-t};return p.jsxs("div",{className:M.triggerInputContainer,ref:g,children:[b?S?p.jsx(je,{selectedOptions:e,small:s,width:E(),testId:o}):p.jsx("span",{className:M.selectedSingleValue,"data-testid":o&&`${o}-value`,children:a!=null&&a.length?"":e==null?void 0:e.label}):p.jsx("span",{className:M.placeHolder,children:a!=null&&a.length?"":f}),n?p.jsx("input",{tabIndex:-1,ref:c,size:T,className:G(M.input,v?M.error:""),value:a,onChange:_=>d(_.target.value),"data-testid":o&&`${o}-input`}):null]})};He.__docgenInfo={description:"",methods:[],displayName:"Input",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},searchValue:{required:!1,tsType:{name:"string"},description:""},inputRef:{required:!0,tsType:{name:"MutableRefObject",elements:[{name:"union",raw:"HTMLInputElement | null",elements:[{name:"HTMLInputElement"},{name:"null"}]}],raw:"MutableRefObject<HTMLInputElement | null>"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:"",defaultValue:{value:"noop",computed:!0}},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:"",defaultValue:{value:"'Select...'",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};const ke=({selectedOptions:e,searchValue:n,searchable:a,clearable:d,onClickTrigger:c,element:v,error:f,warning:s,tooltip:o,small:g,isInTable:S,disabled:b,onChangeSearch:T,onClickDeselect:E,onClickClear:_,tabIndex:t,isOpen:l,triggerRef:i,clearAllIsFocused:r,focusedSelectedOptionIndex:u,onFocus:m,onBlur:y,groupOrder:h,maxTooltipWidth:I,placeholder:L,right:R,testId:x})=>{var k;const[w,q]=Re(),F=Array.isArray(e)?e.length>0&&((k=e[0])==null?void 0:k.value):e==null?void 0:e.value,A=d&&F,H=(()=>{if(h)switch(h){case ie.FIRST:return M.groupOrderFirst;case ie.LAST:return M.groupOrderLast;default:return M.groupOrderMiddle}return""})(),K=!Array.isArray(e)&&(e!=null&&e.details)?{...e,label:p.jsxs("div",{className:G(M.detailedLabel),children:[p.jsx(ue,{children:e.label}),p.jsx(ue,{muted:!0,children:e.details})]})}:e,$=p.jsxs(p.Fragment,{children:[v,p.jsxs("div",{ref:i,tabIndex:t,className:G(M.trigger,l?M.isOpen:"",f?M.error:s?M.warning:"",b?M.disabled:"",g?M.small:"",S?M.isInTable:"",R?M.right:"",H),onClick:P=>{P.stopPropagation(),typeof q=="function"&&q(),c(P)},onFocus:m,onBlur:y,"data-testid":x,children:[p.jsx(He,{selectedOptions:K,placeholder:L,searchable:a,searchValue:n,inputRef:w,onChange:T,error:f,small:g,testId:x}),p.jsx("span",{className:M.icons,children:A?p.jsx("span",{className:G(M.clearAll,r?M.focus:""),onClick:P=>{P.stopPropagation(),_&&_(P)},"data-testid":x&&`${x}-clear`,children:p.jsx(ce,{icon:Ie.CLOSE})}):p.jsx("span",{className:G(M.iconOpen),children:p.jsx(ce,{icon:"chevron down"})})})]})]});return p.jsx(p.Fragment,{children:p.jsx(pe,{error:!!f,warning:!!s,text:o||f||s,enabled:o&&ne(o)||f&&ne(f)||s&&ne(s)||!1,maxWidth:I,placement:"bottom-center",children:$})})};ke.__docgenInfo={description:"",methods:[],displayName:"Trigger",props:{selectedOptions:{required:!1,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},searchValue:{required:!1,tsType:{name:"string"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},onClickTrigger:{required:!0,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},element:{required:!1,tsType:{name:"ReactNode"},description:""},error:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"string | ReactNode",elements:[{name:"string"},{name:"ReactNode"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},onChangeSearch:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},onClickDeselect:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLDivElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLDivElement, MouseEvent>",elements:[{name:"HTMLDivElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},onClickClear:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLSpanElement, MouseEvent>",elements:[{name:"HTMLSpanElement"},{name:"MouseEvent"}]},name:"evt"}],return:{name:"void"}}},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},isOpen:{required:!1,tsType:{name:"boolean"},description:""},triggerRef:{required:!1,tsType:{name:"RefObject",elements:[{name:"HTMLDivElement"}],raw:"RefObject<HTMLDivElement>"},description:""},clearAllIsFocused:{required:!1,tsType:{name:"boolean"},description:""},focusedSelectedOptionIndex:{required:!1,tsType:{name:"number"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: React.FocusEvent<HTMLDivElement>) => void",signature:{arguments:[{type:{name:"ReactFocusEvent",raw:"React.FocusEvent<HTMLDivElement>",elements:[{name:"HTMLDivElement"}]},name:"evt"}],return:{name:"void"}}},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};var U=(e=>(e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.OPEN_LAYER="OPEN_LAYER",e.CLOSE_LAYER="CLOSE_LAYER",e))(U||{});const Pe={options:["none","clearAll"],currentIndex:0,currentOption:!1,clearAll:!1},wt=e=>e!==null?e+1:0,De=(e,n)=>{const a=["none",...e.map((c,v)=>c.type!==se.HEADING?v:null).filter(c=>c!==null)],d=wt(n);return{options:a,currentIndex:d,current:a[d]}},Rt=(e,n)=>{const a=e==="up"?-1:1,d=n.currentIndex+a,c=(d<0?n.options.length-1:d)%n.options.length,v=n.options[c];return{...n,currentIndex:c,current:v}},Lt=(e,n,a)=>{const d=e==="left"?-1:1,c=n&&n.length?["none",...Array.from({length:n.length},(g,S)=>S),"clearAll"]:["none","clearAll"],v=a.currentIndex+d,f=(v<0?c.length-1:v)%c.length,s=c[f];return{options:c,currentIndex:f,currentOption:s,clearAll:s==="clearAll"}},Te=()=>Pe,Ee=e=>({...e,currentIndex:0,current:"none"}),xt=(e,n)=>{switch(n.type){case U.SET_VISIBLE_OPTIONS:return{...e,visibleOptions:n.options||[]};case U.RESET_LAYER_FOCUS:return{...e,layerFocus:De(n.options||[],n.firstSelectedOptionIndex||0)};case U.CLEAR_SEARCH:return{...e,visibleOptions:n.options||[],searchValue:""};case U.ON_CHANGE_SEARCH:{let d=[...(n.options||[]).filter(c=>(String(c.label)+(c.details?String(c.details):"")).toLowerCase().includes(String(n.value||"").toLowerCase()))];return n.createAble&&n.value&&n.value!==""&&d.push({label:`Create "${n.value}"`,value:n.value,createAble:!0}),{...e,searchValue:n.value,visibleOptions:d,layerFocus:Ee(e.layerFocus)}}case U.FOCUS_TRIGGER_INPUTS:return{...e,triggerFocus:Lt(n.direction||"right",n.selectedOptions||[],e.triggerFocus),layerFocus:Ee(e.layerFocus)};case U.BLUR_TRIGGER_INPUTS:return{...e,triggerFocus:Te()};case U.FOCUS_LAYER_OPTIONS:return n.nextLayerFocus?{...e,layerFocus:n.nextLayerFocus,triggerFocus:Te()}:e;case U.OPEN_LAYER:return{...e,isLayerOpen:!0};case U.CLOSE_LAYER:return{...e,isLayerOpen:!1};default:return e}},Ct={auto:!0,possiblePlacements:["bottom-start","top-start"],placement:"bottom-start",preferX:"right",preferY:"bottom"};var D=(e=>(e.CLOSE_LAYER="CLOSE_LAYER",e.OPEN_LAYER="OPEN_LAYER",e.SET_VISIBLE_OPTIONS="SET_VISIBLE_OPTIONS",e.CLEAR_SEARCH="CLEAR_SEARCH",e.RESET_LAYER_FOCUS="RESET_LAYER_FOCUS",e.FOCUS_LAYER_OPTIONS="FOCUS_LAYER_OPTIONS",e.BLUR_TRIGGER_INPUTS="BLUR_TRIGGER_INPUTS",e.FOCUS_TRIGGER_INPUTS="FOCUS_TRIGGER_INPUTS",e.ON_CHANGE_SEARCH="ON_CHANGE_SEARCH",e))(D||{}),V=(e=>(e.RIGHT="right",e.LEFT="left",e.UP="up",e.DOWN="down",e.ENTER="enter",e.ESC="esc",e.TAB="tab",e))(V||{});const qt=({state:e,dispatch:n,options:a,setTriggerFocus:d,disabled:c,disabledContext:v,onCreate:f,onChange:s,selectedOptions:o,width:g,small:S,isFontLoaded:b,placeholder:T,firstSelectedOptionIndex:E,createAble:_,listRef:t,autoLayerWidth:l})=>{const i=()=>{e.isLayerOpen&&n({type:D.CLOSE_LAYER}),d()},r=()=>n({type:D.OPEN_LAYER}),u=N.useRef(!0);N.useEffect(()=>{u.current?u.current=!1:n({type:D.SET_VISIBLE_OPTIONS,options:a})},[a]);const m=(O,C,Q)=>{if(!(c||v)){if(Q&&Q(),C){if(C.createAble&&f)f(C.value);else if(!C.disabled)if(Array.isArray(o))if(o.some(B=>B.label===C.label)){const B=o.filter(fe=>fe.label!==C.label);s&&s(O,B)}else{const B=[...o,C];s&&s(O,B)}else s&&s(O,C)}n({type:D.CLEAR_SEARCH,options:a}),d()}},y=N.useCallback(()=>g?g!=="auto"?g:_e(a,S,b,T):"100%",[a,b]),h=N.useCallback(O=>l?Math.max(_e(a,S,b,T),O==null?void 0:O.width):O==null?void 0:O.width,[a,b]),{renderLayer:I,layerProps:L,triggerProps:R,triggerBounds:x}=Ue({isOpen:(e==null?void 0:e.isLayerOpen)??!1,overflowContainer:!0,...Ct,ResizeObserver,onOutsideClick:i,onParentClose:i}),w=()=>{if(!(c||v)){if(e.isLayerOpen){i();return}n({type:D.RESET_LAYER_FOCUS,options:a,firstSelectedOptionIndex:E}),r()}},q=N.useRef(!0);N.useEffect(()=>{q.current?q.current=!1:e.isLayerOpen||n({type:D.CLEAR_SEARCH,options:a})},[e.isLayerOpen]);const F=(O,C)=>{const Q=o instanceof Array?o.filter(Y=>Y.value!==C.value):null;s&&s(O,Q)},A=O=>{const C=o instanceof Array?[]:{value:null};s&&s(O,C)},H=O=>n({type:D.ON_CHANGE_SEARCH,options:a,value:O,createAble:_}),K=()=>{r(),n({type:D.BLUR_TRIGGER_INPUTS})},$=O=>{t.current&&Number.isInteger(O)&&t.current.scrollToItem(O)},k=O=>{const C=Rt(O,e.layerFocus);n({type:D.FOCUS_LAYER_OPTIONS,nextLayerFocus:C}),$(C.current)},P=O=>{n({type:D.FOCUS_TRIGGER_INPUTS,ICustomSelectDirection:O,selectedOptions:o})},Z=O=>A(O),te=o&&o[e.triggerFocus.currentOption],re=O=>{F(O,o[e.triggerFocus.currentOption])},X=O=>{var C;m(O,(C=e==null?void 0:e.visibleOptions)==null?void 0:C[e.layerFocus.current],i)},z=e.triggerFocus.clearAll;return{getTriggerWidth:y,onKeyEvent:(O,C)=>{switch(O){case V.UP:{k(O);break}case V.DOWN:{e.isLayerOpen?k(O):K();break}case V.LEFT:case V.RIGHT:{P(O);break}case V.ENTER:{z?Z(C):te?re(C):X(C);break}case V.ESC:{i();break}}},clearAllIsFocused:z,triggerProps:R,onClickTrigger:w,onChangeSearch:H,onClickDeselectOption:F,onClickClearAll:A,renderLayer:I,layerProps:L,closeLayer:i,onSelectOption:m,getLayerWidth:h,triggerBounds:x}},ze=e=>{const{multi:n=!1,disabled:a=!1,error:d=null,warning:c=null,tooltip:v=null,options:f,selectedOptions:s,onCreate:o=null,placeholder:g="",small:S=!1,tabIndex:b=0,onFocus:T=()=>{},onBlur:E=()=>{},searchable:_=!0,clearable:t=!1,maxTooltipWidth:l,closeOnOptionActionClick:i,isInTable:r=!1,groupOrder:u,firstSelectedOptionIndex:m=0,right:y=!1,testId:h=void 0}=e,I=N.useContext(me),L=o!==null,R=N.useRef(null),[x,w]=Re(),q=Le(),[F,A]=N.useReducer(xt,{options:f,firstSelectedOptionIndex:m},({options:Y})=>({searchValue:"",visibleOptions:Y,layerFocus:De(Y,m??0),triggerFocus:Pe,isLayerOpen:!1})),{getTriggerWidth:H,onKeyEvent:K,clearAllIsFocused:$,triggerProps:k,onClickTrigger:P,onChangeSearch:Z,onClickDeselectOption:te,onClickClearAll:re,renderLayer:X,layerProps:z,closeLayer:J,onSelectOption:O,getLayerWidth:C,triggerBounds:Q}=qt({...e,state:F,dispatch:A,setTriggerFocus:w,disabledContext:I,isFontLoaded:q,createAble:L,listRef:R});return p.jsx("div",{style:{width:H()},children:p.jsxs(gn,{handleKeys:Object.values(V),onKeyEvent:K,children:[p.jsx(ke,{selectedOptions:s,searchValue:F.searchValue,isOpen:F.isLayerOpen,focusedSelectedOptionIndex:F.triggerFocus.currentOption,clearAllIsFocused:$,searchable:_,triggerRef:Ge(x,k.ref),error:d,warning:c,tooltip:v,small:S,isInTable:r,disabled:a||I,clearable:t,tabIndex:b,onClickTrigger:P,onChangeSearch:Z,onClickDeselect:te,onClickClear:re,onFocus:T,onBlur:E,groupOrder:u,maxTooltipWidth:l,placeholder:g,right:y,testId:h}),F.isLayerOpen&&X(p.jsx("div",{...z,className:j.layerContainer,children:p.jsx(Ae,{listRef:R,isMulti:n,sections:F.visibleOptions,selectedOptions:s,onSelectOption:(Y,B)=>{O(Y,B,n?void 0:J)},closeLayer:()=>{i&&J()},width:C(Q),small:S,focusedOptionIndex:F.layerFocus.current,firstSelectedOptionIndex:m??0,testId:h&&`${h}-layer`})}))]})})};ze.__docgenInfo={description:"",methods:[],displayName:"CustomSelect",props:{multi:{required:!1,tsType:{name:"boolean"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},options:{required:!0,tsType:{name:"Array",elements:[{name:"union",raw:"ISelectSelectedOption | Heading",elements:[{name:"ISelectSelectedOption"},{name:"Heading"}]}],raw:"TCustomSelectSelectOption[]"},description:""},selectedOptions:{required:!0,tsType:{name:"union",raw:"ISelectSelectedOption | ISelectSelectedOption[]",elements:[{name:"ISelectSelectedOption"},{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"}]},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
38
|
-
event: TChangeEvent<T>,
|
|
39
|
-
...additionalProps: { [key: string]: any }[]
|
|
40
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
41
|
-
target:
|
|
42
|
-
| T
|
|
43
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
44
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
45
|
-
target:
|
|
46
|
-
| T
|
|
47
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
48
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
49
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(value: string) => void",signature:{arguments:[{type:{name:"string"},name:"value"}],return:{name:"void"}}},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"union",raw:"TGroupOrder | string",elements:[{name:"union",raw:"'first' | 'middle' | 'last'",elements:[{name:"literal",value:"'first'"},{name:"literal",value:"'middle'"},{name:"literal",value:"'last'"}]},{name:"string"}]},description:""},firstSelectedOptionIndex:{required:!0,tsType:{name:"union",raw:"number | null",elements:[{name:"number"},{name:"null"}]},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},testId:{required:!1,tsType:{name:"union",raw:"string | undefined",elements:[{name:"string"},{name:"undefined"}]},description:""}}};const Mt=e=>{const{name:n="",options:a=[],value:d,native:c=!1,onChange:v=ae.noop,deprecatedEventHandler:f=!1,autoScroll:s=!0,warning:o,error:g,checkNonExistentValues:S=!0,closeOnOptionActionClick:b=!0,testId:T,disabled:E}=e,_=!c&&s===!0,{multi:t,simpleInputs:l,options:i,selectedOptions:r,firstSelectedOptionIndex:u,hasNonExistentValue:m}=Be(a,d,_,S),y=!t,h=c&&y;c&&!y&&console.warn("Native select does not support provided props (see stories)");const I="Value no longer available for re-selection",L=m&&!E?o?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:o})]}):I:o,R=m&&g&&!E?p.jsxs("div",{children:[p.jsx("div",{children:I}),p.jsx("div",{children:g})]}):g,x=(w,q)=>{if(f){const F=t?q.map(A=>l?A.value:A):l?q.value:q;F&&v(F)}else{const F=!(w instanceof Event),A=t?q:q.value;if(F)w.target.name=n,w.target.value=A,t||(w.target.label=q.label),v(w);else{const H={...w,target:{...w.target,name:n,value:A,label:t?void 0:q.label}};v(H)}}};return h?p.jsx(Oe,{...e,options:i,selectedOption:r,onChange:x,hasNonExistentValue:m,warning:L,error:R,testId:T}):p.jsx(ze,{...e,options:i,selectedOptions:r,onChange:x,multi:t,firstSelectedOptionIndex:u,warning:L,error:R,testId:T,closeOnOptionActionClick:b})};Mt.__docgenInfo={description:"",methods:[],displayName:"Select",props:{name:{required:!1,tsType:{name:"string"},description:""},multi:{required:!1,tsType:{name:"boolean"},description:""},options:{required:!1,tsType:{name:"Array",elements:[{name:"ISelectSelectedOption"}],raw:"ISelectSelectedOption[]"},description:""},value:{required:!1,tsType:{name:"any"},description:""},native:{required:!1,tsType:{name:"boolean"},description:""},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
|
|
50
|
-
event: TChangeEvent<T>,
|
|
51
|
-
...additionalProps: { [key: string]: any }[]
|
|
52
|
-
) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
|
|
53
|
-
target:
|
|
54
|
-
| T
|
|
55
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
56
|
-
}`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
|
|
57
|
-
target:
|
|
58
|
-
| T
|
|
59
|
-
| { name: string; value: any; label?: string; files?: FileList | null };
|
|
60
|
-
}`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
|
|
61
|
-
| { name: string; value: any; label?: string; files?: FileList | null }`,elements:[{name:"T"},{name:"signature",type:"object",raw:"{ name: string; value: any; label?: string; files?: FileList | null }",signature:{properties:[{key:"name",value:{name:"string",required:!0}},{key:"value",value:{name:"any",required:!0}},{key:"label",value:{name:"string",required:!1}},{key:"files",value:{name:"union",raw:"FileList | null",elements:[{name:"FileList"},{name:"null"}],required:!1}}]}}],required:!0}}]}}]},name:"event"},{type:{name:"Array",elements:[{name:"signature",type:"object",raw:"{ [key: string]: any }",signature:{properties:[{key:{name:"string"},value:{name:"any",required:!0}}]}}],raw:"{ [key: string]: any }[]"},name:"additionalProps",rest:!0}],return:{name:"void"}}},description:""},deprecatedEventHandler:{required:!1,tsType:{name:"boolean"},description:""},autoScroll:{required:!1,tsType:{name:"boolean"},description:""},warning:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},error:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactNode"}]},description:""},checkNonExistentValues:{required:!1,tsType:{name:"boolean"},description:""},closeOnOptionActionClick:{required:!1,tsType:{name:"boolean"},description:""},small:{required:!1,tsType:{name:"boolean"},description:""},width:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | null",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"null"}]},description:""},borderRadius:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},onCreate:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: any) => any",signature:{arguments:[{type:{name:"any"},name:"evt"}],return:{name:"any"}}},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:""},placeholder:{required:!1,tsType:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},description:""},isInTable:{required:!1,tsType:{name:"boolean"},description:""},clearable:{required:!1,tsType:{name:"boolean"},description:""},searchable:{required:!1,tsType:{name:"boolean"},description:""},maxTooltipWidth:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:""},autoLayerWidth:{required:!1,tsType:{name:"boolean"},description:""},right:{required:!1,tsType:{name:"boolean"},description:""},tabIndex:{required:!1,tsType:{name:"number"},description:""},testId:{required:!1,tsType:{name:"string"},description:""}}};export{Mt as S};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as E,L as i,S as j,R as c}from"./react-router-dom-Ck2Y_Fzc.js";import{F as y}from"./flex-EllkLxgO.js";import{T as S}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";const r=({children:a,href:o=void 0,target:T=void 0,testId:R,onClick:L,component:v="a"})=>e.jsx(v,{href:o,to:o,target:T,onClick:L,"data-testid":R,children:e.jsx(S,{link:!0,children:a})});r.__docgenInfo={description:"",methods:[],displayName:"TextLink",props:{href:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},target:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"undefined",computed:!0}},testId:{required:!1,tsType:{name:"string"},description:""},onClick:{required:!1,tsType:{name:"signature",type:"function",raw:"(e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void",signature:{arguments:[{type:{name:"ReactMouseEvent",raw:"React.MouseEvent<HTMLAnchorElement, MouseEvent>",elements:[{name:"HTMLAnchorElement"},{name:"MouseEvent"}]},name:"e"}],return:{name:"void"}}},description:""},children:{required:!1,tsType:{name:"ReactReactNode",raw:"React.ReactNode"},description:""},component:{required:!1,tsType:{name:"ReactElementType",raw:"React.ElementType"},description:"",defaultValue:{value:"'a'",computed:!1}}}};const N={title:"Basic/TextLink",component:r,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=a=>e.jsx(r,{...a}),n=k.bind({}),t=k.bind({});t.args={href:void 0,onClick:()=>console.log("Clicked!")};const s=()=>e.jsxs(E,{children:[e.jsxs(y,{gap:!0,children:[e.jsx(r,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(r,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(j,{children:[e.jsx(c,{path:"/dashboard",children:"Dashboard"}),e.jsx(c,{path:"/settings",children:"Settings"})]})]});s.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,p,m;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TextLink {...args} />",...(m=(p=n.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};var u,l,h;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:"args => <TextLink {...args} />",...(h=(l=t.parameters)==null?void 0:l.docs)==null?void 0:h.source}}};var g,f,x;s.parameters={...s.parameters,docs:{...(g=s.parameters)==null?void 0:g.docs,source:{originalSource:`() => <HashRouter>
|
|
2
|
-
<Flex gap>
|
|
3
|
-
<TextLink component={Link} href="/dashboard">
|
|
4
|
-
Dashboard
|
|
5
|
-
</TextLink>
|
|
6
|
-
<TextLink component={Link} href="/settings">
|
|
7
|
-
Settings
|
|
8
|
-
</TextLink>
|
|
9
|
-
</Flex>
|
|
10
|
-
<Switch>
|
|
11
|
-
<Route path="/dashboard">Dashboard</Route>
|
|
12
|
-
<Route path="/settings">Settings</Route>
|
|
13
|
-
</Switch>
|
|
14
|
-
</HashRouter>`,...(x=(f=s.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const I=["Default","OnClick","AsRouterLink"];export{s as AsRouterLink,n as Default,t as OnClick,I as __namedExportsOrder,N as default};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import{j as e}from"./jsx-runtime-eps93zm2.js";import{H as I,L as c,S as D,R as l}from"./react-router-dom-Ck2Y_Fzc.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-DkXSzzqt.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-D-uVCDzk.js";import{B as m}from"./button-DHevvVBE.js";import{B as P}from"./badge-CLQ59MDF.js";import{L as v}from"./logo-BVP9045W.js";import{s as H}from"./icon-custom-Xcl4YkWP.js";import{M as s}from"./types-BmbYqTX_.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DP0QEDDI.js";import"./index-CEuq6vkz.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./icon-BSFY3vDO.js";import"./disabled-context-rmpd7YJS.js";import"./lodash-c4VUpsOs.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./types-Dx2TtIG9.js";import"./spinner-AWUe4xwQ.js";const M=[{type:"Link",label:"Link",onClick:()=>{}},{type:"Link",label:"Active",active:!0,onClick:()=>{}},{type:"Link",label:"Disabled",disabled:!0,onClick:()=>{}},{type:"Menu",label:"Dropdown",onClick:()=>{},sections:[{type:"Option",label:"Alpacas",onClick:()=>{}},{type:"Option",label:"Llamas",onClick:()=>{}}]},{type:"Button",label:"Save",colored:!0,onClick:()=>{},testId:"top-bar-button-save"}],E=[{type:"Component",component:e.jsx(P,{title:"3",small:!0,margin:"5px",children:e.jsx(m,{icon:O.NOTIFICATION,round:!0,onClick:()=>{}})})},{type:"Component",component:e.jsx(N,{menu:{trigger:A.COMPONENT,fullHeightTrigger:!0,placement:"bottom-end",component:e.jsx(m,{label:"TU",round:!0,onClick:()=>{}}),sections:[{type:s.HEADING,label:"Test User"},{type:s.OPTION,label:"Profile",icon:"user",onClick:()=>{}},{type:s.DIVIDER},{type:s.OPTION,label:"Sign out",icon:"lock",onClick:()=>{}}]}})}],ce={title:"Navigation/TopBar",component:p,parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}},argTypes:{height:{control:"text"}},args:{title:{logo:e.jsx("img",{src:v,alt:"logo"}),onClick:()=>{}},content:M,contentRight:E}},i=j=>e.jsx(p,{...j}),n=i.bind({}),t=i.bind({});t.args={warning:"Application update available. Please refresh your browser."};const r=i.bind({});r.args={title:{label:"Text Branding",onClick:()=>{}}};const o=i.bind({});o.args={appSwitcher:{icon:H,onClick:()=>{}}};const a=()=>e.jsx(I,{children:e.jsxs(w,{left:0,children:[e.jsx(p,{content:[{type:"Link",label:"Dashboard",component:c,url:"/dashboard"},{type:"Link",label:"Settings",component:c,url:"/settings"}]}),e.jsxs(D,{children:[e.jsx(l,{path:"/dashboard",children:"Dashboard"}),e.jsx(l,{path:"/settings",children:"Settings"})]})]})});a.__docgenInfo={description:"",methods:[],displayName:"AsRouterLink"};var d,u,g;n.parameters={...n.parameters,docs:{...(d=n.parameters)==null?void 0:d.docs,source:{originalSource:"args => <TopBar {...args} />",...(g=(u=n.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,b,k;t.parameters={...t.parameters,docs:{...(h=t.parameters)==null?void 0:h.docs,source:{originalSource:"args => <TopBar {...args} />",...(k=(b=t.parameters)==null?void 0:b.docs)==null?void 0:k.source}}};var T,y,f;r.parameters={...r.parameters,docs:{...(T=r.parameters)==null?void 0:T.docs,source:{originalSource:"args => <TopBar {...args} />",...(f=(y=r.parameters)==null?void 0:y.docs)==null?void 0:f.source}}};var x,S,C;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:"args => <TopBar {...args} />",...(C=(S=o.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var L,B,R;a.parameters={...a.parameters,docs:{...(L=a.parameters)==null?void 0:L.docs,source:{originalSource:`() => {
|
|
2
|
-
return <HashRouter>
|
|
3
|
-
<Page left={0}>
|
|
4
|
-
<TopBar content={[{
|
|
5
|
-
type: 'Link',
|
|
6
|
-
label: 'Dashboard',
|
|
7
|
-
component: Link,
|
|
8
|
-
url: '/dashboard'
|
|
9
|
-
}, {
|
|
10
|
-
type: 'Link',
|
|
11
|
-
label: 'Settings',
|
|
12
|
-
component: Link,
|
|
13
|
-
url: '/settings'
|
|
14
|
-
}]} />
|
|
15
|
-
<Switch>
|
|
16
|
-
<Route path="/dashboard">Dashboard</Route>
|
|
17
|
-
<Route path="/settings">Settings</Route>
|
|
18
|
-
</Switch>
|
|
19
|
-
</Page>
|
|
20
|
-
</HashRouter>;
|
|
21
|
-
}`,...(R=(B=a.parameters)==null?void 0:B.docs)==null?void 0:R.source}}};const le=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,a as AsRouterLink,n as Default,r as TextBranding,t as WithWarning,le as __namedExportsOrder,ce as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._predefinedMenuActive_1yvt4_1 input{background:var(--color-background-disabled)!important}
|