@cloudoperators/juno-ui-components 2.29.0 → 2.31.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (116) hide show
  1. package/build/{Checkbox.component-O8sJ_9IS.js → Checkbox.component-DxULmNji.js} +1 -1
  2. package/build/Checkbox.js +1 -1
  3. package/build/{CheckboxGroup.component-78sw6_Rv.js → CheckboxGroup.component-DJN7waSM.js} +1 -1
  4. package/build/CheckboxGroup.js +1 -1
  5. package/build/{CheckboxRow.component-n5GWBEDU.js → CheckboxRow.component-CrN2DXEm.js} +1 -1
  6. package/build/CheckboxRow.js +1 -1
  7. package/build/Code.component-CIzbcpEn.js +1 -0
  8. package/build/Code.js +1 -1
  9. package/build/ComboBox.component-Bv_9h8jb.js +1 -0
  10. package/build/ComboBox.js +1 -1
  11. package/build/ComboBoxOption.js +1 -1
  12. package/build/ContextMenu.component-DH-m8O-z.js +1 -0
  13. package/build/ContextMenu.js +1 -1
  14. package/build/DataGridCheckboxCell.js +1 -1
  15. package/build/{DateTimePicker.component-C2tX_eji.js → DateTimePicker.component-BMkIzxY0.js} +3 -3
  16. package/build/DateTimePicker.js +1 -1
  17. package/build/{NativeSelect.component-DtTnqH-z.js → FilterInput.component-CBfEzQ3x.js} +27 -2
  18. package/build/FilterInput.js +1 -1
  19. package/build/{Filters.component-CPqHl_ZP.js → Filters.component-Cu8sV-IL.js} +1 -1
  20. package/build/Filters.js +1 -1
  21. package/build/Form.component-D-BE29tV.js +1 -0
  22. package/build/Form.js +1 -1
  23. package/build/FormHint.component-B30ehV71.js +1 -0
  24. package/build/FormHint.js +1 -1
  25. package/build/FormRow.component--LSv8Yz8.js +1 -0
  26. package/build/FormRow.js +1 -1
  27. package/build/FormSection.component-D-txM2wI.js +1 -0
  28. package/build/FormSection.js +1 -1
  29. package/build/NativeSelect.component-BeYgemsP.js +1 -0
  30. package/build/NativeSelect.js +1 -1
  31. package/build/NativeSelectOption.component-CLFcWbs7.js +1 -0
  32. package/build/NativeSelectOption.js +1 -1
  33. package/build/NativeSelectOptionGroup.component-B9j74Fm2.js +1 -0
  34. package/build/NativeSelectOptionGroup.js +1 -1
  35. package/build/{Pagination.component-6CTFGCb-.js → Pagination.component-D7vw3gPl.js} +1 -1
  36. package/build/Pagination.js +1 -1
  37. package/build/{Radio.component-D5E4PrMW.js → Radio.component-qjlCYiuP.js} +1 -1
  38. package/build/Radio.js +1 -1
  39. package/build/{RadioGroup.component-C8y2zs-R.js → RadioGroup.component-Cj0bQHOM.js} +1 -1
  40. package/build/RadioGroup.js +1 -1
  41. package/build/{RadioRow.component-BuAImxFY.js → RadioRow.component-CqrB8Bvr.js} +1 -1
  42. package/build/RadioRow.js +1 -1
  43. package/build/{Select.component-BfgCOLpX.js → Select.component-DNPTrdQs.js} +1 -1
  44. package/build/{Select.component-qFgtNL11.js → Select.component-zF_9SDqa.js} +1 -1
  45. package/build/Select.js +1 -1
  46. package/build/SelectOption.js +1 -1
  47. package/build/{SelectRow.component-D3y6s-A2.js → SelectRow.component-D0F2VY1t.js} +1 -1
  48. package/build/SelectRow.js +1 -1
  49. package/build/{Switch.component-B6d9ASOX.js → Switch.component-BxCFYGD_.js} +1 -1
  50. package/build/Switch.js +1 -1
  51. package/build/{TextInput.component-BBTA8JYe.js → TextInput.component-D1qpmHfA.js} +1 -1
  52. package/build/TextInput.js +1 -1
  53. package/build/{Textarea.component-Bn-CfmYI.js → Textarea.component-BrJM-k2b.js} +1 -1
  54. package/build/Textarea.js +1 -1
  55. package/build/{Tooltip.component-D23JdNpf.js → Tooltip.component-pZQW88UK.js} +1 -1
  56. package/build/Tooltip.js +1 -1
  57. package/build/{TooltipContent.component-A3crwGIj.js → TooltipContent.component-Cfo0dBzg.js} +1 -1
  58. package/build/TooltipContent.js +1 -1
  59. package/build/{TooltipTrigger.component-D5levpwF.js → TooltipTrigger.component-Cp9J4Mh7.js} +1 -1
  60. package/build/TooltipTrigger.js +1 -1
  61. package/build/{ComboBox.component-BpssbOYC.js → combobox-JmdrroKh.js} +2 -116
  62. package/build/components/Code/Code.component.d.ts +11 -0
  63. package/build/components/Code/Code.component.d.ts.map +1 -0
  64. package/build/components/Code/index.d.ts +2 -0
  65. package/build/components/Code/index.d.ts.map +1 -0
  66. package/build/components/ComboBox/ComboBox.component.d.ts +69 -0
  67. package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -0
  68. package/build/components/ComboBox/index.d.ts +2 -0
  69. package/build/components/ComboBox/index.d.ts.map +1 -0
  70. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts +15 -0
  71. package/build/components/ComboBoxOption/ComboBoxOption.component.d.ts.map +1 -0
  72. package/build/components/ComboBoxOption/index.d.ts +2 -0
  73. package/build/components/ComboBoxOption/index.d.ts.map +1 -0
  74. package/build/components/ContextMenu/ContextMenu.component.d.ts +11 -0
  75. package/build/components/ContextMenu/ContextMenu.component.d.ts.map +1 -0
  76. package/build/components/ContextMenu/index.d.ts +2 -0
  77. package/build/components/ContextMenu/index.d.ts.map +1 -0
  78. package/build/components/Form/Form.component.d.ts +22 -0
  79. package/build/components/Form/Form.component.d.ts.map +1 -0
  80. package/build/components/Form/index.d.ts +2 -0
  81. package/build/components/Form/index.d.ts.map +1 -0
  82. package/build/components/FormHint/FormHint.component.d.ts +18 -8
  83. package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
  84. package/build/components/FormRow/FormRow.component.d.ts +18 -0
  85. package/build/components/FormRow/FormRow.component.d.ts.map +1 -0
  86. package/build/components/FormRow/index.d.ts +2 -0
  87. package/build/components/FormRow/index.d.ts.map +1 -0
  88. package/build/components/FormSection/FormSection.component.d.ts +21 -0
  89. package/build/components/FormSection/FormSection.component.d.ts.map +1 -0
  90. package/build/components/FormSection/index.d.ts +2 -0
  91. package/build/components/FormSection/index.d.ts.map +1 -0
  92. package/build/components/NativeSelect/NativeSelect.component.d.ts +65 -0
  93. package/build/components/NativeSelect/NativeSelect.component.d.ts.map +1 -0
  94. package/build/components/NativeSelect/index.d.ts +2 -0
  95. package/build/components/NativeSelect/index.d.ts.map +1 -0
  96. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts +28 -0
  97. package/build/components/NativeSelectOption/NativeSelectOption.component.d.ts.map +1 -0
  98. package/build/components/NativeSelectOption/index.d.ts +2 -0
  99. package/build/components/NativeSelectOption/index.d.ts.map +1 -0
  100. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts +28 -0
  101. package/build/components/NativeSelectOptionGroup/NativeSelectOptionGroup.component.d.ts.map +1 -0
  102. package/build/components/NativeSelectOptionGroup/index.d.ts +2 -0
  103. package/build/components/NativeSelectOptionGroup/index.d.ts.map +1 -0
  104. package/build/{floating-ui.react-dom-DmTNS6Kr.js → floating-ui.react-dom-Bx8TUz-v.js} +1 -1
  105. package/build/{headlessui-float-lyiwAWIX.js → headlessui-float-BQHnLFxQ.js} +1 -1
  106. package/build/index.js +154 -2
  107. package/package.json +1 -1
  108. package/build/Code.component-w7x4oiMK.js +0 -4
  109. package/build/ComboBoxOption.component-D7XdDUph.js +0 -39
  110. package/build/ContextMenu.component-Cy6taTZ_.js +0 -16
  111. package/build/FilterInput.component-DGKAGon-.js +0 -26
  112. package/build/Form.component-DnZ1t2Ji.js +0 -7
  113. package/build/FormHint.component-Dkh3ieaZ.js +0 -1
  114. package/build/FormSection.component-CBaG8F_I.js +0 -8
  115. package/build/NativeSelectOption.component-ozgJZgGf.js +0 -1
  116. package/build/NativeSelectOptionGroup.component-kDCnJXl8.js +0 -1
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formBaseStyles="\n jn-mb-8\n",formTitleStyles="\n jn-text-2xl\n jn-font-bold\n jn-mb-4\n",Form=function(a){var b=a.title,c=void 0===b?"":b,d=a.className,e=void 0===d?"":d,f=a.children,g=__rest(a,["title","className","children"]);return React__default.createElement("form",__assign({className:"juno-form ".concat(formBaseStyles," ").concat(e)},g),c?React__default.createElement("h1",{className:"juno-form-heading ".concat(formTitleStyles)},c):null,f)};export{Form as F};
package/build/Form.js CHANGED
@@ -1 +1 @@
1
- export{F as Form}from"./Form.component-DnZ1t2Ji.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as Form}from"./Form.component-D-BE29tV.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formHintBaseStyles="\n jn-text-xs\n jn-mt-1\n",getVariantStyles=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=a.text,d=void 0===c?"":c,e=a.variant,f=void 0===e?"help":e,g=a.className,h=void 0===g?"":g,i=__rest(a,["children","text","variant","className"]);return React__default.createElement("div",__assign({className:"\n juno-form-hint \n juno-form-hint-".concat(f," \n ").concat(formHintBaseStyles," \n ").concat(getVariantStyles(f)," \n ").concat(h,"\n ")},i),b||d)};FormHint.displayName="FormHint";export{FormHint as F};
package/build/FormHint.js CHANGED
@@ -1 +1 @@
1
- export{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
1
+ export{F as FormHint}from"./FormHint.component-B30ehV71.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formRowBaseStyles="\n jn-mb-2\n",FormRow=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=__rest(a,["children","className"]);return React__default.createElement("div",__assign({className:"juno-form-row ".concat(formRowBaseStyles," ").concat(d)},e),b)};export{FormRow as F};
package/build/FormRow.js CHANGED
@@ -1 +1 @@
1
- export{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as FormRow}from"./FormRow.component--LSv8Yz8.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var formSectionBaseStyles="\n jn-mb-8\n jn-last:mb-0\n",headingStyles="\n jn-text-lg\n jn-font-bold\n jn-mb-4\n",FormSection=function(a){var b=a.title,c=void 0===b?"":b,d=a.children,e=a.className,f=void 0===e?"":e,g=__rest(a,["title","children","className"]);return React__default.createElement("section",__assign({className:"juno-form-section ".concat(formSectionBaseStyles," ").concat(f)},g),c?React__default.createElement("h1",{className:"juno-formsection-heading ".concat(headingStyles)},c):null,d)};export{FormSection as F};
@@ -1 +1 @@
1
- export{F as FormSection}from"./FormSection.component-CBaG8F_I.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{F as FormSection}from"./FormSection.component-D-txM2wI.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect}from"react";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";var selectBaseClasses="\n jn-w-full\n jn-bg-theme-select\n jn-text-theme-high\n jn-appearance-none\n jn-text-base\n jn-pl-4\n jn-h-[2.375rem]\n jn-rounded-3px\n jn-bg-icon-arrow-down\n jn-bg-right\n jn-bg-no-repeat\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n",wrapperBaseClasses="jn-relative",iconBaseClasses="\n jn-absolute\n jn-flex\n jn-right-2\n jn-top-1.5\n jn-pointer-events-none\n",iconDisabledClasses="jn-opacity-50",borderErrorClasses="jn-border jn-border-theme-error",borderSuccessClasses="jn-border jn-border-theme-success",stateClasses={loading:"\n jn-absolute\n jn-top-0\n jn-right-0\n jn-bottom-0\n jn-left-0\n jn-text-center\n jn-bg-theme-select\n jn-text-theme-high\n jn-text-base\n jn-rounded-3px\n jn-flex\n jn-flex-col\n jn-justify-center\n jn-select-none\n jn-cursor-not-allowed\n ",error:"\n jn-absolute\n jn-top-0\n jn-right-0\n jn-bottom-0\n jn-left-0\n jn-text-center\n jn-bg-theme-select\n jn-text-theme-high\n jn-text-base\n jn-rounded-3px\n jn-flex\n jn-flex-col\n jn-justify-center\n jn-select-none\n jn-cursor-not-allowed\n ",loadingSpinner:"jn-ml-auto jn-mr-auto",errorIcon:"jn-ml-auto jn-mr-auto",paddingIconRight:"jn-pr-[3.75rem]",paddingDefaultRight:"jn-pr-9"},SelectIcons=function(a){var b=a.isLoading,c=a.hasError,d=a.isInvalid,e=a.isValid,f=a.disabled;return b?(React__default.createElement("div",{className:"juno-select-loading ".concat(stateClasses.loading)},React__default.createElement(Spinner,{className:stateClasses.loadingSpinner}))):c?(React__default.createElement("div",{className:"juno-select-error-text ".concat(stateClasses.error)},React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:stateClasses.errorIcon}))):(React__default.createElement("div",{className:"".concat(iconBaseClasses," ").concat(f?iconDisabledClasses:"")},d&&React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}),e&&React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}),React__default.createElement(Icon,{icon:"expandMore"})))},NativeSelect=function(a){var b=a.name,c=void 0===b?"Unnamed Select":b,d=a.id,e=void 0===d?"":d,f=a.children,g=a.className,h=void 0===g?"":g,i=a.disabled,j=void 0!==i&&i,k=a.invalid,l=void 0!==k&&k,m=a.valid,n=void 0!==m&&m,o=a.loading,p=void 0!==o&&o,q=a.error,r=void 0!==q&&q,s=a.onChange,t=a.onClick,u=a.wrapperClassName,v=void 0===u?"":u,w=__rest(a,["name","id","children","className","disabled","invalid","valid","loading","error","onChange","onClick","wrapperClassName"]),x=useState(p),y=x[0],z=x[1],A=useState(n),B=A[0],C=A[1],D=useState(l),E=D[0],F=D[1],G=useState(r),H=G[0],I=G[1];useEffect(function(){return z(p)},[p]),useEffect(function(){return C(n)},[n]),useEffect(function(){return F(l)},[l]),useEffect(function(){return I(r)},[r]);var J=B||E?stateClasses.paddingIconRight:stateClasses.paddingDefaultRight;return React__default.createElement("div",{className:"juno-select-wrapper ".concat(wrapperBaseClasses," ").concat(v)},React__default.createElement("select",__assign({name:c,id:e,className:"\n juno-select\n ".concat(selectBaseClasses,"\n ").concat(E?"juno-select-invalid "+borderErrorClasses:"","\n ").concat(B?"juno-select-valid "+borderSuccessClasses:"","\n ").concat(H?"juno-select-error":"","\n ").concat(J,"\n ").concat(h,"\n "),onChange:function(a){return s&&s(a)},onClick:function(a){return t&&t(a)},disabled:j||y||H},w),f),React__default.createElement(SelectIcons,{isLoading:y,hasError:H,isInvalid:E,isValid:B,disabled:j}))};export{NativeSelect as N};
@@ -1 +1 @@
1
- export{N as NativeSelect}from"./NativeSelect.component-DtTnqH-z.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";
1
+ export{N as NativeSelect}from"./NativeSelect.component-BeYgemsP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var NativeSelectOption=function(a){var b=a.value,c=a.label,d=a.disabled,e=a.className,f=void 0===e?"":e,g=__rest(a,["value","label","disabled","className"]);return React__default.createElement("option",__assign({value:b,disabled:void 0!==d&&d,className:"juno-select-option ".concat(f)},g),c||b)};export{NativeSelectOption as N};
@@ -1 +1 @@
1
- export{N as NativeSelectOption}from"./NativeSelectOption.component-ozgJZgGf.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{N as NativeSelectOption}from"./NativeSelectOption.component-CLFcWbs7.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -0,0 +1 @@
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";var NativeSelectOptionGroup=function(a){var b=a.label,c=void 0===b?"":b,d=a.disabled,e=a.className,f=void 0===e?"":e,g=a.children,h=__rest(a,["label","disabled","className","children"]);return React__default.createElement("optgroup",__assign({label:c,disabled:void 0!==d&&d,className:"juno-select-option-group ".concat(f)},h),g)};export{NativeSelectOptionGroup as N};
@@ -1 +1 @@
1
- export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-kDCnJXl8.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";
1
+ export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-B9j74Fm2.js";import"./tslib.es6-bjGg6Bxl.js";import"react";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment,useState}from"react";import PropTypes from"prop-types";import{B as Button,S as Stack}from"./Stack.component-fYvcWRNi.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,S as Select}from"./Select.component-BfgCOLpX.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{I as It}from"./listbox-CbPsJ3A1.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";const optionStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useContext,useEffect,Fragment,useState}from"react";import PropTypes from"prop-types";import{B as Button,S as Stack}from"./Stack.component-fYvcWRNi.js";import{T as TextInput}from"./TextInput.component-CkNlIlj0.js";import{a as SelectContext,S as Select}from"./Select.component-DNPTrdQs.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{I as It}from"./listbox-CbPsJ3A1.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";const optionStyles=`
2
2
  jn-flex
3
3
  jn-pt-[0.6875rem]
4
4
  jn-pb-[0.5rem]
@@ -1 +1 @@
1
- export{P as Pagination}from"./Pagination.component-6CTFGCb-.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Stack.component-fYvcWRNi.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-BfgCOLpX.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
1
+ export{P as Pagination}from"./Pagination.component-D7vw3gPl.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Stack.component-fYvcWRNi.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-CkNlIlj0.js";import"./FormHint.component-BPhoMz7f.js";import"./Select.component-DNPTrdQs.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-C8y2zs-R.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockradiostyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-full\n jn-bg-theme-radio\n",checkedstyles="\n jn-absolute\n jn-block\n jn-bg-theme-radio-checked\n jn-rounded-full\n jn-w-3\n jn-h-3\n jn-top-[1px]\n jn-left-[1px]\n",mockfocusradiostyles="\n jn-outline-none\n jn-ring-2\n jn-ring-theme-focus\n",mockdisabledradiostyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Radio=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?void 0:l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?void 0:p,r=a.name,s=void 0===r?void 0:r,t=a.onChange,u=void 0===t?void 0:t,v=a.onClick,w=void 0===v?void 0:v,x=a.required,y=a.successtext,z=void 0===y?"":y,A=a.valid,B=void 0!==A&&A,C=a.value,D=void 0===C?void 0:C,E=__rest(a,["checked","className","disabled","errortext","helptext","id","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),F=function(a){return"string"!=typeof a||0!==a.trim().length},G=useContext(RadioGroupContext),H=G||{},I=H.selectedValue,J=H.onChange,K=H.name,L=H.updateSelectedValue,M=H.disabled,N=function(){return G?I===D:!!c},O=useState(function(){return N()}),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1],$=useMemo(function(){return o||!!(i&&F(i))},[o,i]),_=useMemo(function(){return B||!!(z&&F(z))},[B,z]);useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]),useEffect(function(){c&&G&&I===void 0&&L&&L(D)},[]),useEffect(function(){I||Q(c)},[c]);var aa=function(){return I?I===D:P},ba=m||function(){return"juno-radio-"+useId()}();return React__default.createElement("div",{className:"jn-radio-outer"},React__default.createElement("div",{className:"juno-radio-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-radio \n ".concat(mockradiostyles," \n ").concat(S?mockfocusradiostyles:""," \n ").concat(g?mockdisabledradiostyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},E),React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-radio-invalid":""," \n ").concat(Y?"juno-radio-valid":"","\n "),disabled:M||g,id:ba,onBlur:function(){T(!1)},onChange:function(){Q(!P),J&&"function"==typeof J&&I!==D&&J(D),u&&u(D)},onClick:function(a){w&&w(a)},onFocus:function(){T(!0)},name:K||s,type:"radio",value:D}),aa()?React__default.createElement("span",{className:"".concat(checkedstyles)}):""),q&&F(q)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:"".concat(labelStyles),disabled:M||g,htmlFor:ba,required:void 0!==x&&x,text:q}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&F(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",z&&F(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",k&&F(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Radio as R};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useState,useMemo,useEffect,useId}from"react";import{a as RadioGroupContext}from"./RadioGroup.component-Cj0bQHOM.js";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var wrapperStyles="\n jn-inline-flex\n jn-items-center\n",inputstyles="\n jn-w-4\n jn-h-4\n jn-opacity-0\n jn-z-50\n",mockradiostyles="\n jn-relative\n jn-w-4\n jn-h-4\n jn-rounded-full\n jn-bg-theme-radio\n",checkedstyles="\n jn-absolute\n jn-block\n jn-bg-theme-radio-checked\n jn-rounded-full\n jn-w-3\n jn-h-3\n jn-top-[1px]\n jn-left-[1px]\n",mockfocusradiostyles="\n jn-outline-none\n jn-ring-2\n jn-ring-theme-focus\n",mockdisabledradiostyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",noBorderStyles="\n jn-border\n jn-border-transparent\n",errorstyles="\n jn-border\n jn-border-theme-error\n",successstyles="\n jn-border\n jn-border-theme-success\n",labelStyles="\n jn-leading-0\n jn-ml-2\n",iconStyles="\n jn-ml-1\n",hintStyles="\n jn-mt-0\n jn-ml-6\n",Radio=function(a){var b=a.checked,c=void 0!==b&&b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?void 0:l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?void 0:p,r=a.name,s=void 0===r?void 0:r,t=a.onChange,u=void 0===t?void 0:t,v=a.onClick,w=void 0===v?void 0:v,x=a.required,y=a.successtext,z=void 0===y?"":y,A=a.valid,B=void 0!==A&&A,C=a.value,D=void 0===C?void 0:C,E=__rest(a,["checked","className","disabled","errortext","helptext","id","invalid","label","name","onChange","onClick","required","successtext","valid","value"]),F=function(a){return"string"!=typeof a||0!==a.trim().length},G=useContext(RadioGroupContext),H=G||{},I=H.selectedValue,J=H.onChange,K=H.name,L=H.updateSelectedValue,M=H.disabled,N=function(){return G?I===D:!!c},O=useState(function(){return N()}),P=O[0],Q=O[1],R=useState(!1),S=R[0],T=R[1],U=useState(!1),V=U[0],W=U[1],X=useState(!1),Y=X[0],Z=X[1],$=useMemo(function(){return o||!!(i&&F(i))},[o,i]),_=useMemo(function(){return B||!!(z&&F(z))},[B,z]);useEffect(function(){W($)},[$]),useEffect(function(){Z(_)},[_]),useEffect(function(){c&&G&&I===void 0&&L&&L(D)},[]),useEffect(function(){I||Q(c)},[c]);var aa=function(){return I?I===D:P},ba=m||function(){return"juno-radio-"+useId()}();return React__default.createElement("div",{className:"jn-radio-outer"},React__default.createElement("div",{className:"juno-radio-wrapper ".concat(wrapperStyles)},React__default.createElement("div",__assign({className:"\n juno-radio \n ".concat(mockradiostyles," \n ").concat(S?mockfocusradiostyles:""," \n ").concat(g?mockdisabledradiostyles:""," \n ").concat(V?errorstyles:""," \n ").concat(Y?successstyles:""," \n ").concat(V||Y?"":noBorderStyles,"\n ").concat(e,"\n ")},E),React__default.createElement("input",{checked:aa(),className:"\n ".concat(inputstyles," \n ").concat(V?"juno-radio-invalid":""," \n ").concat(Y?"juno-radio-valid":"","\n "),disabled:M||g,id:ba,onBlur:function(){T(!1)},onChange:function(){Q(!P),J&&"function"==typeof J&&I!==D&&J(D),u&&u(D)},onClick:function(a){w&&w(a)},onFocus:function(){T(!0)},name:K||s,type:"radio",value:D}),aa()?React__default.createElement("span",{className:"".concat(checkedstyles)}):""),q&&F(q)?(React__default.createElement(React__default.Fragment,null,React__default.createElement(Label,{className:"".concat(labelStyles),disabled:M||g,htmlFor:ba,required:void 0!==x&&x,text:q}),V?(React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"",Y?(React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:"\n ".concat(iconStyles,"\n ").concat(g?"jn-opacity-50":"","\n ")})):"")):""),i&&F(i)?(React__default.createElement(FormHint,{text:i,variant:"error",className:"".concat(hintStyles)})):"",z&&F(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",k&&F(k)?React__default.createElement(FormHint,{text:k,className:"".concat(hintStyles)}):"")};export{Radio as R};
package/build/Radio.js CHANGED
@@ -1 +1 @@
1
- export{R as Radio}from"./Radio.component-D5E4PrMW.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./RadioGroup.component-C8y2zs-R.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{R as Radio}from"./Radio.component-qjlCYiuP.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var radiogroupstyles="\n\tjn-mb-4\n\tlast:jn-mb-0\n",groupstyles="\n\tjn-relative\n\tjn-rounded\n\tjn-border\n\tjn-py-1\n",defaultgroupstyles="\n\tjn-border-transparent\n",validgroupstyles="\n\tjn-border-theme-success\n\tjn-px-2\n",invalidgroupstyles="\n\tjn-border-theme-error\n\tjn-px-2\n",iconstyles="\n\tjn-absolute\n\tjn-right-2\n\tjn-top-1.5\n",RadioGroupContext=createContext({}),RadioGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?"":p,r=a.name,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-radiogroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]),useEffect(function(){u&&G(u)},[u]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:F,name:C,onChange:function(a){G(a),s&&s(a)},updateSelectedValue:function(a){G(a)},disabled:g}},React__default.createElement("div",__assign({className:"\n juno-radiogroup \n ".concat(radiogroupstyles," \n ").concat(I?"juno-radiogroup-valid":""," \n ").concat(L?"juno-radiogroup-invalid":""," \n ").concat(e,"\n "),id:D,role:"radiogroup"},z),q&&A(q)?(React__default.createElement(Label,{text:q,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):"")))};export{RadioGroup as R,RadioGroupContext as a};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useState,useMemo,useEffect,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var radiogroupstyles="\n\tjn-mb-4\n\tlast:jn-mb-0\n",groupstyles="\n\tjn-relative\n\tjn-rounded\n\tjn-border\n\tjn-py-1\n",defaultgroupstyles="\n\tjn-border-transparent\n",validgroupstyles="\n\tjn-border-theme-success\n\tjn-px-2\n",invalidgroupstyles="\n\tjn-border-theme-error\n\tjn-px-2\n",iconstyles="\n\tjn-absolute\n\tjn-right-2\n\tjn-top-1.5\n",RadioGroupContext=createContext({}),RadioGroup=function(a){var b=a.children,c=void 0===b?null:b,d=a.className,e=void 0===d?"":d,f=a.disabled,g=void 0!==f&&f,h=a.errortext,i=void 0===h?"":h,j=a.helptext,k=void 0===j?"":j,l=a.id,m=void 0===l?"":l,n=a.invalid,o=void 0!==n&&n,p=a.label,q=void 0===p?"":p,r=a.name,s=a.onChange,t=a.required,u=a.selected,v=a.successtext,w=void 0===v?"":v,x=a.valid,y=void 0!==x&&x,z=__rest(a,["children","className","disabled","errortext","helptext","id","invalid","label","name","onChange","required","selected","successtext","valid"]),A=function(a){return"string"!=typeof a||0!==a.trim().length},B=function(){return"juno-radiogroup-"+useId()},C=r||B(),D=m||B(),E=useState(u),F=E[0],G=E[1],H=useState(!1),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useMemo(function(){return y||!!(w&&w.length)},[y,w]),O=useMemo(function(){return o||!!(i&&i.length)},[o,i]);useEffect(function(){J(N)},[N]),useEffect(function(){M(O)},[O]),useEffect(function(){u&&G(u)},[u]);return(React__default.createElement(RadioGroupContext.Provider,{value:{selectedValue:F,name:C,onChange:function(a){G(a),s&&s(a)},updateSelectedValue:function(a){G(a)},disabled:g}},React__default.createElement("div",__assign({className:"\n juno-radiogroup \n ".concat(radiogroupstyles," \n ").concat(I?"juno-radiogroup-valid":""," \n ").concat(L?"juno-radiogroup-invalid":""," \n ").concat(e,"\n "),id:D,role:"radiogroup"},z),q&&A(q)?(React__default.createElement(Label,{text:q,htmlFor:D,disabled:g,required:void 0!==t&&t})):"",React__default.createElement("div",{className:"\n juno-checkbox-group-options \n ".concat(groupstyles," \n ").concat(I?validgroupstyles:""," \n ").concat(L?invalidgroupstyles:""," \n ").concat(I||L?"":defaultgroupstyles,"\n ")},L?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",className:"".concat(iconstyles)}):"",I?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",className:"".concat(iconstyles)}):"",c),i&&A(i)?React__default.createElement(FormHint,{text:i,variant:"error"}):"",w&&A(w)?React__default.createElement(FormHint,{text:w,variant:"success"}):"",k&&A(k)?React__default.createElement(FormHint,{text:k}):"")))};export{RadioGroup as R,RadioGroupContext as a};
@@ -1 +1 @@
1
- export{R as RadioGroup}from"./RadioGroup.component-C8y2zs-R.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{R as RadioGroup}from"./RadioGroup.component-Cj0bQHOM.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{R as Radio}from"./Radio.component-D5E4PrMW.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var RadioRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.name,f=void 0===e?void 0:e,g=a.label,h=void 0===g?void 0:g,i=a.id,j=void 0===i?void 0:i,k=a.helptext,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=a.disabled,p=a.required,q=a.errortext,r=void 0===q?"":q,s=a.valid,t=a.invalid,u=a.successtext,v=void 0===u?"":u,w=a.onChange,x=void 0===w?void 0:w,y=__rest(a,["value","checked","name","label","id","helptext","className","disabled","required","errortext","valid","invalid","successtext","onChange"]);return React__default.createElement(Radio,__assign({value:c,checked:void 0!==d&&d,name:f,label:h,id:j,helptext:l,disabled:void 0!==o&&o,required:void 0!==p&&p,invalid:t,valid:void 0!==s&&s,errortext:r,successtext:v,className:n,onChange:x},y))},RadioRow_component=withDeprecationWarning(RadioRow,"RadioRow is deprecated and will be removed in future versions. To be future-proof, use Radio instead.");export{RadioRow_component as R};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{R as Radio}from"./Radio.component-qjlCYiuP.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-DQTD5UdI.js";var RadioRow=function(a){var b=a.value,c=void 0===b?"":b,d=a.checked,e=a.name,f=void 0===e?void 0:e,g=a.label,h=void 0===g?void 0:g,i=a.id,j=void 0===i?void 0:i,k=a.helptext,l=void 0===k?"":k,m=a.className,n=void 0===m?"":m,o=a.disabled,p=a.required,q=a.errortext,r=void 0===q?"":q,s=a.valid,t=a.invalid,u=a.successtext,v=void 0===u?"":u,w=a.onChange,x=void 0===w?void 0:w,y=__rest(a,["value","checked","name","label","id","helptext","className","disabled","required","errortext","valid","invalid","successtext","onChange"]);return React__default.createElement(Radio,__assign({value:c,checked:void 0!==d&&d,name:f,label:h,id:j,helptext:l,disabled:void 0!==o&&o,required:void 0!==p&&p,invalid:t,valid:void 0!==s&&s,errortext:r,successtext:v,className:n,onChange:x},y))},RadioRow_component=withDeprecationWarning(RadioRow,"RadioRow is deprecated and will be removed in future versions. To be future-proof, use Radio instead.");export{RadioRow_component as R};
package/build/RadioRow.js CHANGED
@@ -1 +1 @@
1
- export{R as RadioRow}from"./RadioRow.component-BuAImxFY.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Radio.component-D5E4PrMW.js";import"./RadioGroup.component-C8y2zs-R.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
1
+ export{R as RadioRow}from"./RadioRow.component-CqrB8Bvr.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Radio.component-qjlCYiuP.js";import"./RadioGroup.component-Cj0bQHOM.js";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";import"./withDeprecationWarning.component-DQTD5UdI.js";
@@ -1,4 +1,4 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-lyiwAWIX.js";import{o as offset,a as autoPlacement,s as size,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useId,useState,useMemo,useEffect,createContext}from"react";import PropTypes from"prop-types";import{L as Label,F as FormHint}from"./FormHint.component-BPhoMz7f.js";import{I as Icon}from"./Icon.component-BVkaZqpA.js";import{S as Spinner}from"./Spinner.component-3BfGSLKB.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-B2hXHP-c.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";const labelStyles=`
2
2
  jn-no-wrap
3
3
  jn-pointer-events-none
4
4
  jn-top-2
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.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{u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";var labelStyles="\n jn-no-wrap\n jn-pointer-events-none\n jn-top-2\n jn-left-4\n",toggleStyles="\n jn-appearance-none\n jn-h-[2.375rem]\n jn-inline-flex\n jn-items-center\n jn-px-4\n jn-rounded-3px\n jn-select-none\n jn-text-base\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",validToggleStyles="\n jn-border\n jn-border-theme-success\n",invalidToggleStyles="\n jn-border\n jn-border-theme-error\n",centeredIconStyles="\n jn-absolute\n jn-top-1/2\n jn-left-1/2\n jn-translate-y-[-50%]\n jn-translate-x-[-0.75rem]\n",menuStyles="\n jn-rounded\n jn-bg-theme-background-lvl-1\n jn-w-full\n jn-overflow-y-auto\n",truncateStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectContext=createContext(void 0),Select=function(a){function b(a){if(z)return oa(a)||M||a.join(", ")||E;var b=Y.get(a);return b?b.displayName||M||a||E:M||a||E}var c=a.ariaLabel,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=a.className,h=void 0===g?"":g,i=a.defaultValue,j=a.disabled,k=void 0!==j&&j,l=a.error,m=void 0!==l&&l,n=a.errortext,o=void 0===n?"":n,p=a.helptext,q=void 0===p?"":p,r=a.id,s=void 0===r?"":r,t=a.invalid,u=void 0!==t&&t,v=a.label,w=a.loading,x=void 0!==w&&w,y=a.multiple,z=void 0!==y&&y,A=a.name,B=a.onChange,C=a.onValueChange,D=a.placeholder,E=void 0===D?"Select\u2026":D,F=a.required,G=a.successtext,H=void 0===G?"":G,I=a.truncateOptions,J=a.valid,K=void 0!==J&&J,L=a.value,M=a.valueLabel,N=a.variant,O=void 0===N?"default":N,P=a.width,Q=void 0===P?"full":P,R=a.wrapperClassName,S=void 0===R?"":R,T=__rest(a,["ariaLabel","children","className","defaultValue","disabled","error","errortext","helptext","id","invalid","label","loading","multiple","name","onChange","onValueChange","placeholder","required","successtext","truncateOptions","valid","value","valueLabel","variant","width","wrapperClassName"]),U=function(a){return"string"!=typeof a||0!==a.trim().length},V=s||function(){return"juno-select-"+useId()}(),W="juno-select-helptext-"+useId(),X=useState(new Map),Y=X[0],Z=X[1],$=useState(!1),_=$[0],aa=$[1],ba=useState(!1),ca=ba[0],da=ba[1],ea=useState(!1),fa=ea[0],ga=ea[1],ha=useState(!1),ia=ha[0],ja=ha[1],ka=useMemo(function(){return u||!!(o&&U(o))},[u,o]),la=useMemo(function(){return K||!!(H&&U(H))},[K,H]);useEffect(function(){aa(m)},[m]),useEffect(function(){da(ka)},[ka]),useEffect(function(){ga(la)},[la]),useEffect(function(){ja(x)},[x]);var ma=usePortalRef(),na=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()],oa=function(a){var b=function(a){var b,c=Y.get(a);if(c)return(null===(b=c.displayName)||void 0===b?void 0:b.length)?c.displayName:null},c=a.map(function(a){return b(a)}).filter(function(a){return a&&0<a.toString().trim().length});return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:void 0!==I&&I,addOptionValueAndLabel:function(a,b,c){Z(function(d){return new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a})})}}},React__default.createElement("div",{className:"\n juno-select-wrapper \n jn-relative\n ".concat("auto"==Q?"jn-inline-block":"jn-block","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(S,"\n ")},React__default.createElement(It,{disabled:k||ia||_,multiple:z,name:A,onChange:function(a){B&&B(a||""),C&&C(a||"")},value:L,defaultValue:i},v&&U(v)?(React__default.createElement(It.Label,{as:Label,htmlFor:V,text:v,className:"".concat(labelStyles),disabled:k||ia||_,required:void 0!==F&&F,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:na},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,__assign({"aria-describedby":q?W:"","aria-label":d||v,as:"button",id:V,className:"\n juno-select-toggle\n ".concat(O&&O.length?"juno-select-toggle-"+O:"juno-select-toggle-default","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(toggleStyles,"\n ").concat(v&&U(v)?"jn-pt-[0.4rem]":"","\n ").concat(k?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(ia||_?"jn-justify-center":"jn-justify-between","\n ").concat(ca?"juno-select-invalid "+invalidToggleStyles:""," \n ").concat(fa?"juno-select-valid "+validToggleStyles:""," \n \n ").concat(ia?"juno-select-loading jn-cursor-not-allowed":"","\n ").concat(_?"juno-select-error jn-cursor-not-allowed":"","\n ").concat(h,"\n ")},T),function(a){var c=a.open,d=a.value;return _||ia?(React__default.createElement("span",{className:"".concat(centeredIconStyles)},_?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):ia?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:"".concat(truncateStyles)},b(d)),React__default.createElement("span",{className:"jn-flex"},fa?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",ca?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:c?"expandLess":"expandMore"})))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:"\n juno-select-menu\n ".concat(menuStyles,"\n ")},f)),ma?ma:document.body))),o&&U(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",H&&U(H)?React__default.createElement(FormHint,{text:H,variant:"success"}):"",q&&U(q)?React__default.createElement(FormHint,{text:q,id:W}):""))};export{Select as S,SelectContext as a};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{createContext,useId,useState,useMemo,useEffect}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{S as Spinner}from"./Spinner.component-B_OKKh5D.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";import{p as pr}from"./headlessui-float-BQHnLFxQ.js";import{o as offset,b as autoPlacement,a as size,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import{u as usePortalRef}from"./PortalProvider.component-nShveTMU.js";import{createPortal}from"react-dom";import{I as It}from"./listbox-CbPsJ3A1.js";var labelStyles="\n jn-no-wrap\n jn-pointer-events-none\n jn-top-2\n jn-left-4\n",toggleStyles="\n jn-appearance-none\n jn-h-[2.375rem]\n jn-inline-flex\n jn-items-center\n jn-px-4\n jn-rounded-3px\n jn-select-none\n jn-text-base\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n",validToggleStyles="\n jn-border\n jn-border-theme-success\n",invalidToggleStyles="\n jn-border\n jn-border-theme-error\n",centeredIconStyles="\n jn-absolute\n jn-top-1/2\n jn-left-1/2\n jn-translate-y-[-50%]\n jn-translate-x-[-0.75rem]\n",menuStyles="\n jn-rounded\n jn-bg-theme-background-lvl-1\n jn-w-full\n jn-overflow-y-auto\n",truncateStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectContext=createContext(void 0),Select=function(a){function b(a){if(z)return oa(a)||M||a.join(", ")||E;var b=Y.get(a);return b?b.displayName||M||a||E:M||a||E}var c=a.ariaLabel,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=a.className,h=void 0===g?"":g,i=a.defaultValue,j=a.disabled,k=void 0!==j&&j,l=a.error,m=void 0!==l&&l,n=a.errortext,o=void 0===n?"":n,p=a.helptext,q=void 0===p?"":p,r=a.id,s=void 0===r?"":r,t=a.invalid,u=void 0!==t&&t,v=a.label,w=a.loading,x=void 0!==w&&w,y=a.multiple,z=void 0!==y&&y,A=a.name,B=a.onChange,C=a.onValueChange,D=a.placeholder,E=void 0===D?"Select\u2026":D,F=a.required,G=a.successtext,H=void 0===G?"":G,I=a.truncateOptions,J=a.valid,K=void 0!==J&&J,L=a.value,M=a.valueLabel,N=a.variant,O=void 0===N?"default":N,P=a.width,Q=void 0===P?"full":P,R=a.wrapperClassName,S=void 0===R?"":R,T=__rest(a,["ariaLabel","children","className","defaultValue","disabled","error","errortext","helptext","id","invalid","label","loading","multiple","name","onChange","onValueChange","placeholder","required","successtext","truncateOptions","valid","value","valueLabel","variant","width","wrapperClassName"]),U=function(a){return"string"!=typeof a||0!==a.trim().length},V=s||function(){return"juno-select-"+useId()}(),W="juno-select-helptext-"+useId(),X=useState(new Map),Y=X[0],Z=X[1],$=useState(!1),_=$[0],aa=$[1],ba=useState(!1),ca=ba[0],da=ba[1],ea=useState(!1),fa=ea[0],ga=ea[1],ha=useState(!1),ia=ha[0],ja=ha[1],ka=useMemo(function(){return u||!!(o&&U(o))},[u,o]),la=useMemo(function(){return K||!!(H&&U(H))},[K,H]);useEffect(function(){aa(m)},[m]),useEffect(function(){da(ka)},[ka]),useEffect(function(){ga(la)},[la]),useEffect(function(){ja(x)},[x]);var ma=usePortalRef(),na=[offset(4),autoPlacement({crossAxis:!0,allowedPlacements:["bottom","top"]}),size({boundary:"viewport",apply:function(a){var b=a.availableWidth,c=a.availableHeight,d=a.elements;Object.assign(d.floating.style,{maxWidth:"".concat(b,"px"),maxHeight:"".concat(c,"px"),overflowY:"auto"})}}),shift()],oa=function(a){var b=function(a){var b,c=Y.get(a);if(c)return(null===(b=c.displayName)||void 0===b?void 0:b.length)?c.displayName:null},c=a.map(function(a){return b(a)}).filter(function(a){return a&&0<a.toString().trim().length});return c.join(", ")};return React__default.createElement(SelectContext.Provider,{value:{truncateOptions:void 0!==I&&I,addOptionValueAndLabel:function(a,b,c){Z(function(d){return new Map(d).set(a||c,{val:a,label:b,children:c,displayName:c||b||a})})}}},React__default.createElement("div",{className:"\n juno-select-wrapper \n jn-relative\n ".concat("auto"==Q?"jn-inline-block":"jn-block","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(S,"\n ")},React__default.createElement(It,{disabled:k||ia||_,multiple:z,name:A,onChange:function(a){B&&B(a||""),C&&C(a||"")},value:L,defaultValue:i},v&&U(v)?(React__default.createElement(It.Label,{as:Label,htmlFor:V,text:v,className:"".concat(labelStyles),disabled:k||ia||_,required:void 0!==F&&F,floating:!0,minimized:!0})):"",React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:na},React__default.createElement(pr.Reference,null,React__default.createElement(It.Button,__assign({"aria-describedby":q?W:"","aria-label":d||v,as:"button",id:V,className:"\n juno-select-toggle\n ".concat(O&&O.length?"juno-select-toggle-"+O:"juno-select-toggle-default","\n ").concat("auto"==Q?"jn-w-auto":"jn-w-full","\n ").concat(toggleStyles,"\n ").concat(v&&U(v)?"jn-pt-[0.4rem]":"","\n ").concat(k?"juno-select-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(ia||_?"jn-justify-center":"jn-justify-between","\n ").concat(ca?"juno-select-invalid "+invalidToggleStyles:""," \n ").concat(fa?"juno-select-valid "+validToggleStyles:""," \n \n ").concat(ia?"juno-select-loading jn-cursor-not-allowed":"","\n ").concat(_?"juno-select-error jn-cursor-not-allowed":"","\n ").concat(h,"\n ")},T),function(a){var c=a.open,d=a.value;return _||ia?(React__default.createElement("span",{className:"".concat(centeredIconStyles)},_?(React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):ia?(React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"})):"")):(React__default.createElement(React__default.Fragment,null,React__default.createElement("span",{className:"".concat(truncateStyles)},b(d)),React__default.createElement("span",{className:"jn-flex"},fa?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):"",ca?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):"",React__default.createElement("span",null,React__default.createElement(Icon,{icon:c?"expandLess":"expandMore"})))))})),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(It.Options,{unmount:!1,className:"\n juno-select-menu\n ".concat(menuStyles,"\n ")},f)),ma?ma:document.body))),o&&U(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",H&&U(H)?React__default.createElement(FormHint,{text:H,variant:"success"}):"",q&&U(q)?React__default.createElement(FormHint,{text:q,id:W}):""))};export{Select as S,SelectContext as a};
package/build/Select.js CHANGED
@@ -1 +1 @@
1
- export{S as Select}from"./Select.component-qFgtNL11.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-Dkh3ieaZ.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
1
+ export{S as Select}from"./Select.component-zF_9SDqa.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-nShveTMU.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-qFgtNL11.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-TbF3yilt.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-Dkh3ieaZ.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-nShveTMU.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";var optionStyles="\n jn-flex\n jn-pt-[0.6875rem]\n jn-pb-[0.5rem]\n jn-pr-[0.875rem]\n jn-select-none\n data-[headlessui-state=active]:jn-outline-none\n data-[headlessui-state=active]:jn-ring-2\n data-[headlessui-state=active]:jn-ring-inset\n data-[headlessui-state=active]:jn-ring-theme-focus\n data-[headlessui-state=active]:jn-bg-theme-background-lvl-3\n",unselectedOptionStyles="\n jn-text-theme-default\n jn-pl-[2.375rem]\n",selectedOptionStyles="\n jn-text-theme-accent\n jn-pl-3.5\n",selectedIconStyles="\n jn-inline-block\n jn-mr-1.5\n jn-overflow-auto\n",disabledOptionLabelStyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",truncateOptionStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectOption=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.disabled,f=void 0!==e&&e,g=a.value,h=void 0===g?"":g,i=a.label,j=__rest(a,["children","className","disabled","value","label"]),k=useContext(SelectContext),l=k||{truncateOptions:!1,addOptionValueAndLabel:function(){}},m=l.truncateOptions,n=l.addOptionValueAndLabel;return useEffect(function(){n(h,i,b)},[h,i,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:h||b},function(a){var c=a.selected;return React__default.createElement("li",__assign({className:"\n juno-select-option \n jn-min-h-[2.5rem]\n ".concat(optionStyles,"\n ").concat(c?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles,"\n ").concat(f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(m?"juno-select-option-truncate":"","\n ").concat(d,"\n ")},j),c?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:"\n ".concat(f?disabledOptionLabelStyles:"","\n ").concat(m?truncateOptionStyles:"","\n ")},b||i||h))}))};export{SelectOption};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useContext,useEffect,Fragment}from"react";import{a as SelectContext}from"./Select.component-zF_9SDqa.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{I as It}from"./listbox-CbPsJ3A1.js";import"./Label.component-TbF3yilt.js";import"./Spinner.component-B_OKKh5D.js";import"./FormHint.component-B30ehV71.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-nShveTMU.js";import"./widgets-njngpHa5.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";var optionStyles="\n jn-flex\n jn-pt-[0.6875rem]\n jn-pb-[0.5rem]\n jn-pr-[0.875rem]\n jn-select-none\n data-[headlessui-state=active]:jn-outline-none\n data-[headlessui-state=active]:jn-ring-2\n data-[headlessui-state=active]:jn-ring-inset\n data-[headlessui-state=active]:jn-ring-theme-focus\n data-[headlessui-state=active]:jn-bg-theme-background-lvl-3\n",unselectedOptionStyles="\n jn-text-theme-default\n jn-pl-[2.375rem]\n",selectedOptionStyles="\n jn-text-theme-accent\n jn-pl-3.5\n",selectedIconStyles="\n jn-inline-block\n jn-mr-1.5\n jn-overflow-auto\n",disabledOptionLabelStyles="\n jn-opacity-50\n jn-cursor-not-allowed\n",truncateOptionStyles="\n jn-block\n jn-h-6\n jn-overflow-hidden\n jn-text-ellipsis\n jn-whitespace-nowrap\n",SelectOption=function(a){var b=a.children,c=a.className,d=void 0===c?"":c,e=a.disabled,f=void 0!==e&&e,g=a.value,h=void 0===g?"":g,i=a.label,j=__rest(a,["children","className","disabled","value","label"]),k=useContext(SelectContext),l=k||{truncateOptions:!1,addOptionValueAndLabel:function(){}},m=l.truncateOptions,n=l.addOptionValueAndLabel;return useEffect(function(){n(h,i,b)},[h,i,b]),(React__default.createElement(It.Option,{as:Fragment,disabled:f,value:h||b},function(a){var c=a.selected;return React__default.createElement("li",__assign({className:"\n juno-select-option \n jn-min-h-[2.5rem]\n ".concat(optionStyles,"\n ").concat(c?"juno-select-option-selected "+selectedOptionStyles:unselectedOptionStyles,"\n ").concat(f?"juno-select-option-disabled jn-opacity-50 jn-cursor-not-allowed":"","\n ").concat(m?"juno-select-option-truncate":"","\n ").concat(d,"\n ")},j),c?React__default.createElement(Icon,{icon:"check",size:"18",className:selectedIconStyles}):"",React__default.createElement("span",{className:"\n ".concat(f?disabledOptionLabelStyles:"","\n ").concat(m?truncateOptionStyles:"","\n ")},b||i||h))}))};export{SelectOption};
@@ -1 +1 @@
1
- import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Select}from"./Select.component-BfgCOLpX.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S};
1
+ import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";import{S as Select}from"./Select.component-DNPTrdQs.js";import{F as FormRow}from"./FormRow.component-5oxVn9c0.js";import{w as withDeprecationWarning}from"./withDeprecationWarning.component-fIFVSC34.js";const SelectRow=a=>{let{name:n=null,variant:b,label:o=null,id:p=null,helptext:q=null,required:r=null,className:s="",disabled:t=null,invalid:u=!1,errortext:v="",valid:c,placeholder:w="Select\u2026",successtext:d,children:e,value:f,onValueChange:g,onChange:h,defaultValue:i,open:j,error:k,loading:l,...m}=a;return React__default.createElement(FormRow,null,React__default.createElement(Select,_extends({name:n,id:p,label:o,required:r,placeholder:w,onChange:g||h,disabled:t,invalid:u,valid:c,value:f,variant:b,defaultValue:i,open:j,error:k,loading:l,errortext:v,helptext:q,successtext:d,className:s},m),e))};SelectRow.propTypes={name:PropTypes.string,label:PropTypes.string,placeholder:PropTypes.string,id:PropTypes.string,helptext:PropTypes.node,required:PropTypes.bool,className:PropTypes.string,disabled:PropTypes.bool,invalid:PropTypes.bool,errortext:PropTypes.string,children:PropTypes.node,valid:PropTypes.bool,value:PropTypes.string,variant:PropTypes.oneOf(["default","primary","primary-danger","subdued"]),onValueChange:PropTypes.func,onChange:PropTypes.func,onOpenChange:PropTypes.func,defaultValue:PropTypes.string,open:PropTypes.bool,error:PropTypes.bool,loading:PropTypes.bool,successtext:PropTypes.string};var SelectRow_component=withDeprecationWarning(SelectRow,"SelectRow is deprecated and will be removed in future versions. To be future-proof, use Select instead.");export{SelectRow_component as S};
@@ -1 +1 @@
1
- export{S as SelectRow}from"./SelectRow.component-D3y6s-A2.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Select.component-BfgCOLpX.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-lyiwAWIX.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
1
+ export{S as SelectRow}from"./SelectRow.component-D0F2VY1t.js";import"./_rollupPluginBabelHelpers-B5fk9IVe.js";import"react";import"prop-types";import"./Select.component-DNPTrdQs.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-BVkaZqpA.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./headlessui-float-BQHnLFxQ.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"./PortalProvider.component-B2hXHP-c.js";import"./listbox-CbPsJ3A1.js";import"./form-DXIqO3qN.js";import"./use-text-value-DK9HMXni.js";import"./FormRow.component-5oxVn9c0.js";import"./withDeprecationWarning.component-fIFVSC34.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var switchBaseStyles="\n jn-rounded-full\n jn-relative\n jn-p-0\n jn-leading-0\n jn-border\n jn-g-theme-default\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n disabled:jn-cursor-not-allowed\n",borderBaseStyles="\n jn-border-theme-switch-default\n",switchWrapperStyles="\n jn-flex\n jn-flex-row\n jn-items-center\n",handleBaseStyles="\n jn-inline-block\n jn-absolute\n jn-top-[1px]\n jn-rounded-full\n jn-bg-theme-switch-handle\n jn-border-theme-default\n",handleOnStyles="\n jn-right-[1px] \n jn-bg-theme-switch-handle-checked\n",handleOffStyles="\n jn-left-[1px]\n",validBaseStyles="\n jn-border-theme-success\n",invalidBaseStyles="\n jn-border-theme-error\n",iconBaseStyles="\n jn-inline-block \n jn-ml-1 \n jn-leading-1\n jn-mt-[-.2rem]\n",hintBaseStyles="\n jn-mt-0\n",isNotEmptyString=function(a){return"string"==typeof a&&0<a.trim().length},getSwitchSizeStyles=function(a){return"small"===a?"jn-w-[1.75rem] jn-h-4":"large"===a?"jn-w-[3.125rem] jn-h-[1.6875rem]":"jn-w-switch-default jn-h-switch-default"},getHandleSizeStyles=function(a){return"small"===a?"jn-w-[0.75rem] jn-h-[0.75rem]":"large"===a?"jn-w-[1.4375rem] jn-h-[1.4375rem]":"jn-w-switch-handle-default jn-h-switch-handle-default"},renderValidationIcon=function(a,b,c){var d="".concat(iconBaseStyles," ").concat(c?"jn-opacity-50":"");return a?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:d}):b?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:d}):null},renderFormHint=function(a,b,c){return isNotEmptyString(a)?React__default.createElement(FormHint,{text:a,variant:"error",className:hintBaseStyles}):isNotEmptyString(b)?React__default.createElement(FormHint,{text:b,variant:"success",className:hintBaseStyles}):isNotEmptyString(c)?React__default.createElement(FormHint,{text:c,className:hintBaseStyles}):null},Switch=function(a){var b=a.name,c=void 0===b?"":b,d=a.id,e=void 0===d?"":d,f=a.label,g=void 0===f?void 0:f,h=a.required,i=a.size,j=void 0===i?"default":i,k=a.on,l=void 0!==k&&k,m=a.disabled,n=void 0!==m&&m,o=a.invalid,p=void 0!==o&&o,q=a.valid,r=void 0!==q&&q,s=a.helptext,t=void 0===s?"":s,u=a.errortext,v=void 0===u?"":u,w=a.successtext,x=void 0===w?"":w,y=a.className,z=void 0===y?"":y,A=a.onChange,B=void 0===A?void 0:A,C=a.onClick,D=void 0===C?void 0:C,E=a.wrapperClassName,F=void 0===E?"":E,G=__rest(a,["name","id","label","required","size","on","disabled","invalid","valid","helptext","errortext","successtext","className","onChange","onClick","wrapperClassName"]),H=useState(l),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useState(!1),O=N[0],P=N[1];useEffect(function(){J(l)},[l]);var Q=useMemo(function(){return p||!!isNotEmptyString(v)},[p,v]),R=useMemo(function(){return r||!!isNotEmptyString(x)},[r,x]);useEffect(function(){M(Q)},[Q]),useEffect(function(){P(R)},[R]);var S=e||function(){return"juno-switch-"+useId()}();return React__default.createElement("div",null,React__default.createElement("span",{className:"\n juno-switch-wrapper \n ".concat(switchWrapperStyles,"\n ").concat(F,"\n ")},React__default.createElement("button",__assign({type:"button",role:"switch",name:c,id:S,"aria-checked":I,disabled:n,onClick:function(a){J(!I),D&&D(a),B&&B(a)},className:"\n juno-switch \n juno-switch-".concat(j," \n ").concat(switchBaseStyles," \n ").concat(getSwitchSizeStyles(j)," \n ").concat(L?"juno-switch-invalid "+invalidBaseStyles:""," \n ").concat(O?"juno-switch-valid "+validBaseStyles:""," \n ").concat(O||L?"":borderBaseStyles," \n ").concat(z)},G),React__default.createElement("span",{className:"juno-switch-handle ".concat(handleBaseStyles," ").concat(getHandleSizeStyles(j)," ").concat(I?handleOnStyles:handleOffStyles)})),React__default.createElement(Label,{text:g,htmlFor:S,className:"jn-ml-2",disabled:n,required:void 0!==h&&h}),renderValidationIcon(L,O,n)),renderFormHint(v,x,t))};export{Switch as S};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var switchBaseStyles="\n jn-rounded-full\n jn-relative\n jn-p-0\n jn-leading-0\n jn-border\n jn-g-theme-default\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n disabled:jn-cursor-not-allowed\n",borderBaseStyles="\n jn-border-theme-switch-default\n",switchWrapperStyles="\n jn-flex\n jn-flex-row\n jn-items-center\n",handleBaseStyles="\n jn-inline-block\n jn-absolute\n jn-top-[1px]\n jn-rounded-full\n jn-bg-theme-switch-handle\n jn-border-theme-default\n",handleOnStyles="\n jn-right-[1px] \n jn-bg-theme-switch-handle-checked\n",handleOffStyles="\n jn-left-[1px]\n",validBaseStyles="\n jn-border-theme-success\n",invalidBaseStyles="\n jn-border-theme-error\n",iconBaseStyles="\n jn-inline-block \n jn-ml-1 \n jn-leading-1\n jn-mt-[-.2rem]\n",hintBaseStyles="\n jn-mt-0\n",isNotEmptyString=function(a){return"string"==typeof a&&0<a.trim().length},getSwitchSizeStyles=function(a){return"small"===a?"jn-w-[1.75rem] jn-h-4":"large"===a?"jn-w-[3.125rem] jn-h-[1.6875rem]":"jn-w-switch-default jn-h-switch-default"},getHandleSizeStyles=function(a){return"small"===a?"jn-w-[0.75rem] jn-h-[0.75rem]":"large"===a?"jn-w-[1.4375rem] jn-h-[1.4375rem]":"jn-w-switch-handle-default jn-h-switch-handle-default"},renderValidationIcon=function(a,b,c){var d="".concat(iconBaseStyles," ").concat(c?"jn-opacity-50":"");return a?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error",size:"1.125rem",className:d}):b?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success",size:"1.125rem",className:d}):null},renderFormHint=function(a,b,c){return isNotEmptyString(a)?React__default.createElement(FormHint,{text:a,variant:"error",className:hintBaseStyles}):isNotEmptyString(b)?React__default.createElement(FormHint,{text:b,variant:"success",className:hintBaseStyles}):isNotEmptyString(c)?React__default.createElement(FormHint,{text:c,className:hintBaseStyles}):null},Switch=function(a){var b=a.name,c=void 0===b?"":b,d=a.id,e=void 0===d?"":d,f=a.label,g=void 0===f?void 0:f,h=a.required,i=a.size,j=void 0===i?"default":i,k=a.on,l=void 0!==k&&k,m=a.disabled,n=void 0!==m&&m,o=a.invalid,p=void 0!==o&&o,q=a.valid,r=void 0!==q&&q,s=a.helptext,t=void 0===s?"":s,u=a.errortext,v=void 0===u?"":u,w=a.successtext,x=void 0===w?"":w,y=a.className,z=void 0===y?"":y,A=a.onChange,B=void 0===A?void 0:A,C=a.onClick,D=void 0===C?void 0:C,E=a.wrapperClassName,F=void 0===E?"":E,G=__rest(a,["name","id","label","required","size","on","disabled","invalid","valid","helptext","errortext","successtext","className","onChange","onClick","wrapperClassName"]),H=useState(l),I=H[0],J=H[1],K=useState(!1),L=K[0],M=K[1],N=useState(!1),O=N[0],P=N[1];useEffect(function(){J(l)},[l]);var Q=useMemo(function(){return p||!!isNotEmptyString(v)},[p,v]),R=useMemo(function(){return r||!!isNotEmptyString(x)},[r,x]);useEffect(function(){M(Q)},[Q]),useEffect(function(){P(R)},[R]);var S=e||function(){return"juno-switch-"+useId()}();return React__default.createElement("div",null,React__default.createElement("span",{className:"\n juno-switch-wrapper \n ".concat(switchWrapperStyles,"\n ").concat(F,"\n ")},React__default.createElement("button",__assign({type:"button",role:"switch",name:c,id:S,"aria-checked":I,disabled:n,onClick:function(a){J(!I),D&&D(a),B&&B(a)},className:"\n juno-switch \n juno-switch-".concat(j," \n ").concat(switchBaseStyles," \n ").concat(getSwitchSizeStyles(j)," \n ").concat(L?"juno-switch-invalid "+invalidBaseStyles:""," \n ").concat(O?"juno-switch-valid "+validBaseStyles:""," \n ").concat(O||L?"":borderBaseStyles," \n ").concat(z)},G),React__default.createElement("span",{className:"juno-switch-handle ".concat(handleBaseStyles," ").concat(getHandleSizeStyles(j)," ").concat(I?handleOnStyles:handleOffStyles)})),React__default.createElement(Label,{text:g,htmlFor:S,className:"jn-ml-2",disabled:n,required:void 0!==h&&h}),renderValidationIcon(L,O,n)),renderFormHint(v,x,t))};export{Switch as S};
package/build/Switch.js CHANGED
@@ -1 +1 @@
1
- export{S as Switch}from"./Switch.component-B6d9ASOX.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{S as Switch}from"./Switch.component-BxCFYGD_.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var textinputstyles="\n jn-bg-theme-textinput\n jn-text-theme-textinput\n jn-border\n jn-text-base\n jn-leading-4\n jn-px-4\n jn-h-textinput\n jn-rounded-3px\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n autofill:jn-bg-theme-textinput-autofill\n autofill:jn-text-theme-textinput-autofill\n peer\n",defaultborderstyles="\n jn-border-theme-textinput-default\n",invalidstyles="\n jn-border-theme-error\n",validstyles="\n jn-border-theme-success\n",withLabelStyles="\n jn-pt-[1.125rem] \n jn-pb-1\n",noLabelStyles="\n jn-py-4\n",wrapperStyles="\n jn-inline-block\n jn-relative\n",labelStyles="\n peer-autofill:jn-text-theme-textinput-autofill-label\n jn-pointer-events-none\n jn-top-2\n jn-left-[0.9375rem]\n",iconcontainerstyles="\n jn-inline-flex\n jn-absolute\n jn-top-[.4rem]\n jn-right-3\n",disablediconstyles="\n jn-opacity-50\n",hintStyles="\n jn-mt-0\n",TextInput=function(a){var b=a.value,c=void 0===b?"":b,d=a.id,e=void 0===d?"":d,f=a.name,g=void 0===f?void 0:f,h=a.placeholder,i=void 0===h?"":h,j=a.disabled,k=void 0!==j&&j,l=a.readOnly,m=a.required,n=a.invalid,o=void 0!==n&&n,p=a.valid,q=void 0!==p&&p,r=a.autoFocus,s=a.className,t=void 0===s?"":s,u=a.autoComplete,v=void 0===u?"off":u,w=a.helptext,x=void 0===w?"":w,y=a.successtext,z=void 0===y?"":y,A=a.errortext,B=void 0===A?"":A,C=a.onChange,D=void 0===C?void 0:C,E=a.onFocus,F=void 0===E?void 0:E,G=a.onBlur,H=void 0===G?void 0:G,I=a.type,J=void 0===I?void 0:I,K=a.label,L=void 0===K?void 0:K,M=a.width,N=void 0===M?"full":M,O=a.wrapperClassName,P=void 0===O?"":O,Q=__rest(a,["value","id","name","placeholder","disabled","readOnly","required","invalid","valid","autoFocus","className","autoComplete","helptext","successtext","errortext","onChange","onFocus","onBlur","type","label","width","wrapperClassName"]),R=function(a){return"string"!=typeof a||0!==a.trim().length},S=useRef(null),T=useState(""),U=T[0],V=T[1],W=useState(!1),X=W[0],Y=W[1],Z=useState(!1),$=Z[0],_=Z[1],aa=useState(!1),ba=aa[0],ca=aa[1];useEffect(function(){document.hasFocus()&&S.current.contains(document.activeElement)&&Y(!0)},[]),useEffect(function(){V(c)},[c]);var da=useMemo(function(){return o||!!(B&&R(B))},[o,B]),ea=useMemo(function(){return q||!!(z&&R(z))},[q,z]);useEffect(function(){_(da)},[da]),useEffect(function(){ca(ea)},[ea]);var fa=e||function(){return"juno-textinput-"+useId()}();return React__default.createElement("div",null,React__default.createElement("span",{className:"\n juno-textinput-wrapper \n ".concat(wrapperStyles,"\n ").concat("auto"==N?"jn-inline-block":"jn-block","\n ").concat("auto"==N?"jn-w-auto":"jn-w-full","\n ").concat(P,"\n ")},React__default.createElement("input",__assign({type:J,name:g,autoComplete:v,value:U,id:fa,ref:S,placeholder:i,disabled:k,readOnly:void 0!==l&&l,autoFocus:void 0!==r&&r,onChange:function(a){V(a.target.value),D&&D(a)},onFocus:function(a){Y(!0),F&&F(a)},onBlur:function(a){Y(!1),H&&H(a)},className:"juno-textinput \n ".concat(textinputstyles,"\n ").concat(L?withLabelStyles:noLabelStyles,"\n ").concat($?"juno-textinput-invalid "+invalidstyles:""," \n ").concat(ba?"juno-textinput-valid "+validstyles:""," \n ").concat(ba||$?"":defaultborderstyles," \n ").concat("auto"==N?"jn-w-auto":"jn-w-full","\n ").concat(t,"\n ")},Q)),L&&L.length?(React__default.createElement(Label,{text:L,htmlFor:fa,className:"".concat(labelStyles),disabled:k,required:void 0!==m&&m,floating:!0,minimized:!!(i||X||U&&R(U))})):"",React__default.createElement(function(a){var b=a.disabled;return ba||$?(React__default.createElement("div",{className:"juno-textinput-row-icon-container ".concat(iconcontainerstyles," ").concat(b?disablediconstyles:"")},$?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,ba?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:k})),B&&R(B)?(React__default.createElement(FormHint,{text:B,variant:"error",className:"".concat(hintStyles)})):"",z&&R(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",x&&R(x)?React__default.createElement(FormHint,{text:x,className:"".concat(hintStyles)}):"")};export{TextInput as T};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var textinputstyles="\n jn-bg-theme-textinput\n jn-text-theme-textinput\n jn-border\n jn-text-base\n jn-leading-4\n jn-px-4\n jn-h-textinput\n jn-rounded-3px\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n autofill:jn-bg-theme-textinput-autofill\n autofill:jn-text-theme-textinput-autofill\n peer\n",defaultborderstyles="\n jn-border-theme-textinput-default\n",invalidstyles="\n jn-border-theme-error\n",validstyles="\n jn-border-theme-success\n",withLabelStyles="\n jn-pt-[1.125rem] \n jn-pb-1\n",noLabelStyles="\n jn-py-4\n",wrapperStyles="\n jn-inline-block\n jn-relative\n",labelStyles="\n peer-autofill:jn-text-theme-textinput-autofill-label\n jn-pointer-events-none\n jn-top-2\n jn-left-[0.9375rem]\n",iconcontainerstyles="\n jn-inline-flex\n jn-absolute\n jn-top-[.4rem]\n jn-right-3\n",disablediconstyles="\n jn-opacity-50\n",hintStyles="\n jn-mt-0\n",TextInput=function(a){var b=a.value,c=void 0===b?"":b,d=a.id,e=void 0===d?"":d,f=a.name,g=void 0===f?void 0:f,h=a.placeholder,i=void 0===h?"":h,j=a.disabled,k=void 0!==j&&j,l=a.readOnly,m=a.required,n=a.invalid,o=void 0!==n&&n,p=a.valid,q=void 0!==p&&p,r=a.autoFocus,s=a.className,t=void 0===s?"":s,u=a.autoComplete,v=void 0===u?"off":u,w=a.helptext,x=void 0===w?"":w,y=a.successtext,z=void 0===y?"":y,A=a.errortext,B=void 0===A?"":A,C=a.onChange,D=void 0===C?void 0:C,E=a.onFocus,F=void 0===E?void 0:E,G=a.onBlur,H=void 0===G?void 0:G,I=a.type,J=void 0===I?void 0:I,K=a.label,L=void 0===K?void 0:K,M=a.width,N=void 0===M?"full":M,O=a.wrapperClassName,P=void 0===O?"":O,Q=__rest(a,["value","id","name","placeholder","disabled","readOnly","required","invalid","valid","autoFocus","className","autoComplete","helptext","successtext","errortext","onChange","onFocus","onBlur","type","label","width","wrapperClassName"]),R=function(a){return"string"!=typeof a||0!==a.trim().length},S=useRef(null),T=useState(""),U=T[0],V=T[1],W=useState(!1),X=W[0],Y=W[1],Z=useState(!1),$=Z[0],_=Z[1],aa=useState(!1),ba=aa[0],ca=aa[1];useEffect(function(){document.hasFocus()&&S.current.contains(document.activeElement)&&Y(!0)},[]),useEffect(function(){V(c)},[c]);var da=useMemo(function(){return o||!!(B&&R(B))},[o,B]),ea=useMemo(function(){return q||!!(z&&R(z))},[q,z]);useEffect(function(){_(da)},[da]),useEffect(function(){ca(ea)},[ea]);var fa=e||function(){return"juno-textinput-"+useId()}();return React__default.createElement("div",null,React__default.createElement("span",{className:"\n juno-textinput-wrapper \n ".concat(wrapperStyles,"\n ").concat("auto"==N?"jn-inline-block":"jn-block","\n ").concat("auto"==N?"jn-w-auto":"jn-w-full","\n ").concat(P,"\n ")},React__default.createElement("input",__assign({type:J,name:g,autoComplete:v,value:U,id:fa,ref:S,placeholder:i,disabled:k,readOnly:void 0!==l&&l,autoFocus:void 0!==r&&r,onChange:function(a){V(a.target.value),D&&D(a)},onFocus:function(a){Y(!0),F&&F(a)},onBlur:function(a){Y(!1),H&&H(a)},className:"juno-textinput \n ".concat(textinputstyles,"\n ").concat(L?withLabelStyles:noLabelStyles,"\n ").concat($?"juno-textinput-invalid "+invalidstyles:""," \n ").concat(ba?"juno-textinput-valid "+validstyles:""," \n ").concat(ba||$?"":defaultborderstyles," \n ").concat("auto"==N?"jn-w-auto":"jn-w-full","\n ").concat(t,"\n ")},Q)),L&&L.length?(React__default.createElement(Label,{text:L,htmlFor:fa,className:"".concat(labelStyles),disabled:k,required:void 0!==m&&m,floating:!0,minimized:!!(i||X||U&&R(U))})):"",React__default.createElement(function(a){var b=a.disabled;return ba||$?(React__default.createElement("div",{className:"juno-textinput-row-icon-container ".concat(iconcontainerstyles," ").concat(b?disablediconstyles:"")},$?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,ba?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:k})),B&&R(B)?(React__default.createElement(FormHint,{text:B,variant:"error",className:"".concat(hintStyles)})):"",z&&R(z)?(React__default.createElement(FormHint,{text:z,variant:"success",className:"".concat(hintStyles)})):"",x&&R(x)?React__default.createElement(FormHint,{text:x,className:"".concat(hintStyles)}):"")};export{TextInput as T};
@@ -1 +1 @@
1
- export{T as TextInput}from"./TextInput.component-BBTA8JYe.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{T as TextInput}from"./TextInput.component-D1qpmHfA.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-Dkh3ieaZ.js";var wrapperStyles="\n jn-inline-block\n jn-relative\n",textareastyles="\n jn-bg-theme-textinput\n jn-text-theme-textinput\n jn-border\n jn-text-base\n jn-leading-4\n jn-px-4\n jn-rounded-3px\n jn-align-top\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n disabled:jn-cursor-not-allowed\n",defaultborderstyles="\n jn-border-theme-textinput-default\n",invalidstyles="\n jn-border-theme-error\n",validstyles="\n jn-border-theme-success\n",withLabelStyles="\n jn-pt-[1.125rem] \n jn-pb-1\n",noLabelStyles="\n jn-py-4\n",labelStyles="\n jn-pointer-events-none\n jn-top-2\n jn-left-[0.9375rem]\n jn-pr-4\n jn-bg-theme-textinput\n",iconcontainerstyles="\n jn-inline-flex\n jn-absolute\n jn-top-[.4rem]\n jn-right-3\n",disablediconstyles="\n jn-opacity-50\n",hintStyles="\n jn-mt-0\n",Textarea=function(a){var b=a.name,c=a.value,d=void 0===c?"":c,e=a.id,f=void 0===e?"":e,g=a.placeholder,h=void 0===g?"":g,i=a.disabled,j=void 0!==i&&i,k=a.readOnly,l=a.required,m=a.invalid,n=void 0!==m&&m,o=a.valid,p=void 0!==o&&o,q=a.autoFocus,r=a.className,s=void 0===r?"":r,t=a.autoComplete,u=void 0===t?"off":t,v=a.helptext,w=void 0===v?"":v,x=a.successtext,y=void 0===x?"":x,z=a.errortext,A=void 0===z?"":z,B=a.onChange,C=void 0===B?void 0:B,D=a.onFocus,E=void 0===D?void 0:D,F=a.onBlur,G=void 0===F?void 0:F,H=a.label,I=void 0===H?void 0:H,J=a.width,K=void 0===J?"full":J,L=a.wrapperClassName,M=void 0===L?"":L,N=__rest(a,["name","value","id","placeholder","disabled","readOnly","required","invalid","valid","autoFocus","className","autoComplete","helptext","successtext","errortext","onChange","onFocus","onBlur","label","width","wrapperClassName"]),O=function(a){return"string"!=typeof a||0!==a.trim().length},P=useRef(null),Q=useState(""),R=Q[0],S=Q[1],T=useState(!1),U=T[0],V=T[1],W=useState(!1),X=W[0],Y=W[1],Z=useState(!1),$=Z[0],_=Z[1];useEffect(function(){document.hasFocus()&&P.current&&P.current.contains(document.activeElement)&&V(!0)},[]),useEffect(function(){S(d.toString())},[d]);var aa=useMemo(function(){return n||!!(A&&O(A))},[n,A]),ba=useMemo(function(){return p||!!(y&&O(y))},[p,y]);useEffect(function(){Y(aa)},[aa]),useEffect(function(){_(ba)},[ba]);var ca=f||function(){return"juno-textarea-"+useId()}();return React__default.createElement("div",null,React__default.createElement("div",{className:"\n juno-textarea-wrapper \n ".concat(wrapperStyles,"\n ").concat("auto"==K?"jn-inline-block":"jn-block","\n ").concat("auto"==K?"jn-w-auto":"jn-w-full","\n ").concat(M,"\n ")},I&&I.length?(React__default.createElement(Label,{text:I,htmlFor:ca,className:"".concat(labelStyles),disabled:j,required:void 0!==l&&l,floating:!0,minimized:!!(h||U||R&&R.length)})):"",React__default.createElement("textarea",__assign({name:b,autoComplete:u,value:R,id:ca,ref:P,placeholder:h,disabled:j,readOnly:void 0!==k&&k,autoFocus:void 0!==q&&q,onChange:function(a){S(a.target.value),C&&C(a)},onFocus:function(a){V(!0),E&&E(a)},onBlur:function(a){V(!1),G&&G(a)},className:"juno-textarea \n ".concat(textareastyles,"\n ").concat(I?withLabelStyles:noLabelStyles,"\n ").concat(X?"juno-textarea-invalid "+invalidstyles:""," \n ").concat($?"juno-textarea-valid "+validstyles:""," \n ").concat($||X?"":defaultborderstyles," \n ").concat("auto"==K?"jn-w-auto":"jn-w-full","\n ").concat(s,"\n ")},N)),React__default.createElement(function(a){var b=a.disabled;return $||X?(React__default.createElement("div",{className:"juno-textinput-row-icon-container ".concat(iconcontainerstyles," ").concat(b?disablediconstyles:"")},X?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,$?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:j})),A&&O(A)?(React__default.createElement(FormHint,{text:A,variant:"error",className:"".concat(hintStyles)})):"",y&&O(y)?(React__default.createElement(FormHint,{text:y,variant:"success",className:"".concat(hintStyles)})):"",w&&O(w)?React__default.createElement(FormHint,{text:w,className:"".concat(hintStyles)}):"")};export{Textarea as T};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default,{useRef,useState,useEffect,useMemo,useId}from"react";import{L as Label}from"./Label.component-TbF3yilt.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";import{F as FormHint}from"./FormHint.component-B30ehV71.js";var wrapperStyles="\n jn-inline-block\n jn-relative\n",textareastyles="\n jn-bg-theme-textinput\n jn-text-theme-textinput\n jn-border\n jn-text-base\n jn-leading-4\n jn-px-4\n jn-rounded-3px\n jn-align-top\n focus:jn-outline-none\n focus:jn-ring-2\n focus:jn-ring-theme-focus\n disabled:jn-opacity-50\n disabled:jn-cursor-not-allowed\n",defaultborderstyles="\n jn-border-theme-textinput-default\n",invalidstyles="\n jn-border-theme-error\n",validstyles="\n jn-border-theme-success\n",withLabelStyles="\n jn-pt-[1.125rem] \n jn-pb-1\n",noLabelStyles="\n jn-py-4\n",labelStyles="\n jn-pointer-events-none\n jn-top-2\n jn-left-[0.9375rem]\n jn-pr-4\n jn-bg-theme-textinput\n",iconcontainerstyles="\n jn-inline-flex\n jn-absolute\n jn-top-[.4rem]\n jn-right-3\n",disablediconstyles="\n jn-opacity-50\n",hintStyles="\n jn-mt-0\n",Textarea=function(a){var b=a.name,c=a.value,d=void 0===c?"":c,e=a.id,f=void 0===e?"":e,g=a.placeholder,h=void 0===g?"":g,i=a.disabled,j=void 0!==i&&i,k=a.readOnly,l=a.required,m=a.invalid,n=void 0!==m&&m,o=a.valid,p=void 0!==o&&o,q=a.autoFocus,r=a.className,s=void 0===r?"":r,t=a.autoComplete,u=void 0===t?"off":t,v=a.helptext,w=void 0===v?"":v,x=a.successtext,y=void 0===x?"":x,z=a.errortext,A=void 0===z?"":z,B=a.onChange,C=void 0===B?void 0:B,D=a.onFocus,E=void 0===D?void 0:D,F=a.onBlur,G=void 0===F?void 0:F,H=a.label,I=void 0===H?void 0:H,J=a.width,K=void 0===J?"full":J,L=a.wrapperClassName,M=void 0===L?"":L,N=__rest(a,["name","value","id","placeholder","disabled","readOnly","required","invalid","valid","autoFocus","className","autoComplete","helptext","successtext","errortext","onChange","onFocus","onBlur","label","width","wrapperClassName"]),O=function(a){return"string"!=typeof a||0!==a.trim().length},P=useRef(null),Q=useState(""),R=Q[0],S=Q[1],T=useState(!1),U=T[0],V=T[1],W=useState(!1),X=W[0],Y=W[1],Z=useState(!1),$=Z[0],_=Z[1];useEffect(function(){document.hasFocus()&&P.current&&P.current.contains(document.activeElement)&&V(!0)},[]),useEffect(function(){S(d.toString())},[d]);var aa=useMemo(function(){return n||!!(A&&O(A))},[n,A]),ba=useMemo(function(){return p||!!(y&&O(y))},[p,y]);useEffect(function(){Y(aa)},[aa]),useEffect(function(){_(ba)},[ba]);var ca=f||function(){return"juno-textarea-"+useId()}();return React__default.createElement("div",null,React__default.createElement("div",{className:"\n juno-textarea-wrapper \n ".concat(wrapperStyles,"\n ").concat("auto"==K?"jn-inline-block":"jn-block","\n ").concat("auto"==K?"jn-w-auto":"jn-w-full","\n ").concat(M,"\n ")},I&&I.length?(React__default.createElement(Label,{text:I,htmlFor:ca,className:"".concat(labelStyles),disabled:j,required:void 0!==l&&l,floating:!0,minimized:!!(h||U||R&&R.length)})):"",React__default.createElement("textarea",__assign({name:b,autoComplete:u,value:R,id:ca,ref:P,placeholder:h,disabled:j,readOnly:void 0!==k&&k,autoFocus:void 0!==q&&q,onChange:function(a){S(a.target.value),C&&C(a)},onFocus:function(a){V(!0),E&&E(a)},onBlur:function(a){V(!1),G&&G(a)},className:"juno-textarea \n ".concat(textareastyles,"\n ").concat(I?withLabelStyles:noLabelStyles,"\n ").concat(X?"juno-textarea-invalid "+invalidstyles:""," \n ").concat($?"juno-textarea-valid "+validstyles:""," \n ").concat($||X?"":defaultborderstyles," \n ").concat("auto"==K?"jn-w-auto":"jn-w-full","\n ").concat(s,"\n ")},N)),React__default.createElement(function(a){var b=a.disabled;return $||X?(React__default.createElement("div",{className:"juno-textinput-row-icon-container ".concat(iconcontainerstyles," ").concat(b?disablediconstyles:"")},X?React__default.createElement(Icon,{icon:"dangerous",color:"jn-text-theme-error"}):null,$?React__default.createElement(Icon,{icon:"checkCircle",color:"jn-text-theme-success"}):null)):""},{disabled:j})),A&&O(A)?(React__default.createElement(FormHint,{text:A,variant:"error",className:"".concat(hintStyles)})):"",y&&O(y)?(React__default.createElement(FormHint,{text:y,variant:"success",className:"".concat(hintStyles)})):"",w&&O(w)?React__default.createElement(FormHint,{text:w,className:"".concat(hintStyles)}):"")};export{Textarea as T};
package/build/Textarea.js CHANGED
@@ -1 +1 @@
1
- export{T as Textarea}from"./Textarea.component-Bn-CfmYI.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-Dkh3ieaZ.js";
1
+ export{T as Textarea}from"./Textarea.component-BrJM-k2b.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Label.component-TbF3yilt.js";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";import"./FormHint.component-B30ehV71.js";
@@ -1 +1 @@
1
- import{a as __assign,_ as __rest}from"./tslib.es6-bjGg6Bxl.js";import*as React from"react";import React__default,{useLayoutEffect,useEffect,useRef,useState}from"react";import{g as getOverflowAncestors,u as useFloating$1,c as autoUpdate,o as offset,f as flip,b as shift}from"./floating-ui.react-dom-DmTNS6Kr.js";import"react-dom";function getNodeName(a){return isNode(a)?(a.nodeName||"").toLowerCase():"#document"}function getWindow(a){var b;return(null==a||null==(b=a.ownerDocument)?void 0:b.defaultView)||window}function getDocumentElement(a){var b;return null==(b=(isNode(a)?a.ownerDocument:a.document)||window.document)?void 0:b.documentElement}function isNode(a){return a instanceof Node||a instanceof getWindow(a).Node}function isElement(a){return a instanceof Element||a instanceof getWindow(a).Element}function isHTMLElement(a){return a instanceof HTMLElement||a instanceof getWindow(a).HTMLElement}function isShadowRoot(a){return"undefined"!=typeof ShadowRoot&&(a instanceof ShadowRoot||a instanceof getWindow(a).ShadowRoot)}function isLastTraversableNode(a){return["html","body","#document"].includes(getNodeName(a))}function getComputedStyle(a){return getWindow(a).getComputedStyle(a)}function getParentNode(a){if("html"===getNodeName(a))return a;const b=a.assignedSlot||a.parentNode||isShadowRoot(a)&&a.host||getDocumentElement(a);return isShadowRoot(b)?b.host:b}function activeElement(a){let b=a.activeElement;for(;null!=(null==(c=b)||null==(d=c.shadowRoot)?void 0:d.activeElement);){var c,d;b=b.shadowRoot.activeElement}return b}function contains(a,b){if(!a||!b)return!1;const c=b.getRootNode&&b.getRootNode();if(a.contains(b))return!0;if(c&&isShadowRoot(c))for(let c=b;c;){if(a===c)return!0;c=c.parentNode||c.host}return!1}function getPlatform(){const a=navigator.userAgentData;return null!=a&&a.platform?a.platform:navigator.platform}function getUserAgent(){const a=navigator.userAgentData;return a&&Array.isArray(a.brands)?a.brands.map(a=>{let{brand:b,version:c}=a;return b+"/"+c}).join(" "):navigator.userAgent}function isVirtualClick(a){if(0===a.mozInputSource&&a.isTrusted)return!0;const b=/Android/i;return(b.test(getPlatform())||b.test(getUserAgent()))&&a.pointerType?"click"===a.type&&1===a.buttons:0===a.detail&&!a.pointerType}function isVirtualPointerEvent(a){return 0===a.width&&0===a.height||1===a.width&&1===a.height&&0===a.pressure&&0===a.detail&&"mouse"!==a.pointerType||1>a.width&&1>a.height&&0===a.pressure&&0===a.detail}function isMouseLikePointerType(a,b){const c=["mouse","pen"];return b||c.push("",void 0),c.includes(a)}function isReactEvent(a){return"nativeEvent"in a}function isRootElement(a){return a.matches("html,body")}function getDocument(a){return(null==a?void 0:a.ownerDocument)||document}function isEventTargetWithin(a,b){if(null==b)return!1;if("composedPath"in a)return a.composedPath().includes(b);const c=a;return null!=c.target&&b.contains(c.target)}function getTarget(a){return"composedPath"in a?a.composedPath()[0]:a.target}const TYPEABLE_SELECTOR="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function isTypeableElement(a){return isHTMLElement(a)&&a.matches(TYPEABLE_SELECTOR)}function useMergeRefs(a){return React.useMemo(()=>a.every(a=>null==a)?null:b=>{a.forEach(a=>{"function"==typeof a?a(b):null!=a&&(a.current=b)})},a)}var index="undefined"==typeof document?useEffect:useLayoutEffect;let serverHandoffComplete=!1,count=0;const genId=()=>"floating-ui-"+count++;function useFloatingId(){const[a,b]=React.useState(()=>serverHandoffComplete?genId():void 0);return index(()=>{null==a&&b(genId())},[]),React.useEffect(()=>{serverHandoffComplete||(serverHandoffComplete=!0)},[]),a}const useReactId=React["useId".toString()],useId=useReactId||useFloatingId;function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))?void 0:d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){var d;a.set(b,(null==(d=a.get(b))?void 0:d.filter(a=>a!==c))||[])}}}const FloatingNodeContext=React.createContext(null),FloatingTreeContext=React.createContext(null),useFloatingParentNodeId=()=>{var a;return(null==(a=React.useContext(FloatingNodeContext))?void 0:a.id)||null},useFloatingTree=()=>React.useContext(FloatingTreeContext);function createAttribute(a){return"data-floating-ui-"+a}function useLatestRef(a){const b=useRef(a);return index(()=>{b.current=a}),b}const safePolygonIdentifier=createAttribute("safe-polygon");function getDelay(a,b,c){return c&&!isMouseLikePointerType(c)?0:"number"==typeof a?a:null==a?void 0:a[b]}function useHover(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,elements:{domReference:h,floating:i},refs:g}=a,{enabled:j=!0,delay:k=0,handleClose:l=null,mouseOnly:m=!1,restMs:n=0,move:o=!0}=b,p=useFloatingTree(),q=useFloatingParentNodeId(),r=useLatestRef(l),s=useLatestRef(k),t=React.useRef(),u=React.useRef(),v=React.useRef(),w=React.useRef(),x=React.useRef(!0),y=React.useRef(!1),z=React.useRef(()=>{}),A=React.useCallback(()=>{var a;const b=null==(a=e.current.openEvent)?void 0:a.type;return(null==b?void 0:b.includes("mouse"))&&"mousedown"!==b},[e]);React.useEffect(()=>{function a(){clearTimeout(u.current),clearTimeout(w.current),x.current=!0}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[j,f]),React.useEffect(()=>{function a(a){A()&&d(!1,a)}if(!j||!r.current||!c)return;const b=getDocument(i).documentElement;return b.addEventListener("mouseleave",a),()=>{b.removeEventListener("mouseleave",a)}},[i,c,d,j,r,e,A]);const B=React.useCallback(function(a,b){void 0===b&&(b=!0);const c=getDelay(s.current,"close",t.current);c&&!v.current?(clearTimeout(u.current),u.current=setTimeout(()=>d(!1,a),c)):b&&(clearTimeout(u.current),d(!1,a))},[s,d]),C=React.useCallback(()=>{z.current(),v.current=void 0},[]),D=React.useCallback(()=>{if(y.current){const a=getDocument(g.floating.current).body;a.style.pointerEvents="",a.removeAttribute(safePolygonIdentifier),y.current=!1}},[g]);return React.useEffect(()=>{function b(){return!!e.current.openEvent&&["click","mousedown"].includes(e.current.openEvent.type)}function f(a){if(clearTimeout(u.current),x.current=!1,!(m&&!isMouseLikePointerType(t.current)||0<n&&0===getDelay(s.current,"open"))){const b=getDelay(s.current,"open",t.current);b?u.current=setTimeout(()=>{d(!0,a)},b):d(!0,a)}}function g(d){if(b())return;z.current();const e=getDocument(i);if(clearTimeout(w.current),r.current){c||clearTimeout(u.current),v.current=r.current({...a,tree:p,x:d.clientX,y:d.clientY,onClose(){D(),C(),B(d)}});const b=v.current;return e.addEventListener("mousemove",b),void(z.current=()=>{e.removeEventListener("mousemove",b)})}const f="touch"!==t.current||!contains(i,d.relatedTarget);f&&B(d)}function k(c){b()||(null==r.current?void 0:r.current({...a,tree:p,x:c.clientX,y:c.clientY,onClose(){D(),C(),B(c)}})(c))}if(j&&isElement(h)){const a=h;return c&&a.addEventListener("mouseleave",k),null==i?void 0:i.addEventListener("mouseleave",k),o&&a.addEventListener("mousemove",f,{once:!0}),a.addEventListener("mouseenter",f),a.addEventListener("mouseleave",g),()=>{c&&a.removeEventListener("mouseleave",k),null==i?void 0:i.removeEventListener("mouseleave",k),o&&a.removeEventListener("mousemove",f),a.removeEventListener("mouseenter",f),a.removeEventListener("mouseleave",g)}}},[h,i,j,a,m,n,o,B,C,D,d,c,p,s,r,e]),index(()=>{var a;if(j&&c&&null!=(a=r.current)&&a.__options.blockPointerEvents&&A()){const a=getDocument(i).body;if(a.setAttribute(safePolygonIdentifier,""),a.style.pointerEvents="none",y.current=!0,isElement(h)&&i){var b,d;const a=h,c=null==p||null==(b=p.nodesRef.current.find(a=>a.id===q))||null==(d=b.context)?void 0:d.elements.floating;return c&&(c.style.pointerEvents=""),a.style.pointerEvents="auto",i.style.pointerEvents="auto",()=>{a.style.pointerEvents="",i.style.pointerEvents=""}}}},[j,c,q,i,h,p,r,e,A]),index(()=>{c||(t.current=void 0,C(),D())},[c,C,D]),React.useEffect(()=>()=>{C(),clearTimeout(u.current),clearTimeout(w.current),D()},[j,h,C,D]),React.useMemo(()=>{function a(a){t.current=a.pointerType}return j?{reference:{onPointerDown:a,onPointerEnter:a,onMouseMove(a){c||0===n||(clearTimeout(w.current),w.current=setTimeout(()=>{x.current||d(!0,a.nativeEvent)},n))}},floating:{onMouseEnter(){clearTimeout(u.current)},onMouseLeave(a){f.emit("dismiss",{type:"mouseLeave",data:{returnFocus:!1}}),B(a.nativeEvent,!1)}}}:{}},[f,j,n,c,d,B])}function getChildren(a,b){let c=a.filter(a=>{var c;return a.parentId===b&&(null==(c=a.context)?void 0:c.open)}),d=c;for(;d.length;)d=a.filter(a=>{var b;return null==(b=d)?void 0:b.some(b=>{var c;return a.parentId===b.id&&(null==(c=a.context)?void 0:c.open)})}),c=c.concat(d);return c}function isButtonTarget(a){return isHTMLElement(a.target)&&"BUTTON"===a.target.tagName}function isSpaceIgnored(a){return isTypeableElement(a)}function useClick(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,elements:{domReference:f}}=a,{enabled:g=!0,event:h="click",toggle:i=!0,ignoreMouse:j=!1,keyboardHandlers:k=!0}=b,l=React.useRef(),m=React.useRef(!1);return React.useMemo(()=>g?{reference:{onPointerDown(a){l.current=a.pointerType},onMouseDown(a){0!==a.button||isMouseLikePointerType(l.current,!0)&&j||"click"===h||(c&&i&&(!e.current.openEvent||"mousedown"===e.current.openEvent.type)?d(!1,a.nativeEvent):(a.preventDefault(),d(!0,a.nativeEvent)))},onClick(a){return"mousedown"===h&&l.current?void(l.current=void 0):void(isMouseLikePointerType(l.current,!0)&&j||(c&&i&&(!e.current.openEvent||"click"===e.current.openEvent.type)?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyDown(a){l.current=void 0,a.defaultPrevented||!k||isButtonTarget(a)||(" "===a.key&&!isSpaceIgnored(f)&&(a.preventDefault(),m.current=!0),"Enter"===a.key&&(c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyUp(a){a.defaultPrevented||!k||isButtonTarget(a)||isSpaceIgnored(f)||" "===a.key&&m.current&&(m.current=!1,c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent))}}}:{},[g,e,h,j,k,f,i,c,d])}const useInsertionEffect=React["useInsertionEffect".toString()],useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEffectEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}const bubbleHandlerKeys={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},captureHandlerKeys={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},normalizeBubblesProp=a=>{var b,c;return{escapeKeyBubbles:"boolean"==typeof a?a:null!=(b=null==a?void 0:a.escapeKey)&&b,outsidePressBubbles:"boolean"==typeof a?a:!(null!=(c=null==a?void 0:a.outsidePress))||c}};function useDismiss(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,events:e,nodeId:f,elements:{reference:h,domReference:i,floating:j},dataRef:g}=a,{enabled:l=!0,escapeKey:m=!0,outsidePress:n=!0,outsidePressEvent:o="pointerdown",referencePress:p=!1,referencePressEvent:q="pointerdown",ancestorScroll:r=!1,bubbles:k}=b,s=useFloatingTree(),t=null!=useFloatingParentNodeId(),u=useEffectEvent("function"==typeof n?n:()=>!1),v="function"==typeof n?u:n,w=React.useRef(!1),{escapeKeyBubbles:x,outsidePressBubbles:y}=normalizeBubblesProp(k),z=useEffectEvent(a=>{if(c&&l&&m&&"Escape"===a.key){const b=s?getChildren(s.nodesRef.current,f):[];if(!x&&(a.stopPropagation(),0<b.length)){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__escapeKeyBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),d(!1,isReactEvent(a)?a.nativeEvent:a)}}),A=useEffectEvent(a=>{const b=w.current;if(w.current=!1,b)return;if("function"==typeof v&&!v(a))return;const c=getTarget(a),g="["+createAttribute("inert")+"]",h=getDocument(j).querySelectorAll(g);let k=isElement(c)?c:null;for(;k&&!isLastTraversableNode(k);){const a=getParentNode(k);if(a===getDocument(j).body||!isElement(a))break;else k=a}if(!(h.length&&isElement(c)&&!isRootElement(c)&&!contains(c,j)&&Array.from(h).every(a=>!contains(k,a)))){if(isHTMLElement(c)&&j){const b=0<c.clientWidth&&c.scrollWidth>c.clientWidth,d=0<c.clientHeight&&c.scrollHeight>c.clientHeight;let e=d&&a.offsetX>c.clientWidth;if(d){const b="rtl"===getComputedStyle(c).direction;b&&(e=a.offsetX<=c.offsetWidth-c.clientWidth)}if(e||b&&a.offsetY>c.clientHeight)return}const b=s&&getChildren(s.nodesRef.current,f).some(b=>{var c;return isEventTargetWithin(a,null==(c=b.context)?void 0:c.elements.floating)});if(!(isEventTargetWithin(a,j)||isEventTargetWithin(a,i)||b)){const b=s?getChildren(s.nodesRef.current,f):[];if(0<b.length){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__outsidePressBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"outsidePress",data:{returnFocus:t?{preventScroll:!0}:isVirtualClick(a)||isVirtualPointerEvent(a)}}),d(!1,a)}}});return React.useEffect(()=>{function a(a){d(!1,a)}if(!c||!l)return;g.current.__escapeKeyBubbles=x,g.current.__outsidePressBubbles=y;const b=getDocument(j);m&&b.addEventListener("keydown",z),v&&b.addEventListener(o,A);let e=[];return r&&(isElement(i)&&(e=getOverflowAncestors(i)),isElement(j)&&(e=e.concat(getOverflowAncestors(j))),!isElement(h)&&h&&h.contextElement&&(e=e.concat(getOverflowAncestors(h.contextElement)))),e=e.filter(a=>{var c;return a!==(null==(c=b.defaultView)?void 0:c.visualViewport)}),e.forEach(b=>{b.addEventListener("scroll",a,{passive:!0})}),()=>{m&&b.removeEventListener("keydown",z),v&&b.removeEventListener(o,A),e.forEach(b=>{b.removeEventListener("scroll",a)})}},[g,j,i,h,m,v,o,c,d,r,l,x,y,z,A]),React.useEffect(()=>{w.current=!1},[v,o]),React.useMemo(()=>l?{reference:{onKeyDown:z,[bubbleHandlerKeys[q]]:a=>{p&&(e.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),d(!1,a.nativeEvent))}},floating:{onKeyDown:z,[captureHandlerKeys[o]]:()=>{w.current=!0}}}:{},[l,e,p,o,q,d,z])}let devMessageSet;"production"!==process.env.NODE_ENV&&(devMessageSet=new Set);function useFloating(a){var b;void 0===a&&(a={});const{open:e=!1,onOpenChange:c,nodeId:d}=a;if("production"!==process.env.NODE_ENV){var f;const b="Floating UI: Cannot pass a virtual element to the `elements.reference` option, as it must be a real DOM element. Use `refs.setPositionReference` instead.";if(null!=(f=a.elements)&&f.reference&&!isElement(a.elements.reference)){var g;if(!(null!=(g=devMessageSet)&&g.has(b))){var h;null==(h=devMessageSet)?void 0:h.add(b),console.error(b)}}}const[i,j]=React.useState(null),k=(null==(b=a.elements)?void 0:b.reference)||i,l=useFloating$1(a),m=useFloatingTree(),n=useEffectEvent((a,b)=>{a&&(p.current.openEvent=b),null==c?void 0:c(a,b)}),o=React.useRef(null),p=React.useRef({}),q=React.useState(()=>createPubSub())[0],r=useId(),s=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;l.refs.setReference(b)},[l.refs]),t=React.useCallback(a=>{(isElement(a)||null===a)&&(o.current=a,j(a)),(isElement(l.refs.reference.current)||null===l.refs.reference.current||null!==a&&!isElement(a))&&l.refs.setReference(a)},[l.refs]),u=React.useMemo(()=>({...l.refs,setReference:t,setPositionReference:s,domReference:o}),[l.refs,t,s]),v=React.useMemo(()=>({...l.elements,domReference:k}),[l.elements,k]),w=React.useMemo(()=>({...l,refs:u,elements:v,dataRef:p,nodeId:d,floatingId:r,events:q,open:e,onOpenChange:n}),[l,d,r,q,e,n,u,v]);return index(()=>{const a=null==m?void 0:m.nodesRef.current.find(a=>a.id===d);a&&(a.context=w)}),React.useMemo(()=>({...l,context:w,refs:u,elements:v}),[l,u,v,w])}function useFocus(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,refs:g,elements:{floating:h,domReference:i}}=a,{enabled:j=!0,keyboardOnly:k=!0}=b,l=React.useRef(""),m=React.useRef(!1),n=React.useRef();return React.useEffect(()=>{function a(){!c&&isHTMLElement(i)&&i===activeElement(getDocument(i))&&(m.current=!0)}if(!j)return;const b=getDocument(h),d=b.defaultView||window;return d.addEventListener("blur",a),()=>{d.removeEventListener("blur",a)}},[h,i,c,j]),React.useEffect(()=>{function a(a){("referencePress"===a.type||"escapeKey"===a.type)&&(m.current=!0)}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[f,j]),React.useEffect(()=>()=>{clearTimeout(n.current)},[]),React.useMemo(()=>j?{reference:{onPointerDown(a){let{pointerType:b}=a;l.current=b,m.current=!!(b&&k)},onMouseLeave(){m.current=!1},onFocus(a){var b;m.current||"focus"===a.type&&"mousedown"===(null==(b=e.current.openEvent)?void 0:b.type)&&isEventTargetWithin(e.current.openEvent,i)||d(!0,a.nativeEvent)},onBlur(a){m.current=!1;const b=a.relatedTarget,c=isElement(b)&&b.hasAttribute(createAttribute("focus-guard"))&&"outside"===b.getAttribute("data-type");n.current=setTimeout(()=>{contains(g.floating.current,b)||contains(i,b)||c||d(!1,a.nativeEvent)})}}}:{},[j,k,i,g,e,d])}function mergeProps(a,b,c){const d=new Map;return{...("floating"===c&&{tabIndex:-1}),...a,...b.map(a=>a?a[c]:null).concat(a).reduce((a,b)=>b?(Object.entries(b).forEach(b=>{let[c,e]=b;if(0!==c.indexOf("on"))a[c]=e;else if(d.has(c)||d.set(c,[]),"function"==typeof e){var f;null==(f=d.get(c))?void 0:f.push(e),a[c]=function(){for(var a,b=arguments.length,e=Array(b),f=0;f<b;f++)e[f]=arguments[f];return null==(a=d.get(c))?void 0:a.map(a=>a(...e)).find(a=>void 0!==a)}}}),a):a,{})}}function useInteractions(a){void 0===a&&(a=[]);const b=a,c=React.useCallback(b=>mergeProps(b,a,"reference"),b),d=React.useCallback(b=>mergeProps(b,a,"floating"),b),e=React.useCallback(b=>mergeProps(b,a,"item"),a.map(a=>null==a?void 0:a.item));return React.useMemo(()=>({getReferenceProps:c,getFloatingProps:d,getItemProps:e}),[c,d,e])}function useRole(a,b){void 0===b&&(b={});const{open:c,floatingId:d}=a,{enabled:e=!0,role:f="dialog"}=b,g=useId();return React.useMemo(()=>{const a={id:d,role:f};return e?"tooltip"===f?{reference:{"aria-describedby":c?d:void 0},floating:a}:{reference:{"aria-expanded":c?"true":"false","aria-haspopup":"alertdialog"===f?"dialog":f,"aria-controls":c?d:void 0,...("listbox"===f&&{role:"combobox"}),...("menu"===f&&{id:g})},floating:{...a,...("menu"===f&&{"aria-labelledby":g})}}:{}},[e,f,c,d,g])}var useTooltip=function(a){var b=void 0===a?{}:a,c=b.initialOpen,d=b.variant,e=b.placement,f=void 0===e?"top":e,g=b.triggerEvent,h=void 0===g?"click":g,i=b.open,j=b.onOpenChange,k=b.disabled,l=void 0!==k&&k,m=useState(void 0!==c&&c),n=m[0],o=m[1],p=null!==i&&void 0!==i?i:n,q=null!==j&&void 0!==j?j:o,r=useFloating({placement:f,open:p,onOpenChange:q,whileElementsMounted:autoUpdate,middleware:[offset(5),flip(),shift()]}),s=r.context,t=useClick(s,{enabled:null==i&&!1===l&&"click"===h}),u=useHover(s,{move:!1,enabled:null==i&&!1===l&&"hover"===h}),v=useFocus(s,{enabled:null==i}),w=useDismiss(s),x=useRole(s,{role:"tooltip"}),y=useInteractions([t,u,v,w,x]);return React__default.useMemo(function(){return __assign(__assign({open:p,setOpen:q,variant:d,disabled:l},y),r)},[p,q,d,l,y,r])},TooltipContext=React__default.createContext(null),useTooltipState=function(){var a=React__default.useContext(TooltipContext);if(null==a)throw new Error("Tooltip components must be wrapped in <Tooltip />");return a};function Tooltip(a){var b=a.initialOpen,c=a.placement,d=void 0===c?"top":c,e=a.variant,f=a.open,g=a.triggerEvent,h=void 0===g?"click":g,i=a.disabled,j=a.children,k=void 0===j?null:j,l=__rest(a,["initialOpen","placement","variant","open","triggerEvent","disabled","children"]),m=useTooltip({initialOpen:void 0!==b&&b,placement:d,variant:e,open:f,triggerEvent:h,disabled:void 0!==i&&i,props:l});return React__default.createElement(TooltipContext.Provider,{value:m},k)}export{Tooltip as T,useMergeRefs as a,useTooltipState as u};
1
+ import{a as __assign,_ as __rest}from"./tslib.es6-bjGg6Bxl.js";import*as React from"react";import React__default,{useLayoutEffect,useEffect,useRef,useState}from"react";import{g as getOverflowAncestors,u as useFloating$1,c as autoUpdate,o as offset,f as flip,s as shift}from"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";function getNodeName(a){return isNode(a)?(a.nodeName||"").toLowerCase():"#document"}function getWindow(a){var b;return(null==a||null==(b=a.ownerDocument)?void 0:b.defaultView)||window}function getDocumentElement(a){var b;return null==(b=(isNode(a)?a.ownerDocument:a.document)||window.document)?void 0:b.documentElement}function isNode(a){return a instanceof Node||a instanceof getWindow(a).Node}function isElement(a){return a instanceof Element||a instanceof getWindow(a).Element}function isHTMLElement(a){return a instanceof HTMLElement||a instanceof getWindow(a).HTMLElement}function isShadowRoot(a){return"undefined"!=typeof ShadowRoot&&(a instanceof ShadowRoot||a instanceof getWindow(a).ShadowRoot)}function isLastTraversableNode(a){return["html","body","#document"].includes(getNodeName(a))}function getComputedStyle(a){return getWindow(a).getComputedStyle(a)}function getParentNode(a){if("html"===getNodeName(a))return a;const b=a.assignedSlot||a.parentNode||isShadowRoot(a)&&a.host||getDocumentElement(a);return isShadowRoot(b)?b.host:b}function activeElement(a){let b=a.activeElement;for(;null!=(null==(c=b)||null==(d=c.shadowRoot)?void 0:d.activeElement);){var c,d;b=b.shadowRoot.activeElement}return b}function contains(a,b){if(!a||!b)return!1;const c=b.getRootNode&&b.getRootNode();if(a.contains(b))return!0;if(c&&isShadowRoot(c))for(let c=b;c;){if(a===c)return!0;c=c.parentNode||c.host}return!1}function getPlatform(){const a=navigator.userAgentData;return null!=a&&a.platform?a.platform:navigator.platform}function getUserAgent(){const a=navigator.userAgentData;return a&&Array.isArray(a.brands)?a.brands.map(a=>{let{brand:b,version:c}=a;return b+"/"+c}).join(" "):navigator.userAgent}function isVirtualClick(a){if(0===a.mozInputSource&&a.isTrusted)return!0;const b=/Android/i;return(b.test(getPlatform())||b.test(getUserAgent()))&&a.pointerType?"click"===a.type&&1===a.buttons:0===a.detail&&!a.pointerType}function isVirtualPointerEvent(a){return 0===a.width&&0===a.height||1===a.width&&1===a.height&&0===a.pressure&&0===a.detail&&"mouse"!==a.pointerType||1>a.width&&1>a.height&&0===a.pressure&&0===a.detail}function isMouseLikePointerType(a,b){const c=["mouse","pen"];return b||c.push("",void 0),c.includes(a)}function isReactEvent(a){return"nativeEvent"in a}function isRootElement(a){return a.matches("html,body")}function getDocument(a){return(null==a?void 0:a.ownerDocument)||document}function isEventTargetWithin(a,b){if(null==b)return!1;if("composedPath"in a)return a.composedPath().includes(b);const c=a;return null!=c.target&&b.contains(c.target)}function getTarget(a){return"composedPath"in a?a.composedPath()[0]:a.target}const TYPEABLE_SELECTOR="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function isTypeableElement(a){return isHTMLElement(a)&&a.matches(TYPEABLE_SELECTOR)}function useMergeRefs(a){return React.useMemo(()=>a.every(a=>null==a)?null:b=>{a.forEach(a=>{"function"==typeof a?a(b):null!=a&&(a.current=b)})},a)}var index="undefined"==typeof document?useEffect:useLayoutEffect;let serverHandoffComplete=!1,count=0;const genId=()=>"floating-ui-"+count++;function useFloatingId(){const[a,b]=React.useState(()=>serverHandoffComplete?genId():void 0);return index(()=>{null==a&&b(genId())},[]),React.useEffect(()=>{serverHandoffComplete||(serverHandoffComplete=!0)},[]),a}const useReactId=React["useId".toString()],useId=useReactId||useFloatingId;function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))?void 0:d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){var d;a.set(b,(null==(d=a.get(b))?void 0:d.filter(a=>a!==c))||[])}}}const FloatingNodeContext=React.createContext(null),FloatingTreeContext=React.createContext(null),useFloatingParentNodeId=()=>{var a;return(null==(a=React.useContext(FloatingNodeContext))?void 0:a.id)||null},useFloatingTree=()=>React.useContext(FloatingTreeContext);function createAttribute(a){return"data-floating-ui-"+a}function useLatestRef(a){const b=useRef(a);return index(()=>{b.current=a}),b}const safePolygonIdentifier=createAttribute("safe-polygon");function getDelay(a,b,c){return c&&!isMouseLikePointerType(c)?0:"number"==typeof a?a:null==a?void 0:a[b]}function useHover(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,elements:{domReference:h,floating:i},refs:g}=a,{enabled:j=!0,delay:k=0,handleClose:l=null,mouseOnly:m=!1,restMs:n=0,move:o=!0}=b,p=useFloatingTree(),q=useFloatingParentNodeId(),r=useLatestRef(l),s=useLatestRef(k),t=React.useRef(),u=React.useRef(),v=React.useRef(),w=React.useRef(),x=React.useRef(!0),y=React.useRef(!1),z=React.useRef(()=>{}),A=React.useCallback(()=>{var a;const b=null==(a=e.current.openEvent)?void 0:a.type;return(null==b?void 0:b.includes("mouse"))&&"mousedown"!==b},[e]);React.useEffect(()=>{function a(){clearTimeout(u.current),clearTimeout(w.current),x.current=!0}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[j,f]),React.useEffect(()=>{function a(a){A()&&d(!1,a)}if(!j||!r.current||!c)return;const b=getDocument(i).documentElement;return b.addEventListener("mouseleave",a),()=>{b.removeEventListener("mouseleave",a)}},[i,c,d,j,r,e,A]);const B=React.useCallback(function(a,b){void 0===b&&(b=!0);const c=getDelay(s.current,"close",t.current);c&&!v.current?(clearTimeout(u.current),u.current=setTimeout(()=>d(!1,a),c)):b&&(clearTimeout(u.current),d(!1,a))},[s,d]),C=React.useCallback(()=>{z.current(),v.current=void 0},[]),D=React.useCallback(()=>{if(y.current){const a=getDocument(g.floating.current).body;a.style.pointerEvents="",a.removeAttribute(safePolygonIdentifier),y.current=!1}},[g]);return React.useEffect(()=>{function b(){return!!e.current.openEvent&&["click","mousedown"].includes(e.current.openEvent.type)}function f(a){if(clearTimeout(u.current),x.current=!1,!(m&&!isMouseLikePointerType(t.current)||0<n&&0===getDelay(s.current,"open"))){const b=getDelay(s.current,"open",t.current);b?u.current=setTimeout(()=>{d(!0,a)},b):d(!0,a)}}function g(d){if(b())return;z.current();const e=getDocument(i);if(clearTimeout(w.current),r.current){c||clearTimeout(u.current),v.current=r.current({...a,tree:p,x:d.clientX,y:d.clientY,onClose(){D(),C(),B(d)}});const b=v.current;return e.addEventListener("mousemove",b),void(z.current=()=>{e.removeEventListener("mousemove",b)})}const f="touch"!==t.current||!contains(i,d.relatedTarget);f&&B(d)}function k(c){b()||(null==r.current?void 0:r.current({...a,tree:p,x:c.clientX,y:c.clientY,onClose(){D(),C(),B(c)}})(c))}if(j&&isElement(h)){const a=h;return c&&a.addEventListener("mouseleave",k),null==i?void 0:i.addEventListener("mouseleave",k),o&&a.addEventListener("mousemove",f,{once:!0}),a.addEventListener("mouseenter",f),a.addEventListener("mouseleave",g),()=>{c&&a.removeEventListener("mouseleave",k),null==i?void 0:i.removeEventListener("mouseleave",k),o&&a.removeEventListener("mousemove",f),a.removeEventListener("mouseenter",f),a.removeEventListener("mouseleave",g)}}},[h,i,j,a,m,n,o,B,C,D,d,c,p,s,r,e]),index(()=>{var a;if(j&&c&&null!=(a=r.current)&&a.__options.blockPointerEvents&&A()){const a=getDocument(i).body;if(a.setAttribute(safePolygonIdentifier,""),a.style.pointerEvents="none",y.current=!0,isElement(h)&&i){var b,d;const a=h,c=null==p||null==(b=p.nodesRef.current.find(a=>a.id===q))||null==(d=b.context)?void 0:d.elements.floating;return c&&(c.style.pointerEvents=""),a.style.pointerEvents="auto",i.style.pointerEvents="auto",()=>{a.style.pointerEvents="",i.style.pointerEvents=""}}}},[j,c,q,i,h,p,r,e,A]),index(()=>{c||(t.current=void 0,C(),D())},[c,C,D]),React.useEffect(()=>()=>{C(),clearTimeout(u.current),clearTimeout(w.current),D()},[j,h,C,D]),React.useMemo(()=>{function a(a){t.current=a.pointerType}return j?{reference:{onPointerDown:a,onPointerEnter:a,onMouseMove(a){c||0===n||(clearTimeout(w.current),w.current=setTimeout(()=>{x.current||d(!0,a.nativeEvent)},n))}},floating:{onMouseEnter(){clearTimeout(u.current)},onMouseLeave(a){f.emit("dismiss",{type:"mouseLeave",data:{returnFocus:!1}}),B(a.nativeEvent,!1)}}}:{}},[f,j,n,c,d,B])}function getChildren(a,b){let c=a.filter(a=>{var c;return a.parentId===b&&(null==(c=a.context)?void 0:c.open)}),d=c;for(;d.length;)d=a.filter(a=>{var b;return null==(b=d)?void 0:b.some(b=>{var c;return a.parentId===b.id&&(null==(c=a.context)?void 0:c.open)})}),c=c.concat(d);return c}function isButtonTarget(a){return isHTMLElement(a.target)&&"BUTTON"===a.target.tagName}function isSpaceIgnored(a){return isTypeableElement(a)}function useClick(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,elements:{domReference:f}}=a,{enabled:g=!0,event:h="click",toggle:i=!0,ignoreMouse:j=!1,keyboardHandlers:k=!0}=b,l=React.useRef(),m=React.useRef(!1);return React.useMemo(()=>g?{reference:{onPointerDown(a){l.current=a.pointerType},onMouseDown(a){0!==a.button||isMouseLikePointerType(l.current,!0)&&j||"click"===h||(c&&i&&(!e.current.openEvent||"mousedown"===e.current.openEvent.type)?d(!1,a.nativeEvent):(a.preventDefault(),d(!0,a.nativeEvent)))},onClick(a){return"mousedown"===h&&l.current?void(l.current=void 0):void(isMouseLikePointerType(l.current,!0)&&j||(c&&i&&(!e.current.openEvent||"click"===e.current.openEvent.type)?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyDown(a){l.current=void 0,a.defaultPrevented||!k||isButtonTarget(a)||(" "===a.key&&!isSpaceIgnored(f)&&(a.preventDefault(),m.current=!0),"Enter"===a.key&&(c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent)))},onKeyUp(a){a.defaultPrevented||!k||isButtonTarget(a)||isSpaceIgnored(f)||" "===a.key&&m.current&&(m.current=!1,c&&i?d(!1,a.nativeEvent):d(!0,a.nativeEvent))}}}:{},[g,e,h,j,k,f,i,c,d])}const useInsertionEffect=React["useInsertionEffect".toString()],useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEffectEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}const bubbleHandlerKeys={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},captureHandlerKeys={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},normalizeBubblesProp=a=>{var b,c;return{escapeKeyBubbles:"boolean"==typeof a?a:null!=(b=null==a?void 0:a.escapeKey)&&b,outsidePressBubbles:"boolean"==typeof a?a:!(null!=(c=null==a?void 0:a.outsidePress))||c}};function useDismiss(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,events:e,nodeId:f,elements:{reference:h,domReference:i,floating:j},dataRef:g}=a,{enabled:l=!0,escapeKey:m=!0,outsidePress:n=!0,outsidePressEvent:o="pointerdown",referencePress:p=!1,referencePressEvent:q="pointerdown",ancestorScroll:r=!1,bubbles:k}=b,s=useFloatingTree(),t=null!=useFloatingParentNodeId(),u=useEffectEvent("function"==typeof n?n:()=>!1),v="function"==typeof n?u:n,w=React.useRef(!1),{escapeKeyBubbles:x,outsidePressBubbles:y}=normalizeBubblesProp(k),z=useEffectEvent(a=>{if(c&&l&&m&&"Escape"===a.key){const b=s?getChildren(s.nodesRef.current,f):[];if(!x&&(a.stopPropagation(),0<b.length)){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__escapeKeyBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),d(!1,isReactEvent(a)?a.nativeEvent:a)}}),A=useEffectEvent(a=>{const b=w.current;if(w.current=!1,b)return;if("function"==typeof v&&!v(a))return;const c=getTarget(a),g="["+createAttribute("inert")+"]",h=getDocument(j).querySelectorAll(g);let k=isElement(c)?c:null;for(;k&&!isLastTraversableNode(k);){const a=getParentNode(k);if(a===getDocument(j).body||!isElement(a))break;else k=a}if(!(h.length&&isElement(c)&&!isRootElement(c)&&!contains(c,j)&&Array.from(h).every(a=>!contains(k,a)))){if(isHTMLElement(c)&&j){const b=0<c.clientWidth&&c.scrollWidth>c.clientWidth,d=0<c.clientHeight&&c.scrollHeight>c.clientHeight;let e=d&&a.offsetX>c.clientWidth;if(d){const b="rtl"===getComputedStyle(c).direction;b&&(e=a.offsetX<=c.offsetWidth-c.clientWidth)}if(e||b&&a.offsetY>c.clientHeight)return}const b=s&&getChildren(s.nodesRef.current,f).some(b=>{var c;return isEventTargetWithin(a,null==(c=b.context)?void 0:c.elements.floating)});if(!(isEventTargetWithin(a,j)||isEventTargetWithin(a,i)||b)){const b=s?getChildren(s.nodesRef.current,f):[];if(0<b.length){let a=!0;if(b.forEach(b=>{var c;if(null!=(c=b.context)&&c.open&&!b.context.dataRef.current.__outsidePressBubbles)return void(a=!1)}),!a)return}e.emit("dismiss",{type:"outsidePress",data:{returnFocus:t?{preventScroll:!0}:isVirtualClick(a)||isVirtualPointerEvent(a)}}),d(!1,a)}}});return React.useEffect(()=>{function a(a){d(!1,a)}if(!c||!l)return;g.current.__escapeKeyBubbles=x,g.current.__outsidePressBubbles=y;const b=getDocument(j);m&&b.addEventListener("keydown",z),v&&b.addEventListener(o,A);let e=[];return r&&(isElement(i)&&(e=getOverflowAncestors(i)),isElement(j)&&(e=e.concat(getOverflowAncestors(j))),!isElement(h)&&h&&h.contextElement&&(e=e.concat(getOverflowAncestors(h.contextElement)))),e=e.filter(a=>{var c;return a!==(null==(c=b.defaultView)?void 0:c.visualViewport)}),e.forEach(b=>{b.addEventListener("scroll",a,{passive:!0})}),()=>{m&&b.removeEventListener("keydown",z),v&&b.removeEventListener(o,A),e.forEach(b=>{b.removeEventListener("scroll",a)})}},[g,j,i,h,m,v,o,c,d,r,l,x,y,z,A]),React.useEffect(()=>{w.current=!1},[v,o]),React.useMemo(()=>l?{reference:{onKeyDown:z,[bubbleHandlerKeys[q]]:a=>{p&&(e.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),d(!1,a.nativeEvent))}},floating:{onKeyDown:z,[captureHandlerKeys[o]]:()=>{w.current=!0}}}:{},[l,e,p,o,q,d,z])}let devMessageSet;"production"!==process.env.NODE_ENV&&(devMessageSet=new Set);function useFloating(a){var b;void 0===a&&(a={});const{open:e=!1,onOpenChange:c,nodeId:d}=a;if("production"!==process.env.NODE_ENV){var f;const b="Floating UI: Cannot pass a virtual element to the `elements.reference` option, as it must be a real DOM element. Use `refs.setPositionReference` instead.";if(null!=(f=a.elements)&&f.reference&&!isElement(a.elements.reference)){var g;if(!(null!=(g=devMessageSet)&&g.has(b))){var h;null==(h=devMessageSet)?void 0:h.add(b),console.error(b)}}}const[i,j]=React.useState(null),k=(null==(b=a.elements)?void 0:b.reference)||i,l=useFloating$1(a),m=useFloatingTree(),n=useEffectEvent((a,b)=>{a&&(p.current.openEvent=b),null==c?void 0:c(a,b)}),o=React.useRef(null),p=React.useRef({}),q=React.useState(()=>createPubSub())[0],r=useId(),s=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;l.refs.setReference(b)},[l.refs]),t=React.useCallback(a=>{(isElement(a)||null===a)&&(o.current=a,j(a)),(isElement(l.refs.reference.current)||null===l.refs.reference.current||null!==a&&!isElement(a))&&l.refs.setReference(a)},[l.refs]),u=React.useMemo(()=>({...l.refs,setReference:t,setPositionReference:s,domReference:o}),[l.refs,t,s]),v=React.useMemo(()=>({...l.elements,domReference:k}),[l.elements,k]),w=React.useMemo(()=>({...l,refs:u,elements:v,dataRef:p,nodeId:d,floatingId:r,events:q,open:e,onOpenChange:n}),[l,d,r,q,e,n,u,v]);return index(()=>{const a=null==m?void 0:m.nodesRef.current.find(a=>a.id===d);a&&(a.context=w)}),React.useMemo(()=>({...l,context:w,refs:u,elements:v}),[l,u,v,w])}function useFocus(a,b){void 0===b&&(b={});const{open:c,onOpenChange:d,dataRef:e,events:f,refs:g,elements:{floating:h,domReference:i}}=a,{enabled:j=!0,keyboardOnly:k=!0}=b,l=React.useRef(""),m=React.useRef(!1),n=React.useRef();return React.useEffect(()=>{function a(){!c&&isHTMLElement(i)&&i===activeElement(getDocument(i))&&(m.current=!0)}if(!j)return;const b=getDocument(h),d=b.defaultView||window;return d.addEventListener("blur",a),()=>{d.removeEventListener("blur",a)}},[h,i,c,j]),React.useEffect(()=>{function a(a){("referencePress"===a.type||"escapeKey"===a.type)&&(m.current=!0)}if(j)return f.on("dismiss",a),()=>{f.off("dismiss",a)}},[f,j]),React.useEffect(()=>()=>{clearTimeout(n.current)},[]),React.useMemo(()=>j?{reference:{onPointerDown(a){let{pointerType:b}=a;l.current=b,m.current=!!(b&&k)},onMouseLeave(){m.current=!1},onFocus(a){var b;m.current||"focus"===a.type&&"mousedown"===(null==(b=e.current.openEvent)?void 0:b.type)&&isEventTargetWithin(e.current.openEvent,i)||d(!0,a.nativeEvent)},onBlur(a){m.current=!1;const b=a.relatedTarget,c=isElement(b)&&b.hasAttribute(createAttribute("focus-guard"))&&"outside"===b.getAttribute("data-type");n.current=setTimeout(()=>{contains(g.floating.current,b)||contains(i,b)||c||d(!1,a.nativeEvent)})}}}:{},[j,k,i,g,e,d])}function mergeProps(a,b,c){const d=new Map;return{...("floating"===c&&{tabIndex:-1}),...a,...b.map(a=>a?a[c]:null).concat(a).reduce((a,b)=>b?(Object.entries(b).forEach(b=>{let[c,e]=b;if(0!==c.indexOf("on"))a[c]=e;else if(d.has(c)||d.set(c,[]),"function"==typeof e){var f;null==(f=d.get(c))?void 0:f.push(e),a[c]=function(){for(var a,b=arguments.length,e=Array(b),f=0;f<b;f++)e[f]=arguments[f];return null==(a=d.get(c))?void 0:a.map(a=>a(...e)).find(a=>void 0!==a)}}}),a):a,{})}}function useInteractions(a){void 0===a&&(a=[]);const b=a,c=React.useCallback(b=>mergeProps(b,a,"reference"),b),d=React.useCallback(b=>mergeProps(b,a,"floating"),b),e=React.useCallback(b=>mergeProps(b,a,"item"),a.map(a=>null==a?void 0:a.item));return React.useMemo(()=>({getReferenceProps:c,getFloatingProps:d,getItemProps:e}),[c,d,e])}function useRole(a,b){void 0===b&&(b={});const{open:c,floatingId:d}=a,{enabled:e=!0,role:f="dialog"}=b,g=useId();return React.useMemo(()=>{const a={id:d,role:f};return e?"tooltip"===f?{reference:{"aria-describedby":c?d:void 0},floating:a}:{reference:{"aria-expanded":c?"true":"false","aria-haspopup":"alertdialog"===f?"dialog":f,"aria-controls":c?d:void 0,...("listbox"===f&&{role:"combobox"}),...("menu"===f&&{id:g})},floating:{...a,...("menu"===f&&{"aria-labelledby":g})}}:{}},[e,f,c,d,g])}var useTooltip=function(a){var b=void 0===a?{}:a,c=b.initialOpen,d=b.variant,e=b.placement,f=void 0===e?"top":e,g=b.triggerEvent,h=void 0===g?"click":g,i=b.open,j=b.onOpenChange,k=b.disabled,l=void 0!==k&&k,m=useState(void 0!==c&&c),n=m[0],o=m[1],p=null!==i&&void 0!==i?i:n,q=null!==j&&void 0!==j?j:o,r=useFloating({placement:f,open:p,onOpenChange:q,whileElementsMounted:autoUpdate,middleware:[offset(5),flip(),shift()]}),s=r.context,t=useClick(s,{enabled:null==i&&!1===l&&"click"===h}),u=useHover(s,{move:!1,enabled:null==i&&!1===l&&"hover"===h}),v=useFocus(s,{enabled:null==i}),w=useDismiss(s),x=useRole(s,{role:"tooltip"}),y=useInteractions([t,u,v,w,x]);return React__default.useMemo(function(){return __assign(__assign({open:p,setOpen:q,variant:d,disabled:l},y),r)},[p,q,d,l,y,r])},TooltipContext=React__default.createContext(null),useTooltipState=function(){var a=React__default.useContext(TooltipContext);if(null==a)throw new Error("Tooltip components must be wrapped in <Tooltip />");return a};function Tooltip(a){var b=a.initialOpen,c=a.placement,d=void 0===c?"top":c,e=a.variant,f=a.open,g=a.triggerEvent,h=void 0===g?"click":g,i=a.disabled,j=a.children,k=void 0===j?null:j,l=__rest(a,["initialOpen","placement","variant","open","triggerEvent","disabled","children"]),m=useTooltip({initialOpen:void 0!==b&&b,placement:d,variant:e,open:f,triggerEvent:h,disabled:void 0!==i&&i,props:l});return React__default.createElement(TooltipContext.Provider,{value:m},k)}export{Tooltip as T,useMergeRefs as a,useTooltipState as u};
package/build/Tooltip.js CHANGED
@@ -1 +1 @@
1
- export{T as Tooltip}from"./Tooltip.component-D23JdNpf.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./floating-ui.react-dom-DmTNS6Kr.js";import"react-dom";
1
+ export{T as Tooltip}from"./Tooltip.component-pZQW88UK.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-D23JdNpf.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var popoverStyles="\n jn-bg-theme-background-lvl-1\n jn-text-theme-high \n jn-inline-flex\t\n jn-items-center\n jn-p-2\n jn-rounded\n jn-drop-shadow-[0_0_4px_rgba(0,0,0,0.15)]\n",popoverTextStyles="\n jn-mx-4\n jn-max-w-full\n",popoverIconStyles="\n jn-shrink-0\n",getIcon=function(a){return"error"===a?"dangerous":a},TooltipContent=React__default.forwardRef(function(a,b){var c=a.className,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=__rest(a,["className","children"]),h=useTooltipState(),i=useMergeRefs([h.refs.setFloating,b]),j=h.variant;return React__default.createElement(React__default.Fragment,null,h.open&&(React__default.createElement("div",__assign({className:"juno-tooltip juno-tooltip-".concat(j," ").concat(popoverStyles," ").concat(d),ref:i,style:__assign({},h.floatingStyles)},h.getFloatingProps(g)),j&&(React__default.createElement(Icon,{icon:getIcon(j),color:"jn-text-theme-".concat(j),className:"juno-tooltip-popover-icon ".concat(popoverIconStyles)})),React__default.createElement("p",{className:"".concat(popoverTextStyles)},f))))});export{TooltipContent as T};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-pZQW88UK.js";import{I as Icon}from"./Icon.component-7-ap-6Ys.js";var popoverStyles="\n jn-bg-theme-background-lvl-1\n jn-text-theme-high \n jn-inline-flex\t\n jn-items-center\n jn-p-2\n jn-rounded\n jn-drop-shadow-[0_0_4px_rgba(0,0,0,0.15)]\n",popoverTextStyles="\n jn-mx-4\n jn-max-w-full\n",popoverIconStyles="\n jn-shrink-0\n",getIcon=function(a){return"error"===a?"dangerous":a},TooltipContent=React__default.forwardRef(function(a,b){var c=a.className,d=void 0===c?"":c,e=a.children,f=void 0===e?null:e,g=__rest(a,["className","children"]),h=useTooltipState(),i=useMergeRefs([h.refs.setFloating,b]),j=h.variant;return React__default.createElement(React__default.Fragment,null,h.open&&(React__default.createElement("div",__assign({className:"juno-tooltip juno-tooltip-".concat(j," ").concat(popoverStyles," ").concat(d),ref:i,style:__assign({},h.floatingStyles)},h.getFloatingProps(g)),j&&(React__default.createElement(Icon,{icon:getIcon(j),color:"jn-text-theme-".concat(j),className:"juno-tooltip-popover-icon ".concat(popoverIconStyles)})),React__default.createElement("p",{className:"".concat(popoverTextStyles)},f))))});export{TooltipContent as T};
@@ -1 +1 @@
1
- export{T as TooltipContent}from"./TooltipContent.component-A3crwGIj.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-D23JdNpf.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"react-dom";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
1
+ export{T as TooltipContent}from"./TooltipContent.component-Cfo0dBzg.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-pZQW88UK.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";import"./Icon.component-7-ap-6Ys.js";import"./widgets-njngpHa5.js";
@@ -1 +1 @@
1
- import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-D23JdNpf.js";var TooltipTrigger=React__default.forwardRef(function(a,b){var c=a.children,d=void 0===c?null:c,e=a.asChild,f=a.className,g=void 0===f?"":f,h=__rest(a,["children","asChild","className"]),i=useTooltipState(),j=useMergeRefs([i.refs.setReference,b]);if(void 0!==e&&e&&React__default.isValidElement(d)){var k=d.props,l=k.ref,m=useMergeRefs([i.refs.setReference,b,l]),n=__assign(__assign(__assign({ref:m},h),k),{"data-state":i.open?"open":"closed",className:k.className+"".concat(i.disabled&&" jn-cursor-default")}),o=i.getReferenceProps(n);return React__default.cloneElement(d,o)}return React__default.createElement("button",__assign({ref:j,"data-state":i.open?"open":"closed"},i.getReferenceProps(h),{className:"".concat(g," ").concat(i.disabled&&" jn-cursor-default")}),d)});export{TooltipTrigger as T};
1
+ import{_ as __rest,a as __assign}from"./tslib.es6-bjGg6Bxl.js";import React__default from"react";import{u as useTooltipState,a as useMergeRefs}from"./Tooltip.component-pZQW88UK.js";var TooltipTrigger=React__default.forwardRef(function(a,b){var c=a.children,d=void 0===c?null:c,e=a.asChild,f=a.className,g=void 0===f?"":f,h=__rest(a,["children","asChild","className"]),i=useTooltipState(),j=useMergeRefs([i.refs.setReference,b]);if(void 0!==e&&e&&React__default.isValidElement(d)){var k=d.props,l=k.ref,m=useMergeRefs([i.refs.setReference,b,l]),n=__assign(__assign(__assign({ref:m},h),k),{"data-state":i.open?"open":"closed",className:k.className+"".concat(i.disabled&&" jn-cursor-default")}),o=i.getReferenceProps(n);return React__default.cloneElement(d,o)}return React__default.createElement("button",__assign({ref:j,"data-state":i.open?"open":"closed"},i.getReferenceProps(h),{className:"".concat(g," ").concat(i.disabled&&" jn-cursor-default")}),d)});export{TooltipTrigger as T};
@@ -1 +1 @@
1
- export{T as TooltipTrigger}from"./TooltipTrigger.component-D5levpwF.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-D23JdNpf.js";import"./floating-ui.react-dom-DmTNS6Kr.js";import"react-dom";
1
+ export{T as TooltipTrigger}from"./TooltipTrigger.component-Cp9J4Mh7.js";import"./tslib.es6-bjGg6Bxl.js";import"react";import"./Tooltip.component-pZQW88UK.js";import"./floating-ui.react-dom-Bx8TUz-v.js";import"react-dom";