@cloudoperators/juno-ui-components 2.33.0 → 2.34.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 (228) hide show
  1. package/build/AppIntro.component-91Jmkg84.js +6 -0
  2. package/build/AppIntro.js +1 -1
  3. package/build/AppShellProvider.component-BjmVKqm3.js +1 -0
  4. package/build/AppShellProvider.js +1 -1
  5. package/build/{combobox-JmdrroKh.js → ComboBox.component-C_o5JV1E.js} +116 -2
  6. package/build/ComboBox.js +1 -1
  7. package/build/ComboBoxOption.component-eoxGAIUR.js +39 -0
  8. package/build/ComboBoxOption.js +1 -39
  9. package/build/ContentHeading.component-PfFZgbyn.js +6 -0
  10. package/build/ContentHeading.js +1 -1
  11. package/build/{ContextMenu.component-B24LaAwt.js → ContextMenu.component-DlJ1uBM8.js} +2 -2
  12. package/build/ContextMenu.js +1 -1
  13. package/build/{DataListCheckboxCell.component-BXti2wK7.js → DataListCheckboxCell.component-DW-8rAEg.js} +1 -1
  14. package/build/DataListCheckboxCell.js +1 -1
  15. package/build/{DataListRow.component-RvjQ652d.js → DataListRow.component-D1aTHdBf.js} +1 -1
  16. package/build/DataListRow.js +1 -1
  17. package/build/DateTimePicker.component-7SGTFaqc.js +59 -0
  18. package/build/DateTimePicker.js +1 -1
  19. package/build/{FilterInput.component-CBfEzQ3x.js → FilterInput.component-QgiC1wRg.js} +1 -1
  20. package/build/FilterInput.js +1 -1
  21. package/build/{FilterPill.component-C9YwMkKe.js → FilterPill.component-SegGevVb.js} +1 -1
  22. package/build/FilterPill.js +1 -1
  23. package/build/{Filters.component-Cu8sV-IL.js → Filters.component-CfG9WSqS.js} +1 -1
  24. package/build/Filters.js +1 -1
  25. package/build/{Icon.component-BVkaZqpA.js → Icon.component-DGyhPa1P.js} +1 -1
  26. package/build/Modal.component-B7pUHHA6.js +31 -0
  27. package/build/Modal.js +1 -31
  28. package/build/Pagination.component-D5sXkuw6.js +5 -0
  29. package/build/Pagination.js +1 -5
  30. package/build/Panel.component-Z0UKil-U.js +33 -0
  31. package/build/Panel.js +1 -33
  32. package/build/PanelBody.component-CbwJTG-C.js +4 -0
  33. package/build/PanelBody.js +1 -4
  34. package/build/PanelFooter.component-C5-ea5YD.js +11 -0
  35. package/build/PanelFooter.js +1 -11
  36. package/build/{Select.component-B61pnCf7.js → Select.component-BlpCRnuM.js} +3 -3
  37. package/build/Select.js +1 -1
  38. package/build/{SelectOption.component-GxWRy28M.js → SelectOption.component-C7NysL8S.js} +1 -1
  39. package/build/SelectOption.js +1 -1
  40. package/build/{SelectRow.component-DKK8MJOk.js → SelectRow.component-DhPz6KOs.js} +4 -4
  41. package/build/SelectRow.js +1 -1
  42. package/build/StyleProvider.component-bYqFN-bx.js +1 -0
  43. package/build/StyleProvider.js +1 -1
  44. package/build/{SwitchRow.component-CmboUtfc.js → SwitchRow.component-BeG5g1_U.js} +1 -1
  45. package/build/SwitchRow.js +1 -1
  46. package/build/{TextInput.component-CkNlIlj0.js → TextInput.component-Bh7t1tSB.js} +1 -1
  47. package/build/{TextInputRow.component-fXXdeFjF.js → TextInputRow.component-D7NCrZz7.js} +1 -1
  48. package/build/TextInputRow.js +1 -1
  49. package/build/{TextareaRow.component-DcyMqrAg.js → TextareaRow.component-ClRuP_M4.js} +1 -1
  50. package/build/TextareaRow.js +1 -1
  51. package/build/{ThemeToggle.component-C15TCL63.js → ThemeToggle.component-BqqY9D8j.js} +2 -2
  52. package/build/ThemeToggle.js +1 -1
  53. package/build/{Tooltip.component-AWJGzfXT.js → Tooltip.component-Bjg6qJkQ.js} +1 -1
  54. package/build/Tooltip.js +1 -1
  55. package/build/{TooltipContent.component-Go8u2Bz4.js → TooltipContent.component-CU4HX5GI.js} +1 -1
  56. package/build/TooltipContent.js +1 -1
  57. package/build/{TooltipTrigger.component-CYpGzL4I.js → TooltipTrigger.component-Bs5zgkGw.js} +1 -1
  58. package/build/TooltipTrigger.js +1 -1
  59. package/build/{_commonjsHelpers-BxGi5vpY.js → _commonjsHelpers-BXRXMh56.js} +1 -1
  60. package/build/components/AppBody/AppBody.component.d.ts +2 -2
  61. package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
  62. package/build/components/AppIntro/AppIntro.component.d.ts +11 -0
  63. package/build/components/AppIntro/AppIntro.component.d.ts.map +1 -0
  64. package/build/components/AppIntro/index.d.ts +2 -0
  65. package/build/components/AppIntro/index.d.ts.map +1 -0
  66. package/build/components/AppShell/AppShell.component.d.ts +2 -2
  67. package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
  68. package/build/components/AppShellProvider/AppShellProvider.component.d.ts +1 -1
  69. package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
  70. package/build/components/AppShellProvider/index.d.ts +2 -0
  71. package/build/components/AppShellProvider/index.d.ts.map +1 -0
  72. package/build/components/Badge/Badge.component.d.ts +1 -1
  73. package/build/components/Badge/Badge.component.d.ts.map +1 -1
  74. package/build/components/Box/Box.component.d.ts +1 -1
  75. package/build/components/Box/Box.component.d.ts.map +1 -1
  76. package/build/components/Breadcrumb/Breadcrumb.component.d.ts +1 -1
  77. package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
  78. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +1 -5
  79. package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
  80. package/build/components/Button/Button.component.d.ts +3 -3
  81. package/build/components/Button/Button.component.d.ts.map +1 -1
  82. package/build/components/ButtonRow/ButtonRow.component.d.ts +2 -2
  83. package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
  84. package/build/components/Checkbox/Checkbox.component.d.ts +2 -2
  85. package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
  86. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +2 -2
  87. package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
  88. package/build/components/CodeBlock/CodeBlock.component.d.ts +2 -2
  89. package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
  90. package/build/components/ComboBox/ComboBox.component.d.ts +1 -1
  91. package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
  92. package/build/components/Container/Container.component.d.ts +2 -2
  93. package/build/components/Container/Container.component.d.ts.map +1 -1
  94. package/build/components/ContentContainer/ContentContainer.component.d.ts +5 -0
  95. package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
  96. package/build/components/ContentHeading/ContentHeading.component.d.ts +8 -0
  97. package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
  98. package/build/components/DataGrid/DataGrid.component.d.ts +2 -2
  99. package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
  100. package/build/components/DataGridCell/DataGridCell.component.d.ts +3 -3
  101. package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
  102. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +2 -2
  103. package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
  104. package/build/components/DataGridFoot/DataGridFoot.component.d.ts +2 -2
  105. package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
  106. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +1 -1
  107. package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
  108. package/build/components/DataGridRow/DataGridRow.component.d.ts +1 -1
  109. package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
  110. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +2 -2
  111. package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
  112. package/build/components/DateTimePicker/DateTimePicker.component.d.ts +159 -0
  113. package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -0
  114. package/build/components/DateTimePicker/index.d.ts +2 -0
  115. package/build/components/DateTimePicker/index.d.ts.map +1 -0
  116. package/build/components/FormHint/FormHint.component.d.ts +1 -1
  117. package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
  118. package/build/components/FormattedText/FormattedText.component.d.ts +2 -8
  119. package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
  120. package/build/components/Icon/Icon.component.d.ts +3 -3
  121. package/build/components/Icon/Icon.component.d.ts.map +1 -1
  122. package/build/components/InputGroup/InputGroup.component.d.ts +1 -1
  123. package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
  124. package/build/components/IntroBox/IntroBox.component.d.ts +2 -2
  125. package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
  126. package/build/components/JsonViewer/JsonViewer.component.d.ts +1 -1
  127. package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
  128. package/build/components/Label/Label.component.d.ts +1 -1
  129. package/build/components/Label/Label.component.d.ts.map +1 -1
  130. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +1 -1
  131. package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
  132. package/build/components/MainContainer/MainContainer.component.d.ts +2 -2
  133. package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
  134. package/build/components/MainContainerInner/MainContainerInner.component.d.ts +2 -2
  135. package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
  136. package/build/components/MainTabs/MainTabs.component.d.ts +2 -2
  137. package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
  138. package/build/components/Menu/Menu.component.d.ts +1 -1
  139. package/build/components/Menu/Menu.component.d.ts.map +1 -1
  140. package/build/components/MenuItem/MenuItem.component.d.ts +1 -1
  141. package/build/components/MenuItem/MenuItem.component.d.ts.map +1 -1
  142. package/build/components/MenuSection/MenuSection.component.d.ts +1 -1
  143. package/build/components/MenuSection/MenuSection.component.d.ts.map +1 -1
  144. package/build/components/Message/Message.component.d.ts +1 -5
  145. package/build/components/Message/Message.component.d.ts.map +1 -1
  146. package/build/components/Modal/Modal.component.d.ts +3 -3
  147. package/build/components/Modal/Modal.component.d.ts.map +1 -1
  148. package/build/components/ModalFooter/ModalFooter.component.d.ts +3 -3
  149. package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
  150. package/build/components/Navigation/Navigation.component.d.ts +2 -2
  151. package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
  152. package/build/components/NavigationItem/NavigationItem.component.d.ts +2 -2
  153. package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
  154. package/build/components/PageFooter/PageFooter.component.d.ts +2 -2
  155. package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
  156. package/build/components/PageHeader/PageHeader.component.d.ts +2 -2
  157. package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
  158. package/build/components/Pill/Pill.component.d.ts +1 -1
  159. package/build/components/Pill/Pill.component.d.ts.map +1 -1
  160. package/build/components/Radio/Radio.component.d.ts +2 -2
  161. package/build/components/Radio/Radio.component.d.ts.map +1 -1
  162. package/build/components/RadioGroup/RadioGroup.component.d.ts +2 -2
  163. package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
  164. package/build/components/Select/Select.component.d.ts +1 -1
  165. package/build/components/Select/Select.component.d.ts.map +1 -1
  166. package/build/components/SelectDivider/SelectDivider.component.d.ts +1 -1
  167. package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
  168. package/build/components/SelectOption/SelectOption.component.d.ts +2 -2
  169. package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
  170. package/build/components/ShadowRoot/ShadowRoot.component.d.ts +1 -1
  171. package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
  172. package/build/components/SideNavigation/SideNavigation.component.d.ts +2 -2
  173. package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
  174. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +2 -2
  175. package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
  176. package/build/components/Spinner/Spinner.component.d.ts +3 -3
  177. package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
  178. package/build/components/Stack/Stack.component.d.ts +3 -3
  179. package/build/components/Stack/Stack.component.d.ts.map +1 -1
  180. package/build/components/Switch/Switch.component.d.ts +1 -1
  181. package/build/components/Switch/Switch.component.d.ts.map +1 -1
  182. package/build/components/TabList/TabList.component.d.ts +1 -1
  183. package/build/components/TabList/TabList.component.d.ts.map +1 -1
  184. package/build/components/TabNavigation/TabNavigation.component.d.ts +2 -2
  185. package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
  186. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +2 -2
  187. package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
  188. package/build/components/TabPanel/TabPanel.component.d.ts +2 -1
  189. package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
  190. package/build/components/TextInput/TextInput.component.d.ts +1 -1
  191. package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
  192. package/build/components/Textarea/Textarea.component.d.ts +3 -3
  193. package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
  194. package/build/components/ThemeToggle/ThemeToggle.component.d.ts +31 -0
  195. package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -0
  196. package/build/components/ThemeToggle/index.d.ts +2 -0
  197. package/build/components/ThemeToggle/index.d.ts.map +1 -0
  198. package/build/components/Toast/Toast.component.d.ts +2 -4
  199. package/build/components/Toast/Toast.component.d.ts.map +1 -1
  200. package/build/components/Tooltip/Tooltip.component.d.ts +6 -7
  201. package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
  202. package/build/components/Tooltip/useTooltip.d.ts +4 -4
  203. package/build/components/TooltipContent/TooltipContent.component.d.ts +1 -1
  204. package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
  205. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +1 -1
  206. package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
  207. package/build/components/TopNavigation/TopNavigation.component.d.ts +2 -2
  208. package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
  209. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +2 -2
  210. package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
  211. package/build/floating-ui.react-dom-DFre3-Br.js +1 -0
  212. package/build/headlessui-float-n1IxyQhp.js +15 -0
  213. package/build/hooks/useEndlessScrollList.d.ts +1 -1
  214. package/build/hooks/useEndlessScrollList.d.ts.map +1 -1
  215. package/build/hooks/useEndlessScrollList.js +2 -2
  216. package/build/index.js +3 -352
  217. package/package.json +68 -68
  218. package/build/AppIntro.component-BnwrDrke.js +0 -6
  219. package/build/AppShellProvider.component-Be1Q5mjZ.js +0 -1
  220. package/build/ComboBox.component-CVfbabwk.js +0 -115
  221. package/build/ContentHeading.component-iyxxB3V8.js +0 -6
  222. package/build/DateTimePicker.component-BysBjc0a.js +0 -59
  223. package/build/PortalProvider.component-B2hXHP-c.js +0 -1
  224. package/build/StyleProvider.component-CqbWBDF7.js +0 -1
  225. package/build/floating-ui.react-dom-Bx8TUz-v.js +0 -1
  226. package/build/focus-trap-react-QYyPJKV2.js +0 -1
  227. package/build/headlessui-float-BQHnLFxQ.js +0 -10
  228. package/build/ibm-plex-DkmjUb78.js +0 -1
@@ -1,11 +1 @@
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};
1
+ export{P as PanelFooter}from"./PanelFooter.component-C5-ea5YD.js";import"react";
@@ -1,4 +1,4 @@
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=`
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{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DFre3-Br.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
2
  jn-no-wrap
3
3
  jn-pointer-events-none
4
4
  jn-top-2
@@ -44,7 +44,7 @@ import React__default,{createContext,useId,useState,useMemo,useEffect}from"react
44
44
  ${"auto"==B?"jn-inline-block":"jn-block"}
45
45
  ${"auto"==B?"jn-w-auto":"jn-w-full"}
46
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:`
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(Sr,{composable:!0,adaptiveWidth:!0,middleware:T},React__default.createElement(Sr.Reference,null,React__default.createElement(It.Button,{"aria-describedby":q?F:"","aria-label":k||d,as:"button",id:E,className:`
48
48
  juno-select-toggle
49
49
  ${A&&A.length?"juno-select-toggle-"+A:"juno-select-toggle-default"}
50
50
  ${"auto"==B?"jn-w-auto":"jn-w-full"}
@@ -58,7 +58,7 @@ import React__default,{createContext,useId,useState,useMemo,useEffect}from"react
58
58
  ${O?"juno-select-loading jn-cursor-not-allowed":""}
59
59
  ${I?"juno-select-error jn-cursor-not-allowed":""}
60
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:`
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(Sr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:`
62
62
  juno-select-menu
63
63
  ${menuStyles}
64
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-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";
1
+ export{S as Select}from"./Select.component-BlpCRnuM.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-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.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 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=`
1
+ import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-BlpCRnuM.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{I as It}from"./listbox-CbPsJ3A1.js";const optionStyles=`
2
2
  jn-flex
3
3
  jn-pt-[0.6875rem]
4
4
  jn-pb-[0.5rem]
@@ -1 +1 @@
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
+ export{S as SelectOption}from"./SelectOption.component-C7NysL8S.js";import"react";import"./Select.component-BlpCRnuM.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-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.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";import{w as withDeprecationWarning,F as FormRow}from"./FormRow.component-OkQblu_q.js";const labelStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useState,useEffect,useRef,createContext,useId,useMemo}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-DGyhPa1P.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{S as Sr}from"./headlessui-float-n1IxyQhp.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DFre3-Br.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 DEFAULT_PORTAL_ROOT_ID="juno-portal-root",PortalContext=createContext(),portalRootStyles={position:"absolute",top:"0",left:"0",zIndex:"9999"},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.propTypes={children:PropTypes.node};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(),[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,Portal.displayName="PortalProvider.Portal",PortalProvider.propTypes={className:PropTypes.string,id:PropTypes.string,children:PropTypes.node},PortalProvider.Portal.propTypes={children:PropTypes.node};const labelStyles=`
2
2
  jn-no-wrap
3
3
  jn-pointer-events-none
4
4
  jn-top-2
@@ -44,7 +44,7 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
44
44
  ${"auto"==A?"jn-inline-block":"jn-block"}
45
45
  ${"auto"==A?"jn-w-auto":"jn-w-full"}
46
46
  ${B}
47
- `},React__default.createElement(It,{disabled:m||N||H,multiple:t,name:d,onChange:a=>{e&&e(a||""),f&&f(a||"")},value:g,defaultValue:b},c&&C(c)?React__default.createElement(It.Label,{as:Label,htmlFor:D,text:c,className:`${labelStyles}`,disabled:m||N||H,required:v,floating:!0,minimized:!0}):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:S},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,_extends({"aria-describedby":p?E:"","aria-label":j||c,as:"button",id:D,className:`
47
+ `},React__default.createElement(It,{disabled:m||N||H,multiple:t,name:d,onChange:a=>{e&&e(a||""),f&&f(a||"")},value:g,defaultValue:b},c&&C(c)?React__default.createElement(It.Label,{as:Label,htmlFor:D,text:c,className:`${labelStyles}`,disabled:m||N||H,required:v,floating:!0,minimized:!0}):"",React__default.createElement(Sr,{composable:!0,adaptiveWidth:!0,middleware:S},React__default.createElement(Sr.Reference,null,React__default.createElement(It.Button,_extends({"aria-describedby":p?E:"","aria-label":j||c,as:"button",id:D,className:`
48
48
  juno-select-toggle
49
49
  ${z&&z.length?"juno-select-toggle-"+z:"juno-select-toggle-default"}
50
50
  ${"auto"==A?"jn-w-auto":"jn-w-full"}
@@ -58,7 +58,7 @@ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React_
58
58
  ${N?"juno-select-loading jn-cursor-not-allowed":""}
59
59
  ${H?"juno-select-error jn-cursor-not-allowed":""}
60
60
  ${l}
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:`
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(Sr.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};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};
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};
@@ -1 +1 @@
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";
1
+ export{S as SelectRow}from"./SelectRow.component-DhPz6KOs.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-OkQblu_q.js";