@oliasoft-open-source/react-ui-library 4.9.0-beta-2 → 4.9.0-beta-3

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.
Files changed (132) hide show
  1. package/dist/index.js +14 -19
  2. package/dist/index.js.map +1 -1
  3. package/dist/storybook/assets/Color-KGDBMAHA-CHN1S2X8.js +1 -0
  4. package/dist/storybook/assets/DocsRenderer-PKQXORMH-DmD_BuR8.js +1 -0
  5. package/dist/storybook/assets/{accordion-6ouB0WTt.js → accordion-BiuI_LCA.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-D8Jb5lRq.js → accordion.stories-BtQXhKld.js} +2 -2
  7. package/dist/storybook/assets/{actions-Tr0wIZve.js → actions-D-uVCDzk.js} +1 -1
  8. package/dist/storybook/assets/{actions.stories-CQK6PyBH.js → actions.stories-gKfuiKQy.js} +1 -1
  9. package/dist/storybook/assets/{afe.stories-Dxdcf-Wr.js → afe.stories-DFQsvqIV.js} +2 -2
  10. package/dist/storybook/assets/{badge.stories-Blb5k20_.js → badge.stories-Dkq_XgEW.js} +1 -1
  11. package/dist/storybook/assets/{blowout.stories-hdxkqScp.js → blowout.stories-DHdofVc-.js} +1 -1
  12. package/dist/storybook/assets/{button-CzvLc2io.js → button-DHevvVBE.js} +1 -1
  13. package/dist/storybook/assets/{button-group-C1PqMW-H.js → button-group-1DEZPmxq.js} +1 -1
  14. package/dist/storybook/assets/{button-group.stories-QlYbfeJS.js → button-group.stories-C4V1k0z_.js} +1 -1
  15. package/dist/storybook/assets/{button.stories-tM18j4A3.js → button.stories-DA9DGYD2.js} +2 -2
  16. package/dist/storybook/assets/{buttons-and-links-CtCO9I4x.js → buttons-and-links-CofJkf3B.js} +2 -2
  17. package/dist/storybook/assets/{card.stories-Bn6LpucB.js → card.stories-CsTB0DuM.js} +1 -1
  18. package/dist/storybook/assets/{casing-loads.stories-Bo9VN-h1.js → casing-loads.stories-1KCWDoR3.js} +2 -2
  19. package/dist/storybook/assets/{cell.stories-BRIh_VqD.js → cell.stories-CBq3IOiP.js} +2 -2
  20. package/dist/storybook/assets/{check-box-wCvXxtCz.js → check-box-DPLaOkRR.js} +1 -1
  21. package/dist/storybook/assets/{check-box.stories-Q_WICJ_2.js → check-box.stories-DfbWw6mD.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-pVr_pd7U.js → chunk-HLWAVYOI-D6plKxhM.js} +1 -1
  23. package/dist/storybook/assets/color-Cm8Vinoa.js +25 -0
  24. package/dist/storybook/assets/{column.stories-DATtbLrP.js → column.stories-DDTHFELF.js} +1 -1
  25. package/dist/storybook/assets/{dialog-B55T_62Q.js → dialog-BelCA1mt.js} +1 -1
  26. package/dist/storybook/assets/{drawer-CNKfMbq9.js → drawer-DOWJp9T4.js} +1 -1
  27. package/dist/storybook/assets/drawer.stories-DcjyDHEs.js +113 -0
  28. package/dist/storybook/assets/{empty.stories-CVaJlnv1.js → empty.stories-DcwF0pkK.js} +1 -1
  29. package/dist/storybook/assets/{field-C5_fLDpy.js → field-HrLaMLbx.js} +1 -1
  30. package/dist/storybook/assets/{field.stories-DhiTcelS.js → field.stories-DUGMwi1O.js} +1 -1
  31. package/dist/storybook/assets/{file-button.stories-oe6HKMH2.js → file-button.stories-CU2pZcEO.js} +1 -1
  32. package/dist/storybook/assets/{file-input-CMP44wlr.js → file-input-X3BnZaHk.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-DTRWZyqS.js → file-input.stories-CWD5XYE9.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-DtDxXdHB.js → flex.stories-BhvJpHpN.js} +1 -1
  35. package/dist/storybook/assets/footer.stories-D-rIL9Q8.js +3 -0
  36. package/dist/storybook/assets/form.stories-BrUnmw7R.js +49 -0
  37. package/dist/storybook/assets/formation.stories-ByGQlyM6.js +74 -0
  38. package/dist/storybook/assets/{heading-NkLgQYoP.js → heading-CRNoBc7q.js} +1 -1
  39. package/dist/storybook/assets/{heading.stories-nI_cFnAN.js → heading.stories-DahFxeiX.js} +1 -1
  40. package/dist/storybook/assets/{help-icon-41R-Z9N1.js → help-icon-Buhx5nl6.js} +1 -1
  41. package/dist/storybook/assets/{help-icon.stories-DBYh0YX7.js → help-icon.stories-DbmZ1fgP.js} +1 -1
  42. package/dist/storybook/assets/icon-BSFY3vDO.js +8 -0
  43. package/dist/storybook/assets/{icon.stories-C4pR7xky.js → icon.stories-fnZUR-LK.js} +1 -1
  44. package/dist/storybook/assets/iframe-Z2m5WTzB.js +2 -0
  45. package/dist/storybook/assets/index-BDuzEdVP.js +1 -0
  46. package/dist/storybook/assets/{index-BtLaQIRR.js → index-Cq__GtHn.js} +8 -8
  47. package/dist/storybook/assets/{index.es-D2piFfFj.js → index.es-DazXb-ul.js} +4 -4
  48. package/dist/storybook/assets/inheritsLoose-DP0QEDDI.js +1 -0
  49. package/dist/storybook/assets/{input-group.stories-CCXx8SUE.js → input-group.stories-CElwRt3p.js} +2 -2
  50. package/dist/storybook/assets/{input-validation-CipliMS4.js → input-validation-ZIuVwPoa.js} +2 -2
  51. package/dist/storybook/assets/{inputs-CfCos_Do.js → inputs-CNXjhlBh.js} +2 -2
  52. package/dist/storybook/assets/{label-hiSz3I8H.js → label-CqmyC9he.js} +1 -1
  53. package/dist/storybook/assets/{label.stories-Cyv5jBAO.js → label.stories-C0AO5F1a.js} +1 -1
  54. package/dist/storybook/assets/layout-forms-C-SoBg1o.js +16 -0
  55. package/dist/storybook/assets/{layout-general-BSEz3PKo.js → layout-general-Clz5Yc1Q.js} +2 -2
  56. package/dist/storybook/assets/{list-DhjHm8bz.js → list-bKpz6I9Q.js} +1 -1
  57. package/dist/storybook/assets/{list.stories-2F-UkS1E.js → list.stories-Cgmt29Wv.js} +2 -2
  58. package/dist/storybook/assets/{list.stories-data-DqFECKJF.js → list.stories-data-D_Aj3AN4.js} +1 -1
  59. package/dist/storybook/assets/{loader.stories-BMe1zhEL.js → loader.stories-pS8zRM4u.js} +1 -1
  60. package/dist/storybook/assets/{menu.stories-B_1YsebS.js → menu.stories-xWX80Eh2.js} +2 -2
  61. package/dist/storybook/assets/{message-DQ3q8XF9.js → message-Y48EomV-.js} +1 -1
  62. package/dist/storybook/assets/{message.stories-QYFwbrO0.js → message.stories-r_UlbshI.js} +1 -1
  63. package/dist/storybook/assets/{meta-content-DCllGQX6.js → meta-content-DWZbURV2.js} +1 -1
  64. package/dist/storybook/assets/{modal.stories-BZHVz3SN.js → modal.stories-LhoWfDE6.js} +2 -2
  65. package/dist/storybook/assets/number-input-F3bqJ0z5.js +16 -0
  66. package/dist/storybook/assets/{number-input.stories-XP0NZg9d.js → number-input.stories-Dw2eW2Mc.js} +2 -2
  67. package/dist/storybook/assets/{option-dropdown.stories-ntKLWycS.js → option-dropdown.stories-CIvqMhQ3.js} +1 -1
  68. package/dist/storybook/assets/{padding-and-spacing-BJI9HaUS.js → padding-and-spacing-BmsvMp30.js} +2 -2
  69. package/dist/storybook/assets/{page.stories-Dp_z8s1a.js → page.stories-DnCh8h8y.js} +1 -1
  70. package/dist/storybook/assets/{pagination-CUucuCPT.js → pagination-CLt-kUlx.js} +1 -1
  71. package/dist/storybook/assets/{pagination.stories-CN4-LYyQ.js → pagination.stories-CTRM0Xou.js} +2 -2
  72. package/dist/storybook/assets/{pop-confirm.stories-D-iQo6s7.js → pop-confirm.stories-DCpooB2O.js} +1 -1
  73. package/dist/storybook/assets/{popover-9ZnEm5Hy.js → popover-rq33c1W2.js} +1 -1
  74. package/dist/storybook/assets/popover.stories-CGm0M5fv.js +10 -0
  75. package/dist/storybook/assets/{preview-I-_KBbaH.js → preview-D7bLtJOF.js} +2 -2
  76. package/dist/storybook/assets/preview-PrNfVOD8.js +2 -0
  77. package/dist/storybook/assets/projects.stories-BQswWVCx.js +47 -0
  78. package/dist/storybook/assets/{radio-button-YWkXh8yt.js → radio-button-DmDuw4DA.js} +1 -1
  79. package/dist/storybook/assets/{radio-button.stories-DB127127.js → radio-button.stories-5gvV0LD0.js} +1 -1
  80. package/dist/storybook/assets/react-router-dom-Ck2Y_Fzc.js +8 -0
  81. package/dist/storybook/assets/{reservoirs.stories-B2mJ74TZ.js → reservoirs.stories-B12tIrmZ.js} +2 -2
  82. package/dist/storybook/assets/{rich-text-input.stories-B3O7b7-u.js → rich-text-input.stories-hAHCnDHk.js} +3 -3
  83. package/dist/storybook/assets/{row.stories-D014hMyd.js → row.stories-ghcsAzwW.js} +2 -2
  84. package/dist/storybook/assets/{select-BEc_mNg5.js → select-DnRuRG_N.js} +2 -2
  85. package/dist/storybook/assets/{select.stories-DXD4AYSk.js → select.stories-B9w9ONzj.js} +2 -2
  86. package/dist/storybook/assets/{side-bar-BApSkmiM.js → side-bar-CSx5wI-k.js} +1 -1
  87. package/dist/storybook/assets/{side-bar.stories-BuAIJ8NV.js → side-bar.stories-M6FsuCrQ.js} +1 -1
  88. package/dist/storybook/assets/{site.stories-CbJ0phLn.js → site.stories-umpPYjkq.js} +2 -2
  89. package/dist/storybook/assets/{slider-CBE03NwD.js → slider-C7vnj_3M.js} +4 -4
  90. package/dist/storybook/assets/{slider.stories-7oMw2PCp.js → slider.stories-BzBb3PkP.js} +2 -2
  91. package/dist/storybook/assets/{smart-upload-modal.stories-CdgsGLvm.js → smart-upload-modal.stories-Dn7dIsu1.js} +1 -1
  92. package/dist/storybook/assets/{spacer.stories-BC7lirqi.js → spacer.stories-BBTt2LdE.js} +1 -1
  93. package/dist/storybook/assets/{table-CsEdIPXW.js → table-BCdvBxub.js} +1 -1
  94. package/dist/storybook/assets/{table.stories-B5frb4W9.js → table.stories-DkmbUVHr.js} +2 -2
  95. package/dist/storybook/assets/{table.stories-data-CYppbCAy.js → table.stories-data-D52aKMY1.js} +1 -1
  96. package/dist/storybook/assets/text-link.stories-BQAkVO-W.js +14 -0
  97. package/dist/storybook/assets/{title.stories-BisMTHc8.js → title.stories-DpFDK9o1.js} +2 -2
  98. package/dist/storybook/assets/{toaster-CDSt-Toh.js → toaster-BoBcvmf9.js} +1 -1
  99. package/dist/storybook/assets/{toaster.stories-D1XTcQR_.js → toaster.stories-HO4VBTy-.js} +1 -1
  100. package/dist/storybook/assets/{toggle-C0zvrIOF.js → toggle-BbFVf61v.js} +1 -1
  101. package/dist/storybook/assets/{toggle.stories-DOc7uN93.js → toggle.stories-qTHFTXxI.js} +1 -1
  102. package/dist/storybook/assets/{tooltip.test-case.stories-D2SX9mkM.js → tooltip.test-case.stories-CHibN8rC.js} +1 -1
  103. package/dist/storybook/assets/{top-bar-BQzmL0IU.js → top-bar-DkXSzzqt.js} +1 -1
  104. package/dist/storybook/assets/top-bar.stories-HDmWT243.js +21 -0
  105. package/dist/storybook/assets/{top-bar.testcase.stories-DpV-QqfZ.js → top-bar.testcase.stories-DfmrkEpT.js} +1 -1
  106. package/dist/storybook/assets/{tree.stories-CsmZwDmr.js → tree.stories-feLUcTtm.js} +1 -1
  107. package/dist/storybook/assets/{unit-input.stories-DiZlUE9e.js → unit-input.stories-D7vlYO8f.js} +3 -3
  108. package/dist/storybook/assets/unit-table.stories-u1PeEt0F.js +152 -0
  109. package/dist/storybook/iframe.html +1 -1
  110. package/dist/storybook/project.json +1 -1
  111. package/package.json +1 -1
  112. package/dist/storybook/assets/Color-KGDBMAHA-9iiZ9sw8.js +0 -1
  113. package/dist/storybook/assets/DocsRenderer-PKQXORMH-ypxq1WaK.js +0 -1
  114. package/dist/storybook/assets/color-DRpLnJug.js +0 -25
  115. package/dist/storybook/assets/drawer.stories-BzVj2VTf.js +0 -113
  116. package/dist/storybook/assets/extends-CF3RwP-h.js +0 -1
  117. package/dist/storybook/assets/footer.stories-Cghb-yfM.js +0 -3
  118. package/dist/storybook/assets/form.stories-Bs1kjjd-.js +0 -49
  119. package/dist/storybook/assets/formation.stories-DqRntQtC.js +0 -74
  120. package/dist/storybook/assets/icon-BP4BO6-k.js +0 -8
  121. package/dist/storybook/assets/iframe-Dl9kSAK_.js +0 -2
  122. package/dist/storybook/assets/index-B-vN3mVN.js +0 -1
  123. package/dist/storybook/assets/inheritsLoose-DR8r8Ogv.js +0 -1
  124. package/dist/storybook/assets/layout-forms-BQ06Ufkz.js +0 -16
  125. package/dist/storybook/assets/number-input-CKbeoN5B.js +0 -16
  126. package/dist/storybook/assets/popover.stories-Cxaq0SAc.js +0 -10
  127. package/dist/storybook/assets/preview-1dyDpjfs.js +0 -2
  128. package/dist/storybook/assets/projects.stories-B1J-8EYu.js +0 -47
  129. package/dist/storybook/assets/react-router-dom-CMITYWBH.js +0 -8
  130. package/dist/storybook/assets/text-link.stories-BsuVBOWo.js +0 -14
  131. package/dist/storybook/assets/top-bar.stories-Czza1RvB.js +0 -21
  132. package/dist/storybook/assets/unit-table.stories-DPghKtFI.js +0 -152
@@ -1,16 +0,0 @@
1
- import{j as I}from"./jsx-runtime-eps93zm2.js";import{r as a}from"./index-DhsZuJvc.js";import{d as r}from"./index-C0x1JmaP.js";import{K as Q,E as X}from"./select-BEc_mNg5.js";import{l as Y}from"./lodash-c4VUpsOs.js";import{I as $}from"./input-DTXbDJaL.js";const ee=14,ne=n=>r.isScientificStringNum(n)?n:r.roundToPrecision(n,ee),d=n=>String(r.toString(n)),te=n=>n?typeof n=="string"?n:Y.isArray(n)?n[0]:n.fieldName:"",ae=({name:n,placeholder:g="",disabled:h=!1,error:y=!1,left:S=!1,small:F=!1,width:C="100%",value:p="",onChange:L=()=>{},onFocus:R=()=>{},onBlur:k=()=>{},tabIndex:x=0,testId:j,tooltip:M=null,warning:H=!1,validationCallback:v=()=>{},allowEmpty:O=!1,isInTable:_,groupOrder:A,enableCosmeticRounding:T=!0,enableDisplayRounding:f=!1,roundDisplayValue:b,disableInternalErrorValidationMessages:K=!1})=>{const s=a.useRef(null),[i,E]=a.useState(d(p)),[l,w]=a.useState(!1),[P,q]=a.useState(!0),o=te(n),B=e=>{const t=r.validateNumber(e);return O&&e===""||t.valid?{...t,valid:!0,errors:void 0}:t},{valid:m,errors:c}=B(i),N=c&&c.length&&!K?c[0]:null;a.useEffect(()=>{E(d(p)),q(!0)},[p,T,f]),a.useEffect(()=>{!l&&!m?v(o,N):v(o,null)},[l,m,y]);const V=e=>{if(m&&!P){const t={...e,target:{...e.target,value:r.stripLeadingZeros(d(i)),name:o}};L(t)}},D=e=>{const t=e.target,{value:z}=t,J=r.cleanNumStr(z.replaceAll(" ","").replaceAll("|",""));E(J),q(!1)};a.useEffect(()=>{if(s&&(s!=null&&s.current)&&f&&l){const e=s.current;e&&setTimeout(()=>{const{length:t}=d(i);e.setSelectionRange(t,t)},0)}},[l]);const U=e=>{w(!0),R(e)},W=e=>{w(!1),V(e),k(e)},u=f&&!l&&m?b?d(b(i)):r.roundToFixed(i,2):i,Z=!!(u!=null&&u.endsWith("0")),G=T&&u&&!Z&&m?ne(u):u;return I.jsx(Q,{handleKeys:[X.ENTER],onKeyEvent:(e,t)=>V(t),children:I.jsx($,{type:"text",name:o,testId:j,disabled:h,placeholder:g,value:G,onChange:D,onFocus:U,onBlur:W,error:!l&&(N||y),warning:H,right:!S,small:F,width:C,isInTable:_,groupOrder:A,tabIndex:x,tooltip:M,ref:s},o)})};ae.__docgenInfo={description:"",methods:[],displayName:"NumberInput",props:{name:{required:!1,tsType:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},description:""},placeholder:{required:!1,tsType:{name:"string"},description:"",defaultValue:{value:"''",computed:!1}},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},error:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},left:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},small:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},width:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"'100%'",computed:!1}},value:{required:!1,tsType:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},description:"",defaultValue:{value:"''",computed:!1}},onChange:{required:!1,tsType:{name:"signature",type:"function",raw:`(
2
- event: TChangeEvent<T>,
3
- ...additionalProps: { [key: string]: any }[]
4
- ) => void`,signature:{arguments:[{type:{name:"intersection",raw:`ChangeEvent<T> & {
5
- target:
6
- | T
7
- | { name: string; value: any; label?: string; files?: FileList | null };
8
- }`,elements:[{name:"ChangeEvent",elements:[{name:"T"}],raw:"ChangeEvent<T>"},{name:"signature",type:"object",raw:`{
9
- target:
10
- | T
11
- | { name: string; value: any; label?: string; files?: FileList | null };
12
- }`,signature:{properties:[{key:"target",value:{name:"union",raw:`| T
13
- | { 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:"",defaultValue:{value:"() => {}",computed:!1}},onFocus:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},onBlur:{required:!1,tsType:{name:"signature",type:"function",raw:"(evt: FocusEvent<HTMLInputElement>) => void",signature:{arguments:[{type:{name:"FocusEvent",elements:[{name:"HTMLInputElement"}],raw:"FocusEvent<HTMLInputElement>"},name:"evt"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},tabIndex:{required:!1,tsType:{name:"number"},description:"",defaultValue:{value:"0",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},tooltip:{required:!1,tsType:{name:"union",raw:"TStringOrNumber | React.ReactNode",elements:[{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},{name:"ReactReactNode",raw:"React.ReactNode"}]},description:"",defaultValue:{value:"null",computed:!1}},warning:{required:!1,tsType:{name:"union",raw:"string | boolean",elements:[{name:"string"},{name:"boolean"}]},description:"",defaultValue:{value:"false",computed:!1}},validationCallback:{required:!1,tsType:{name:"signature",type:"function",raw:`(
14
- name: string | { fieldName: string },
15
- error: string | null,
16
- ) => void`,signature:{arguments:[{type:{name:"union",raw:"string | { fieldName: string }",elements:[{name:"string"},{name:"signature",type:"object",raw:"{ fieldName: string }",signature:{properties:[{key:"fieldName",value:{name:"string",required:!0}}]}}]},name:"name"},{type:{name:"union",raw:"string | null",elements:[{name:"string"},{name:"null"}]},name:"error"}],return:{name:"void"}}},description:"",defaultValue:{value:"() => {}",computed:!1}},allowEmpty:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isInTable:{required:!1,tsType:{name:"boolean"},description:""},groupOrder:{required:!1,tsType:{name:"any"},description:""},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},roundDisplayValue:{required:!1,tsType:{name:"signature",type:"function",raw:"(args: TStringOrNumber) => TStringOrNumber",signature:{arguments:[{type:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]},name:"args"}],return:{name:"union",raw:"string | number",elements:[{name:"string"},{name:"number"}]}}},description:""},disableInternalErrorValidationMessages:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}}}};export{ae as N,ne as r};
@@ -1,10 +0,0 @@
1
- import{j as r}from"./jsx-runtime-eps93zm2.js";import{r as k}from"./index-DhsZuJvc.js";import{S as w}from"./spacer-BWoNR27H.js";import{P as n}from"./popover-9ZnEm5Hy.js";import{I as c}from"./input-DTXbDJaL.js";import{B as i}from"./button-CzvLc2io.js";import{F as y}from"./flex-EllkLxgO.js";import{S as D}from"./select-BEc_mNg5.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./index-Bk2sglWO.js";import"./common-types-Sih75Sav.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./lodash-c4VUpsOs.js";import"./spinner-AWUe4xwQ.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./badge-CLQ59MDF.js";import"./select.input-D0UkAPd9.js";const u=[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],_=({close:e})=>r.jsxs(y,{gap:"var(--padding-xs)",children:[r.jsx(c,{value:"Value",width:"150px",small:!0}),r.jsx(D,{options:u,value:u[0],width:"auto",small:!0}),r.jsx(i,{colored:!0,label:"Save",onClick:()=>{},small:!0}),r.jsx(i,{label:"Cancel",onClick:e,small:!0})]}),lr={title:"Basic/Popover",component:n,args:{overflowContainer:!0,content:r.jsx(_,{}),children:r.jsx(i,{label:"Toggle me"})},decorators:[e=>r.jsx("div",{style:{display:"flex"},children:e()})],parameters:{docs:{source:{excludeDecorators:!0}}}},l=e=>r.jsx(n,{...e}),p=l.bind({}),o=l.bind({});o.args={children:r.jsx(c,{value:"Value",width:"100%"})};const s=l.bind({});s.args={closeOnOutsideClick:!1,showCloseButton:!0};const t=l.bind({});t.args={disabled:!0};const a=e=>{const[m,T]=k.useState(!1);return r.jsxs("div",{children:[r.jsx(i,{onClick:()=>T(!m),label:"Toggle Popover Externally"}),r.jsx(w,{}),r.jsx(n,{...e,isOpen:m,children:r.jsx(c,{})})]})};a.__docgenInfo={description:"",methods:[],displayName:"ExternalControl"};var d,g,x;p.parameters={...p.parameters,docs:{...(d=p.parameters)==null?void 0:d.docs,source:{originalSource:"args => <Popover {...args} />",...(x=(g=p.parameters)==null?void 0:g.docs)==null?void 0:x.source}}};var v,f,j;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:"args => <Popover {...args} />",...(j=(f=o.parameters)==null?void 0:f.docs)==null?void 0:j.source}}};var b,S,C;s.parameters={...s.parameters,docs:{...(b=s.parameters)==null?void 0:b.docs,source:{originalSource:"args => <Popover {...args} />",...(C=(S=s.parameters)==null?void 0:S.docs)==null?void 0:C.source}}};var O,h,P;t.parameters={...t.parameters,docs:{...(O=t.parameters)==null?void 0:O.docs,source:{originalSource:"args => <Popover {...args} />",...(P=(h=t.parameters)==null?void 0:h.docs)==null?void 0:P.source}}};var I,E,B;a.parameters={...a.parameters,docs:{...(I=a.parameters)==null?void 0:I.docs,source:{originalSource:`args => {
2
- const [isOpen, setIsOpen] = useState(false);
3
- return <div>
4
- <Button onClick={() => setIsOpen(!isOpen)} label="Toggle Popover Externally" />
5
- <Spacer />
6
- <Popover {...args} isOpen={isOpen}>
7
- <Input />
8
- </Popover>
9
- </div>;
10
- }`,...(B=(E=a.parameters)==null?void 0:E.docs)==null?void 0:B.source}}};const nr=["Default","InputTrigger","CloseButton","Disabled","ExternalControl"];export{s as CloseButton,p as Default,t as Disabled,a as ExternalControl,o as InputTrigger,nr as __namedExportsOrder,lr as default};
@@ -1,2 +0,0 @@
1
- const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./DocsRenderer-PKQXORMH-ypxq1WaK.js","./chunk-HLWAVYOI-pVr_pd7U.js","./iframe-Dl9kSAK_.js","./index-DhsZuJvc.js","./react-16-DXAfArL2.js","./index-CUZDtIZe.js","./index-BtLaQIRR.js","./extends-CF3RwP-h.js","./assertThisInitialized-B9jnkVVz.js","./inheritsLoose-DR8r8Ogv.js","./index-D6rZ4wEC.js"])))=>i.map(i=>d[i]);
2
- import{_ as a}from"./iframe-Dl9kSAK_.js";import"../sb-preview/runtime.js";const{global:s}=__STORYBOOK_MODULE_GLOBAL__;var _=Object.entries(s.TAGS_OPTIONS??{}).reduce((e,r)=>{let[t,o]=r;return o.excludeFromDocsStories&&(e[t]=!0),e},{}),d={docs:{renderer:async()=>{let{DocsRenderer:e}=await a(()=>import("./DocsRenderer-PKQXORMH-ypxq1WaK.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);return new e},stories:{filter:e=>{var r;return(e.tags||[]).filter(t=>_[t]).length===0&&!((r=e.parameters.docs)!=null&&r.disable)}}}};export{d as parameters};
@@ -1,47 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import"./index-DhsZuJvc.js";import{T as n}from"./top-bar-BQzmL0IU.js";import{L as r}from"./list-DhjHm8bz.js";import{P as p}from"./page-7SSpdYhb.js";import{R as c,C as o}from"./row-Bmiy2Lh0.js";import{T as d}from"./tabs-C3NG6m9W.js";import{S as u}from"./spacer-BWoNR27H.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./common-types-Sih75Sav.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./actions-Tr0wIZve.js";import"./lodash-c4VUpsOs.js";import"./types-BmbYqTX_.js";import"./types-Dx2TtIG9.js";import"./badge-CLQ59MDF.js";import"./index.es-D2piFfFj.js";import"./extends-CF3RwP-h.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./memoize-one.esm-CcMeOnPo.js";import"./card-EcjmryU9.js";import"./meta-content-DCllGQX6.js";import"./heading-NkLgQYoP.js";import"./help-icon-41R-Z9N1.js";import"./loader-XHoVniao.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./select.input-D0UkAPd9.js";const t=[{label:"Browse",value:"Browse"},{label:"Recent",value:"Recent"},{label:"My Projects",value:"My Projects"}],s=[{id:1,name:"Lorem",active:!0},{id:2,name:"Ipsum"},{id:3,name:"Dolor"},{id:4,name:"Long name goes here lorem ipsum"},{id:5,name:"Lorem"},{id:6,name:"Ipsum"},{id:7,name:"Dolor"},{id:8,name:"Long name goes here lorem ipsum"},{id:9,name:"Lorem"},{id:10,name:"Ipsum"},{id:11,name:"Dolor"},{id:12,name:"Long name goes here lorem ipsum"},{id:13,name:"Lorem"},{id:14,name:"Ipsum"},{id:15,name:"Dolor"},{id:16,name:"Long name goes here lorem ipsum"}],Y={title:"Layout/Layout Examples",parameters:{layout:"fullscreen",docs:{story:{inline:!1,iframeHeight:400}}}},l=()=>e.jsxs(e.Fragment,{children:[e.jsx(n,{}),e.jsxs(p,{padding:!1,left:0,scroll:!1,children:[e.jsx(u,{}),e.jsx(d,{margin:!1,padding:!0,options:t,value:t[0]}),e.jsxs(c,{spacing:0,flex:!0,height:"100%",children:[e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Country",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Field",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Site",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Well",items:s}})}),e.jsx(o,{borderRight:!0,scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Wellbore",items:s}})}),e.jsx(o,{scroll:!0,showScrollbar:!1,children:e.jsx(r,{list:{name:"Design",items:s}})})]})]})]});l.__docgenInfo={description:"",methods:[],displayName:"Projects"};var i,m,a;l.parameters={...l.parameters,docs:{...(i=l.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
2
- return <>
3
- <TopBar />
4
- <Page padding={false} left={0} scroll={false}>
5
- <Spacer />
6
- <Tabs margin={false} padding options={tabs} value={tabs[0]} />
7
- <Row spacing={0} flex height="100%">
8
- <Column borderRight scroll showScrollbar={false}>
9
- <List list={{
10
- name: 'Country',
11
- items
12
- }} />
13
- </Column>
14
- <Column borderRight scroll showScrollbar={false}>
15
- <List list={{
16
- name: 'Field',
17
- items
18
- }} />
19
- </Column>
20
- <Column borderRight scroll showScrollbar={false}>
21
- <List list={{
22
- name: 'Site',
23
- items
24
- }} />
25
- </Column>
26
- <Column borderRight scroll showScrollbar={false}>
27
- <List list={{
28
- name: 'Well',
29
- items
30
- }} />
31
- </Column>
32
- <Column borderRight scroll showScrollbar={false}>
33
- <List list={{
34
- name: 'Wellbore',
35
- items
36
- }} />
37
- </Column>
38
- <Column scroll showScrollbar={false}>
39
- <List list={{
40
- name: 'Design',
41
- items
42
- }} />
43
- </Column>
44
- </Row>
45
- </Page>
46
- </>;
47
- }`,...(a=(m=l.parameters)==null?void 0:m.docs)==null?void 0:a.source}}};const Z=["Projects"];export{l as Projects,Z as __namedExportsOrder,Y as default};
@@ -1,8 +0,0 @@
1
- import{_ as V}from"./inheritsLoose-DR8r8Ogv.js";import{g as st,R as w}from"./index-DhsZuJvc.js";import{P as Be}from"./index-CEuq6vkz.js";import{_ as F}from"./extends-CF3RwP-h.js";import{i as Y}from"./tiny-invariant-DqLgxztJ.js";import{_ as ce}from"./objectWithoutPropertiesLoose-CAYKN5F1.js";function ie(e){return e.charAt(0)==="/"}function Pe(e,t){for(var i=t,r=i+1,n=e.length;r<n;i+=1,r+=1)e[i]=e[r];e.pop()}function ct(e,t){t===void 0&&(t="");var i=e&&e.split("/")||[],r=t&&t.split("/")||[],n=e&&ie(e),o=t&&ie(t),u=n||o;if(e&&ie(e)?r=i:i.length&&(r.pop(),r=r.concat(i)),!r.length)return"/";var c;if(r.length){var l=r[r.length-1];c=l==="."||l===".."||l===""}else c=!1;for(var a=0,s=r.length;s>=0;s--){var f=r[s];f==="."?Pe(r,s):f===".."?(Pe(r,s),a++):a&&(Pe(r,s),a--)}if(!u)for(;a--;a)r.unshift("..");u&&r[0]!==""&&(!r[0]||!ie(r[0]))&&r.unshift("");var h=r.join("/");return c&&h.substr(-1)!=="/"&&(h+="/"),h}function re(e){return e.charAt(0)==="/"?e:"/"+e}function Ne(e){return e.charAt(0)==="/"?e.substr(1):e}function ut(e,t){return e.toLowerCase().indexOf(t.toLowerCase())===0&&"/?#".indexOf(e.charAt(t.length))!==-1}function Qe(e,t){return ut(e,t)?e.substr(t.length):e}function Ye(e){return e.charAt(e.length-1)==="/"?e.slice(0,-1):e}function ft(e){var t=e||"/",i="",r="",n=t.indexOf("#");n!==-1&&(r=t.substr(n),t=t.substr(0,n));var o=t.indexOf("?");return o!==-1&&(i=t.substr(o),t=t.substr(0,o)),{pathname:t,search:i==="?"?"":i,hash:r==="#"?"":r}}function B(e){var t=e.pathname,i=e.search,r=e.hash,n=t||"/";return i&&i!=="?"&&(n+=i.charAt(0)==="?"?i:"?"+i),r&&r!=="#"&&(n+=r.charAt(0)==="#"?r:"#"+r),n}function W(e,t,i,r){var n;typeof e=="string"?(n=ft(e),n.state=t):(n=F({},e),n.pathname===void 0&&(n.pathname=""),n.search?n.search.charAt(0)!=="?"&&(n.search="?"+n.search):n.search="",n.hash?n.hash.charAt(0)!=="#"&&(n.hash="#"+n.hash):n.hash="",t!==void 0&&n.state===void 0&&(n.state=t));try{n.pathname=decodeURI(n.pathname)}catch(o){throw o instanceof URIError?new URIError('Pathname "'+n.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):o}return i&&(n.key=i),r?n.pathname?n.pathname.charAt(0)!=="/"&&(n.pathname=ct(n.pathname,r.pathname)):n.pathname=r.pathname:n.pathname||(n.pathname="/"),n}function Ae(){var e=null;function t(u){return e=u,function(){e===u&&(e=null)}}function i(u,c,l,a){if(e!=null){var s=typeof e=="function"?e(u,c):e;typeof s=="string"?typeof l=="function"?l(s,a):a(!0):a(s!==!1)}else a(!0)}var r=[];function n(u){var c=!0;function l(){c&&u.apply(void 0,arguments)}return r.push(l),function(){c=!1,r=r.filter(function(a){return a!==l})}}function o(){for(var u=arguments.length,c=new Array(u),l=0;l<u;l++)c[l]=arguments[l];r.forEach(function(a){return a.apply(void 0,c)})}return{setPrompt:t,confirmTransitionTo:i,appendListener:n,notifyListeners:o}}var Ze=!!(typeof window<"u"&&window.document&&window.document.createElement);function ke(e,t){t(window.confirm(e))}function lt(){var e=window.navigator.userAgent;return(e.indexOf("Android 2.")!==-1||e.indexOf("Android 4.0")!==-1)&&e.indexOf("Mobile Safari")!==-1&&e.indexOf("Chrome")===-1&&e.indexOf("Windows Phone")===-1?!1:window.history&&"pushState"in window.history}function ht(){return window.navigator.userAgent.indexOf("Trident")===-1}function pt(){return window.navigator.userAgent.indexOf("Firefox")===-1}function vt(e){return e.state===void 0&&navigator.userAgent.indexOf("CriOS")===-1}var je="popstate",We="hashchange";function Fe(){try{return window.history.state||{}}catch{return{}}}function dt(e){e===void 0&&(e={}),Ze||Y();var t=window.history,i=lt(),r=!ht(),n=e,o=n.forceRefresh,u=o===void 0?!1:o,c=n.getUserConfirmation,l=c===void 0?ke:c,a=n.keyLength,s=a===void 0?6:a,f=e.basename?Ye(re(e.basename)):"";function h(d){var p=d||{},x=p.key,m=p.state,C=window.location,U=C.pathname,j=C.search,G=C.hash,z=U+j+G;return f&&(z=Qe(z,f)),W(z,m,x)}function v(){return Math.random().toString(36).substr(2,s)}var g=Ae();function E(d){F(q,d),q.length=t.length,g.notifyListeners(q.location,q.action)}function S(d){vt(d)||_(h(d.state))}function A(){_(h(Fe()))}var O=!1;function _(d){if(O)O=!1,E();else{var p="POP";g.confirmTransitionTo(d,p,l,function(x){x?E({action:p,location:d}):D(d)})}}function D(d){var p=q.location,x=T.indexOf(p.key);x===-1&&(x=0);var m=T.indexOf(d.key);m===-1&&(m=0);var C=x-m;C&&(O=!0,R(C))}var H=h(Fe()),T=[H.key];function y(d){return f+B(d)}function P(d,p){var x="PUSH",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.pushState({key:j,state:G},null,U),u)window.location.href=U;else{var z=T.indexOf(q.location.key),Q=T.slice(0,z+1);Q.push(m.key),T=Q,E({action:x,location:m})}else window.location.href=U}})}function M(d,p){var x="REPLACE",m=W(d,p,v(),q.location);g.confirmTransitionTo(m,x,l,function(C){if(C){var U=y(m),j=m.key,G=m.state;if(i)if(t.replaceState({key:j,state:G},null,U),u)window.location.replace(U);else{var z=T.indexOf(q.location.key);z!==-1&&(T[z]=m.key),E({action:x,location:m})}else window.location.replace(U)}})}function R(d){t.go(d)}function L(){R(-1)}function J(){R(1)}var X=0;function N(d){X+=d,X===1&&d===1?(window.addEventListener(je,S),r&&window.addEventListener(We,A)):X===0&&(window.removeEventListener(je,S),r&&window.removeEventListener(We,A))}var I=!1;function Z(d){d===void 0&&(d=!1);var p=g.setPrompt(d);return I||(N(1),I=!0),function(){return I&&(I=!1,N(-1)),p()}}function we(d){var p=g.appendListener(d);return N(1),function(){N(-1),p()}}var q={length:t.length,action:"POP",location:H,createHref:y,push:P,replace:M,go:R,goBack:L,goForward:J,block:Z,listen:we};return q}var Ke="hashchange",mt={hashbang:{encodePath:function(t){return t.charAt(0)==="!"?t:"!/"+Ne(t)},decodePath:function(t){return t.charAt(0)==="!"?t.substr(1):t}},noslash:{encodePath:Ne,decodePath:re},slash:{encodePath:re,decodePath:re}};function et(e){var t=e.indexOf("#");return t===-1?e:e.slice(0,t)}function ne(){var e=window.location.href,t=e.indexOf("#");return t===-1?"":e.substring(t+1)}function gt(e){window.location.hash=e}function be(e){window.location.replace(et(window.location.href)+"#"+e)}function yt(e){e===void 0&&(e={}),Ze||Y();var t=window.history;pt();var i=e,r=i.getUserConfirmation,n=r===void 0?ke:r,o=i.hashType,u=o===void 0?"slash":o,c=e.basename?Ye(re(e.basename)):"",l=mt[u],a=l.encodePath,s=l.decodePath;function f(){var p=s(ne());return c&&(p=Qe(p,c)),W(p)}var h=Ae();function v(p){F(d,p),d.length=t.length,h.notifyListeners(d.location,d.action)}var g=!1,E=null;function S(p,x){return p.pathname===x.pathname&&p.search===x.search&&p.hash===x.hash}function A(){var p=ne(),x=a(p);if(p!==x)be(x);else{var m=f(),C=d.location;if(!g&&S(C,m)||E===B(m))return;E=null,O(m)}}function O(p){if(g)g=!1,v();else{var x="POP";h.confirmTransitionTo(p,x,n,function(m){m?v({action:x,location:p}):_(p)})}}function _(p){var x=d.location,m=y.lastIndexOf(B(x));m===-1&&(m=0);var C=y.lastIndexOf(B(p));C===-1&&(C=0);var U=m-C;U&&(g=!0,L(U))}var D=ne(),H=a(D);D!==H&&be(H);var T=f(),y=[B(T)];function P(p){var x=document.querySelector("base"),m="";return x&&x.getAttribute("href")&&(m=et(window.location.href)),m+"#"+a(c+B(p))}function M(p,x){var m="PUSH",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;if(z){E=j,gt(G);var Q=y.lastIndexOf(B(d.location)),De=y.slice(0,Q+1);De.push(j),y=De,v({action:m,location:C})}else v()}})}function R(p,x){var m="REPLACE",C=W(p,void 0,void 0,d.location);h.confirmTransitionTo(C,m,n,function(U){if(U){var j=B(C),G=a(c+j),z=ne()!==G;z&&(E=j,be(G));var Q=y.indexOf(B(d.location));Q!==-1&&(y[Q]=j),v({action:m,location:C})}})}function L(p){t.go(p)}function J(){L(-1)}function X(){L(1)}var N=0;function I(p){N+=p,N===1&&p===1?window.addEventListener(Ke,A):N===0&&window.removeEventListener(Ke,A)}var Z=!1;function we(p){p===void 0&&(p=!1);var x=h.setPrompt(p);return Z||(I(1),Z=!0),function(){return Z&&(Z=!1,I(-1)),x()}}function q(p){var x=h.appendListener(p);return I(1),function(){I(-1),x()}}var d={length:t.length,action:"POP",location:T,createHref:P,push:M,replace:R,go:L,goBack:J,goForward:X,block:we,listen:q};return d}function qe(e,t,i){return Math.min(Math.max(e,t),i)}function xt(e){e===void 0&&(e={});var t=e,i=t.getUserConfirmation,r=t.initialEntries,n=r===void 0?["/"]:r,o=t.initialIndex,u=o===void 0?0:o,c=t.keyLength,l=c===void 0?6:c,a=Ae();function s(P){F(y,P),y.length=y.entries.length,a.notifyListeners(y.location,y.action)}function f(){return Math.random().toString(36).substr(2,l)}var h=qe(u,0,n.length-1),v=n.map(function(P){return typeof P=="string"?W(P,void 0,f()):W(P,void 0,P.key||f())}),g=B;function E(P,M){var R="PUSH",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){if(J){var X=y.index,N=X+1,I=y.entries.slice(0);I.length>N?I.splice(N,I.length-N,L):I.push(L),s({action:R,location:L,index:N,entries:I})}})}function S(P,M){var R="REPLACE",L=W(P,M,f(),y.location);a.confirmTransitionTo(L,R,i,function(J){J&&(y.entries[y.index]=L,s({action:R,location:L}))})}function A(P){var M=qe(y.index+P,0,y.entries.length-1),R="POP",L=y.entries[M];a.confirmTransitionTo(L,R,i,function(J){J?s({action:R,location:L,index:M}):s()})}function O(){A(-1)}function _(){A(1)}function D(P){var M=y.index+P;return M>=0&&M<y.entries.length}function H(P){return P===void 0&&(P=!1),a.setPrompt(P)}function T(P){return a.appendListener(P)}var y={length:v.length,action:"POP",location:v[h],index:h,entries:v,createHref:g,push:E,replace:S,go:A,goBack:O,goForward:_,canGo:D,block:H,listen:T};return y}var te={exports:{}},wt=Array.isArray||function(e){return Object.prototype.toString.call(e)=="[object Array]"},ae=wt;te.exports=rt;te.exports.parse=Re;te.exports.compile=bt;te.exports.tokensToFunction=tt;te.exports.tokensToRegExp=nt;var Pt=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function Re(e,t){for(var i=[],r=0,n=0,o="",u=t&&t.delimiter||"/",c;(c=Pt.exec(e))!=null;){var l=c[0],a=c[1],s=c.index;if(o+=e.slice(n,s),n=s+l.length,a){o+=a[1];continue}var f=e[n],h=c[2],v=c[3],g=c[4],E=c[5],S=c[6],A=c[7];o&&(i.push(o),o="");var O=h!=null&&f!=null&&f!==h,_=S==="+"||S==="*",D=S==="?"||S==="*",H=c[2]||u,T=g||E;i.push({name:v||r++,prefix:h||"",delimiter:H,optional:D,repeat:_,partial:O,asterisk:!!A,pattern:T?St(T):A?".*":"[^"+oe(H)+"]+?"})}return n<e.length&&(o+=e.substr(n)),o&&i.push(o),i}function bt(e,t){return tt(Re(e,t),t)}function Ct(e){return encodeURI(e).replace(/[\/?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function Et(e){return encodeURI(e).replace(/[?#]/g,function(t){return"%"+t.charCodeAt(0).toString(16).toUpperCase()})}function tt(e,t){for(var i=new Array(e.length),r=0;r<e.length;r++)typeof e[r]=="object"&&(i[r]=new RegExp("^(?:"+e[r].pattern+")$",$e(t)));return function(n,o){for(var u="",c=n||{},l=o||{},a=l.pretty?Ct:encodeURIComponent,s=0;s<e.length;s++){var f=e[s];if(typeof f=="string"){u+=f;continue}var h=c[f.name],v;if(h==null)if(f.optional){f.partial&&(u+=f.prefix);continue}else throw new TypeError('Expected "'+f.name+'" to be defined');if(ae(h)){if(!f.repeat)throw new TypeError('Expected "'+f.name+'" to not repeat, but received `'+JSON.stringify(h)+"`");if(h.length===0){if(f.optional)continue;throw new TypeError('Expected "'+f.name+'" to not be empty')}for(var g=0;g<h.length;g++){if(v=a(h[g]),!i[s].test(v))throw new TypeError('Expected all "'+f.name+'" to match "'+f.pattern+'", but received `'+JSON.stringify(v)+"`");u+=(g===0?f.prefix:f.delimiter)+v}continue}if(v=f.asterisk?Et(h):a(h),!i[s].test(v))throw new TypeError('Expected "'+f.name+'" to match "'+f.pattern+'", but received "'+v+'"');u+=f.prefix+v}return u}}function oe(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function St(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function Le(e,t){return e.keys=t,e}function $e(e){return e&&e.sensitive?"":"i"}function Tt(e,t){var i=e.source.match(/\((?!\?)/g);if(i)for(var r=0;r<i.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return Le(e,t)}function At(e,t,i){for(var r=[],n=0;n<e.length;n++)r.push(rt(e[n],t,i).source);var o=new RegExp("(?:"+r.join("|")+")",$e(i));return Le(o,t)}function Rt(e,t,i){return nt(Re(e,i),t,i)}function nt(e,t,i){ae(t)||(i=t||i,t=[]),i=i||{};for(var r=i.strict,n=i.end!==!1,o="",u=0;u<e.length;u++){var c=e[u];if(typeof c=="string")o+=oe(c);else{var l=oe(c.prefix),a="(?:"+c.pattern+")";t.push(c),c.repeat&&(a+="(?:"+l+a+")*"),c.optional?c.partial?a=l+"("+a+")?":a="(?:"+l+"("+a+"))?":a=l+"("+a+")",o+=a}}var s=oe(i.delimiter||"/"),f=o.slice(-s.length)===s;return r||(o=(f?o.slice(0,-s.length):o)+"(?:"+s+"(?=$))?"),n?o+="$":o+=r&&f?"":"(?="+s+"|$)",Le(new RegExp("^"+o,$e(i)),t)}function rt(e,t,i){return ae(t)||(i=t||i,t=[]),i=i||{},e instanceof RegExp?Tt(e,t):ae(e)?At(e,t,i):Rt(e,t,i)}var Lt=te.exports;const $t=st(Lt);var b={};/** @license React v16.13.1
2
- * react-is.production.min.js
3
- *
4
- * Copyright (c) Facebook, Inc. and its affiliates.
5
- *
6
- * This source code is licensed under the MIT license found in the
7
- * LICENSE file in the root directory of this source tree.
8
- */var $=typeof Symbol=="function"&&Symbol.for,Me=$?Symbol.for("react.element"):60103,Oe=$?Symbol.for("react.portal"):60106,ue=$?Symbol.for("react.fragment"):60107,fe=$?Symbol.for("react.strict_mode"):60108,le=$?Symbol.for("react.profiler"):60114,he=$?Symbol.for("react.provider"):60109,pe=$?Symbol.for("react.context"):60110,Ue=$?Symbol.for("react.async_mode"):60111,ve=$?Symbol.for("react.concurrent_mode"):60111,de=$?Symbol.for("react.forward_ref"):60112,me=$?Symbol.for("react.suspense"):60113,Mt=$?Symbol.for("react.suspense_list"):60120,ge=$?Symbol.for("react.memo"):60115,ye=$?Symbol.for("react.lazy"):60116,Ot=$?Symbol.for("react.block"):60121,Ut=$?Symbol.for("react.fundamental"):60117,Ht=$?Symbol.for("react.responder"):60118,It=$?Symbol.for("react.scope"):60119;function K(e){if(typeof e=="object"&&e!==null){var t=e.$$typeof;switch(t){case Me:switch(e=e.type,e){case Ue:case ve:case ue:case le:case fe:case me:return e;default:switch(e=e&&e.$$typeof,e){case pe:case de:case ye:case ge:case he:return e;default:return t}}case Oe:return t}}}function it(e){return K(e)===ve}b.AsyncMode=Ue;b.ConcurrentMode=ve;b.ContextConsumer=pe;b.ContextProvider=he;b.Element=Me;b.ForwardRef=de;b.Fragment=ue;b.Lazy=ye;b.Memo=ge;b.Portal=Oe;b.Profiler=le;b.StrictMode=fe;b.Suspense=me;b.isAsyncMode=function(e){return it(e)||K(e)===Ue};b.isConcurrentMode=it;b.isContextConsumer=function(e){return K(e)===pe};b.isContextProvider=function(e){return K(e)===he};b.isElement=function(e){return typeof e=="object"&&e!==null&&e.$$typeof===Me};b.isForwardRef=function(e){return K(e)===de};b.isFragment=function(e){return K(e)===ue};b.isLazy=function(e){return K(e)===ye};b.isMemo=function(e){return K(e)===ge};b.isPortal=function(e){return K(e)===Oe};b.isProfiler=function(e){return K(e)===le};b.isStrictMode=function(e){return K(e)===fe};b.isSuspense=function(e){return K(e)===me};b.isValidElementType=function(e){return typeof e=="string"||typeof e=="function"||e===ue||e===ve||e===le||e===fe||e===me||e===Mt||typeof e=="object"&&e!==null&&(e.$$typeof===ye||e.$$typeof===ge||e.$$typeof===he||e.$$typeof===pe||e.$$typeof===de||e.$$typeof===Ut||e.$$typeof===Ht||e.$$typeof===It||e.$$typeof===Ot)};b.typeOf=K;var Ce=1073741823,ze=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:{};function _t(){var e="__global_unique_id__";return ze[e]=(ze[e]||0)+1}function Dt(e,t){return e===t?e!==0||1/e===1/t:e!==e&&t!==t}function Bt(e){var t=[];return{on:function(r){t.push(r)},off:function(r){t=t.filter(function(n){return n!==r})},get:function(){return e},set:function(r,n){e=r,t.forEach(function(o){return o(e,n)})}}}function Nt(e){return Array.isArray(e)?e[0]:e}function jt(e,t){var i,r,n="__create-react-context-"+_t()+"__",o=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.emitter=Bt(s.props.value),s}var a=l.prototype;return a.getChildContext=function(){var f;return f={},f[n]=this.emitter,f},a.componentWillReceiveProps=function(f){if(this.props.value!==f.value){var h=this.props.value,v=f.value,g;Dt(h,v)?g=0:(g=typeof t=="function"?t(h,v):Ce,g|=0,g!==0&&this.emitter.set(f.value,g))}},a.render=function(){return this.props.children},l}(w.Component);o.childContextTypes=(i={},i[n]=Be.object.isRequired,i);var u=function(c){V(l,c);function l(){for(var s,f=arguments.length,h=new Array(f),v=0;v<f;v++)h[v]=arguments[v];return s=c.call.apply(c,[this].concat(h))||this,s.observedBits=void 0,s.state={value:s.getValue()},s.onUpdate=function(g,E){var S=s.observedBits|0;S&E&&s.setState({value:s.getValue()})},s}var a=l.prototype;return a.componentWillReceiveProps=function(f){var h=f.observedBits;this.observedBits=h??Ce},a.componentDidMount=function(){this.context[n]&&this.context[n].on(this.onUpdate);var f=this.props.observedBits;this.observedBits=f??Ce},a.componentWillUnmount=function(){this.context[n]&&this.context[n].off(this.onUpdate)},a.getValue=function(){return this.context[n]?this.context[n].get():e},a.render=function(){return Nt(this.props.children)(this.state.value)},l}(w.Component);return u.contextTypes=(r={},r[n]=Be.object,r),{Provider:o,Consumer:u}}var Wt=w.createContext||jt,ot=function(t){var i=Wt();return i.displayName=t,i},Ft=ot("Router-History"),k=ot("Router"),xe=function(e){V(t,e),t.computeRootMatch=function(n){return{path:"/",url:"/",params:{},isExact:n==="/"}};function t(r){var n;return n=e.call(this,r)||this,n.state={location:r.history.location},n._isMounted=!1,n._pendingLocation=null,r.staticContext||(n.unlisten=r.history.listen(function(o){n._pendingLocation=o})),n}var i=t.prototype;return i.componentDidMount=function(){var n=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen(function(o){n._isMounted&&n.setState({location:o})})),this._pendingLocation&&this.setState({location:this._pendingLocation})},i.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},i.render=function(){return w.createElement(k.Provider,{value:{history:this.props.history,location:this.state.location,match:t.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},w.createElement(Ft.Provider,{children:this.props.children||null,value:this.props.history}))},t}(w.Component);w.Component;w.Component;var Ge={},Kt=1e4,Ve=0;function qt(e,t){var i=""+t.end+t.strict+t.sensitive,r=Ge[i]||(Ge[i]={});if(r[e])return r[e];var n=[],o=$t(e,n,t),u={regexp:o,keys:n};return Ve<Kt&&(r[e]=u,Ve++),u}function He(e,t){t===void 0&&(t={}),(typeof t=="string"||Array.isArray(t))&&(t={path:t});var i=t,r=i.path,n=i.exact,o=n===void 0?!1:n,u=i.strict,c=u===void 0?!1:u,l=i.sensitive,a=l===void 0?!1:l,s=[].concat(r);return s.reduce(function(f,h){if(!h&&h!=="")return null;if(f)return f;var v=qt(h,{end:o,strict:c,sensitive:a}),g=v.regexp,E=v.keys,S=g.exec(e);if(!S)return null;var A=S[0],O=S.slice(1),_=e===A;return o&&!_?null:{path:h,url:h==="/"&&A===""?"/":A,isExact:_,params:E.reduce(function(D,H,T){return D[H.name]=O[T],D},{})}},null)}function zt(e){return w.Children.count(e)===0}var on=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c=n.props.computedMatch?n.props.computedMatch:n.props.path?He(u.pathname,n.props):o.match,l=F({},o,{location:u,match:c}),a=n.props,s=a.children,f=a.component,h=a.render;return Array.isArray(s)&&zt(s)&&(s=null),w.createElement(k.Provider,{value:l},l.match?s?typeof s=="function"?s(l):s:f?w.createElement(f,l):h?h(l):null:typeof s=="function"?s(l):null)})},t}(w.Component);function Ie(e){return e.charAt(0)==="/"?e:"/"+e}function Gt(e,t){return e?F({},t,{pathname:Ie(e)+t.pathname}):t}function Vt(e,t){if(!e)return t;var i=Ie(e);return t.pathname.indexOf(i)!==0?t:F({},t,{pathname:t.pathname.substr(i.length)})}function Je(e){return typeof e=="string"?e:B(e)}function Ee(e){return function(){Y()}}function Xe(){}w.Component;var an=function(e){V(t,e);function t(){return e.apply(this,arguments)||this}var i=t.prototype;return i.render=function(){var n=this;return w.createElement(k.Consumer,null,function(o){o||Y();var u=n.props.location||o.location,c,l;return w.Children.forEach(n.props.children,function(a){if(l==null&&w.isValidElement(a)){c=a;var s=a.props.path||a.props.from;l=s?He(u.pathname,F({},a.props,{path:s})):o.match}}),l?w.cloneElement(c,{location:u,computedMatch:l}):null})},t}(w.Component);w.useContext;w.Component;var sn=function(e){V(t,e);function t(){for(var r,n=arguments.length,o=new Array(n),u=0;u<n;u++)o[u]=arguments[u];return r=e.call.apply(e,[this].concat(o))||this,r.history=yt(r.props),r}var i=t.prototype;return i.render=function(){return w.createElement(xe,{history:this.history,children:this.props.children})},t}(w.Component),Se=function(t,i){return typeof t=="function"?t(i):t},Te=function(t,i){return typeof t=="string"?W(t,null,null,i):t},_e=function(t){return t},ee=w.forwardRef;typeof ee>"u"&&(ee=_e);function Jt(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}var Xt=ee(function(e,t){var i=e.innerRef,r=e.navigate,n=e.onClick,o=ce(e,["innerRef","navigate","onClick"]),u=o.target,c=F({},o,{onClick:function(a){try{n&&n(a)}catch(s){throw a.preventDefault(),s}!a.defaultPrevented&&a.button===0&&(!u||u==="_self")&&!Jt(a)&&(a.preventDefault(),r())}});return _e!==ee?c.ref=t||i:c.ref=i,w.createElement("a",c)}),Qt=ee(function(e,t){var i=e.component,r=i===void 0?Xt:i,n=e.replace,o=e.to,u=e.innerRef,c=ce(e,["component","replace","to","innerRef"]);return w.createElement(k.Consumer,null,function(l){l||Y();var a=l.history,s=Te(Se(o,l.location),l.location),f=s?a.createHref(s):"",h=F({},c,{href:f,navigate:function(){var g=Se(o,l.location),E=B(l.location)===B(Te(g)),S=n||E?a.replace:a.push;S(g)}});return _e!==ee?h.ref=t||u:h.innerRef=u,w.createElement(r,h)})}),at=function(t){return t},se=w.forwardRef;typeof se>"u"&&(se=at);function Yt(){for(var e=arguments.length,t=new Array(e),i=0;i<e;i++)t[i]=arguments[i];return t.filter(function(r){return r}).join(" ")}se(function(e,t){var i=e["aria-current"],r=i===void 0?"page":i,n=e.activeClassName,o=n===void 0?"active":n,u=e.activeStyle,c=e.className,l=e.exact,a=e.isActive,s=e.location,f=e.sensitive,h=e.strict,v=e.style,g=e.to,E=e.innerRef,S=ce(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return w.createElement(k.Consumer,null,function(A){A||Y();var O=s||A.location,_=Te(Se(g,O),O),D=_.pathname,H=D&&D.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),T=H?He(O.pathname,{path:H,exact:l,sensitive:f,strict:h}):null,y=!!(a?a(T,O):T),P=typeof c=="function"?c(y):c,M=typeof v=="function"?v(y):v;y&&(P=Yt(P,o),M=F({},M,u));var R=F({"aria-current":y&&r||null,className:P,style:M,to:_},S);return at!==se?R.ref=t||E:R.innerRef=E,w.createElement(Qt,R)})});export{sn as H,Qt as L,on as R,an 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-CMITYWBH.js";import{F as y}from"./flex-EllkLxgO.js";import{T as S}from"./text-B3-TSWok.js";import"./index-DhsZuJvc.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";const s=({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})});s.__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 I={title:"Basic/TextLink",component:s,args:{children:"Link text goes here",href:"http://oliasoft.com"}},k=a=>e.jsx(s,{...a}),n=k.bind({}),t=k.bind({});t.args={href:void 0,onClick:()=>console.log("Clicked!")};const r=()=>e.jsxs(E,{children:[e.jsxs(y,{gap:!0,children:[e.jsx(s,{component:i,href:"/dashboard",children:"Dashboard"}),e.jsx(s,{component:i,href:"/settings",children:"Settings"})]}),e.jsxs(j,{children:[e.jsx(c,{path:"/dashboard",children:"Dashboard"}),e.jsx(c,{path:"/settings",children:"Settings"})]})]});r.__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;r.parameters={...r.parameters,docs:{...(g=r.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=r.parameters)==null?void 0:f.docs)==null?void 0:x.source}}};const O=["Default","OnClick","AsRouterLink"];export{r as AsRouterLink,n as Default,t as OnClick,O as __namedExportsOrder,I 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-CMITYWBH.js";import{I as O,T as A}from"./common-types-Sih75Sav.js";import{T as p}from"./top-bar-BQzmL0IU.js";import{P as w}from"./page-7SSpdYhb.js";import{M as N}from"./actions-Tr0wIZve.js";import{B as m}from"./button-CzvLc2io.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-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./extends-CF3RwP-h.js";import"./tiny-invariant-DqLgxztJ.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./index-Bk2sglWO.js";import"./icon-BP4BO6-k.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:()=>{}}]}})}],le={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 me=["Default","WithWarning","TextBranding","AppSwitcher","AsRouterLink"];export{o as AppSwitcher,a as AsRouterLink,n as Default,r as TextBranding,t as WithWarning,me as __namedExportsOrder,le as default};
@@ -1,152 +0,0 @@
1
- import{j as i}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as J}from"./immer.esm-BwVl9PS2.js";import{d as C}from"./index-C0x1JmaP.js";import{G as ee}from"./grid-DRkC-bt8.js";import{S as te}from"./spacer-BWoNR27H.js";import{w as O,u as d,e as j,f as ne,a as ae}from"./index-DMAnyMX5.js";import{C as F}from"./card-EcjmryU9.js";import{F as k}from"./field-C5_fLDpy.js";import{H as _}from"./heading-NkLgQYoP.js";import{S as G}from"./select-BEc_mNg5.js";import{T as W}from"./toggle-C0zvrIOF.js";import{l as ie}from"./lodash-c4VUpsOs.js";import{u as oe}from"./use-previous-D775JrO6.js";import{T as re,C as P}from"./table-CsEdIPXW.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-BQ9GQzDc.js";import"./index-CF7H4eMJ.js";import"./index-Bk2sglWO.js";import"./label-hiSz3I8H.js";import"./common-types-Sih75Sav.js";import"./help-icon-41R-Z9N1.js";import"./tooltip-1V7clEnw.js";import"./index-CUZDtIZe.js";import"./icon-BP4BO6-k.js";import"./objectWithoutPropertiesLoose-CAYKN5F1.js";import"./inheritsLoose-DR8r8Ogv.js";import"./index-CEuq6vkz.js";import"./disabled-context-rmpd7YJS.js";import"./types-Dx2TtIG9.js";import"./extends-CF3RwP-h.js";import"./assertThisInitialized-B9jnkVVz.js";import"./memoize-one.esm-CcMeOnPo.js";import"./types-BmbYqTX_.js";import"./text-B3-TSWok.js";import"./actions-Tr0wIZve.js";import"./button-CzvLc2io.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-D0UkAPd9.js";import"./index.es-D2piFfFj.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-CUucuCPT.js";import"./input-DTXbDJaL.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-CKbeoN5B.js";import"./check-box-wCvXxtCz.js";import"./slider-CBE03NwD.js";import"./index-BI4_Bp97.js";import"./popover-9ZnEm5Hy.js";const le=o=>o.reduce(({preferredUnits:r,storageUnits:n},{unitKey:l,preferredUnit:e,storageUnit:h})=>(r[l]=e,n[l]=h,{preferredUnits:r,storageUnits:n}),{preferredUnits:{},storageUnits:{}}),se=({headers:o,rows:r,selectedUnits:n,storageUnits:l,onChangeUnit:e,convertBackToStorageUnit:h,enableCosmeticRounding:b,enableDisplayRounding:T})=>{const u=o?o.map(c=>({...c,cells:c.cells.map(p=>{var a;if(p.type===P.AUTO_UNIT){const{testId:S,unitKey:g}=p;return{value:n[g],type:P.SELECT,searchable:!1,options:(a=C.getUnitsForQuantity(g))==null?void 0:a.map(U=>({label:C.label(U),value:U})),native:p.native,onChange:U=>e({unitKey:g,value:U.target.value}),testId:S}}return p})})):[],s=r?r.map((c,p)=>({...c,cells:c.cells.map((a,S)=>{if("autoUnit"in a&&(a!=null&&a.autoUnit)&&(typeof(a==null?void 0:a.value)=="string"||typeof(a==null?void 0:a.value)=="number")){const{unitKey:g,value:U,formatDisplayValue:I}=a,V=T&&"roundDisplayValue"in a?a==null?void 0:a.roundDisplayValue:null,m=n[g],y=l[g],t=m!==y,f=t?C.convertAndGetValue(U,m,y):a.value,w=I?I(f):f;return{...a,value:w,enableCosmeticRounding:b&&t,enableDisplayRounding:T,roundDisplayValue:V,onChange:D=>{const{value:x}=D.target,R=l[g],E=n[g],N=E!==R,H=h?R:E,K=N?C.convertAndGetValue(x,H,E):x;if("onChange"in a){const{onChange:B}=a,Z={...D,target:{...D.target,value:String(K),rowIndex:p,cellIndex:S,unit:H}};B(Z)}}}}return a})})):[];return{convertedHeaders:u,convertedRows:s}},X=({table:o,unitConfig:r,convertBackToStorageUnit:n=!0,enableCosmeticRounding:l=!0,enableDisplayRounding:e=!0})=>{const{rows:h,headers:b,...T}=o,{storageUnits:u,preferredUnits:s}=le(r),c=oe(s),[p,a]=v.useState(s),S=({unitKey:m,value:y})=>{a({...p,[m]:y});const t=r.find(f=>f.unitKey===m);t&&typeof t.onChange=="function"&&t.onChange({oldUnit:p[m],newUnit:y,unitKey:m})},g=m=>se({headers:b,rows:h,selectedUnits:m,storageUnits:u,onChangeUnit:S,convertBackToStorageUnit:n,enableCosmeticRounding:l,enableDisplayRounding:e}),U=g(p),[I,V]=v.useState(U);return v.useEffect(()=>{!ie.isEqual(s,c)&&(Object.keys(s).forEach(y=>{const t=c==null?void 0:c[y],f=s[y];t!==f&&S({unitKey:y,value:f})}),V(g(s)))},[r]),v.useEffect(()=>{V(g(p))},[o,p]),i.jsx(re,{table:{...T,headers:I.convertedHeaders,rows:I.convertedRows}})};X.__docgenInfo={description:"",methods:[],displayName:"UnitTable",props:{table:{required:!0,tsType:{name:"IUnitTable"},description:""},unitConfig:{required:!0,tsType:{name:"Array",elements:[{name:"IUnitConfigItem"}],raw:"IUnitConfigItem[]"},description:""},convertBackToStorageUnit:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableCosmeticRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},enableDisplayRounding:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}}},composes:["Omit"]};const yt={title:"Basic/UnitTable",args:{}},ue=!0,ce=!0,de=!0,pe=!1,A="ft",Y="C",ge=3,me=(o,r,n)=>{const l=[r,r,n],e=[...Array(o)].map((h,b)=>{const T=b,u=b+1.25,s=4+b*.25;return[String(T),String(u),String(s)]});return[l,...e]},he=me(ge,A,Y),be=({reduxTable:o,value:r,unit:n,rowIndex:l,cellIndex:e})=>J(o,h=>{const b=h[0][e],T=(u,s)=>s===0;return h.forEach((u,s)=>{if(T(u,s)){u[e]=n;return}if(s===l+1){u[e]=String(r);return}const c=C.convertAndGetValue(u[e],n,b);u[e]=String(c)}),h}),ye=({reduxTable:o,value:r,rowIndex:n,cellIndex:l})=>J(o,e=>{e[n+1][l]=r}),L=()=>{var m,y;const[o,r]=v.useState(A),[n,l]=v.useState(Y),[e,h]=v.useState(he),[b,T]=v.useState(ue),[u,s]=v.useState(de),[c,p]=v.useState(ce),[a,S]=v.useState(pe),[g,U]=v.useState(A),I=t=>{const{rowIndex:f,cellIndex:w,value:D,unit:x}=t.target,R=a?be({reduxTable:e,value:D,unit:x,rowIndex:f,cellIndex:w}):ye({reduxTable:e,value:D,rowIndex:f,cellIndex:w});h(R)},V=e.reduce((t,f,w)=>(w===0?t.headers=[{cells:[{value:"From"},{value:"To"},{value:"Temperature"}]},{cells:[{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"length"},{type:"AutoUnit",unitKey:"temperature",testId:"table-unit-selector-3"}]}]:t.rows=t.rows.concat({cells:f.map((D,x)=>{const R=w===1&&x===1;return{value:D,type:R?"Text":"NumberInput",unitKey:x===2?"temperature":"length",onChange:I,roundDisplayValue:w===3&&x===2?B=>C.roundByMagnitude(B,2):null,formatDisplayValue:R?B=>`T* ${B}`:null,autoUnit:!0,testId:`testId_${w}_${x}`}})}),t),{testId:"testId",headers:[],rows:[]});return i.jsxs(ee,{columns:"1fr 1fr",gap:!0,children:[i.jsxs(F,{heading:i.jsx(_,{children:"Settings"}),children:[i.jsx(k,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:b,onChange:t=>T(t.target.checked)})}),i.jsx(k,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:u,onChange:t=>s(t.target.checked)})}),i.jsx(k,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:c,onChange:t=>p(t.target.checked)})}),i.jsx(k,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:i.jsx(W,{checked:a,onChange:t=>S(t.target.checked)})})]}),i.jsxs(F,{heading:i.jsx(_,{children:"Unit template"}),children:[i.jsx(k,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:i.jsx(G,{options:(m=C.getUnitsForQuantity("length"))==null?void 0:m.map(t=>({value:t,label:C.label(t)})),value:{value:o},onChange:t=>r(t.target.value),width:"100px"})}),i.jsx(k,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:i.jsx(G,{options:(y=C.getUnitsForQuantity("temperature"))==null?void 0:y.map(t=>({value:t,label:C.label(t)})),value:{value:n},onChange:t=>l(t.target.value),width:"100px"})})]}),i.jsx(F,{heading:i.jsx(_,{children:"Storage State (Redux)"}),children:i.jsx("pre",{children:i.jsx("code",{children:JSON.stringify(e,null,2)})})}),i.jsxs(F,{heading:i.jsx(_,{children:"UnitTable"}),children:[i.jsx(X,{table:V,unitConfig:[{unitKey:"length",storageUnit:e[0][0],preferredUnit:o,onChange:({newUnit:t})=>U(t)},{unitKey:"temperature",storageUnit:e[0][2],preferredUnit:n}],convertBackToStorageUnit:b,enableDisplayRounding:u,enableCosmeticRounding:c}),i.jsx(te,{height:20}),i.jsx(k,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:g})]})]})};L.play=async({canvasElement:o,step:r})=>{const n=O(o),l=O(o.ownerDocument.body);await r("Can enter decimal values",async()=>{const e=n.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123.123456789"),await d.click(o),await j(n.getByDisplayValue("123.12")).toBeInTheDocument()}),await r("Can enter comma decimals (converts to dot)",async()=>{const e=n.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123,456"),await d.click(o),await j(n.getByDisplayValue("123.46")).toBeInTheDocument()}),await r("Can enter small numbers",async()=>{const e=n.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"0.0000000023"),await d.click(o),await j(e).toHaveDisplayValue("0.00")}),await r("Can enter large numbers",async()=>{const e=n.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"999999999999"),await d.click(o),await j(n.getByDisplayValue("999999999999.00")).toBeInTheDocument()}),await r("Shows validation error for non-numeric input",async()=>{const e=n.getByTestId("testId_2_1");await d.clear(e),await d.type(e,"123x45s6"),await d.click(o),await j(n.getByDisplayValue("123x45s6")).toBeInTheDocument(),await ne.mouseOver(e),await ae(()=>{j(l.getByText("Must be a numerical value")).toBeInTheDocument()})})};L.__docgenInfo={description:"",methods:[{name:"play",docblock:null,modifiers:["static"],params:[{name:"{ canvasElement, step }",optional:!1,type:null}],returns:null}],displayName:"UnitTableExample"};var q,$,Q,M,z;L.parameters={...L.parameters,docs:{...(q=L.parameters)==null?void 0:q.docs,source:{originalSource:`() => {
2
- const [preferredLengthUnit, setPreferredLengthUnit] = useState(initialLengthUnit);
3
- const [preferredTemperatureUnit, setPreferredTemperatureUnit] = useState(initialTemperatureUnit);
4
- const [reduxTable, setReduxTable] = useState<TTable>(initialTable);
5
- const [convertBackToStorageUnit, setConvertBackToStorageUnit] = useState(initialConvertBackToStorageUnit);
6
- const [enableDisplayRounding, setEnableDisplayRounding] = useState(initialEnableDisplayRounding);
7
- const [enableCosmeticRounding, setEnableCosmeticRounding] = useState(initialEnableCosmeticRounding);
8
- const [convertWholeTable, setConvertWholeTable] = useState(initialConvertWholeTable);
9
- const [displayedLengthUnit, setDisplayedLengthUnit] = useState(initialLengthUnit);
10
-
11
- /*********************************************************************************************************************
12
- Cell onChange handler
13
- *********************************************************************************************************************/
14
- const onUpdateCell = (evt: IUnitTableOnChangeEvent) => {
15
- const {
16
- rowIndex,
17
- cellIndex,
18
- value,
19
- unit
20
- } = evt.target;
21
- const nextTable = convertWholeTable ? convertStorageTable({
22
- reduxTable,
23
- value,
24
- unit,
25
- rowIndex,
26
- cellIndex
27
- }) : updateCell({
28
- reduxTable,
29
- value,
30
- rowIndex,
31
- cellIndex
32
- });
33
- setReduxTable(nextTable);
34
- };
35
-
36
- /*********************************************************************************************************************
37
- Construct table view data (same as old Table component, with a new props)
38
- *********************************************************************************************************************/
39
- const tableViewData = reduxTable.reduce((acc, row, rowIndex) => {
40
- if (rowIndex === 0) {
41
- acc.headers = [{
42
- cells: [{
43
- value: 'From'
44
- }, {
45
- value: 'To'
46
- }, {
47
- value: 'Temperature'
48
- }]
49
- }, {
50
- cells: [{
51
- type: 'AutoUnit',
52
- unitKey: 'length'
53
- }, {
54
- type: 'AutoUnit',
55
- unitKey: 'length'
56
- }, {
57
- type: 'AutoUnit',
58
- unitKey: 'temperature',
59
- testId: 'table-unit-selector-3'
60
- }]
61
- }];
62
- } else {
63
- acc.rows = acc.rows.concat({
64
- cells: row.map((cell, cellIndex) => {
65
- const specialCell = rowIndex === 1 && cellIndex === 1;
66
- const type = specialCell ? 'Text' : 'NumberInput';
67
- const formatDisplayValue = specialCell ? (value: number | string) => \`T* \${value}\` : null;
68
- const customDisplayRounding = rowIndex === 3 && cellIndex === 2 ? (value: TStringNumberNull) => roundByMagnitude(value, 2) : null;
69
- const value = cell;
70
- return {
71
- value,
72
- type,
73
- unitKey: cellIndex === 2 ? 'temperature' : 'length',
74
- onChange: onUpdateCell,
75
- roundDisplayValue: customDisplayRounding,
76
- // optionally customize the display rounding of specific columns/cells
77
- formatDisplayValue,
78
- // optionally extend/customize the display formatting of specific columns/cells
79
- autoUnit: true,
80
- testId: \`testId_\${rowIndex}_\${cellIndex}\`
81
- };
82
- })
83
- });
84
- }
85
- return acc;
86
- }, {
87
- testId: 'testId',
88
- headers: ([] as any[]),
89
- rows: ([] as IUnitTableRow[])
90
- });
91
- return <Grid columns="1fr 1fr" gap>
92
- <Card heading={<Heading>Settings</Heading>}>
93
- <Field label="Convert back to storage unit:" labelLeft labelWidth={200}>
94
- <Toggle checked={convertBackToStorageUnit} onChange={evt => setConvertBackToStorageUnit(evt.target.checked)} />
95
- </Field>
96
- <Field label="Enable display rounding:" labelLeft labelWidth={200}>
97
- <Toggle checked={enableDisplayRounding} onChange={evt => setEnableDisplayRounding(evt.target.checked)} />
98
- </Field>
99
- <Field label="Enable cosmetic rounding:" labelLeft labelWidth={200}>
100
- <Toggle checked={enableCosmeticRounding} onChange={evt => setEnableCosmeticRounding(evt.target.checked)} />
101
- </Field>
102
- <Field label="Convert whole table:" labelLeft labelWidth={200}>
103
- <Toggle checked={convertWholeTable} onChange={evt => setConvertWholeTable(evt.target.checked)} />
104
- </Field>
105
- </Card>
106
- <Card heading={<Heading>Unit template</Heading>}>
107
- <Field label="Length unit:" labelLeft labelWidth={120}>
108
- <Select options={getUnitsForQuantity('length')?.map(unit => ({
109
- value: unit,
110
- label: label(unit)
111
- }))} value={{
112
- value: preferredLengthUnit
113
- }} onChange={evt => setPreferredLengthUnit(evt.target.value)} width="100px" />
114
- </Field>
115
- <Field label="Temperature unit:" labelLeft labelWidth={120}>
116
- <Select options={getUnitsForQuantity('temperature')?.map(unit => ({
117
- value: unit,
118
- label: label(unit)
119
- }))} value={{
120
- value: preferredTemperatureUnit
121
- }} onChange={evt => setPreferredTemperatureUnit(evt.target.value)} width="100px" />
122
- </Field>
123
- </Card>
124
- <Card heading={<Heading>Storage State (Redux)</Heading>}>
125
- <pre>
126
- <code>{JSON.stringify(reduxTable, null, 2)}</code>
127
- </pre>
128
- </Card>
129
- <Card heading={<Heading>UnitTable</Heading>}>
130
- <UnitTable table={tableViewData}
131
- //New props:
132
- unitConfig={[{
133
- unitKey: 'length',
134
- storageUnit: reduxTable[0][0],
135
- preferredUnit: preferredLengthUnit,
136
- onChange: ({
137
- newUnit
138
- }) => setDisplayedLengthUnit(newUnit)
139
- }, {
140
- unitKey: 'temperature',
141
- storageUnit: reduxTable[0][2],
142
- preferredUnit: preferredTemperatureUnit
143
- }]}
144
- //Most tables should just use the default values here (true):
145
- convertBackToStorageUnit={convertBackToStorageUnit} enableDisplayRounding={enableDisplayRounding} enableCosmeticRounding={enableCosmeticRounding} />
146
- <Spacer height={20} />
147
- <Field label="Displayed length unit:" labelLeft labelWidth={150}>
148
- {displayedLengthUnit}
149
- </Field>
150
- </Card>
151
- </Grid>;
152
- }`,...(Q=($=L.parameters)==null?void 0:$.docs)==null?void 0:Q.source},description:{story:"Story",...(z=(M=L.parameters)==null?void 0:M.docs)==null?void 0:z.description}}};const ft=["UnitTableExample"];export{L as UnitTableExample,ft as __namedExportsOrder,yt as default};