@cloudoperators/juno-ui-components 2.28.0 → 2.30.0

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 (157) hide show
  1. package/build/{AppShellProvider.component-OYNJWgl1.js → AppShellProvider.component-CoGCOuox.js} +1 -1
  2. package/build/AppShellProvider.js +1 -1
  3. package/build/{ButtonRow.component-DlpAnXKj.js → ButtonRow.component-CnJPyZ99.js} +1 -1
  4. package/build/{Checkbox.component-O8sJ_9IS.js → Checkbox.component-DxULmNji.js} +1 -1
  5. package/build/Checkbox.js +1 -1
  6. package/build/{CheckboxGroup.component-78sw6_Rv.js → CheckboxGroup.component-DJN7waSM.js} +1 -1
  7. package/build/CheckboxGroup.js +1 -1
  8. package/build/{CheckboxRow.component-n5GWBEDU.js → CheckboxRow.component-CrN2DXEm.js} +1 -1
  9. package/build/CheckboxRow.js +1 -1
  10. package/build/CodeBlock.component-CXDUnHIb.js +1 -0
  11. package/build/CodeBlock.js +1 -1
  12. package/build/ContextMenu.component-DyB2n7er.js +1 -0
  13. package/build/ContextMenu.js +1 -1
  14. package/build/DataGridCheckboxCell.js +1 -1
  15. package/build/{NativeSelect.component-DtTnqH-z.js → FilterInput.component-CBfEzQ3x.js} +27 -2
  16. package/build/FilterInput.js +1 -1
  17. package/build/{Filters.component-CPqHl_ZP.js → Filters.component-Cu8sV-IL.js} +1 -1
  18. package/build/Filters.js +1 -1
  19. package/build/Form.component-D-BE29tV.js +1 -0
  20. package/build/Form.js +1 -1
  21. package/build/FormHint.component-B30ehV71.js +1 -0
  22. package/build/FormHint.js +1 -1
  23. package/build/FormRow.component--LSv8Yz8.js +1 -0
  24. package/build/FormRow.js +1 -1
  25. package/build/FormSection.component-D-txM2wI.js +1 -0
  26. package/build/FormSection.js +1 -1
  27. package/build/Grid.component-DhdNobry.js +1 -0
  28. package/build/Grid.js +1 -1
  29. package/build/GridColumn.component-Dn_zRSnd.js +1 -0
  30. package/build/GridColumn.js +1 -1
  31. package/build/GridRow.component-DP4HP_Ai.js +1 -0
  32. package/build/GridRow.js +1 -1
  33. package/build/Menu.component-B2zPLmdP.js +1 -0
  34. package/build/Menu.js +1 -1
  35. package/build/MenuItem.component-2A91klk9.js +1 -0
  36. package/build/MenuItem.js +1 -1
  37. package/build/MenuSection.component-CXCYKlVr.js +1 -0
  38. package/build/MenuSection.js +1 -1
  39. package/build/NativeSelect.component-BeYgemsP.js +1 -0
  40. package/build/NativeSelect.js +1 -1
  41. package/build/NativeSelectOption.component-CLFcWbs7.js +1 -0
  42. package/build/NativeSelectOption.js +1 -1
  43. package/build/NativeSelectOptionGroup.component-B9j74Fm2.js +1 -0
  44. package/build/NativeSelectOptionGroup.js +1 -1
  45. package/build/{Pagination.component-Dmf8HSAf.js → Pagination.component-6CTFGCb-.js} +1 -1
  46. package/build/Pagination.js +1 -1
  47. package/build/{Radio.component-D5E4PrMW.js → Radio.component-qjlCYiuP.js} +1 -1
  48. package/build/Radio.js +1 -1
  49. package/build/{RadioGroup.component-C8y2zs-R.js → RadioGroup.component-Cj0bQHOM.js} +1 -1
  50. package/build/RadioGroup.js +1 -1
  51. package/build/{RadioRow.component-BuAImxFY.js → RadioRow.component-CqrB8Bvr.js} +1 -1
  52. package/build/RadioRow.js +1 -1
  53. package/build/SecretText.js +1 -1
  54. package/build/{Select.component-qFgtNL11.js → Select.component-BpoPsXOT.js} +1 -1
  55. package/build/Select.js +1 -1
  56. package/build/SelectOption.js +1 -1
  57. package/build/{Button.component-BKRhw0J0.js → Stack.component-fYvcWRNi.js} +5 -1
  58. package/build/{StyleProvider.component-BJXpG1ZL.js → StyleProvider.component-DpOVgdlo.js} +1 -1
  59. package/build/StyleProvider.js +1 -1
  60. package/build/Switch.component-BxCFYGD_.js +1 -0
  61. package/build/Switch.js +1 -1
  62. package/build/{Switch.component-D3qUVHCF.js → SwitchRow.component-BNceFC47.js} +2 -2
  63. package/build/SwitchRow.js +1 -1
  64. package/build/{TextInput.component-BBTA8JYe.js → TextInput.component-D1qpmHfA.js} +1 -1
  65. package/build/TextInput.js +1 -1
  66. package/build/{Textarea.component-Bn-CfmYI.js → Textarea.component-BrJM-k2b.js} +1 -1
  67. package/build/Textarea.js +1 -1
  68. package/build/{ThemeToggle.component-CNiLRHO4.js → ThemeToggle.component-CNb4Nbso.js} +1 -1
  69. package/build/ThemeToggle.js +1 -1
  70. package/build/components/AppShellProvider/AppShellProvider.component.d.ts +22 -0
  71. package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -0
  72. package/build/components/CodeBlock/CodeBlock.component.d.ts +24 -0
  73. package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -0
  74. package/build/components/CodeBlock/index.d.ts +2 -0
  75. package/build/components/CodeBlock/index.d.ts.map +1 -0
  76. package/build/components/ContextMenu/ContextMenu.component.d.ts +11 -0
  77. package/build/components/ContextMenu/ContextMenu.component.d.ts.map +1 -0
  78. package/build/components/ContextMenu/index.d.ts +2 -0
  79. package/build/components/ContextMenu/index.d.ts.map +1 -0
  80. package/build/components/Form/Form.component.d.ts +22 -0
  81. package/build/components/Form/Form.component.d.ts.map +1 -0
  82. package/build/components/Form/index.d.ts +2 -0
  83. package/build/components/Form/index.d.ts.map +1 -0
  84. package/build/components/FormHint/FormHint.component.d.ts +18 -8
  85. package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
  86. package/build/components/FormRow/FormRow.component.d.ts +18 -0
  87. package/build/components/FormRow/FormRow.component.d.ts.map +1 -0
  88. package/build/components/FormRow/index.d.ts +2 -0
  89. package/build/components/FormRow/index.d.ts.map +1 -0
  90. package/build/components/FormSection/FormSection.component.d.ts +21 -0
  91. package/build/components/FormSection/FormSection.component.d.ts.map +1 -0
  92. package/build/components/FormSection/index.d.ts +2 -0
  93. package/build/components/FormSection/index.d.ts.map +1 -0
  94. package/build/components/Grid/Grid.component.d.ts +22 -0
  95. package/build/components/Grid/Grid.component.d.ts.map +1 -0
  96. package/build/components/Grid/index.d.ts +2 -0
  97. package/build/components/Grid/index.d.ts.map +1 -0
  98. package/build/components/GridColumn/GridColumn.component.d.ts +29 -0
  99. package/build/components/GridColumn/GridColumn.component.d.ts.map +1 -0
  100. package/build/components/GridColumn/index.d.ts +2 -0
  101. package/build/components/GridColumn/index.d.ts.map +1 -0
  102. package/build/components/GridRow/GridRow.component.d.ts +18 -0
  103. package/build/components/GridRow/GridRow.component.d.ts.map +1 -0
  104. package/build/components/GridRow/index.d.ts +2 -0
  105. package/build/components/GridRow/index.d.ts.map +1 -0
  106. package/build/components/JsonViewer/JsonViewer.component.d.ts +1 -1
  107. package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
  108. package/build/components/Menu/Menu.component.d.ts +17 -0
  109. package/build/components/Menu/Menu.component.d.ts.map +1 -0
  110. package/build/components/Menu/index.d.ts +2 -0
  111. package/build/components/Menu/index.d.ts.map +1 -0
  112. package/build/components/MenuItem/MenuItem.component.d.ts +24 -0
  113. package/build/components/MenuItem/MenuItem.component.d.ts.map +1 -0
  114. package/build/components/MenuItem/index.d.ts +2 -0
  115. package/build/components/MenuItem/index.d.ts.map +1 -0
  116. package/build/components/MenuSection/MenuSection.component.d.ts +12 -0
  117. package/build/components/MenuSection/MenuSection.component.d.ts.map +1 -0
  118. package/build/components/MenuSection/index.d.ts +2 -0
  119. package/build/components/MenuSection/index.d.ts.map +1 -0
  120. package/build/components/NativeSelect/NativeSelect.component.d.ts +65 -0
  121. package/build/components/NativeSelect/NativeSelect.component.d.ts.map +1 -0
  122. package/build/components/NativeSelect/index.d.ts +2 -0
  123. package/build/components/NativeSelect/index.d.ts.map +1 -0
  124. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts +28 -0
  125. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map +1 -0
  126. package/build/components/NativeSelectOption/index.d.ts +2 -0
  127. package/build/components/NativeSelectOption/index.d.ts.map +1 -0
  128. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts +28 -0
  129. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map +1 -0
  130. package/build/components/NativeSelectOptionGroup/index.d.ts +2 -0
  131. package/build/components/NativeSelectOptionGroup/index.d.ts.map +1 -0
  132. package/build/components/StyleProvider/StyleProvider.component.d.ts +2 -1
  133. package/build/components/StyleProvider/StyleProvider.component.d.ts.map +1 -1
  134. package/build/components/Switch/Switch.component.d.ts +77 -0
  135. package/build/components/Switch/Switch.component.d.ts.map +1 -0
  136. package/build/components/Switch/index.d.ts +2 -0
  137. package/build/components/Switch/index.d.ts.map +1 -0
  138. package/build/ibm-plex-BfDpQmIi.js +1 -0
  139. package/build/index.js +1 -1
  140. package/package.json +1 -1
  141. package/build/CodeBlock.component-BnqSUSJi.js +0 -48
  142. package/build/ContextMenu.component-Cy6taTZ_.js +0 -16
  143. package/build/FilterInput.component-DGKAGon-.js +0 -26
  144. package/build/Form.component-DnZ1t2Ji.js +0 -7
  145. package/build/FormHint.component-Dkh3ieaZ.js +0 -1
  146. package/build/FormSection.component-CBaG8F_I.js +0 -8
  147. package/build/Grid.component-DZToHwWP.js +0 -1
  148. package/build/GridColumn.component-CTrDBjxI.js +0 -28
  149. package/build/GridRow.component-XRlLoWMg.js +0 -5
  150. package/build/Menu.component-Dw3i5vRh.js +0 -17
  151. package/build/MenuItem.component-C9O5Fl8B.js +0 -32
  152. package/build/MenuSection.component-Dg5PpsbU.js +0 -11
  153. package/build/NativeSelectOption.component-ozgJZgGf.js +0 -1
  154. package/build/NativeSelectOptionGroup.component-kDCnJXl8.js +0 -1
  155. package/build/Stack.component-D-jW201_.js +0 -5
  156. package/build/SwitchRow.component-C1sGisCh.js +0 -1
  157. package/build/ibm-plex-Ryg6-k3L.js +0 -1
@@ -1 +1 @@
1
- import React__default from"react";import PropTypes from"prop-types";import{S as ShadowRoot,a as StyleProvider}from"./StyleProvider.component-BJXpG1ZL.js";import{P as PortalProvider}from"./PortalProvider.component-B2hXHP-c.js";const AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=null,children:b}=a;const g=React__default.useCallback(a=>{let{children:b}=a;return c?React__default.createElement(ShadowRoot,{mode:d},b):b},[c,d]);return React__default.createElement(g,null,React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};AppShellProvider.propTypes={shadowRoot:PropTypes.bool,shadowRootMode:PropTypes.oneOf(["open","closed"]),stylesWrapper:PropTypes.oneOf(["head","inline"]),theme:PropTypes.string,children:PropTypes.any};export{AppShellProvider as A};
1
+ import React__default from"react";import PropTypes from"prop-types";import{S as ShadowRoot,a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";import{P as PortalProvider}from"./PortalProvider.component-B2hXHP-c.js";const AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=null,children:b}=a;const g=React__default.useCallback(a=>{let{children:b}=a;return c?React__default.createElement(ShadowRoot,{mode:d},b):b},[c,d]);return React__default.createElement(g,null,React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};AppShellProvider.propTypes={shadowRoot:PropTypes.bool,shadowRootMode:PropTypes.oneOf(["open","closed"]),stylesWrapper:PropTypes.oneOf(["head","inline"]),theme:PropTypes.string,children:PropTypes.any};export{AppShellProvider as A};
@@ -1 +1 @@
1
- export{A as AppShellProvider}from"./AppShellProvider.component-OYNJWgl1.js";import"react";import"prop-types";import"./StyleProvider.component-BJXpG1ZL.js";import"react-dom";import"./ibm-plex-Ryg6-k3L.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./PortalProvider.component-B2hXHP-c.js";
1
+ export{A as AppShellProvider}from"./AppShellProvider.component-CoGCOuox.js";import"react";import"prop-types";import"./StyleProvider.component-DpOVgdlo.js";import"react-dom";import"./ibm-plex-BfDpQmIi.js";import"./_commonjsHelpers-BxGi5vpY.js";import"./PortalProvider.component-B2hXHP-c.js";
@@ -1 +1 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Stack}from"./Stack.component-D-jW201_.js";const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};export{ButtonRow as B};
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Stack}from"./Stack.component-fYvcWRNi.js";const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};export{ButtonRow as B};
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useEffect,useMemo,useId}from"react";import{a as CheckboxGroupContext}from"./CheckboxGroup.component-78sw6_Rv.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockcheckboxstyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-sm\n jn-bg-theme-checkbox\n jn-cursor-pointer\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",mockfocusstyles="\n jn-ring-2\n jn-ring-theme-focus\n",mockcheckmarkstyles="\n jn-absolute\n jn-top-0\n jn-left-0\n jn-text-theme-checkbox-checked\n jn-fill-current\n",mockindeterminatestyles="\n jn-absolute\n jn-w-2\n jn-h-0.5\n jn-top-1.5\n jn-left-[.2rem]\n jn-inline-block\n jn-bg-theme-focus\n",mockdisabledstyles="\n jn-pointer-events-none\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Checkbox=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.indeterminate,o=void 0!==n&&n,p=a.invalid,q=void 0!==p&&p,r=a.label,s=a.name,t=void 0===s?"":s,u=a.onChange,v=a.onClick,w=a.required,x=a.successtext,y=void 0===x?"":x,z=a.valid,A=void 0!==z&&z,B=a.value,C=__rest(a,["checked","className","disabled","errortext","helptext","id","indeterminate","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),D=function(a){return"string"!=typeof a||0!==a.trim().length},E=useContext(CheckboxGroupContext),F=E||{},G=F.selectedOptions,H=F.name,I=F.disabled,J=F.handleCheckboxChange,K=F.updateSelectedValue,L=useState(function(){return E?!!(G&&G.includes(B)):!!c}()),M=L[0],N=L[1],O=useState(!1),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1];useEffect(function(){c&&E&&K&&K(B)},[]),useEffect(function(){E||N(c)},[c]);var $=useMemo(function(){return q||!!(i&&D(i))},[q,i]),_=useMemo(function(){return A||!!(y&&D(y))},[A,y]);useEffect(function(){Q(o)},[o]),useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]);var aa=function(){return E?!!(G&&G.includes(B)):M},ba=m||function(){return"juno-checkbox-"+useId()}();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:"jn-checkbox-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-checkbox \n ".concat(mockcheckboxstyles," \n ").concat(S?mockfocusstyles:""," \n ").concat(I||g?mockdisabledstyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},C),aa()?(React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"".concat(mockcheckmarkstyles),width:"16",height:"16",viewBox:"0 0 16 16"},React__default.createElement("polygon",{points:"5.75 11.15 2.6 8 1.55 9.05 5.75 13.25 14.75 4.25 13.7 3.2"}))):"",React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-checkbox-invalid":""," \n ").concat(Y?"juno-checkbox-valid":""," \n ").concat(I||g?"jn-cursor-not-allowed":"","\n "),disabled:I||g,id:ba,name:H||t,onBlur:function(){T(!1)},onChange:function(a){N(!M),J&&"function"==typeof J&&J(B),u&&u(a)},onClick:function(a){v&&v(a)},onFocus:function(){T(!0)},type:"checkbox",value:B}),P&&!aa()?React__default.createElement("div",{className:"".concat(mockindeterminatestyles)}):""),r&&D(r)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:r,htmlFor:ba,disabled:I||g,required:void 0!==w&&w,className:"".concat(labelStyles)}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(I||g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&D(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",y&&D(y)?(React__default.createElement(FormHint,{text:y,variant:"success",className:"".concat(hintStyles)})):"",k&&D(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Checkbox as C};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useEffect,useMemo,useId}from"react";import{a as CheckboxGroupContext}from"./CheckboxGroup.component-DJN7waSM.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockcheckboxstyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-sm\n jn-bg-theme-checkbox\n jn-cursor-pointer\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",mockfocusstyles="\n jn-ring-2\n jn-ring-theme-focus\n",mockcheckmarkstyles="\n jn-absolute\n jn-top-0\n jn-left-0\n jn-text-theme-checkbox-checked\n jn-fill-current\n",mockindeterminatestyles="\n jn-absolute\n jn-w-2\n jn-h-0.5\n jn-top-1.5\n jn-left-[.2rem]\n jn-inline-block\n jn-bg-theme-focus\n",mockdisabledstyles="\n jn-pointer-events-none\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Checkbox=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.indeterminate,o=void 0!==n&&n,p=a.invalid,q=void 0!==p&&p,r=a.label,s=a.name,t=void 0===s?"":s,u=a.onChange,v=a.onClick,w=a.required,x=a.successtext,y=void 0===x?"":x,z=a.valid,A=void 0!==z&&z,B=a.value,C=__rest(a,["checked","className","disabled","errortext","helptext","id","indeterminate","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),D=function(a){return"string"!=typeof a||0!==a.trim().length},E=useContext(CheckboxGroupContext),F=E||{},G=F.selectedOptions,H=F.name,I=F.disabled,J=F.handleCheckboxChange,K=F.updateSelectedValue,L=useState(function(){return E?!!(G&&G.includes(B)):!!c}()),M=L[0],N=L[1],O=useState(!1),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1];useEffect(function(){c&&E&&K&&K(B)},[]),useEffect(function(){E||N(c)},[c]);var $=useMemo(function(){return q||!!(i&&D(i))},[q,i]),_=useMemo(function(){return A||!!(y&&D(y))},[A,y]);useEffect(function(){Q(o)},[o]),useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]);var aa=function(){return E?!!(G&&G.includes(B)):M},ba=m||function(){return"juno-checkbox-"+useId()}();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:"jn-checkbox-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-checkbox \n ".concat(mockcheckboxstyles," \n ").concat(S?mockfocusstyles:""," \n ").concat(I||g?mockdisabledstyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},C),aa()?(React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:"".concat(mockcheckmarkstyles),width:"16",height:"16",viewBox:"0 0 16 16"},React__default.createElement("polygon",{points:"5.75 11.15 2.6 8 1.55 9.05 5.75 13.25 14.75 4.25 13.7 3.2"}))):"",React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-checkbox-invalid":""," \n ").concat(Y?"juno-checkbox-valid":""," \n ").concat(I||g?"jn-cursor-not-allowed":"","\n "),disabled:I||g,id:ba,name:H||t,onBlur:function(){T(!1)},onChange:function(a){N(!M),J&&"function"==typeof J&&J(B),u&&u(a)},onClick:function(a){v&&v(a)},onFocus:function(){T(!0)},type:"checkbox",value:B}),P&&!aa()?React__default.createElement("div",{className:"".concat(mockindeterminatestyles)}):""),r&&D(r)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:r,htmlFor:ba,disabled:I||g,required:void 0!==w&&w,className:"".concat(labelStyles)}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(I||g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&D(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",y&&D(y)?(React__default.createElement(FormHint,{text:y,variant:"success",className:"".concat(hintStyles)})):"",k&&D(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Checkbox as C};
package/build/Checkbox.js CHANGED
@@ -1 +1 @@
1
- export{C as Checkbox}from"./Checkbox.component-O8sJ_9IS.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./CheckboxGroup.component-78sw6_Rv.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{C as Checkbox}from"./Checkbox.component-DxULmNji.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./CheckboxGroup.component-DJN7waSM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign,b as __spreadArray}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var checkboxgroupstyles="\n jn-mb-4\n jn-last:mb-0\n",groupstyles="\n jn-relative\n jn-rounded\n jn-border\n jn-py-1\n",defaultgroupstyles="\n jn-border-transparent\n",validgroupstyles="\n jn-border-theme-success\n jn-px-2\n",invalidgroupstyles="\n jn-border-theme-error\n jn-px-2\n",iconstyles="\n jn-absolute\n jn-right-2\n jn-top-1.5\n",CheckboxGroupContext=createContext(void 0),CheckboxGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=a.name,r=void 0===q?"":q,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-checkboxgroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){u&&G(u)},[u]),useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]);return React__default.createElement(CheckboxGroupContext.Provider,{value:{selectedOptions:F,name:C,disabled:g,handleCheckboxChange:function(a){var b=a;F&&F.includes(a)?G(F.filter(function(a){return a!==b})):F&&!F.includes(a)?G(function(a){return __spreadArray(__spreadArray([],a||[],!0),[b],!1)}):G([b]),s&&s(a)},updateSelectedValue:function(a){u||G(function(b){return __spreadArray(__spreadArray([],b||[],!0),[a],!1)})}}},React__default.createElement("div",__assign({className:"\n juno-checkboxgroup \n ".concat(I?"juno-checkboxgroup-valid":""," \n ").concat(L?"juno-checkboxgroup-invalid":""," \n ").concat(checkboxgroupstyles," \n ").concat(e,"\n "),id:D,role:"group"},z),p&&A(p)?(React__default.createElement(Label,{text:p,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):""))};export{CheckboxGroup as C,CheckboxGroupContext as a};
1
+ import{_ as __rest,a as __assign,b as __spreadArray}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var checkboxgroupstyles="\n jn-mb-4\n jn-last:mb-0\n",groupstyles="\n jn-relative\n jn-rounded\n jn-border\n jn-py-1\n",defaultgroupstyles="\n jn-border-transparent\n",validgroupstyles="\n jn-border-theme-success\n jn-px-2\n",invalidgroupstyles="\n jn-border-theme-error\n jn-px-2\n",iconstyles="\n jn-absolute\n jn-right-2\n jn-top-1.5\n",CheckboxGroupContext=createContext(void 0),CheckboxGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=a.name,r=void 0===q?"":q,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-checkboxgroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){u&&G(u)},[u]),useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]);return React__default.createElement(CheckboxGroupContext.Provider,{value:{selectedOptions:F,name:C,disabled:g,handleCheckboxChange:function(a){var b=a;F&&F.includes(a)?G(F.filter(function(a){return a!==b})):F&&!F.includes(a)?G(function(a){return __spreadArray(__spreadArray([],a||[],!0),[b],!1)}):G([b]),s&&s(a)},updateSelectedValue:function(a){u||G(function(b){return __spreadArray(__spreadArray([],b||[],!0),[a],!1)})}}},React__default.createElement("div",__assign({className:"\n juno-checkboxgroup \n ".concat(I?"juno-checkboxgroup-valid":""," \n ").concat(L?"juno-checkboxgroup-invalid":""," \n ").concat(checkboxgroupstyles," \n ").concat(e,"\n "),id:D,role:"group"},z),p&&A(p)?(React__default.createElement(Label,{text:p,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):""))};export{CheckboxGroup as C,CheckboxGroupContext as a};
@@ -1 +1 @@
1
- export{C as CheckboxGroup}from"./CheckboxGroup.component-78sw6_Rv.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{C as CheckboxGroup}from"./CheckboxGroup.component-DJN7waSM.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{C as Checkbox}from"./Checkbox.component-O8sJ_9IS.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var CheckboxRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.indeterminate,f=a.name,g=void 0===f?void 0:f,h=a.label,i=void 0===h?void 0:h,j=a.id,k=void 0===j?void 0:j,l=a.helptext,m=void 0===l?void 0:l,n=a.required,o=void 0===n?void 0:n,p=a.disabled,q=a.invalid,r=a.errortext,s=void 0===r?"":r,t=a.valid,u=a.successtext,v=void 0===u?"":u,w=a.className,x=void 0===w?"":w,y=a.onChange,z=__rest(a,["value","checked","indeterminate","name","label","id","helptext","required","disabled","invalid","errortext","valid","successtext","className","onChange"]);return React__default.createElement(Checkbox,__assign({value:c,checked:void 0!==d&&d,indeterminate:void 0!==e&&e,name:g,label:i,id:k,helptext:m,disabled:void 0!==p&&p,required:o,invalid:void 0!==q&&q,valid:void 0!==t&&t,errortext:s,successtext:v,className:x,onChange:y},z))},CheckboxRow_component=withDeprecationWarning(CheckboxRow,"CheckboxRow is deprecated and will be removed in future versions. To be future-proof, use Checkbox instead.");export{CheckboxRow_component as C};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DxULmNji.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var CheckboxRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.indeterminate,f=a.name,g=void 0===f?void 0:f,h=a.label,i=void 0===h?void 0:h,j=a.id,k=void 0===j?void 0:j,l=a.helptext,m=void 0===l?void 0:l,n=a.required,o=void 0===n?void 0:n,p=a.disabled,q=a.invalid,r=a.errortext,s=void 0===r?"":r,t=a.valid,u=a.successtext,v=void 0===u?"":u,w=a.className,x=void 0===w?"":w,y=a.onChange,z=__rest(a,["value","checked","indeterminate","name","label","id","helptext","required","disabled","invalid","errortext","valid","successtext","className","onChange"]);return React__default.createElement(Checkbox,__assign({value:c,checked:void 0!==d&&d,indeterminate:void 0!==e&&e,name:g,label:i,id:k,helptext:m,disabled:void 0!==p&&p,required:o,invalid:void 0!==q&&q,valid:void 0!==t&&t,errortext:s,successtext:v,className:x,onChange:y},z))},CheckboxRow_component=withDeprecationWarning(CheckboxRow,"CheckboxRow is deprecated and will be removed in future versions. To be future-proof, use Checkbox instead.");export{CheckboxRow_component as C};
@@ -1 +1 @@
1
- export{C as CheckboxRow}from"./CheckboxRow.component-n5GWBEDU.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Checkbox.component-O8sJ_9IS.js";import"./CheckboxGroup.component-78sw6_Rv.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
1
+ export{C as CheckboxRow}from"./CheckboxRow.component-CrN2DXEm.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Checkbox.component-DxULmNji.js";import"./CheckboxGroup.component-DJN7waSM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useRef,useCallback}from"react";import{J as JsonViewer}from"./JsonViewer.component-i75ln2HG.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var wrapperStyles="\n jn-bg-theme-code-block\n jn-rounded\n",preStyles=function(a){return"\n jn-p-6\n ".concat(a?"jn-break-words jn-break-all jn-whitespace-pre-wrap":"jn-overflow-x-auto","\n ")},sizeStyles=function(a){return"small"===a?"\n juno-codeblock-pre-small\n jn-max-h-64\n jn-overflow-y-auto\n ":"medium"===a?"\n juno-codeblock-pre-medium\n jn-max-h-[32rem]\n jn-overflow-y-auto\n ":"large"===a?"\n juno-codeblock-pre-large\n jn-max-h-[56rem]\n jn-overflow-y-auto\n ":""},codeStyles="\n jn-bg-theme-code-block\n jn-text-sm\n",headingStyles="\n jn-text-sm\n jn-border-b-[1px]\n jn-border-theme-codeblock-bar \n jn-h-[3.4375rem]\n jn-flex\n",headingInnerStyles="\n jn-flex\n jn-font-bold\n jn-px-[1.5625rem]\n jn-items-center\n",bottomBarStyles="\n jn-flex \n jn-justify-end \n jn-px-3\n jn-py-2 \n jn-border-t-[1px]\n jn-border-theme-codeblock-bar\n",copyTextStyles="\n jn-font-bold \n jn-text-sm \n jn-mr-4 \n jn-mt-1\n",jsonViewStyles={fontFamily:"IBM Plex Mono",fontSize:"0.875rem",padding:"1.5rem"},jsonTheme={base00:"var(--color-syntax-highlight-base00)",base01:"var(--color-syntax-highlight-base01)",base02:"var(--color-syntax-highlight-base02)",base03:"var(--color-syntax-highlight-base03)",base04:"var(--color-syntax-highlight-base04)",base05:"var(--color-syntax-highlight-base05)",base06:"var(--color-syntax-highlight-base06)",base07:"var(--color-syntax-highlight-base07)",base08:"var(--color-syntax-highlight-base08)",base09:"var(--color-syntax-highlight-base09)",base0A:"var(--color-syntax-highlight-base0A)",base0B:"var(--color-syntax-highlight-base0B)",base0C:"var(--color-syntax-highlight-base0C)",base0D:"var(--color-syntax-highlight-base0D)",base0E:"var(--color-syntax-highlight-base0E)",base0F:"var(--color-syntax-highlight-base0F)"},CodeBlock=function(a){var b=a.content,c=void 0===b?"":b,d=a.children,e=void 0===d?null:d,f=a.heading,g=a.wrap,h=a.size,i=void 0===h?"auto":h,j=a.copy,k=a.lang,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=__rest(a,["content","children","heading","wrap","size","copy","lang","className"]),p=useState(!1),q=p[0],r=p[1],s=React__default.useRef(null);React__default.useEffect(function(){return function(){s.current&&clearTimeout(s.current)}},[]);var t=useRef(null),u=useCallback(function(){var a,b="json"===l?JSON.stringify(c||e):null===(a=t.current)||void 0===a?void 0:a.textContent;b&&navigator.clipboard.writeText(b).catch(function(){console.warn("Cannot copy text to clipboard")}),r(!0),s.current&&clearTimeout(s.current),s.current=window.setTimeout(function(){return r(!1)},1e3)},[c,e,l]);return React__default.createElement("div",__assign({className:"juno-code-block ".concat(wrapperStyles," ").concat(l?"juno-code-block-lang-".concat(l):""," ").concat(n),"data-lang":l||null},o),f&&f.length?(React__default.createElement("div",{className:"juno-codeblock-heading ".concat(headingStyles)},React__default.createElement("span",{className:"".concat(headingInnerStyles)},f))):"","json"===l?(React__default.createElement(JsonViewer,{data:c,expanded:3,theme:jsonTheme,style:jsonViewStyles})):(React__default.createElement("pre",{className:"juno-code-block-pre ".concat(preStyles(!(void 0!==g)||g)," ").concat(sizeStyles(i))},React__default.createElement("code",{className:"".concat(codeStyles),ref:t},c||e))),!(void 0!==j)||j?(React__default.createElement("div",{className:"juno-codeblock-bottombar ".concat(bottomBarStyles)},React__default.createElement("span",{className:"".concat(copyTextStyles)},q?"Copied!":""),React__default.createElement(Icon,{icon:"contentCopy",onClick:u}))):"")};export{CodeBlock as C};
@@ -1 +1 @@
1
- export{C as CodeBlock}from"./CodeBlock.component-BnqSUSJi.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Stack.component-D-jW201_.js";
1
+ export{C as CodeBlock}from"./CodeBlock.component-CXDUnHIb.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./JsonViewer.component-i75ln2HG.js";import"./SearchInput.component-CMboCbvO.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Stack.component-BNRLhyTo.js";
@@ -0,0 +1 @@
1
+ import React__default,{useState,useEffect}from"react";import{p as pr}from"./headlessui-float-lyiwAWIX.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{q as qe}from"./menu-DiwXZMR-.js";var menuStyles="\n jn-overflow-hidden\n jn-flex\n jn-flex-col\n jn-rounded\n jn-bg-theme-background-lvl-1\n",toggleStyles="\n hover:jn-text-theme-accent\n active:jn-text-theme-accent\n",toggleOpenStyle="\n jn-text-theme-accent\n",ContextMenu=function(a){var b=a.children,c=void 0===b?null:b,d=a.open,e=void 0!==d&&d,f=useState(!1),g=f[0],h=f[1];useEffect(function(){h(e)},[e]);var i=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()];return React__default.createElement(qe,null,React__default.createElement(pr,{middleware:i},React__default.createElement(qe.Button,{onClick:function(){h(!g)},className:"\n juno-contextmenu-toggle \n ".concat(toggleStyles," \n ").concat(g?toggleOpenStyle:"","\n ")},React__default.createElement(Icon,{icon:"moreVert"})),React__default.createElement(qe.Items,{className:"".concat(menuStyles)},c)))};export{ContextMenu as C};
@@ -1 +1 @@
1
- export{C as ContextMenu}from"./ContextMenu.component-Cy6taTZ_.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"./widgets-njngpHa5.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
1
+ export{C as ContextMenu}from"./ContextMenu.component-DyB2n7er.js";import"react";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./Icon.component-7-ap-6Ys.js";import"./tslib.es6-bjGg6Bxl.js";import"./widgets-njngpHa5.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{C as Checkbox}from"./Checkbox.component-O8sJ_9IS.js";import{D as DataGridCell}from"./DataGridCell.component-DTZCr2iq.js";import"./CheckboxGroup.component-78sw6_Rv.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";import"./DataGrid.component-BBT0bs34.js";var DataGridCheckboxCell=function(a){var b=a.selected,c=a.disabled,d=a.className,e=void 0===d?"":d,f=a.onChange,g=__rest(a,["selected","disabled","className","onChange"]);return React__default.createElement(DataGridCell,__assign({className:"juno-datagrid-checkbox-cell ".concat(e)},g),React__default.createElement(Checkbox,{disabled:void 0!==c&&c,checked:void 0!==b&&b,onChange:f}))};export{DataGridCheckboxCell};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DxULmNji.js";import{D as DataGridCell}from"./DataGridCell.component-DTZCr2iq.js";import"./CheckboxGroup.component-DJN7waSM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";import"./DataGrid.component-BBT0bs34.js";var DataGridCheckboxCell=function(a){var b=a.selected,c=a.disabled,d=a.className,e=void 0===d?"":d,f=a.onChange,g=__rest(a,["selected","disabled","className","onChange"]);return React__default.createElement(DataGridCell,__assign({className:"juno-datagrid-checkbox-cell ".concat(e)},g),React__default.createElement(Checkbox,{disabled:void 0!==c&&c,checked:void 0!==b&&b,onChange:f}))};export{DataGridCheckboxCell};
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";const selectstyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";const selectstyles=`
2
2
  jn-w-full
3
3
  jn-bg-theme-select
4
4
  jn-text-theme-high
@@ -75,4 +75,29 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
75
75
  `,NativeSelect=a=>{let{name:f=null,id:g="",children:b,className:h="",disabled:i=null,invalid:j=!1,valid:k=!1,loading:l=!1,error:m=!1,onChange:c,onClick:d,wrapperClassName:n="",...e}=a;const[o,p]=useState(!1),[q,r]=useState(!1),[s,t]=useState(!1),[u,v]=useState(!1);useEffect(()=>{p(l)},[l]),useEffect(()=>{r(j)},[j]),useEffect(()=>{t(k)},[k]),useEffect(()=>{v(m)},[m]);return React__default.createElement("div",{className:`
76
76
  juno-select-wrapper
77
77
  ${wrapperstyles}
78
- ${n}`},React__default.createElement("select",_extends({name:f||"Unnamed Select",id:g,className:`juno-select ${selectstyles} ${q?"juno-select-invalid "+errorstyles:""} ${s?"juno-select-valid "+successstyles:""} ${u?"juno-select-error ":""} ${(()=>s||q?iconpaddingright:defaultpaddingright)()} ${h}`,onChange:a=>{c&&c(a)},onClick:a=>{d&&d(a)},disabled:i||o||u},e),b),React__default.createElement(a=>{let{disabled:b}=a;return o?React__default.createElement("div",{className:`juno-select-loading ${loadingStyles}`},React__default.createElement(Spinner,{className:`${loadingSpinnerStyles}`})):u?React__default.createElement("div",{className:`juno-select-errortext ${errorStyles}`},React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:`${errorIconStyles}`})):React__default.createElement("div",{className:`${iconstyles} ${b?disablediconstyles:""} `},q?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,s?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null,React__default.createElement(Icon,{icon:"expandMore"}))},{disabled:i}))};NativeSelect.propTypes={name:PropTypes.string,id:PropTypes.string,className:PropTypes.string,children:PropTypes.node,disabled:PropTypes.bool,invalid:PropTypes.bool,valid:PropTypes.bool,loading:PropTypes.bool,error:PropTypes.bool,onChange:PropTypes.func,onClick:PropTypes.func,wrapperClassName:PropTypes.string};export{NativeSelect as N};
78
+ ${n}`},React__default.createElement("select",_extends({name:f||"Unnamed Select",id:g,className:`juno-select ${selectstyles} ${q?"juno-select-invalid "+errorstyles:""} ${s?"juno-select-valid "+successstyles:""} ${u?"juno-select-error ":""} ${(()=>s||q?iconpaddingright:defaultpaddingright)()} ${h}`,onChange:a=>{c&&c(a)},onClick:a=>{d&&d(a)},disabled:i||o||u},e),b),React__default.createElement(a=>{let{disabled:b}=a;return o?React__default.createElement("div",{className:`juno-select-loading ${loadingStyles}`},React__default.createElement(Spinner,{className:`${loadingSpinnerStyles}`})):u?React__default.createElement("div",{className:`juno-select-errortext ${errorStyles}`},React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:`${errorIconStyles}`})):React__default.createElement("div",{className:`${iconstyles} ${b?disablediconstyles:""} `},q?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,s?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null,React__default.createElement(Icon,{icon:"expandMore"}))},{disabled:i}))};NativeSelect.propTypes={name:PropTypes.string,id:PropTypes.string,className:PropTypes.string,children:PropTypes.node,disabled:PropTypes.bool,invalid:PropTypes.bool,valid:PropTypes.bool,loading:PropTypes.bool,error:PropTypes.bool,onChange:PropTypes.func,onClick:PropTypes.func,wrapperClassName:PropTypes.string};const NativeSelectOption=a=>{let{value:c=null,label:d=null,disabled:e=!1,className:f="",...b}=a;return React__default.createElement("option",_extends({value:c,disabled:e,className:`juno-select-option ${f}`},b),d||c)};NativeSelectOption.propTypes={label:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),disabled:PropTypes.bool,className:PropTypes.string};const wrapperStyles=`
79
+ jn-flex
80
+ jn-relative
81
+ jn-p-px
82
+ jn-border
83
+ jn-rounded
84
+ jn-bg-theme-filter-input
85
+ `,defaultWrapperStyles=`
86
+ jn-border-theme-filter-input
87
+ `,errorWrapperStyles=`
88
+ jn-border-theme-error
89
+ `,selectStyles=`
90
+ jn-rounded-r-none
91
+ `,textInputStyles=`
92
+ jn-grow
93
+ jn-rounded-l-none
94
+ jn-pr-16
95
+ !jn-bg-theme-filter-input-textinput
96
+ focus:jn-z-40
97
+ `,iconWrapperStyles=`
98
+ jn-absolute
99
+ jn-flex
100
+ jn-right-2
101
+ jn-top-1.5
102
+ jn-z-50
103
+ `,FilterInput=a=>{let{keyLabel:d="Select Filter",options:e=[],selectedFilterKey:f="",onSelectedFilterKeyChange:g=void 0,valueLabel:h="Filter by Value",filterValue:i="",valuePlaceholder:j="",onFilterValueChange:k=void 0,onClear:l=void 0,onFilter:m=void 0,loading:n=!1,className:o="",error:p=!1,onKeyPress:b,...c}=a;const[q,r]=useState(f),[s,t]=useState(i),[u,v]=useState(1>e.length||n),[w,x]=useState(p);useEffect(()=>{t(i)},[i]),useEffect(()=>{r(f)},[f]),useEffect(()=>{1>e.length||n?(v(!0),t("")):v(!1)},[e,n]),useEffect(()=>{x(p)},[p]);return React__default.createElement("div",_extends({className:`juno-filter-input ${wrapperStyles} ${u?"juno-filter-input-loading ":""} ${w?"juno-filter-input-error ":""} ${w?errorWrapperStyles:defaultWrapperStyles} ${o}`},c),React__default.createElement("div",null,React__default.createElement(NativeSelect,{className:`juno-filter-input-select ${selectStyles}`,"aria-label":d,value:q,onChange:a=>{r(a.target.value),t(""),g&&g(a)},loading:u,error:w},React__default.createElement(NativeSelectOption,{label:d||"Select Filter",value:""}),e.map((a,b)=>React__default.createElement(NativeSelectOption,_extends({label:a.label,value:a.key,key:`${b}`},a))))),React__default.createElement(TextInput,{value:s,className:`${textInputStyles}`,"aria-label":h,onChange:a=>{t(a.target.value),k&&k(a)},onKeyPress:a=>{"Enter"===a.key&&m&&m&&m(s),b&&b(a)},disabled:u||w,placeholder:u?"Loading Filter Options\u2026":j}),React__default.createElement("div",{className:`${iconWrapperStyles}`},s&&s.length?React__default.createElement(Icon,{icon:"close",title:"Clear",size:"18",className:`jn-mr-2`,onClick:a=>{t(""),l&&l(a)}}):null,React__default.createElement(Icon,{icon:"filterAlt",title:"Filter",disabled:u||w,onClick:()=>{m&&m(s)}})))};FilterInput.propTypes={keyLabel:PropTypes.string,options:PropTypes.arrayOf(PropTypes.object),selectedFilterKey:PropTypes.string,onSelectedFilterKeyChange:PropTypes.func,valueLabel:PropTypes.string,filterValue:PropTypes.string,valuePlaceholder:PropTypes.string,onFilterValueChange:PropTypes.func,onClear:PropTypes.func,onKeyPress:PropTypes.func,loading:PropTypes.bool,className:PropTypes.string,onFilter:PropTypes.func,error:PropTypes.bool};export{FilterInput as F};
@@ -1 +1 @@
1
- export{F as FilterInput}from"./FilterInput.component-DGKAGon-.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./NativeSelect.component-DtTnqH-z.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./NativeSelectOption.component-ozgJZgGf.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";
1
+ export{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{F as FilterInput}from"./FilterInput.component-DGKAGon-.js";const filterStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{F as FilterInput}from"./FilterInput.component-CBfEzQ3x.js";const filterStyles=`
2
2
  jn-mb-px
3
3
  jn-bg-theme-filters
4
4
  jn-rounded-t
package/build/Filters.js CHANGED
@@ -1 +1 @@
1
- export{F as Filters}from"./Filters.component-CPqHl_ZP.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FilterInput.component-DGKAGon-.js";import"./NativeSelect.component-DtTnqH-z.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./NativeSelectOption.component-ozgJZgGf.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";
1
+ export{F as Filters}from"./Filters.component-Cu8sV-IL.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FilterInput.component-CBfEzQ3x.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formBaseStyles="\n jn-mb-8\n",formTitleStyles="\n jn-text-2xl\n jn-font-bold\n jn-mb-4\n",Form=function(a){var b=a.title,c=void 0===b?"":b,d=a.className,e=void 0===d?"":d,f=a.children,g=__rest(a,["title","className","children"]);return React__default.createElement("form",__assign({className:"juno-form ".concat(formBaseStyles," ").concat(e)},g),c?React__default.createElement("h1",{className:"juno-form-heading ".concat(formTitleStyles)},c):null,f)};export{Form as F};
package/build/Form.js CHANGED
@@ -1 +1 @@
1
- export{F as Form}from"./Form.component-DnZ1t2Ji.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as Form}from"./Form.component-D-BE29tV.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formHintBaseStyles="\n jn-text-xs\n jn-mt-1\n",getVariantStyles=function(a){return"success"===a?"jn-text-theme-success":"error"===a?"jn-text-theme-error":"jn-text-theme-light"},FormHint=function(a){var b=a.children,c=a.text,d=void 0===c?"":c,e=a.variant,f=void 0===e?"help":e,g=a.className,h=void 0===g?"":g,i=__rest(a,["children","text","variant","className"]);return React__default.createElement("div",__assign({className:"\n juno-form-hint \n juno-form-hint-".concat(f," \n ").concat(formHintBaseStyles," \n ").concat(getVariantStyles(f)," \n ").concat(h,"\n ")},i),b||d)};FormHint.displayName="FormHint";export{FormHint as F};
package/build/FormHint.js CHANGED
@@ -1 +1 @@
1
- export{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
1
+ export{F as FormHint}from"./FormHint.component-B30ehV71.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formRowBaseStyles="\n jn-mb-2\n",FormRow=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=__rest(a,["children","className"]);return React__default.createElement("div",__assign({className:"juno-form-row ".concat(formRowBaseStyles," ").concat(d)},e),b)};export{FormRow as F};
package/build/FormRow.js CHANGED
@@ -1 +1 @@
1
- export{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as FormRow}from"./FormRow.component--LSv8Yz8.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formSectionBaseStyles="\n jn-mb-8\n jn-last:mb-0\n",headingStyles="\n jn-text-lg\n jn-font-bold\n jn-mb-4\n",FormSection=function(a){var b=a.title,c=void 0===b?"":b,d=a.children,e=a.className,f=void 0===e?"":e,g=__rest(a,["title","children","className"]);return React__default.createElement("section",__assign({className:"juno-form-section ".concat(formSectionBaseStyles," ").concat(f)},g),c?React__default.createElement("h1",{className:"juno-formsection-heading ".concat(headingStyles)},c):null,d)};export{FormSection as F};
@@ -1 +1 @@
1
- export{F as FormSection}from"./FormSection.component-CBaG8F_I.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as FormSection}from"./FormSection.component-D-txM2wI.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var autoStyles={"--grid-column-flex-grow":"1","--grid-column-flex-shrink":"0","--grid-column-flex-basis":"0","--grid-column-default-width":"auto"},Grid=function(a){var b=a.auto,c=a.children,d=void 0===c?null:c,e=a.className,f=void 0===e?"":e,g=__rest(a,["auto","children","className"]),h=void 0!==b&&b?autoStyles:{};return React__default.createElement("div",__assign({className:"juno-grid ".concat(f),style:h},g),d)};export{Grid as G};
package/build/Grid.js CHANGED
@@ -1 +1 @@
1
- export{G as Grid}from"./Grid.component-DZToHwWP.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{G as Grid}from"./Grid.component-DhdNobry.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var baseColumnStyles="\n jn-flex-grid-column\n jn-p-grid-column\n",columnWidthStyles={0:"jn-w-grid-column-default",1:"jn-w-grid-col-1",2:"jn-w-grid-col-2",3:"jn-w-grid-col-3",4:"jn-w-grid-col-4",5:"jn-w-grid-col-5",6:"jn-w-grid-col-6",7:"jn-w-grid-col-7",8:"jn-w-grid-col-8",9:"jn-w-grid-col-9",10:"jn-w-grid-col-10",11:"jn-w-grid-col-11",12:"jn-w-grid-col-12"},autoColumnStyles={flexGrow:"1",flexShrink:"0",flexBasis:"0"},getColumnWidthStyles=function(a){return!a||1>a||12<a?columnWidthStyles[0]:columnWidthStyles[a]},GridColumn=function(a){var b=a.width,c=void 0===b?null:b,d=a.cols,e=void 0===d?null:d,f=a.auto,g=a.className,h=void 0===g?"":g,i=a.children,j=void 0===i?null:i,k=__rest(a,["width","cols","auto","className","children"]),l=c?{width:"".concat(c,"%"),flexGrow:"0",flexShrink:"0",flexBasis:"".concat(c,"%")}:{},m=c?l:void 0!==f&&f?autoColumnStyles:{};return React__default.createElement("div",__assign({className:"juno-grid-column ".concat(baseColumnStyles," ").concat(getColumnWidthStyles(e)," ").concat(h),style:m},k),j)};export{GridColumn as G};
@@ -1 +1 @@
1
- export{G as GridColumn}from"./GridColumn.component-CTrDBjxI.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{G as GridColumn}from"./GridColumn.component-Dn_zRSnd.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var baseRowStyles="\n jn-flex\n jn-flex-wrap\n jn-m-grid-row\n",GridRow=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=__rest(a,["children","className"]);return React__default.createElement("div",__assign({className:"juno-grid-row ".concat(baseRowStyles," ").concat(e)},f),c)};export{GridRow as G};
package/build/GridRow.js CHANGED
@@ -1 +1 @@
1
- export{G as GridRow}from"./GridRow.component-XRlLoWMg.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{G as GridRow}from"./GridRow.component-DP4HP_Ai.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext}from"react";import{q as qe}from"./menu-DiwXZMR-.js";var baseStyles="\n\tjn-overflow-hidden\n\tjn-flex\n\tjn-flex-col\n\tjn-rounded\n\tjn-bg-theme-background-lvl-1\n",smallStyles="\n\tjn-text-sm\n",normalStyles="\n\tjn-text-base\n",MenuContext=createContext(void 0),Menu=function(a){var b=a.children,c=void 0===b?null:b,d=a.variant,e=void 0===d?"normal":d,f=a.className,g=void 0===f?"":f,h=__rest(a,["children","variant","className"]);return React__default.createElement(MenuContext.Provider,{value:{variant:e}},React__default.createElement(qe,null,React__default.createElement("div",__assign({className:"\n\t\t\t\t\tjuno-menu \n\t\t\t\t\tjuno-menu-".concat(e," \n\t\t\t\t\t").concat(baseStyles," \n\t\t\t\t\t").concat("small"===e?smallStyles:normalStyles," \n\t\t\t\t\t").concat(g,"\n\t\t\t\t"),role:"menu"},h),c)))};export{Menu as M,MenuContext as a};
package/build/Menu.js CHANGED
@@ -1 +1 @@
1
- export{M as Menu}from"./Menu.component-Dw3i5vRh.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
1
+ export{M as Menu}from"./Menu.component-B2zPLmdP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext}from"react";import{a as MenuContext}from"./Menu.component-B2zPLmdP.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{q as qe}from"./menu-DiwXZMR-.js";var itemStyles="\n jn-text-theme-default\n jn-flex\n jn-items-center\n jn-w-full\n bg-clip-padding\n jn-truncate\n jn-text-left\n jn-bg-theme-background-lvl-1\n disabled:jn-cursor-not-allowed\n data-[headlessui-state=\"disabled\"]:jn-cursor-not-allowed\n ",smallStyles="\n jn-text-sm\n jn-p-2\n ",normalStyles="\n jn-text-base\n jn-pt-[0.6875rem]\n jn-pb-[0.5rem]\n jn-px-[0.875rem]\n ",actionableItemStyles="\n hover:jn-bg-theme-background-lvl-3\n cursor-pointer\n data-[headlessui-state=\"disabled\"]:jn-bg-theme-background-lvl-3\n ",MenuItem=function(a){var b,c=a.children,d=void 0===c?null:c,e=a.className,f=void 0===e?"":e,g=a.disabled,h=void 0!==g&&g,i=a.href,j=void 0===i?"":i,k=a.icon,l=void 0===k?null:k,m=a.label,n=void 0===m?"":m,o=a.onClick,p=void 0===o?void 0:o,q=__rest(a,["children","className","disabled","href","icon","label","onClick"]),r=useContext(MenuContext),s=null!==(b=null===r||void 0===r?void 0:r.variant)&&void 0!==b?b:"normal",t=j?"a":d?"div":p?"button":"div";return React__default.createElement(qe.Item,__assign({as:t},j&&!h&&"a"===t?{href:j}:{},{onClick:p&&"button"===t&&!h?function(a){p&&p(a)}:void 0,disabled:h,className:"\n juno-menu-item\n juno-menu-item-".concat(t,"\n ").concat(itemStyles," \n ").concat("div"===t?"":actionableItemStyles,"\n ").concat("small"===s?smallStyles:normalStyles,"\n ").concat(h?"jn-cursor-not-allowed":"","\n ").concat(f,"\n ")},q),React__default.createElement("span",{className:"".concat(h?"jn-opacity-50":"")},l&&React__default.createElement(Icon,{icon:l,size:"18",className:"jn-inline-block jn-mr-2"}),d||n))};export{MenuItem as M};
package/build/MenuItem.js CHANGED
@@ -1 +1 @@
1
- export{M as MenuItem}from"./MenuItem.component-C9O5Fl8B.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"./widgets-njngpHa5.js";import"./Menu.component-Dw3i5vRh.js";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
1
+ export{M as MenuItem}from"./MenuItem.component-2A91klk9.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Menu.component-B2zPLmdP.js";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var sectionStyles="\n\tjn-bg-theme-background-lvl-1\n\tjn-flex\n\tjn-flex-col\n\tjn-border-b\n\tjn-border-theme-background-lvl-3\n\tlast:jn-border-b-0\n",titleStyles="\n\tjn-text-xs\n\tjn-p-2\n",MenuSection=function(a){var b=a.title,c=void 0===b?"":b,d=a.children,e=void 0===d?null:d,f=a.className,g=void 0===f?"":f,h=__rest(a,["title","children","className"]);return React__default.createElement("div",__assign({className:"juno-menu-section ".concat(sectionStyles," ").concat(g)},h),c?React__default.createElement("div",{className:"juno-menu-section-title ".concat(titleStyles)},c):"",e)};export{MenuSection as M};
@@ -1 +1 @@
1
- export{M as MenuSection}from"./MenuSection.component-Dg5PpsbU.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{M as MenuSection}from"./MenuSection.component-CXCYKlVr.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect}from"react";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";var selectBaseClasses="\n jn-w-full\n jn-bg-theme-select\n jn-text-theme-high\n jn-appearance-none\n jn-text-base\n jn-pl-4\n jn-h-[2.375rem]\n jn-rounded-3px\n jn-bg-icon-arrow-down\n jn-bg-right\n jn-bg-no-repeat\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n",wrapperBaseClasses="jn-relative",iconBaseClasses="\n jn-absolute\n jn-flex\n jn-right-2\n jn-top-1.5\n jn-pointer-events-none\n",iconDisabledClasses="jn-opacity-50",borderErrorClasses="jn-border jn-border-theme-error",borderSuccessClasses="jn-border jn-border-theme-success",stateClasses={loading:"\n jn-absolute\n jn-top-0\n jn-right-0\n jn-bottom-0\n jn-left-0\n jn-text-center\n jn-bg-theme-select\n jn-text-theme-high\n jn-text-base\n jn-rounded-3px\n jn-flex\n jn-flex-col\n jn-justify-center\n jn-select-none\n jn-cursor-not-allowed\n ",error:"\n jn-absolute\n jn-top-0\n jn-right-0\n jn-bottom-0\n jn-left-0\n jn-text-center\n jn-bg-theme-select\n jn-text-theme-high\n jn-text-base\n jn-rounded-3px\n jn-flex\n jn-flex-col\n jn-justify-center\n jn-select-none\n jn-cursor-not-allowed\n ",loadingSpinner:"jn-ml-auto jn-mr-auto",errorIcon:"jn-ml-auto jn-mr-auto",paddingIconRight:"jn-pr-[3.75rem]",paddingDefaultRight:"jn-pr-9"},SelectIcons=function(a){var b=a.isLoading,c=a.hasError,d=a.isInvalid,e=a.isValid,f=a.disabled;return b?(React__default.createElement("div",{className:"juno-select-loading ".concat(stateClasses.loading)},React__default.createElement(Spinner,{className:stateClasses.loadingSpinner}))):c?(React__default.createElement("div",{className:"juno-select-error-text ".concat(stateClasses.error)},React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:stateClasses.errorIcon}))):(React__default.createElement("div",{className:"".concat(iconBaseClasses," ").concat(f?iconDisabledClasses:"")},d&&React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}),e&&React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}),React__default.createElement(Icon,{icon:"expandMore"})))},NativeSelect=function(a){var b=a.name,c=void 0===b?"Unnamed Select":b,d=a.id,e=void 0===d?"":d,f=a.children,g=a.className,h=void 0===g?"":g,i=a.disabled,j=void 0!==i&&i,k=a.invalid,l=void 0!==k&&k,m=a.valid,n=void 0!==m&&m,o=a.loading,p=void 0!==o&&o,q=a.error,r=void 0!==q&&q,s=a.onChange,t=a.onClick,u=a.wrapperClassName,v=void 0===u?"":u,w=__rest(a,["name","id","children","className","disabled","invalid","valid","loading","error","onChange","onClick","wrapperClassName"]),x=useState(p),y=x[0],z=x[1],A=useState(n),B=A[0],C=A[1],D=useState(l),E=D[0],F=D[1],G=useState(r),H=G[0],I=G[1];useEffect(function(){return z(p)},[p]),useEffect(function(){return C(n)},[n]),useEffect(function(){return F(l)},[l]),useEffect(function(){return I(r)},[r]);var J=B||E?stateClasses.paddingIconRight:stateClasses.paddingDefaultRight;return React__default.createElement("div",{className:"juno-select-wrapper ".concat(wrapperBaseClasses," ").concat(v)},React__default.createElement("select",__assign({name:c,id:e,className:"\n juno-select\n ".concat(selectBaseClasses,"\n ").concat(E?"juno-select-invalid "+borderErrorClasses:"","\n ").concat(B?"juno-select-valid "+borderSuccessClasses:"","\n ").concat(H?"juno-select-error":"","\n ").concat(J,"\n ").concat(h,"\n "),onChange:function(a){return s&&s(a)},onClick:function(a){return t&&t(a)},disabled:j||y||H},w),f),React__default.createElement(SelectIcons,{isLoading:y,hasError:H,isInvalid:E,isValid:B,disabled:j}))};export{NativeSelect as N};
@@ -1 +1 @@
1
- export{N as NativeSelect}from"./NativeSelect.component-DtTnqH-z.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";
1
+ export{N as NativeSelect}from"./NativeSelect.component-BeYgemsP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var NativeSelectOption=function(a){var b=a.value,c=a.label,d=a.disabled,e=a.className,f=void 0===e?"":e,g=__rest(a,["value","label","disabled","className"]);return React__default.createElement("option",__assign({value:b,disabled:void 0!==d&&d,className:"juno-select-option ".concat(f)},g),c||b)};export{NativeSelectOption as N};
@@ -1 +1 @@
1
- export{N as NativeSelectOption}from"./NativeSelectOption.component-ozgJZgGf.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{N as NativeSelectOption}from"./NativeSelectOption.component-CLFcWbs7.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var NativeSelectOptionGroup=function(a){var b=a.label,c=void 0===b?"":b,d=a.disabled,e=a.className,f=void 0===e?"":e,g=a.children,h=__rest(a,["label","disabled","className","children"]);return React__default.createElement("optgroup",__assign({label:c,disabled:void 0!==d&&d,className:"juno-select-option-group ".concat(f)},h),g)};export{NativeSelectOptionGroup as N};
@@ -1 +1 @@
1
- export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-kDCnJXl8.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-B9j74Fm2.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment,useState}from"react";import PropTypes from"prop-types";import{B as Button}from"./Button.component-BKRhw0J0.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,S as Select}from"./Select.component-BfgCOLpX.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{I as It}from"./listbox-CbPsJ3A1.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{S as Stack}from"./Stack.component-D-jW201_.js";const optionStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment,useState}from"react";import PropTypes from"prop-types";import{B as Button,S as Stack}from"./Stack.component-fYvcWRNi.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,S as Select}from"./Select.component-BfgCOLpX.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{I as It}from"./listbox-CbPsJ3A1.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";const optionStyles=`
2
2
  jn-flex
3
3
  jn-pt-[0.6875rem]
4
4
  jn-pb-[0.5rem]
@@ -1 +1 @@
1
- export{P as Pagination}from"./Pagination.component-Dmf8HSAf.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Button.component-BKRhw0J0.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-BfgCOLpX.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./Stack.component-D-jW201_.js";
1
+ export{P as Pagination}from"./Pagination.component-6CTFGCb-.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Stack.component-fYvcWRNi.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-BfgCOLpX.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-C8y2zs-R.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockradiostyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-full\n jn-bg-theme-radio\n",checkedstyles="\n jn-absolute\n jn-block\n jn-bg-theme-radio-checked\n jn-rounded-full\n jn-w-3\n jn-h-3\n jn-top-[1px]\n jn-left-[1px]\n",mockfocusradiostyles="\n jn-outline-none\n jn-ring-2\n jn-ring-theme-focus\n",mockdisabledradiostyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Radio=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?void 0:l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?void 0:p,r=a.name,s=void 0===r?void 0:r,t=a.onChange,u=void 0===t?void 0:t,v=a.onClick,w=void 0===v?void 0:v,x=a.required,y=a.successtext,z=void 0===y?"":y,A=a.valid,B=void 0!==A&&A,C=a.value,D=void 0===C?void 0:C,E=__rest(a,["checked","className","disabled","errortext","helptext","id","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),F=function(a){return"string"!=typeof a||0!==a.trim().length},G=useContext(RadioGroupContext),H=G||{},I=H.selectedValue,J=H.onChange,K=H.name,L=H.updateSelectedValue,M=H.disabled,N=function(){return G?I===D:!!c},O=useState(function(){return N()}),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1],$=useMemo(function(){return o||!!(i&&F(i))},[o,i]),_=useMemo(function(){return B||!!(z&&F(z))},[B,z]);useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]),useEffect(function(){c&&G&&I===void 0&&L&&L(D)},[]),useEffect(function(){I||Q(c)},[c]);var aa=function(){return I?I===D:P},ba=m||function(){return"juno-radio-"+useId()}();return React__default.createElement("div",{className:"jn-radio-outer"},React__default.createElement("div",{className:"juno-radio-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-radio \n ".concat(mockradiostyles," \n ").concat(S?mockfocusradiostyles:""," \n ").concat(g?mockdisabledradiostyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},E),React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-radio-invalid":""," \n ").concat(Y?"juno-radio-valid":"","\n "),disabled:M||g,id:ba,onBlur:function(){T(!1)},onChange:function(){Q(!P),J&&"function"==typeof J&&I!==D&&J(D),u&&u(D)},onClick:function(a){w&&w(a)},onFocus:function(){T(!0)},name:K||s,type:"radio",value:D}),aa()?React__default.createElement("span",{className:"".concat(checkedstyles)}):""),q&&F(q)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:"".concat(labelStyles),disabled:M||g,htmlFor:ba,required:void 0!==x&&x,text:q}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&F(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",z&&F(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",k&&F(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Radio as R};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-Cj0bQHOM.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockradiostyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-full\n jn-bg-theme-radio\n",checkedstyles="\n jn-absolute\n jn-block\n jn-bg-theme-radio-checked\n jn-rounded-full\n jn-w-3\n jn-h-3\n jn-top-[1px]\n jn-left-[1px]\n",mockfocusradiostyles="\n jn-outline-none\n jn-ring-2\n jn-ring-theme-focus\n",mockdisabledradiostyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Radio=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?void 0:l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?void 0:p,r=a.name,s=void 0===r?void 0:r,t=a.onChange,u=void 0===t?void 0:t,v=a.onClick,w=void 0===v?void 0:v,x=a.required,y=a.successtext,z=void 0===y?"":y,A=a.valid,B=void 0!==A&&A,C=a.value,D=void 0===C?void 0:C,E=__rest(a,["checked","className","disabled","errortext","helptext","id","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),F=function(a){return"string"!=typeof a||0!==a.trim().length},G=useContext(RadioGroupContext),H=G||{},I=H.selectedValue,J=H.onChange,K=H.name,L=H.updateSelectedValue,M=H.disabled,N=function(){return G?I===D:!!c},O=useState(function(){return N()}),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1],$=useMemo(function(){return o||!!(i&&F(i))},[o,i]),_=useMemo(function(){return B||!!(z&&F(z))},[B,z]);useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]),useEffect(function(){c&&G&&I===void 0&&L&&L(D)},[]),useEffect(function(){I||Q(c)},[c]);var aa=function(){return I?I===D:P},ba=m||function(){return"juno-radio-"+useId()}();return React__default.createElement("div",{className:"jn-radio-outer"},React__default.createElement("div",{className:"juno-radio-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-radio \n ".concat(mockradiostyles," \n ").concat(S?mockfocusradiostyles:""," \n ").concat(g?mockdisabledradiostyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},E),React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-radio-invalid":""," \n ").concat(Y?"juno-radio-valid":"","\n "),disabled:M||g,id:ba,onBlur:function(){T(!1)},onChange:function(){Q(!P),J&&"function"==typeof J&&I!==D&&J(D),u&&u(D)},onClick:function(a){w&&w(a)},onFocus:function(){T(!0)},name:K||s,type:"radio",value:D}),aa()?React__default.createElement("span",{className:"".concat(checkedstyles)}):""),q&&F(q)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:"".concat(labelStyles),disabled:M||g,htmlFor:ba,required:void 0!==x&&x,text:q}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&F(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",z&&F(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",k&&F(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Radio as R};
package/build/Radio.js CHANGED
@@ -1 +1 @@
1
- export{R as Radio}from"./Radio.component-D5E4PrMW.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./RadioGroup.component-C8y2zs-R.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{R as Radio}from"./Radio.component-qjlCYiuP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var radiogroupstyles="\n\tjn-mb-4\n\tlast:jn-mb-0\n",groupstyles="\n\tjn-relative\n\tjn-rounded\n\tjn-border\n\tjn-py-1\n",defaultgroupstyles="\n\tjn-border-transparent\n",validgroupstyles="\n\tjn-border-theme-success\n\tjn-px-2\n",invalidgroupstyles="\n\tjn-border-theme-error\n\tjn-px-2\n",iconstyles="\n\tjn-absolute\n\tjn-right-2\n\tjn-top-1.5\n",RadioGroupContext=createContext({}),RadioGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?"":p,r=a.name,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-radiogroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]),useEffect(function(){u&&G(u)},[u]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:F,name:C,onChange:function(a){G(a),s&&s(a)},updateSelectedValue:function(a){G(a)},disabled:g}},React__default.createElement("div",__assign({className:"\n juno-radiogroup \n ".concat(radiogroupstyles," \n ").concat(I?"juno-radiogroup-valid":""," \n ").concat(L?"juno-radiogroup-invalid":""," \n ").concat(e,"\n "),id:D,role:"radiogroup"},z),q&&A(q)?(React__default.createElement(Label,{text:q,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):"")))};export{RadioGroup as R,RadioGroupContext as a};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var radiogroupstyles="\n\tjn-mb-4\n\tlast:jn-mb-0\n",groupstyles="\n\tjn-relative\n\tjn-rounded\n\tjn-border\n\tjn-py-1\n",defaultgroupstyles="\n\tjn-border-transparent\n",validgroupstyles="\n\tjn-border-theme-success\n\tjn-px-2\n",invalidgroupstyles="\n\tjn-border-theme-error\n\tjn-px-2\n",iconstyles="\n\tjn-absolute\n\tjn-right-2\n\tjn-top-1.5\n",RadioGroupContext=createContext({}),RadioGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?"":p,r=a.name,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-radiogroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]),useEffect(function(){u&&G(u)},[u]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:F,name:C,onChange:function(a){G(a),s&&s(a)},updateSelectedValue:function(a){G(a)},disabled:g}},React__default.createElement("div",__assign({className:"\n juno-radiogroup \n ".concat(radiogroupstyles," \n ").concat(I?"juno-radiogroup-valid":""," \n ").concat(L?"juno-radiogroup-invalid":""," \n ").concat(e,"\n "),id:D,role:"radiogroup"},z),q&&A(q)?(React__default.createElement(Label,{text:q,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):"")))};export{RadioGroup as R,RadioGroupContext as a};
@@ -1 +1 @@
1
- export{R as RadioGroup}from"./RadioGroup.component-C8y2zs-R.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{R as RadioGroup}from"./RadioGroup.component-Cj0bQHOM.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{R as Radio}from"./Radio.component-D5E4PrMW.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var RadioRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.name,f=void 0===e?void 0:e,g=a.label,h=void 0===g?void 0:g,i=a.id,j=void 0===i?void 0:i,k=a.helptext,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=a.disabled,p=a.required,q=a.errortext,r=void 0===q?"":q,s=a.valid,t=a.invalid,u=a.successtext,v=void 0===u?"":u,w=a.onChange,x=void 0===w?void 0:w,y=__rest(a,["value","checked","name","label","id","helptext","className","disabled","required","errortext","valid","invalid","successtext","onChange"]);return React__default.createElement(Radio,__assign({value:c,checked:void 0!==d&&d,name:f,label:h,id:j,helptext:l,disabled:void 0!==o&&o,required:void 0!==p&&p,invalid:t,valid:void 0!==s&&s,errortext:r,successtext:v,className:n,onChange:x},y))},RadioRow_component=withDeprecationWarning(RadioRow,"RadioRow is deprecated and will be removed in future versions. To be future-proof, use Radio instead.");export{RadioRow_component as R};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{R as Radio}from"./Radio.component-qjlCYiuP.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var RadioRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.name,f=void 0===e?void 0:e,g=a.label,h=void 0===g?void 0:g,i=a.id,j=void 0===i?void 0:i,k=a.helptext,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=a.disabled,p=a.required,q=a.errortext,r=void 0===q?"":q,s=a.valid,t=a.invalid,u=a.successtext,v=void 0===u?"":u,w=a.onChange,x=void 0===w?void 0:w,y=__rest(a,["value","checked","name","label","id","helptext","className","disabled","required","errortext","valid","invalid","successtext","onChange"]);return React__default.createElement(Radio,__assign({value:c,checked:void 0!==d&&d,name:f,label:h,id:j,helptext:l,disabled:void 0!==o&&o,required:void 0!==p&&p,invalid:t,valid:void 0!==s&&s,errortext:r,successtext:v,className:n,onChange:x},y))},RadioRow_component=withDeprecationWarning(RadioRow,"RadioRow is deprecated and will be removed in future versions. To be future-proof, use Radio instead.");export{RadioRow_component as R};
package/build/RadioRow.js CHANGED
@@ -1 +1 @@
1
- export{R as RadioRow}from"./RadioRow.component-BuAImxFY.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Radio.component-D5E4PrMW.js";import"./RadioGroup.component-C8y2zs-R.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
1
+ export{R as RadioRow}from"./RadioRow.component-CqrB8Bvr.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Radio.component-qjlCYiuP.js";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useId}from"react";import PropTypes from"prop-types";import{T as Textarea}from"./Textarea.component-4fIvQVeJ.js";import{B as ButtonRow}from"./ButtonRow.component-DlpAnXKj.js";import{B as Button}from"./Button.component-BKRhw0J0.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{S as Stack}from"./Stack.component-D-jW201_.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";const innerWrapperStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect,useId}from"react";import PropTypes from"prop-types";import{T as Textarea}from"./Textarea.component-4fIvQVeJ.js";import{B as ButtonRow}from"./ButtonRow.component-CnJPyZ99.js";import{S as Stack,B as Button}from"./Stack.component-fYvcWRNi.js";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";const innerWrapperStyles=`
2
2
  jn-relative
3
3
  `,labelStyles=`
4
4
  jn-pointer-events-none
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";import{p as pr}from"./headlessui-float-lyiwAWIX.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import{u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";var labelStyles="\n jn-no-wrap\n jn-pointer-events-none\n jn-top-2\n jn-left-4\n",toggleStyles="\n jn-appearance-none\n jn-h-[2.375rem]\n jn-inline-flex\n jn-items-center\n jn-px-4\n jn-rounded-3px\n jn-select-none\n jn-text-base\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",validToggleStyles="\n jn-border\n jn-border-theme-success\n",invalidToggleStyles="\n jn-border\n jn-border-theme-error\n",centeredIconStyles="\n jn-absolute\n jn-top-1/2\n jn-left-1/2\n jn-translate-y-[-50%]\n jn-translate-x-[-0.75rem]\n",menuStyles="\n jn-rounded\n jn-bg-theme-background-lvl-1\n jn-w-full\n jn-overflow-y-auto\n",truncateStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectContext=createContext(void 0),Select=function(a){function b(a){if(z)return oa(a)||M||a.join(", ")||E;var b=Y.get(a);return b?b.displayName||M||a||E:M||a||E}var c=a.ariaLabel,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=a.className,h=void 0===g?"":g,i=a.defaultValue,j=a.disabled,k=void 0!==j&&j,l=a.error,m=void 0!==l&&l,n=a.errortext,o=void 0===n?"":n,p=a.helptext,q=void 0===p?"":p,r=a.id,s=void 0===r?"":r,t=a.invalid,u=void 0!==t&&t,v=a.label,w=a.loading,x=void 0!==w&&w,y=a.multiple,z=void 0!==y&&y,A=a.name,B=a.onChange,C=a.onValueChange,D=a.placeholder,E=void 0===D?"Select\u2026":D,F=a.required,G=a.successtext,H=void 0===G?"":G,I=a.truncateOptions,J=a.valid,K=void 0!==J&&J,L=a.value,M=a.valueLabel,N=a.variant,O=void 0===N?"default":N,P=a.width,Q=void 0===P?"full":P,R=a.wrapperClassName,S=void 0===R?"":R,T=__rest(a,["ariaLabel","children","className","defaultValue","disabled","error","errortext","helptext","id","invalid","label","loading","multiple","name","onChange","onValueChange","placeholder","required","successtext","truncateOptions","valid","value","valueLabel","variant","width","wrapperClassName"]),U=function(a){return"string"!=typeof a||0!==a.trim().length},V=s||function(){return"juno-select-"+useId()}(),W="juno-select-helptext-"+useId(),X=useState(new Map),Y=X[0],Z=X[1],$=useState(!1),_=$[0],aa=$[1],ba=useState(!1),ca=ba[0],da=ba[1],ea=useState(!1),fa=ea[0],ga=ea[1],ha=useState(!1),ia=ha[0],ja=ha[1],ka=useMemo(function(){return u||!!(o&&U(o))},[u,o]),la=useMemo(function(){return K||!!(H&&U(H))},[K,H]);useEffect(function(){aa(m)},[m]),useEffect(function(){da(ka)},[ka]),useEffect(function(){ga(la)},[la]),useEffect(function(){ja(x)},[x]);var ma=usePortalRef(),na=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()],oa=function(a){var b=function(a){var b,c=Y.get(a);if(c)return(null===(b=c.displayName)||void 0===b?void 0:b.length)?c.displayName:null},c=a.map(function(a){return b(a)}).filter(function(a){return a&&0<a.toString().trim().length});return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:void 0!==I&&I,addOptionValueAndLabel:function(a,b,c){Z(function(d){return new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a})})}}},React__default.createElement("div",{className:"\n juno-select-wrapper \n jn-relative\n ".concat("auto"==Q?"jn-inline-block":"jn-block","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(S,"\n ")},React__default.createElement(It,{disabled:k||ia||_,multiple:z,name:A,onChange:function(a){B&&B(a||""),C&&C(a||"")},value:L,defaultValue:i},v&&U(v)?(React__default.createElement(It.Label,{as:Label,htmlFor:V,text:v,className:"".concat(labelStyles),disabled:k||ia||_,required:void 0!==F&&F,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:na},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,__assign({"aria-describedby":q?W:"","aria-label":d||v,as:"button",id:V,className:"\n juno-select-toggle\n ".concat(O&&O.length?"juno-select-toggle-"+O:"juno-select-toggle-default","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(toggleStyles,"\n ").concat(v&&U(v)?"jn-pt-[0.4rem]":"","\n ").concat(k?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(ia||_?"jn-justify-center":"jn-justify-between","\n ").concat(ca?"juno-select-invalid "+invalidToggleStyles:""," \n ").concat(fa?"juno-select-valid "+validToggleStyles:""," \n \n ").concat(ia?"juno-select-loading jn-cursor-not-allowed":"","\n ").concat(_?"juno-select-error jn-cursor-not-allowed":"","\n ").concat(h,"\n ")},T),function(a){var c=a.open,d=a.value;return _||ia?(React__default.createElement("span",{className:"".concat(centeredIconStyles)},_?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):ia?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:"".concat(truncateStyles)},b(d)),React__default.createElement("span",{className:"jn-flex"},fa?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",ca?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:c?"expandLess":"expandMore"})))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:"\n juno-select-menu\n ".concat(menuStyles,"\n ")},f)),ma?ma:document.body))),o&&U(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",H&&U(H)?React__default.createElement(FormHint,{text:H,variant:"success"}):"",q&&U(q)?React__default.createElement(FormHint,{text:q,id:W}):""))};export{Select as S,SelectContext as a};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";import{p as pr}from"./headlessui-float-lyiwAWIX.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import{u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";var labelStyles="\n jn-no-wrap\n jn-pointer-events-none\n jn-top-2\n jn-left-4\n",toggleStyles="\n jn-appearance-none\n jn-h-[2.375rem]\n jn-inline-flex\n jn-items-center\n jn-px-4\n jn-rounded-3px\n jn-select-none\n jn-text-base\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",validToggleStyles="\n jn-border\n jn-border-theme-success\n",invalidToggleStyles="\n jn-border\n jn-border-theme-error\n",centeredIconStyles="\n jn-absolute\n jn-top-1/2\n jn-left-1/2\n jn-translate-y-[-50%]\n jn-translate-x-[-0.75rem]\n",menuStyles="\n jn-rounded\n jn-bg-theme-background-lvl-1\n jn-w-full\n jn-overflow-y-auto\n",truncateStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectContext=createContext(void 0),Select=function(a){function b(a){if(z)return oa(a)||M||a.join(", ")||E;var b=Y.get(a);return b?b.displayName||M||a||E:M||a||E}var c=a.ariaLabel,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=a.className,h=void 0===g?"":g,i=a.defaultValue,j=a.disabled,k=void 0!==j&&j,l=a.error,m=void 0!==l&&l,n=a.errortext,o=void 0===n?"":n,p=a.helptext,q=void 0===p?"":p,r=a.id,s=void 0===r?"":r,t=a.invalid,u=void 0!==t&&t,v=a.label,w=a.loading,x=void 0!==w&&w,y=a.multiple,z=void 0!==y&&y,A=a.name,B=a.onChange,C=a.onValueChange,D=a.placeholder,E=void 0===D?"Select\u2026":D,F=a.required,G=a.successtext,H=void 0===G?"":G,I=a.truncateOptions,J=a.valid,K=void 0!==J&&J,L=a.value,M=a.valueLabel,N=a.variant,O=void 0===N?"default":N,P=a.width,Q=void 0===P?"full":P,R=a.wrapperClassName,S=void 0===R?"":R,T=__rest(a,["ariaLabel","children","className","defaultValue","disabled","error","errortext","helptext","id","invalid","label","loading","multiple","name","onChange","onValueChange","placeholder","required","successtext","truncateOptions","valid","value","valueLabel","variant","width","wrapperClassName"]),U=function(a){return"string"!=typeof a||0!==a.trim().length},V=s||function(){return"juno-select-"+useId()}(),W="juno-select-helptext-"+useId(),X=useState(new Map),Y=X[0],Z=X[1],$=useState(!1),_=$[0],aa=$[1],ba=useState(!1),ca=ba[0],da=ba[1],ea=useState(!1),fa=ea[0],ga=ea[1],ha=useState(!1),ia=ha[0],ja=ha[1],ka=useMemo(function(){return u||!!(o&&U(o))},[u,o]),la=useMemo(function(){return K||!!(H&&U(H))},[K,H]);useEffect(function(){aa(m)},[m]),useEffect(function(){da(ka)},[ka]),useEffect(function(){ga(la)},[la]),useEffect(function(){ja(x)},[x]);var ma=usePortalRef(),na=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()],oa=function(a){var b=function(a){var b,c=Y.get(a);if(c)return(null===(b=c.displayName)||void 0===b?void 0:b.length)?c.displayName:null},c=a.map(function(a){return b(a)}).filter(function(a){return a&&0<a.toString().trim().length});return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:void 0!==I&&I,addOptionValueAndLabel:function(a,b,c){Z(function(d){return new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a})})}}},React__default.createElement("div",{className:"\n juno-select-wrapper \n jn-relative\n ".concat("auto"==Q?"jn-inline-block":"jn-block","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(S,"\n ")},React__default.createElement(It,{disabled:k||ia||_,multiple:z,name:A,onChange:function(a){B&&B(a||""),C&&C(a||"")},value:L,defaultValue:i},v&&U(v)?(React__default.createElement(It.Label,{as:Label,htmlFor:V,text:v,className:"".concat(labelStyles),disabled:k||ia||_,required:void 0!==F&&F,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:na},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,__assign({"aria-describedby":q?W:"","aria-label":d||v,as:"button",id:V,className:"\n juno-select-toggle\n ".concat(O&&O.length?"juno-select-toggle-"+O:"juno-select-toggle-default","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(toggleStyles,"\n ").concat(v&&U(v)?"jn-pt-[0.4rem]":"","\n ").concat(k?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(ia||_?"jn-justify-center":"jn-justify-between","\n ").concat(ca?"juno-select-invalid "+invalidToggleStyles:""," \n ").concat(fa?"juno-select-valid "+validToggleStyles:""," \n \n ").concat(ia?"juno-select-loading jn-cursor-not-allowed":"","\n ").concat(_?"juno-select-error jn-cursor-not-allowed":"","\n ").concat(h,"\n ")},T),function(a){var c=a.open,d=a.value;return _||ia?(React__default.createElement("span",{className:"".concat(centeredIconStyles)},_?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):ia?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:"".concat(truncateStyles)},b(d)),React__default.createElement("span",{className:"jn-flex"},fa?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",ca?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:c?"expandLess":"expandMore"})))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:"\n juno-select-menu\n ".concat(menuStyles,"\n ")},f)),ma?ma:document.body))),o&&U(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",H&&U(H)?React__default.createElement(FormHint,{text:H,variant:"success"}):"",q&&U(q)?React__default.createElement(FormHint,{text:q,id:W}):""))};export{Select as S,SelectContext as a};
package/build/Select.js CHANGED
@@ -1 +1 @@
1
- export{S as Select}from"./Select.component-qFgtNL11.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-Dkh3ieaZ.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
1
+ export{S as Select}from"./Select.component-BpoPsXOT.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-qFgtNL11.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-TbF3yilt.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-Dkh3ieaZ.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";var optionStyles="\n jn-flex\n jn-pt-[0.6875rem]\n jn-pb-[0.5rem]\n jn-pr-[0.875rem]\n jn-select-none\n data-[headlessui-state=active]:jn-outline-none\n data-[headlessui-state=active]:jn-ring-2\n data-[headlessui-state=active]:jn-ring-inset\n data-[headlessui-state=active]:jn-ring-theme-focus\n data-[headlessui-state=active]:jn-bg-theme-background-lvl-3\n",unselectedOptionStyles="\n jn-text-theme-default\n jn-pl-[2.375rem]\n",selectedOptionStyles="\n jn-text-theme-accent\n jn-pl-3.5\n",selectedIconStyles="\n jn-inline-block\n jn-mr-1.5\n jn-overflow-auto\n",disabledOptionLabelStyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",truncateOptionStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectOption=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.disabled,f=void 0!==e&&e,g=a.value,h=void 0===g?"":g,i=a.label,j=__rest(a,["children","className","disabled","value","label"]),k=useContext(SelectContext),l=k||{truncateOptions:!1,addOptionValueAndLabel:function(){}},m=l.truncateOptions,n=l.addOptionValueAndLabel;return useEffect(function(){n(h,i,b)},[h,i,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:h||b},function(a){var c=a.selected;return React__default.createElement("li",__assign({className:"\n juno-select-option \n jn-min-h-[2.5rem]\n ".concat(optionStyles,"\n ").concat(c?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles,"\n ").concat(f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(m?"juno-select-option-truncate":"","\n ").concat(d,"\n ")},j),c?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:"\n ".concat(f?disabledOptionLabelStyles:"","\n ").concat(m?truncateOptionStyles:"","\n ")},b||i||h))}))};export{SelectOption};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-BpoPsXOT.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-TbF3yilt.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";var optionStyles="\n jn-flex\n jn-pt-[0.6875rem]\n jn-pb-[0.5rem]\n jn-pr-[0.875rem]\n jn-select-none\n data-[headlessui-state=active]:jn-outline-none\n data-[headlessui-state=active]:jn-ring-2\n data-[headlessui-state=active]:jn-ring-inset\n data-[headlessui-state=active]:jn-ring-theme-focus\n data-[headlessui-state=active]:jn-bg-theme-background-lvl-3\n",unselectedOptionStyles="\n jn-text-theme-default\n jn-pl-[2.375rem]\n",selectedOptionStyles="\n jn-text-theme-accent\n jn-pl-3.5\n",selectedIconStyles="\n jn-inline-block\n jn-mr-1.5\n jn-overflow-auto\n",disabledOptionLabelStyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",truncateOptionStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectOption=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.disabled,f=void 0!==e&&e,g=a.value,h=void 0===g?"":g,i=a.label,j=__rest(a,["children","className","disabled","value","label"]),k=useContext(SelectContext),l=k||{truncateOptions:!1,addOptionValueAndLabel:function(){}},m=l.truncateOptions,n=l.addOptionValueAndLabel;return useEffect(function(){n(h,i,b)},[h,i,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:h||b},function(a){var c=a.selected;return React__default.createElement("li",__assign({className:"\n juno-select-option \n jn-min-h-[2.5rem]\n ".concat(optionStyles,"\n ").concat(c?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles,"\n ").concat(f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(m?"juno-select-option-truncate":"","\n ").concat(d,"\n ")},j),c?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:"\n ".concat(f?disabledOptionLabelStyles:"","\n ").concat(m?truncateOptionStyles:"","\n ")},b||i||h))}))};export{SelectOption};
@@ -53,4 +53,8 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
53
53
  ${getButtonPadding(i,d)}
54
54
  ${progressClass(n)}
55
55
  ${m}
56
- `,disabled:j,onClick:e,title:q,ref:b},g),r,s);return k?u:t});Button.displayName="Button",Button.propTypes={children:PropTypes.any,variant:PropTypes.oneOf(["primary","primary-danger","default","subdued"]),size:PropTypes.oneOf(["small","default"]),disabled:PropTypes.bool,href:PropTypes.string,label:PropTypes.string,title:PropTypes.string,icon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onClick:PropTypes.func,progress:PropTypes.bool,progressLabel:PropTypes.string};export{Button as B};
56
+ `,disabled:j,onClick:e,title:q,ref:b},g),r,s);return k?u:t});Button.displayName="Button",Button.propTypes={children:PropTypes.any,variant:PropTypes.oneOf(["primary","primary-danger","default","subdued"]),size:PropTypes.oneOf(["small","default"]),disabled:PropTypes.bool,href:PropTypes.string,label:PropTypes.string,title:PropTypes.string,icon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onClick:PropTypes.func,progress:PropTypes.bool,progressLabel:PropTypes.string};const gapSize=a=>"0"===a?"jn-gap-0":"px"===a?"jn-gap-px":"0.5"===a?"jn-gap-0.5":"1"===a?"jn-gap-1":"1.5"===a?"jn-gap-1.5":"2"===a?"jn-gap-2":"2.5"===a?"jn-gap-2.5":"3"===a?"jn-gap-3":"3.5"===a?"jn-gap-3.5":"4"===a?"jn-gap-4":"5"===a?"jn-gap-5":"6"===a?"jn-gap-6":"7"===a?"jn-gap-7":"8"===a?"jn-gap-8":"9"===a?"jn-gap-9":"10"===a?"jn-gap-10":"11"===a?"jn-gap-11":"12"===a?"jn-gap-12":"14"===a?"jn-gap-14":"16"===a?"jn-gap-16":"20"===a?"jn-gap-20":"24"===a?"jn-gap-24":"28"===a?"jn-gap-28":"32"===a?"jn-gap-32":"36"===a?"jn-gap-36":"40"===a?"jn-gap-40":"44"===a?"jn-gap-44":"48"===a?"jn-gap-48":"52"===a?"jn-gap-52":"56"===a?"jn-gap-56":"60"===a?"jn-gap-60":"64"===a?"jn-gap-64":"72"===a?"jn-gap-72":"80"===a?"jn-gap-80":"96"===a?"jn-gap-96":"jn-gap-0",baseStack=(a,b,c)=>`
57
+ ${"vertical"===a?"jn-flex jn-flex-col":"jn-flex jn-flex-row"}
58
+ ${c&&"jn-flex-wrap"}
59
+ ${gapSize(b)}
60
+ `,alignItems=a=>"start"===a?"jn-items-start":"end"===a?"jn-items-end":"center"===a?"jn-items-center":"baseline"===a?"jn-items-baseline":"stretch"===a?"jn-items-stretch":"",justifyItems=a=>"start"===a?"jn-justify-start":"end"===a?"jn-justify-end":"center"===a?"jn-justify-center":"between"===a?"jn-justify-between":"around"===a?"jn-justify-around":"evenly"===a?"jn-justify-evenly":"",Stack=a=>{let{direction:c="horizontal",gap:d="0",alignment:e="stretch",distribution:f="start",wrap:g=!1,className:h="",children:i=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-stack ${baseStack(c,d,g)} ${alignItems(e)} ${justifyItems(f)} ${h||""}`},b),i)};Stack.propTypes={children:PropTypes.node,className:PropTypes.string,direction:PropTypes.oneOf(["horizontal","vertical"]),alignment:PropTypes.oneOf(["start","end","center","baseline","stretch"]),distribution:PropTypes.oneOf(["start","end","center","between","around","evenly"]),wrap:PropTypes.bool,gap:PropTypes.oneOf(["0","px","0.5","1","1.5","2","2.5","3","3.5","4","5","6","7","8","9","10","11","12","14","16","20","24","28","32","36","40","44","48","52","56","60","64","72","80","96"])};export{Button as B,Stack as S};