@cloudoperators/juno-ui-components 2.32.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.
- package/build/AppIntro.component-91Jmkg84.js +6 -0
- package/build/AppIntro.js +1 -1
- package/build/AppShell.component-Hk_XAW1E.js +1 -0
- package/build/AppShell.js +1 -1
- package/build/AppShellProvider.component-BjmVKqm3.js +1 -0
- package/build/AppShellProvider.js +1 -1
- package/build/{combobox-JmdrroKh.js → ComboBox.component-C_o5JV1E.js} +116 -2
- package/build/ComboBox.js +1 -1
- package/build/ComboBoxOption.component-eoxGAIUR.js +39 -0
- package/build/ComboBoxOption.js +1 -39
- package/build/ContentAreaToolbar.component-HPXE3xVK.js +8 -0
- package/build/ContentAreaToolbar.js +1 -1
- package/build/ContentContainer.component-8A2F9nlM.js +8 -0
- package/build/ContentContainer.js +1 -1
- package/build/{ContentHeading.component-bhh41uEk.js → ContentHeading.component-PfFZgbyn.js} +2 -2
- package/build/ContentHeading.js +1 -1
- package/build/{ContextMenu.component-B24LaAwt.js → ContextMenu.component-DlJ1uBM8.js} +2 -2
- package/build/ContextMenu.js +1 -1
- package/build/{DataListCheckboxCell.component-BXti2wK7.js → DataListCheckboxCell.component-DW-8rAEg.js} +1 -1
- package/build/DataListCheckboxCell.js +1 -1
- package/build/{DataListRow.component-RvjQ652d.js → DataListRow.component-D1aTHdBf.js} +1 -1
- package/build/DataListRow.js +1 -1
- package/build/DateTimePicker.component-7SGTFaqc.js +59 -0
- package/build/DateTimePicker.js +1 -1
- package/build/{FilterInput.component-CBfEzQ3x.js → FilterInput.component-QgiC1wRg.js} +1 -1
- package/build/FilterInput.js +1 -1
- package/build/{FilterPill.component-C9YwMkKe.js → FilterPill.component-SegGevVb.js} +1 -1
- package/build/FilterPill.js +1 -1
- package/build/{Filters.component-Cu8sV-IL.js → Filters.component-CfG9WSqS.js} +1 -1
- package/build/Filters.js +1 -1
- package/build/FormRow.component-OkQblu_q.js +3 -0
- package/build/HeaderContainer.component-CWj3SLQY.js +13 -0
- package/build/HeaderContainer.js +1 -0
- package/build/{Icon.component-BVkaZqpA.js → Icon.component-DGyhPa1P.js} +1 -1
- package/build/Modal.component-B7pUHHA6.js +31 -0
- package/build/Modal.js +1 -31
- package/build/Pagination.component-D5sXkuw6.js +5 -0
- package/build/Pagination.js +1 -1
- package/build/Panel.component-Z0UKil-U.js +33 -0
- package/build/Panel.js +1 -1
- package/build/PanelBody.component-CbwJTG-C.js +4 -0
- package/build/PanelBody.js +1 -1
- package/build/PanelFooter.component-C5-ea5YD.js +11 -0
- package/build/PanelFooter.js +1 -1
- package/build/{Select.component-CwIj9-lM.js → Select.component-BlpCRnuM.js} +3 -3
- package/build/Select.js +1 -1
- package/build/SelectOption.component-C7NysL8S.js +42 -0
- package/build/SelectOption.js +1 -42
- package/build/{Select.component-DNPTrdQs.js → SelectRow.component-DhPz6KOs.js} +4 -4
- package/build/SelectRow.js +1 -1
- package/build/StyleProvider.component-bYqFN-bx.js +1 -0
- package/build/StyleProvider.js +1 -1
- package/build/{SwitchRow.component-BNceFC47.js → SwitchRow.component-BeG5g1_U.js} +1 -1
- package/build/SwitchRow.js +1 -1
- package/build/{TextInput.component-CkNlIlj0.js → TextInput.component-Bh7t1tSB.js} +1 -1
- package/build/TextInputRow.component-D7NCrZz7.js +1 -0
- package/build/TextInputRow.js +1 -1
- package/build/{TextareaRow.component-DSJ_PFIw.js → TextareaRow.component-ClRuP_M4.js} +1 -1
- package/build/TextareaRow.js +1 -1
- package/build/{ThemeToggle.component-CNb4Nbso.js → ThemeToggle.component-BqqY9D8j.js} +2 -2
- package/build/ThemeToggle.js +1 -1
- package/build/{Tooltip.component-AWJGzfXT.js → Tooltip.component-Bjg6qJkQ.js} +1 -1
- package/build/Tooltip.js +1 -1
- package/build/{TooltipContent.component-Go8u2Bz4.js → TooltipContent.component-CU4HX5GI.js} +1 -1
- package/build/TooltipContent.js +1 -1
- package/build/{TooltipTrigger.component-CYpGzL4I.js → TooltipTrigger.component-Bs5zgkGw.js} +1 -1
- package/build/TooltipTrigger.js +1 -1
- package/build/{_commonjsHelpers-BxGi5vpY.js → _commonjsHelpers-BXRXMh56.js} +1 -1
- package/build/components/AppBody/AppBody.component.d.ts +2 -2
- package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
- package/build/components/AppIntro/AppIntro.component.d.ts +11 -0
- package/build/components/AppIntro/AppIntro.component.d.ts.map +1 -0
- package/build/components/AppIntro/index.d.ts +2 -0
- package/build/components/AppIntro/index.d.ts.map +1 -0
- package/build/components/AppShell/AppShell.component.d.ts +2 -2
- package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts +1 -1
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
- package/build/components/AppShellProvider/index.d.ts +2 -0
- package/build/components/AppShellProvider/index.d.ts.map +1 -0
- package/build/components/Badge/Badge.component.d.ts +1 -1
- package/build/components/Badge/Badge.component.d.ts.map +1 -1
- package/build/components/Box/Box.component.d.ts +1 -1
- package/build/components/Box/Box.component.d.ts.map +1 -1
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts +1 -1
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +1 -5
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
- package/build/components/Button/Button.component.d.ts +3 -3
- package/build/components/Button/Button.component.d.ts.map +1 -1
- package/build/components/ButtonRow/ButtonRow.component.d.ts +2 -2
- package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
- package/build/components/Checkbox/Checkbox.component.d.ts +2 -2
- package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +2 -2
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
- package/build/components/CodeBlock/CodeBlock.component.d.ts +2 -2
- package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/components/Container/Container.component.d.ts +2 -2
- package/build/components/Container/Container.component.d.ts.map +1 -1
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +17 -0
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -0
- package/build/components/ContentAreaToolbar/index.d.ts +2 -0
- package/build/components/ContentAreaToolbar/index.d.ts.map +1 -0
- package/build/components/ContentContainer/ContentContainer.component.d.ts +16 -4
- package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
- package/build/components/ContentHeading/ContentHeading.component.d.ts +21 -4
- package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
- package/build/components/DataGrid/DataGrid.component.d.ts +2 -2
- package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
- package/build/components/DataGridCell/DataGridCell.component.d.ts +3 -3
- package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +2 -2
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts +2 -2
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +1 -1
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
- package/build/components/DataGridRow/DataGridRow.component.d.ts +1 -1
- package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +2 -2
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts +159 -0
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -0
- package/build/components/DateTimePicker/index.d.ts +2 -0
- package/build/components/DateTimePicker/index.d.ts.map +1 -0
- package/build/components/FormHint/FormHint.component.d.ts +1 -1
- package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
- package/build/components/FormattedText/FormattedText.component.d.ts +2 -8
- package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts +10 -0
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -0
- package/build/components/HeaderContainer/index.d.ts +2 -0
- package/build/components/HeaderContainer/index.d.ts.map +1 -0
- package/build/components/Icon/Icon.component.d.ts +3 -3
- package/build/components/Icon/Icon.component.d.ts.map +1 -1
- package/build/components/InputGroup/InputGroup.component.d.ts +1 -1
- package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
- package/build/components/IntroBox/IntroBox.component.d.ts +2 -2
- package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
- package/build/components/JsonViewer/JsonViewer.component.d.ts +1 -1
- package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
- package/build/components/Label/Label.component.d.ts +1 -1
- package/build/components/Label/Label.component.d.ts.map +1 -1
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +1 -1
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
- package/build/components/MainContainer/MainContainer.component.d.ts +2 -2
- package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts +2 -2
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
- package/build/components/MainTabs/MainTabs.component.d.ts +2 -2
- package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
- package/build/components/Menu/Menu.component.d.ts +1 -1
- package/build/components/Menu/Menu.component.d.ts.map +1 -1
- package/build/components/MenuItem/MenuItem.component.d.ts +1 -1
- package/build/components/MenuItem/MenuItem.component.d.ts.map +1 -1
- package/build/components/MenuSection/MenuSection.component.d.ts +1 -1
- package/build/components/MenuSection/MenuSection.component.d.ts.map +1 -1
- package/build/components/Message/Message.component.d.ts +1 -5
- package/build/components/Message/Message.component.d.ts.map +1 -1
- package/build/components/Modal/Modal.component.d.ts +3 -3
- package/build/components/Modal/Modal.component.d.ts.map +1 -1
- package/build/components/ModalFooter/ModalFooter.component.d.ts +3 -3
- package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
- package/build/components/Navigation/Navigation.component.d.ts +2 -2
- package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
- package/build/components/NavigationItem/NavigationItem.component.d.ts +2 -2
- package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
- package/build/components/PageFooter/PageFooter.component.d.ts +2 -2
- package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
- package/build/components/PageHeader/PageHeader.component.d.ts +2 -2
- package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
- package/build/components/Pagination/Pagination.component.d.ts +72 -0
- package/build/components/Pagination/Pagination.component.d.ts.map +1 -0
- package/build/components/Pagination/index.d.ts +2 -0
- package/build/components/Pagination/index.d.ts.map +1 -0
- package/build/components/Panel/Panel.component.d.ts +39 -0
- package/build/components/Panel/Panel.component.d.ts.map +1 -0
- package/build/components/Panel/index.d.ts +2 -0
- package/build/components/Panel/index.d.ts.map +1 -0
- package/build/components/PanelBody/PanelBody.component.d.ts +23 -0
- package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -0
- package/build/components/PanelBody/index.d.ts +2 -0
- package/build/components/PanelBody/index.d.ts.map +1 -0
- package/build/components/PanelFooter/PanelFooter.component.d.ts +19 -0
- package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -0
- package/build/components/PanelFooter/index.d.ts +2 -0
- package/build/components/PanelFooter/index.d.ts.map +1 -0
- package/build/components/Pill/Pill.component.d.ts +1 -1
- package/build/components/Pill/Pill.component.d.ts.map +1 -1
- package/build/components/Radio/Radio.component.d.ts +2 -2
- package/build/components/Radio/Radio.component.d.ts.map +1 -1
- package/build/components/RadioGroup/RadioGroup.component.d.ts +2 -2
- package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
- package/build/components/Select/Select.component.d.ts +3 -3
- package/build/components/Select/Select.component.d.ts.map +1 -1
- package/build/components/SelectDivider/SelectDivider.component.d.ts +1 -1
- package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
- package/build/components/SelectOption/SelectOption.component.d.ts +2 -2
- package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts +1 -1
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
- package/build/components/SideNavigation/SideNavigation.component.d.ts +2 -2
- package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +2 -2
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
- package/build/components/Spinner/Spinner.component.d.ts +3 -3
- package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
- package/build/components/Stack/Stack.component.d.ts +3 -3
- package/build/components/Stack/Stack.component.d.ts.map +1 -1
- package/build/components/Switch/Switch.component.d.ts +1 -1
- package/build/components/Switch/Switch.component.d.ts.map +1 -1
- package/build/components/TabList/TabList.component.d.ts +1 -1
- package/build/components/TabList/TabList.component.d.ts.map +1 -1
- package/build/components/TabNavigation/TabNavigation.component.d.ts +2 -2
- package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +2 -2
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
- package/build/components/TabPanel/TabPanel.component.d.ts +2 -1
- package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
- package/build/components/TextInput/TextInput.component.d.ts +2 -2
- package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/build/components/Textarea/Textarea.component.d.ts +3 -3
- package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts +31 -0
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -0
- package/build/components/ThemeToggle/index.d.ts +2 -0
- package/build/components/ThemeToggle/index.d.ts.map +1 -0
- package/build/components/Toast/Toast.component.d.ts +2 -4
- package/build/components/Toast/Toast.component.d.ts.map +1 -1
- package/build/components/Tooltip/Tooltip.component.d.ts +6 -7
- package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
- package/build/components/Tooltip/useTooltip.d.ts +4 -4
- package/build/components/TooltipContent/TooltipContent.component.d.ts +1 -1
- package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +1 -1
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
- package/build/components/TopNavigation/TopNavigation.component.d.ts +2 -2
- package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +2 -2
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
- package/build/floating-ui.react-dom-DFre3-Br.js +1 -0
- package/build/headlessui-float-n1IxyQhp.js +15 -0
- package/build/hooks/useEndlessScrollList.d.ts +1 -1
- package/build/hooks/useEndlessScrollList.d.ts.map +1 -1
- package/build/hooks/useEndlessScrollList.js +2 -2
- package/build/index.js +9 -191
- package/package.json +68 -68
- package/build/AppIntro.component-BnwrDrke.js +0 -6
- package/build/AppShell.component-BNckh29Y.js +0 -1
- package/build/AppShellProvider.component-CoGCOuox.js +0 -1
- package/build/ComboBox.component-CVfbabwk.js +0 -115
- package/build/ContentArea.component-VS-3jOgO.js +0 -5
- package/build/ContentArea.js +0 -1
- package/build/ContentAreaToolbar.component-Cr9XddQc.js +0 -8
- package/build/ContentAreaWrapper.component-D6yksmzo.js +0 -7
- package/build/ContentAreaWrapper.js +0 -1
- package/build/ContentContainer.component-wLeOohOT.js +0 -8
- package/build/DateTimePicker.component-BMkIzxY0.js +0 -59
- package/build/FormRow.component-5oxVn9c0.js +0 -3
- package/build/Pagination.component-CHvISPAw.js +0 -109
- package/build/Panel.component-DW6z1JGn.js +0 -35
- package/build/PanelBody.component-ejsCohbW.js +0 -6
- package/build/PanelFooter.component-B3HXAhmg.js +0 -11
- package/build/PortalProvider.component-B2hXHP-c.js +0 -1
- package/build/SelectRow.component-D0F2VY1t.js +0 -1
- package/build/StyleProvider.component-DpOVgdlo.js +0 -1
- package/build/TextInputRow.component-DEWfa_NF.js +0 -1
- package/build/floating-ui.react-dom-Bx8TUz-v.js +0 -1
- package/build/focus-trap-react-QYyPJKV2.js +0 -1
- package/build/headlessui-float-BQHnLFxQ.js +0 -10
- package/build/ibm-plex-BfDpQmIi.js +0 -1
- package/build/withDeprecationWarning.component-fIFVSC34.js +0 -1
|
@@ -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{
|
|
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
|
|
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(
|
|
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-
|
|
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";
|
|
@@ -0,0 +1,42 @@
|
|
|
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
|
+
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};
|
package/build/SelectOption.js
CHANGED
|
@@ -1,42 +1 @@
|
|
|
1
|
-
|
|
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};
|
|
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,{
|
|
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(
|
|
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(
|
|
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};
|
|
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};
|
package/build/SelectRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{S as SelectRow}from"./SelectRow.component-
|
|
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";
|