@cloudoperators/juno-ui-components 2.31.0 → 2.32.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/AppBody.component-C9lIZEeC.js +5 -0
- package/build/AppBody.js +1 -1
- package/build/AppShell.component-BNckh29Y.js +1 -0
- package/build/AppShell.js +1 -1
- package/build/Badge.component-CLaF9Up0.js +15 -0
- package/build/Badge.js +1 -1
- package/build/Box.component-V4TDnAgb.js +10 -0
- package/build/Box.js +1 -1
- package/build/Breadcrumb.component-BSGoKK2S.js +1 -0
- package/build/Breadcrumb.js +1 -1
- package/build/BreadcrumbItem.component-C99Dj0IW.js +14 -0
- package/build/BreadcrumbItem.js +1 -1
- package/build/Button.component-liw0UuGT.js +56 -0
- package/build/Button.js +1 -1
- package/build/ButtonRow.component-CzhKhK_N.js +1 -0
- package/build/ButtonRow.js +1 -1
- package/build/Checkbox.component-DgDvGt3W.js +77 -0
- package/build/Checkbox.js +1 -1
- package/build/CheckboxGroup.component-B_uoXPNo.js +33 -0
- package/build/CheckboxGroup.js +1 -1
- package/build/CheckboxRow.component-DzLTV4cd.js +1 -0
- package/build/CheckboxRow.js +1 -1
- package/build/Code.component-mlP3SwWy.js +4 -0
- package/build/Code.js +1 -1
- package/build/CodeBlock.component-CZxYJPlk.js +45 -0
- package/build/CodeBlock.js +1 -1
- package/build/ComboBox.component-CVfbabwk.js +115 -0
- package/build/ComboBox.js +1 -1
- package/build/ComboBoxOption.js +39 -1
- package/build/Container.component-xJsCyUG8.js +4 -0
- package/build/Container.js +1 -1
- package/build/ContentContainer.component-wLeOohOT.js +8 -0
- package/build/ContentContainer.js +1 -1
- package/build/ContentHeading.component-bhh41uEk.js +6 -0
- package/build/ContentHeading.js +1 -1
- package/build/ContextMenu.component-B24LaAwt.js +16 -0
- package/build/ContextMenu.js +1 -1
- package/build/DataGrid.component-Dt5OQxY5.js +4 -0
- package/build/DataGrid.js +1 -1
- package/build/DataGridCell.component-Gy81mVxf.js +13 -0
- package/build/DataGridCell.js +1 -1
- package/build/DataGridCheckboxCell.js +1 -1
- package/build/DataGridFoot.js +1 -1
- package/build/DataGridHeadCell.component-4DKn7eQ9.js +6 -0
- package/build/DataGridHeadCell.js +1 -1
- package/build/DataGridRow.component-CBEnaLYU.js +3 -0
- package/build/DataGridRow.js +1 -1
- package/build/DataGridToolbar.component-BfgKal7m.js +10 -0
- package/build/DataGridToolbar.js +1 -1
- package/build/Form.component-C-FIXwo-.js +7 -0
- package/build/Form.js +1 -1
- package/build/FormHint.component-C7TZlbwG.js +10 -0
- package/build/FormHint.js +1 -1
- package/build/FormRow.component-CbFLRaDK.js +3 -0
- package/build/FormRow.js +1 -1
- package/build/FormSection.component-DDGHfPV5.js +8 -0
- package/build/FormSection.js +1 -1
- package/build/FormattedText.component-Oc4b8IPi.js +1 -0
- package/build/FormattedText.js +1 -1
- package/build/Grid.component-BG4AMsb5.js +1 -0
- package/build/Grid.js +1 -1
- package/build/GridColumn.component-BmzNy9N0.js +4 -0
- package/build/GridColumn.js +1 -1
- package/build/GridRow.component-Cf7FxOjh.js +5 -0
- package/build/GridRow.js +1 -1
- package/build/Icon.component-ClhnejN0.js +20 -0
- package/build/Icon.js +1 -1
- package/build/InputGroup.component-Cjl_JYFs.js +4 -0
- package/build/InputGroup.js +1 -1
- package/build/IntroBox.component-BmoEq45u.js +31 -0
- package/build/IntroBox.js +1 -1
- package/build/JsonViewer.component-lHoI-LCD.js +1 -0
- package/build/JsonViewer.js +1 -1
- package/build/Label.component-BYZfB1oK.js +37 -0
- package/build/Label.js +1 -1
- package/build/LoadingIndicator.component-CsNzFwe2.js +1 -0
- package/build/LoadingIndicator.js +1 -1
- package/build/MainContainer.component-DV_tQlek.js +5 -0
- package/build/MainContainer.js +1 -1
- package/build/MainContainerInner.component-DhiRjgBx.js +14 -0
- package/build/MainContainerInner.js +1 -1
- package/build/MainTabs.component-DtTHcxTg.js +1 -0
- package/build/MainTabs.js +1 -1
- package/build/Menu.component-vFmV6jCc.js +17 -0
- package/build/Menu.js +1 -1
- package/build/MenuItem.component-ddsy5_so.js +32 -0
- package/build/MenuItem.js +1 -1
- package/build/MenuSection.component-CteHwLJX.js +11 -0
- package/build/MenuSection.js +1 -1
- package/build/Message.component-A7V1Flcl.js +27 -0
- package/build/Message.js +1 -1
- package/build/Modal.js +31 -1
- package/build/ModalFooter.component-BK0doJJO.js +11 -0
- package/build/ModalFooter.js +1 -1
- package/build/NativeSelect.component-BaWaK11P.js +63 -0
- package/build/NativeSelect.js +1 -1
- package/build/NativeSelectOption.component-BWRxjRz0.js +1 -0
- package/build/NativeSelectOption.js +1 -1
- package/build/NativeSelectOptionGroup.component-GFuGvLsz.js +1 -0
- package/build/NativeSelectOptionGroup.js +1 -1
- package/build/Navigation.component-DaabNHev.js +3 -0
- package/build/Navigation.js +1 -1
- package/build/NavigationItem.component-DI0SMWsi.js +19 -0
- package/build/NavigationItem.js +1 -1
- package/build/PageFooter.component-CeD5DCjY.js +18 -0
- package/build/PageFooter.js +1 -1
- package/build/PageHeader.component-DqYR6Yyo.js +33 -0
- package/build/PageHeader.js +1 -1
- package/build/{Stack.component-fYvcWRNi.js → Pagination.component-CHvISPAw.js} +51 -2
- package/build/Pagination.js +1 -1
- package/build/Pill.component-BjuSYnxs.js +28 -0
- package/build/Pill.js +1 -1
- package/build/PortalProvider.component-CVldWJIG.js +1 -0
- package/build/PortalProvider.js +1 -1
- package/build/Radio.component-DiZc-eBh.js +67 -0
- package/build/Radio.js +1 -1
- package/build/RadioGroup.component-XH90kWYR.js +33 -0
- package/build/RadioGroup.js +1 -1
- package/build/RadioRow.component-B-HE4xRC.js +1 -0
- package/build/RadioRow.js +1 -1
- package/build/SearchInput.component-QwymruVn.js +1 -0
- package/build/SearchInput.js +1 -1
- package/build/SecretText.component-jsJWpOK1.js +40 -0
- package/build/SecretText.js +1 -40
- package/build/Select.component-CwIj9-lM.js +64 -0
- package/build/Select.js +1 -1
- package/build/SelectOption.js +42 -1
- package/build/ShadowRoot.component-DU_Ra-K3.js +1 -0
- package/build/ShadowRoot.js +1 -1
- package/build/SideNavigation.component-D9IErRcv.js +4 -0
- package/build/SideNavigation.js +1 -1
- package/build/SideNavigationItem.component-5ChkLMgz.js +17 -0
- package/build/SideNavigationItem.js +1 -1
- package/build/Spinner.component-CO095KvL.js +16 -0
- package/build/Spinner.js +1 -1
- package/build/Stack.component-Pe-1jf3W.js +5 -0
- package/build/Stack.js +1 -1
- package/build/StyleProvider.js +1 -1
- package/build/Switch.component-1reoDymi.js +54 -0
- package/build/Switch.js +1 -1
- package/build/Tab.component-SEUcCOS8.js +16 -0
- package/build/Tab.js +1 -1
- package/build/TabList.component-sHDWBb5I.js +12 -0
- package/build/TabList.js +1 -1
- package/build/TabNavigation.component-Cc2F9AVl.js +8 -0
- package/build/TabNavigation.js +1 -1
- package/build/TabNavigationItem.component-D9KvESL0.js +22 -0
- package/build/TabNavigationItem.js +1 -1
- package/build/TabPanel.component-DlnS5hSa.js +1 -0
- package/build/TabPanel.js +1 -1
- package/build/Tabs.component-BRM3cTLV.js +1 -0
- package/build/Tabs.js +1 -1
- package/build/TextInput.component-AyfJ3U8z.js +59 -0
- package/build/TextInput.js +1 -1
- package/build/Textarea.component-DgYR9jem.js +58 -0
- package/build/Textarea.js +1 -1
- package/build/{Textarea.component-4fIvQVeJ.js → TextareaRow.component-DSJ_PFIw.js} +2 -2
- package/build/TextareaRow.js +1 -1
- package/build/Toast.component-x0WA9szy.js +12 -0
- package/build/Toast.js +1 -1
- package/build/Tooltip.component-AWJGzfXT.js +1 -0
- package/build/Tooltip.js +1 -1
- package/build/TooltipContent.component-Go8u2Bz4.js +14 -0
- package/build/TooltipContent.js +1 -1
- package/build/TooltipTrigger.component-CYpGzL4I.js +1 -0
- package/build/TooltipTrigger.js +1 -1
- package/build/TopNavigation.component-CkGidYsu.js +5 -0
- package/build/TopNavigation.js +1 -1
- package/build/TopNavigationItem.component-CqIlCTjB.js +26 -0
- package/build/TopNavigationItem.js +1 -1
- package/build/components/SecretText/SecretText.component.d.ts +78 -0
- package/build/components/SecretText/SecretText.component.d.ts.map +1 -0
- package/build/components/SecretText/index.d.ts +2 -0
- package/build/components/SecretText/index.d.ts.map +1 -0
- package/build/hooks/useEndlessScrollList.d.ts +17 -0
- package/build/hooks/useEndlessScrollList.d.ts.map +1 -0
- package/build/hooks/useEndlessScrollList.js +60 -0
- package/build/hooks/useLocalStorage.d.ts.map +1 -1
- package/build/index.js +3 -3
- package/build/withDeprecationWarning.component-CsAFJ740.js +1 -0
- package/build/withDeprecationWarning.js +1 -1
- package/package.json +1 -1
- package/build/AppBody.component-DMNphrA9.js +0 -1
- package/build/AppShell.component-kPo9ejh-.js +0 -1
- package/build/Badge.component-Bw_Sw1Jl.js +0 -1
- package/build/Box.component-B-zlG37z.js +0 -1
- package/build/Breadcrumb.component-DmLZCJ80.js +0 -1
- package/build/BreadcrumbItem.component-himz8R38.js +0 -1
- package/build/Button.component-Ck0-XKMD.js +0 -1
- package/build/ButtonRow.component-CgfANnke.js +0 -1
- package/build/ButtonRow.component-CnJPyZ99.js +0 -1
- package/build/Checkbox.component-DxULmNji.js +0 -1
- package/build/CheckboxGroup.component-DJN7waSM.js +0 -1
- package/build/CheckboxRow.component-CrN2DXEm.js +0 -1
- package/build/Code.component-CIzbcpEn.js +0 -1
- package/build/CodeBlock.component-CXDUnHIb.js +0 -1
- package/build/ComboBox.component-Bv_9h8jb.js +0 -1
- package/build/Container.component-B8M3UgGG.js +0 -1
- package/build/ContentContainer.component-rfZz78lB.js +0 -1
- package/build/ContentHeading.component-Io-M-spm.js +0 -1
- package/build/ContextMenu.component-DH-m8O-z.js +0 -1
- package/build/DataGrid.component-BBT0bs34.js +0 -1
- package/build/DataGridCell.component-DTZCr2iq.js +0 -1
- package/build/DataGridHeadCell.component-Ce2yeOu8.js +0 -1
- package/build/DataGridRow.component-D0MKrB0t.js +0 -1
- package/build/DataGridToolbar.component-BxGtUy7D.js +0 -1
- package/build/Form.component-D-BE29tV.js +0 -1
- package/build/FormHint.component-B30ehV71.js +0 -1
- package/build/FormRow.component--LSv8Yz8.js +0 -1
- package/build/FormSection.component-D-txM2wI.js +0 -1
- package/build/FormattedText.component-Dv5KRlOH.js +0 -1
- package/build/Grid.component-DhdNobry.js +0 -1
- package/build/GridColumn.component-Dn_zRSnd.js +0 -1
- package/build/GridRow.component-DP4HP_Ai.js +0 -1
- package/build/Icon.component-7-ap-6Ys.js +0 -1
- package/build/InputGroup.component-BKBRJie5.js +0 -1
- package/build/IntroBox.component-BuW5vo-r.js +0 -1
- package/build/JsonViewer.component-i75ln2HG.js +0 -1
- package/build/Label.component-TbF3yilt.js +0 -1
- package/build/LoadingIndicator.component-CjUcoOtA.js +0 -1
- package/build/MainContainer.component-beO5Qib0.js +0 -1
- package/build/MainContainerInner.component-Dp6YCm8D.js +0 -1
- package/build/MainTabs.component-C4jnzeW8.js +0 -1
- package/build/Menu.component-B2zPLmdP.js +0 -1
- package/build/MenuItem.component-2A91klk9.js +0 -1
- package/build/MenuSection.component-CXCYKlVr.js +0 -1
- package/build/Message.component-COHT30fL.js +0 -1
- package/build/ModalFooter.component-vqu5JEqH.js +0 -1
- package/build/NativeSelect.component-BeYgemsP.js +0 -1
- package/build/NativeSelectOption.component-CLFcWbs7.js +0 -1
- package/build/NativeSelectOptionGroup.component-B9j74Fm2.js +0 -1
- package/build/Navigation.component-Q2fi8-qR.js +0 -1
- package/build/NavigationItem.component-DcH7SF-F.js +0 -1
- package/build/PageFooter.component-CrlDnfPd.js +0 -1
- package/build/PageHeader.component-QuQOQj_P.js +0 -1
- package/build/Pagination.component-D7vw3gPl.js +0 -50
- package/build/Pill.component-CLGgHKga.js +0 -1
- package/build/PortalProvider.component-nShveTMU.js +0 -1
- package/build/Radio.component-qjlCYiuP.js +0 -1
- package/build/RadioGroup.component-Cj0bQHOM.js +0 -1
- package/build/RadioRow.component-CqrB8Bvr.js +0 -1
- package/build/SearchInput.component-CMboCbvO.js +0 -1
- package/build/Select.component-zF_9SDqa.js +0 -1
- package/build/ShadowRoot.component-DZn4gLKB.js +0 -1
- package/build/SideNavigation.component-D9A0_YjX.js +0 -1
- package/build/SideNavigationItem.component-EiOe7rV_.js +0 -1
- package/build/Spinner.component-B_OKKh5D.js +0 -1
- package/build/Stack.component-BNRLhyTo.js +0 -1
- package/build/Switch.component-BxCFYGD_.js +0 -1
- package/build/Tab.component-o-IJCaGX.js +0 -1
- package/build/TabList.component-DeI4QJVH.js +0 -1
- package/build/TabNavigation.component-DlfET9Dg.js +0 -1
- package/build/TabNavigationItem.component-CgTEvAMf.js +0 -1
- package/build/TabPanel.component-CSMpnrRv.js +0 -1
- package/build/Tabs.component-NQTjUypo.js +0 -1
- package/build/TextInput.component-D1qpmHfA.js +0 -1
- package/build/Textarea.component-BrJM-k2b.js +0 -1
- package/build/TextareaRow.component-DfVYxpvo.js +0 -1
- package/build/Toast.component-Ck1OSJRg.js +0 -1
- package/build/Tooltip.component-pZQW88UK.js +0 -1
- package/build/TooltipContent.component-Cfo0dBzg.js +0 -1
- package/build/TooltipTrigger.component-Cp9J4Mh7.js +0 -1
- package/build/TopNavigation.component-gPpoiPKf.js +0 -1
- package/build/TopNavigationItem.component-C99GMBgq.js +0 -1
- package/build/tslib.es6-bjGg6Bxl.js +0 -1
- package/build/withDeprecationWarning.component-DQTD5UdI.js +0 -1
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React__default,{forwardRef}from"react";import{u as useDataGridContext}from"./DataGrid.component-Dt5OQxY5.js";const cellBaseStyles=(a,b)=>`
|
|
2
|
+
${a?"jn-whitespace-nowrap":""}
|
|
3
|
+
${"center"===b?`
|
|
4
|
+
jn-justify-center
|
|
5
|
+
jn-flex
|
|
6
|
+
jn-flex-col
|
|
7
|
+
`:""}
|
|
8
|
+
jn-px-5
|
|
9
|
+
jn-py-3
|
|
10
|
+
jn-border-b
|
|
11
|
+
jn-border-theme-background-lvl-2
|
|
12
|
+
jn-h-full
|
|
13
|
+
`,cellCustomStyles=a=>{let b;return a&&(b={gridColumn:`span ${a} / span ${a}`}),b},DataGridCell=forwardRef((a,b)=>{let{colSpan:c,nowrap:e=!1,className:f="",children:g=null,...d}=a;const h=useDataGridContext()||{},i=h.cellVerticalAlignment;return React__default.createElement("div",{className:`juno-datagrid-cell ${cellBaseStyles(e,i)} ${f}`,style:cellCustomStyles(c),role:"gridcell",ref:b,...d},g)});DataGridCell.displayName="DataGridCell";export{DataGridCell as D};
|
package/build/DataGridCell.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DataGridCell}from"./DataGridCell.component-
|
|
1
|
+
export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";import"react";import"./DataGrid.component-Dt5OQxY5.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";import{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";import"./CheckboxGroup.component-B_uoXPNo.js";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";import"./DataGrid.component-Dt5OQxY5.js";const DataGridCheckboxCell=a=>{let{selected:d=!1,disabled:e=!1,className:f="",onChange:b,...c}=a;return React__default.createElement(DataGridCell,{className:`juno-datagrid-checkbox-cell ${f}`,...c},React__default.createElement(Checkbox,{disabled:e,checked:d,onChange:b}))};export{DataGridCheckboxCell};
|
package/build/DataGridFoot.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default from"react";const DataGridFoot=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("tfoot",{className:`juno-datagrid-foot ${c}`,...b},d)};export{DataGridFoot};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React__default,{forwardRef}from"react";import{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";const headCellBaseStyles=`
|
|
2
|
+
jn-font-bold
|
|
3
|
+
jn-text-theme-high
|
|
4
|
+
jn-bg-theme-background-lvl-1
|
|
5
|
+
jn-border-theme-background-lvl-0
|
|
6
|
+
`,DataGridHeadCell=forwardRef((a,b)=>{let{colSpan:c,nowrap:e=!1,className:f="",children:g=null,...d}=a;return React__default.createElement(DataGridCell,{colSpan:c,nowrap:e,className:`juno-datagrid-head-cell ${headCellBaseStyles} ${f}`,role:"columnheader",ref:b,...d},g)});DataGridHeadCell.displayName="DataGridHeadCell";export{DataGridHeadCell as D};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DataGridHeadCell}from"./DataGridHeadCell.component-
|
|
1
|
+
export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";import"react";import"./DataGridCell.component-Gy81mVxf.js";import"./DataGrid.component-Dt5OQxY5.js";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import React__default,{forwardRef}from"react";const rowBaseStyle=`
|
|
2
|
+
jn-contents
|
|
3
|
+
`,DataGridRow=forwardRef((a,b)=>{let{className:d="",children:e=null,...c}=a;return React__default.createElement("div",{className:`juno-datagrid-row ${rowBaseStyle} ${d}`,role:"row",ref:b,...c},e)});DataGridRow.displayName="DataGridRow";export{DataGridRow as D};
|
package/build/DataGridRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DataGridRow}from"./DataGridRow.component-
|
|
1
|
+
export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";import"react";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from"react";const datagridtoolbarstyles=`
|
|
2
|
+
jn-flex
|
|
3
|
+
jn-items-center
|
|
4
|
+
jn-bg-theme-background-lvl-1
|
|
5
|
+
jn-py-3
|
|
6
|
+
jn-px-6
|
|
7
|
+
jn-mb-px
|
|
8
|
+
`,childrenWrapperStyles=`
|
|
9
|
+
jn-ml-auto
|
|
10
|
+
`,DataGridToolbar=a=>{let{search:b,className:d="",children:e=null,...c}=a;return React__default.createElement("div",{className:`juno-datagrid-toolbar ${datagridtoolbarstyles} ${d}`,...c},b&&React__default.createElement("div",null,b),React__default.createElement("div",{className:childrenWrapperStyles},e))};export{DataGridToolbar as D};
|
package/build/DataGridToolbar.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DataGridToolbar}from"./DataGridToolbar.component-
|
|
1
|
+
export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";import"react";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React__default from"react";const formBaseStyles=`
|
|
2
|
+
jn-mb-8
|
|
3
|
+
`,formTitleStyles=`
|
|
4
|
+
jn-text-2xl
|
|
5
|
+
jn-font-bold
|
|
6
|
+
jn-mb-4
|
|
7
|
+
`,Form=a=>{let{title:d="",className:e="",children:b,...c}=a;return React__default.createElement("form",{className:`juno-form ${formBaseStyles} ${e}`,...c},d?React__default.createElement("h1",{className:`juno-form-heading ${formTitleStyles}`},d):null,b)};export{Form as F};
|
package/build/Form.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as Form}from"./Form.component-
|
|
1
|
+
export{F as Form}from"./Form.component-C-FIXwo-.js";import"react";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from"react";const formHintBaseStyles=`
|
|
2
|
+
jn-text-xs
|
|
3
|
+
jn-mt-1
|
|
4
|
+
`,getVariantStyles=a=>"success"===a?"jn-text-theme-success":"error"===a?"jn-text-theme-error":"jn-text-theme-light",FormHint=a=>{let{children:b,text:d="",variant:e="help",className:f="",...c}=a;return React__default.createElement("div",{className:`
|
|
5
|
+
juno-form-hint
|
|
6
|
+
juno-form-hint-${e}
|
|
7
|
+
${formHintBaseStyles}
|
|
8
|
+
${getVariantStyles(e)}
|
|
9
|
+
${f}
|
|
10
|
+
`,...c},b||d)};FormHint.displayName="FormHint";export{FormHint as F};
|
package/build/FormHint.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as FormHint}from"./FormHint.component-
|
|
1
|
+
export{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import"react";
|
package/build/FormRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as FormRow}from"./FormRow.component
|
|
1
|
+
export{F as FormRow}from"./FormRow.component-CbFLRaDK.js";import"react";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React__default from"react";const formSectionBaseStyles=`
|
|
2
|
+
jn-mb-8
|
|
3
|
+
jn-last:mb-0
|
|
4
|
+
`,headingStyles=`
|
|
5
|
+
jn-text-lg
|
|
6
|
+
jn-font-bold
|
|
7
|
+
jn-mb-4
|
|
8
|
+
`,FormSection=a=>{let{title:d="",children:b,className:e="",...c}=a;return React__default.createElement("section",{className:`juno-form-section ${formSectionBaseStyles} ${e}`,...c},d?React__default.createElement("h1",{className:`juno-formsection-heading ${headingStyles}`},d):null,b)};export{FormSection as F};
|
package/build/FormSection.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as FormSection}from"./FormSection.component-
|
|
1
|
+
export{F as FormSection}from"./FormSection.component-DDGHfPV5.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";const FormattedText=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",{className:`formatted-text-container ${c} `,...b},d)};FormattedText.defaultProps={className:"",children:null};export{FormattedText as F};
|
package/build/FormattedText.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{F as FormattedText}from"./FormattedText.component-
|
|
1
|
+
export{F as FormattedText}from"./FormattedText.component-Oc4b8IPi.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";const autoStyles={"--grid-column-flex-grow":"1","--grid-column-flex-shrink":"0","--grid-column-flex-basis":"0","--grid-column-default-width":"auto"},Grid=a=>{let{auto:c=!1,children:d=null,className:e="",...b}=a;const f=c?autoStyles:{};return React__default.createElement("div",{className:`juno-grid ${e}`,style:f,...b},d)};export{Grid as G};
|
package/build/Grid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as Grid}from"./Grid.component-
|
|
1
|
+
export{G as Grid}from"./Grid.component-BG4AMsb5.js";import"react";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React__default from"react";const baseColumnStyles=`
|
|
2
|
+
jn-flex-grid-column
|
|
3
|
+
jn-p-grid-column
|
|
4
|
+
`,columnWidthStyles={0:"jn-w-grid-column-default",1:"jn-w-grid-col-1",2:"jn-w-grid-col-2",3:"jn-w-grid-col-3",4:"jn-w-grid-col-4",5:"jn-w-grid-col-5",6:"jn-w-grid-col-6",7:"jn-w-grid-col-7",8:"jn-w-grid-col-8",9:"jn-w-grid-col-9",10:"jn-w-grid-col-10",11:"jn-w-grid-col-11",12:"jn-w-grid-col-12"},autoColumnStyles={flexGrow:"1",flexShrink:"0",flexBasis:"0"},getColumnWidthStyles=a=>!a||1>a||12<a?columnWidthStyles[0]:columnWidthStyles[a],GridColumn=a=>{let{width:c=null,cols:d=null,auto:e=!1,className:f="",children:g=null,...b}=a;const h=c?{width:`${c}%`,flexGrow:"0",flexShrink:"0",flexBasis:`${c}%`}:{},i=c?h:e?autoColumnStyles:{};return React__default.createElement("div",{className:`juno-grid-column ${baseColumnStyles} ${getColumnWidthStyles(d)} ${f}`,style:i,...b},g)};export{GridColumn as G};
|
package/build/GridColumn.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as GridColumn}from"./GridColumn.component-
|
|
1
|
+
export{G as GridColumn}from"./GridColumn.component-BmzNy9N0.js";import"react";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React__default from"react";const baseRowStyles=`
|
|
2
|
+
jn-flex
|
|
3
|
+
jn-flex-wrap
|
|
4
|
+
jn-m-grid-row
|
|
5
|
+
`,GridRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement("div",{className:`juno-grid-row ${baseRowStyles} ${d}`,...b},c)};export{GridRow as G};
|
package/build/GridRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{G as GridRow}from"./GridRow.component-
|
|
1
|
+
export{G as GridRow}from"./GridRow.component-Cf7FxOjh.js";import"react";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React__default,{forwardRef}from"react";import{S as SvgHelp,a as SvgWbSunny,b as SvgWarning,c as SvgWidgets,d as SvgUpload,e as SvgCheckBox,f as SvgJunoSeverityCritical,g as SvgJunoSeverityHigh,h as SvgJunoSeverityMedium,i as SvgJunoSeverityLow,j as SvgSearch,k as SvgPlace,l as SvgOpenInNew,m as SvgOpenInBrowser,n as SvgNotificationsOff,o as SvgNightsStay,p as SvgMoreVert,q as SvgMonitorHeart,r as SvgManageAccounts,s as SvgInfo,t as SvgHomeSharp,u as SvgForum,v as SvgFilterAlt,w as SvgExpandMore,x as SvgExpandLess,y as SvgExitToApp,z as SvgErrorOutline,A as SvgDangerous,B as SvgEdit,C as SvgDownload,D as SvgDns,E as SvgDescription,F as SvgDeleteForever,G as SvgJunoDanger,H as SvgContentCopy,I as SvgComment,J as SvgClose,K as SvgChevronRight,L as SvgChevronLeft,M as SvgCheckCircle,N as SvgCheck,O as SvgCancel,P as SvgCalendarToday,Q as SvgBolt,R as SvgAutoAwesomeMotion,T as SvgAutoAwesomeMosaic,U as SvgAddCircle,V as SvgAccountCircle,W as SvgAccessTime}from"./widgets-njngpHa5.js";const anchorIconStyles=`
|
|
2
|
+
jn-text-current
|
|
3
|
+
hover:jn-text-theme-high
|
|
4
|
+
focus:jn-outline-none
|
|
5
|
+
focus-visible:jn-ring-2
|
|
6
|
+
focus-visible:jn-ring-theme-focus
|
|
7
|
+
focus-visible:jn-ring-offset-1
|
|
8
|
+
focus-visible:jn-ring-offset-theme-focus
|
|
9
|
+
disabled:jn-opacity-50
|
|
10
|
+
disabled:jn-cursor-not-allowed
|
|
11
|
+
`,buttonIconStyles=`
|
|
12
|
+
hover:jn-text-theme-high
|
|
13
|
+
focus:jn-outline-none
|
|
14
|
+
focus-visible:jn-ring-2
|
|
15
|
+
focus-visible:jn-ring-theme-focus
|
|
16
|
+
focus-visible:jn-ring-offset-1
|
|
17
|
+
focus-visible:jn-ring-offset-theme-focus
|
|
18
|
+
disabled:jn-opacity-50
|
|
19
|
+
disabled:jn-cursor-not-allowed
|
|
20
|
+
`;var KnownIconsEnum;(function(a){a.accessTime="accessTime",a.accountCircle="accountCircle",a.addCircle="addCircle",a.autoAwesomeMosaic="autoAwesomeMosaic",a.autoAwesomeMotion="autoAwesomeMotion",a.bolt="bolt",a.calendarToday="calendarToday",a.cancel="cancel",a.check="check",a.checkCircle="checkCircle",a.chevronLeft="chevronLeft",a.chevronRight="chevronRight",a.close="close",a.comment="comment",a.contentCopy="contentCopy",a.danger="danger",a.dangerous="dangerous",a["default"]="default",a.deleteForever="deleteForever",a.description="description",a.dns="dns",a.download="download",a.edit="edit",a.error="error",a.errorOutline="errorOutline",a.exitToApp="exitToApp",a.expandLess="expandLess",a.expandMore="expandMore",a.filterAlt="filterAlt",a.forum="forum",a.help="help",a.home="home",a.info="info",a.manageAccounts="manageAccounts",a.monitorHeart="monitorHeart",a.moreVert="moreVert",a.nightsStay="nightsStay",a.notificationsOff="notificationsOff",a.openInBrowser="openInBrowser",a.openInNew="openInNew",a.place="place",a.search="search",a.severityLow="severityLow",a.severityMedium="severityMedium",a.severityHigh="severityHigh",a.severityCritical="severityCritical",a.success="success",a.upload="upload",a.warning="warning",a.wbSunny="wbSunny",a.widgets="widgets"})(KnownIconsEnum||(KnownIconsEnum={}));const getColoredSizedIcon=a=>{let{icon:b,color:c,size:d,title:e,iconClassName:f,...g}=a;const h=`juno-icon juno-icon-${b} jn-fill-current ${c} ${f}`,i=KnownIconsEnum[b||"default"];return i===KnownIconsEnum.accessTime?(React__default.createElement(SvgAccessTime,{width:d,height:d,className:h,alt:"time",title:e?e:"Time",role:"img",...g})):i===KnownIconsEnum.accountCircle?(React__default.createElement(SvgAccountCircle,{width:d,height:d,className:h,alt:"account",title:e?e:"Account",role:"img",...g})):i===KnownIconsEnum.addCircle?(React__default.createElement(SvgAddCircle,{width:d,height:d,className:h,alt:"add",title:e?e:"Add",role:"img",...g})):i===KnownIconsEnum.autoAwesomeMosaic?(React__default.createElement(SvgAutoAwesomeMosaic,{width:d,height:d,className:h,alt:"mosaic",title:e?e:"Mosaic",role:"img",...g})):i===KnownIconsEnum.autoAwesomeMotion?(React__default.createElement(SvgAutoAwesomeMotion,{width:d,height:d,className:h,alt:"items stacked behind each other",title:e?e:"Items stacked behind each other",role:"img",...g})):i===KnownIconsEnum.bolt?(React__default.createElement(SvgBolt,{width:d,height:d,className:h,alt:"bolt",title:e?e:"Bolt",role:"img",...g})):i===KnownIconsEnum.calendarToday?(React__default.createElement(SvgCalendarToday,{width:d,height:d,className:h,alt:"calendar",title:e?e:"Calendar",role:"img",...g})):i===KnownIconsEnum.cancel?(React__default.createElement(SvgCancel,{width:d,height:d,className:h,alt:"cancel",title:e?e:"Cancel",role:"img",...g})):i===KnownIconsEnum.check?(React__default.createElement(SvgCheck,{width:d,height:d,className:h,alt:"check",title:e?e:"Check",role:"img",...g})):i===KnownIconsEnum.checkCircle?(React__default.createElement(SvgCheckCircle,{width:d,height:d,className:h,alt:"checkCircle",title:e?e:"CheckCircle",role:"img",...g})):i===KnownIconsEnum.chevronLeft?(React__default.createElement(SvgChevronLeft,{width:d,height:d,className:h,alt:"chevronLeft",title:e?e:"ChevronLeft",role:"img",...g})):i===KnownIconsEnum.chevronRight?(React__default.createElement(SvgChevronRight,{width:d,height:d,className:h,alt:"chevronRight",title:e?e:"ChevronRight",role:"img",...g})):i===KnownIconsEnum.close?(React__default.createElement(SvgClose,{width:d,height:d,className:h,alt:"close",title:e?e:"Close",role:"img",...g})):i===KnownIconsEnum.comment?(React__default.createElement(SvgComment,{width:d,height:d,className:h,alt:"comment",title:e?e:"Comment",role:"img",...g})):i===KnownIconsEnum.contentCopy?(React__default.createElement(SvgContentCopy,{width:d,height:d,className:h,alt:"copy",title:e?e:"Copy",role:"img",...g})):i===KnownIconsEnum.danger?(React__default.createElement(SvgJunoDanger,{width:d,height:d,className:h,alt:"danger",title:e?e:"Danger",role:"img",...g})):i===KnownIconsEnum.dangerous?(React__default.createElement(SvgDangerous,{width:d,height:d,className:h,alt:"dangerous",title:e?e:"Dangerous",role:"img",...g})):i===KnownIconsEnum.deleteForever?(React__default.createElement(SvgDeleteForever,{width:d,height:d,className:h,alt:"delete forever",title:e?e:"Delete Forever",role:"img",...g})):i===KnownIconsEnum.description?(React__default.createElement(SvgDescription,{width:d,height:d,className:h,alt:"description",title:e?e:"Description",role:"img",...g})):i===KnownIconsEnum.dns?(React__default.createElement(SvgDns,{width:d,height:d,className:h,alt:"service",title:e?e:"Service",role:"img",...g})):i===KnownIconsEnum.download?(React__default.createElement(SvgDownload,{width:d,height:d,className:h,alt:"download",title:e?e:"download",role:"img",...g})):i===KnownIconsEnum.edit?(React__default.createElement(SvgEdit,{width:d,height:d,className:h,alt:"edit",title:e?e:"Edit",role:"img",...g})):i===KnownIconsEnum.error?(React__default.createElement(SvgDangerous,{width:d,height:d,className:h,alt:"error",title:e?e:"Error",role:"img",...g})):i===KnownIconsEnum.errorOutline?(React__default.createElement(SvgErrorOutline,{width:d,height:d,className:h,alt:"error outline",title:e?e:"Error",role:"img",...g})):i===KnownIconsEnum.exitToApp?(React__default.createElement(SvgExitToApp,{width:d,height:d,className:h,alt:"exit to other app",title:e?e:"Exit to app",role:"img",...g})):i===KnownIconsEnum.expandLess?(React__default.createElement(SvgExpandLess,{width:d,height:d,className:h,alt:"expand less",title:e?e:"Expand Less",role:"img",...g})):i===KnownIconsEnum.expandMore?(React__default.createElement(SvgExpandMore,{width:d,height:d,className:h,alt:"expand more",title:e?e:"Expand More",role:"img",...g})):i===KnownIconsEnum.filterAlt?(React__default.createElement(SvgFilterAlt,{width:d,height:d,className:h,alt:"filter",title:e?e:"Filter",role:"img",...g})):i===KnownIconsEnum.forum?(React__default.createElement(SvgForum,{width:d,height:d,className:h,alt:"forum",title:e?e:"Forum",role:"img",...g})):i===KnownIconsEnum.help?(React__default.createElement(SvgHelp,{width:d,height:d,className:h,alt:"help",title:e?e:"Help",role:"img",...g})):i===KnownIconsEnum.home?(React__default.createElement(SvgHomeSharp,{width:d,height:d,className:h,alt:"home",title:e?e:"Home",role:"img",...g})):i===KnownIconsEnum.info?(React__default.createElement(SvgInfo,{width:d,height:d,className:h,alt:"info",title:e?e:"Info",role:"img",...g})):i===KnownIconsEnum.manageAccounts?(React__default.createElement(SvgManageAccounts,{width:d,height:d,className:h,alt:"user account configuration",title:e?e:"User account configuration",role:"img",...g})):i===KnownIconsEnum.monitorHeart?(React__default.createElement(SvgMonitorHeart,{width:d,height:d,className:h,alt:"heart monitor",title:e?e:"Heart monitor",role:"img",...g})):i===KnownIconsEnum.moreVert?(React__default.createElement(SvgMoreVert,{width:d,height:d,className:h,alt:"more",title:e?e:"More",role:"img",...g})):i===KnownIconsEnum.nightsStay?(React__default.createElement(SvgNightsStay,{width:d,height:d,className:h,alt:"nights stay",title:e?e:"Nights stay",role:"img",...g})):i===KnownIconsEnum.notificationsOff?(React__default.createElement(SvgNotificationsOff,{width:d,height:d,className:h,alt:"notifications off",title:e?e:"Notifications off",role:"img",...g})):i===KnownIconsEnum.openInBrowser?(React__default.createElement(SvgOpenInBrowser,{width:d,height:d,className:h,alt:"open in browser",title:e?e:"Open in browser",role:"img",...g})):i===KnownIconsEnum.openInNew?(React__default.createElement(SvgOpenInNew,{width:d,height:d,className:h,alt:"open in new tab",title:e?e:"Open in new tab",role:"img",...g})):i===KnownIconsEnum.place?(React__default.createElement(SvgPlace,{width:d,height:d,className:h,alt:"location",title:e?e:"Location",role:"img",...g})):i===KnownIconsEnum.search?(React__default.createElement(SvgSearch,{width:d,height:d,className:h,alt:"search",title:e?e:"Search",role:"img",...g})):i===KnownIconsEnum.severityLow?(React__default.createElement(SvgJunoSeverityLow,{width:d,height:d,className:h,alt:"Severity low",title:e?e:"Severity Low",role:"img",...g})):i===KnownIconsEnum.severityMedium?(React__default.createElement(SvgJunoSeverityMedium,{width:d,height:d,className:h,alt:"Severity medium",title:e?e:"Severity Medium",role:"img",...g})):i===KnownIconsEnum.severityHigh?(React__default.createElement(SvgJunoSeverityHigh,{width:d,height:d,className:h,alt:"Severity high",title:e?e:"Severity High",role:"img",...g})):i===KnownIconsEnum.severityCritical?(React__default.createElement(SvgJunoSeverityCritical,{width:d,height:d,className:h,alt:"Severity critical",title:e?e:"Severity Critical",role:"img",...g})):i===KnownIconsEnum.success?(React__default.createElement(SvgCheckBox,{width:d,height:d,className:h,alt:"success",title:e?e:"Success",role:"img",...g})):i===KnownIconsEnum.upload?(React__default.createElement(SvgUpload,{width:d,height:d,className:h,alt:"upload",title:e?e:"Upload",role:"img",...g})):i===KnownIconsEnum.widgets?(React__default.createElement(SvgWidgets,{width:d,height:d,className:h,alt:"widgets",title:e?e:"Widgets",role:"img",...g})):i===KnownIconsEnum.warning?(React__default.createElement(SvgWarning,{width:d,height:d,className:h,alt:"warning",title:e?e:"Warning",role:"img",...g})):i===KnownIconsEnum.wbSunny?(React__default.createElement(SvgWbSunny,{width:d,height:d,className:h,alt:"wb sunny",title:e?e:"WBSunny",role:"img",...g})):i===KnownIconsEnum.default?(React__default.createElement(SvgHelp,{width:d,height:d,className:h,alt:"help",title:e?e:"Help",role:"img",...g})):(React__default.createElement(SvgHelp,{width:d,height:d,className:h,alt:"help",title:e?e:"Help",role:"img",...g}))},Icon=forwardRef((a,b)=>{let{icon:e=null,color:f="",size:g=24,title:h="",className:i="",href:j="",disabled:k=!1,onClick:c,...d}=a;const l=j||c?"":i,m=j||c?{}:d,n=getColoredSizedIcon({icon:e||void 0,color:f,size:g,title:h,iconClassName:l,...m}),o=React__default.createElement("button",{...d,type:"button",onClick:a=>{c&&c(a)},className:`juno-icon-button ${buttonIconStyles} ${i}`,"aria-label":h||e||void 0,disabled:k,ref:b},n),p=React__default.createElement("a",{...d,"aria-label":h||e||void 0,href:j,className:`juno-icon-link ${anchorIconStyles} ${i}`,ref:b},n);return j?p:c?o:React__default.createElement("span",{ref:b},n)});Icon.displayName="IconTs";export{Icon as I,KnownIconsEnum as K};
|
package/build/Icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{I as Icon}from"./Icon.component-
|
|
1
|
+
export{I as Icon}from"./Icon.component-ClhnejN0.js";import"react";import"./widgets-njngpHa5.js";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React__default,{isValidElement}from"react";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";const cloneElementWithInheritedProps=(a,b,c)=>{if(!isValidElement(a))return a;const d={variant:a.props.variant||b,disabled:a.props.disabled||c};return React__default.cloneElement(a,d)},getClassNames=(a,b,c)=>`
|
|
2
|
+
${a}-${b}
|
|
3
|
+
${c?`${a}-disabled`:""}
|
|
4
|
+
`,InputGroup=a=>{let{children:c=null,className:d="",variant:e="default",disabled:f=!1,...b}=a;const g=React__default.Children.map(c,a=>cloneElementWithInheritedProps(a,e,f)),h=getClassNames("juno-input-group",e,f);return React__default.createElement(Stack,{className:`juno-input-group ${h} ${d}`,...b},g)};export{InputGroup as I};
|
package/build/InputGroup.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{I as InputGroup}from"./InputGroup.component-
|
|
1
|
+
export{I as InputGroup}from"./InputGroup.component-Cjl_JYFs.js";import"react";import"./Stack.component-Pe-1jf3W.js";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React__default from"react";const introbox=(a,b)=>`
|
|
2
|
+
jn-bg-theme-introbox
|
|
3
|
+
jn-text-theme-default
|
|
4
|
+
jn-flex
|
|
5
|
+
jn-rounded-l
|
|
6
|
+
jn-overflow-hidden
|
|
7
|
+
jn-mb-8
|
|
8
|
+
|
|
9
|
+
${"hero"===a&&b?`
|
|
10
|
+
jn-bg-right-top
|
|
11
|
+
jn-bg-no-repeat
|
|
12
|
+
`:""}
|
|
13
|
+
`,introboxBorder=`
|
|
14
|
+
jn-border-l-4
|
|
15
|
+
jn-border-theme-introbox
|
|
16
|
+
`,introboxContent=(a,b)=>`
|
|
17
|
+
${b?`jn-pl-4 jn-pr-56`:`jn-px-4`}
|
|
18
|
+
|
|
19
|
+
${"hero"===a?`
|
|
20
|
+
jn-text-xl
|
|
21
|
+
jn-min-h-[8rem]
|
|
22
|
+
jn-py-4
|
|
23
|
+
jn-flex
|
|
24
|
+
jn-flex-col
|
|
25
|
+
jn-justify-center
|
|
26
|
+
`:`
|
|
27
|
+
jn-py-3
|
|
28
|
+
`}
|
|
29
|
+
`,introboxHeading=`
|
|
30
|
+
jn-font-bold
|
|
31
|
+
`,IntroBox=a=>{let{title:d=null,text:e=null,variant:f="default",heroImage:g=null,className:h="",children:b,...c}=a;const i=React__default.useMemo(()=>g&&"hero"===f,[f,g]);return React__default.createElement("div",{className:`juno-introbox ${introbox(f,g)} ${h}`,style:i?{backgroundImage:`${g}`}:{},...c},React__default.createElement("div",{className:`${introboxBorder}`}),React__default.createElement("div",{className:`${introboxContent(f,g)}`},d?React__default.createElement("h1",{className:`${introboxHeading}`},d):"",b?b:React__default.createElement("p",null,e)))};export{IntroBox as I};
|
package/build/IntroBox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{I as IntroBox}from"./IntroBox.component-
|
|
1
|
+
export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default,{useContext,useLayoutEffect}from"react";import{S as SearchInput}from"./SearchInput.component-QwymruVn.js";const dark={base00:"rgb(39, 40, 34)",base01:"rgb(245, 245, 245)",base02:"rgb(73, 72, 62)",base03:"#93a1a1",base04:"rgb(165, 159, 133)",base05:"rgb(248, 248, 242)",base06:"#073642",base07:"rgb(249, 248, 245)",base08:"rgb(249, 38, 114)",base09:"rgb(253, 151, 31)",base0A:"rgb(244, 191, 117)",base0B:"rgb(166, 226, 46)",base0C:"rgb(161, 239, 228)",base0D:"rgb(102, 217, 239)",base0E:"rgb(174, 129, 255)",base0F:"rgb(204, 102, 51)"},light={base00:"#fff",base01:"rgb(245, 245, 245)",base02:"rgb(235, 235, 235)",base03:"#93a1a1",base04:"rgba(0, 0, 0, 0.3)",base05:"#586e75",base06:"#073642",base07:"#002b36",base08:"#d33682",base09:"#cb4b16",base0A:"#dc322f",base0B:"#859900",base0C:"#6c71c4",base0D:"#586e75",base0E:"#2aa198",base0F:"#268bd2"};var themes=Object.freeze({__proto__:null,dark:dark,light:light});const DEFAULT_INDENT_WIDTH$1=4,DEFAULT_EXPANDED$1=1,DEFAULT_THEME={base00:"var(--color-syntax-highlight-base00)",base01:"var(--color-syntax-highlight-base01)",base02:"var(--color-syntax-highlight-base02)",base03:"var(--color-syntax-highlight-base03)",base04:"var(--color-syntax-highlight-base04)",base05:"var(--color-syntax-highlight-base05)",base06:"var(--color-syntax-highlight-base06)",base07:"var(--color-syntax-highlight-base07)",base08:"var(--color-syntax-highlight-base08)",base09:"var(--color-syntax-highlight-base09)",base0A:"var(--color-syntax-highlight-base0A)",base0B:"var(--color-syntax-highlight-base0B)",base0C:"var(--color-syntax-highlight-base0C)",base0D:"var(--color-syntax-highlight-base0D)",base0E:"var(--color-syntax-highlight-base0E)",base0F:"var(--color-syntax-highlight-base0F)"},colorMap=a=>({background:a.base00,ellipsis:a.base09,brace:a.base07,key:a.base07,index:a.base0C,size:a.base04,border:a.base02,highlight:{foreground:a.base06,background:a.base02},toolbar:{border:a.base01,background:a.base01,foreground:a.base07},icon:{expanded:a.base0D,collapsed:a.base0E,expandAll:a.base0E},dataType:{boolean:a.base0E,date:a.base0D,float:a.base0B,function:a.base0D,integer:a.base0F,string:a.base09,nan:a.base08,null:a.base0A,undefined:a.base05,regexp:a.base0A,background:a.base02}}),ThemeContext=React__default.createContext({colors:colorMap(DEFAULT_THEME),indentWidth:4,expanded:DEFAULT_EXPANDED$1}),ExpandAllIcon=()=>{const{colors:a}=useContext(ThemeContext);return React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:a.icon.expandAll,role:"img"},React__default.createElement("title",null,"Expand All"),React__default.createElement("path",{d:"M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6-1.41-1.41z"}))},CollapseAllIcon=()=>{const{colors:a}=useContext(ThemeContext);return React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:a.icon.expandAll,role:"img"},React__default.createElement("title",null,"Collapse All"),React__default.createElement("path",{d:"m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14l-6-6z"}))},INDENTATION_SIZE=5,DEFAULT_TRUNCATE_LENGTH=100,DEFAULT_INDENT_WIDTH=4,DEFAULT_EXPANDED=1;function getValueTypeFromObject(a){return null===a?"null":Array.isArray(a)?"array":a instanceof RegExp?"regexp":a instanceof Date?"date":"object"}function getValueTypeFromNumber(a){var b=Number.isNaN;return b(a)?"nan":Number.isInteger(a)?"integer":"float"}const getTypeOfTheValue=a=>{switch(typeof a){case"object":return getValueTypeFromObject(a);case"number":return getValueTypeFromNumber(a);case"boolean":return"boolean";case"string":return"string";case"undefined":return"undefined";case"function":return"function";default:return"background"}},ExpandIcon=a=>{let{expanded:b}=a;const{colors:c}=useContext(ThemeContext);return React__default.createElement("svg",{fill:b?c.icon.expanded:c.icon.collapsed,width:"1em",height:"1em",viewBox:"0 0 1792 1792",style:{verticalAlign:"middle",color:"var(--color-syntax-highlight-base0E)",height:"1em",width:"1em"}},React__default.createElement("title",null,"Expand/Collapse"),b?(React__default.createElement("path",{d:"M1344 800v64q0 14-9 23t-23 9h-832q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h832q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"})):(React__default.createElement("path",{d:"M1344 800v64q0 14-9 23t-23 9h-352v352q0 14-9 23t-23 9h-64q-14 0-23-9t-9-23v-352h-352q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h352v-352q0-14 9-23t23-9h64q14 0 23 9t9 23v352h352q14 0 23 9t9 23zm128 448v-832q0-66-47-113t-113-47h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113zm128-832v832q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q119 0 203.5 84.5t84.5 203.5z"})))},StringWithHighlight=a=>{let{value:b}=a;const{colors:c,searchTerm:d}=useContext(ThemeContext),e=React__default.useMemo(()=>{if(b===void 0||null===b||!d||""===d)return null;try{const a=b.toString().toLowerCase().indexOf(d.toLowerCase());return 0>a?null:{start:a,end:a+d.length}}catch(a){return console.debug("JsonViewer:",a),null}},[d]);return e?(React__default.createElement(React__default.Fragment,null,b.slice(0,e.start),React__default.createElement("span",{style:{backgroundColor:c.highlight.background,color:c.highlight.foreground}},b.slice(e.start,e.end)),b.slice(e.end))):b},NameLabel=a=>{let{name:b}=a;const{colors:c}=useContext(ThemeContext),d="number"==typeof b,e=d?c.index:c.key,f=d?`${b}`:`"${b}"`;return React__default.createElement("span",{style:{color:e}}," ",React__default.createElement("span",{style:{opacity:.85}},React__default.createElement(StringWithHighlight,{value:f}))," : ")},TypeValueLabel=a=>{let{type:b,value:c}=a;const{colors:d,truncate:e}=useContext(ThemeContext),f=["nan","null","undefined"].includes(b);let g="string"===b?`"${c}"`:`${c}`;if(e){const a=!0===e?DEFAULT_TRUNCATE_LENGTH:e;g.length>a&&(g=g.slice(0,a-3)+"...")}return React__default.createElement("span",{style:{color:d.dataType[b],backgroundColor:f?d.dataType.background:void 0,borderRadius:3,padding:f?"2px 5px":0}},!f&&(React__default.createElement("span",{style:{opacity:.8,fontSize:"small",margin:"0 4px"}},b)),React__default.createElement("span",null,React__default.createElement(StringWithHighlight,{value:g})))},Toolbar=()=>{const{colors:a,onExpandAll:b,onSearch:c}=useContext(ThemeContext);return React__default.createElement("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",borderBottom:`1px solid ${a.toolbar?.border}`,padding:"3px 0 5px 0"}},React__default.createElement("span",{style:{display:"flex"}},React__default.createElement("span",{style:{cursor:"pointer"},onClick:()=>b&&b(!0)},React__default.createElement(ExpandAllIcon,null)),React__default.createElement("span",{style:{cursor:"pointer"},onClick:()=>b&&b(!1)},React__default.createElement(CollapseAllIcon,null))),React__default.createElement(SearchInput,{className:"jn-me-1",style:{backgroundColor:a.toolbar.background,color:a.toolbar.foreground},onChange:a=>c&&c(a.target.value),clear:!0,onClear:()=>c&&c(null)}))},ExpandButton=a=>{let{children:b,isExpanded:c,setIsExpanded:d}=a;return React__default.createElement("span",{style:{cursor:"pointer",display:"inline-block"},onClick:()=>{d(!c)}},b)},JsonData=a=>{let{name:b,value:c,nestedLevel:d=0}=a;const{colors:e,expanded:f,searchTerm:g,indentWidth:h,expandAll:i}=useContext(ThemeContext),[j,k]=React__default.useState(!0===f||!1!==f&&f>d);useLayoutEffect(()=>{i&&k(i.expanded)},[i]),useLayoutEffect(()=>{if(c&&g)try{0<JSON.stringify(c).indexOf(g)&&k(!0)}catch(a){}},[g]);const l=React__default.useMemo(()=>getTypeOfTheValue(c),[c]),m=React__default.useMemo(()=>"array"===l?c.map((a,b)=>({name:b,value:a})):"object"===l?Object.keys(c).map(a=>({name:a,value:c[a]})):null,[l,c]);return React__default.createElement("div",{"data-json-viewer":b},React__default.createElement("div",{style:{letterSpacing:.5,padding:"3px 0"}},m&&(React__default.createElement(React__default.Fragment,null,React__default.createElement(ExpandButton,{isExpanded:j,setIsExpanded:k},React__default.createElement(ExpandIcon,{expanded:j}))," ")),(b||0===b)&&React__default.createElement(NameLabel,{name:b}),m?(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{style:{color:e.brace}},"array"===l?"[":"{"),!j&&(React__default.createElement(React__default.Fragment,null,React__default.createElement(ExpandButton,{isExpanded:j,setIsExpanded:k},React__default.createElement("span",{style:{color:e.ellipsis}},"...")),React__default.createElement("span",{style:{color:e.brace}},"array"===l?"]":"}"))),React__default.createElement("span",{style:{color:e.size,opacity:.85,fontStyle:"italic",fontSize:"smaller"}}," ",m?.length," ",1===m?.length?"item":"items"),j&&(React__default.createElement(React__default.Fragment,null,React__default.createElement("div",{"data-body":b,style:{paddingLeft:INDENTATION_SIZE*h,marginLeft:8,borderLeft:`1px solid ${e.border}`}},m?.map((a,b)=>(React__default.createElement(JsonData,{key:b,name:a.name,value:a.value,nestedLevel:d+1})))),React__default.createElement("span",{style:{color:e.key,marginLeft:6}},"array"===l?"]":"}"))))):(React__default.createElement(TypeValueLabel,{type:l,value:c}))))},JsonViewer=a=>{let{data:e={},showRoot:f=!1,toolbar:g=!1,theme:h=null,expanded:i=DEFAULT_EXPANDED,indentWidth:j=DEFAULT_INDENT_WIDTH,style:b,truncate:k=!1,className:c,...d}=a;const l="string"==typeof h?themes[h]:{...DEFAULT_THEME,...h},m=colorMap(l),[n,o]=React__default.useState(""),[p,q]=React__default.useState(null);return React__default.createElement(ThemeContext.Provider,{value:{colors:m,expanded:i,expandAll:p,searchTerm:n,indentWidth:j,truncate:k,onExpandAll:a=>q({expanded:a,timestamp:Date.now()}),onSearch:a=>o(a)}},React__default.createElement("div",{"data-json-viewer":!0,className:`juno-json-viewer ${c}`,style:{backgroundColor:m.background,fontFamily:"monospace",overflow:"auto",...b},...d},g&&React__default.createElement(Toolbar,null),React__default.createElement(JsonData,{name:!!f&&"root",value:e})))};export{JsonViewer as J};
|
package/build/JsonViewer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{J as JsonViewer}from"./JsonViewer.component-
|
|
1
|
+
export{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";import"react";import"./SearchInput.component-QwymruVn.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import React__default from"react";const labelstyles=`
|
|
2
|
+
jn-text-theme-high
|
|
3
|
+
jn-text-base
|
|
4
|
+
jn-transform
|
|
5
|
+
jn-origin-top-left
|
|
6
|
+
jn-transition-all
|
|
7
|
+
jn-duration-100
|
|
8
|
+
jn-ease-in-out
|
|
9
|
+
jn-z-10
|
|
10
|
+
`,floatingStyles=`
|
|
11
|
+
jn-absolute
|
|
12
|
+
`,minimizedStyles=`
|
|
13
|
+
jn-scale-75
|
|
14
|
+
-jn-translate-y-[0.4375rem]
|
|
15
|
+
`,requiredstyles=`
|
|
16
|
+
jn-inline-block
|
|
17
|
+
jn-w-1
|
|
18
|
+
jn-h-1
|
|
19
|
+
jn-rounded-full
|
|
20
|
+
jn-align-top
|
|
21
|
+
jn-ml-1
|
|
22
|
+
jn-mt-2
|
|
23
|
+
jn-bg-theme-required
|
|
24
|
+
`,disabledstyles=`
|
|
25
|
+
jn-opacity-50
|
|
26
|
+
jn-cursor-not-allowed
|
|
27
|
+
`,Label=React__default.forwardRef((a,b)=>{let{text:d="",htmlFor:e=void 0,required:f=!1,className:g="",disabled:h=!1,floating:i=!1,minimized:j=!1,...c}=a;return React__default.createElement("label",{className:`
|
|
28
|
+
juno-label
|
|
29
|
+
${labelstyles}
|
|
30
|
+
${i?"juno-label-floating "+floatingStyles:""}
|
|
31
|
+
${j?"juno-label-minimized "+minimizedStyles:""}
|
|
32
|
+
${h?"juno-label-disabled "+disabledstyles:""}
|
|
33
|
+
${g}
|
|
34
|
+
`,htmlFor:e,ref:b,...c},d,f?(React__default.createElement("span",{className:`
|
|
35
|
+
juno-required
|
|
36
|
+
${requiredstyles}
|
|
37
|
+
`})):"")});Label.displayName="Label";export{Label as L};
|
package/build/Label.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as Label}from"./Label.component-
|
|
1
|
+
export{L as Label}from"./Label.component-BYZfB1oK.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as React from"react";import React__default from"react";var _style,_g,_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 SvgLoadingIndicator=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",viewBox:"0 0 210 210",height:210,width:210,"aria-labelledby":c},d),b?React.createElement("title",{id:c},b):null,_style||(_style=React.createElement("style",null,"\n\t@keyframes a0_t { 0% { transform: translate(59.3px,59.3px) scale(1,1) translate(-19px,-19px); } 82.5% { transform: translate(59.3px,59.3px) scale(1,1) translate(-19px,-19px); animation-timing-function: cubic-bezier(0,0,.6,1); } 87.5% { transform: translate(59.3px,59.3px) scale(1.1,1.1) translate(-19px,-19px); } 100% { transform: translate(59.3px,59.3px) scale(1.1,1.1) translate(-19px,-19px); } }\n\t@keyframes a0_o { 0% { opacity: 1; } 82.5% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 87.5% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a1_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 20% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a2_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 39.16% { visibility: visible; animation-timing-function: steps(1); } 59.16% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a2_do { 0% { stroke-dashoffset: 0px; } 39.16% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 50.84% { stroke-dashoffset: 75.7px; animation-timing-function: cubic-bezier(.3,.5,.7,1); } 59.16% { stroke-dashoffset: 75.7px; } 100% { stroke-dashoffset: 75.7px; } }\n\t@keyframes a3_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 20% { visibility: visible; animation-timing-function: steps(1); } 40% { visibility: hidden; animation-timing-function: steps(1); } 100% { visibility: hidden; animation-timing-function: steps(1); } }\n\t@keyframes a3_do { 0% { stroke-dashoffset: 118.5px; } 20% { stroke-dashoffset: 118.5px; animation-timing-function: cubic-bezier(.4,0,1,1); } 40% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a4_v { 0% { visibility: visible; animation-timing-function: steps(1); } 21.66% { visibility: hidden; animation-timing-function: steps(1); } 100% { visibility: hidden; animation-timing-function: steps(1); } }\n\t@keyframes a5_do { 0% { stroke-dashoffset: 0px; } 1.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 21.66% { stroke-dashoffset: 118.5px; } 100% { stroke-dashoffset: 118.5px; } }\n\t@keyframes a7_t { 0% { transform: translate(61.4px,61.4px) rotate(-210deg); } 30% { transform: translate(61.4px,61.4px) rotate(-210deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 40% { transform: translate(61.4px,61.4px) rotate(0deg); } 100% { transform: translate(61.4px,61.4px) rotate(0deg); } }\n\t@keyframes a6_t { 0% { transform: scale(1,1) translate(-42.7px,-42.7px); } 78.34% { transform: scale(1,1) translate(-42.7px,-42.7px); animation-timing-function: cubic-bezier(0,0,.6,1); } 84.16% { transform: scale(1.1,1.1) translate(-42.7px,-42.7px); } 100% { transform: scale(1.1,1.1) translate(-42.7px,-42.7px); } }\n\t@keyframes a6_o { 0% { opacity: 1; } 78.34% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 84.16% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a8_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 11.66% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a8_da { 0% { stroke-dasharray: 185.96px 185.96px; } 11.66% { stroke-dasharray: 185.96px 185.96px; animation-timing-function: cubic-bezier(.4,0,1,1); } 30% { stroke-dasharray: 185.96px 185.96px; } 100% { stroke-dasharray: 185.96px 185.96px; } }\n\t@keyframes a8_do { 0% { stroke-dashoffset: 186px; } 11.66% { stroke-dashoffset: 186px; animation-timing-function: cubic-bezier(.4,0,1,1); } 30% { stroke-dashoffset: 0px; } 46.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 59.16% { stroke-dashoffset: 110px; } 100% { stroke-dashoffset: 110px; } }\n\t@keyframes a9_do { 0% { stroke-dashoffset: 27.4px; animation-timing-function: cubic-bezier(.4,0,1,1); } 10.84% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a11_t { 0% { transform: translate(61.4px,61.4px) rotate(170deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 30% { transform: translate(61.4px,61.4px) rotate(170deg); animation-timing-function: cubic-bezier(.4,0,.6,1); } 40% { transform: translate(61.4px,61.4px) rotate(0deg); } 100% { transform: translate(61.4px,61.4px) rotate(0deg); } }\n\t@keyframes a10_t { 0% { transform: scale(1,1) translate(-53px,-53px); } 75.84% { transform: scale(1,1) translate(-53px,-53px); animation-timing-function: cubic-bezier(0,0,.6,1); } 80% { transform: scale(1.1,1.1) translate(-53px,-53px); } 100% { transform: scale(1.1,1.1) translate(-53px,-53px); } }\n\t@keyframes a10_o { 0% { opacity: 1; } 75.84% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 80% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a12_t { 0% { transform: translate(53.5px,53.5px) scale(1,1) translate(-0.5px,-0.5px); } 100% { transform: translate(53.5px,53.5px) scale(1,1) translate(-0.5px,-0.5px); } }\n\t@keyframes a12_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 5% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a12_do { 0% { stroke-dashoffset: 266.7px; } 5% { stroke-dashoffset: 266.7px; animation-timing-function: cubic-bezier(.4,0,.6,1); } 36.66% { stroke-dashoffset: 0px; animation-timing-function: cubic-bezier(0,0,.6,1); } 59.16% { stroke-dashoffset: 136px; } 100% { stroke-dashoffset: 136px; } }\n\t@keyframes a13_da { 0% { stroke-dasharray: 27.35px 27.35px; } 100% { stroke-dasharray: 27.35px 27.35px; } }\n\t@keyframes a13_do { 0% { stroke-dashoffset: 27.4px; animation-timing-function: cubic-bezier(.4,0,1,1); } 5% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n\t@keyframes a14_t { 0% { transform: translate(51.4px,122.3px) scale(1,1); } 85.84% { transform: translate(51.4px,122.3px) scale(1,1); animation-timing-function: cubic-bezier(0,0,.6,1); } 91.66% { transform: translate(51.4px,122.3px) scale(1.1,1.1); } 100% { transform: translate(51.4px,122.3px) scale(1.1,1.1); } }\n\t@keyframes a14_v { 0% { visibility: hidden; animation-timing-function: steps(1); } 53.34% { visibility: visible; animation-timing-function: steps(1); } 100% { visibility: visible; animation-timing-function: steps(1); } }\n\t@keyframes a14_o { 0% { opacity: 1; } 85.84% { opacity: 1; animation-timing-function: cubic-bezier(0,0,.6,1); } 91.66% { opacity: 0; } 100% { opacity: 0; } }\n\t@keyframes a14_do { 0% { stroke-dashoffset: 427px; } 53.34% { stroke-dashoffset: 427px; animation-timing-function: cubic-bezier(.4,0,.6,1); } 67.5% { stroke-dashoffset: 0px; } 100% { stroke-dashoffset: 0px; } }\n")),_g||(_g=React.createElement("g",{transform:"translate(101.9,25.7)"})),React.createElement("g",{transform:"translate(86.5,8.5)"},React.createElement("g",{transform:"translate(59.3,59.3) translate(-19,-19)",style:{animation:"5s linear infinite both a0_t, 5s linear infinite both a0_o"}},React.createElement("g",{visibility:"hidden",transform:"translate(21.1,21.1) rotate(97) scale(1,-1) translate(-19,-19)",style:{animation:"5s linear infinite forwards a1_v"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c-0.1 .2-3 2.8-4.8 6.4c-1.1 2.4-1.7 5.1-1.7 7.9c0 10.5 8.5 19 19 19c10.5 0 19-8.5 19-19c0-10.5-8.5-19-19-19c-2.3 0-4.5 .4-6.6 1.2c-2.2 .8-4.2 2-5.9 3.5",strokeDasharray:"118.5 118.5",visibility:"hidden",transform:"translate(19,19)",style:{animation:"5s linear infinite forwards a2_v, 5s linear infinite both a2_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c1.7-1.5 3.7-2.7 5.9-3.5c2.1-0.8 4.3-1.2 6.6-1.2c10.5 0 19 8.5 19 19c0 10.5-8.5 19-19 19c-10.5 0-19-8.5-19-19c0-2.8 .6-5.5 1.7-7.9c1.8-3.6 4.7-6.2 4.8-6.4",strokeDasharray:"118.5 118.5",strokeDashoffset:118.5,visibility:"hidden",transform:"translate(19,19)",style:{animation:"5s linear infinite forwards a3_v, 5s linear infinite both a3_do"}})),React.createElement("g",{opacity:0,visibility:"visible",transform:"translate(2.2,2.2)",style:{animation:"5s linear infinite forwards a4_v"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-12.5-14.3c3.3-2.9 7.7-4.7 12.5-4.7c10.5 0 19 8.5 19 19c0 10.5-8.5 19-19 19c-10.5 0-19-8.5-19-19c0-2.8 .6-5.5 1.7-7.9c1.8-3.6 4.7-6.2 4.8-6.4",strokeDasharray:"118.5 118.5",transform:"translate(19,19)",style:{animation:"5s linear infinite both a5_do"}}))),React.createElement("g",{style:{animation:"5s linear infinite both a7_t"}},React.createElement("g",{transform:"translate(61.4,61.4) rotate(-210) translate(-42.7,-42.7)",style:{animation:"5s linear infinite both a6_t, 5s linear infinite both a6_o"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M-17.4-26.9c.7-0.4 1.4-0.9 2.2-1.3c2.5-1.4 5.3-2.4 8.2-3.1c2.2-0.5 4.6-0.7 7-0.7c17.7 0 32 14.3 32 32c0 17.7-14.3 32-32 32c-17.7 0-32-14.3-32-32c0-5.9 1.6-11.4 4.3-16.1",strokeDasharray:"186 186",strokeDashoffset:186,visibility:"hidden",transform:"translate(42.7,42.7)",style:{animation:"5s linear infinite forwards a8_v, 5s linear infinite both a8_da, 5s linear infinite both a8_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:1,strokeWidth:3.5,d:"M4.5 0c0 1.1-0.4 2.1-1.1 2.8c-0.8 1-2 1.7-3.4 1.7c-2.5 0-4.5-2-4.5-4.5c0-2.5 2-4.5 4.5-4.5c2.5 0 4.5 2 4.5 4.5Z",strokeDasharray:"27.4 27.4",strokeDashoffset:27.3,transform:"translate(19.4,18.6) rotate(-26) scale(1.08,1.08) translate(1.1,1.1)",style:{animation:"5s linear infinite both a9_do"}}))),React.createElement("g",{style:{animation:"5s linear infinite both a11_t"}},React.createElement("g",{transform:"translate(61.4,61.4) rotate(170) translate(-53,-53)",style:{animation:"5s linear infinite both a10_t, 5s linear infinite both a10_o"}},React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeMiterlimit:1,strokeWidth:5,d:"M41.8 16.7m.2-0.5c1.9-5 3-10.5 3-16.2c0-8.9-2.6-17.1-7-24.1c-8-12.5-22-20.9-38-20.9c-24.8 0-45 20.2-45 45c0 24.8 20.2 45 45 45c13.6 0 25.7-6 34-15.6",strokeDasharray:"266.7 266.7",strokeDashoffset:266.7,visibility:"hidden",transform:"translate(53.5,53.5) translate(-0.5,-0.5)",style:{animation:"5s linear infinite both a12_t, 5s linear infinite forwards a12_v, 5s linear infinite both a12_do"}}),React.createElement("path",{fill:"none",stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeMiterlimit:1,strokeWidth:3.5,d:"M3.5-2.7c.6 .7 1 1.7 1 2.7c0 2.5-2 4.5-4.5 4.5c-2.5 0-4.5-2-4.5-4.5c0-2.5 2-4.5 4.5-4.5c1.4 0 2.7 .7 3.5 1.8Z",strokeDasharray:"27.3 27.3",strokeDashoffset:27.3,transform:"translate(91.7,74) rotate(-26) scale(1.08,1.08) translate(1.1,1.1)",style:{animation:"5s linear infinite both a13_da, 5s linear infinite both a13_do"}})))),React.createElement("path",{fill:"none",stroke:"currentcolor",d:"M123.3-21.9c1.6 4.3 2.5 8.9 2.5 13.8c0 21.4-16.9 38.8-38.1 39.7v.1h-1.7h-11.4h-75.2c-17.2-0.4-31.1-14.4-31.1-31.7c0-17.5 14.2-31.7 31.7-31.7c1.7 0 3.4 .2 5 .4c0-0.1 0-0.2 0-0.4c0-20.8 16.9-37.7 37.7-37.7c15.5 0 28.7 9.2 34.6 22.5c2.8-0.6 5.7-0.9 8.7-0.9c17.1 0 31.7 10.7 37.3 25.9Z",strokeDasharray:"427 427",strokeDashoffset:427,strokeWidth:6,strokeLinecap:"round",visibility:"hidden",transform:"translate(51.4,122.3)",style:{animation:"5s linear infinite both a14_t, 5s linear infinite forwards a14_v, 5s linear infinite both a14_o, 5s linear infinite both a14_do"}}))};const defaultSize=96,LoadingIndicator=a=>{let{size:c=defaultSize,color:d="",className:e="",...b}=a;const f="number"==typeof c?c:parseInt(c),g=isNaN(f)||0>=f?defaultSize:f;return React__default.createElement(SvgLoadingIndicator,{width:g,height:g,className:`${e} ${d}`,role:"progressbar",alt:"Loading indicator",...b})};export{LoadingIndicator as L};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{L as LoadingIndicator}from"./LoadingIndicator.component-
|
|
1
|
+
export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";import"react";
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React__default from"react";const mainStyles=`
|
|
2
|
+
jn-flex
|
|
3
|
+
jn-grow
|
|
4
|
+
jn-bg-theme-global-bg
|
|
5
|
+
`,MainContainer=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("main",{className:`juno-main ${mainStyles} ${c}`,...b},d)};export{MainContainer as M};
|
package/build/MainContainer.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as MainContainer}from"./MainContainer.component-
|
|
1
|
+
export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import"react";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React__default from"react";const mainInnerStyles=`
|
|
2
|
+
jn-flex
|
|
3
|
+
jn-grow
|
|
4
|
+
`,constrainStyles=`
|
|
5
|
+
2xl:jn-container
|
|
6
|
+
2xl:jn-mx-auto
|
|
7
|
+
`,constrainWithSideNavStyles=`
|
|
8
|
+
3xl:jn-container
|
|
9
|
+
3xl:jn-mx-auto
|
|
10
|
+
`,MainContainerInner=a=>{let{children:c=null,fullWidth:d=!1,hasSideNav:e=!1,className:f="",...b}=a;return React__default.createElement("div",{className:`
|
|
11
|
+
juno-main-inner
|
|
12
|
+
${mainInnerStyles}
|
|
13
|
+
${d?"juno-main-inner-fullwidth":e?constrainWithSideNavStyles:constrainStyles}
|
|
14
|
+
${f}`,...b},c)};export{MainContainerInner as M};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as MainContainerInner}from"./MainContainerInner.component-
|
|
1
|
+
export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";import{T as Tabs}from"./Tabs.component-BRM3cTLV.js";const MainTabs=a=>{let{children:f=null,defaultIndex:b,selectedIndex:c,onSelect:d,className:g="",...e}=a;return React__default.createElement(Tabs,{defaultIndex:b,selectedIndex:c,onSelect:d,className:g,variant:"main",...e},f)};export{MainTabs as M};
|
package/build/MainTabs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as MainTabs}from"./MainTabs.component-
|
|
1
|
+
export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";import"react";import"./Tabs.component-BRM3cTLV.js";import"./TabPanel-B6oG_h5d.js";import"prop-types";
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React__default,{createContext}from"react";import{q as qe}from"./menu-DiwXZMR-.js";const baseStyles=`
|
|
2
|
+
jn-overflow-hidden
|
|
3
|
+
jn-flex
|
|
4
|
+
jn-flex-col
|
|
5
|
+
jn-rounded
|
|
6
|
+
jn-bg-theme-background-lvl-1
|
|
7
|
+
`,smallStyles=`
|
|
8
|
+
jn-text-sm
|
|
9
|
+
`,normalStyles=`
|
|
10
|
+
jn-text-base
|
|
11
|
+
`,MenuContext=createContext(void 0),Menu=a=>{let{children:c=null,variant:d="normal",className:e="",...b}=a;return React__default.createElement(MenuContext.Provider,{value:{variant:d}},React__default.createElement(qe,null,React__default.createElement("div",{className:`
|
|
12
|
+
juno-menu
|
|
13
|
+
juno-menu-${d}
|
|
14
|
+
${baseStyles}
|
|
15
|
+
${"small"===d?smallStyles:normalStyles}
|
|
16
|
+
${e}
|
|
17
|
+
`,role:"menu",...b},c)))};export{Menu as M,MenuContext as a};
|
package/build/Menu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as Menu}from"./Menu.component-
|
|
1
|
+
export{M as Menu}from"./Menu.component-vFmV6jCc.js";import"react";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import React__default,{useContext}from"react";import{a as MenuContext}from"./Menu.component-vFmV6jCc.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const itemStyles=`
|
|
2
|
+
jn-text-theme-default
|
|
3
|
+
jn-flex
|
|
4
|
+
jn-items-center
|
|
5
|
+
jn-w-full
|
|
6
|
+
bg-clip-padding
|
|
7
|
+
jn-truncate
|
|
8
|
+
jn-text-left
|
|
9
|
+
jn-bg-theme-background-lvl-1
|
|
10
|
+
disabled:jn-cursor-not-allowed
|
|
11
|
+
data-[headlessui-state="disabled"]:jn-cursor-not-allowed
|
|
12
|
+
`,smallStyles=`
|
|
13
|
+
jn-text-sm
|
|
14
|
+
jn-p-2
|
|
15
|
+
`,normalStyles=`
|
|
16
|
+
jn-text-base
|
|
17
|
+
jn-pt-[0.6875rem]
|
|
18
|
+
jn-pb-[0.5rem]
|
|
19
|
+
jn-px-[0.875rem]
|
|
20
|
+
`,actionableItemStyles=`
|
|
21
|
+
hover:jn-bg-theme-background-lvl-3
|
|
22
|
+
cursor-pointer
|
|
23
|
+
data-[headlessui-state="disabled"]:jn-bg-theme-background-lvl-3
|
|
24
|
+
`,MenuItem=a=>{let{children:c=null,className:d="",disabled:e=!1,href:f="",icon:g=null,label:h="",onClick:i=void 0,...b}=a;const j=useContext(MenuContext),k=j?.variant??"normal",l=f?"a":c?"div":i?"button":"div";return React__default.createElement(qe.Item,{as:l,...(f&&!e&&"a"===l?{href:f}:{}),onClick:i&&"button"===l&&!e?a=>{i&&i(a)}:void 0,disabled:e,className:`
|
|
25
|
+
juno-menu-item
|
|
26
|
+
juno-menu-item-${l}
|
|
27
|
+
${itemStyles}
|
|
28
|
+
${"div"===l?"":actionableItemStyles}
|
|
29
|
+
${"small"===k?smallStyles:normalStyles}
|
|
30
|
+
${e?"jn-cursor-not-allowed":""}
|
|
31
|
+
${d}
|
|
32
|
+
`,...b},React__default.createElement("span",{className:`${e?"jn-opacity-50":""}`},g&&React__default.createElement(Icon,{icon:g,size:"18",className:"jn-inline-block jn-mr-2"}),c||h))};export{MenuItem as M};
|
package/build/MenuItem.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as MenuItem}from"./MenuItem.component-
|
|
1
|
+
export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";import"react";import"./Menu.component-vFmV6jCc.js";import"./menu-DiwXZMR-.js";import"./keyboard-D0PLkOsr.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React__default from"react";const sectionStyles=`
|
|
2
|
+
jn-bg-theme-background-lvl-1
|
|
3
|
+
jn-flex
|
|
4
|
+
jn-flex-col
|
|
5
|
+
jn-border-b
|
|
6
|
+
jn-border-theme-background-lvl-3
|
|
7
|
+
last:jn-border-b-0
|
|
8
|
+
`,titleStyles=`
|
|
9
|
+
jn-text-xs
|
|
10
|
+
jn-p-2
|
|
11
|
+
`,MenuSection=a=>{let{title:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("div",{className:`juno-menu-section ${sectionStyles} ${e}`,...b},c?React__default.createElement("div",{className:`juno-menu-section-title ${titleStyles}`},c):"",d)};export{MenuSection as M};
|
package/build/MenuSection.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as MenuSection}from"./MenuSection.component-
|
|
1
|
+
export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";import"react";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import React__default,{useState,useRef,useEffect}from"react";import{I as Icon,K as KnownIconsEnum}from"./Icon.component-ClhnejN0.js";const messageBaseStyles=`
|
|
2
|
+
jn-text-theme-high
|
|
3
|
+
jn-flex
|
|
4
|
+
jn-rounded
|
|
5
|
+
jn-leading-5
|
|
6
|
+
jn-overflow-hidden
|
|
7
|
+
jn-items-center
|
|
8
|
+
`,messageHeadingStyles=`
|
|
9
|
+
jn-font-bold
|
|
10
|
+
`,messageContentStyles=`
|
|
11
|
+
jn-py-3
|
|
12
|
+
jn-pr-4
|
|
13
|
+
jn-ml-7
|
|
14
|
+
`,messageBorderStyles=`
|
|
15
|
+
jn-w-[4px]
|
|
16
|
+
jn-self-stretch
|
|
17
|
+
jn-border-l-4
|
|
18
|
+
jn-mr-6
|
|
19
|
+
jn-shrink-0
|
|
20
|
+
`,dismissButtonStyles=`
|
|
21
|
+
jn-ml-auto
|
|
22
|
+
jn-self-stretch
|
|
23
|
+
jn-flex
|
|
24
|
+
jn-flex-col
|
|
25
|
+
jn-py-2.5
|
|
26
|
+
jn-pr-2.5
|
|
27
|
+
`,messageVariantStyles={default:`jn-border-theme-message-default`,defaultBg:`jn-bg-theme-message-default`,error:`jn-border-theme-message-error`,errorBg:`jn-bg-theme-message-error`,warning:`jn-border-theme-message-warning`,warningBg:`jn-bg-theme-message-warning`,danger:`jn-border-theme-message-danger`,dangerBg:`jn-bg-theme-message-danger`,success:`jn-border-theme-message-success`,successBg:`jn-bg-theme-message-success`},getBackgroundStyle=a=>"error"===a?messageVariantStyles.errorBg:"warning"===a?messageVariantStyles.warningBg:"success"===a?messageVariantStyles.successBg:"info"===a?messageVariantStyles.defaultBg:"danger"===a?messageVariantStyles.dangerBg:messageVariantStyles.defaultBg,getVariantStyle=a=>"error"===a?messageVariantStyles.error:"warning"===a?messageVariantStyles.warning:"success"===a?messageVariantStyles.success:"info"===a?messageVariantStyles.default:"danger"===a?messageVariantStyles.danger:messageVariantStyles.default,isValidIcon=a=>{const b=new Set(Object.values(KnownIconsEnum));return b.has(a)},getIcon=a=>"error"===a?"dangerous":isValidIcon(a)?a:"default",initiateAutoDismiss=(a,b,c,d)=>{!a||1>b||(null!==d.current&&clearTimeout(d.current),d.current=window.setTimeout(()=>{c()},b))},clearAutoDismissTimeout=a=>{null!==a.current&&(clearTimeout(a.current),a.current=null)},Message=a=>{let{title:e=null,text:f=null,variant:g="info",dismissible:h=!1,autoDismiss:i=!1,autoDismissTimeout:j=1e4,onDismiss:b,className:k="",children:c,...d}=a;const[l,m]=useState(!0),n=useRef(null),o=()=>{m(!1),b&&b()};if(useEffect(()=>()=>{clearAutoDismissTimeout(n)},[]),useEffect(()=>{initiateAutoDismiss(i,j,o,n)},[i,j]),!l)return null;const p=getIcon(g),q=getBackgroundStyle(g),r=getVariantStyle(g);return React__default.createElement("div",{className:`juno-message juno-message-${g} ${messageBaseStyles} ${q} ${k}`,...d},React__default.createElement("div",{className:`juno-message-border ${messageBorderStyles} ${r}`}),React__default.createElement(Icon,{icon:p,color:`jn-text-theme-${g}`,className:"jn-shrink-0"}),React__default.createElement("div",{className:`juno-message-content ${messageContentStyles}`},e&&React__default.createElement("h1",{className:messageHeadingStyles},e),React__default.createElement("div",null,c||f)),h&&(React__default.createElement("div",{className:dismissButtonStyles},React__default.createElement(Icon,{icon:"close",onClick:o,className:"juno-message-close-button jn-opacity-50 hover:jn-opacity-100"}))))};export{Message as M};
|
package/build/Message.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{M as Message}from"./Message.component-
|
|
1
|
+
export{M as Message}from"./Message.component-A7V1Flcl.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";
|
package/build/Modal.js
CHANGED
|
@@ -1 +1,31 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React__default,{useState,useEffect,useRef,useId}from"react";import{createPortal}from"react-dom";import{F as FocusTrap}from"./focus-trap-react-QYyPJKV2.js";import{M as ModalFooter}from"./ModalFooter.component-BK0doJJO.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import"./_commonjsHelpers-BxGi5vpY.js";import"prop-types";import"./Button.component-liw0UuGT.js";import"./Spinner.component-CO095KvL.js";import"./ButtonRow.component-CzhKhK_N.js";import"./Stack.component-Pe-1jf3W.js";import"./widgets-njngpHa5.js";const modalcontainerstyles=`
|
|
2
|
+
jn-fixed
|
|
3
|
+
jn-inset-0
|
|
4
|
+
jn-flex
|
|
5
|
+
jn-items-center
|
|
6
|
+
jn-bg-theme-modal-backdrop
|
|
7
|
+
jn-backdrop-blur-[2px]
|
|
8
|
+
jn-z-[9990]
|
|
9
|
+
`,modalstyles=`
|
|
10
|
+
jn-bg-theme-background-lvl-0
|
|
11
|
+
jn-relative
|
|
12
|
+
jn-rounded
|
|
13
|
+
jn-m-auto
|
|
14
|
+
jn-overflow-y-auto
|
|
15
|
+
jn-max-h-[90%]
|
|
16
|
+
`,headerstyles=`
|
|
17
|
+
jn-flex
|
|
18
|
+
jn-py-2
|
|
19
|
+
jn-px-8
|
|
20
|
+
jn-border-b
|
|
21
|
+
jn-border-theme-background-lvl-4
|
|
22
|
+
jn-h-[2.8125rem]
|
|
23
|
+
`,titlestyles=`
|
|
24
|
+
jn-text-xl
|
|
25
|
+
jn-font-bold
|
|
26
|
+
`,contentstyles=`
|
|
27
|
+
jn-min-h-[5rem]
|
|
28
|
+
`,contentpaddingstyles=`
|
|
29
|
+
jn-py-4
|
|
30
|
+
jn-px-8
|
|
31
|
+
`,sizeClass=a=>"large"===a?`jn-w-[40rem]`:`jn-w-[33.625rem]`,Modal=a=>{let{ariaLabel:b,cancelButtonIcon:g=null,cancelButtonLabel:h="",confirmButtonIcon:i=null,confirmButtonLabel:j="",children:k=null,closeable:l=!0,closeOnBackdropClick:m=!1,closeOnEsc:n=!0,heading:o="",initialFocus:c,modalFooter:p=null,onConfirm:d,onCancel:e,open:q=!1,size:r="small",title:s="",unpad:t=!1,className:u="",...f}=a;const[v,w]=useState(q),[x,y]=useState(l),[z,A]=useState(m),[B,C]=useState(n);useEffect(()=>{w(q)},[q]),useEffect(()=>{y(l)},[l]),useEffect(()=>{A(m)},[m]),useEffect(()=>{C(n)},[n]);const D=a=>{w(!1),e&&e(a)},E=a=>{x&&B&&(w(!1),e&&e(a))},F=usePortalRef(),G=useRef(null),H=s||o,I=(()=>"juno-modal-"+useId())();return React__default.createElement(React__default.Fragment,null,v&&createPortal(React__default.createElement("div",{className:`juno-modal-container ${modalcontainerstyles}`,onClick:a=>{z?(w(!1),e&&e(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:c,clickOutsideDeactivates:z,fallbackFocus:()=>G.current,allowOutsideClick:!0,escapeDeactivates:a=>(E(a),!1)}},React__default.createElement("div",{className:`juno-modal ${sizeClass(r)} ${modalstyles} ${u}`,role:"dialog",ref:G,...f,"aria-labelledby":H&&H.length?I:void 0,"aria-label":b},React__default.createElement("div",{className:`juno-modal-header ${headerstyles} ${H&&H.length?`jn-justify-between`:`jn-justify-end`}`},s||o?(React__default.createElement("h1",{className:`juno-modal-title ${titlestyles}`,id:I},s||o)):"",x?React__default.createElement(Icon,{icon:"close",onClick:D}):""),React__default.createElement("div",{className:`juno-modal-content ${contentstyles} ${t?"":contentpaddingstyles}`},k),x?p?p:(React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:h,confirmButtonIcon:i,cancelButtonIcon:g,onConfirm:d?a=>{d&&d(a)}:null,onCancel:D})):null))),F?F:document.body))};export{Modal};
|