@kubit-ui-web/react-components 2.0.0-beta.20 → 2.0.0-beta.22

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 (64) hide show
  1. package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
  2. package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
  3. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  4. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  5. package/dist/cjs/components/modal/modalUnControlled.js +1 -1
  6. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  7. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  8. package/dist/cjs/components/select/index.js +4 -0
  9. package/dist/cjs/components/select/selectControlled.js +1 -0
  10. package/dist/cjs/components/select/selectStandAlone.js +1 -0
  11. package/dist/cjs/components/select/selectUncontrolled.js +1 -0
  12. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  13. package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
  14. package/dist/cjs/components/tooltip/tooltip.css +1 -1
  15. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  16. package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
  17. package/dist/cjs/components/tooltip/utils/tooltip.utils.js +1 -1
  18. package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
  19. package/dist/cjs/index.js +1 -1
  20. package/dist/cjs/lib/designSystem/kubit/css/kubit.css +1 -1
  21. package/dist/cjs/lib/designSystem/kubit/css/kubit.min.css +1 -1
  22. package/dist/cjs/lib/provider/cssProvider/stats/stats.js +1 -1
  23. package/dist/cjs/react-components.css +1 -1
  24. package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -3
  25. package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
  26. package/dist/esm/components/modal/fragments/modalHeader.js +3 -3
  27. package/dist/esm/components/modal/modalStandAlone.js +4 -4
  28. package/dist/esm/components/modal/modalUnControlled.js +2 -2
  29. package/dist/esm/components/option/optionStandAlone.js +9 -9
  30. package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -4
  31. package/dist/esm/components/select/index.js +2 -0
  32. package/dist/esm/components/select/selectControlled.js +1 -0
  33. package/dist/esm/components/select/selectStandAlone.js +5 -0
  34. package/dist/esm/components/select/selectUncontrolled.js +2 -0
  35. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +8 -8
  36. package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
  37. package/dist/esm/components/tooltip/tooltip.css +1 -1
  38. package/dist/esm/components/tooltip/tooltipStandAlone.js +6 -8
  39. package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
  40. package/dist/esm/components/tooltip/utils/tooltip.utils.js +1 -1
  41. package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
  42. package/dist/esm/index.js +1 -1
  43. package/dist/esm/lib/designSystem/kubit/css/kubit.css +1 -1
  44. package/dist/esm/lib/designSystem/kubit/css/kubit.min.css +1 -1
  45. package/dist/esm/lib/provider/cssProvider/stats/stats.js +1 -1
  46. package/dist/esm/react-components.css +1 -1
  47. package/dist/styles/kubit/css/kubit.css +68 -87
  48. package/dist/styles/kubit/css/kubit.min.css +1 -1
  49. package/dist/types/index.d.ts +185 -338
  50. package/package.json +2 -3
  51. package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.js +0 -1
  52. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +0 -1
  53. package/dist/cjs/components/dropdownSelected/dropdownSelectedUncontrolled.js +0 -1
  54. package/dist/cjs/components/dropdownSelected/index.js +0 -4
  55. package/dist/cjs/components/navBar/index.js +0 -2
  56. package/dist/cjs/components/navBar/navBar.js +0 -1
  57. package/dist/cjs/components/navBar/navBarStandAlone.js +0 -1
  58. package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +0 -1
  59. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +0 -5
  60. package/dist/esm/components/dropdownSelected/dropdownSelectedUncontrolled.js +0 -2
  61. package/dist/esm/components/dropdownSelected/index.js +0 -2
  62. package/dist/esm/components/navBar/index.js +0 -1
  63. package/dist/esm/components/navBar/navBar.js +0 -2
  64. package/dist/esm/components/navBar/navBarStandAlone.js +0 -2
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../link/link.js"),s=require("../../../text/text.js"),i=require("../../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../../lib/hooks/useManageState/useManageState.js"),a=require("../../../../lib/types/states/states.js"),n=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.CrumbStandAlone=({crumb:l,cssClasses:o,dividerIcon:u,lastCrumb:c,lastOneCrumbComponent:d="span",link:m,...x})=>{const{setRef:j}=r.useManageState({active:c,states:Object.values(a.STATES)}),b=n.pickCustomAttributes(x);return e.jsxRuntimeExports.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":x["data-testid"],children:[!!c&&e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[!!m&&e.jsxRuntimeExports.jsx("div",{className:o?.linkcontainer,children:e.jsxRuntimeExports.jsx(t.Link,{...b,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...m,onClick:e=>l.onClick?.(l.url,e),children:l.name})}),e.jsxRuntimeExports.jsx("div",{className:o?.icondividercontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:o?.icondivider,...u})})]})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.js"),t=require("../../../link/link.js"),s=require("../../../text/text.js"),i=require("../../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../../lib/hooks/useManageState/useManageState.js"),n=require("../../../../lib/types/states/states.js"),a=require("../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../../../lib/utils/process/processCommonProp.js");exports.CrumbStandAlone=({crumb:l,cssClasses:u,dividerIcon:c,lastCrumb:d,lastOneCrumbComponent:m="span",link:x,...j})=>{const{setRef:p}=r.useManageState({active:d,states:Object.values(n.STATES)}),b=a.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs("li",{ref:p,"aria-current":d?"page":void 0,className:u?.crumb,"data-testid":j["data-testid"],children:[!!d&&e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:u?.lastonecrumb},component:m,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!d&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[!!x&&e.jsxRuntimeExports.jsx("div",{className:u?.linkcontainer,children:e.jsxRuntimeExports.jsx(t.Link,{...b,action:"navigation",additionalTextClasses:{text:u?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:d,id:l.id,url:l.url,...x,onClick:e=>l.onClick?.(l.url,e),children:l.name})}),e.jsxRuntimeExports.jsx("div",{className:u?.icondividercontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.icondivider,...o.processIconProp(c)})})]})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=t.forwardRef(({cssClasses:t,decoration:n,disabled:o,...i},c)=>{if(!n?.icon)return null;const u=s.pickCustomAttributes(i);return e.jsxRuntimeExports.jsx("div",{ref:c,className:t?.input_decoration,style:{pointerEvents:n.onClick?"auto":"none"},...u,children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:t?.decoration,...n,onClick:n.onClick})})});exports.InputDecorationStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processCommonProp.js"),n=t.forwardRef(({cssClasses:t,decoration:n,disabled:i,...c},u)=>{const l=o.processIconProp(n);if(!l?.icon)return null;const a=s.pickCustomAttributes(c);return e.jsxRuntimeExports.jsx("div",{ref:u,className:t?.input_decoration,style:{pointerEvents:l.onClick?"auto":"none"},...a,children:e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:t?.decoration,...l,onClick:l.onClick})})});exports.InputDecorationStandAlone=n;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../../lib/utils/process/processCommonProp.js"),o=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:a,closeIcon:c,cssClasses:l,dragIcon:x,title:d,titleIdFinal:u})=>{const{isMobileOrTablet:m}=n.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[m&&!r&&!!x&&e.jsxRuntimeExports.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.dragicon,...x})}),e.jsxRuntimeExports.jsxs("div",{className:l?.headercontentcontainer,children:[!r&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...c})}),!r&&!!a?.content&&!!a?.variant&&e.jsxRuntimeExports.jsx(o.Button,{...a,variant:a?.variant,children:a?.content}),(void 0===d?.visible||d.visible)&&e.jsxRuntimeExports.jsx("div",{className:l?.titlecontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...i.processTextProp(d)})}),!1===d?.visible&&e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:i.processTextProp(d).children}),!r&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx("span",{className:l?.closebuttonicon})})]})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),o=require("../../../lib/utils/process/processCommonProp.js"),i=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:c,closeIcon:a,cssClasses:l,dragIcon:x,title:d,titleIdFinal:u})=>{const{isMobileOrTablet:m}=n.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[m&&!r&&!!x&&e.jsxRuntimeExports.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.dragicon,...o.processIconProp(x)})}),e.jsxRuntimeExports.jsxs("div",{className:l?.headercontentcontainer,children:[!r&&!!a&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...o.processIconProp(a)})}),!r&&!!c?.content&&!!c?.variant&&e.jsxRuntimeExports.jsx(i.Button,{...c,variant:c?.variant,children:c?.content}),(void 0===d?.visible||d.visible)&&e.jsxRuntimeExports.jsx("div",{className:l?.titlecontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...o.processTextProp(d)})}),!1===d?.visible&&e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:o.processTextProp(d).children}),!r&&!!a&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx("span",{className:l?.closebuttonicon})})]})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processCommonProp.js"),i=require("../navBar/navBar.js"),a=require("../popover/popover.js"),r=require("./fragments/modalHeader.js"),l=require("./utils/onlyDesktopSize.js"),n=o.forwardRef(({blocked:n,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:x,contentScrollArias:u,cssClasses:v,customHeightAllDevices:j=!1,customWidthAllDevices:b=!1,device:g,dragIcon:y,footer:h,id:C,maxHeight:H,maxWidth:I,minContentHeight:f,minHeight:q,minWidth:E,onKeyDown:R,onPopoverCloseInternally:S,open:k,popover:D,title:B,...P},W)=>{const A=`modal-${o.useId().replace(/:/g,"")}`,N=C??A,z=`modal-title-${o.useId().replace(/:/g,"")}`,M=s.processTextProp(B).id??z,O=h?.variant,T=P["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(a.Popover,{"aria-labelledby":M,"aria-modal":k,component:"div",disableClickOverlayClose:n,disableEscapeClose:n,disableTrapFocus:!1,id:N,open:k,overlay:e.jsxRuntimeExports.jsx(t.Overlay,{}),role:"dialog",strategy:"fixed",onClose:S,...D,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:v?.modal,"data-testid":T,style:{maxHeight:H,maxWidth:I,minHeight:j?q:l.onlyDesktopSize(g,q),minWidth:b?E:l.onlyDesktopSize(g,E),paddingBottom:h?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(r.ModalHeader,{blocked:n,closeButton:d,closeIcon:c,cssClasses:v,device:g,dragIcon:y,title:B,titleIdFinal:M}),e.jsxRuntimeExports.jsx("div",{"aria-label":x?u?.["aria-label"]:void 0,"aria-labelledby":x?u?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":!0,"data-testid":`${T}-content`,role:x?"region":void 0,style:{minHeight:f},...x?{tabIndex:0}:{},...p,children:m}),!!O&&!!h&&e.jsxRuntimeExports.jsx("div",{className:v?.footer,children:e.jsxRuntimeExports.jsx(i.NabVar,{variant:O,...h})})]})})});exports.ModalStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processCommonProp.js"),i=require("../popover/popover.js"),l=require("./fragments/modalHeader.js"),r=require("./utils/onlyDesktopSize.js"),a=o.forwardRef(({blocked:a,closeButton:n,closeIcon:d,content:c,contentContainer:m,contentHasScroll:p,contentScrollArias:u,cssClasses:x,customHeightAllDevices:v=!1,customWidthAllDevices:j=!1,device:b,dragIcon:y,footer:g,id:h,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:f,minWidth:S,onKeyDown:q,onPopoverCloseInternally:E,open:R,popover:k,title:D,...P},W)=>{const A=`modal-${o.useId().replace(/:/g,"")}`,z=h??A,M=`modal-title-${o.useId().replace(/:/g,"")}`,N=s.processTextProp(D).id??M,O=P["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(i.Popover,{"aria-labelledby":N,"aria-modal":R,component:"div",disableClickOverlayClose:a,disableEscapeClose:a,disableTrapFocus:!1,id:z,open:R,overlay:e.jsxRuntimeExports.jsx(t.Overlay,{}),role:"dialog",strategy:"fixed",onClose:E,...k,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:x?.modal,"data-testid":O,style:{maxHeight:C,maxWidth:H,minHeight:v?f:r.onlyDesktopSize(b,f),minWidth:j?S:r.onlyDesktopSize(b,S)},children:[e.jsxRuntimeExports.jsx(l.ModalHeader,{blocked:a,closeButton:n,closeIcon:d,cssClasses:x,device:b,dragIcon:y,title:D,titleIdFinal:N}),e.jsxRuntimeExports.jsx("div",{"aria-label":p?u?.["aria-label"]:void 0,"aria-labelledby":p?u?.["aria-labelledby"]:void 0,className:x?.content,"data-modal-content":!0,"data-testid":`${O}-content`,role:p?"region":void 0,style:{minHeight:I},...p?{tabIndex:0}:{},...m,children:c}),!!g&&e.jsxRuntimeExports.jsx("div",{className:x?.footer,children:g})]})})});exports.ModalStandAlone=a;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../lib/utils/keyboard/keyboard.js"),s=require("./modalControlled.js"),n=o.forwardRef(({closeButton:n,closeIcon:l,onClose:i,open:a,popover:c,variant:u,...d},p)=>{const[y,k]=o.useState(a);o.useEffect(()=>{k(a)},[a]);const C=()=>{k(!1),i?.()};return e.jsxRuntimeExports.jsx(s.ModalControlled,{...d,ref:p,closeButton:n&&{...n,onClick:e=>{C(),n?.onClick?.(e)}},closeIcon:{...l,onClick:e=>{C(),l?.onClick?.(e)}},open:y,popover:{...c},variant:u,onClose:i,onKeyDown:e=>d?.blocked&&t.isKeyPressed(e.key,...r.ESCAPE.key)?e.stopPropagation():null})});exports.Modal=n,exports.ModalUnControlled=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../lib/utils/process/processCommonProp.js"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../lib/utils/keyboard/keyboard.js"),n=require("./modalControlled.js"),l=e.forwardRef(({closeButton:l,closeIcon:c,onClose:i,open:a,popover:p,variant:u,...d},y)=>{const[k,C]=e.useState(a);e.useEffect(()=>{C(a)},[a]);const b=()=>{C(!1),i?.()};return o.jsxRuntimeExports.jsx(n.ModalControlled,{...d,ref:y,closeButton:l&&{...l,onClick:o=>{b(),l?.onClick?.(o)}},closeIcon:{...r.processIconProp(c),onClick:o=>{b(),r.processIconProp(c)?.onClick?.(o)}},open:k,popover:{...p},variant:u,onClose:i,onKeyDown:o=>d?.blocked&&t.isKeyPressed(o.key,...s.ESCAPE.key)?o.stopPropagation():null})});exports.Modal=l,exports.ModalUnControlled=l;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),a=require("../../lib/components/customComponent/customComponent.js"),c=require("../../lib/utils/keyboard/keyboard.js"),u=require("./components.ts/optionLabelSlice.js"),d=require("./utils/option.utils.js"),p=t.forwardRef(({checkedIcon:t,component:p,componentLink:m,cssClasses:b,disabled:x,extraContent:j,focus:h,hover:E,icon:g,label:C,labelCharsHighlighted:S,multiSelect:A,onBlur:T,onClick:R,onFocus:k,onMouseEnter:y,onMouseLeave:L,role:I,selected:q,sublabel:f,tabIndex:O,url:v,...P},$)=>{const M=!!S&&S?.length>0,N=d.getState(x,h,q,A,E,M),D={"data-state":N},H=N===n.STATES.DISABLED,K=r.pickCustomAttributes({...P,customAttributes:D}),_=r.pickCustomAttributes(D),w=K["data-testid"]||"option",B=[n.STATES.MULTIPLE_SELECTED,n.STATES.MULTIPLE_SELECTED_HOVER,n.STATES.SELECTED].includes(N);let F,U,V;if("string"==typeof C){const{firstHighlightedIndex:e,lastHighlightedIndex:t}=d.getHighlightedIndexes(C,S);F=C.substring(0,e),U=C.substring(e,t),V=C.substring(t)}return e.jsxRuntimeExports.jsxs(a.CustomComponent,{ref:$,"aria-disabled":H,className:b?.option,...K,component:v?m:p??"div","data-testid":w,role:I,tabIndex:O,url:v,onBlur:T,onClick:e=>{H||R?.(e)},onFocus:k,onKeyDown:e=>{!H&&c.isKeyPressed(e.key,o.ENTER.key,o.SPACE.key)&&R?.(e)},onMouseEnter:y,onMouseLeave:L,..._,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.firstrowcontainer,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.labeliconcontainer,..._,children:[e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:b?.icon,customAttributes:D,...g}),!!l.processTextProp(f).children&&e.jsxRuntimeExports.jsx("div",{className:b?.sublabelcontainer,..._,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:b?.sublabel},component:"span",customAttributes:D,...l.processTextProp(f)})}),e.jsxRuntimeExports.jsx("p",{children:"string"==typeof C?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[" ",e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-first-no-hightlighted-label`,children:F}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-highlighted-label`,children:U}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-last-no-hightlighted-label`,children:V})]}):e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-label`,children:C})})]}),B&&e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:b?.checkedicon,customAttributes:D,...t})]}),!!j&&j]})});exports.OptionStandAlone=p;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),a=require("../../lib/components/customComponent/customComponent.js"),c=require("../../lib/utils/keyboard/keyboard.js"),u=require("./components.ts/optionLabelSlice.js"),p=require("./utils/option.utils.js"),d=t.forwardRef(({checkedIcon:t,component:d,componentLink:m,cssClasses:b,disabled:x,extraContent:j,focus:h,hover:E,icon:g,label:C,labelCharsHighlighted:S,multiSelect:A,onBlur:T,onClick:R,onFocus:k,onMouseEnter:y,onMouseLeave:L,role:I,selected:q,sublabel:f,tabIndex:O,url:P,...v},$)=>{const M=!!S&&S?.length>0,N=p.getState(x,h,q,A,E,M),D={"data-state":N},H=N===n.STATES.DISABLED,K=r.pickCustomAttributes({...v,customAttributes:D}),_=r.pickCustomAttributes(D),w=K["data-testid"]||"option",B=[n.STATES.MULTIPLE_SELECTED,n.STATES.MULTIPLE_SELECTED_HOVER,n.STATES.SELECTED].includes(N);let F,U,V;if("string"==typeof C){const{firstHighlightedIndex:e,lastHighlightedIndex:t}=p.getHighlightedIndexes(C,S);F=C.substring(0,e),U=C.substring(e,t),V=C.substring(t)}return e.jsxRuntimeExports.jsxs(a.CustomComponent,{ref:$,"aria-disabled":H,className:b?.option,...K,component:P?m:d??"div","data-testid":w,role:I,tabIndex:O,url:P,onBlur:T,onClick:e=>{H||R?.(e)},onFocus:k,onKeyDown:e=>{!H&&c.isKeyPressed(e.key,i.ENTER.key,i.SPACE.key)&&R?.(e)},onMouseEnter:y,onMouseLeave:L,..._,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.firstrowcontainer,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.labeliconcontainer,..._,children:[e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:b?.icon,customAttributes:D,...l.processIconProp(g)}),!!l.processTextProp(f).children&&e.jsxRuntimeExports.jsx("div",{className:b?.sublabelcontainer,..._,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:b?.sublabel},component:"span",customAttributes:D,...l.processTextProp(f)})}),e.jsxRuntimeExports.jsx("p",{children:"string"==typeof C?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[" ",e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-first-no-hightlighted-label`,children:F}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-highlighted-label`,children:U}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-last-no-hightlighted-label`,children:V})]}):e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-label`,children:C})})]}),B&&e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:b?.checkedicon,customAttributes:D,...l.processIconProp(t)})]}),!!j&&j]})});exports.OptionStandAlone=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../label/labelStandAlone.js"),t=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:x,error:m,errorAriaLiveType:p,errorIcon:b,errorMessage:j,id:h,label:g,lastChild:R,name:v,onBlur:E,onChange:C,screenReaderId:I,state:N,subTitle:y,tabIndex:A,value:T,...q})=>{let P=`radiobutton-${s.useId().replace(/:/g,"")}`;P=h??P;const k=l.processTextProp(y).id&&`${P}__description`,_=j&&`${P}__error`,f={"data-state":N},B=o.pickCustomAttributes(f),S=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:u?.rowcontainer,"data-testid":S,...B,style:{display:g?"grid":"block",marginBottom:R?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...B,className:u?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:k,error:m,errorMessage:j,errorMessageId:_,screenReaderId:I}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:c,className:a.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${S}-input`,disabled:x,id:P,name:v,tabIndex:A,type:"radio",value:T,onBlur:E,onChange:C,...B})}),e.jsxRuntimeExports.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsxRuntimeExports.jsx("div",{className:u?.labelcontainer,children:e.jsxRuntimeExports.jsx(r.LabelStandAlone,{cursor:x?"default":"pointer",customAttributes:f,inputId:P,textCssClasses:a.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!l.processTextProp(y).children&&("string"==typeof l.processTextProp(y)?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.sublabel},...l.processTextProp(y),id:k}):e.jsxRuntimeExports.jsx("div",{id:k,children:l.processTextProp(y).children})),!(!m||!j)&&e.jsxRuntimeExports.jsx("div",{"aria-live":p,className:u?.errormessagecontainer,id:_,...B,children:e.jsxRuntimeExports.jsxs(t.Text,{additionalClasses:{text:u?.errormessage},customAttributes:f,children:[!!b&&e.jsxRuntimeExports.jsx("span",{...B,className:u?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.errormessageicon,customAttributes:f,...b})}),j]})})]})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../label/labelStandAlone.js"),t=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:x,error:p,errorAriaLiveType:m,errorIcon:b,errorMessage:j,id:h,label:g,lastChild:R,name:v,onBlur:E,onChange:I,screenReaderId:C,state:N,subTitle:y,tabIndex:A,value:T,...q})=>{let P=`radiobutton-${s.useId().replace(/:/g,"")}`;P=h??P;const k=l.processTextProp(y).id&&`${P}__description`,_=j&&`${P}__error`,f={"data-state":N},B=o.pickCustomAttributes(f),S=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:u?.rowcontainer,"data-testid":S,...B,style:{display:g?"grid":"block",marginBottom:R?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...B,className:u?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:k,error:p,errorMessage:j,errorMessageId:_,screenReaderId:C}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:c,className:a.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${S}-input`,disabled:x,id:P,name:v,tabIndex:A,type:"radio",value:T,onBlur:E,onChange:I,...B})}),e.jsxRuntimeExports.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsxRuntimeExports.jsx("div",{className:u?.labelcontainer,children:e.jsxRuntimeExports.jsx(r.LabelStandAlone,{cursor:x?"default":"pointer",customAttributes:f,inputId:P,textCssClasses:a.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!l.processTextProp(y).children&&("string"==typeof l.processTextProp(y)?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.sublabel},...l.processTextProp(y),id:k}):e.jsxRuntimeExports.jsx("div",{id:k,children:l.processTextProp(y).children})),!(!p||!j)&&e.jsxRuntimeExports.jsx("div",{"aria-live":m,className:u?.errormessagecontainer,id:_,...B,children:e.jsxRuntimeExports.jsxs(t.Text,{additionalClasses:{text:u?.errormessage},customAttributes:f,children:[!!b&&e.jsxRuntimeExports.jsx("span",{...B,className:u?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.errormessageicon,customAttributes:f,...l.processIconProp(b)})}),j]})})]})]})};
@@ -0,0 +1,4 @@
1
+ const { SelectControlled } = require('./selectControlled.js');
2
+ module.exports = { ...module.exports, SelectControlled };
3
+ const { Select } = require('./selectUncontrolled.js');
4
+ module.exports = { ...module.exports, Select };
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),n=require("../../lib/utils/keyboard/keyboard.js"),i=require("../../lib/utils/focusHandlers/focusHandlers.js"),l=require("./selectStandAlone.js"),u=s.forwardRef(({additionalClasses:u,closePopoverOnScroll:a,listOptions:c,onClosePopover:d,open:p,url:f,variant:m,...v},y)=>{const{LINK:C}=t.useGenericComponents(),b=o.useClassName({additionalClassNames:u,component:"SELECT",variant:m}),j=s.useRef(null);return s.useEffect(()=>{if(a)return window.addEventListener("scroll",d),()=>{window.removeEventListener("scroll",d)}},[a,d]),e.jsxRuntimeExports.jsx(l.SelectStandAlone,{ref:y,component:f?C:"button",cssClasses:b,listOptions:c,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&n.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===c.type?j.current.firstElementChild?.focus():i.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:d,...v})});exports.SelectControlled=u;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../listOptions/listOptions.js"),a=require("../listOptions/utils/listOptions.utils.js"),c=require("../popover/popover.js"),p=t.forwardRef(({buttonOrLinkRef:p,component:u,cssClasses:d,icon:m,label:x,listOptions:v,listOptionsRef:b,onBlur:j,onButtonClick:C,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:h,onOptionClick:f,open:M,optionSelected:g,popover:D,url:E,urlTarget:R,...q},F)=>{const w=`select-${t.useId().replace(/:/g,"")}`,A=M?`${w}-list`:void 0,I=q["data-testid"]||"select",P=n.pickCustomAttributes(q),S=t.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:a.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(t,o)=>{if(o?.shiftKey){const e=Math.max(t,0)-1;return e>=0&&o?.preventDefault(),Math.max(e,0)}const s=Math.max(t,0)+1;return s<=e.length-1&&o?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:a.keyUpMove,size:v.options.length};var e},[v.options]);return e.jsxRuntimeExports.jsxs("div",{ref:F,className:d?.select,"data-testid":I,role:"combobox",onBlur:j,onFocus:O,onKeyDown:h,...P,"aria-controls":"select-list","aria-expanded":M,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(r.CustomComponent,{ref:p,"aria-controls":A,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:E?R:void 0,type:E?void 0:"button",url:E,onClick:C,onKeyDown:k,children:[e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...i.processTextProp(x)}),e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...i.processIconProp(m)})]}),!!D&&e.jsxRuntimeExports.jsx(c.Popover,{anchorElement:p?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:A,open:M,placement:"bottom",preventCloseOnClickElements:[p?.current],strategy:"absolute",...D,onClose:()=>{y(),D?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:d?.listoptionscontainer,"data-testid":`${I}-list`,children:!!v.variant&&!!v.optionVariant&&e.jsxRuntimeExports.jsx(l.ListOptions,{ref:b,roveFocus:"selection"===v.type?S:void 0,selectedValue:g,...v,onOptionClick:e=>{f(e),y()}})})})]})});exports.SelectStandAlone=p;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("./selectControlled.js"),r=t.forwardRef(({defaultOpen:r=!1,defaultOptionSelected:s,onBlur:l,onButtonClick:i,onClosePopover:u,onFocus:c,onOptionClick:d,openAndCloseOnHover:a=!1,...p},f)=>{const[y,C]=t.useState(r),[v,S]=t.useState(s),k=t.useRef(null);t.useEffect(()=>{const e=()=>{document.hidden&&C(!1)};return document.addEventListener("visibilitychange",e),()=>document.removeEventListener("visibilitychange",e)},[]);return e.jsxRuntimeExports.jsx(n.SelectControlled,{...p,ref:f,buttonOrLinkRef:k,open:y,optionSelected:v,onBlur:e=>{e.currentTarget.contains(e.relatedTarget)||(C(!1),l?.(!1)),a&&(C(!1),l?.(!1))},onButtonClick:()=>{i?.(!y),C(!y)},onClosePopover:()=>{C(!1),u?.(!1)},onFocus:()=>{a&&(C(!0),c?.(!0))},onKeyDown:e=>{o.ESCAPE.key.includes(e.key)&&y&&(k.current?.focus(),C(!1))},onOptionClick:e=>{S(e),d?.(e)}})});exports.Select=r,exports.SelectUnControlled=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/types/states/states.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:r,cssClasses:c,filename:a,focus:x,htmlFor:u,loader:l,state:m})=>{const p={"data-focus":x,"data-state":m};return t.jsxRuntimeExports.jsxs("label",{className:c?.containerboxcontainer,"data-focus":x,htmlFor:u,...n.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsxs("span",{children:[l,t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:c?.containerboxicon,customAttributes:p,...r[m]?.icon}),t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:c?.containerboxicon,customAttributes:p,...r[m]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:c?.containerboxtextscontainer,...n.pickCustomAttributes(p),children:[!!a&&[o.STATES.LOADING,o.STATES.SUCCESS,o.STATES.ERROR].includes(m)&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:c?.containerboxfilename},component:"span",customAttributes:p,children:a}),!!i.processTextProp(r[m]?.actionText).children&&t.jsxRuntimeExports.jsxs("span",{className:c?.actioniconandactiontextcontainer,...n.pickCustomAttributes(p),children:[t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:c?.actionicon,customAttributes:p,...r[m]?.actionIcon}),t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:c?.containerboxactiontext},component:"span",customAttributes:p,...i.processTextProp(r[m]?.actionText),children:i.processTextProp(r[m]?.actionText).children})]}),!!r[m]?.description&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:c?.containerboxdescription},component:"span",customAttributes:p,...i.processTextProp(r[m]?.description),children:i.processTextProp(r[m]?.description).children})]}),!!r[m]?.iconRight&&t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:c?.containerboxicon,customAttributes:p,...r[m]?.iconRight})})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/types/states/states.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:r,cssClasses:c,filename:a,focus:x,htmlFor:p,loader:u,state:l})=>{const m={"data-focus":x,"data-state":l};return t.jsxRuntimeExports.jsxs("label",{className:c?.containerboxcontainer,"data-focus":x,htmlFor:p,...n.pickCustomAttributes(m),children:[t.jsxRuntimeExports.jsxs("span",{children:[u,t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...i.processIconProp(r[l]?.icon)}),t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...i.processIconProp(r[l]?.icon)})]}),t.jsxRuntimeExports.jsxs("span",{className:c?.containerboxtextscontainer,...n.pickCustomAttributes(m),children:[!!a&&[o.STATES.LOADING,o.STATES.SUCCESS,o.STATES.ERROR].includes(l)&&t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxfilename},component:"span",customAttributes:m,children:a}),!!i.processTextProp(r[l]?.actionText).children&&t.jsxRuntimeExports.jsxs("span",{className:c?.actioniconandactiontextcontainer,...n.pickCustomAttributes(m),children:[t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.actionicon,customAttributes:m,...i.processIconProp(r[l]?.actionIcon)}),t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxactiontext},component:"span",customAttributes:m,...i.processTextProp(r[l]?.actionText),children:i.processTextProp(r[l]?.actionText).children})]}),!!r[l]?.description&&t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxdescription},component:"span",customAttributes:m,...i.processTextProp(r[l]?.description),children:i.processTextProp(r[l]?.description).children})]}),!!r[l]?.iconRight&&t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...i.processIconProp(r[l]?.iconRight)})})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,pressed:M,rightThumb:O,style:A,tooltip:C,tooltipAlign:E="top",value:T,...g})=>{const D=i.useMediaDevice(),S=a.pickCustomAttributes({...g,...d}),q=a.pickCustomAttributes(d);return s.isTooltipVisible(C,M,D)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":M,role:"presentation",style:A,...S,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:E,childrenAsButton:!1,closeIcon:C?.closeIcon?{"aria-label":C.closeIconAriaLabel,color:C.closeIconColor,icon:C.closeIcon}:void 0,content:{content:C?.content},title:{content:C?.title},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":M,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...q,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:O?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":T,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":O?"right":void 0,"data-pressed":M,role:"slider",style:A,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:I,...S,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.thumbicon,...m})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),t=require("../../tooltip/tooltipUnControlled.js"),i=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/hooks/useMediaDevice/useMediaDevice.js"),a=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("../utils/ui.utils.js");exports.SliderThumbStandAlone=({ariaDescribedBy:r,ariaLabel:l,ariaLabelBy:n,cssClasses:u,customAttributes:d,disabled:c,hover:b,icon:m,max:p,min:x,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,pressed:O,rightThumb:A,style:C,tooltip:E,tooltipAlign:T="top",value:g,...D})=>{const S=o.useMediaDevice(),q=a.pickCustomAttributes({...D,...d}),I=a.pickCustomAttributes(d);return s.isTooltipVisible(E,O,S)&&u?.tooltip?e.jsxRuntimeExports.jsx("div",{"data-disabled":c,"data-hover":b,"data-pressed":O,role:"presentation",style:C,...q,className:u?.thumb,children:e.jsxRuntimeExports.jsx(t.TooltipUnControlled,{additionalClasses:u?.tooltip,align:T,childrenAsButton:!1,content:{content:E?.content},tooltipAsModal:!1,children:e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":g,className:u.innerthumbtooltip,"data-disabled":c,"data-hover":b,"data-pressed":O,role:"slider",tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,...I,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:A?u?.rightthumbicon:u?.thumbicon,...m})})})}):e.jsxRuntimeExports.jsx("div",{"aria-describedby":r,"aria-disabled":c,"aria-label":l,"aria-labelledby":n,"aria-valuemax":p,"aria-valuemin":x,"aria-valuenow":g,className:u?.thumb,"data-disabled":c,"data-hover":b,"data-position":A?"right":void 0,"data-pressed":O,role:"slider",style:C,tabIndex:0,onBlur:j,onFocus:h,onKeyDown:v,onMouseOut:j,onMouseOver:y,onTouchStart:M,...q,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.thumbicon,...m})})};
@@ -1 +1 @@
1
- .kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__header-content{align-items:flex-start;display:flex}.kbt-tooltip__close-icon{align-self:flex-end;display:flex;justify-content:flex-end}.kbt-tooltip__paragraph,.kbt-tooltip__title{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
1
+ .kbt-tooltip{display:inline-block}.kbt-tooltip__trigger-wrapper{align-items:center;background:none;border:none;display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;padding:0}.kbt-tooltip__external-container{display:flex}.kbt-tooltip__paragraph{word-break:break-word}.kbt-tooltip__inner-content{overflow-y:auto}.kbt-tooltip__arrow{position:absolute}.kbt-tooltip__arrow--top{bottom:100%;left:50%;transform:translateX(-50%)}.kbt-tooltip__arrow--right{left:100%;top:50%;transform:translateY(-50%)}.kbt-tooltip__arrow--bottom{left:50%;top:100%;transform:translateX(-50%)}.kbt-tooltip__arrow--left{right:100%;top:50%;transform:translateY(-50%)}
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),c=require("../icon/iconHost.js"),p=require("../popover/popover.js"),d=require("./components/tooltipTrigger.js"),u=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:x,children:m,childrenAsButton:j=!0,closeIcon:b,content:v,contentHasScroll:g,contentRef:h,contentScrollArias:y,cssClasses:T,disabled:C,dragIcon:R,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:I,onTooltipFocus:f,onTooltipKeyDown:q,onTriggerClick:D,onTriggerKeyDown:w,onTriggerMouseDown:B,onTriggerMouseUp:P,popover:_,popoverOpen:O,title:M,tooltipAriaLabel:S,tooltipAsModal:$,tooltipRef:F,triggerAsButton:K,...H})=>{const U=H["data-testid"]||"tooltip",z=l.pickCustomAttributes(H),L=`tooltip-${t.useId().replace(/:/g,"")}`,G=`${L}-title`,J=`${L}-content`,Q=a.processTextProp(v),V=a.processTextProp(M),W="string"==typeof Q.children,{isDesktop:X,isMobile:Y,isTablet:Z}=i.useActiveBreakpoints(),ee=X||Z;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":U,children:e.jsxRuntimeExports.jsx(d.TooltipTrigger,{childrenAsButton:j,disabled:!0,children:m})});const te=u.getAriaDescriptorsBy({contentId:J,hasContent:!!v,hasTitle:!!V.children,titleId:G}),oe={"data-align":x||r.POSITIONS.TOP},se=l.pickCustomAttributes(oe),ie=e.jsxRuntimeExports.jsxs("div",{ref:F,"aria-label":ee?S:void 0,"aria-labelledby":ee?u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}):void 0,"aria-modal":!(!ee||!$)||void 0,className:n.classNames("kbt-tooltip__external-container",T?.tooltipexternalcontainer),"data-testid":`${U}-content`,id:L,role:ee?$?"dialog":"tooltip":void 0,...ee&&{onFocus:f,onKeyDown:q},...z,children:[e.jsxRuntimeExports.jsxs("div",{className:T?.tooltipinternalcontainer,children:[(Y||Z)&&!!R&&e.jsxRuntimeExports.jsx("div",{ref:E,className:T?.dragiconcontainer,"data-testid":`${U}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:T?.dragicon,...R})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(T?.title,T?.headercontainer),style:(re=!!V.children,ne=!!b?.icon,re&&ne?{justifyContent:"space-between"}:re?{justifyContent:"flex-end"}:ne?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIconProp(b).icon&&e.jsxRuntimeExports.jsx("div",{className:T?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(c.IconHost,{...a.processIconProp(b),className:T?.closebuttonicon,icon:a.processIconProp(b).icon,onClick:A})}),!!V.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:G,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.title},component:"h2",...V,children:V.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:h,"aria-label":g?y?.["aria-label"]:void 0,"aria-labelledby":g?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!v&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",T?.paragraphcontainer,{[`${T?.divider}`]:!!V.children}),id:J,children:W?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:T?.paragraph},...Q}):Q.children})})]}),e.jsxRuntimeExports.jsx("div",{...se,className:n.classNames("kbt-tooltip__arrow",T?.arrowsize,T?.tooltipalignstyles,T?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:T?.arrow})})]});var re,ne;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":U,children:[e.jsxRuntimeExports.jsx(d.TooltipTrigger,{ariaDescribedBy:$||!ee&&!O?void 0:te,childrenAsButton:j,triggerAsButton:K,onClick:D,onKeyDown:w,onMouseDown:B,onMouseUp:P,children:m}),ee?ie:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:T?.popover?{arrow:"",popover:T.popover.popover||""}:void 0,"aria-label":_?.["aria-label"]||S,"aria-labelledby":u.getAriaDescriptorsBy({hasTitle:!!V.children,titleId:G}),"aria-modal":$||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:O,preventCloseOnClickElements:[N?.current],role:$?"dialog":"tooltip",strategy:"absolute",onClose:I,..._,children:ie})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),o=require("../text/text.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),s=require("../../lib/types/positions/positions.js"),r=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),n=require("../popover/popover.js"),p=require("./components/tooltipTrigger.js"),c=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:d,children:u,childrenAsButton:x=!0,content:b,contentHasScroll:m,contentRef:j,contentScrollArias:v,cssClasses:g,disabled:h,labelRef:T,mediaDevice:A,onPopoverCloseInternally:k,onTooltipFocus:y,onTooltipKeyDown:C,onTriggerClick:R,onTriggerKeyDown:N,onTriggerMouseDown:E,onTriggerMouseUp:q,popover:D,popoverOpen:w,tooltipAriaLabel:f,tooltipAsModal:B,tooltipRef:_,triggerAsButton:I,...M})=>{const P=M["data-testid"]||"tooltip",S=l.pickCustomAttributes(M),O=`tooltip-${t.useId().replace(/:/g,"")}`,F=`${O}-content`,K=a.processTextProp(b),$="string"==typeof K.children,{isDesktop:U,isTablet:z}=i.useActiveBreakpoints(),H=U||z;if(h)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":P,children:e.jsxRuntimeExports.jsx(p.TooltipTrigger,{childrenAsButton:x,disabled:!0,children:u})});const L=c.getAriaDescriptorsBy({contentId:F,hasContent:!!b,hasTitle:!1,titleId:""}),G={"data-align":d||s.POSITIONS.TOP},J=l.pickCustomAttributes(G),Q=e.jsxRuntimeExports.jsxs("div",{ref:_,"aria-label":H?f:void 0,"aria-labelledby":void 0,"aria-modal":!(!H||!B)||void 0,className:r.classNames("kbt-tooltip__external-container",g?.tooltipexternalcontainer),"data-testid":`${P}-content`,id:O,role:H?B?"dialog":"tooltip":void 0,...H&&{onFocus:y,onKeyDown:C},...S,children:[e.jsxRuntimeExports.jsx("div",{className:g?.tooltipinternalcontainer,children:e.jsxRuntimeExports.jsx("div",{ref:j,"aria-label":m?v?.["aria-label"]:void 0,"aria-labelledby":m?v?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:m?"region":void 0,...m&&{tabIndex:0},children:!!b&&e.jsxRuntimeExports.jsx("div",{className:r.classNames("kbt-tooltip__paragraph",g?.paragraphcontainer),id:F,children:$?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:g?.paragraph},...K}):K.children})})}),e.jsxRuntimeExports.jsx("div",{...J,className:r.classNames("kbt-tooltip__arrow",g?.arrowsize,g?.tooltipalignstyles,g?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:g?.arrow})})]});return e.jsxRuntimeExports.jsxs("div",{ref:T,className:"kbt-tooltip","data-testid":P,children:[e.jsxRuntimeExports.jsx(p.TooltipTrigger,{ariaDescribedBy:B||!H&&!w?void 0:L,childrenAsButton:x,triggerAsButton:I,onClick:R,onKeyDown:N,onMouseDown:E,onMouseUp:q,children:u}),H?Q:e.jsxRuntimeExports.jsx(n.Popover,{additionalClasses:g?.popover?{arrow:"",popover:g.popover.popover||""}:void 0,"aria-label":D?.["aria-label"]||f,"aria-labelledby":void 0,"aria-modal":B||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:w,preventCloseOnClickElements:[T?.current],role:B?"dialog":"tooltip",strategy:"absolute",onClose:k,...D,children:Q})]})};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),l=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),a=require("../../lib/utils/keyboard/keyboard.js"),u=require("./hooks/useTooltip.js"),p=require("./hooks/useTooltipAsModal.js"),c=require("./tooltipStandAlone.js"),d=o.forwardRef(function({additionalClasses:d,align:T,closeIcon:v,onOpenClose:f,popover:g,tooltipAriaLabel:b,tooltipAsModal:k,variant:C,...j},D){const R=r.useClassName({additionalClassNames:d,component:"TOOLTIP",variant:C}),{device:y,isDesktop:M,isMobile:A,isTablet:S}=t.useActiveBreakpoints(),q=M||S,h=o.useRef(null),m=o.useRef(null),w=p.useTooltipAsModal({propTooltipAsModal:k,styleTooltipAsModal:k});o.useImperativeHandle(D,()=>h.current);const{allowFocusOpenTooltip:F,hideTooltip:x,open:I,placement:O,showTooltip:P}=u.useTooltip({additionalClasses:d,align:T||"top",labelRef:h,onOpenClose:f,tooltipAsModal:w,tooltipRef:m,variant:C}),{handleScrollDetection:N,hasScroll:E}=l.useScrollDetection({autoFocus:!0}),K=o.useRef(!1),{setDragIconRef:L,setPopoverRef:W}=i.useSwipeDown({onClose:x});return n.useTrapFocus({ref:m,trapFocus:I&&w}),e.jsxRuntimeExports.jsx(c.TooltipStandAlone,{...j,align:O,contentHasScroll:E,contentRef:N,cssClasses:R,dragIconRef:L,labelRef:h,mediaDevice:y,popover:{...g,popoverContainerRef:W},popoverOpen:I,tooltipAriaLabel:b,tooltipAsModal:w,tooltipRef:m,onCloseIconClick:e=>{v?.onClick?.(e),x()},onPopoverCloseInternally:()=>{g?.onClose?.(),x()},onTooltipFocus:e=>{w||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(q){if(!w)return;return I?void(m.current?.contains(e.target)||x()):void P()}I?m.current?.contains(e.target)||x():P()},onTriggerKeyDown:e=>{a.isKeyPressed(e.key,s.ENTER.key)&&!I&&(P(),e.preventDefault())},onTriggerMouseDown:()=>{K.current=!0},onTriggerMouseUp:()=>{K.current=!1},onWrapperBlur:e=>{w||e.currentTarget.contains(e.relatedTarget)||x()},onWrapperFocus:()=>{K.current||w||!F.current||A||P()},onWrapperMouseEnter:()=>{!w&&q&&P()},onWrapperMouseLeave:()=>{!w&&q&&x()}})});exports.Tooltip=d,exports.TooltipUnControlled=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),s=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),r=require("../../lib/hooks/useClassName/useClassName.js"),t=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),l=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),n=require("../../lib/hooks/useTrapFocus/useTrapFocus.js"),a=require("../../lib/utils/keyboard/keyboard.js"),u=require("./hooks/useTooltip.js"),p=require("./hooks/useTooltipAsModal.js"),c=require("./tooltipStandAlone.js"),d=o.forwardRef(function({additionalClasses:d,align:T,onOpenClose:v,popover:b,tooltipAriaLabel:f,tooltipAsModal:g,variant:k,...j},C){const y=r.useClassName({additionalClassNames:d,component:"TOOLTIP",variant:k}),{device:D,isDesktop:M,isMobile:A,isTablet:R}=t.useActiveBreakpoints(),S=M||R,q=o.useRef(null),h=o.useRef(null),m=p.useTooltipAsModal({propTooltipAsModal:g,styleTooltipAsModal:g});o.useImperativeHandle(C,()=>q.current);const{allowFocusOpenTooltip:w,hideTooltip:F,open:x,placement:O,showTooltip:P}=u.useTooltip({additionalClasses:d,align:T||"top",labelRef:q,onOpenClose:v,tooltipAsModal:m,tooltipRef:h,variant:k}),{handleScrollDetection:N,hasScroll:E}=i.useScrollDetection({autoFocus:!0}),K=o.useRef(!1),{setPopoverRef:L}=l.useSwipeDown({onClose:F});return n.useTrapFocus({ref:h,trapFocus:x&&m}),e.jsxRuntimeExports.jsx(c.TooltipStandAlone,{...j,align:O,contentHasScroll:E,contentRef:N,cssClasses:y,labelRef:q,mediaDevice:D,popover:{...b,popoverContainerRef:L},popoverOpen:x,tooltipAriaLabel:f,tooltipAsModal:m,tooltipRef:h,onPopoverCloseInternally:()=>{b?.onClose?.(),F()},onTooltipFocus:e=>{m||(e.preventDefault(),e.stopPropagation())},onTriggerClick:e=>{if(S){if(!m)return;return x?void(h.current?.contains(e.target)||F()):void P()}x?h.current?.contains(e.target)||F():P()},onTriggerKeyDown:e=>{a.isKeyPressed(e.key,s.ENTER.key)&&!x&&(P(),e.preventDefault())},onTriggerMouseDown:()=>{K.current=!0},onTriggerMouseUp:()=>{K.current=!1},onWrapperBlur:e=>{m||e.currentTarget.contains(e.relatedTarget)||F()},onWrapperFocus:()=>{K.current||m||!w.current||A||P()},onWrapperMouseEnter:()=>{!m&&S&&P()},onWrapperMouseLeave:()=>{!m&&S&&F()}})});exports.Tooltip=d,exports.TooltipUnControlled=d;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o&&r,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.getAriaDescriptorsBy=({contentId:t,hasContent:e,hasTitle:o,titleId:r})=>{const i=[o,e&&t].filter(Boolean);return i.length>0?i.join(" ").trim():void 0};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:n,digits:u,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:p,state:b,...x},j)=>{const A=`virtualkeyboard-${e.useId().replace(/:/g,"")}`,C=l??A,E={[i.STATES.ACTIVE]:b===i.STATES.ACTIVE,[i.STATES.INACTIVE]:b===i.STATES.INACTIVE},T=x["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:j,className:n?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:p,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:n?.digitwrapper,...r.pickCustomAttributes(E),children:u?.map((e,s)=>t.jsxRuntimeExports.jsx(o.DigitButton,{cssClasses:n,"data-testid":`${T}-digit-button-${s}`,digit:e,onClick:c},e))}),t.jsxRuntimeExports.jsx("button",{className:n?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processCommonProp.js"),n=require("./components/digitButton.js"),u=e.forwardRef(({cssClasses:u,digits:a,icon:c,id:l,onDigitButtonClick:d,onRemoveButtonClick:m,onVirtualKeyboardBlur:p,onVirtualKeyboardFocus:b,state:j,...x},C)=>{const A=`virtualkeyboard-${e.useId().replace(/:/g,"")}`,E=l??A,T={[i.STATES.ACTIVE]:j===i.STATES.ACTIVE,[i.STATES.INACTIVE]:j===i.STATES.INACTIVE},k=x["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:C,className:u?.virtual_keyboard,"data-testid":k,id:E,role:"presentation",onBlur:p,onFocus:b,...r.pickCustomAttributes(T),children:[t.jsxRuntimeExports.jsx("div",{className:u?.digitwrapper,...r.pickCustomAttributes(T),children:a?.map((e,s)=>t.jsxRuntimeExports.jsx(n.DigitButton,{cssClasses:u,"data-testid":`${k}-digit-button-${s}`,digit:e,onClick:d},e))}),t.jsxRuntimeExports.jsx("button",{className:u?.removebutton,type:"button",onClick:m,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:u?.iconcontainer,customAttributes:T,...o.processIconProp(c)})})]})});exports.VirtualKeyboardStandAlone=u;
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/alert/alertControlled.js"),t=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),p=require("./components/calendar/calendar.js"),i=require("./components/cardImage/cardImage.js"),a=require("./components/carousel/carousel.js"),c=require("./components/carousel/types/carousel.js"),d=require("./components/checkbox/checkboxControlled.js"),u=require("./components/checkbox/checkboxUnControlled.js"),x=require("./components/checkboxBase/checkboxBaseControlled.js"),b=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),C=require("./components/container/container.js"),j=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),q=require("./components/dropdownSelected/dropdownSelectedControlled.js"),S=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),B=require("./components/icon/icon.js"),v=require("./components/icon/iconHost.js"),T=require("./components/image/image.js"),P=require("./components/input/input.js"),A=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),E=require("./components/inputSignature/inputSignatureUncontrolled.js"),R=require("./components/label/labelStandAlone.js"),y=require("./components/link/link.js"),D=require("./components/link/linkAsButton/linkAsButton.js"),I=require("./components/listOptions/listOptions.js"),_=require("./components/modal/modalControlled.js"),h=require("./components/modal/modalUnControlled.js"),O=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),M=require("./components/popover/popover.js"),N=require("@floating-ui/dom"),G=require("./components/progressBar/progressBar.js"),K=require("./components/radioButton/radioButton.js"),F=require("./components/radioButton/radioButtonStandAlone.js"),H=require("./components/selectorBoxFile/selectorBoxFile.js"),W=require("./components/skeleton/skeleton.js"),V=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),J=require("./components/table/table.js"),Q=require("./components/tableBody/tableBody.js"),X=require("./components/tableCaption/tableCaption.js"),Z=require("./components/tableCell/tableCell.js"),$=require("./components/tableDivider/tableDivider.js"),ee=require("./components/tableFoot/tableFoot.js"),oe=require("./components/tableHead/tableHead.js"),re=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),ne=require("./components/tabs/tabsUnControlled.js"),se=require("./components/tag/tag.js"),le=require("./components/text/text.js"),pe=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),ae=require("./components/toggle/toggleStandAlone.js"),ce=require("./components/toggle/toggleUnControlled.js"),de=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),xe=require("./components/virtualKeyboard/virtualKeyboard.js"),be=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),me=require("./lib/provider/kubitProvider/kubitProvider.js"),Ce=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=r.Alert,exports.Avatar=t.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=p.Calendar,exports.CardImage=i.CardImage,exports.Carousel=a.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=c.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=c.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=d.CheckboxControlled,exports.Checkbox=u.CheckboxUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxBase=b.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=C.Container,exports.DataTable=j.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=q.DropdownSelectedControlled,exports.DropdownSelected=S.DropdownSelectedUnControlled,exports.IconBasic=B.IconBasic,exports.Icon=v.IconHost,exports.Image=T.Image,exports.Input=P.Input,exports.InputBase=A.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=E.InputSignatureUnControlled,exports.Label=R.LabelStandAlone,exports.Link=y.Link,exports.LinkAsButton=D.LinkAsButton,exports.ListOptions=I.ListOptions,exports.ModalControlled=_.ModalControlled,exports.Modal=h.ModalUnControlled,exports.NabVar=O.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=M.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>N.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>N.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>N.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>N.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>N.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>N.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>N.size}),exports.ProgressBar=G.ProgressBar,exports.RadioButton=K.RadioButton,exports.RadioButtonStandAlone=F.RadioButtonStandAlone,exports.SelectorBoxFile=H.SelectorBoxFile,exports.Skeleton=W.Skeleton,exports.Slider=V.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=J.Table,exports.TableBody=Q.TableBody,exports.TableCaption=X.TableCaption,exports.TableCell=Z.TableCell,exports.TableDivider=$.TableDivider,exports.TableFoot=ee.TableFoot,exports.TableHead=oe.TableHead,exports.TableRow=re.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=ne.TabsUnControlled,exports.Tag=se.Tag,exports.Text=le.Text,exports.TextArea=pe.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=ae.ToggleStandalone,exports.ToggleUncontrolled=ce.ToggleUncontrolled,exports.TooltipControlled=de.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=xe.VirtualKeyboard,exports.GenericComponentContext=be.GenericComponentContext,exports.GenericComponentsProvider=be.GenericComponentsProvider,exports.useGenericComponents=be.useGenericComponents,exports.KubitProvider=me.KubitProvider,exports.StylesContext=Ce.StylesContext,exports.StylesProvider=Ce.StylesProvider,exports.useStylesContext=Ce.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),t=require("./components/alert/alertControlled.js"),r=require("./components/avatar/avatar.js"),n=require("./components/badge/badge.js"),s=require("./components/breadcrumbs/breadcrumbs.js"),l=require("./components/button/button.js"),i=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),a=require("./components/carousel/carousel.js"),c=require("./components/carousel/types/carousel.js"),u=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),x=require("./components/checkboxBase/checkboxBaseControlled.js"),b=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),m=require("./components/chip/chip.js"),C=require("./components/container/container.js"),j=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),q=require("./components/icon/icon.js"),S=require("./components/icon/iconHost.js"),B=require("./components/image/image.js"),v=require("./components/input/input.js"),T=require("./components/inputBase/inputBase.js"),P=require("./components/inputDecoration/inputDecoration.js"),A=require("./components/inputSignature/inputSignatureControlled.js"),U=require("./components/inputSignature/inputSignatureUncontrolled.js"),k=require("./components/label/labelStandAlone.js"),E=require("./components/link/link.js"),R=require("./components/link/linkAsButton/linkAsButton.js"),y=require("./components/listOptions/listOptions.js"),I=require("./components/modal/modalControlled.js"),_=require("./components/modal/modalUnControlled.js"),h=require("./components/option/option.js"),D=require("./components/pageControl/pageControl.js"),O=require("./components/pagination/pagination.js"),f=require("./components/popover/popover.js"),L=require("@floating-ui/dom"),M=require("./components/progressBar/progressBar.js"),N=require("./components/radioButton/radioButton.js"),G=require("./components/radioButton/radioButtonStandAlone.js"),K=require("./components/select/selectControlled.js"),F=require("./components/select/selectUncontrolled.js"),H=require("./components/selectorBoxFile/selectorBoxFile.js"),W=require("./components/skeleton/skeleton.js"),w=require("./components/slider/slider.js"),Y=require("./components/snackbar/snackbar.js"),z=require("./components/stepperNumber/stepperNumber.js"),V=require("./components/table/table.js"),J=require("./components/tableBody/tableBody.js"),Q=require("./components/tableCaption/tableCaption.js"),X=require("./components/tableCell/tableCell.js"),Z=require("./components/tableDivider/tableDivider.js"),$=require("./components/tableFoot/tableFoot.js"),ee=require("./components/tableHead/tableHead.js"),oe=require("./components/tableRow/tableRow.js"),te=require("./components/tabs/tabsControlled.js"),re=require("./components/tabs/tabsUnControlled.js"),ne=require("./components/tag/tag.js"),se=require("./components/text/text.js"),le=require("./components/textArea/textArea.js"),ie=require("./components/toggle/toggleControlled.js"),pe=require("./components/toggle/toggleStandAlone.js"),ae=require("./components/toggle/toggleUnControlled.js"),ce=require("./components/tooltip/tooltipControlled.js"),ue=require("./components/tooltip/tooltipUnControlled.js"),de=require("./components/virtualKeyboard/virtualKeyboard.js"),xe=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),be=require("./lib/provider/kubitProvider/kubitProvider.js"),me=require("./lib/provider/stylesProvider/stylesProvider.js"),Ce=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Alert=t.Alert,exports.Avatar=r.Avatar,exports.Badge=n.Badge,exports.BreadCrumbs=s.BreadCrumbs,exports.Button=l.Button,exports.Calendar=i.Calendar,exports.CardImage=p.CardImage,exports.Carousel=a.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=c.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=c.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=u.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=x.CheckboxBaseControlled,exports.CheckboxBase=b.CheckboxBaseUnControlled,exports.Chip=m.Chip,exports.Container=C.Container,exports.DataTable=j.DataTable,exports.Dot=g.Dot,exports.IconBasic=q.IconBasic,exports.Icon=S.IconHost,exports.Image=B.Image,exports.Input=v.Input,exports.InputBase=T.InputBase,exports.InputDecoration=P.InputDecoration,exports.InputSignatureControlled=A.InputSignatureControlled,exports.InputSignature=U.InputSignatureUnControlled,exports.Label=k.LabelStandAlone,exports.Link=E.Link,exports.LinkAsButton=R.LinkAsButton,exports.ListOptions=y.ListOptions,exports.ModalControlled=I.ModalControlled,exports.Modal=_.ModalUnControlled,exports.Option=h.Option,exports.PageControl=D.PageControl,exports.Pagination=O.Pagination,exports.Popover=f.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>L.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>L.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>L.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>L.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>L.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>L.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>L.size}),exports.ProgressBar=M.ProgressBar,exports.RadioButton=N.RadioButton,exports.RadioButtonStandAlone=G.RadioButtonStandAlone,exports.SelectControlled=K.SelectControlled,exports.Select=F.SelectUnControlled,exports.SelectorBoxFile=H.SelectorBoxFile,exports.Skeleton=W.Skeleton,exports.Slider=w.Slider,exports.Snackbar=Y.Snackbar,exports.StepperNumber=z.StepperNumber,exports.Table=V.Table,exports.TableBody=J.TableBody,exports.TableCaption=Q.TableCaption,exports.TableCell=X.TableCell,exports.TableDivider=Z.TableDivider,exports.TableFoot=$.TableFoot,exports.TableHead=ee.TableHead,exports.TableRow=oe.TableRow,exports.TabsControlled=te.TabsControlled,exports.Tabs=re.TabsUnControlled,exports.Tag=ne.Tag,exports.Text=se.Text,exports.TextArea=le.TextArea,exports.ToggleControlled=ie.ToggleControlled,exports.ToggleStandalone=pe.ToggleStandalone,exports.ToggleUncontrolled=ae.ToggleUncontrolled,exports.TooltipControlled=ce.TooltipControlled,exports.Tooltip=ue.TooltipUnControlled,exports.VirtualKeyboard=de.VirtualKeyboard,exports.GenericComponentContext=xe.GenericComponentContext,exports.GenericComponentsProvider=xe.GenericComponentsProvider,exports.useGenericComponents=xe.useGenericComponents,exports.KubitProvider=be.KubitProvider,exports.StylesContext=me.StylesContext,exports.StylesProvider=me.StylesProvider,exports.useStylesContext=me.useStylesContext,exports.UtilsContext=Ce.UtilsContext,exports.UtilsProvider=Ce.UtilsProvider,exports.useUtilsProvider=Ce.useUtilsProvider;