@oliasoft-open-source/react-ui-library 4.7.3 → 4.7.4

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 (111) hide show
  1. package/dist/404.html +1 -1
  2. package/dist/assets/{index-D5kcnHmD.js → index-CbZ_B_tn.js} +54 -19
  3. package/dist/index.html +1 -1
  4. package/dist/storybook/assets/{Color-KGDBMAHA-RK4YYQs0.js → Color-KGDBMAHA-fBkbFrxl.js} +1 -1
  5. package/dist/storybook/assets/{DocsRenderer-PKQXORMH-B0ryFlHH.js → DocsRenderer-PKQXORMH-BCXpse5g.js} +1 -1
  6. package/dist/storybook/assets/{accordion.stories-DlFZNmdv.js → accordion.stories-MGPZF2zs.js} +1 -1
  7. package/dist/storybook/assets/{actions-Cu_0szZ4.js → actions-CZK3mphC.js} +1 -1
  8. package/dist/storybook/assets/{actions.stories-SCPuAp0T.js → actions.stories-FOK1cLb3.js} +1 -1
  9. package/dist/storybook/assets/{afe.stories-G3SzS3sg.js → afe.stories-Zs5w8AL0.js} +1 -1
  10. package/dist/storybook/assets/{badge.stories-DGYA6_1I.js → badge.stories-D30jHm96.js} +1 -1
  11. package/dist/storybook/assets/{blowout.stories-P0LHuXSY.js → blowout.stories-CJrNKpKP.js} +1 -1
  12. package/dist/storybook/assets/{button-_0DiND6h.js → button-C1sV-0mR.js} +1 -1
  13. package/dist/storybook/assets/{button-group-BYiHMljF.js → button-group-Ai4DXqNr.js} +1 -1
  14. package/dist/storybook/assets/{button-group.stories-Bz6NHaeB.js → button-group.stories-incmyYJ-.js} +1 -1
  15. package/dist/storybook/assets/{button.stories-vVBGddVf.js → button.stories-Bcy7mnLs.js} +1 -1
  16. package/dist/storybook/assets/{buttons-and-links-B6aQa-f5.js → buttons-and-links-DGEwyzdQ.js} +1 -1
  17. package/dist/storybook/assets/{card.stories-DIlqxO94.js → card.stories-Bn6LpucB.js} +1 -1
  18. package/dist/storybook/assets/{casing-loads.stories-0T--WlaD.js → casing-loads.stories-BZZ4ps89.js} +1 -1
  19. package/dist/storybook/assets/{cell.stories-C5Tkxyfr.js → cell.stories-DtPT5vsK.js} +1 -1
  20. package/dist/storybook/assets/{check-box-DkdQxC5c.js → check-box-CaSrhzev.js} +1 -1
  21. package/dist/storybook/assets/{check-box.stories-D8C12IQo.js → check-box.stories-J1keUUs0.js} +1 -1
  22. package/dist/storybook/assets/{chunk-HLWAVYOI-dB_9CZG8.js → chunk-HLWAVYOI-B_e8hbrU.js} +1 -1
  23. package/dist/storybook/assets/{color-BSzeqkLx.js → color-BWuYLPlh.js} +1 -1
  24. package/dist/storybook/assets/{column.stories-C1Sxwh4f.js → column.stories-JMvj3_fr.js} +1 -1
  25. package/dist/storybook/assets/{dialog-CAWCUmp3.js → dialog-lhPZkAI2.js} +1 -1
  26. package/dist/storybook/assets/{drawer-vbDFqa4U.js → drawer-DSS8yvvp.js} +1 -1
  27. package/dist/storybook/assets/{drawer.stories-CmbGsKmS.js → drawer.stories-D6FBs1_r.js} +1 -1
  28. package/dist/storybook/assets/{empty.stories-iHPKKy4z.js → empty.stories-G8jeIfLL.js} +1 -1
  29. package/dist/storybook/assets/{field-DwLk_uWj.js → field-C5_fLDpy.js} +1 -1
  30. package/dist/storybook/assets/{field.stories-s-0LQVbp.js → field.stories-D5Mej0Bt.js} +1 -1
  31. package/dist/storybook/assets/{file-button.stories-C90kcfbw.js → file-button.stories-DePr8MKB.js} +1 -1
  32. package/dist/storybook/assets/{file-input-C_2w1dKj.js → file-input-BZecnRBy.js} +1 -1
  33. package/dist/storybook/assets/{file-input.stories-BEsZox6U.js → file-input.stories-BH_glmEk.js} +1 -1
  34. package/dist/storybook/assets/{flex.stories-D-QN0gkk.js → flex.stories-sSdg0ChR.js} +1 -1
  35. package/dist/storybook/assets/{footer.stories-U_zMDmxF.js → footer.stories-CsvsDr1-.js} +1 -1
  36. package/dist/storybook/assets/{form.stories-1L75MGpX.js → form.stories-BwzDZgen.js} +1 -1
  37. package/dist/storybook/assets/{formation.stories-YHpXrXvC.js → formation.stories-2ZjWA25v.js} +1 -1
  38. package/dist/storybook/assets/{heading-DkSFysAb.js → heading-NkLgQYoP.js} +1 -1
  39. package/dist/storybook/assets/{heading.stories-Dtq7LNlB.js → heading.stories-nI_cFnAN.js} +1 -1
  40. package/dist/storybook/assets/{help-icon-LfPZiYla.js → help-icon-41R-Z9N1.js} +1 -1
  41. package/dist/storybook/assets/{help-icon.stories-Dh2ylnGq.js → help-icon.stories-DBYh0YX7.js} +1 -1
  42. package/dist/storybook/assets/{iframe-CNFcCVDc.js → iframe-DLWAAiXM.js} +2 -2
  43. package/dist/storybook/assets/{index-BIwFZkUc.js → index-BrCAgVdx.js} +1 -1
  44. package/dist/storybook/assets/{index-DQs5XS8h.js → index-CWz-hU-f.js} +5 -5
  45. package/dist/storybook/assets/{index-ccPuy0l1.js → index-tzHbUYOM.js} +4 -4
  46. package/dist/storybook/assets/{input-D97ganXq.js → input-BW9trNAW.js} +1 -1
  47. package/dist/storybook/assets/{input-group.stories-BcoORZ9x.js → input-group.stories-D1i3gaZ1.js} +1 -1
  48. package/dist/storybook/assets/{input-validation-CLVu4gtl.js → input-validation-BcgNUeij.js} +1 -1
  49. package/dist/storybook/assets/{input.stories-BHdUwYqV.js → input.stories-BruLeJ44.js} +1 -1
  50. package/dist/storybook/assets/{inputs-qWlLPYX_.js → inputs-gN3bum_f.js} +1 -1
  51. package/dist/storybook/assets/{label-tWjEmTQJ.js → label-hiSz3I8H.js} +1 -1
  52. package/dist/storybook/assets/{label.stories-BTA8N7tD.js → label.stories-Cyv5jBAO.js} +1 -1
  53. package/dist/storybook/assets/{layout-forms-p4s8eHw6.js → layout-forms-DXG6Da8u.js} +1 -1
  54. package/dist/storybook/assets/{layout-general-Dn1nlXYw.js → layout-general-CEpJsTnH.js} +1 -1
  55. package/dist/storybook/assets/{list-BpVed6Pw.js → list-DYNKqvUR.js} +1 -1
  56. package/dist/storybook/assets/{list.stories-CiT9J_FH.js → list.stories-BX67BegD.js} +1 -1
  57. package/dist/storybook/assets/{list.stories-data-CnVYk3eo.js → list.stories-data-D_ZfzaxE.js} +1 -1
  58. package/dist/storybook/assets/{loader.stories-BKBFctQ1.js → loader.stories-DjrwwZ15.js} +1 -1
  59. package/dist/storybook/assets/{menu.stories-Bp8L83xx.js → menu.stories-BE0AzXUY.js} +1 -1
  60. package/dist/storybook/assets/{message.stories-C8YRT7nL.js → message.stories-o5jcKCK_.js} +1 -1
  61. package/dist/storybook/assets/{meta-content-Djgg-tiF.js → meta-content-BE7pulye.js} +1 -1
  62. package/dist/storybook/assets/{modal.stories-BoVj2EsX.js → modal.stories-Ns1ikKLR.js} +1 -1
  63. package/dist/storybook/assets/{number-input-B-Nmya5O.js → number-input-uQOVHv2N.js} +1 -1
  64. package/dist/storybook/assets/{number-input.stories-CcNTeD25.js → number-input.stories-BfRW8wgL.js} +1 -1
  65. package/dist/storybook/assets/{option-dropdown.stories-COGmMWEl.js → option-dropdown.stories-ByLG631x.js} +1 -1
  66. package/dist/storybook/assets/{padding-and-spacing-BNiScrzg.js → padding-and-spacing-By28ROLj.js} +1 -1
  67. package/dist/storybook/assets/{page.stories-BB3g1zwB.js → page.stories-br9ia4zp.js} +1 -1
  68. package/dist/storybook/assets/{pagination-DSQeMPG_.js → pagination-CqvxiZHR.js} +1 -1
  69. package/dist/storybook/assets/{pagination.stories-DjIohcDx.js → pagination.stories-BzMlcLsN.js} +1 -1
  70. package/dist/storybook/assets/{pop-confirm.stories-Cr_ZBbLn.js → pop-confirm.stories-MFDc3UAq.js} +1 -1
  71. package/dist/storybook/assets/popover-DgUpTRMk.js +1 -0
  72. package/dist/storybook/assets/{popover.stories-CoWCb2Mn.js → popover.stories-CPW_LGAh.js} +1 -1
  73. package/dist/storybook/assets/{preview-DhMlVLsE.js → preview-CO5-Yrmk.js} +1 -1
  74. package/dist/storybook/assets/{preview-CZPuAPNr.js → preview-eMMARKcW.js} +2 -2
  75. package/dist/storybook/assets/{projects.stories-BesbPJ8Z.js → projects.stories-BSAMs8RG.js} +1 -1
  76. package/dist/storybook/assets/{radio-button-BD7pi0ao.js → radio-button-C_cV5TWA.js} +1 -1
  77. package/dist/storybook/assets/{radio-button.stories-B84Ip3NV.js → radio-button.stories-D7uvMLbK.js} +1 -1
  78. package/dist/storybook/assets/{reservoirs.stories-kxVBoa7Y.js → reservoirs.stories-Cql_9W4F.js} +1 -1
  79. package/dist/storybook/assets/{rich-text-input.stories-C5pcIbSa.js → rich-text-input.stories-BuDUgUsz.js} +1 -1
  80. package/dist/storybook/assets/{row.stories-ATsrjumb.js → row.stories-C-bEP9pE.js} +1 -1
  81. package/dist/storybook/assets/{select-78sreKsp.js → select-tIEV7vnw.js} +1 -1
  82. package/dist/storybook/assets/{select.stories-CZwsHVDB.js → select.stories-BuW6SmRZ.js} +1 -1
  83. package/dist/storybook/assets/{side-bar-WsK6pkmj.js → side-bar-ChOjPNLR.js} +1 -1
  84. package/dist/storybook/assets/{side-bar.stories-Bu2q_b_w.js → side-bar.stories-BupidZk5.js} +1 -1
  85. package/dist/storybook/assets/{site.stories-Yh4uNi3Q.js → site.stories-C1GnbK5P.js} +1 -1
  86. package/dist/storybook/assets/{slider-CxVlS0fh.js → slider-gZmYlxxz.js} +1 -1
  87. package/dist/storybook/assets/{slider.stories-_wS70xsm.js → slider.stories-CY4GxD4Y.js} +1 -1
  88. package/dist/storybook/assets/{smart-upload-modal.stories-DDlO9y2j.js → smart-upload-modal.stories-DGIErcSu.js} +1 -1
  89. package/dist/storybook/assets/{spacer.stories-B3LrTr7b.js → spacer.stories-D7Q45uBk.js} +1 -1
  90. package/dist/storybook/assets/{table-DPvzYjoq.js → table-CXUwJOBt.js} +1 -1
  91. package/dist/storybook/assets/{table.stories-BGQ1O9nw.js → table.stories-Cp0UIPUQ.js} +1 -1
  92. package/dist/storybook/assets/{table.stories-data-2STKbgzG.js → table.stories-data-DwfKQW7P.js} +1 -1
  93. package/dist/storybook/assets/{textarea-DOJDK8hI.js → textarea-BV7xWEdt.js} +1 -1
  94. package/dist/storybook/assets/{textarea.stories-CKm5MlQF.js → textarea.stories-aRLEoDHg.js} +1 -1
  95. package/dist/storybook/assets/{title.stories-CVRTXggL.js → title.stories-hn5F8-2J.js} +1 -1
  96. package/dist/storybook/assets/{toaster.stories-DfbfDavp.js → toaster.stories-DtRx7MDa.js} +1 -1
  97. package/dist/storybook/assets/{toggle-t1iTuSL7.js → toggle-Bo-JPbUP.js} +1 -1
  98. package/dist/storybook/assets/{toggle.stories-D44S3Nix.js → toggle.stories-CBkCAQh6.js} +1 -1
  99. package/dist/storybook/assets/{tooltip-C_E_6ym5.js → tooltip-1V7clEnw.js} +1 -1
  100. package/dist/storybook/assets/{tooltip.stories-C70ADjjJ.js → tooltip.stories-1YexWg6N.js} +1 -1
  101. package/dist/storybook/assets/{tooltip.test-case.stories-BtrJUImB.js → tooltip.test-case.stories-C74mKGrI.js} +1 -1
  102. package/dist/storybook/assets/{top-bar-R-CjhJ21.js → top-bar-DG4ok0uF.js} +1 -1
  103. package/dist/storybook/assets/{top-bar.stories-BYN9rcUw.js → top-bar.stories-BI4a_ekv.js} +1 -1
  104. package/dist/storybook/assets/{top-bar.testcase.stories-ZPaSRyIh.js → top-bar.testcase.stories-DzsYUZIx.js} +1 -1
  105. package/dist/storybook/assets/{tree.stories-Ghxps-dL.js → tree.stories-RtuZpYXn.js} +1 -1
  106. package/dist/storybook/assets/{unit-input.stories-Bqt0CdF7.js → unit-input.stories-DGvDLll8.js} +1 -1
  107. package/dist/storybook/assets/{unit-table.stories-DXies3fA.js → unit-table.stories-D0q58B-1.js} +1 -1
  108. package/dist/storybook/iframe.html +1 -1
  109. package/dist/storybook/project.json +1 -1
  110. package/package.json +3 -3
  111. package/dist/storybook/assets/popover-Dq3iC_lM.js +0 -1
@@ -1,4 +1,4 @@
1
- import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as z}from"./immer.esm-BwVl9PS2.js";import{d as U}from"./index-DQs5XS8h.js";import{G as Z}from"./grid-B6LFPf51.js";import{S as ee}from"./spacer-BWoNR27H.js";import{C as F}from"./card-EcjmryU9.js";import{F as L}from"./field-DwLk_uWj.js";import{H as W}from"./heading-DkSFysAb.js";import{S as P}from"./select-78sreKsp.js";import{T as I}from"./toggle-t1iTuSL7.js";import{l as te}from"./lodash-BHd_uQHh.js";import{u as ne}from"./use-previous-D775JrO6.js";import{T as ae,C as _}from"./table-DPvzYjoq.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-Bf0q9Yjk.js";import"./index-Bk2sglWO.js";import"./label-tWjEmTQJ.js";import"./common-types-Sih75Sav.js";import"./help-icon-LfPZiYla.js";import"./tooltip-C_E_6ym5.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-UmZ4Y_CR.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-Cu_0szZ4.js";import"./button-_0DiND6h.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./index.es-D2piFfFj.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-DSQeMPG_.js";import"./input-D97ganXq.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-B-Nmya5O.js";import"./check-box-DkdQxC5c.js";import"./slider-CxVlS0fh.js";import"./index-BI4_Bp97.js";import"./popover-Dq3iC_lM.js";const ie=l=>l.reduce(({preferredUnits:i,storageUnits:r},{unitKey:s,preferredUnit:a,storageUnit:h})=>(i[s]=a,r[s]=h,{preferredUnits:i,storageUnits:r}),{preferredUnits:{},storageUnits:{}}),re=({headers:l,rows:i,selectedUnits:r,storageUnits:s,onChangeUnit:a,convertBackToStorageUnit:h,enableCosmeticRounding:g,enableDisplayRounding:y})=>{const u=l?l.map(d=>({...d,cells:d.cells.map(c=>{var t;if(c.type===_.AUTO_UNIT){const{testId:C,unitKey:p}=c;return{value:r[p],type:_.SELECT,searchable:!1,options:(t=U.getUnitsForQuantity(p))==null?void 0:t.map(T=>({label:U.label(T),value:T})),native:c.native,onChange:T=>a({unitKey:p,value:T.target.value}),testId:C}}return c})})):[],o=i?i.map((d,c)=>({...d,cells:d.cells.map((t,C)=>{if("autoUnit"in t&&(t!=null&&t.autoUnit)&&(typeof(t==null?void 0:t.value)=="string"||typeof(t==null?void 0:t.value)=="number")){const{unitKey:p,value:T,formatDisplayValue:w}=t,j=y&&"roundDisplayValue"in t?t==null?void 0:t.roundDisplayValue:null,m=r[p],b=s[p],e=m!==b,f=e?U.convertAndGetValue(T,m,b):t.value,x=U.isScientificStringNum(T),D=g&&(e||!x)?U.roundToPrecision(f,14):f,R=w?w(D):D;return{...t,value:R,enableCosmeticRounding:g,enableDisplayRounding:y,roundDisplayValue:j,onChange:S=>{const{value:B}=S.target,A=s[p],E=r[p],N=E!==A,k=h?A:E,$=N?U.convertAndGetValue(B,k,E):B;if("onChange"in t){const{onChange:X}=t,Y={...S,target:{...S.target,value:String($),rowIndex:c,cellIndex:C,unit:k}};X(Y)}}}}return t})})):[];return{convertedHeaders:u,convertedRows:o}},M=({table:l,unitConfig:i,convertBackToStorageUnit:r=!0,enableCosmeticRounding:s=!0,enableDisplayRounding:a=!0})=>{const{rows:h,headers:g,...y}=l,{storageUnits:u,preferredUnits:o}=ie(i),d=ne(o),[c,t]=v.useState(o),C=({unitKey:m,value:b})=>{t({...c,[m]:b});const e=i.find(f=>f.unitKey===m);e&&typeof e.onChange=="function"&&e.onChange({oldUnit:c[m],newUnit:b,unitKey:m})},p=m=>re({headers:g,rows:h,selectedUnits:m,storageUnits:u,onChangeUnit:C,convertBackToStorageUnit:r,enableCosmeticRounding:s,enableDisplayRounding:a}),T=p(c),[w,j]=v.useState(T);return v.useEffect(()=>{!te.isEqual(o,d)&&(Object.keys(o).forEach(b=>{const e=d==null?void 0:d[b],f=o[b];e!==f&&C({unitKey:b,value:f})}),j(p(o)))},[i]),v.useEffect(()=>{j(p(c))},[l,c]),n.jsx(ae,{table:{...y,headers:w.convertedHeaders,rows:w.convertedRows}})};M.__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 pt={title:"Basic/UnitTable",args:{}},oe=!0,le=!0,se=!0,ue=!1,H="m",J="C",de=3,ce=(l,i,r)=>{const s=[i,i,r],a=[...Array(l)].map((h,g)=>{const y=g,u=g+1.25,o=4+g*.25;return[String(y),String(u),String(o)]});return[s,...a]},pe=ce(de,H,J),ge=({reduxTable:l,value:i,unit:r,rowIndex:s,cellIndex:a})=>z(l,h=>{const g=h[0][a],y=(u,o)=>o===0;return h.forEach((u,o)=>{if(y(u,o)){u[a]=r;return}if(o===s+1){u[a]=String(i);return}const d=U.convertAndGetValue(u[a],r,g);u[a]=String(d)}),h}),me=({reduxTable:l,value:i,rowIndex:r,cellIndex:s})=>z(l,a=>{a[r+1][s]=i}),V=()=>{var m,b;const[l,i]=v.useState(H),[r,s]=v.useState(J),[a,h]=v.useState(pe),[g,y]=v.useState(oe),[u,o]=v.useState(se),[d,c]=v.useState(le),[t,C]=v.useState(ue),[p,T]=v.useState(H),w=e=>{const{rowIndex:f,cellIndex:x,value:D,unit:R}=e.target,S=t?ge({reduxTable:a,value:D,unit:R,rowIndex:f,cellIndex:x}):me({reduxTable:a,value:D,rowIndex:f,cellIndex:x});h(S)},j=a.reduce((e,f,x)=>(x===0?e.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"}]}]:e.rows=e.rows.concat({cells:f.map((D,R)=>{const S=x===1&&R===1;return{value:D,type:S?"Text":"NumberInput",unitKey:R===2?"temperature":"length",onChange:w,roundDisplayValue:x===3&&R===2?k=>U.roundByMagnitude(k,2):null,formatDisplayValue:S?k=>`T* ${k}`:null,autoUnit:!0}})}),e),{headers:[],rows:[]});return n.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(F,{heading:n.jsx(W,{children:"Settings"}),children:[n.jsx(L,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:g,onChange:e=>y(e.target.checked)})}),n.jsx(L,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:u,onChange:e=>o(e.target.checked)})}),n.jsx(L,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:d,onChange:e=>c(e.target.checked)})}),n.jsx(L,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:t,onChange:e=>C(e.target.checked)})})]}),n.jsxs(F,{heading:n.jsx(W,{children:"Unit template"}),children:[n.jsx(L,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(m=U.getUnitsForQuantity("length"))==null?void 0:m.map(e=>({value:e,label:U.label(e)})),value:{value:l},onChange:e=>i(e.target.value),width:"100px"})}),n.jsx(L,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(b=U.getUnitsForQuantity("temperature"))==null?void 0:b.map(e=>({value:e,label:U.label(e)})),value:{value:r},onChange:e=>s(e.target.value),width:"100px"})})]}),n.jsx(F,{heading:n.jsx(W,{children:"Storage State (Redux)"}),children:n.jsx("pre",{children:n.jsx("code",{children:JSON.stringify(a,null,2)})})}),n.jsxs(F,{heading:n.jsx(W,{children:"UnitTable"}),children:[n.jsx(M,{table:j,unitConfig:[{unitKey:"length",storageUnit:a[0][0],preferredUnit:l,onChange:({newUnit:e})=>T(e)},{unitKey:"temperature",storageUnit:a[0][2],preferredUnit:r}],convertBackToStorageUnit:g,enableDisplayRounding:u,enableCosmeticRounding:d}),n.jsx(ee,{height:20}),n.jsx(L,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:p})]})]})};V.__docgenInfo={description:"",methods:[],displayName:"UnitTablePrototype"};var K,G,O,q,Q;V.parameters={...V.parameters,docs:{...(K=V.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
1
+ import{j as n}from"./jsx-runtime-eps93zm2.js";import{r as v}from"./index-DhsZuJvc.js";import{f as z}from"./immer.esm-BwVl9PS2.js";import{d as U}from"./index-CWz-hU-f.js";import{G as Z}from"./grid-B6LFPf51.js";import{S as ee}from"./spacer-BWoNR27H.js";import{C as F}from"./card-EcjmryU9.js";import{F as L}from"./field-C5_fLDpy.js";import{H as W}from"./heading-NkLgQYoP.js";import{S as P}from"./select-tIEV7vnw.js";import{T as I}from"./toggle-Bo-JPbUP.js";import{l as te}from"./lodash-BHd_uQHh.js";import{u as ne}from"./use-previous-D775JrO6.js";import{T as ae,C as _}from"./table-CXUwJOBt.js";import"./index-DRSy5Ssd.js";import"./styled-components.browser.esm-Bf0q9Yjk.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-UmZ4Y_CR.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-CZK3mphC.js";import"./button-C1sV-0mR.js";import"./spinner-AWUe4xwQ.js";import"./badge-CLQ59MDF.js";import"./select.input-DIKP56UZ.js";import"./index.es-D2piFfFj.js";import"./redux-tRgGMjwY.js";import"./objectSpread2-DW4nTBoq.js";import"./tiny-invariant-DqLgxztJ.js";import"./pagination-CqvxiZHR.js";import"./input-BW9trNAW.js";import"./input-group-BaRSJAEN.js";import"./input-group-addon-D68iUKV2.js";import"./number-input-uQOVHv2N.js";import"./check-box-CaSrhzev.js";import"./slider-gZmYlxxz.js";import"./index-BI4_Bp97.js";import"./popover-DgUpTRMk.js";const ie=l=>l.reduce(({preferredUnits:i,storageUnits:r},{unitKey:s,preferredUnit:a,storageUnit:h})=>(i[s]=a,r[s]=h,{preferredUnits:i,storageUnits:r}),{preferredUnits:{},storageUnits:{}}),re=({headers:l,rows:i,selectedUnits:r,storageUnits:s,onChangeUnit:a,convertBackToStorageUnit:h,enableCosmeticRounding:g,enableDisplayRounding:y})=>{const u=l?l.map(d=>({...d,cells:d.cells.map(c=>{var t;if(c.type===_.AUTO_UNIT){const{testId:C,unitKey:p}=c;return{value:r[p],type:_.SELECT,searchable:!1,options:(t=U.getUnitsForQuantity(p))==null?void 0:t.map(T=>({label:U.label(T),value:T})),native:c.native,onChange:T=>a({unitKey:p,value:T.target.value}),testId:C}}return c})})):[],o=i?i.map((d,c)=>({...d,cells:d.cells.map((t,C)=>{if("autoUnit"in t&&(t!=null&&t.autoUnit)&&(typeof(t==null?void 0:t.value)=="string"||typeof(t==null?void 0:t.value)=="number")){const{unitKey:p,value:T,formatDisplayValue:w}=t,j=y&&"roundDisplayValue"in t?t==null?void 0:t.roundDisplayValue:null,m=r[p],b=s[p],e=m!==b,f=e?U.convertAndGetValue(T,m,b):t.value,x=U.isScientificStringNum(T),D=g&&(e||!x)?U.roundToPrecision(f,14):f,R=w?w(D):D;return{...t,value:R,enableCosmeticRounding:g,enableDisplayRounding:y,roundDisplayValue:j,onChange:S=>{const{value:B}=S.target,A=s[p],E=r[p],N=E!==A,k=h?A:E,$=N?U.convertAndGetValue(B,k,E):B;if("onChange"in t){const{onChange:X}=t,Y={...S,target:{...S.target,value:String($),rowIndex:c,cellIndex:C,unit:k}};X(Y)}}}}return t})})):[];return{convertedHeaders:u,convertedRows:o}},M=({table:l,unitConfig:i,convertBackToStorageUnit:r=!0,enableCosmeticRounding:s=!0,enableDisplayRounding:a=!0})=>{const{rows:h,headers:g,...y}=l,{storageUnits:u,preferredUnits:o}=ie(i),d=ne(o),[c,t]=v.useState(o),C=({unitKey:m,value:b})=>{t({...c,[m]:b});const e=i.find(f=>f.unitKey===m);e&&typeof e.onChange=="function"&&e.onChange({oldUnit:c[m],newUnit:b,unitKey:m})},p=m=>re({headers:g,rows:h,selectedUnits:m,storageUnits:u,onChangeUnit:C,convertBackToStorageUnit:r,enableCosmeticRounding:s,enableDisplayRounding:a}),T=p(c),[w,j]=v.useState(T);return v.useEffect(()=>{!te.isEqual(o,d)&&(Object.keys(o).forEach(b=>{const e=d==null?void 0:d[b],f=o[b];e!==f&&C({unitKey:b,value:f})}),j(p(o)))},[i]),v.useEffect(()=>{j(p(c))},[l,c]),n.jsx(ae,{table:{...y,headers:w.convertedHeaders,rows:w.convertedRows}})};M.__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 pt={title:"Basic/UnitTable",args:{}},oe=!0,le=!0,se=!0,ue=!1,H="m",J="C",de=3,ce=(l,i,r)=>{const s=[i,i,r],a=[...Array(l)].map((h,g)=>{const y=g,u=g+1.25,o=4+g*.25;return[String(y),String(u),String(o)]});return[s,...a]},pe=ce(de,H,J),ge=({reduxTable:l,value:i,unit:r,rowIndex:s,cellIndex:a})=>z(l,h=>{const g=h[0][a],y=(u,o)=>o===0;return h.forEach((u,o)=>{if(y(u,o)){u[a]=r;return}if(o===s+1){u[a]=String(i);return}const d=U.convertAndGetValue(u[a],r,g);u[a]=String(d)}),h}),me=({reduxTable:l,value:i,rowIndex:r,cellIndex:s})=>z(l,a=>{a[r+1][s]=i}),V=()=>{var m,b;const[l,i]=v.useState(H),[r,s]=v.useState(J),[a,h]=v.useState(pe),[g,y]=v.useState(oe),[u,o]=v.useState(se),[d,c]=v.useState(le),[t,C]=v.useState(ue),[p,T]=v.useState(H),w=e=>{const{rowIndex:f,cellIndex:x,value:D,unit:R}=e.target,S=t?ge({reduxTable:a,value:D,unit:R,rowIndex:f,cellIndex:x}):me({reduxTable:a,value:D,rowIndex:f,cellIndex:x});h(S)},j=a.reduce((e,f,x)=>(x===0?e.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"}]}]:e.rows=e.rows.concat({cells:f.map((D,R)=>{const S=x===1&&R===1;return{value:D,type:S?"Text":"NumberInput",unitKey:R===2?"temperature":"length",onChange:w,roundDisplayValue:x===3&&R===2?k=>U.roundByMagnitude(k,2):null,formatDisplayValue:S?k=>`T* ${k}`:null,autoUnit:!0}})}),e),{headers:[],rows:[]});return n.jsxs(Z,{columns:"1fr 1fr",gap:!0,children:[n.jsxs(F,{heading:n.jsx(W,{children:"Settings"}),children:[n.jsx(L,{label:"Convert back to storage unit:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:g,onChange:e=>y(e.target.checked)})}),n.jsx(L,{label:"Enable display rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:u,onChange:e=>o(e.target.checked)})}),n.jsx(L,{label:"Enable cosmetic rounding:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:d,onChange:e=>c(e.target.checked)})}),n.jsx(L,{label:"Convert whole table:",labelLeft:!0,labelWidth:200,children:n.jsx(I,{checked:t,onChange:e=>C(e.target.checked)})})]}),n.jsxs(F,{heading:n.jsx(W,{children:"Unit template"}),children:[n.jsx(L,{label:"Length unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(m=U.getUnitsForQuantity("length"))==null?void 0:m.map(e=>({value:e,label:U.label(e)})),value:{value:l},onChange:e=>i(e.target.value),width:"100px"})}),n.jsx(L,{label:"Temperature unit:",labelLeft:!0,labelWidth:120,children:n.jsx(P,{options:(b=U.getUnitsForQuantity("temperature"))==null?void 0:b.map(e=>({value:e,label:U.label(e)})),value:{value:r},onChange:e=>s(e.target.value),width:"100px"})})]}),n.jsx(F,{heading:n.jsx(W,{children:"Storage State (Redux)"}),children:n.jsx("pre",{children:n.jsx("code",{children:JSON.stringify(a,null,2)})})}),n.jsxs(F,{heading:n.jsx(W,{children:"UnitTable"}),children:[n.jsx(M,{table:j,unitConfig:[{unitKey:"length",storageUnit:a[0][0],preferredUnit:l,onChange:({newUnit:e})=>T(e)},{unitKey:"temperature",storageUnit:a[0][2],preferredUnit:r}],convertBackToStorageUnit:g,enableDisplayRounding:u,enableCosmeticRounding:d}),n.jsx(ee,{height:20}),n.jsx(L,{label:"Displayed length unit:",labelLeft:!0,labelWidth:150,children:p})]})]})};V.__docgenInfo={description:"",methods:[],displayName:"UnitTablePrototype"};var K,G,O,q,Q;V.parameters={...V.parameters,docs:{...(K=V.parameters)==null?void 0:K.docs,source:{originalSource:`() => {
2
2
  const [preferredLengthUnit, setPreferredLengthUnit] = useState(initialLengthUnit);
3
3
  const [preferredTemperatureUnit, setPreferredTemperatureUnit] = useState(initialTemperatureUnit);
4
4
  const [reduxTable, setReduxTable] = useState<TTable>(initialTable);
@@ -509,7 +509,7 @@
509
509
  }
510
510
  </script>
511
511
 
512
- <script type="module" crossorigin src="./assets/iframe-CNFcCVDc.js"></script>
512
+ <script type="module" crossorigin src="./assets/iframe-DLWAAiXM.js"></script>
513
513
  </head>
514
514
 
515
515
  <body>
@@ -1 +1 @@
1
- {"generatedAt":1721657159121,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.4","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.4"},"@storybook/addon-links":{"version":"8.2.4"},"@storybook/preview-api":{"version":"8.2.4"},"@storybook/react":{"version":"8.2.4"},"@storybook/react-vite":{"version":"8.2.4"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.4"}},"addons":{"@storybook/addon-actions":{"version":"8.2.4"},"@storybook/addon-docs":{"version":"8.2.4"},"storybook-dark-mode":{"version":"4.0.2"}}}
1
+ {"generatedAt":1721979489584,"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":true,"refCount":0,"testPackages":{"@types/jest":"29.5.12","@vitest/coverage-c8":"0.31.4","eslint-plugin-vitest":null,"eslint-plugin-vitest-globals":"1.5.0","vitest":"1.6.0"},"packageManager":{"type":"yarn","version":"1.22.19"},"typescriptOptions":{"reactDocgen":"react-docgen"},"preview":{"usesGlobals":false},"framework":{"name":"@storybook/react-vite","options":{}},"builder":"@storybook/builder-vite","renderer":"@storybook/react","storybookVersion":"8.2.4","storybookVersionSpecifier":"^8.2.4","language":"typescript","storybookPackages":{"@storybook/addon-essentials":{"version":"8.2.4"},"@storybook/addon-links":{"version":"8.2.4"},"@storybook/preview-api":{"version":"8.2.4"},"@storybook/react":{"version":"8.2.4"},"@storybook/react-vite":{"version":"8.2.4"},"eslint-plugin-storybook":{"version":"0.6.15"},"storybook":{"version":"8.2.4"}},"addons":{"@storybook/addon-actions":{"version":"8.2.4"},"@storybook/addon-docs":{"version":"8.2.4"},"storybook-dark-mode":{"version":"4.0.2"}}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oliasoft-open-source/react-ui-library",
3
- "version": "4.7.3",
3
+ "version": "4.7.4",
4
4
  "description": "Reusable UI components for React projects",
5
5
  "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
6
6
  "bugs": {
@@ -81,7 +81,7 @@
81
81
  },
82
82
  "devDependencies": {
83
83
  "@oliasoft-open-source/eslint-config-oliasoft": "^1.0.4",
84
- "@oliasoft-open-source/units": "^3.12.0",
84
+ "@oliasoft-open-source/units": "^3.12.4",
85
85
  "@storybook/addon-essentials": "^8.2.4",
86
86
  "@storybook/addon-links": "^8.2.4",
87
87
  "@storybook/preview-api": "^8.2.4",
@@ -136,7 +136,7 @@
136
136
  "vitest": "^1.0.0"
137
137
  },
138
138
  "peerDependencies": {
139
- "@oliasoft-open-source/units": "^3.12.0",
139
+ "@oliasoft-open-source/units": "^3.12.4",
140
140
  "ajv": "^8.12.0",
141
141
  "ajv-errors": "^3.0.0",
142
142
  "ajv-keywords": "^5.1.0",
@@ -1 +0,0 @@
1
- import{j as e}from"./jsx-runtime-eps93zm2.js";import{r as n,R as u}from"./index-DhsZuJvc.js";import{u as _,A as j,i as P}from"./tooltip-C_E_6ym5.js";import{c}from"./index-Bk2sglWO.js";import{I as B}from"./common-types-Sih75Sav.js";import{D as E}from"./disabled-context-rmpd7YJS.js";import{B as V}from"./button-_0DiND6h.js";const k="_toggleBox_lhie5_1",R="_fullWidthStyleFix_lhie5_8",S="_dismiss_lhie5_13",a={toggleBox:k,fullWidthStyleFix:R,dismiss:S},W=({children:p,content:i,placement:f="top-center",closeOnOutsideClick:m=!0,fullWidth:g=!1,showCloseButton:x=!1,testId:y,disabled:o=!1,overflowContainer:v=!1,isOpen:d,onToggle:h})=>{const s=n.useContext(E),[l,t]=d!==void 0?[d,h]:n.useState(!1),r=()=>{!o&&!s&&t&&t(!1)},b=()=>{o||s||t&&t(!l)};n.useEffect(()=>{(o||s)&&r()},[o,s]);const{renderLayer:C,arrowProps:T,layerProps:q,triggerProps:O}=_({isOpen:l,placement:f,auto:!0,triggerOffset:6,onOutsideClick:m?r:void 0,ResizeObserver:P,overflowContainer:v});return e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:O.ref,onClick:b,"data-testid":y,children:p}),l&&C(e.jsxs("div",{className:g?c(a.toggleBox,a.fullWidthStyleFix):c(a.toggleBox),...q,children:[e.jsxs("div",{children:[u.isValidElement(i)?u.cloneElement(i,{close:r}):i,x&&e.jsx("div",{className:a.dismiss,children:e.jsx(V,{small:!0,round:!0,onClick:r,icon:B.CLOSE})})]}),e.jsx(j,{...T,backgroundColor:"var(--color-background-layer)",borderColor:"var(--color-border)",borderWidth:1,size:6,onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0})]}))]})};W.__docgenInfo={description:"",methods:[],displayName:"Popover",props:{children:{required:!1,tsType:{name:"ReactNode"},description:""},content:{required:!1,tsType:{name:"ReactNode"},description:""},placement:{required:!1,tsType:{name:"Placement"},description:"",defaultValue:{value:"'top-center'",computed:!1}},closeOnOutsideClick:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"true",computed:!1}},fullWidth:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},showCloseButton:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},testId:{required:!1,tsType:{name:"string"},description:""},disabled:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},overflowContainer:{required:!1,tsType:{name:"boolean"},description:"",defaultValue:{value:"false",computed:!1}},isOpen:{required:!1,tsType:{name:"boolean"},description:""},onToggle:{required:!1,tsType:{name:"signature",type:"function",raw:"(isOpen: boolean) => void",signature:{arguments:[{type:{name:"boolean"},name:"isOpen"}],return:{name:"void"}}},description:""}}};export{W as P};