@cloudoperators/juno-ui-components 2.30.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/{DateTimePicker.component-C2tX_eji.js → DateTimePicker.component-BMkIzxY0.js} +3 -3
- package/build/DateTimePicker.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.component-BfgCOLpX.js → Select.component-DNPTrdQs.js} +1 -1
- package/build/Select.js +1 -1
- package/build/SelectOption.js +42 -1
- package/build/{SelectRow.component-D3y6s-A2.js → SelectRow.component-D0F2VY1t.js} +1 -1
- package/build/SelectRow.js +1 -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/{ComboBox.component-BpssbOYC.js → combobox-JmdrroKh.js} +2 -116
- package/build/components/Code/Code.component.d.ts +11 -0
- package/build/components/Code/Code.component.d.ts.map +1 -0
- package/build/components/Code/index.d.ts +2 -0
- package/build/components/Code/index.d.ts.map +1 -0
- package/build/components/ComboBox/ComboBox.component.d.ts +69 -0
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -0
- package/build/components/ComboBox/index.d.ts +2 -0
- package/build/components/ComboBox/index.d.ts.map +1 -0
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +15 -0
- package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -0
- package/build/components/ComboBoxOption/index.d.ts +2 -0
- package/build/components/ComboBoxOption/index.d.ts.map +1 -0
- 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/{floating-ui.react-dom-DmTNS6Kr.js → floating-ui.react-dom-Bx8TUz-v.js} +1 -1
- package/build/{headlessui-float-lyiwAWIX.js → headlessui-float-BQHnLFxQ.js} +1 -1
- 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 +154 -2
- 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-w7x4oiMK.js +0 -4
- package/build/CodeBlock.component-CXDUnHIb.js +0 -1
- package/build/ComboBoxOption.component-D7XdDUph.js +0 -39
- 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-DyB2n7er.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-6CTFGCb-.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-BpoPsXOT.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-D23JdNpf.js +0 -1
- package/build/TooltipContent.component-A3crwGIj.js +0 -1
- package/build/TooltipTrigger.component-D5levpwF.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
package/build/AppBody.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AppBody}from"./AppBody.component-
|
|
1
|
+
export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";import{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";import{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";const AppShell=a=>{let{children:b,className:g="",contentHeading:h="",embedded:i=!1,fullWidthContent:c,pageHeader:j=React__default.createElement(PageHeader,null),pageFooter:k=React__default.createElement(PageFooter,null),sideNavigation:d,topNavigation:e,...f}=a;return h&&h.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content."),(React__default.createElement(AppBody,{className:g,...f},h||"",i?(React__default.createElement(React__default.Fragment,null,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==c,hasSideNav:!!d,className:`${e?"jn-mt-[3.875rem]":""}`},d&&d,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,j&&("string"==typeof j||j instanceof String)?(React__default.createElement(PageHeader,{heading:j})):j,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!0===c,hasSideNav:!!d,className:"jn-mt-[3.875rem]"},d&&d,React__default.createElement(ContentContainer,{className:d?"":"jn-ml-8"},b))),k?k:React__default.createElement(PageFooter,null)))))};export{AppShell as A};
|
package/build/AppShell.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{A as AppShell}from"./AppShell.component-
|
|
1
|
+
export{A as AppShell}from"./AppShell.component-BNckh29Y.js";import"react";import"./AppBody.component-C9lIZEeC.js";import"./PageHeader.component-DqYR6Yyo.js";import"./MainContainer.component-DV_tQlek.js";import"./MainContainerInner.component-DhiRjgBx.js";import"./ContentContainer.component-wLeOohOT.js";import"./PageFooter.component-CeD5DCjY.js";
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React__default from"react";import{I as Icon,K as KnownIconsEnum}from"./Icon.component-ClhnejN0.js";const badgeBaseStyles=`
|
|
2
|
+
jn-rounded
|
|
3
|
+
jn-text-sm
|
|
4
|
+
jn-text-theme-default
|
|
5
|
+
jn-py-0.5
|
|
6
|
+
jn-px-1
|
|
7
|
+
jn-justify-center
|
|
8
|
+
jn-items-center
|
|
9
|
+
`,badgeVariantStyles={default:"jn-bg-theme-badge-default",info:"jn-bg-theme-info/25",success:"jn-bg-theme-success/25",warning:"jn-bg-theme-warning/25",danger:"jn-bg-theme-danger/25",error:"jn-bg-theme-error/25"},iconStyles="jn-mr-1 jn-items-center",getVariantStyle=a=>badgeVariantStyles[a]||badgeVariantStyles.default,getIcon=(a,b)=>"string"==typeof a&&isValidIcon(a)?a:!0===a?b:void 0,getIconColor=(a,b)=>!0===a?`jn-text-theme-${b}`:void 0,isValidIcon=a=>{const b=new Set(Object.values(KnownIconsEnum));return b.has(a)},Badge=a=>{let{variant:c="default",icon:d=!1,text:e="",className:f="",children:g=null,...b}=a;const h=getIcon(d,c),i=getIconColor(d,c);return React__default.createElement("span",{className:`
|
|
10
|
+
juno-badge
|
|
11
|
+
juno-badge-${c}
|
|
12
|
+
${badgeBaseStyles}
|
|
13
|
+
${getVariantStyle(c)}
|
|
14
|
+
${d?"jn-inline-flex":""}
|
|
15
|
+
${f}`,...b},h&&React__default.createElement(Icon,{icon:h,size:"1.125rem",className:iconStyles,color:i}),g||e)};export{Badge as B};
|
package/build/Badge.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Badge}from"./Badge.component-
|
|
1
|
+
export{B as Badge}from"./Badge.component-CLaF9Up0.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React__default from"react";const boxStyles=`
|
|
2
|
+
jn-text-sm
|
|
3
|
+
jn-rounded
|
|
4
|
+
jn-bg-theme-box-default
|
|
5
|
+
jn-border
|
|
6
|
+
jn-border-theme-box-default
|
|
7
|
+
`,boxPadding=`
|
|
8
|
+
jn-py-1
|
|
9
|
+
jn-px-2
|
|
10
|
+
`,Box=a=>{let{children:c=null,unpad:d=!1,className:e="",...b}=a;const f=`juno-box ${boxStyles} ${d?"":boxPadding} ${e}`;return React__default.createElement("div",{className:f,...b},c)};export{Box as B};
|
package/build/Box.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Box}from"./Box.component-
|
|
1
|
+
export{B as Box}from"./Box.component-V4TDnAgb.js";import"react";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default,{Children}from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";import{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";const Breadcrumb=a=>{let{children:c=null,className:d="",...b}=a;const e=Children.toArray(c).filter(React__default.isValidElement),f=e.map((a,b)=>(React__default.createElement(React__default.Fragment,{key:b},React__default.createElement(BreadcrumbItem,{...a.props}),b<e.length-1&&React__default.createElement(Icon,{icon:"chevronRight"}))));return React__default.createElement(Stack,{className:`juno-breadcrumb ${d}`,gap:"1",...b},f)};export{Breadcrumb as B};
|
package/build/Breadcrumb.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Breadcrumb}from"./Breadcrumb.component-
|
|
1
|
+
export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";import"./BreadcrumbItem.component-C99Dj0IW.js";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";const breadcrumbItemBaseStyles=`
|
|
2
|
+
jn-text-sm
|
|
3
|
+
jn-text-theme-high
|
|
4
|
+
jn-flex
|
|
5
|
+
jn-gap-1
|
|
6
|
+
jn-items-center
|
|
7
|
+
`,breadcrumbLinkBaseStyles=`
|
|
8
|
+
jn-text-theme-high
|
|
9
|
+
jn-inline-flex
|
|
10
|
+
`,BreadcrumbItem=a=>{let{icon:d=null,href:e="#",label:f="Item",ariaLabel:g="",active:h=!1,children:i=null,onClick:b,disabled:j=!1,className:k="",...c}=a;if(i)return React__default.createElement(React__default.Fragment,null,i);const l=d?(React__default.createElement(Icon,{icon:d,size:"18",color:"jn-text-theme-default",className:f?"jn-mr-1":""})):null,m=`juno-breadcrumb-item
|
|
11
|
+
${breadcrumbItemBaseStyles}
|
|
12
|
+
${j?"juno-breadcrumb-item-disabled":""}
|
|
13
|
+
${h?"juno-breadcrumb-item-active":""}
|
|
14
|
+
${k}`;if(h||j)return React__default.createElement("span",{className:m,...c},l,f);return React__default.createElement("span",{className:m,...c},React__default.createElement("a",{href:e,className:breadcrumbLinkBaseStyles,"aria-label":g||f,onClick:a=>{b&&!j&&b(a)}},l,f))};export{BreadcrumbItem as B};
|
package/build/BreadcrumbItem.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as BreadcrumbItem}from"./BreadcrumbItem.component-
|
|
1
|
+
export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import React__default from"react";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";const btnBase=`
|
|
2
|
+
jn-font-bold
|
|
3
|
+
jn-inline-flex
|
|
4
|
+
jn-justify-center
|
|
5
|
+
jn-items-center
|
|
6
|
+
jn-rounded
|
|
7
|
+
jn-shadow-sm
|
|
8
|
+
jn-w-auto
|
|
9
|
+
focus:jn-outline-none
|
|
10
|
+
focus-visible:jn-ring-2
|
|
11
|
+
focus-visible:jn-ring-theme-focus
|
|
12
|
+
focus-visible:jn-ring-offset-1
|
|
13
|
+
focus-visible:jn-ring-offset-theme-focus
|
|
14
|
+
disabled:jn-opacity-50
|
|
15
|
+
disabled:jn-cursor-not-allowed
|
|
16
|
+
disabled:jn-pointer-events-none
|
|
17
|
+
`,btnSmallBase=`
|
|
18
|
+
jn-text-sm
|
|
19
|
+
jn-leading-5
|
|
20
|
+
`,btnDefaultBase=`
|
|
21
|
+
jn-text-base
|
|
22
|
+
jn-leading-6
|
|
23
|
+
`,btnSmallDefaultPadding=`
|
|
24
|
+
jn-py-[0.3125rem]
|
|
25
|
+
jn-px-[0.5rem]
|
|
26
|
+
`,btnSmallSubduedPadding=`
|
|
27
|
+
jn-py-[0.25rem]
|
|
28
|
+
jn-px-[0.4375rem]
|
|
29
|
+
`,btnDefaultPadding=`
|
|
30
|
+
jn-py-[0.4375rem]
|
|
31
|
+
jn-px-[0.625rem]
|
|
32
|
+
`,btnDefaultSubduedPadding=`
|
|
33
|
+
jn-py-[0.375rem]
|
|
34
|
+
jn-px-[0.5625rem]
|
|
35
|
+
`,getButtonPadding=(a,b)=>"small"===a?"subdued"===b?`${btnSmallSubduedPadding}`:`${btnSmallDefaultPadding}`:"subdued"===b?`${btnDefaultSubduedPadding}`:`${btnDefaultPadding}`,btnIconSmall=`
|
|
36
|
+
jn-mr-2
|
|
37
|
+
`,btnIconDefault=`
|
|
38
|
+
jn-mr-2
|
|
39
|
+
`,iconClasses=a=>"small"===a?`${btnIconSmall}`:`${btnIconDefault}`,progressClass=a=>{const b=a?`in-progress`:``;return b},spinnerColorClass=a=>"default"===a?"jn-text-theme-accent":"primary"===a?"jn-text-white":"primary-danger"===a?"jn-text-white":"",Button=React__default.forwardRef((a,b)=>{let{label:c,title:h=null,variant:d,size:i="default",disabled:j=null,href:k=null,icon:l=null,className:m="",onClick:e,children:f,progress:n=!1,progressLabel:o="",...g}=a;const p=d||"default",q=h||c||"",r=n?(React__default.createElement(Spinner,{size:"small"===i?"1.125rem":"1.5rem",color:`${spinnerColorClass(p)}`})):l?(React__default.createElement(Icon,{icon:l,title:q,className:`juno-button-icon ${c||f?iconClasses(i):""} `,size:"small"===i?"1.125rem":"1.5rem"})):null,s=n&&o?o:c||f,t=React__default.createElement("button",{className:`
|
|
40
|
+
juno-button
|
|
41
|
+
juno-button-${p}
|
|
42
|
+
juno-button-${i}-size
|
|
43
|
+
${btnBase}
|
|
44
|
+
${"small"===i?btnSmallBase:btnDefaultBase}
|
|
45
|
+
${getButtonPadding(i,d)}
|
|
46
|
+
${progressClass(n)}
|
|
47
|
+
${m}`,disabled:j||void 0,onClick:a=>{e&&e(a)},ref:b,...g,type:"button",title:q},r,s),u=React__default.createElement("a",{href:k||void 0,role:"button",className:`
|
|
48
|
+
juno-button
|
|
49
|
+
juno-button-${p}
|
|
50
|
+
juno-button-${i}-size
|
|
51
|
+
${btnBase}
|
|
52
|
+
${"small"===i?btnSmallBase:btnDefaultBase}
|
|
53
|
+
${getButtonPadding(i,d)}
|
|
54
|
+
${progressClass(n)}
|
|
55
|
+
${m}
|
|
56
|
+
`,disabled:j,onClick:e,ref:b,...g,title:q},r,s);return k?u:t});Button.displayName="Button";export{Button as B};
|
package/build/Button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as Button}from"./Button.component-
|
|
1
|
+
export{B as Button}from"./Button.component-liw0UuGT.js";import"react";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";import{S as Stack}from"./Stack.component-Pe-1jf3W.js";const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,{gap:"2",distribution:"end",className:`juno-button-row ${d}`,...b},c)};export{ButtonRow as B};
|
package/build/ButtonRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{B as ButtonRow}from"./ButtonRow.component-
|
|
1
|
+
export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";import"react";import"./Stack.component-Pe-1jf3W.js";
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React__default,{useContext,useState,useEffect,useMemo,useId}from"react";import{a as CheckboxGroupContext}from"./CheckboxGroup.component-B_uoXPNo.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const wrapperStyles=`
|
|
2
|
+
jn-inline-flex
|
|
3
|
+
jn-items-center
|
|
4
|
+
`,inputstyles=`
|
|
5
|
+
jn-w-4
|
|
6
|
+
jn-h-4
|
|
7
|
+
jn-opacity-0
|
|
8
|
+
jn-z-50
|
|
9
|
+
`,mockcheckboxstyles=`
|
|
10
|
+
jn-relative
|
|
11
|
+
jn-w-4
|
|
12
|
+
jn-h-4
|
|
13
|
+
jn-rounded-sm
|
|
14
|
+
jn-bg-theme-checkbox
|
|
15
|
+
jn-cursor-pointer
|
|
16
|
+
focus:jn-outline-none
|
|
17
|
+
focus:jn-ring-2
|
|
18
|
+
focus:jn-ring-theme-focus
|
|
19
|
+
`,mockfocusstyles=`
|
|
20
|
+
jn-ring-2
|
|
21
|
+
jn-ring-theme-focus
|
|
22
|
+
`,mockcheckmarkstyles=`
|
|
23
|
+
jn-absolute
|
|
24
|
+
jn-top-0
|
|
25
|
+
jn-left-0
|
|
26
|
+
jn-text-theme-checkbox-checked
|
|
27
|
+
jn-fill-current
|
|
28
|
+
`,mockindeterminatestyles=`
|
|
29
|
+
jn-absolute
|
|
30
|
+
jn-w-2
|
|
31
|
+
jn-h-0.5
|
|
32
|
+
jn-top-1.5
|
|
33
|
+
jn-left-[.2rem]
|
|
34
|
+
jn-inline-block
|
|
35
|
+
jn-bg-theme-focus
|
|
36
|
+
`,mockdisabledstyles=`
|
|
37
|
+
jn-pointer-events-none
|
|
38
|
+
jn-opacity-50
|
|
39
|
+
jn-cursor-not-allowed
|
|
40
|
+
`,noBorderStyles=`
|
|
41
|
+
jn-border
|
|
42
|
+
jn-border-transparent
|
|
43
|
+
`,errorstyles=`
|
|
44
|
+
jn-border
|
|
45
|
+
jn-border-theme-error
|
|
46
|
+
`,successstyles=`
|
|
47
|
+
jn-border
|
|
48
|
+
jn-border-theme-success
|
|
49
|
+
`,labelStyles=`
|
|
50
|
+
jn-leading-0
|
|
51
|
+
jn-ml-2
|
|
52
|
+
`,iconStyles=`
|
|
53
|
+
jn-ml-1
|
|
54
|
+
`,hintStyles=`
|
|
55
|
+
jn-mt-0
|
|
56
|
+
jn-ml-6
|
|
57
|
+
`,Checkbox=a=>{let{checked:g=!1,className:h="",disabled:i=!1,errortext:j="",helptext:k="",id:l="",indeterminate:m=!1,invalid:n=!1,label:b,name:o="",onChange:c,onClick:d,required:p=!1,successtext:q="",valid:r=!1,value:e,...f}=a;const s=a=>"string"!=typeof a||0!==a.trim().length,t=useContext(CheckboxGroupContext),{selectedOptions:u,name:v,disabled:w,handleCheckboxChange:x,updateSelectedValue:y}=t||{},[z,A]=useState((()=>t?!!(u&&u.includes(e)):!!g)()),[B,C]=useState(!1),[D,E]=useState(!1),[F,G]=useState(!1),[H,I]=useState(!1);useEffect(()=>{g&&t&&y&&y(e)},[]),useEffect(()=>{t||A(g)},[g]);const J=useMemo(()=>n||!!(j&&s(j)),[n,j]),K=useMemo(()=>r||!!(q&&s(q)),[r,q]);useEffect(()=>{C(m)},[m]),useEffect(()=>{G(J)},[J]),useEffect(()=>{I(K)},[K]);const L=()=>t?!!(u&&u.includes(e)):z,M=l||(()=>"juno-checkbox-"+useId())();return React__default.createElement("div",{className:"jn-checkbox-outer"},React__default.createElement("div",{className:`jn-checkbox-wrapper ${wrapperStyles}`},React__default.createElement("div",{className:`
|
|
58
|
+
juno-checkbox
|
|
59
|
+
${mockcheckboxstyles}
|
|
60
|
+
${D?mockfocusstyles:""}
|
|
61
|
+
${w||i?mockdisabledstyles:""}
|
|
62
|
+
${F?errorstyles:""}
|
|
63
|
+
${H?successstyles:""}
|
|
64
|
+
${F||H?"":noBorderStyles}
|
|
65
|
+
${h}
|
|
66
|
+
`,...f},L()?(React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",className:`${mockcheckmarkstyles}`,width:"16",height:"16",viewBox:"0 0 16 16"},React__default.createElement("polygon",{points:"5.75 11.15 2.6 8 1.55 9.05 5.75 13.25 14.75 4.25 13.7 3.2"}))):"",React__default.createElement("input",{checked:L(),className:`
|
|
67
|
+
${inputstyles}
|
|
68
|
+
${F?"juno-checkbox-invalid":""}
|
|
69
|
+
${H?"juno-checkbox-valid":""}
|
|
70
|
+
${w||i?"jn-cursor-not-allowed":""}
|
|
71
|
+
`,disabled:w||i,id:M,name:v||o,onBlur:()=>{E(!1)},onChange:a=>{A(!z),x&&"function"==typeof x&&x(e),c&&c(a)},onClick:a=>{d&&d(a)},onFocus:()=>{E(!0)},type:"checkbox",value:e}),B&&!L()?React__default.createElement("div",{className:`${mockindeterminatestyles}`}):""),b&&s(b)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{text:b,htmlFor:M,disabled:w||i,required:p,className:`${labelStyles}`}),F?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:`
|
|
72
|
+
${iconStyles}
|
|
73
|
+
${w||i?"jn-opacity-50":""}
|
|
74
|
+
`})):"",H?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:`
|
|
75
|
+
${iconStyles}
|
|
76
|
+
${i?"jn-opacity-50":""}
|
|
77
|
+
`})):"")):""),j&&s(j)?(React__default.createElement(FormHint,{text:j,variant:"error",className:`${hintStyles}`})):"",q&&s(q)?(React__default.createElement(FormHint,{text:q,variant:"success",className:`${hintStyles}`})):"",k&&s(k)?React__default.createElement(FormHint,{text:k,className:`${hintStyles}`}):"")};export{Checkbox as C};
|
package/build/Checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Checkbox}from"./Checkbox.component-
|
|
1
|
+
export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";import"react";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";
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-BYZfB1oK.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";const checkboxgroupstyles=`
|
|
2
|
+
jn-mb-4
|
|
3
|
+
jn-last:mb-0
|
|
4
|
+
`,groupstyles=`
|
|
5
|
+
jn-relative
|
|
6
|
+
jn-rounded
|
|
7
|
+
jn-border
|
|
8
|
+
jn-py-1
|
|
9
|
+
`,defaultgroupstyles=`
|
|
10
|
+
jn-border-transparent
|
|
11
|
+
`,validgroupstyles=`
|
|
12
|
+
jn-border-theme-success
|
|
13
|
+
jn-px-2
|
|
14
|
+
`,invalidgroupstyles=`
|
|
15
|
+
jn-border-theme-error
|
|
16
|
+
jn-px-2
|
|
17
|
+
`,iconstyles=`
|
|
18
|
+
jn-absolute
|
|
19
|
+
jn-right-2
|
|
20
|
+
jn-top-1.5
|
|
21
|
+
`,CheckboxGroupContext=createContext(void 0),CheckboxGroup=a=>{let{children:f=null,className:g="",disabled:h=!1,errortext:i="",helptext:j="",id:k="",invalid:l=!1,label:b,name:m="",onChange:c,required:n=!1,selected:d,successtext:o="",valid:p=!1,...e}=a;const q=a=>"string"!=typeof a||0!==a.trim().length,r=()=>"juno-checkboxgroup-"+useId(),s=m||r(),t=k||r(),[u,v]=useState(d),[w,x]=useState(!1),[y,z]=useState(!1),A=useMemo(()=>p||!!(o&&o.length),[p,o]),B=useMemo(()=>l||!!(i&&i.length),[l,i]);useEffect(()=>{d&&v(d)},[d]),useEffect(()=>{x(A)},[A]),useEffect(()=>{z(B)},[B]);return React__default.createElement(CheckboxGroupContext.Provider,{value:{selectedOptions:u,name:s,disabled:h,handleCheckboxChange:a=>{const b=a;u&&u.includes(a)?v(u.filter(a=>a!==b)):u&&!u.includes(a)?v(a=>[...(a||[]),b]):v([b]),c&&c(a)},updateSelectedValue:a=>{d||v(b=>[...(b||[]),a])}}},React__default.createElement("div",{className:`
|
|
22
|
+
juno-checkboxgroup
|
|
23
|
+
${w?"juno-checkboxgroup-valid":""}
|
|
24
|
+
${y?"juno-checkboxgroup-invalid":""}
|
|
25
|
+
${checkboxgroupstyles}
|
|
26
|
+
${g}
|
|
27
|
+
`,id:t,role:"group",...e},b&&q(b)?(React__default.createElement(Label,{text:b,htmlFor:t,disabled:h,required:n})):"",React__default.createElement("div",{className:`
|
|
28
|
+
juno-checkbox-group-options
|
|
29
|
+
${groupstyles}
|
|
30
|
+
${w?validgroupstyles:""}
|
|
31
|
+
${y?invalidgroupstyles:""}
|
|
32
|
+
${w||y?"":defaultgroupstyles}
|
|
33
|
+
`},y?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:`${iconstyles}`}):"",w?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:`${iconstyles}`}):"",f),i&&q(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",o&&q(o)?React__default.createElement(FormHint,{text:o,variant:"success"}):"",j&&q(j)?React__default.createElement(FormHint,{text:j}):""))};export{CheckboxGroup as C,CheckboxGroupContext as a};
|
package/build/CheckboxGroup.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CheckboxGroup}from"./CheckboxGroup.component-
|
|
1
|
+
export{C as CheckboxGroup}from"./CheckboxGroup.component-B_uoXPNo.js";import"react";import"./Label.component-BYZfB1oK.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./FormHint.component-C7TZlbwG.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React__default from"react";import{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-CsAFJ740.js";const CheckboxRow=a=>{let{value:d="",checked:e=!1,indeterminate:f=!1,name:g=void 0,label:h=void 0,id:i=void 0,helptext:j=void 0,required:k=void 0,disabled:l=!1,invalid:m=!1,errortext:n="",valid:o=!1,successtext:p="",className:q="",onChange:b,...c}=a;return React__default.createElement(Checkbox,{value:d,checked:e,indeterminate:f,name:g,label:h,id:i,helptext:j,disabled:l,required:k,invalid:m,valid:o,errortext:n,successtext:p,className:q,onChange:b,...c})};var CheckboxRow_component=withDeprecationWarning(CheckboxRow,"CheckboxRow is deprecated and will be removed in future versions. To be future-proof, use Checkbox instead.");export{CheckboxRow_component as C};
|
package/build/CheckboxRow.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CheckboxRow}from"./CheckboxRow.component-
|
|
1
|
+
export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";import"react";import"./Checkbox.component-DgDvGt3W.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"./withDeprecationWarning.component-CsAFJ740.js";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React__default from"react";const codeStyles=`
|
|
2
|
+
jn-bg-theme-code-block
|
|
3
|
+
jn-text-sm
|
|
4
|
+
`,Code=a=>{let{content:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("code",{className:`juno-code ${codeStyles} ${e}`,...b},c||d)};export{Code as C};
|
package/build/Code.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Code}from"./Code.component-
|
|
1
|
+
export{C as Code}from"./Code.component-mlP3SwWy.js";import"react";
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React__default,{useState,useRef,useCallback}from"react";import{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";const wrapperStyles=`
|
|
2
|
+
jn-bg-theme-code-block
|
|
3
|
+
jn-rounded
|
|
4
|
+
`,preStyles=a=>`
|
|
5
|
+
jn-p-6
|
|
6
|
+
${a?"jn-break-words jn-break-all jn-whitespace-pre-wrap":"jn-overflow-x-auto"}
|
|
7
|
+
`,sizeStyles=a=>"small"===a?`
|
|
8
|
+
juno-codeblock-pre-small
|
|
9
|
+
jn-max-h-64
|
|
10
|
+
jn-overflow-y-auto
|
|
11
|
+
`:"medium"===a?`
|
|
12
|
+
juno-codeblock-pre-medium
|
|
13
|
+
jn-max-h-[32rem]
|
|
14
|
+
jn-overflow-y-auto
|
|
15
|
+
`:"large"===a?`
|
|
16
|
+
juno-codeblock-pre-large
|
|
17
|
+
jn-max-h-[56rem]
|
|
18
|
+
jn-overflow-y-auto
|
|
19
|
+
`:``,codeStyles=`
|
|
20
|
+
jn-bg-theme-code-block
|
|
21
|
+
jn-text-sm
|
|
22
|
+
`,headingStyles=`
|
|
23
|
+
jn-text-sm
|
|
24
|
+
jn-border-b-[1px]
|
|
25
|
+
jn-border-theme-codeblock-bar
|
|
26
|
+
jn-h-[3.4375rem]
|
|
27
|
+
jn-flex
|
|
28
|
+
`,headingInnerStyles=`
|
|
29
|
+
jn-flex
|
|
30
|
+
jn-font-bold
|
|
31
|
+
jn-px-[1.5625rem]
|
|
32
|
+
jn-items-center
|
|
33
|
+
`,bottomBarStyles=`
|
|
34
|
+
jn-flex
|
|
35
|
+
jn-justify-end
|
|
36
|
+
jn-px-3
|
|
37
|
+
jn-py-2
|
|
38
|
+
jn-border-t-[1px]
|
|
39
|
+
jn-border-theme-codeblock-bar
|
|
40
|
+
`,copyTextStyles=`
|
|
41
|
+
jn-font-bold
|
|
42
|
+
jn-text-sm
|
|
43
|
+
jn-mr-4
|
|
44
|
+
jn-mt-1
|
|
45
|
+
`,jsonViewStyles={fontFamily:"IBM Plex Mono",fontSize:"0.875rem",padding:"1.5rem"},jsonTheme={base00:"var(--color-syntax-highlight-base00)",base01:"var(--color-syntax-highlight-base01)",base02:"var(--color-syntax-highlight-base02)",base03:"var(--color-syntax-highlight-base03)",base04:"var(--color-syntax-highlight-base04)",base05:"var(--color-syntax-highlight-base05)",base06:"var(--color-syntax-highlight-base06)",base07:"var(--color-syntax-highlight-base07)",base08:"var(--color-syntax-highlight-base08)",base09:"var(--color-syntax-highlight-base09)",base0A:"var(--color-syntax-highlight-base0A)",base0B:"var(--color-syntax-highlight-base0B)",base0C:"var(--color-syntax-highlight-base0C)",base0D:"var(--color-syntax-highlight-base0D)",base0E:"var(--color-syntax-highlight-base0E)",base0F:"var(--color-syntax-highlight-base0F)"},CodeBlock=a=>{let{content:d="",children:e=null,heading:b,wrap:f=!0,size:g="auto",copy:h=!0,lang:i="",className:j="",...c}=a;const[k,l]=useState(!1),m=React__default.useRef(null);React__default.useEffect(()=>()=>{m.current&&clearTimeout(m.current)},[]);const n=useRef(null),o=useCallback(()=>{const a="json"===i?JSON.stringify(d||e):n.current?.textContent;a&&navigator.clipboard.writeText(a).catch(()=>{console.warn("Cannot copy text to clipboard")}),l(!0),m.current&&clearTimeout(m.current),m.current=window.setTimeout(()=>l(!1),1e3)},[d,e,i]);return React__default.createElement("div",{className:`juno-code-block ${wrapperStyles} ${i?`juno-code-block-lang-${i}`:""} ${j}`,"data-lang":i||null,...c},b&&b.length?(React__default.createElement("div",{className:`juno-codeblock-heading ${headingStyles}`},React__default.createElement("span",{className:`${headingInnerStyles}`},b))):"","json"===i?(React__default.createElement(JsonViewer,{data:d,expanded:3,theme:jsonTheme,style:jsonViewStyles})):(React__default.createElement("pre",{className:`juno-code-block-pre ${preStyles(f)} ${sizeStyles(g)}`},React__default.createElement("code",{className:`${codeStyles}`,ref:n},d||e))),h?(React__default.createElement("div",{className:`juno-codeblock-bottombar ${bottomBarStyles}`},React__default.createElement("span",{className:`${copyTextStyles}`},k?"Copied!":""),React__default.createElement(Icon,{icon:"contentCopy",onClick:o}))):"")};export{CodeBlock as C};
|
package/build/CodeBlock.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as CodeBlock}from"./CodeBlock.component-
|
|
1
|
+
export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";import"react";import"./JsonViewer.component-lHoI-LCD.js";import"./SearchInput.component-QwymruVn.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Stack.component-Pe-1jf3W.js";
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{L as Label}from"./Label.component-BYZfB1oK.js";import{F as FormHint}from"./FormHint.component-C7TZlbwG.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{S as Spinner}from"./Spinner.component-CO095KvL.js";import{o as offset,s as shift,f as flip,a as size}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";import{createPortal}from"react-dom";import{q as qt}from"./combobox-JmdrroKh.js";const inputWrapperStyles=`
|
|
2
|
+
jn-relative
|
|
3
|
+
`,labelStyles=`
|
|
4
|
+
jn-pointer-events-none
|
|
5
|
+
jn-top-2
|
|
6
|
+
jn-left-[0.9375rem]
|
|
7
|
+
`,inputStyles=`
|
|
8
|
+
jn-rounded-3px
|
|
9
|
+
jn-bg-theme-textinput
|
|
10
|
+
jn-text-theme-textinput
|
|
11
|
+
jn-border
|
|
12
|
+
jn-text-base
|
|
13
|
+
jn-leading-4
|
|
14
|
+
jn-w-full
|
|
15
|
+
jn-px-4
|
|
16
|
+
jn-h-textinput
|
|
17
|
+
jn-text-left
|
|
18
|
+
jn-overflow-hidden
|
|
19
|
+
jn-text-ellipsis
|
|
20
|
+
jn-whitespace-nowrap
|
|
21
|
+
focus:jn-outline-none
|
|
22
|
+
focus:jn-ring-2
|
|
23
|
+
focus:jn-ring-theme-focus
|
|
24
|
+
`,withLabelInputStyles=`
|
|
25
|
+
jn-pt-[1.125rem]
|
|
26
|
+
jn-pb-1
|
|
27
|
+
`,noLabelInputStyles=`
|
|
28
|
+
jn-py-4
|
|
29
|
+
`,disabledInputStyles=`
|
|
30
|
+
jn-cursor-not-allowed
|
|
31
|
+
jn-pointer-events-none
|
|
32
|
+
jn-opacity-50
|
|
33
|
+
`,defaultBorderStyles=`
|
|
34
|
+
jn-border-theme-textinput-default
|
|
35
|
+
`,validStyles=`
|
|
36
|
+
jn-border-theme-success
|
|
37
|
+
`,invalidStyles=`
|
|
38
|
+
jn-border-theme-error
|
|
39
|
+
`,buttonStyles=`
|
|
40
|
+
jn-absolute
|
|
41
|
+
jn-top-0
|
|
42
|
+
jn-right-0
|
|
43
|
+
jn-h-textinput
|
|
44
|
+
jn-w-6
|
|
45
|
+
jn-h-4
|
|
46
|
+
jn-border-l-0
|
|
47
|
+
jn-border-y-[1px]
|
|
48
|
+
jn-border-r-[1px]
|
|
49
|
+
jn-rounded-tr
|
|
50
|
+
jn-rounded-br
|
|
51
|
+
jn-appearance-none
|
|
52
|
+
jn-bg-theme-textinput
|
|
53
|
+
jn-text-theme-textinput
|
|
54
|
+
`,defaultButtonStyles=`
|
|
55
|
+
jn-border-theme-textinput-default
|
|
56
|
+
`,invalidButtonStyles=`
|
|
57
|
+
jn-border-theme-error
|
|
58
|
+
`,validButtonStyles=`
|
|
59
|
+
jn-border-theme-success
|
|
60
|
+
`,disabledButtonStyles=`
|
|
61
|
+
jn-cursor-not-allowed
|
|
62
|
+
jn-pointer-events-none
|
|
63
|
+
jn-bg-transparent
|
|
64
|
+
jn-opacity-50
|
|
65
|
+
`,menuStyles=`
|
|
66
|
+
jn-rounded
|
|
67
|
+
jn-bg-theme-background-lvl-1
|
|
68
|
+
jn-w-full
|
|
69
|
+
jn-overflow-y-auto
|
|
70
|
+
`,iconContainerStyles=`
|
|
71
|
+
jn-absolute
|
|
72
|
+
jn-top-[.4rem]
|
|
73
|
+
jn-right-6
|
|
74
|
+
`,centeredIconStyles=`
|
|
75
|
+
jn-absolute
|
|
76
|
+
jn-top-1/2
|
|
77
|
+
jn-left-1/2
|
|
78
|
+
jn-translate-y-[-50%]
|
|
79
|
+
jn-translate-x-[-0.75rem]
|
|
80
|
+
`,ComboBoxContext=createContext(void 0),ComboBox=a=>{let{ariaLabel:b,children:c,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:d,name:t="",nullable:u=!0,onBlur:e,onChange:f,onFocus:g,onInputChange:h,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:i,width:B="full",wrapperClassName:C="",...j}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({rootBoundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?React__default.Children.toArray(c):React__default.Children.toArray(c).filter(a=>{if(React__default.isValidElement(a)){const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())}return!1});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
|
|
81
|
+
juno-combobox-wrapper
|
|
82
|
+
jn-relative
|
|
83
|
+
${"auto"==B?"jn-inline-block":"jn-block"}
|
|
84
|
+
${"auto"==B?"jn-w-auto":"jn-w-full"}
|
|
85
|
+
${C}
|
|
86
|
+
`},React__default.createElement(qt,{defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),f&&f(a)},value:K||l,...j},React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(pr.Reference,null,React__default.createElement("div",{className:`
|
|
87
|
+
juno-combobox-input-wrapper
|
|
88
|
+
${inputWrapperStyles}
|
|
89
|
+
${m?"jn-cursor-not-allowed":""}
|
|
90
|
+
`},d&&D(d)&&!M&&!O?(React__default.createElement(Label,{text:d,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))})):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||d,"aria-describedby":p?F:"",id:E,onBlur:a=>{R(!1),e&&e(a)},onChange:a=>{J(a?.target?.value),h&&h(a)},onFocus:a=>{R(!0),g&&g(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children?.toString()||G.get(a)?.label||i||a?.toString()||"",className:`
|
|
91
|
+
juno-combobox-input
|
|
92
|
+
${inputStyles}
|
|
93
|
+
${d&&D(d)?withLabelInputStyles:noLabelInputStyles}
|
|
94
|
+
${m?disabledInputStyles:""}
|
|
95
|
+
${S?"juno-combobox-invalid "+invalidStyles:""}
|
|
96
|
+
${U?"juno-combobox-valid "+validStyles:""}
|
|
97
|
+
${U||S?"":defaultBorderStyles}
|
|
98
|
+
${M?"juno-combobox-loading jn-cursor-not-allowed":""}
|
|
99
|
+
${O?"juno-combobox-error jn-cursor-not-allowed":""}
|
|
100
|
+
${k}
|
|
101
|
+
`}),M||O?(React__default.createElement("span",{className:`${centeredIconStyles}`},M?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})))):U||S?(React__default.createElement("span",{className:`
|
|
102
|
+
juno-combobox-icon-container
|
|
103
|
+
${iconContainerStyles}
|
|
104
|
+
${m?"jn-opacity-50":""}
|
|
105
|
+
`},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"}))):"",O||M?null:(React__default.createElement(qt.Button,{className:`
|
|
106
|
+
juno-combobox-toggle
|
|
107
|
+
${buttonStyles}
|
|
108
|
+
${m?disabledButtonStyles:""}
|
|
109
|
+
${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""}
|
|
110
|
+
${U?"juno-combobox-toggle-valid "+validButtonStyles:""}
|
|
111
|
+
${U||S?"":defaultButtonStyles}
|
|
112
|
+
`},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})})))),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
|
|
113
|
+
juno-combobox-options
|
|
114
|
+
${menuStyles}
|
|
115
|
+
`},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};export{ComboBox as C,ComboBoxContext as a};
|
package/build/ComboBox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as ComboBox}from"./ComboBox.component-
|
|
1
|
+
export{C as ComboBox}from"./ComboBox.component-CVfbabwk.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./combobox-JmdrroKh.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";
|
package/build/ComboBoxOption.js
CHANGED
|
@@ -1 +1,39 @@
|
|
|
1
|
-
|
|
1
|
+
import React__default,{useContext,useEffect,Fragment}from"react";import{a as ComboBoxContext}from"./ComboBox.component-CVfbabwk.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qt}from"./combobox-JmdrroKh.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Label.component-BYZfB1oK.js";import"./FormHint.component-C7TZlbwG.js";import"./Spinner.component-CO095KvL.js";import"./PortalProvider.component-CVldWJIG.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.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
|
+
`,disabledOptionLabelStyles=`
|
|
22
|
+
jn-opacity-50
|
|
23
|
+
jn-cursor-not-allowed
|
|
24
|
+
`,truncateOptionStyles=`
|
|
25
|
+
jn-block
|
|
26
|
+
jn-h-6
|
|
27
|
+
jn-overflow-hidden
|
|
28
|
+
jn-text-ellipsis
|
|
29
|
+
jn-whitespace-nowrap
|
|
30
|
+
`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k&&k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",{className:`
|
|
31
|
+
juno-combobox-option
|
|
32
|
+
${optionStyles}
|
|
33
|
+
${i===f?selectedOptionStyles:unselectedOptionStyles}
|
|
34
|
+
${e?"jn-cursor-not-allowed":""}
|
|
35
|
+
${g}
|
|
36
|
+
`,...d},i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
|
|
37
|
+
${e?disabledOptionLabelStyles:""}
|
|
38
|
+
${j?truncateOptionStyles:""}
|
|
39
|
+
`},b||c||f)))};export{ComboBoxOption};
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React__default from"react";const containerStyles=(a,b)=>`
|
|
2
|
+
${a?"jn-px-6 ":" "}
|
|
3
|
+
${b?" jn-py-6":""}
|
|
4
|
+
`,Container=a=>{let{px:c=!0,py:d=!1,className:e="",children:f=null,...b}=a;return React__default.createElement("div",{className:`juno-container ${containerStyles(c,d)} ${e}`,...b},f)};export{Container as C};
|
package/build/Container.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as Container}from"./Container.component-
|
|
1
|
+
export{C as Container}from"./Container.component-xJsCyUG8.js";import"react";
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React__default from"react";const containerStyles=`
|
|
2
|
+
jn-flex-col
|
|
3
|
+
jn-grow
|
|
4
|
+
jn-bg-[right_top_1rem]
|
|
5
|
+
jn-bg-no-repeat
|
|
6
|
+
jn-bg-theme-content-area-bg
|
|
7
|
+
jn-relative
|
|
8
|
+
`,ContentContainer=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",{className:`juno-content-container ${containerStyles} ${c}`,...b},d)};export{ContentContainer as C};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as ContentContainer}from"./ContentContainer.component-
|
|
1
|
+
export{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";import"react";
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React__default from"react";const headingStyles=`
|
|
2
|
+
jn-font-bold
|
|
3
|
+
jn-text-lg
|
|
4
|
+
jn-text-theme-high
|
|
5
|
+
jn-pb-2
|
|
6
|
+
`,ContentHeading=a=>{let{heading:c="",className:d="",children:e=null,...b}=a;return React__default.createElement("h1",{className:`juno-content-heading ${headingStyles} ${d}`,...b},e||c)};export{ContentHeading as C};
|
package/build/ContentHeading.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as ContentHeading}from"./ContentHeading.component-
|
|
1
|
+
export{C as ContentHeading}from"./ContentHeading.component-bhh41uEk.js";import"react";
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React__default,{useState,useEffect}from"react";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{I as Icon}from"./Icon.component-ClhnejN0.js";import{q as qe}from"./menu-DiwXZMR-.js";const menuStyles=`
|
|
2
|
+
jn-overflow-hidden
|
|
3
|
+
jn-flex
|
|
4
|
+
jn-flex-col
|
|
5
|
+
jn-rounded
|
|
6
|
+
jn-bg-theme-background-lvl-1
|
|
7
|
+
`,toggleStyles=`
|
|
8
|
+
hover:jn-text-theme-accent
|
|
9
|
+
active:jn-text-theme-accent
|
|
10
|
+
`,toggleOpenStyle=`
|
|
11
|
+
jn-text-theme-accent
|
|
12
|
+
`,ContextMenu=a=>{let{children:b=null,open:c=!1}=a;const[d,e]=useState(!1);useEffect(()=>{e(c)},[c]);const f=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["top-start","top-end","bottom-start","bottom-end"]}),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}}),shift()];return React__default.createElement(qe,null,React__default.createElement(pr,{middleware:f},React__default.createElement(qe.Button,{onClick:()=>{e(!d)},className:`
|
|
13
|
+
juno-contextmenu-toggle
|
|
14
|
+
${toggleStyles}
|
|
15
|
+
${d?toggleOpenStyle:""}
|
|
16
|
+
`},React__default.createElement(Icon,{icon:"moreVert"})),React__default.createElement(qe.Items,{className:`${menuStyles}`},b)))};export{ContextMenu as C};
|
package/build/ContextMenu.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{C as ContextMenu}from"./ContextMenu.component-
|
|
1
|
+
export{C as ContextMenu}from"./ContextMenu.component-B24LaAwt.js";import"react";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./Icon.component-ClhnejN0.js";import"./widgets-njngpHa5.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./use-tree-walker-BOLu2dNf.js";
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import React__default from"react";const dataGridStyles=`
|
|
2
|
+
jn-grid
|
|
3
|
+
jn-items-stretch
|
|
4
|
+
`,gridTemplate=(a,b,c,d,e)=>{let f;if(e&&0<e.length)return f={gridTemplateColumns:e},f;let g="";if(d&&Array.isArray(d)&&0<d.length){const e=[...Array(a)];e.map((a,e)=>{g+=d.includes(e)?"min-content ":`minmax(${c}, ${b}) `})}else g=`repeat(${a}, minmax(${c}, ${b}))`;return f={gridTemplateColumns:g},f},DataGridContext=React__default.createContext({}),useDataGridContext=()=>React__default.useContext(DataGridContext),DataGrid=a=>{let{columns:e=1,columnMaxSize:f="auto",columnMinSize:g="0px",minContentColumns:b,gridColumnTemplate:c,cellVerticalAlignment:h="center",className:i="",children:j=null,...d}=a;return React__default.createElement(DataGridContext.Provider,{value:{cellVerticalAlignment:h}},React__default.createElement("div",{className:`juno-datagrid ${dataGridStyles} ${i}`,style:gridTemplate(e,f,g,b,c),role:"grid",...d},j))};export{DataGrid as D,useDataGridContext as u};
|
package/build/DataGrid.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{D as DataGrid}from"./DataGrid.component-
|
|
1
|
+
export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";import"react";
|