@cloudoperators/juno-ui-components 2.29.0 → 2.31.0

package/package.json

@@ -5,7 +5,7 @@
   "module": "build/index.js",
   "source": "src/index.js",
   "style": "build/lib/variables.css",
-  "version": "2.29.0",
+  "version": "2.31.0",
   "files": [
     "build/*",
     "src/colors.css",

package/build/Code.component-w7x4oiMK.js

@@ -1,4 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const codeStyles=`
-  jn-bg-theme-code-block
-  jn-text-sm
-`,Code=a=>{let{content:c="",children:d=null,className:e="",...b}=a;return React__default.createElement("code",_extends({className:`juno-code ${codeStyles} ${e}`},b),c||d)};Code.propTypes={content:PropTypes.string,className:PropTypes.string,children:PropTypes.node};export{Code as C};

package/build/ComboBoxOption.component-D7XdDUph.js

@@ -1,39 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment}from"react";import PropTypes from"prop-types";import{a as ComboBoxContext,q as qt}from"./ComboBox.component-BpssbOYC.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const optionStyles=`
-  jn-flex
-  jn-pt-[0.6875rem]
-  jn-pb-[0.5rem]
-  jn-pr-[0.875rem]
-  jn-select-none
-  data-[headlessui-state=active]:jn-outline-none
-  data-[headlessui-state=active]:jn-ring-2
-  data-[headlessui-state=active]:jn-ring-inset
-  data-[headlessui-state=active]:jn-ring-theme-focus
-  data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
-`,unselectedOptionStyles=`
-  jn-text-theme-default
-  jn-pl-[2.375rem]
-`,selectedOptionStyles=`
-  jn-text-theme-accent
-  jn-pl-3.5
-`,selectedIconStyles=`
-  jn-inline-block
-  jn-mr-1.5
-`,disabledOptionLabelStyles=`
-  jn-opacity-50
-  jn-cursor-not-allowed
-`,truncateOptionStyles=`
-  jn-block
-  jn-h-6
-  jn-overflow-hidden
-  jn-text-ellipsis
-  jn-whitespace-nowrap
-`,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(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",_extends({className:`
-          juno-combobox-option 
-          ${optionStyles}
-          ${i===f?selectedOptionStyles:unselectedOptionStyles}
-          ${e?"jn-cursor-not-allowed":""}
-          ${g}
-        `},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
-            ${e?disabledOptionLabelStyles:""}
-            ${j?truncateOptionStyles:""}
-          `},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};export{ComboBoxOption as C};

package/build/ContextMenu.component-Cy6taTZ_.js

@@ -1,16 +0,0 @@
-import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{p as pr}from"./headlessui-float-lyiwAWIX.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import{q as qe}from"./menu-DiwXZMR-.js";const menuStyles=`
-  jn-overflow-hidden
-  jn-flex
-  jn-flex-col
-  jn-rounded
-  jn-bg-theme-background-lvl-1
-`,toggleStyles=`
-	hover:jn-text-theme-accent
-	active:jn-text-theme-accent
-`,toggleOpenStyle=`
-	jn-text-theme-accent
-`,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:`
-              juno-contextmenu-toggle 
-              ${toggleStyles} 
-              ${d?toggleOpenStyle:""}
-            `},React__default.createElement(Icon,{icon:"moreVert"})),React__default.createElement(qe.Items,{className:`${menuStyles}`},b)))};ContextMenu.propTypes={className:PropTypes.string,children:PropTypes.node,icon:PropTypes.any,open:PropTypes.bool};export{ContextMenu as C};

package/build/FilterInput.component-DGKAGon-.js

@@ -1,26 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useEffect}from"react";import PropTypes from"prop-types";import{N as NativeSelect}from"./NativeSelect.component-DtTnqH-z.js";import{N as NativeSelectOption}from"./NativeSelectOption.component-ozgJZgGf.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";const wrapperStyles=`
-	jn-flex
-	jn-relative
-	jn-p-px
-	jn-border
-	jn-rounded
-	jn-bg-theme-filter-input
-`,defaultWrapperStyles=`
-  jn-border-theme-filter-input
-`,errorWrapperStyles=`
-  jn-border-theme-error
-`,selectStyles=`
-	jn-rounded-r-none
-`,textInputStyles=`
-	jn-grow
-	jn-rounded-l-none
-	jn-pr-16
-	!jn-bg-theme-filter-input-textinput
-	focus:jn-z-40
-`,iconWrapperStyles=`
-	jn-absolute
-	jn-flex
-	jn-right-2
-	jn-top-1.5
-	jn-z-50
-`,FilterInput=a=>{let{keyLabel:d="Select Filter",options:e=[],selectedFilterKey:f="",onSelectedFilterKeyChange:g=void 0,valueLabel:h="Filter by Value",filterValue:i="",valuePlaceholder:j="",onFilterValueChange:k=void 0,onClear:l=void 0,onFilter:m=void 0,loading:n=!1,className:o="",error:p=!1,onKeyPress:b,...c}=a;const[q,r]=useState(f),[s,t]=useState(i),[u,v]=useState(1>e.length||n),[w,x]=useState(p);useEffect(()=>{t(i)},[i]),useEffect(()=>{r(f)},[f]),useEffect(()=>{1>e.length||n?(v(!0),t("")):v(!1)},[e,n]),useEffect(()=>{x(p)},[p]);return React__default.createElement("div",_extends({className:`juno-filter-input ${wrapperStyles} ${u?"juno-filter-input-loading ":""} ${w?"juno-filter-input-error ":""} ${w?errorWrapperStyles:defaultWrapperStyles} ${o}`},c),React__default.createElement("div",null,React__default.createElement(NativeSelect,{className:`juno-filter-input-select ${selectStyles}`,"aria-label":d,value:q,onChange:a=>{r(a.target.value),t(""),g&&g(a)},loading:u,error:w},React__default.createElement(NativeSelectOption,{label:d||"Select Filter",value:""}),e.map((a,b)=>React__default.createElement(NativeSelectOption,_extends({label:a.label,value:a.key,key:`${b}`},a))))),React__default.createElement(TextInput,{value:s,className:`${textInputStyles}`,"aria-label":h,onChange:a=>{t(a.target.value),k&&k(a)},onKeyPress:a=>{"Enter"===a.key&&m&&m&&m(s),b&&b(a)},disabled:u||w,placeholder:u?"Loading Filter Options\u2026":j}),React__default.createElement("div",{className:`${iconWrapperStyles}`},s&&s.length?React__default.createElement(Icon,{icon:"close",title:"Clear",size:"18",className:`jn-mr-2`,onClick:a=>{t(""),l&&l(a)}}):null,React__default.createElement(Icon,{icon:"filterAlt",title:"Filter",disabled:u||w,onClick:()=>{m&&m(s)}})))};FilterInput.propTypes={keyLabel:PropTypes.string,options:PropTypes.arrayOf(PropTypes.object),selectedFilterKey:PropTypes.string,onSelectedFilterKeyChange:PropTypes.func,valueLabel:PropTypes.string,filterValue:PropTypes.string,valuePlaceholder:PropTypes.string,onFilterValueChange:PropTypes.func,onClear:PropTypes.func,onKeyPress:PropTypes.func,loading:PropTypes.bool,className:PropTypes.string,onFilter:PropTypes.func,error:PropTypes.bool};export{FilterInput as F};

package/build/Form.component-DnZ1t2Ji.js

@@ -1,7 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const formStyles=`
-	jn-mb-8
-`,formHeading=`
-	jn-text-2xl
-	jn-font-bold
-	jn-mb-4
-`,Form=a=>{let{title:c=null,className:d="",children:e=null,...b}=a;return React__default.createElement("form",_extends({className:`juno-form ${formStyles} ${d}`},b),c?React__default.createElement("h1",{className:`juno-form-heading ${formHeading}`},c):"",e)};Form.propTypes={title:PropTypes.string,className:PropTypes.string,children:PropTypes.node};export{Form as F};

package/build/FormHint.component-Dkh3ieaZ.js

@@ -1 +0,0 @@
-import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var baseStyles="\n  jn-text-xs\n  jn-mt-1\n",variantStyles=function(a){return"success"===a?"jn-text-theme-success":"error"===a?"jn-text-theme-error":"jn-text-theme-light"},FormHint=function(a){var b=a.children,c=void 0===b?null:b,d=a.text,e=void 0===d?"":d,f=a.variant,g=void 0===f?"help":f,h=a.className,i=__rest(a,["children","text","variant","className"]);return React__default.createElement("div",__assign({className:"\n        juno-form-hint\n        juno-form-hint-".concat(g,"\n        ").concat(baseStyles,"\n        ").concat(variantStyles(g),"\n        ").concat(h,"\n      ")},i),c||e)};FormHint.displayName="FormHint";export{FormHint as F};

package/build/FormSection.component-CBaG8F_I.js

@@ -1,8 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const formSection=`
-	jn-mb-8
-	jn-last:mb-0
-`,formSectionHeading=`
-	jn-text-lg
-	jn-font-bold
-	jn-mb-4
-`,FormSection=a=>{let{title:c=null,children:d=null,className:e="",...b}=a;return React__default.createElement("section",_extends({className:`juno-form-section ${formSection} ${e}`},b),c?React__default.createElement("h1",{className:`juno-formsection-heading ${formSectionHeading}`},c):"",d)};FormSection.propTypes={title:PropTypes.string,className:PropTypes.string,children:PropTypes.node};export{FormSection as F};

package/build/NativeSelectOption.component-ozgJZgGf.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const NativeSelectOption=a=>{let{value:c=null,label:d=null,disabled:e=!1,className:f="",...b}=a;return React__default.createElement("option",_extends({value:c,disabled:e,className:`juno-select-option ${f}`},b),d||c)};NativeSelectOption.propTypes={label:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),value:PropTypes.oneOfType([PropTypes.string,PropTypes.number]),disabled:PropTypes.bool,className:PropTypes.string};export{NativeSelectOption as N};

package/build/NativeSelectOptionGroup.component-kDCnJXl8.js

@@ -1 +0,0 @@
-import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const NativeSelectOptionGroup=a=>{let{label:d=null,disabled:e=!1,className:f="",children:b,...c}=a;return React__default.createElement("optgroup",_extends({label:d,disabled:e,className:`juno-select-option-group ${f}`},c),b)};NativeSelectOptionGroup.propTypes={label:PropTypes.string,disabled:PropTypes.bool,className:PropTypes.string,children:PropTypes.node};export{NativeSelectOptionGroup as N};