@cloudoperators/juno-ui-components 2.31.0 → 2.33.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 (335) hide show
  1. package/build/AppBody.component-C9lIZEeC.js +5 -0
  2. package/build/AppBody.js +1 -1
  3. package/build/AppShell.component-Hk_XAW1E.js +1 -0
  4. package/build/AppShell.js +1 -1
  5. package/build/{AppShellProvider.component-CoGCOuox.js → AppShellProvider.component-Be1Q5mjZ.js} +1 -1
  6. package/build/AppShellProvider.js +1 -1
  7. package/build/Badge.component-CLaF9Up0.js +15 -0
  8. package/build/Badge.js +1 -1
  9. package/build/Box.component-V4TDnAgb.js +10 -0
  10. package/build/Box.js +1 -1
  11. package/build/Breadcrumb.component-BSGoKK2S.js +1 -0
  12. package/build/Breadcrumb.js +1 -1
  13. package/build/BreadcrumbItem.component-C99Dj0IW.js +14 -0
  14. package/build/BreadcrumbItem.js +1 -1
  15. package/build/Button.component-liw0UuGT.js +56 -0
  16. package/build/Button.js +1 -1
  17. package/build/ButtonRow.component-CzhKhK_N.js +1 -0
  18. package/build/ButtonRow.js +1 -1
  19. package/build/Checkbox.component-DgDvGt3W.js +77 -0
  20. package/build/Checkbox.js +1 -1
  21. package/build/CheckboxGroup.component-B_uoXPNo.js +33 -0
  22. package/build/CheckboxGroup.js +1 -1
  23. package/build/CheckboxRow.component-DzLTV4cd.js +1 -0
  24. package/build/CheckboxRow.js +1 -1
  25. package/build/Code.component-mlP3SwWy.js +4 -0
  26. package/build/Code.js +1 -1
  27. package/build/CodeBlock.component-CZxYJPlk.js +45 -0
  28. package/build/CodeBlock.js +1 -1
  29. package/build/ComboBox.component-CVfbabwk.js +115 -0
  30. package/build/ComboBox.js +1 -1
  31. package/build/ComboBoxOption.js +39 -1
  32. package/build/Container.component-xJsCyUG8.js +4 -0
  33. package/build/Container.js +1 -1
  34. package/build/ContentAreaToolbar.component-HPXE3xVK.js +8 -0
  35. package/build/ContentAreaToolbar.js +1 -1
  36. package/build/ContentContainer.component-8A2F9nlM.js +8 -0
  37. package/build/ContentContainer.js +1 -1
  38. package/build/ContentHeading.component-iyxxB3V8.js +6 -0
  39. package/build/ContentHeading.js +1 -1
  40. package/build/ContextMenu.component-B24LaAwt.js +16 -0
  41. package/build/ContextMenu.js +1 -1
  42. package/build/DataGrid.component-Dt5OQxY5.js +4 -0
  43. package/build/DataGrid.js +1 -1
  44. package/build/DataGridCell.component-Gy81mVxf.js +13 -0
  45. package/build/DataGridCell.js +1 -1
  46. package/build/DataGridCheckboxCell.js +1 -1
  47. package/build/DataGridFoot.js +1 -1
  48. package/build/DataGridHeadCell.component-4DKn7eQ9.js +6 -0
  49. package/build/DataGridHeadCell.js +1 -1
  50. package/build/DataGridRow.component-CBEnaLYU.js +3 -0
  51. package/build/DataGridRow.js +1 -1
  52. package/build/DataGridToolbar.component-BfgKal7m.js +10 -0
  53. package/build/DataGridToolbar.js +1 -1
  54. package/build/{DateTimePicker.component-BMkIzxY0.js → DateTimePicker.component-BysBjc0a.js} +3 -3
  55. package/build/DateTimePicker.js +1 -1
  56. package/build/Form.component-C-FIXwo-.js +7 -0
  57. package/build/Form.js +1 -1
  58. package/build/FormHint.component-C7TZlbwG.js +10 -0
  59. package/build/FormHint.js +1 -1
  60. package/build/FormRow.component-CbFLRaDK.js +3 -0
  61. package/build/FormRow.component-OkQblu_q.js +3 -0
  62. package/build/FormRow.js +1 -1
  63. package/build/FormSection.component-DDGHfPV5.js +8 -0
  64. package/build/FormSection.js +1 -1
  65. package/build/FormattedText.component-Oc4b8IPi.js +1 -0
  66. package/build/FormattedText.js +1 -1
  67. package/build/Grid.component-BG4AMsb5.js +1 -0
  68. package/build/Grid.js +1 -1
  69. package/build/GridColumn.component-BmzNy9N0.js +4 -0
  70. package/build/GridColumn.js +1 -1
  71. package/build/GridRow.component-Cf7FxOjh.js +5 -0
  72. package/build/GridRow.js +1 -1
  73. package/build/HeaderContainer.component-CWj3SLQY.js +13 -0
  74. package/build/HeaderContainer.js +1 -0
  75. package/build/Icon.component-ClhnejN0.js +20 -0
  76. package/build/Icon.js +1 -1
  77. package/build/InputGroup.component-Cjl_JYFs.js +4 -0
  78. package/build/InputGroup.js +1 -1
  79. package/build/IntroBox.component-BmoEq45u.js +31 -0
  80. package/build/IntroBox.js +1 -1
  81. package/build/JsonViewer.component-lHoI-LCD.js +1 -0
  82. package/build/JsonViewer.js +1 -1
  83. package/build/Label.component-BYZfB1oK.js +37 -0
  84. package/build/Label.js +1 -1
  85. package/build/LoadingIndicator.component-CsNzFwe2.js +1 -0
  86. package/build/LoadingIndicator.js +1 -1
  87. package/build/MainContainer.component-DV_tQlek.js +5 -0
  88. package/build/MainContainer.js +1 -1
  89. package/build/MainContainerInner.component-DhiRjgBx.js +14 -0
  90. package/build/MainContainerInner.js +1 -1
  91. package/build/MainTabs.component-DtTHcxTg.js +1 -0
  92. package/build/MainTabs.js +1 -1
  93. package/build/Menu.component-vFmV6jCc.js +17 -0
  94. package/build/Menu.js +1 -1
  95. package/build/MenuItem.component-ddsy5_so.js +32 -0
  96. package/build/MenuItem.js +1 -1
  97. package/build/MenuSection.component-CteHwLJX.js +11 -0
  98. package/build/MenuSection.js +1 -1
  99. package/build/Message.component-A7V1Flcl.js +27 -0
  100. package/build/Message.js +1 -1
  101. package/build/Modal.js +31 -1
  102. package/build/ModalFooter.component-BK0doJJO.js +11 -0
  103. package/build/ModalFooter.js +1 -1
  104. package/build/NativeSelect.component-BaWaK11P.js +63 -0
  105. package/build/NativeSelect.js +1 -1
  106. package/build/NativeSelectOption.component-BWRxjRz0.js +1 -0
  107. package/build/NativeSelectOption.js +1 -1
  108. package/build/NativeSelectOptionGroup.component-GFuGvLsz.js +1 -0
  109. package/build/NativeSelectOptionGroup.js +1 -1
  110. package/build/Navigation.component-DaabNHev.js +3 -0
  111. package/build/Navigation.js +1 -1
  112. package/build/NavigationItem.component-DI0SMWsi.js +19 -0
  113. package/build/NavigationItem.js +1 -1
  114. package/build/PageFooter.component-CeD5DCjY.js +18 -0
  115. package/build/PageFooter.js +1 -1
  116. package/build/PageHeader.component-DqYR6Yyo.js +33 -0
  117. package/build/PageHeader.js +1 -1
  118. package/build/Pagination.js +5 -1
  119. package/build/Panel.js +33 -1
  120. package/build/PanelBody.js +4 -1
  121. package/build/PanelFooter.js +11 -1
  122. package/build/Pill.component-BjuSYnxs.js +28 -0
  123. package/build/Pill.js +1 -1
  124. package/build/PortalProvider.component-CVldWJIG.js +1 -0
  125. package/build/PortalProvider.js +1 -1
  126. package/build/Radio.component-DiZc-eBh.js +67 -0
  127. package/build/Radio.js +1 -1
  128. package/build/RadioGroup.component-XH90kWYR.js +33 -0
  129. package/build/RadioGroup.js +1 -1
  130. package/build/RadioRow.component-B-HE4xRC.js +1 -0
  131. package/build/RadioRow.js +1 -1
  132. package/build/SearchInput.component-QwymruVn.js +1 -0
  133. package/build/SearchInput.js +1 -1
  134. package/build/SecretText.component-jsJWpOK1.js +40 -0
  135. package/build/SecretText.js +1 -40
  136. package/build/Select.component-B61pnCf7.js +64 -0
  137. package/build/Select.js +1 -1
  138. package/build/SelectOption.component-GxWRy28M.js +42 -0
  139. package/build/SelectOption.js +1 -1
  140. package/build/{Select.component-DNPTrdQs.js → SelectRow.component-DKK8MJOk.js} +2 -2
  141. package/build/SelectRow.js +1 -1
  142. package/build/ShadowRoot.component-DU_Ra-K3.js +1 -0
  143. package/build/ShadowRoot.js +1 -1
  144. package/build/SideNavigation.component-D9IErRcv.js +4 -0
  145. package/build/SideNavigation.js +1 -1
  146. package/build/SideNavigationItem.component-5ChkLMgz.js +17 -0
  147. package/build/SideNavigationItem.js +1 -1
  148. package/build/Spinner.component-CO095KvL.js +16 -0
  149. package/build/Spinner.js +1 -1
  150. package/build/Stack.component-Pe-1jf3W.js +5 -0
  151. package/build/Stack.js +1 -1
  152. package/build/{StyleProvider.component-DpOVgdlo.js → StyleProvider.component-CqbWBDF7.js} +1 -1
  153. package/build/StyleProvider.js +1 -1
  154. package/build/Switch.component-1reoDymi.js +54 -0
  155. package/build/Switch.js +1 -1
  156. package/build/{SwitchRow.component-BNceFC47.js → SwitchRow.component-CmboUtfc.js} +1 -1
  157. package/build/SwitchRow.js +1 -1
  158. package/build/Tab.component-SEUcCOS8.js +16 -0
  159. package/build/Tab.js +1 -1
  160. package/build/TabList.component-sHDWBb5I.js +12 -0
  161. package/build/TabList.js +1 -1
  162. package/build/TabNavigation.component-Cc2F9AVl.js +8 -0
  163. package/build/TabNavigation.js +1 -1
  164. package/build/TabNavigationItem.component-D9KvESL0.js +22 -0
  165. package/build/TabNavigationItem.js +1 -1
  166. package/build/TabPanel.component-DlnS5hSa.js +1 -0
  167. package/build/TabPanel.js +1 -1
  168. package/build/Tabs.component-BRM3cTLV.js +1 -0
  169. package/build/Tabs.js +1 -1
  170. package/build/TextInput.component-AyfJ3U8z.js +59 -0
  171. package/build/TextInput.js +1 -1
  172. package/build/TextInputRow.component-fXXdeFjF.js +1 -0
  173. package/build/TextInputRow.js +1 -1
  174. package/build/Textarea.component-DgYR9jem.js +58 -0
  175. package/build/Textarea.js +1 -1
  176. package/build/{Textarea.component-4fIvQVeJ.js → TextareaRow.component-DcyMqrAg.js} +2 -2
  177. package/build/TextareaRow.js +1 -1
  178. package/build/{ThemeToggle.component-CNb4Nbso.js → ThemeToggle.component-C15TCL63.js} +1 -1
  179. package/build/ThemeToggle.js +1 -1
  180. package/build/Toast.component-x0WA9szy.js +12 -0
  181. package/build/Toast.js +1 -1
  182. package/build/Tooltip.component-AWJGzfXT.js +1 -0
  183. package/build/Tooltip.js +1 -1
  184. package/build/TooltipContent.component-Go8u2Bz4.js +14 -0
  185. package/build/TooltipContent.js +1 -1
  186. package/build/TooltipTrigger.component-CYpGzL4I.js +1 -0
  187. package/build/TooltipTrigger.js +1 -1
  188. package/build/TopNavigation.component-CkGidYsu.js +5 -0
  189. package/build/TopNavigation.js +1 -1
  190. package/build/TopNavigationItem.component-CqIlCTjB.js +26 -0
  191. package/build/TopNavigationItem.js +1 -1
  192. package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
  193. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +17 -0
  194. package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -0
  195. package/build/components/ContentAreaToolbar/index.d.ts +2 -0
  196. package/build/components/ContentAreaToolbar/index.d.ts.map +1 -0
  197. package/build/components/ContentContainer/ContentContainer.component.d.ts +14 -7
  198. package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
  199. package/build/components/ContentHeading/ContentHeading.component.d.ts +18 -9
  200. package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
  201. package/build/components/HeaderContainer/HeaderContainer.component.d.ts +10 -0
  202. package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -0
  203. package/build/components/HeaderContainer/index.d.ts +2 -0
  204. package/build/components/HeaderContainer/index.d.ts.map +1 -0
  205. package/build/components/Pagination/Pagination.component.d.ts +72 -0
  206. package/build/components/Pagination/Pagination.component.d.ts.map +1 -0
  207. package/build/components/Pagination/index.d.ts +2 -0
  208. package/build/components/Pagination/index.d.ts.map +1 -0
  209. package/build/components/Panel/Panel.component.d.ts +39 -0
  210. package/build/components/Panel/Panel.component.d.ts.map +1 -0
  211. package/build/components/Panel/index.d.ts +2 -0
  212. package/build/components/Panel/index.d.ts.map +1 -0
  213. package/build/components/PanelBody/PanelBody.component.d.ts +23 -0
  214. package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -0
  215. package/build/components/PanelBody/index.d.ts +2 -0
  216. package/build/components/PanelBody/index.d.ts.map +1 -0
  217. package/build/components/PanelFooter/PanelFooter.component.d.ts +19 -0
  218. package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -0
  219. package/build/components/PanelFooter/index.d.ts +2 -0
  220. package/build/components/PanelFooter/index.d.ts.map +1 -0
  221. package/build/components/SecretText/SecretText.component.d.ts +78 -0
  222. package/build/components/SecretText/SecretText.component.d.ts.map +1 -0
  223. package/build/components/SecretText/index.d.ts +2 -0
  224. package/build/components/SecretText/index.d.ts.map +1 -0
  225. package/build/components/Select/Select.component.d.ts +2 -2
  226. package/build/components/Select/Select.component.d.ts.map +1 -1
  227. package/build/components/TextInput/TextInput.component.d.ts +1 -1
  228. package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
  229. package/build/hooks/useEndlessScrollList.d.ts +17 -0
  230. package/build/hooks/useEndlessScrollList.d.ts.map +1 -0
  231. package/build/hooks/useEndlessScrollList.js +60 -0
  232. package/build/hooks/useLocalStorage.d.ts.map +1 -1
  233. package/build/ibm-plex-DkmjUb78.js +1 -0
  234. package/build/index.js +184 -17
  235. package/build/withDeprecationWarning.component-CsAFJ740.js +1 -0
  236. package/build/withDeprecationWarning.js +1 -1
  237. package/package.json +1 -1
  238. package/build/AppBody.component-DMNphrA9.js +0 -1
  239. package/build/AppShell.component-kPo9ejh-.js +0 -1
  240. package/build/Badge.component-Bw_Sw1Jl.js +0 -1
  241. package/build/Box.component-B-zlG37z.js +0 -1
  242. package/build/Breadcrumb.component-DmLZCJ80.js +0 -1
  243. package/build/BreadcrumbItem.component-himz8R38.js +0 -1
  244. package/build/Button.component-Ck0-XKMD.js +0 -1
  245. package/build/ButtonRow.component-CgfANnke.js +0 -1
  246. package/build/ButtonRow.component-CnJPyZ99.js +0 -1
  247. package/build/Checkbox.component-DxULmNji.js +0 -1
  248. package/build/CheckboxGroup.component-DJN7waSM.js +0 -1
  249. package/build/CheckboxRow.component-CrN2DXEm.js +0 -1
  250. package/build/Code.component-CIzbcpEn.js +0 -1
  251. package/build/CodeBlock.component-CXDUnHIb.js +0 -1
  252. package/build/ComboBox.component-Bv_9h8jb.js +0 -1
  253. package/build/Container.component-B8M3UgGG.js +0 -1
  254. package/build/ContentArea.component-VS-3jOgO.js +0 -5
  255. package/build/ContentArea.js +0 -1
  256. package/build/ContentAreaToolbar.component-Cr9XddQc.js +0 -8
  257. package/build/ContentAreaWrapper.component-D6yksmzo.js +0 -7
  258. package/build/ContentAreaWrapper.js +0 -1
  259. package/build/ContentContainer.component-rfZz78lB.js +0 -1
  260. package/build/ContentHeading.component-Io-M-spm.js +0 -1
  261. package/build/ContextMenu.component-DH-m8O-z.js +0 -1
  262. package/build/DataGrid.component-BBT0bs34.js +0 -1
  263. package/build/DataGridCell.component-DTZCr2iq.js +0 -1
  264. package/build/DataGridHeadCell.component-Ce2yeOu8.js +0 -1
  265. package/build/DataGridRow.component-D0MKrB0t.js +0 -1
  266. package/build/DataGridToolbar.component-BxGtUy7D.js +0 -1
  267. package/build/Form.component-D-BE29tV.js +0 -1
  268. package/build/FormHint.component-B30ehV71.js +0 -1
  269. package/build/FormRow.component--LSv8Yz8.js +0 -1
  270. package/build/FormRow.component-5oxVn9c0.js +0 -3
  271. package/build/FormSection.component-D-txM2wI.js +0 -1
  272. package/build/FormattedText.component-Dv5KRlOH.js +0 -1
  273. package/build/Grid.component-DhdNobry.js +0 -1
  274. package/build/GridColumn.component-Dn_zRSnd.js +0 -1
  275. package/build/GridRow.component-DP4HP_Ai.js +0 -1
  276. package/build/Icon.component-7-ap-6Ys.js +0 -1
  277. package/build/InputGroup.component-BKBRJie5.js +0 -1
  278. package/build/IntroBox.component-BuW5vo-r.js +0 -1
  279. package/build/JsonViewer.component-i75ln2HG.js +0 -1
  280. package/build/Label.component-TbF3yilt.js +0 -1
  281. package/build/LoadingIndicator.component-CjUcoOtA.js +0 -1
  282. package/build/MainContainer.component-beO5Qib0.js +0 -1
  283. package/build/MainContainerInner.component-Dp6YCm8D.js +0 -1
  284. package/build/MainTabs.component-C4jnzeW8.js +0 -1
  285. package/build/Menu.component-B2zPLmdP.js +0 -1
  286. package/build/MenuItem.component-2A91klk9.js +0 -1
  287. package/build/MenuSection.component-CXCYKlVr.js +0 -1
  288. package/build/Message.component-COHT30fL.js +0 -1
  289. package/build/ModalFooter.component-vqu5JEqH.js +0 -1
  290. package/build/NativeSelect.component-BeYgemsP.js +0 -1
  291. package/build/NativeSelectOption.component-CLFcWbs7.js +0 -1
  292. package/build/NativeSelectOptionGroup.component-B9j74Fm2.js +0 -1
  293. package/build/Navigation.component-Q2fi8-qR.js +0 -1
  294. package/build/NavigationItem.component-DcH7SF-F.js +0 -1
  295. package/build/PageFooter.component-CrlDnfPd.js +0 -1
  296. package/build/PageHeader.component-QuQOQj_P.js +0 -1
  297. package/build/Pagination.component-D7vw3gPl.js +0 -50
  298. package/build/Panel.component-DW6z1JGn.js +0 -35
  299. package/build/PanelBody.component-ejsCohbW.js +0 -6
  300. package/build/PanelFooter.component-B3HXAhmg.js +0 -11
  301. package/build/Pill.component-CLGgHKga.js +0 -1
  302. package/build/PortalProvider.component-nShveTMU.js +0 -1
  303. package/build/Radio.component-qjlCYiuP.js +0 -1
  304. package/build/RadioGroup.component-Cj0bQHOM.js +0 -1
  305. package/build/RadioRow.component-CqrB8Bvr.js +0 -1
  306. package/build/SearchInput.component-CMboCbvO.js +0 -1
  307. package/build/Select.component-zF_9SDqa.js +0 -1
  308. package/build/SelectRow.component-D0F2VY1t.js +0 -1
  309. package/build/ShadowRoot.component-DZn4gLKB.js +0 -1
  310. package/build/SideNavigation.component-D9A0_YjX.js +0 -1
  311. package/build/SideNavigationItem.component-EiOe7rV_.js +0 -1
  312. package/build/Spinner.component-B_OKKh5D.js +0 -1
  313. package/build/Stack.component-BNRLhyTo.js +0 -1
  314. package/build/Stack.component-fYvcWRNi.js +0 -60
  315. package/build/Switch.component-BxCFYGD_.js +0 -1
  316. package/build/Tab.component-o-IJCaGX.js +0 -1
  317. package/build/TabList.component-DeI4QJVH.js +0 -1
  318. package/build/TabNavigation.component-DlfET9Dg.js +0 -1
  319. package/build/TabNavigationItem.component-CgTEvAMf.js +0 -1
  320. package/build/TabPanel.component-CSMpnrRv.js +0 -1
  321. package/build/Tabs.component-NQTjUypo.js +0 -1
  322. package/build/TextInput.component-D1qpmHfA.js +0 -1
  323. package/build/TextInputRow.component-DEWfa_NF.js +0 -1
  324. package/build/Textarea.component-BrJM-k2b.js +0 -1
  325. package/build/TextareaRow.component-DfVYxpvo.js +0 -1
  326. package/build/Toast.component-Ck1OSJRg.js +0 -1
  327. package/build/Tooltip.component-pZQW88UK.js +0 -1
  328. package/build/TooltipContent.component-Cfo0dBzg.js +0 -1
  329. package/build/TooltipTrigger.component-Cp9J4Mh7.js +0 -1
  330. package/build/TopNavigation.component-gPpoiPKf.js +0 -1
  331. package/build/TopNavigationItem.component-C99GMBgq.js +0 -1
  332. package/build/ibm-plex-BfDpQmIi.js +0 -1
  333. package/build/tslib.es6-bjGg6Bxl.js +0 -1
  334. package/build/withDeprecationWarning.component-DQTD5UdI.js +0 -1
  335. package/build/withDeprecationWarning.component-fIFVSC34.js +0 -1
@@ -0,0 +1,33 @@
1
+ import*as React from"react";import React__default from"react";var _path,_path2,_path3,_path4,_path5,_path6,_path7,_path8,_path9,_path10,_path11,_path12,_path13,_path14,_path15,_path16,_path17,_path18,_defs,_excluded=["title","titleId"];function _extends(){return _extends=Object.assign?Object.assign.bind():function(a){for(var b,c=1;c<arguments.length;c++)for(var d in b=arguments[c],b)({}).hasOwnProperty.call(b,d)&&(a[d]=b[d]);return a},_extends.apply(null,arguments)}function _objectWithoutProperties(a,b){if(null==a)return{};var c,d,e=_objectWithoutPropertiesLoose(a,b);if(Object.getOwnPropertySymbols){var f=Object.getOwnPropertySymbols(a);for(d=0;d<f.length;d++)c=f[d],b.includes(c)||{}.propertyIsEnumerable.call(a,c)&&(e[c]=a[c])}return e}function _objectWithoutPropertiesLoose(a,b){if(null==a)return{};var c={};for(var d in a)if({}.hasOwnProperty.call(a,d)){if(b.includes(d))continue;c[d]=a[d]}return c}var SvgJunoUiLogo=function(a){var b=a.title,c=a.titleId,d=_objectWithoutProperties(a,_excluded);return React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",width:49,height:41,fill:"none",viewBox:"0 0 49 41",alt:"Juno UI","aria-labelledby":c},d),b?React.createElement("title",{id:c},b):null,_path||(_path=React.createElement("path",{fill:"#0FA7B4",d:"M11.093 16 4 20.095l7.093 4.105 7.093-4.105L11.093 16Z"})),_path2||(_path2=React.createElement("path",{fill:"#000",fillRule:"evenodd",d:"m11.093 16.346 6.793 3.922v7.844l-6.793 3.922L4.3 28.112v-7.844l6.793-3.922ZM4 20.095 11.093 16l7.093 4.095v8.19l-7.093 4.095L4 28.285v-8.19Z",clipRule:"evenodd"})),_path3||(_path3=React.createElement("path",{fill:"#05646D",d:"M11.093 24.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path4||(_path4=React.createElement("path",{fill:"#05646D",d:"M11.093 24.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path5||(_path5=React.createElement("path",{fill:"#098590",d:"M11.093 24.19v8.19L4 28.285v-8.19l7.093 4.095Z"})),_path6||(_path6=React.createElement("path",{fill:"#15D0E0",fillRule:"evenodd",d:"M18.186 20.095 11.093 16 4 20.095v8.19l7.093 4.095 7.093-4.095v-8.19Zm-7.093-3.749 6.493 3.75-6.493 3.757L4.6 20.095l6.494-3.749Zm-.3 8.017L4.3 20.614v7.498l6.493 3.748v-7.497Zm7.093-3.749-6.493 3.749v7.497l6.492-3.748v-7.498Z",clipRule:"evenodd"})),_path7||(_path7=React.createElement("path",{fill:"#098590",d:"M24.402 36.76V20.38l-14.185-8.19v8.226l7.065 4.079v8.155l7.12 4.11Z"})),_path8||(_path8=React.createElement("path",{fill:"#0FA7B4",d:"m38.587 20.388-7.08 4.087v-8.19l7.08-4.087v-.008l-14.185 8.19v16.38l14.185-8.19v-8.182Z"})),_path9||(_path9=React.createElement("path",{fill:"#05646D",d:"M31.591 16.337v.064-8.254l-7.093 4.095 7.093 4.095Z"})),_path10||(_path10=React.createElement("path",{fill:"#02454B",d:"M31.51 16.285v8.19l7.092-4.095-7.093-4.095Z"})),_path11||(_path11=React.createElement("path",{fill:"#15D0E0",d:"M37.092 8 30 12.095v8.19l7.092 4.095 7.093-4.095v-8.19L37.092 8Z"})),_path12||(_path12=React.createElement("path",{fill:"#0FA7B4",d:"M37.092 16.19v8.19l7.093-4.095v-8.19l-7.093 4.095Z"})),_path13||(_path13=React.createElement("path",{fill:"#098590",d:"M37.092 16.19v8.19L30 20.285v-8.19l7.092 4.095Z"})),_path14||(_path14=React.createElement("path",{fill:"url(#a)",fillRule:"evenodd",d:"M44.185 12.095 37.092 8 30 12.095v8.19l7.092 4.095 7.093-4.095v-8.19Zm-7.093-3.749 6.493 3.75-6.493 3.757-6.493-3.758 6.493-3.749Zm-.3 8.017-6.493-3.749v7.497l6.493 3.75v-7.498Zm7.093-3.749-6.493 3.749v7.497l6.493-3.748v-7.498Z",clipRule:"evenodd"})),_path15||(_path15=React.createElement("path",{fill:"#0FA7B4",d:"m31.502 32.65-7.1 4.15V20.4l7.1-4.11v16.36Z"})),_path16||(_path16=React.createElement("path",{fill:"#15D0E0",d:"m24.502 12.25 7 4.04-7.1 4.11-14.2-8.2 14.2-8.2 7.2 4.15-7.1 4.1Z"})),_path17||(_path17=React.createElement("path",{fill:"url(#b)",fillRule:"evenodd",d:"M31.602 8.15 24.402 4l-14.184 8.191h-.001v.001l-.014.008.013.008v8.147l7.066 4.08v8.19l7.12 4.135V28.7v8.1l5.52-3.226 8.665-5.003v-5.054l-.3.173v4.707l-6.77 3.91.033-7.51 3.133-1.808-.3-.173-2.831 1.634v-.011h-.044v-8.154l1.19-.687v-.008l-1.203.695-6.773-3.908.006-.01-.214-.124 7.088-4.093Zm-6.9 28.127v-7.576l6.506-3.717v.011l.042-.024-.034 7.509-1.446.835-5.068 2.962Zm0-7.921 6.506-3.718v-7.84l-6.506 3.756v7.802Zm6.3-20.206-6.787 3.92-6.577-3.817 6.764-3.907 6.6 3.804Zm-7.096 4.087-6.568-3.811-6.535 3.774 6.199 3.58 6.904-3.543Zm.294.185-6.889 3.537 7.09 4.095 6.501-3.764-6.702-3.868Zm-6.618 20.055V24.26l-7.066-4.08v-7.47l13.586 7.844V36.24l-6.52-3.764Z",clipRule:"evenodd"})),_path18||(_path18=React.createElement("path",{fill:"url(#c)",d:"m34.376 14.622.007.004 4.204-2.428v-.008l-4.21 2.432Z"})),_defs||(_defs=React.createElement("defs",null,React.createElement("linearGradient",{id:"a",x1:24.093,x2:23.823,y1:36.799,y2:3.998,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#05646D"}),React.createElement("stop",{offset:.613,stopColor:"#15D0E0"}),React.createElement("stop",{offset:1,stopColor:"#098590"})),React.createElement("linearGradient",{id:"b",x1:26.402,x2:15.344,y1:-1,y2:32.206,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#127E88"}),React.createElement("stop",{offset:.539,stopColor:"#44F0FF"}),React.createElement("stop",{offset:1,stopColor:"#0B717A"})),React.createElement("linearGradient",{id:"c",x1:26.402,x2:15.344,y1:-1,y2:32.206,gradientUnits:"userSpaceOnUse"},React.createElement("stop",{stopColor:"#127E88"}),React.createElement("stop",{offset:.539,stopColor:"#44F0FF"}),React.createElement("stop",{offset:1,stopColor:"#0B717A"})))))};const pageHeaderStyles=`
2
+ jn-min-h-[3.25rem]
3
+ jn-bg-juno-grey-blue-11
4
+ jn-sticky
5
+ jn-top-0
6
+ jn-px-6
7
+ jn-py-3
8
+ jn-z-50
9
+ `,pageHeaderInnerStyles=`
10
+ jn-grid
11
+ jn-grid-cols-[minmax(0,max-content),1fr]
12
+ jn-gap-3
13
+ jn-h-7
14
+ jn-w-full
15
+ jn-items-center
16
+ `,logoContainerStyles=`
17
+ jn-h-7
18
+ jn-max-w-xs
19
+ [&>*]:jn-w-min
20
+ [&>*]:jn-max-w-xs
21
+ [&>*]:jn-h-7
22
+ [&>*]:jn-object-contain
23
+ `,contentContainerStyles=`
24
+ jn-grid
25
+ jn-grid-cols-[1fr,minmax(0,max-content)]
26
+ `,optionsStyles=`
27
+ jn-flex
28
+ jn-flex-row
29
+ jn-items-center
30
+ `,headingStyles=`
31
+ jn-text-lg
32
+ jn-text-theme-high
33
+ `,PageHeader=a=>{let{heading:d=null,className:e="",children:f=null,logo:g=void 0,onClick:b,...c}=a;return React__default.createElement("div",{className:`juno-pageheader theme-dark ${pageHeaderStyles} ${e}`,role:"banner",...c},React__default.createElement("div",{className:`juno-pageheader-inner ${pageHeaderInnerStyles}`},React__default.createElement("div",{className:`juno-pageheader-logo-container ${logoContainerStyles}`},"function"==typeof g||React__default.isValidElement(g)&&g||(!0===g||g===void 0)&&React__default.createElement(SvgJunoUiLogo,{"data-testid":"default-logo",alt:""})),React__default.createElement("div",{className:`juno-pageheader-content-container ${contentContainerStyles}`},React__default.createElement("div",{className:`juno-pageheader-heading ${headingStyles} ${"function"==typeof b?"jn-cursor-pointer":""}`,onClick:b},d&&d),React__default.createElement("div",{className:`juno-pageheader-options ${optionsStyles}`},f))))};export{PageHeader as P};
@@ -1 +1 @@
1
- export{P as PageHeader}from"./PageHeader.component-QuQOQj_P.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
1
+ export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import"react";
@@ -1 +1,5 @@
1
- export{P as Pagination}from"./Pagination.component-D7vw3gPl.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-DNPTrdQs.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
1
+ import React__default,{useState,useEffect}from"react";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{B as Button}from"./Button.component-liw0UuGT.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";import{S as Select}from"./Select.component-B61pnCf7.js";import{S as SelectOption}from"./SelectOption.component-GxWRy28M.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";const paginationStyles=`
2
+ jn-flex
3
+ jn-gap-[0.375rem]
4
+ jn-items-center
5
+ `,spinnerStyles=`jn-ml-3`,inputStyles=`justify-normal`,Pagination=a=>{let{variant:n="default",currentPage:b,totalPages:c,pages:d,disabled:o=!1,isFirstPage:e,isLastPage:f,onPressPrevious:g,onPressNext:h,onSelectChange:i,onInputChange:j,onKeyPress:k,onBlur:l,progress:p=!1,className:q="",...m}=a;const[r,s]=useState(b),[t,u]=useState(d?d:c);useEffect(()=>{s(b),d?u(d):u(c),r!==void 0&&t!==void 0&&r>t&&s(t)},[b,c,d]);const v=a=>{if(void 0===a)return;let b="string"==typeof a||Array.isArray(a)?parseInt(Array.isArray(a)?a[0]:a,10):a;void 0===b||isNaN(b)||(s(b),i?.(b))},w=a=>{let b=a.target.value?parseInt(a.target.value,10):void 0;b!==void 0&&(1>b?b=1:t!==void 0&&b>t&&(b=t)),s(b),j&&j(b)},x=a=>{"Enter"===a.key&&r!==void 0&&k&&k(r)},y=()=>{l&&l(r)},z=()=>{let a=r===void 0||isNaN(r)?1:r.toString().length;a=5<a?5:a;const b=`${(.6*a+2.1).toFixed(1)}rem`;return{width:b}};return React__default.createElement("div",{className:`juno-pagination juno-pagination-${n||"default"} ${paginationStyles} ${q}`,...m},React__default.createElement(Button,{icon:"chevronLeft",disabled:!!e||!!o||!!p||1===r,onClick:()=>{let a;r!==void 0&&1<r&&(a=r-1,s(a)),g&&g(a)},title:"Previous Page"}),p?React__default.createElement(Spinner,{size:"small",color:"default",className:spinnerStyles}):"",n&&!p?(()=>"number"===n?void 0===r?"":React__default.createElement("div",{className:"page-value"}," ",r):"select"===n?(React__default.createElement(Select,{name:"totalPages",width:"auto",value:r?.toString(),onChange:v,disabled:o},(()=>{const a=[];if(void 0!==t)for(let b=0;b<t;b++){const c=(b+1).toString();a.push(React__default.createElement(SelectOption,{value:c,label:c,key:c}))}return a})())):"input"===n?(React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("div",{className:`juno-pagination-wrapper`,style:z()},React__default.createElement(TextInput,{value:void 0===r?"":r,onChange:w,onBlur:y,onKeyPress:x,disabled:!!o,className:inputStyles,maxLength:6})),void 0===t?"":React__default.createElement("span",null,"of ",t))):"")():"",React__default.createElement(Button,{icon:"chevronRight",disabled:!!f||!!o||!!p||r!==void 0&&t!==void 0&&r===t,onClick:()=>{let a;r!==void 0&&(t===void 0||r<t)&&(a=r+1,s(a)),h&&h(a)},title:"Next Page"}))};export{Pagination};
package/build/Panel.js CHANGED
@@ -1 +1,33 @@
1
- export{P as Panel}from"./Panel.component-DW6z1JGn.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"react-dom";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./PortalProvider.component-B2hXHP-c.js";
1
+ import React__default,{useState,useRef,useEffect}from"react";import{createPortal}from"react-dom";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";const panelStyles=(a,b,c)=>`
2
+ jn-fixed
3
+ jn-right-0
4
+ jn-transition-transform
5
+ jn-ease-out
6
+ jn-duration-300
7
+ jn-inset-y-0
8
+ jn-z-[9989]
9
+ jn-grid
10
+ jn-grid-rows-[auto_1fr]
11
+ jn-bg-theme-panel
12
+ jn-backdrop-blur
13
+ jn-backdrop-saturate-150
14
+ jn-shadow-md
15
+ ${"large"===c?`
16
+ jn-w-[90%]
17
+ xl:jn-w-[80%]
18
+ 2xl:jn-w-[1228px]`:`
19
+ jn-w-[75%]
20
+ xl:jn-w-[55%]
21
+ 2xl:jn-w-[844px]`}
22
+ ${a?"":`jn-translate-x-[100%]`}
23
+ ${a||b?"":`jn-invisible`}
24
+ `.replace(/\n/g," ").replace(/\s+/g," "),contentWrapperStyles=`jn-overflow-auto`,panelHeaderStyles=`
25
+ jn-flex
26
+ jn-items-center
27
+ jn-py-4
28
+ jn-px-8
29
+ `,panelTitleStyles=`
30
+ jn-text-theme-high
31
+ jn-text-lg
32
+ jn-font-bold
33
+ `,Panel=a=>{let{heading:e="",size:f="default",opened:g=!1,closeable:h=!0,onClose:b,className:i="",children:c,...d}=a;const[j,k]=useState(g),[l,m]=useState(h),[n,o]=useState(!1),p=useRef(null),q=usePortalRef();useEffect(()=>k(g),[g]),useEffect(()=>m(h),[h]),useEffect(()=>()=>{p.current&&clearTimeout(p.current)},[]),useEffect(()=>{j||(o(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(()=>o(!1),500))},[j]);return createPortal(React__default.createElement("div",{className:`juno-panel ${panelStyles(j,n,f)} ${i}`,role:"dialog","aria-labelledby":"juno-panel-title",...d},React__default.createElement("div",{className:`juno-panel-header ${panelHeaderStyles}`},React__default.createElement("div",{className:`juno-panel-title ${panelTitleStyles}`,id:"juno-panel-title"},e),l&&React__default.createElement(Icon,{icon:"close",onClick:a=>{k(!1),b?.(a)},className:"juno-panel-close jn-ml-auto"})),React__default.createElement("div",{className:`juno-panel-content-wrapper ${contentWrapperStyles}`},c)),q?q:document.body)};export{Panel};
@@ -1 +1,4 @@
1
- export{P as PanelBody}from"./PanelBody.component-ejsCohbW.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ import React__default from"react";const bodyContentStyles=`
2
+ jn-px-8
3
+ jn-py-4
4
+ `,PanelBody=a=>{let{className:e="",footer:b,children:c,...d}=a;return React__default.createElement("div",{className:`juno-panel-body ${e}`,...d},React__default.createElement("div",{className:`juno-panel-body-content ${bodyContentStyles}`},c),b)};export{PanelBody};
@@ -1 +1,11 @@
1
- export{P as PanelFooter}from"./PanelFooter.component-B3HXAhmg.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ import React__default from"react";const panelFooterBaseStyles=`
2
+ jn-border-t
3
+ jn-border-t-theme-background-lvl-2
4
+ jn-px-8
5
+ jn-py-4
6
+ jn-flex
7
+ jn-items-center
8
+ jn-justify-end
9
+ jn-gap-3
10
+ jn-w-full
11
+ `,PanelFooter=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",{className:`juno-panel-footer ${panelFooterBaseStyles} ${d}`,...c},b)};export{PanelFooter};
@@ -0,0 +1,28 @@
1
+ import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";const pillStyles=a=>`
2
+ jn-inline-flex
3
+ jn-basis-auto
4
+ jn-shrink
5
+ jn-items-center
6
+ jn-flex-nowrap
7
+ jn-text-xs
8
+ jn-p-px
9
+ jn-border
10
+ jn-rounded
11
+ jn-border-theme-background-lvl-4
12
+ jn-group
13
+ ${a?"jn-cursor-pointer":""}
14
+ `,pillKeyStyles=a=>`
15
+ jn-bg-theme-background-lvl-4
16
+ jn-text-theme-high
17
+ ${a?"group-hover:jn-text-theme-highest":""}
18
+ jn-px-1
19
+ jn-py-0.5
20
+ jn-rounded-sm
21
+ jn-inline-block
22
+ `,pillValueStyles=a=>`
23
+ jn-px-1
24
+ jn-py-0.5
25
+ jn-text-theme-high
26
+ ${a?"group-hover:jn-text-theme-highest":""}
27
+ jn-inline-block
28
+ `,Pill=a=>{let{uid:c="",pillKey:d="",pillKeyLabel:e="",pillValue:f="",pillValueLabel:g="",closeable:h=!1,onClick:i=void 0,onClose:j=void 0,className:k="",...b}=a;const l=a=>{j&&j(a,c||d||f)},m=a=>{i&&i(a,c||d||f)};return React__default.createElement("div",{className:`juno-pill ${pillStyles(!!i)} ${k}`,...b},f||g?(React__default.createElement(React__default.Fragment,null,(e||d)&&(React__default.createElement("span",{className:`pill-key ${pillKeyStyles(!!i)}`,onClick:a=>m(a)},e||d)),React__default.createElement("span",{className:`pill-value ${pillValueStyles(!!i)}`,onClick:a=>m(a)},g||f))):(React__default.createElement("span",{className:`${pillValueStyles(!1)}`},"set pillValue or pillValueLabel")),h&&React__default.createElement(Icon,{icon:"close",size:18,onClick:a=>l(a)}))};export{Pill as P};
package/build/Pill.js CHANGED
@@ -1 +1 @@
1
- export{P as Pill}from"./Pill.component-CLGgHKga.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
1
+ export{P as Pill}from"./Pill.component-BjuSYnxs.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";
@@ -0,0 +1 @@
1
+ import React__default,{useContext,useState,useEffect,createContext,useRef}from"react";import{createPortal}from"react-dom";const portalStyles={position:"relative",zIndex:"1"},Portal=a=>{let{children:b=null}=a;const c=useContext(PortalContext),[d,e]=useState(!1);if(useEffect(()=>{c?.current&&e(!0)},[c]),!d)return null;const f=React__default.createElement("div",{className:`juno-portal`,style:portalStyles},b);return createPortal(f,c.current||document.body)};Portal.displayName="PortalProvider.Portal";const DEFAULT_PORTAL_ROOT_ID="juno-portal-root",PortalContext=createContext(void 0),portalRootStyles={position:"absolute",top:"0",left:"0",zIndex:"9999"};function usePortalRef(){const a=useContext(PortalContext),b=useRef(null),[c,d]=useState(!1);return useEffect(()=>{if(!a||!a?.current)return void console.warn("usePortalRef must be called inside a PortalProvider. You are probably using a component that renders a portal, e.g. Modal or Select. Make sure your app is wrapped in an AppShellProvider. Alternatively, a PortalProvider can be included manually.");const c=document.createElement("div");return c.style.position="relative",c.style.zIndex="1",c.classList.add("juno-portal"),a.current.append(c),b.current=c,d(!0),()=>{b.current&&a?.current&&(a.current.removeChild(b.current),b.current=null)}},[a]),b?.current?c?b.current:null:null}const PortalProvider=a=>{let{children:b=null,className:c="",id:d=DEFAULT_PORTAL_ROOT_ID}=a;const e=useRef(null),[f,g]=useState(!1);return useEffect(()=>{e.current&&g(!0)},[]),(React__default.createElement(PortalContext.Provider,{value:e},f&&b,React__default.createElement("div",{className:`juno-portal-root ${c}`,id:d,ref:e,style:portalRootStyles})))};PortalProvider.Portal=Portal;export{PortalContext as P,PortalProvider as a,usePortalRef as u};
@@ -1 +1 @@
1
- export{P as PortalContext,a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import"react";import"react-dom";
1
+ export{P as PortalContext,a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import"react";import"react-dom";
@@ -0,0 +1,67 @@
1
+ import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-XH90kWYR.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const wrapperStyles=`
2
+ jn-inline-flex
3
+ jn-items-center
4
+ `,inputstyles=`
5
+ jn-w-4
6
+ jn-h-4
7
+ jn-opacity-0
8
+ jn-z-50
9
+ `,mockradiostyles=`
10
+ jn-relative
11
+ jn-w-4
12
+ jn-h-4
13
+ jn-rounded-full
14
+ jn-bg-theme-radio
15
+ `,checkedstyles=`
16
+ jn-absolute
17
+ jn-block
18
+ jn-bg-theme-radio-checked
19
+ jn-rounded-full
20
+ jn-w-3
21
+ jn-h-3
22
+ jn-top-[1px]
23
+ jn-left-[1px]
24
+ `,mockfocusradiostyles=`
25
+ jn-outline-none
26
+ jn-ring-2
27
+ jn-ring-theme-focus
28
+ `,mockdisabledradiostyles=`
29
+ jn-opacity-50
30
+ jn-cursor-not-allowed
31
+ `,noBorderStyles=`
32
+ jn-border
33
+ jn-border-transparent
34
+ `,errorstyles=`
35
+ jn-border
36
+ jn-border-theme-error
37
+ `,successstyles=`
38
+ jn-border
39
+ jn-border-theme-success
40
+ `,labelStyles=`
41
+ jn-leading-0
42
+ jn-ml-2
43
+ `,iconStyles=`
44
+ jn-ml-1
45
+ `,hintStyles=`
46
+ jn-mt-0
47
+ jn-ml-6
48
+ `,Radio=a=>{let{checked:c=!1,className:d="",disabled:e=!1,errortext:f="",helptext:g="",id:h=void 0,invalid:i=!1,label:j=void 0,name:k=void 0,onChange:l=void 0,onClick:m=void 0,required:n=!1,successtext:o="",valid:p=!1,value:q=void 0,...b}=a;const r=a=>"string"!=typeof a||0!==a.trim().length,s=useContext(RadioGroupContext),{selectedValue:t,onChange:u,name:v,updateSelectedValue:w,disabled:x}=s||{},y=()=>s?t===q:!!c,[z,A]=useState(()=>y()),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1),H=useMemo(()=>i||!!(f&&r(f)),[i,f]),I=useMemo(()=>p||!!(o&&r(o)),[p,o]);useEffect(()=>{E(H)},[H]),useEffect(()=>{G(I)},[I]),useEffect(()=>{c&&s&&t===void 0&&w&&w(q)},[]),useEffect(()=>{t||A(c)},[c]);const J=()=>t?t===q:z,K=h||(()=>"juno-radio-"+useId())();return React__default.createElement("div",{className:`jn-radio-outer`},React__default.createElement("div",{className:`juno-radio-wrapper ${wrapperStyles}`},React__default.createElement("div",{className:`
49
+ juno-radio
50
+ ${mockradiostyles}
51
+ ${B?mockfocusradiostyles:""}
52
+ ${e?mockdisabledradiostyles:""}
53
+ ${D?errorstyles:""}
54
+ ${F?successstyles:""}
55
+ ${D||F?"":noBorderStyles}
56
+ ${d}
57
+ `,...b},React__default.createElement("input",{checked:J(),className:`
58
+ ${inputstyles}
59
+ ${D?"juno-radio-invalid":""}
60
+ ${F?"juno-radio-valid":""}
61
+ `,disabled:x||e,id:K,onBlur:()=>{C(!1)},onChange:()=>{A(!z),u&&"function"==typeof u&&t!==q&&u(q),l&&l(q)},onClick:a=>{m&&m(a)},onFocus:()=>{C(!0)},name:v||k,type:"radio",value:q}),J()?React__default.createElement("span",{className:`${checkedstyles}`}):""),j&&r(j)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:`${labelStyles}`,disabled:x||e,htmlFor:K,required:n,text:j}),D?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`
62
+ ${iconStyles}
63
+ ${e?"jn-opacity-50":""}
64
+ `})):"",F?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`
65
+ ${iconStyles}
66
+ ${e?"jn-opacity-50":""}
67
+ `})):"")):""),f&&r(f)?(React__default.createElement(FormHint,{text:f,variant:"error",className:`${hintStyles}`})):"",o&&r(o)?(React__default.createElement(FormHint,{text:o,variant:"success",className:`${hintStyles}`})):"",g&&r(g)?React__default.createElement(FormHint,{text:g,className:`${hintStyles}`}):"")};export{Radio as R};
package/build/Radio.js CHANGED
@@ -1 +1 @@
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
+ export{R as Radio}from"./Radio.component-DiZc-eBh.js";import"react";import"./RadioGroup.component-XH90kWYR.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";
@@ -0,0 +1,33 @@
1
+ import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const radiogroupstyles=`
2
+ jn-mb-4
3
+ last:jn-mb-0
4
+ `,groupstyles=`
5
+ jn-relative
6
+ jn-rounded
7
+ jn-border
8
+ jn-py-1
9
+ `,defaultgroupstyles=`
10
+ jn-border-transparent
11
+ `,validgroupstyles=`
12
+ jn-border-theme-success
13
+ jn-px-2
14
+ `,invalidgroupstyles=`
15
+ jn-border-theme-error
16
+ jn-px-2
17
+ `,iconstyles=`
18
+ jn-absolute
19
+ jn-right-2
20
+ jn-top-1.5
21
+ `,RadioGroupContext=createContext({}),RadioGroup=a=>{let{children:f=null,className:g="",disabled:h=!1,errortext:i="",helptext:j="",id:k="",invalid:l=!1,label:m="",name:b,onChange:c,required:n=!1,selected:d,successtext:o="",valid:p=!1,...e}=a;const q=a=>"string"!=typeof a||0!==a.trim().length,r=()=>"juno-radiogroup-"+useId(),s=b||r(),t=k||r(),[u,v]=useState(d),[w,x]=useState(!1),[y,z]=useState(!1),A=useMemo(()=>p||!!(o&&o.length),[p,o]),B=useMemo(()=>l||!!(i&&i.length),[l,i]);useEffect(()=>{x(A)},[A]),useEffect(()=>{z(B)},[B]),useEffect(()=>{d&&v(d)},[d]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:u,name:s,onChange:a=>{v(a),c&&c(a)},updateSelectedValue:a=>{v(a)},disabled:h}},React__default.createElement("div",{className:`
22
+ juno-radiogroup
23
+ ${radiogroupstyles}
24
+ ${w?"juno-radiogroup-valid":""}
25
+ ${y?"juno-radiogroup-invalid":""}
26
+ ${g}
27
+ `,id:t,role:"radiogroup",...e},m&&q(m)?(React__default.createElement(Label,{text:m,htmlFor:t,disabled:h,required:n})):"",React__default.createElement("div",{className:`
28
+ juno-checkbox-group-options
29
+ ${groupstyles}
30
+ ${w?validgroupstyles:""}
31
+ ${y?invalidgroupstyles:""}
32
+ ${w||y?"":defaultgroupstyles}
33
+ `},y?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:`${iconstyles}`}):"",w?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:`${iconstyles}`}):"",f),i&&q(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",o&&q(o)?React__default.createElement(FormHint,{text:o,variant:"success"}):"",j&&q(j)?React__default.createElement(FormHint,{text:j}):"")))};export{RadioGroup as R,RadioGroupContext as a};
@@ -1 +1 @@
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
+ export{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";
@@ -0,0 +1 @@
1
+ import React__default from"react";import{R as Radio}from"./Radio.component-DiZc-eBh.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-CsAFJ740.js";const RadioRow=a=>{let{value:d="",checked:e=!1,name:f=void 0,label:g=void 0,id:h=void 0,helptext:i="",className:j="",disabled:k=!1,required:l=!1,errortext:m="",valid:n=!1,invalid:b,successtext:o="",onChange:p=void 0,...c}=a;return React__default.createElement(Radio,{value:d,checked:e,name:f,label:g,id:h,helptext:i,disabled:k,required:l,invalid:b,valid:n,errortext:m,successtext:o,className:j,onChange:p,...c})};var 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-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
+ export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";import"react";import"./Radio.component-DiZc-eBh.js";import"./RadioGroup.component-XH90kWYR.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";
@@ -0,0 +1 @@
1
+ import React__default,{useState,useEffect,useCallback}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";const getWrapperStyles=a=>{return"rounded"===a?`${"jn-relative jn-inline-block jn-win-max"} jn-w-auto`:"hero"===a?`${"jn-relative jn-inline-block jn-win-max"} jn-w-full`:`${"jn-relative jn-inline-block jn-win-max"} jn-w-auto`},getSearchStyles=a=>{const b="jn-rounded-full focus:jn-rounded-full";return"rounded"===a?`${"\n jn-bg-theme-textinput\n jn-text-theme-high\n jn-shadow\n jn-w-full\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-cursor-not-allowed\n disabled:jn-opacity-50\n "} ${b} jn-text-base jn-w-auto jn-pl-3 jn-pr-16 jn-py-1`:"hero"===a?`${"\n jn-bg-theme-textinput\n jn-text-theme-high\n jn-shadow\n jn-w-full\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-cursor-not-allowed\n disabled:jn-opacity-50\n "} ${b} jn-text-lg jn-w-full jn-pl-6 jn-pr-20 jn-py-2.5`:`${"\n jn-bg-theme-textinput\n jn-text-theme-high\n jn-shadow\n jn-w-full\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-cursor-not-allowed\n disabled:jn-opacity-50\n "} jn-rounded jn-text-base jn-leading-4 jn-pl-4 jn-pr-16 jn-py-2.5`},getIconWrapperStyles=a=>"rounded"===a?"jn-absolute jn-inline-flex jn-right-3 jn-top-1":"hero"===a?"jn-absolute jn-inline-flex jn-right-5":"jn-absolute jn-inline-flex jn-right-3 jn-top-2",getClearIconStyles=a=>"hero"===a?"jn-mr-2.5":"jn-mr-2",getClearIconSize=a=>"hero"===a?"24":"18",SearchInput=a=>{let{value:h="",name:i="search",variant:j="default",disabled:k=!1,clear:l=!0,onSearch:b,onChange:c,onClick:d,onKeyPress:e,onClear:f,autoComplete:m="off",placeholder:n="Search\u2026",className:o="",...g}=a;const[p,q]=useState(h);useEffect(()=>{q(h)},[h]);const r=useCallback(a=>{q(a.target.value),c?.(a)},[c]),s=useCallback(a=>{"Enter"===a.key&&b&&b(p),e?.(a)},[b,e,p]),t=useCallback(a=>{b?.(p),d?.(a)},[b,d,p]),u=useCallback(a=>{q(""),f?.(a)},[f]);return React__default.createElement("div",{className:`juno-search-input-wrapper ${getWrapperStyles(j)} ${o}`,role:"search"},React__default.createElement(Stack,{gap:"2",alignment:"center"},React__default.createElement("input",{type:"search",name:i,placeholder:n,disabled:k,value:p,autoComplete:m,className:`juno-search-input ${getSearchStyles(j)}`,onChange:r,onKeyPress:s,...g}),React__default.createElement("div",{className:getIconWrapperStyles(j)},l&&0<p?.length&&(React__default.createElement(Icon,{icon:"close",size:getClearIconSize(j),title:"Clear",className:getClearIconStyles(j),onClick:u,disabled:k})),React__default.createElement(Icon,{icon:"search",title:"Search",onClick:t,disabled:k}))))};export{SearchInput as S};
@@ -1 +1 @@
1
- export{S as SearchInput}from"./SearchInput.component-CMboCbvO.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Stack.component-BNRLhyTo.js";
1
+ export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";
@@ -0,0 +1,40 @@
1
+ import React__default,{useState,useEffect,useId}from"react";import{T as Textarea}from"./Textarea.component-DgYR9jem.js";import{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";import{B as Button}from"./Button.component-liw0UuGT.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{L as Label}from"./Label.component-BYZfB1oK.js";const innerWrapperStyles=`
2
+ jn-relative
3
+ `,labelStyles=`
4
+ jn-pointer-events-none
5
+ jn-top-2
6
+ jn-left-[0.9375rem]
7
+ jn-pr-4
8
+ jn-bg-theme-textinput
9
+ jn-z-20
10
+ `,coverStyles=`
11
+ jn-absolute
12
+ jn-top-0
13
+ jn-left-0
14
+ jn-right-0
15
+ jn-bottom-0
16
+ jn-cursor-not-allowed
17
+ jn-backdrop-blur-[4px]
18
+ jn-bg-theme-background-lvl-2/30
19
+ jn-z-10
20
+ jn-flex
21
+ jn-justify-center
22
+ jn-items-center
23
+ `,copyConfirmMessageStyles=`
24
+ jn-bg-theme-background-lvl-1
25
+ jn-font-bold
26
+ jn-px-3
27
+ jn-py-1
28
+ jn-rounded
29
+ `,textareaStyles=`
30
+ jn-break-all
31
+ jn-min-h-[7.5rem]
32
+ `,hintStyles=``,actionStyles=`
33
+ jn-h-[1.875rem]
34
+ `,SecretText=a=>{let{autoComplete:f="off",className:g="",clear:h=!0,copy:i=!0,copyConfirmtext:j="Secret copied to clipboard.",disableClear:k=!1,disableCopy:l=!1,disabled:m=!1,disablePaste:n=!1,disableToggle:o=!1,errortext:p=void 0,helptext:q=void 0,id:r="",onBlur:s=void 0,onChange:t=void 0,onClear:u=void 0,onCopy:v=void 0,onFocus:w=void 0,onHide:x=void 0,onPaste:y=void 0,onReveal:z=void 0,onToggle:A=void 0,label:b,name:c,paste:B=!0,placeholder:C="",readOnly:D=!1,required:E=!1,reveal:F=!1,successtext:G=void 0,toggle:H=!0,valid:I=!1,invalid:d,value:J="",wrapperClassName:K="",...e}=a;const L=a=>"string"!=typeof a||0!==a.trim().length,M=r||(()=>"juno-secrettext-"+useId())(),[N,O]=useState(!1),[P,Q]=useState(""),[R,S]=useState(!1),[T,U]=useState(!1),V=React__default.useRef(null);useEffect(()=>{O(F)},[F]),useEffect(()=>{Q(J)},[J]);return React__default.createElement("div",{className:`
35
+ juno-secret-wrapper
36
+ ${K}
37
+ `},React__default.createElement("div",{className:`
38
+ juno-secret-wrapper-inner
39
+ ${innerWrapperStyles}
40
+ `},b&&L(b)?(React__default.createElement(Label,{className:`${labelStyles}`,htmlFor:M,text:b,disabled:m,required:E,floating:!0,minimized:!!(C||T||P&&P.length)})):"",R||!N?(React__default.createElement("div",{className:`juno-secret-cover ${coverStyles} `},R?(React__default.createElement("span",{className:`juno-secret-copyconfirmmessage ${copyConfirmMessageStyles}`},j)):"")):"",React__default.createElement(Textarea,{autoComplete:f,className:`juno-secret-textarea jn-font-mono ${textareaStyles} ${g}`,disabled:m,id:M,invalid:d,name:c,onBlur:a=>{U(!1),s&&s(a)},onChange:a=>{Q(a.target.value),t&&t(a)},onFocus:a=>{U(!0),w&&w(a)},placeholder:C,readOnly:D,valid:I,value:P,...e})),React__default.createElement(Stack,null,React__default.createElement("div",{className:"jn-grow"},p&&L(p)?(React__default.createElement(FormHint,{text:p,variant:"error",className:`${hintStyles}`})):"",G&&L(G)?(React__default.createElement(FormHint,{text:G,variant:"success",className:`${hintStyles}`})):"",q&&L(q)?React__default.createElement(FormHint,{text:q,className:`${hintStyles}`}):""),React__default.createElement(ButtonRow,{className:"jn-secret-actions jn-justify-self-end jn-mt-2"},h&&!D?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{Q(""),u&&u()},disabled:!!(m||k||!P.length)||void 0,title:"Clear"},"Clear")):"",H?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{N?x&&x():z&&z(),O(!N),A&&A()},title:N?"Hide":"Reveal",disabled:!!(m||o)||void 0},N?"Hide":"Reveal")):"",i?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.writeText(P||"").then(()=>{S(!0),clearTimeout(V.current||void 0),V.current=window.setTimeout(()=>S(!1),1e3),v&&v(P)}).catch(()=>{console.warn("Failed to read clipboard.")})},disabled:!!(m||l||!P.length)||void 0,title:"Copy"},"Copy")):"",B&&!D?(React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.readText().then(a=>{Q(a),y&&y(a)}).catch(()=>{console.warn("Failed to read clipboard.")})},title:"Paste",disabled:!!(m||n)||void 0},"Paste")):"")))};export{SecretText as S};
@@ -1,40 +1 @@
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
- jn-relative
3
- `,labelStyles=`
4
- jn-pointer-events-none
5
- jn-top-2
6
- jn-left-[0.9375rem]
7
- jn-pr-4
8
- jn-bg-theme-textinput
9
- jn-z-20
10
- `,coverStyles=`
11
- jn-absolute
12
- jn-top-0
13
- jn-left-0
14
- jn-right-0
15
- jn-bottom-0
16
- jn-cursor-not-allowed
17
- jn-backdrop-blur-[4px]
18
- jn-bg-theme-background-lvl-2/30
19
- jn-z-10
20
- jn-flex
21
- jn-justify-center
22
- jn-items-center
23
- `,copyConfirmMessageStyles=`
24
- jn-bg-theme-background-lvl-1
25
- jn-font-bold
26
- jn-px-3
27
- jn-py-1
28
- jn-rounded
29
- `,textareaStyles=`
30
- jn-break-all
31
- jn-min-h-[7.5rem]
32
- `,hintStyles=``,actionStyles=`
33
- jn-h-[1.875rem]
34
- `,SecretText=a=>{let{autoComplete:e="off",className:f="",clear:g=!0,copy:h=!0,copyConfirmtext:i="Secret copied to clipboard.",disableClear:j=!1,disableCopy:k=!1,disabled:l=!1,disablePaste:m=!1,disableToggle:n=!1,errortext:o=void 0,helptext:p=void 0,id:q="",onBlur:r=void 0,onChange:s=void 0,onClear:t=void 0,onCopy:u=void 0,onFocus:v=void 0,onHide:w=void 0,onPaste:x=void 0,onReveal:y=void 0,onToggle:z=void 0,label:b,paste:A=!0,placeholder:B="",readOnly:C=!1,required:D=!1,reveal:E=!1,successtext:F=void 0,toggle:G=!0,valid:H=!1,invalid:c,value:I="",wrapperClassName:J="",...d}=a;const K=a=>"string"!=typeof a||0!==a.trim().length,L=q||(()=>"juno-secrettext-"+useId())(),[M,N]=useState(!1),[O,P]=useState(""),[Q,R]=useState(!1),[S,T]=useState(!1),U=React__default.useRef(null);useEffect(()=>{N(E)},[E]),useEffect(()=>{P(I)},[I]);return React__default.createElement("div",{className:`
35
- juno-secret-wrapper
36
- ${J}
37
- `},React__default.createElement("div",{className:`
38
- juno-secret-wrapper-inner
39
- ${innerWrapperStyles}
40
- `},b&&K(b)?React__default.createElement(Label,{className:`${labelStyles}`,htmlFor:L,text:b,disabled:l,required:D,floating:!0,minimized:!!(B||S||O&&O.length)}):"",Q||!M?React__default.createElement("div",{className:`juno-secret-cover ${coverStyles} `},Q?React__default.createElement("span",{className:`juno-secret-copyconfirmmessage ${copyConfirmMessageStyles}`},i):""):"",React__default.createElement(Textarea,_extends({autoComplete:e,className:`juno-secret-textarea jn-font-mono ${textareaStyles} ${f}`,disabled:l,id:L,invalid:c,name:name,onBlur:a=>{T(!1),r&&r(a)},onChange:a=>{P(a.target.value),s&&s(a)},onFocus:a=>{T(!0),v&&v(a)},placeholder:B,readOnly:C,valid:H,value:O},d))),React__default.createElement(Stack,null,React__default.createElement("div",{className:"jn-grow"},o&&K(o)?React__default.createElement(FormHint,{text:o,variant:"error",className:`${hintStyles}`}):"",F&&K(F)?React__default.createElement(FormHint,{text:F,variant:"success",className:`${hintStyles}`}):"",p&&K(p)?React__default.createElement(FormHint,{text:p,className:`${hintStyles}`}):""),React__default.createElement(ButtonRow,{className:"jn-secret-actions jn-justify-self-end jn-mt-2"},g&&!C?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{P(""),t&&t()},disabled:!!(l||j||!O.length)||null,title:"Clear"},"Clear"):"",G?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{M?w&&w():y&&y(),N(!M),z&&z()},title:M?"Hide":"Reveal",disabled:!!(l||n)||null},M?"Hide":"Reveal"):"",h?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{navigator.clipboard.writeText(O||""),R(!0),clearTimeout(U.current),U.current=setTimeout(()=>R(!1),1e3),u&&u(O)},disabled:!!(l||k||!O.length)||null,title:"Copy"},"Copy"):"",A&&!C?React__default.createElement(Button,{size:"small",className:`${actionStyles}`,onClick:()=>{try{navigator.clipboard.readText().then(a=>{P(a),x&&x(a)})}catch(a){console.warn("Failed to read clipboard.")}},title:"Paste",disabled:!!(l||m)||null},"Paste"):"")))};SecretText.propTypes={autoComplete:PropTypes.string,className:PropTypes.string,clear:PropTypes.bool,copy:PropTypes.bool,copyConfirmtext:PropTypes.string,disableClear:PropTypes.bool,disableCopy:PropTypes.bool,disabled:PropTypes.bool,disablePaste:PropTypes.bool,disableToggle:PropTypes.bool,errortext:PropTypes.string,helptext:PropTypes.string,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,name:PropTypes.string,onBlur:PropTypes.func,onChange:PropTypes.func,onClear:PropTypes.func,onCopy:PropTypes.func,onFocus:PropTypes.func,onHide:PropTypes.func,onPaste:PropTypes.func,onReveal:PropTypes.func,onToggle:PropTypes.func,paste:PropTypes.bool,placeholder:PropTypes.string,readOnly:PropTypes.bool,required:PropTypes.bool,reveal:PropTypes.bool,successtext:PropTypes.string,toggle:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,wrapperClassName:PropTypes.string};export{SecretText};
1
+ export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";import"react";import"./Textarea.component-DgYR9jem.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./ButtonRow.component-CzhKhK_N.js";import"./Stack.component-Pe-1jf3W.js";import"./Button.component-liw0UuGT.js";import"./Spinner.component-CO095KvL.js";
@@ -0,0 +1,64 @@
1
+ import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
2
+ jn-no-wrap
3
+ jn-pointer-events-none
4
+ jn-top-2
5
+ jn-left-4
6
+ `,toggleStyles=`
7
+ jn-appearance-none
8
+ jn-h-[2.375rem]
9
+ jn-inline-flex
10
+ jn-items-center
11
+ jn-px-4
12
+ jn-rounded-3px
13
+ jn-select-none
14
+ jn-text-base
15
+ focus:jn-outline-none
16
+ focus:jn-ring-2
17
+ focus:jn-ring-theme-focus
18
+ `,validToggleStyles=`
19
+ jn-border
20
+ jn-border-theme-success
21
+ `,invalidToggleStyles=`
22
+ jn-border
23
+ jn-border-theme-error
24
+ `,centeredIconStyles=`
25
+ jn-absolute
26
+ jn-top-1/2
27
+ jn-left-1/2
28
+ jn-translate-y-[-50%]
29
+ jn-translate-x-[-0.75rem]
30
+ `,menuStyles=`
31
+ jn-rounded
32
+ jn-bg-theme-background-lvl-1
33
+ jn-w-full
34
+ jn-overflow-y-auto
35
+ `,truncateStyles=`
36
+ jn-block
37
+ jn-h-6
38
+ jn-overflow-hidden
39
+ jn-text-ellipsis
40
+ jn-whitespace-nowrap
41
+ `,SelectContext=createContext(void 0),Select=a=>{function b(a){if(u)return U(a)||i||a.join(", ")||v;else{const b=G.get(a);return b?b.displayName||i||a||v:i||a||v}}let{ariaLabel:k="",children:l=null,className:m="",defaultValue:c,disabled:n=!1,error:o=!1,errortext:p="",helptext:q="",id:r="",invalid:s=!1,label:d,loading:t=!1,multiple:u=!1,name:e,onChange:f,onValueChange:g,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:h,valueLabel:i,variant:A="default",width:B="full",wrapperClassName:C="",...j}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=r||(()=>"juno-select-"+useId())(),F="juno-select-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(!1),[K,L]=useState(!1),[M,N]=useState(!1),[O,P]=useState(!1),Q=useMemo(()=>s||!!(p&&D(p)),[s,p]),R=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{J(o)},[o]),useEffect(()=>{L(Q)},[Q]),useEffect(()=>{N(R)},[R]),useEffect(()=>{P(t)},[t]);const S=usePortalRef(),T=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}}),shift()],U=a=>{const b=a=>{const b=G.get(a);if(b)return b.displayName?.length?b.displayName:null},c=a.map(a=>b(a)).filter(a=>a&&0<a.toString().trim().length);return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a}))}}},React__default.createElement("div",{className:`
42
+ juno-select-wrapper
43
+ jn-relative
44
+ ${"auto"==B?"jn-inline-block":"jn-block"}
45
+ ${"auto"==B?"jn-w-auto":"jn-w-full"}
46
+ ${C}
47
+ `},React__default.createElement(It,{disabled:n||O||I,multiple:u,name:e,onChange:a=>{f&&f(a),g&&g(a)},value:h,defaultValue:c},d&&D(d)?(React__default.createElement(It.Label,{as:Label,htmlFor:E,text:d,className:`${labelStyles}`,disabled:n||O||I,required:w,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:T},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,{"aria-describedby":q?F:"","aria-label":k||d,as:"button",id:E,className:`
48
+ juno-select-toggle
49
+ ${A&&A.length?"juno-select-toggle-"+A:"juno-select-toggle-default"}
50
+ ${"auto"==B?"jn-w-auto":"jn-w-full"}
51
+ ${toggleStyles}
52
+ ${d&&D(d)?"jn-pt-[0.4rem]":""}
53
+ ${n?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":""}
54
+ ${O||I?"jn-justify-center":"jn-justify-between"}
55
+ ${K?"juno-select-invalid "+invalidToggleStyles:""}
56
+ ${M?"juno-select-valid "+validToggleStyles:""}
57
+
58
+ ${O?"juno-select-loading jn-cursor-not-allowed":""}
59
+ ${I?"juno-select-error jn-cursor-not-allowed":""}
60
+ ${m}
61
+ `,...j},a=>{let{open:c,value:d}=a;return I||O?(React__default.createElement("span",{className:`${centeredIconStyles}`},I?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):O?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:`${truncateStyles}`},b(d)),React__default.createElement("span",{className:"jn-flex"},M?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",K?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:`
62
+ juno-select-menu
63
+ ${menuStyles}
64
+ `},l)),S?S:document.body))),p&&D(p)?React__default.createElement(FormHint,{text:p,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",q&&D(q)?React__default.createElement(FormHint,{text:q,id:F}):""))};export{Select as S,SelectContext as a};
package/build/Select.js CHANGED
@@ -1 +1 @@
1
- export{S as Select}from"./Select.component-zF_9SDqa.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-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.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-B61pnCf7.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -0,0 +1,42 @@
1
+ import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-B61pnCf7.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{I as It}from"./listbox-CbPsJ3A1.js";const optionStyles=`
2
+ jn-flex
3
+ jn-pt-[0.6875rem]
4
+ jn-pb-[0.5rem]
5
+ jn-pr-[0.875rem]
6
+ jn-select-none
7
+ data-[headlessui-state=active]:jn-outline-none
8
+ data-[headlessui-state=active]:jn-ring-2
9
+ data-[headlessui-state=active]:jn-ring-inset
10
+ data-[headlessui-state=active]:jn-ring-theme-focus
11
+ data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
12
+ `,unselectedOptionStyles=`
13
+ jn-text-theme-default
14
+ jn-pl-[2.375rem]
15
+ `,selectedOptionStyles=`
16
+ jn-text-theme-accent
17
+ jn-pl-3.5
18
+ `,selectedIconStyles=`
19
+ jn-inline-block
20
+ jn-mr-1.5
21
+ jn-overflow-auto
22
+ `,disabledOptionLabelStyles=`
23
+ jn-opacity-50
24
+ jn-cursor-not-allowed
25
+ `,truncateOptionStyles=`
26
+ jn-block
27
+ jn-h-6
28
+ jn-overflow-hidden
29
+ jn-text-ellipsis
30
+ jn-whitespace-nowrap
31
+ `,SelectOption=a=>{let{children:b,className:e="",disabled:f=!1,value:g="",label:c,...d}=a;const h=useContext(SelectContext),{truncateOptions:i,addOptionValueAndLabel:j}=h||{truncateOptions:!1,addOptionValueAndLabel:()=>{}};return useEffect(()=>{j(g,c,b)},[g,c,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:g||b},a=>{let{selected:h}=a;return React__default.createElement("li",{className:`
32
+ juno-select-option
33
+ jn-min-h-[2.5rem]
34
+ ${optionStyles}
35
+ ${h?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles}
36
+ ${f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":""}
37
+ ${i?"juno-select-option-truncate":""}
38
+ ${e}
39
+ `,...d},h?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:`
40
+ ${f?disabledOptionLabelStyles:""}
41
+ ${i?truncateOptionStyles:""}
42
+ `},b||c||g))}))};export{SelectOption as S};
@@ -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-zF_9SDqa.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-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.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
+ export{S as SelectOption}from"./SelectOption.component-GxWRy28M.js";import"react";import"./Select.component-B61pnCf7.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./FormHint.component-C7TZlbwG.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-CVldWJIG.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const labelStyles=`
2
2
  jn-no-wrap
3
3
  jn-pointer-events-none
4
4
  jn-top-2
@@ -61,4 +61,4 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
61
61
  `},i),a=>{let{open:b,value:c}=a;return H||N?React__default.createElement("span",{className:`${centeredIconStyles}`},H?React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"}):N?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):""):React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:`${truncateStyles}`},t?T(c)||h||c.join(", ")||u:F.get(c)?.displayName||h||c||u),React__default.createElement("span",{className:"jn-flex"},L?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",J?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"}))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:`
62
62
  juno-select-menu
63
63
  ${menuStyles}
64
- `},k)),R?R:document.body))),o&&C(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",w&&C(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",p&&C(p)?React__default.createElement(FormHint,{text:p,id:E}):""))},valuePropType=a=>{const{multiple:b,value:c}=a;if(c){if(b&&!Array.isArray(c))return new Error("Invalid prop value supplied to Select component: Pass an array when using as a multi-select.");if(!b&&"string"!=typeof c)return new Error("Invalid prop value supplied to Select component: Pass a string when using as single select.")}};Select.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,multiple:PropTypes.bool,name:PropTypes.string,onChange:PropTypes.func,onValueChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:valuePropType,valueLabel:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};export{Select as S,SelectContext as a};
64
+ `},k)),R?R:document.body))),o&&C(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",w&&C(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",p&&C(p)?React__default.createElement(FormHint,{text:p,id:E}):""))},valuePropType=a=>{const{multiple:b,value:c}=a;if(c){if(b&&!Array.isArray(c))return new Error("Invalid prop value supplied to Select component: Pass an array when using as a multi-select.");if(!b&&"string"!=typeof c)return new Error("Invalid prop value supplied to Select component: Pass a string when using as single select.")}};Select.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,multiple:PropTypes.bool,name:PropTypes.string,onChange:PropTypes.func,onValueChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:valuePropType,valueLabel:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S,SelectContext as a,Select as b};
@@ -1 +1 @@
1
- export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Select.component-DNPTrdQs.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
1
+ export{S as SelectRow}from"./SelectRow.component-DKK8MJOk.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-OkQblu_q.js";
@@ -0,0 +1 @@
1
+ import ReactDOM__default from"react-dom";import React__default,{useRef,useState}from"react";const ShadowRoot=a=>{let{mode:b="open",delegatesFocus:c=!1,children:d=null}=a;const e=useRef(null),[f,g]=useState();return React__default.useEffect(()=>{e.current&&g(e.current.attachShadow({delegatesFocus:c,mode:b}))},[]),(React__default.createElement("div",{ref:e,"data-shadow-host":"true",style:{height:"100%"}},f&&ReactDOM__default.createPortal(d,f)))};export{ShadowRoot as S};
@@ -1 +1 @@
1
- export{S as ShadowRoot}from"./ShadowRoot.component-DZn4gLKB.js";import"react-dom";import"react";
1
+ export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";import"react-dom";import"react";
@@ -0,0 +1,4 @@
1
+ import React__default from"react";import{N as Navigation}from"./Navigation.component-DaabNHev.js";const sideNavStyles=`
2
+ jn-min-w-[7.5rem]
3
+ jn-max-w-[20rem]
4
+ `,SideNavigation=a=>{let{activeItem:e="",ariaLabel:b,children:f=null,className:g="",disabled:h=!1,onActiveItemChange:c,...d}=a;return React__default.createElement(Navigation,{activeItem:e,ariaLabel:b,className:`juno-sidenavigation ${sideNavStyles} ${g}`,disabled:h,onActiveItemChange:c,...d},f)};export{SideNavigation as S};
@@ -1 +1 @@
1
- export{S as SideNavigation}from"./SideNavigation.component-D9A0_YjX.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Navigation.component-Q2fi8-qR.js";
1
+ export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";import"react";import"./Navigation.component-DaabNHev.js";