@kubit-ui-web/react-components 2.0.0-beta.4 → 2.0.0-beta.6

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 (83) hide show
  1. package/dist/cjs/components/accordion/accordionStandAlone.js +1 -1
  2. package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
  3. package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
  4. package/dist/cjs/components/calendar/selector/selector.js +1 -1
  5. package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
  6. package/dist/cjs/components/chip/chipStandAlone.js +1 -1
  7. package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
  8. package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
  9. package/dist/cjs/components/input/input.js +1 -1
  10. package/dist/cjs/components/input/inputStandAlone.js +1 -1
  11. package/dist/cjs/components/inputBase/inputBase.js +1 -1
  12. package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
  13. package/dist/cjs/components/label/labelStandAlone.js +1 -1
  14. package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
  15. package/dist/cjs/components/message/messageStandAlone.js +1 -1
  16. package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
  17. package/dist/cjs/components/modal/modalStandAlone.js +1 -1
  18. package/dist/cjs/components/option/optionStandAlone.js +1 -1
  19. package/dist/cjs/components/pageControl/components/controls.js +1 -1
  20. package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
  21. package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
  22. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
  23. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
  24. package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
  25. package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
  26. package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
  27. package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
  28. package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
  29. package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
  30. package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
  31. package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
  32. package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
  33. package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
  34. package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  35. package/dist/cjs/lib/utils/process/processIcon/processIcon.js +1 -1
  36. package/dist/cjs/lib/utils/process/processText/processText.js +1 -1
  37. package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
  38. package/dist/esm/components/avatar/fragments/drawContent.js +1 -4
  39. package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
  40. package/dist/esm/components/calendar/selector/selector.js +7 -9
  41. package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
  42. package/dist/esm/components/chip/chipStandAlone.js +8 -9
  43. package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
  44. package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
  45. package/dist/esm/components/input/input.js +2 -2
  46. package/dist/esm/components/input/inputStandAlone.js +3 -5
  47. package/dist/esm/components/inputBase/inputBase.js +2 -2
  48. package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
  49. package/dist/esm/components/label/labelStandAlone.js +2 -3
  50. package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
  51. package/dist/esm/components/message/messageStandAlone.js +5 -10
  52. package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
  53. package/dist/esm/components/modal/modalStandAlone.js +4 -5
  54. package/dist/esm/components/option/optionStandAlone.js +9 -12
  55. package/dist/esm/components/pageControl/components/controls.js +2 -4
  56. package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
  57. package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
  58. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
  59. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -13
  60. package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +5 -9
  61. package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -8
  62. package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
  63. package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
  64. package/dist/esm/components/slider/sliderStandAlone.js +17 -19
  65. package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
  66. package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
  67. package/dist/esm/components/textArea/textAreaStandAlone.js +11 -12
  68. package/dist/esm/components/tooltip/tooltipStandAlone.js +8 -10
  69. package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
  70. package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
  71. package/dist/esm/lib/utils/process/processIcon/processIcon.js +1 -1
  72. package/dist/esm/lib/utils/process/processText/processText.js +1 -1
  73. package/package.json +1 -1
  74. package/dist/cjs/lib/components/renderIf/renderIf.js +0 -1
  75. package/dist/cjs/lib/hooks/useId/useId.js +0 -1
  76. package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  77. package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
  78. package/dist/cjs/lib/utils/is/isString.js +0 -1
  79. package/dist/esm/lib/components/renderIf/renderIf.js +0 -1
  80. package/dist/esm/lib/hooks/useId/useId.js +0 -1
  81. package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
  82. package/dist/esm/lib/utils/is/isReactNode.js +0 -1
  83. package/dist/esm/lib/utils/is/isString.js +0 -1
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/renderIf/renderIf.js"),o=require("../../lib/hooks/useId/useId.js"),r=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),n=require("../../lib/types/positions/positions.js"),l=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/is/isString.js"),c=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),d=require("../../lib/utils/process/processIcon/processIcon.js"),p=require("../../lib/utils/process/processText/processText.js"),u=require("../icon/iconHost.js"),x=require("../popover/popover.js"),j=require("./components/tooltipTrigger.js"),m=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:b,children:h,childrenAsButton:v=!0,closeIcon:g,content:I,contentHasScroll:R,contentRef:T,contentScrollArias:E,cssClasses:y,disabled:C,dragIcon:f,dragIconRef:k,labelRef:N,mediaDevice:A,onCloseIconClick:q,onPopoverCloseInternally:D,onTooltipFocus:w,onTooltipKeyDown:B,onTriggerClick:_,onTriggerKeyDown:O,onTriggerMouseDown:S,onTriggerMouseUp:M,popover:F,popoverOpen:P,title:$,tooltipAriaLabel:K,tooltipAsModal:H,tooltipRef:U,triggerAsButton:z,...L})=>{const G=L["data-testid"]||"tooltip",J=c.pickCustomAttributes(L),Q=o.useId("tooltip"),V=`${Q}Title`,W=`${Q}Content`,X=p.processText(I),Y=p.processText($),Z=a.isString(X.children),{isDesktop:ee,isMobile:te,isTablet:se}=r.useActiveBreakpoints(),ie=ee||se;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":G,children:e.jsxRuntimeExports.jsx(j.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:h})});const oe=m.getAriaDescriptorsBy({contentId:W,hasContent:!!I,hasTitle:!!Y.children,titleId:V}),re={"data-align":b||n.POSITIONS.TOP},ne=c.pickCustomAttributes(re),le=e.jsxRuntimeExports.jsxs("div",{ref:U,"aria-label":ie?K:void 0,"aria-labelledby":ie?m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}):void 0,"aria-modal":!(!ie||!H)||void 0,className:l.classNames("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${G}-content`,id:Q,role:ie?H?"dialog":"tooltip":void 0,...ie&&{onFocus:w,onKeyDown:B},...J,children:[e.jsxRuntimeExports.jsxs("div",{className:y?.tooltipinternalcontainer,children:[e.jsxRuntimeExports.jsx(i.RenderIf,{condition:(te||se)&&!!f,children:e.jsxRuntimeExports.jsx("div",{ref:k,className:y?.dragiconcontainer,"data-testid":`${G}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:y?.dragicon,...f})})}),e.jsxRuntimeExports.jsxs("div",{className:l.classNames(y?.title,y?.headercontainer),style:(ae=!!Y.children,ce=!!g?.icon,ae&&ce?{justifyContent:"space-between"}:ae?{justifyContent:"flex-end"}:ce?{justifyContent:"flex-start"}:{display:"none"}),children:[d.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:y?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(u.IconHost,{...d.processIcon(g),className:y?.closebuttonicon,icon:d.processIcon(g).icon,onClick:q})}),e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!Y.children,children:e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:V,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:y?.title},component:"h2",...Y,children:Y.children})})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":R?E?.["aria-label"]:void 0,"aria-labelledby":R?E?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:R?"region":void 0,...R&&{tabIndex:0},children:e.jsxRuntimeExports.jsx(i.RenderIf,{condition:!!I,children:e.jsxRuntimeExports.jsx("div",{className:l.classNames("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!Y.children}),id:W,children:Z?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:y?.paragraph},...X}):X.children})})})]}),e.jsxRuntimeExports.jsx("div",{...ne,className:l.classNames("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:y?.arrow})})]});var ae,ce;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":G,children:[e.jsxRuntimeExports.jsx(j.TooltipTrigger,{ariaDescribedBy:H||!ie&&!P?void 0:oe,childrenAsButton:v,triggerAsButton:z,onClick:_,onKeyDown:O,onMouseDown:S,onMouseUp:M,children:h}),ie?le:e.jsxRuntimeExports.jsx(x.Popover,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":F?.["aria-label"]||K,"aria-labelledby":m.getAriaDescriptorsBy({hasTitle:!!Y.children,titleId:V}),"aria-modal":H||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:P,preventCloseOnClickElements:[N?.current],role:H?"dialog":"tooltip",strategy:"absolute",onClose:D,...F,children:le})]})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("react"),s=require("../text/text.js"),o=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/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),d=require("../icon/iconHost.js"),p=require("../popover/popover.js"),u=require("./components/tooltipTrigger.js"),x=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:j,children:m,childrenAsButton:b=!0,closeIcon:v,content:g,contentHasScroll:h,contentRef:T,contentScrollArias:y,cssClasses:R,disabled:C,dragIcon:I,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:f,onTooltipFocus:q,onTooltipKeyDown:D,onTriggerClick:w,onTriggerKeyDown:B,onTriggerMouseDown:_,onTriggerMouseUp:O,popover:M,popoverOpen:S,title:$,tooltipAriaLabel:F,tooltipAsModal:P,tooltipRef:K,triggerAsButton:H,...U})=>{const z=U["data-testid"]||"tooltip",L=l.pickCustomAttributes(U),G=`tooltip-${t.useId().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c.processText(g),W=c.processText($),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:ee}=i.useActiveBreakpoints(),te=Y||ee;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":z,children:e.jsxRuntimeExports.jsx(u.TooltipTrigger,{childrenAsButton:b,disabled:!0,children:m})});const se=x.getAriaDescriptorsBy({contentId:Q,hasContent:!!g,hasTitle:!!W.children,titleId:J}),oe={"data-align":j||r.POSITIONS.TOP},ie=l.pickCustomAttributes(oe),re=e.jsxRuntimeExports.jsxs("div",{ref:K,"aria-label":te?F:void 0,"aria-labelledby":te?x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!te||!P)||void 0,className:n.classNames("kbt-tooltip__external-container",R?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:G,role:te?P?"dialog":"tooltip":void 0,...te&&{onFocus:q,onKeyDown:D},...L,children:[e.jsxRuntimeExports.jsxs("div",{className:R?.tooltipinternalcontainer,children:[(Z||ee)&&!!I&&e.jsxRuntimeExports.jsx("div",{ref:E,className:R?.dragiconcontainer,"data-testid":`${z}-drag`,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:R?.dragicon,...I})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(R?.title,R?.headercontainer),style:(ne=!!W.children,le=!!v?.icon,ne&&le?{justifyContent:"space-between"}:ne?{justifyContent:"flex-end"}:le?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIcon(v).icon&&e.jsxRuntimeExports.jsx("div",{className:R?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(d.IconHost,{...a.processIcon(v),className:R?.closebuttonicon,icon:a.processIcon(v).icon,onClick:A})}),!!W.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:J,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.title},component:"h2",...W,children:W.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":h?y?.["aria-label"]:void 0,"aria-labelledby":h?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!g&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",R?.paragraphcontainer,{[`${R?.divider}`]:!!W.children}),id:Q,children:X?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.paragraph},...V}):V.children})})]}),e.jsxRuntimeExports.jsx("div",{...ie,className:n.classNames("kbt-tooltip__arrow",R?.arrowsize,R?.tooltipalignstyles,R?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:R?.arrow})})]});var ne,le;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":z,children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{ariaDescribedBy:P||!te&&!S?void 0:se,childrenAsButton:b,triggerAsButton:H,onClick:w,onKeyDown:B,onMouseDown:_,onMouseUp:O,children:m}),te?re:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:R?.popover?{arrow:"",popover:R.popover.popover||""}:void 0,"aria-label":M?.["aria-label"]||F,"aria-labelledby":x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}),"aria-modal":P||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:S,preventCloseOnClickElements:[N?.current],role:P?"dialog":"tooltip",strategy:"absolute",onClose:f,...M,children:re})]})};
@@ -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/hooks/useId/useId.js"),r=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),u=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:e,digits:n,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:b,state:p,...j},x)=>{const A=i.useId("virtualKeyboard"),C=l??A,E={[r.STATES.ACTIVE]:p===r.STATES.ACTIVE,[r.STATES.INACTIVE]:p===r.STATES.INACTIVE},T=j["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:x,className:e?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:b,...o.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:e?.digitwrapper,...o.pickCustomAttributes(E),children:n?.map((s,i)=>t.jsxRuntimeExports.jsx(u.DigitButton,{cssClasses:e,"data-testid":`${T}-digit-button-${i}`,digit:s,onClick:c},s))}),t.jsxRuntimeExports.jsx("button",{className:e?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:e?.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("./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 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../utils/changeCssProperty/changeCssProperty.js"),t=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:c=!0,scrollCallback:s,shadowStyles:l,shadowVisible:n=1})=>{const u=e.useRef(null),a=e.useRef(null),o=e.useRef(null),i=e.useRef(0),p=e.useRef(0),d=e.useCallback(()=>{if(!u.current)return;const e=t.scrollPercentage(u.current,1.25);if(a.current){const t=e*i.current/100,c=e*p.current/100,s=[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${c}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${c}px)`}];r.changeCssProperty(a.current,s)}o.current&&(e>n?o.current.classList.add(...l.split(" ")):o.current.classList.remove(...l.split(" ")))},[c,l,n]),h=e.useCallback(e=>{e?(u.current=e,d(),u.current?.addEventListener("scroll",e=>{d(),s?.(e)})):(u.current?.removeEventListener("scroll",e=>{d(),s?.(e)}),u.current=null)},[d,s]);return{resizeRef:e.useCallback(e=>{const r=()=>{a.current&&(i.current=a.current.clientHeight,p.current=a.current.clientWidth)};e?(a.current=e,a.current?.addEventListener("load",r)):(a.current?.removeEventListener("load",r),a.current=null)},[]),scrollableRef:h,shadowRef:e.useCallback(e=>{o.current=e||null},[])}};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:s,shadowVisible:l=1})=>{const n=e.useRef(null),u=e.useRef(null),a=e.useRef(null),o=e.useRef(0),i=e.useRef(0),p=e.useCallback(()=>{if(!n.current)return;const e=r.scrollPercentage(n.current,1.25);if(u.current){const r=e*o.current/100,t=e*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{u.current?.style.setProperty(e,r)})}a.current&&(e>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[t,s,l]),d=e.useCallback(e=>{e?(n.current=e,p(),n.current?.addEventListener("scroll",e=>{p(),c?.(e)})):(n.current?.removeEventListener("scroll",e=>{p(),c?.(e)}),n.current=null)},[p,c]);return{resizeRef:e.useCallback(e=>{const r=()=>{u.current&&(o.current=u.current.clientHeight,i.current=u.current.clientWidth)};e?(u.current=e,u.current?.addEventListener("load",r)):(u.current?.removeEventListener("load",r),u.current=null)},[]),scrollableRef:d,shadowRef:e.useCallback(e=>{a.current=e||null},[])}};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isString.js");exports.processIcon=r=>r?e.isString(r)?{icon:r}:r:{};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.processIcon=e=>e?"string"==typeof e?{icon:e}:e:{};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../is/isReactNode.js"),t=require("../../is/isString.js");exports.processText=(i,r)=>{if(!i)return{children:null};let n;return t.isString(i)||e.isReactNode(i)?n=t.isString(i)?i:void 0:"object"==typeof i&&"content"in i&&(n=i.content),r&&n&&(n=n.substring(0,r)),e.isReactNode(i)?{children:i}:"object"==typeof i?{children:n,...i}:{children:n}};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.processText=(t,r)=>{if(!t)return{children:null};let n;return"string"==typeof t||e.isValidElement(t)?n="string"==typeof t?t:void 0:"object"==typeof t&&"content"in t&&(n=t.content),r&&n&&(n=n.substring(0,r)),e.isValidElement(t)?{children:t}:"object"==typeof t?{children:n,...t}:{children:n}};
@@ -1,4 +1,4 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{useId as n}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as a}from"./types/state.js";const r=e(({children:e,component:r="div",cssClasses:c,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},u)=>{const h=`${n("accordion")}-content`,j={"data-state":d?a.EXPANDED:a.COLLAPSED},b=s(j);/* @__PURE__ */
2
- return t.jsx(o,{ref:u,className:c?.accordion,component:r,"data-testid":i,...b,children:/* @__PURE__ */t.jsxs("div",{children:[
3
- /* @__PURE__ */t.jsx(o,{className:c?.header,component:l,...b,children:/* @__PURE__ */t.jsx("button",{"aria-controls":h,"aria-expanded":d,className:c?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...b,children:m})}),
4
- /* @__PURE__ */t.jsx("div",{className:c?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:h,...b,children:/* @__PURE__ */t.jsx("div",{className:c?.innercontent,"data-kbt-accordion-content-inner":!0,...b,children:e})})]})})});export{r as AccordionStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as n}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as s}from"./types/state.js";const c=e(({children:e,component:c="div",cssClasses:r,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},h)=>{const u=`${`accordion-${n().replace(/:/g,"")}`}-content`,j={"data-state":d?s.EXPANDED:s.COLLAPSED},x=a(j);/* @__PURE__ */
2
+ return t.jsx(o,{ref:h,className:r?.accordion,component:c,"data-testid":i,...x,children:/* @__PURE__ */t.jsxs("div",{children:[
3
+ /* @__PURE__ */t.jsx(o,{className:r?.header,component:l,...x,children:/* @__PURE__ */t.jsx("button",{"aria-controls":u,"aria-expanded":d,className:r?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...x,children:m})}),
4
+ /* @__PURE__ */t.jsx("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:u,...x,children:/* @__PURE__ */t.jsx("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...x,children:e})})]})})});export{c as AccordionStandAlone};
@@ -1,4 +1 @@
1
- import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as i}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as e}from"../../../lib/components/renderIf/renderIf.js";import{processIcon as n}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const c=({contentType:c,cssClasses:m,customAttributes:l,dot:p,icon:a,initials:d,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[
2
- /* @__PURE__ */s.jsx(e,{condition:!!p?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...p})})}),
3
- /* @__PURE__ */s.jsx(e,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(i,{className:m?.icon,customAttributes:l,...n(a)})}),
4
- /* @__PURE__ */s.jsx(e,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...r(d,j)})})]});export{c as DrawContent};
1
+ import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as e}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as i}from"../../../lib/utils/process/processIcon/processIcon.js";import{processText as r}from"../../../lib/utils/process/processText/processText.js";const n=({contentType:n,cssClasses:c,customAttributes:m,dot:a,icon:l,initials:p,maxLengthInitials:j})=>/* @__PURE__ */s.jsxs(s.Fragment,{children:[!!a?.number&&/* @__PURE__ */s.jsx("span",{className:c?.dot,children:/* @__PURE__ */s.jsx(t,{...a})}),"with-icon"===n&&/* @__PURE__ */s.jsx(e,{className:c?.icon,customAttributes:m,...i(l)}),"with-initials"===n&&/* @__PURE__ */s.jsx(o,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:m,...r(p,j)})]});export{n as DrawContent};
@@ -1,6 +1,3 @@
1
- import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as i}from"../../../text/text.js";import{ElementOrIcon as s}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../../lib/components/renderIf/renderIf.js";import{useManageState as r}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as a}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:d,dividerIcon:c,lastCrumb:m,lastOneCrumbComponent:u="span",link:j,...b})=>{const{setRef:p}=r({active:m,states:Object.values(a)}),x=o(b);/* @__PURE__ */
2
- return t.jsxs("li",{ref:p,"aria-current":m?"page":void 0,className:d?.crumb,"data-testid":b["data-testid"],children:[
3
- /* @__PURE__ */t.jsx(n,{condition:!!m,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:d?.lastonecrumb},component:u,"data-testid":"last-breadcrumb",id:l.id,children:l.name})}),
4
- /* @__PURE__ */t.jsx(n,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
5
- /* @__PURE__ */t.jsx(n,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...x,action:"navigation",additionalTextClasses:{text:d?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:m,id:l.id,url:l.url,...j,onClick:t=>l.onClick?.(l.url,t),children:l.name})})}),
6
- /* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(s,{className:d?.icondivider,...c})})]})})]})};export{l as CrumbStandAlone};
1
+ import{j as t}from"../../../../_virtual/jsx-runtime.js";import{Link as e}from"../../../link/link.js";import{Text as s}from"../../../text/text.js";import{ElementOrIcon as i}from"../../../../lib/components/elementOrIcon/elementOrIcon.js";import{useManageState as a}from"../../../../lib/hooks/useManageState/useManageState.js";import{STATES as r}from"../../../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({crumb:l,cssClasses:o,dividerIcon:m,lastCrumb:c,lastOneCrumbComponent:d="span",link:u,...b})=>{const{setRef:j}=a({active:c,states:Object.values(r)}),p=n(b);/* @__PURE__ */
2
+ return t.jsxs("li",{ref:j,"aria-current":c?"page":void 0,className:o?.crumb,"data-testid":b["data-testid"],children:[!!c&&/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o?.lastonecrumb},component:d,"data-testid":"last-breadcrumb",id:l.id,children:l.name}),!c&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[!!u&&/* @__PURE__ */t.jsx("div",{className:o?.linkcontainer,children:/* @__PURE__ */t.jsx(e,{...p,action:"navigation",additionalTextClasses:{text:o?.link},"aria-label":l.ariaLabel,"data-testid":"breadcrumb-link",disabled:c,id:l.id,url:l.url,...u,onClick:t=>l.onClick?.(l.url,t),children:l.name})}),
3
+ /* @__PURE__ */t.jsx("div",{className:o?.icondividercontainer,children:/* @__PURE__ */t.jsx(i,{className:o?.icondivider,...m})})]})]})};export{l as CrumbStandAlone};
@@ -1,9 +1,7 @@
1
- import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as n}from"../../../lib/components/renderIf/renderIf.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const s=({configAccesibility:s,configCalendar:i,cssClasses:l,currentDate:c,customBackText:d,maxDate:m,minDate:u,onDaySelectorClick:h,onLeftIconClick:b,onMonthSelectorClick:S,onRightIconClick:p,onYearSelectorClick:x,setCurrentDate:y,setShowDaySelector:j,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:f,showMonthSelector:v,showYearSelector:w,useDaySelector:k=!1})=>{const{dateHelpers:D,formatDate:A}=a(),{leftArrowIcon:I,rightArrowIcon:M,sizeSelectorButton:Y,variantSelectorButton:N}=i,z=e=>{y(e)},L=k,R=(v||w)&&!L,B=e=>!R&&e.getMonth()===c.getMonth()&&e.getFullYear()===c.getFullYear(),F=(r,n,a,s)=>{const i=()=>{switch(r){case"day":return c.getDate();case"month":return(e=A(c,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return c.getFullYear();default:return null}var e};/* @__PURE__ */
2
- return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":a,disabled:n,role:s,size:Y,variant:N,onClick:e=>{j("day"===r),C("month"===r),g("year"===r),"day"===r?h?.(i()?.toString(),e):"month"===r?S?.(i()?.toString(),e):x?.(i()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:i()})})},_={"data-state":B(u)};/* @__PURE__ */
3
- return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:L?"center":"space-between"},children:[
4
- /* @__PURE__ */e.jsxs("button",{"aria-label":R?"":I["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(c);R?g(!1):z(D.getSubMonths(e,1)),C(!1),j(!0)})(),I.onClick?.(e),b?.(e)},children:[
5
- /* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:_,disabled:B(u),...I,"aria-label":void 0}),
6
- /* @__PURE__ */e.jsx(n,{condition:R,children:/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:d})})]}),
7
- /* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
8
- /* @__PURE__ */e.jsx(n,{condition:L,children:F("day",f,s?.daySelectorAriaLabel,s?.daySelectorRole)}),F("month",v,s?.monthSelectorAriaLabel,s?.monthSelectorRole),F("year",w,s?.yearSelectorAriaLabel,s?.yearSelectorRole)]}),
9
- /* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(m),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),p?.(e)},...M})})]})};export{s as Selector};
1
+ import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{Text as o}from"../../text/text.js";import{ElementOrIcon as r}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useUtilsProvider as a}from"../../../lib/provider/utilsProvider/utilsProvider.js";const n=({configAccesibility:n,configCalendar:s,cssClasses:l,currentDate:i,customBackText:c,maxDate:d,minDate:u,onDaySelectorClick:m,onLeftIconClick:h,onMonthSelectorClick:b,onRightIconClick:S,onYearSelectorClick:y,setCurrentDate:p,setShowDaySelector:x,setShowMonthSelector:C,setShowYearSelector:g,showDaySelector:j,showMonthSelector:v,showYearSelector:w,useDaySelector:f=!1})=>{const{dateHelpers:k,formatDate:D}=a(),{leftArrowIcon:A,rightArrowIcon:M,sizeSelectorButton:I,variantSelectorButton:Y}=s,N=e=>{p(e)},z=f,L=(v||w)&&!z,R=e=>!L&&e.getMonth()===i.getMonth()&&e.getFullYear()===i.getFullYear(),B=(r,a,n,s)=>{const c=()=>{switch(r){case"day":return i.getDate();case"month":return(e=D(i,{month:"long"})).charAt(0).toUpperCase()+e.slice(1);case"year":return i.getFullYear();default:return null}var e};/* @__PURE__ */
2
+ return e.jsx(t,{additionalSizeClasses:I?void 0:l?.button_size,additionalVariantClasses:Y?void 0:l?.button_variant,"aria-label":n,disabled:a,role:s,size:I,variant:Y,onClick:e=>{x("day"===r),C("month"===r),g("year"===r),"day"===r?m?.(c()?.toString(),e):"month"===r?b?.(c()?.toString(),e):y?.(c()?.toString(),e)},children:/* @__PURE__ */e.jsx(o,{component:"span",children:c()})})},F={"data-state":R(u)};/* @__PURE__ */
3
+ return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:z?"center":"space-between"},children:[
4
+ /* @__PURE__ */e.jsxs("button",{"aria-label":L?"":A["aria-label"],className:l?.selectoriconandbacktextcontainer,"data-testid":"previous-button",type:"button",onClick:e=>{(()=>{const e=new Date(i);L?g(!1):N(k.getSubMonths(e,1)),C(!1),x(!0)})(),A.onClick?.(e),h?.(e)},children:[
5
+ /* @__PURE__ */e.jsx(r,{className:l?.leftarrow,customAttributes:F,disabled:R(u),...A,"aria-label":void 0}),L&&/* @__PURE__ */e.jsx(o,{additionalClasses:{text:l?.backtext},component:"span",children:c})]}),
6
+ /* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[z&&B("day",j,n?.daySelectorAriaLabel,n?.daySelectorRole),B("month",v,n?.monthSelectorAriaLabel,n?.monthSelectorRole),B("year",w,n?.yearSelectorAriaLabel,n?.yearSelectorRole)]}),
7
+ /* @__PURE__ */e.jsx("span",{style:{visibility:L?"hidden":"visible"},children:/* @__PURE__ */e.jsx(r,{className:l?.rightarrow,customAttributes:F,"data-testid":"next-button",disabled:R(d),onClick:e=>{(()=>{const e=new Date(i);N(k.getAddMonths(e,1))})(),M.onClick?.(e),S?.(e)},...M})})]})};export{n as Selector};
@@ -1,7 +1,5 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"../../lib/components/renderIf/renderIf.js";import{useId as a}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as o}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as d}from"./components/errorMessage.js";import{Label as t}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const c=r(({checkboxBase:r,cssClasses:c,errorMessage:n,id:b,label:m,screenReaderText:j,...h},p)=>{const x=i(h),{"aria-describedby":u,"aria-hidden":f,"aria-label":k,"aria-labelledby":y,...I}=x,v=a("checkbox"),C=b??v,g=`${C}-label`,B=`${C}-error`,$=`${C}-screen-reader`,M=r?.variant,R=l({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!n?.message,errorMessageId:B,screenReader:!!j,screenReaderId:$});/* @__PURE__ */
2
- return e.jsxs("div",{ref:p,...I,className:c?.checkbox,children:[
3
- /* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
4
- /* @__PURE__ */e.jsx(s,{condition:!!M,children:/* @__PURE__ */e.jsx(o,{...h,"aria-describedby":R,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:M})}),
5
- /* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
6
- /* @__PURE__ */e.jsx(t,{...m,cssClasses:c,id:g,inputId:C})]}),
7
- /* @__PURE__ */e.jsx(s,{condition:!!h.error,children:/* @__PURE__ */e.jsx(d,{"aria-live":"assertive",cssClasses:c,"data-testid":`${h["data-testid"]}-error-message`,...n,id:B,inputId:C,show:h.error&&!h.disabled})})]})});export{c as CheckboxStandAlone};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useId as a}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const t=r(({checkboxBase:r,cssClasses:t,errorMessage:c,id:b,label:n,screenReaderText:m,...p},x)=>{const h=s(p),{"aria-describedby":j,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=h,v=`checkbox-${a().replace(/:/g,"")}`,g=b??v,C=`${g}-label`,$=`${g}-error`,B=`${g}-screen-reader`,I=r?.variant,M=l({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!c?.message,errorMessageId:$,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
2
+ return e.jsxs("div",{ref:x,...y,className:t?.checkbox,children:[
3
+ /* @__PURE__ */e.jsxs("div",{className:t?.checkboxwithlabelcontainer,children:[!!I&&/* @__PURE__ */e.jsx(i,{...p,"aria-describedby":M,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:g,variant:I}),
4
+ /* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
5
+ /* @__PURE__ */e.jsx(d,{...n,cssClasses:t,id:C,inputId:g})]}),!!p.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:t,"data-testid":`${p["data-testid"]}-error-message`,...c,id:$,inputId:g,show:p.error&&!p.disabled})]})});export{t as CheckboxStandAlone};
@@ -1,9 +1,8 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as r}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as o}from"../../lib/components/renderIf/renderIf.js";import{STATES as a}from"../../lib/types/states/states.js";import{isReactNode as i}from"../../lib/utils/is/isReactNode.js";import{isString as n}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as c}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as m}from"../../lib/utils/process/processText/processText.js";const p=t(({closeIcon:t,cssClasses:p,deleteText:d="Delete",errorIcon:x,errorMessage:j={content:"Error message"},label:u,leftIcon:b,range:f,rangeIcon:g,rangeSeparator:I={content:"to"},state:h,...A},N)=>{const C={"data-state":h},D=l(A);/* @__PURE__ */
2
- return s.jsxs(s.Fragment,{children:[
3
- /* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===a.DISABLED,"aria-hidden":h===a.DISABLED,className:p?.chip,"data-testid":"chip",...D,...C,children:[!f&&b&&/* @__PURE__ */s.jsx(r,{className:p?.lefticon,...c(b)}),f?/* @__PURE__ */s.jsx("span",{children:f.map((t,o)=>{const a=o!==f.length-1;/* @__PURE__ */
4
- return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
5
- /* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemtext},component:"span",customAttributes:C,children:t.label}),a&&(g?.icon?/* @__PURE__ */s.jsx(r,{altText:(n(u)||i(u),m(I).children||""),className:p?.rangeicon,...c(g),customAttributes:C}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.rangeitemseparator},component:"span",customAttributes:C,...m(I)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.label},component:"span",...m(u),customAttributes:C}),
6
- /* @__PURE__ */s.jsx(r,{className:p?.closeicon,disabled:h===a.DISABLED,...c(t),altText:!n(t)&&t?.altText?t.altText:d,customAttributes:C})]}),
7
- /* @__PURE__ */s.jsx(o,{condition:h===a.ERROR,children:/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:p?.errorcontainer,children:[
8
- /* @__PURE__ */s.jsx(r,{className:p?.erroricon,...c(x)}),
9
- /* @__PURE__ */s.jsx(e,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...m(j)})]})})]})});export{p as ChipStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const l=e(({closeIcon:e,cssClasses:l,deleteText:m="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:d,leftIcon:u,range:j,rangeIcon:b,rangeSeparator:g={content:"to"},state:f,...h},A)=>{const I={"data-state":f},C=n(h);/* @__PURE__ */
2
+ return t.jsxs(t.Fragment,{children:[
3
+ /* @__PURE__ */t.jsxs("span",{ref:A,"aria-disabled":f===o.DISABLED,"aria-hidden":f===o.DISABLED,className:l?.chip,"data-testid":"chip",...C,...I,children:[!j&&u&&/* @__PURE__ */t.jsx(a,{className:l?.lefticon,...i(u)}),j?/* @__PURE__ */t.jsx("span",{children:j.map((e,o)=>{const n=o!==j.length-1;/* @__PURE__ */
4
+ return t.jsxs("span",{className:l?.rangeitemwrapper,children:[
5
+ /* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),n&&(b?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof d||s(d),c(g).children||""),className:l?.rangeicon,...i(b),customAttributes:I}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemseparator},component:"span",customAttributes:I,...c(g)}))]},`option-${e.key??e.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.label},component:"span",...c(d),customAttributes:I}),
6
+ /* @__PURE__ */t.jsx(a,{className:l?.closeicon,disabled:f===o.DISABLED,...i(e),altText:"string"!=typeof e&&e?.altText?e.altText:m,customAttributes:I})]}),f===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:l?.errorcontainer,children:[
7
+ /* @__PURE__ */t.jsx(a,{className:l?.erroricon,...i(p)}),
8
+ /* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.errormessage},component:"span",customAttributes:I,...c(x)})]})]})});export{l as ChipStandAlone};
@@ -1,14 +1,10 @@
1
- import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as l}from"../table/table.js";import{TableCaption as n}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as d}from"./components/dataTableHead.js";import{DataTableRows as c}from"./components/dataTableRows.js";import{HiddenDataTableHead as b}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as m,applyPositionToWrapper as p}from"./utils/tableConfig.js";const h=o(({activeRows:o,caption:h,columns:j,config:f,cssClasses:v,hasScroll:w,hoverable:u,hoverableRows:x,nonHoverableRows:C,rowGroups:g,rows:R,stickyHead:y,styles:_,...H},S)=>{const k=g&&g.length>0,D=i(H);/* @__PURE__ */
2
- return a.jsxs("div",{ref:S,className:v?.data_table,"data-testid":"data-table",...D,children:[
3
- /* @__PURE__ */a.jsxs("div",{"aria-label":w?H["aria-label"]:void 0,"aria-labelledby":w?H["aria-labelledby"]:void 0,className:v?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:w?"region":void 0,...w?{tabIndex:0}:{},children:[
4
- /* @__PURE__ */a.jsxs(l,{additionalClasses:v?.table,"aria-hidden":!!k||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:k?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:y,...m({tableConfig:f?.table}),children:[
5
- /* @__PURE__ */a.jsx(t,{condition:!!h?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.table_caption,component:k?"div":void 0,...h,children:h?.content})}),
6
- /* @__PURE__ */a.jsx(d,{columns:j,cssClasses:v,sticky:y,tableHeadConfig:f?.tableHead,tableHeadRowConfig:f?.tableHeadRow,usingRowGroups:k}),
7
- /* @__PURE__ */a.jsx(t,{condition:!k&&R&&R.length>0,children:/* @__PURE__ */a.jsx(e,{additionalClasses:v?.table_body,...f?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,nonHoverableRows:C,rows:R,usingRowGroups:k})})})]}),g?.map((i,d)=>/* @__PURE__ */a.jsxs(s,{children:[
8
- /* @__PURE__ */a.jsx(t,{condition:!!i.divider,children:/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...i.divider,children:i.divider?.content})}),
9
- /* @__PURE__ */a.jsxs(l,{additionalClasses:v?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...p({tableConfig:i.config?.table}),children:[
10
- /* @__PURE__ */a.jsx(t,{condition:!!i.caption?.content,children:/* @__PURE__ */a.jsx(n,{additionalClasses:v?.row_group_table_caption,...i.caption,children:i.caption?.content})}),
11
- /* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
12
- /* @__PURE__ */a.jsx(e,{additionalClasses:v?.row_group_table_body,...i.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:i.rows,usingRowGroups:k})})]})]},`${i.caption?.["data-testid"]}-${d.toString()}`))]}),
13
- /* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
14
- /* @__PURE__ */a.jsx("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
1
+ import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{TableBody as e}from"../tableBody/tableBody.js";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Table as i}from"../table/table.js";import{TableCaption as l}from"../tableCaption/tableCaption.js";import{TableDivider as r}from"../tableDivider/tableDivider.js";import{DataTableHead as n}from"./components/dataTableHead.js";import{DataTableRows as d}from"./components/dataTableRows.js";import{HiddenDataTableHead as c}from"./components/hiddenDataTableHead.js";import{applyZIndexToWrapper as b,applyPositionToWrapper as m}from"./utils/tableConfig.js";const p=o(({activeRows:o,caption:p,columns:h,config:v,cssClasses:w,hasScroll:u,hoverable:f,hoverableRows:j,nonHoverableRows:C,rowGroups:g,rows:x,stickyHead:R,styles:y,..._},H)=>{const S=g&&g.length>0,k=t(_);/* @__PURE__ */
2
+ return a.jsxs("div",{ref:H,className:w?.data_table,"data-testid":"data-table",...k,children:[
3
+ /* @__PURE__ */a.jsxs("div",{"aria-label":u?_["aria-label"]:void 0,"aria-labelledby":u?_["aria-labelledby"]:void 0,className:w?.scrollablecontainer,"data-datatable-scrollable-container":!0,role:u?"region":void 0,...u?{tabIndex:0}:{},children:[
4
+ /* @__PURE__ */a.jsxs(i,{additionalClasses:w?.table,"aria-hidden":!!S||void 0,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,component:S?"div":void 0,disableShadowEffects:!0,hasScrollDisabled:!0,sticky:R,...b({tableConfig:v?.table}),children:[!!p?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.table_caption,component:S?"div":void 0,...p,children:p?.content}),
5
+ /* @__PURE__ */a.jsx(n,{columns:h,cssClasses:w,sticky:R,tableHeadConfig:v?.tableHead,tableHeadRowConfig:v?.tableHeadRow,usingRowGroups:S}),!S&&x&&x.length>0&&/* @__PURE__ */a.jsx(e,{additionalClasses:w?.table_body,...v?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,nonHoverableRows:C,rows:x,usingRowGroups:S})})]}),g?.map((t,n)=>/* @__PURE__ */a.jsxs(s,{children:[!!t.divider&&/* @__PURE__ */a.jsx(r,{variant:"DEFAULT",...t.divider,children:t.divider?.content}),
6
+ /* @__PURE__ */a.jsxs(i,{additionalClasses:w?.row_group_table,autoLeftStickyCalc:!1,autoRightStickyCalc:!1,disableShadowEffects:!0,hasScrollDisabled:!0,...m({tableConfig:t.config?.table}),children:[!!t.caption?.content&&/* @__PURE__ */a.jsx(l,{additionalClasses:w?.row_group_table_caption,...t.caption,children:t.caption?.content}),
7
+ /* @__PURE__ */a.jsx(c,{columns:h,cssClasses:w}),
8
+ /* @__PURE__ */a.jsx(e,{additionalClasses:w?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(d,{activeRows:o,columns:h,cssClasses:w,hoverable:f,hoverableRows:j,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:S})})]})]},`${t.caption?.["data-testid"]}-${n.toString()}`))]}),
9
+ /* @__PURE__ */a.jsx("div",{className:w?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
10
+ /* @__PURE__ */a.jsx("div",{className:w?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{p as DataTableStandAlone};
@@ -1,6 +1,5 @@
1
- import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useMemo as t}from"react";import{Text as s}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as i}from"../../lib/components/renderIf/renderIf.js";import{useId as r}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{ListOptions as p}from"../listOptions/listOptions.js";import{keyUpMove as d,keyDownMove as m}from"../listOptions/utils/listOptions.utils.js";import{Popover as u}from"../popover/popover.js";const b=e(({buttonOrLinkRef:e,component:b,cssClasses:f,icon:v,label:x,listOptions:j,listOptionsRef:C,onBlur:h,onButtonClick:k,onButtonKeyDown:y,onClosePopover:O,onFocus:D,onKeyDown:g,onOptionClick:w,open:F,optionSelected:M,popover:I,url:A,urlTarget:K,...T},B)=>{const N=r("DropdownSelected"),E=F?`${N}-list`:void 0,R=T["data-testid"]||"dropdown-selected",S=l(T),L=t(()=>{return{currentFocusSelected:-1,keyDownMove:m(j.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=j.options,(e,t)=>{if(t?.shiftKey){const o=Math.max(e,0)-1;return o>=0&&t?.preventDefault(),Math.max(o,0)}const s=Math.max(e,0)+1;return s<=o.length-1&&t?.preventDefault(),Math.min(s,o.length-1)}),keyUpMove:d,size:j.options.length};var o},[j.options]);/* @__PURE__ */
2
- return o.jsxs("div",{ref:B,className:f?.dropdown_selected,"data-testid":R,role:"combobox",onBlur:h,onFocus:D,onKeyDown:g,...S,"aria-controls":"dropdown-selected-list","aria-expanded":F,tabIndex:0,children:[
3
- /* @__PURE__ */o.jsxs(c,{ref:e,"aria-controls":E,"aria-expanded":F,"aria-haspopup":"listbox",className:f?.buttonorlinkcontainer,component:b,target:A?K:void 0,type:A?void 0:"button",url:A,onClick:k,onKeyDown:y,children:[
4
- /* @__PURE__ */o.jsx(s,{additionalClasses:{text:F?f?.labelopened:f?.labelclosed},component:"span",...a(x)}),
5
- /* @__PURE__ */o.jsx(n,{className:F?f?.iconopened:f?.iconclosed,rotate:F?"180deg":"0deg",transitionDuration:"0.2s",...v})]}),
6
- /* @__PURE__ */o.jsx(i,{condition:!!I,children:/* @__PURE__ */o.jsx(u,{anchorElement:e?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:E,open:F,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...I,onClose:()=>{O(),I?.onClose?.()},children:/* @__PURE__ */o.jsx("div",{className:f?.listoptionscontainer,"data-testid":`${R}-list`,children:/* @__PURE__ */o.jsx(i,{condition:!!j.variant&&!!j.optionVariant,children:/* @__PURE__ */o.jsx(p,{ref:C,roveFocus:"selection"===j.type?L:void 0,selectedValue:M,...j,onOptionClick:o=>{w(o),O()}})})})})})]})});export{b as DropdownSelectedStandAlone};
1
+ import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as t,useMemo as s}from"react";import{Text as n}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{ListOptions as p}from"../listOptions/listOptions.js";import{keyUpMove as c,keyDownMove as d}from"../listOptions/utils/listOptions.utils.js";import{Popover as m}from"../popover/popover.js";const u=e(({buttonOrLinkRef:e,component:u,cssClasses:b,icon:v,label:x,listOptions:f,listOptionsRef:C,onBlur:j,onButtonClick:h,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:g,onOptionClick:D,open:w,optionSelected:F,popover:M,url:A,urlTarget:K,...T},B)=>{const N=`dropdownselected-${t().replace(/:/g,"")}`,E=w?`${N}-list`:void 0,I=T["data-testid"]||"dropdown-selected",R=r(T),$=s(()=>{return{currentFocusSelected:-1,keyDownMove:d(f.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=f.options,(e,t)=>{if(t?.shiftKey){const o=Math.max(e,0)-1;return o>=0&&t?.preventDefault(),Math.max(o,0)}const s=Math.max(e,0)+1;return s<=o.length-1&&t?.preventDefault(),Math.min(s,o.length-1)}),keyUpMove:c,size:f.options.length};var o},[f.options]);/* @__PURE__ */
2
+ return o.jsxs("div",{ref:B,className:b?.dropdown_selected,"data-testid":I,role:"combobox",onBlur:j,onFocus:O,onKeyDown:g,...R,"aria-controls":"dropdown-selected-list","aria-expanded":w,tabIndex:0,children:[
3
+ /* @__PURE__ */o.jsxs(a,{ref:e,"aria-controls":E,"aria-expanded":w,"aria-haspopup":"listbox",className:b?.buttonorlinkcontainer,component:u,target:A?K:void 0,type:A?void 0:"button",url:A,onClick:h,onKeyDown:k,children:[
4
+ /* @__PURE__ */o.jsx(n,{additionalClasses:{text:w?b?.labelopened:b?.labelclosed},component:"span",...l(x)}),
5
+ /* @__PURE__ */o.jsx(i,{className:w?b?.iconopened:b?.iconclosed,rotate:w?"180deg":"0deg",transitionDuration:"0.2s",...v})]}),!!M&&/* @__PURE__ */o.jsx(m,{anchorElement:e?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:E,open:w,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...M,onClose:()=>{y(),M?.onClose?.()},children:/* @__PURE__ */o.jsx("div",{className:b?.listoptionscontainer,"data-testid":`${I}-list`,children:!!f.variant&&!!f.optionVariant&&/* @__PURE__ */o.jsx(p,{ref:C,roveFocus:"selection"===f.type?$:void 0,selectedValue:F,...f,onOptionClick:o=>{D(o),y()}})})})]})});export{u as DropdownSelectedStandAlone};
@@ -1,2 +1,2 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useRef as t,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as a}from"../../lib/hooks/useClassName/useClassName.js";import{useId as i}from"../../lib/hooks/useId/useId.js";import{useInputFocus as l}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as u}from"./inputStandAlone.js";import{getState as n}from"./utils/state.js";const d=e(({additionalClasses:e,id:d,variant:m,...c},p)=>{const f=a({additionalClassNames:e,component:"INPUT",variant:m}),j=i("input-base"),b=d||j,I=`${b}-label`,C=t(null),v=t(null),N=o(s=>{if(s){const e=s.querySelector("input");v.current=e}C.current=s},[]);r(p,()=>C.current,[]);const{focused:h}=l({inputRef:v}),k=Boolean(c.defaultValue??c.value),x=n({disabled:c.disabled,error:c.error,filled:k,focused:h});/* @__PURE__ */
2
- return s.jsx(u,{ref:N,cssClasses:f,"data-state":x,"data-testid":"input-container",filled:k,focused:h,inputBaseId:b,labelId:I,...c})});export{d as Input};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t,useRef as a,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useInputFocus as i}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as n}from"./inputStandAlone.js";import{getState as u}from"./utils/state.js";const d=s(({additionalClasses:s,id:d,variant:c,...m},p)=>{const f=l({additionalClassNames:s,component:"INPUT",variant:c}),j=`input-${t().replace(/:/g,"")}`,b=d||j,C=`${b}-label`,I=a(null),v=a(null),N=o(e=>{if(e){const s=e.querySelector("input");v.current=s}I.current=e},[]);r(p,()=>I.current,[]);const{focused:x}=i({inputRef:v}),h=Boolean(m.defaultValue??m.value),k=u({disabled:m.disabled,error:m.error,filled:h,focused:x});/* @__PURE__ */
2
+ return e.jsx(n,{ref:N,cssClasses:f,"data-state":k,"data-testid":"input-container",filled:h,focused:x,inputBaseId:b,labelId:C,...m})});export{d as Input};
@@ -1,5 +1,3 @@
1
- import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as t}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as e}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as o}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:n,filled:d,focused:l,inputBaseId:c,label:u,labelId:p,leftDecoration:f,required:m,rightDecoration:j,...v},b)=>{const x=e(v);/* @__PURE__ */
2
- return i.jsxs("div",{ref:b,className:r?.input,...x,children:[
3
- /* @__PURE__ */i.jsx(t,{condition:!(!f||!f?.variant&&!r?.left_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,...f,additionalClasses:f?.variant?void 0:r?.left_decoration,variant:f?.variant})}),
4
- /* @__PURE__ */i.jsx("div",{...x,className:r?.inputandlabelcontainer,children:/* @__PURE__ */i.jsx(t,{condition:!!r?.input,children:/* @__PURE__ */i.jsx(a,{disabled:s,error:n,filled:d,focused:l,required:m,...v,additionalClasses:r?.input_base})})}),
5
- /* @__PURE__ */i.jsx(t,{condition:!(!j||!j?.variant&&!r?.right_decoration),children:/* @__PURE__ */i.jsx(o,{disabled:s,error:n,filled:d,focused:l,...j,additionalClasses:j?.variant?void 0:r?.right_decoration,variant:j?.variant})})]})});export{s as InputStandAlone};
1
+ import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{pickCustomAttributes as t}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{InputBase as a}from"../inputBase/inputBase.js";import{InputDecoration as e}from"../inputDecoration/inputDecoration.js";const s=r(({cssClasses:r,disabled:s,error:o,filled:n,focused:d,inputBaseId:l,label:c,labelId:u,leftDecoration:p,required:f,rightDecoration:m,...v},b)=>{const j=t(v);/* @__PURE__ */
2
+ return i.jsxs("div",{ref:b,className:r?.input,...j,children:[!(!p||!p?.variant&&!r?.left_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,...p,additionalClasses:p?.variant?void 0:r?.left_decoration,variant:p?.variant}),
3
+ /* @__PURE__ */i.jsx("div",{...j,className:r?.inputandlabelcontainer,children:!!r?.input&&/* @__PURE__ */i.jsx(a,{disabled:s,error:o,filled:n,focused:d,required:f,...v,additionalClasses:r?.input_base})}),!(!m||!m?.variant&&!r?.right_decoration)&&/* @__PURE__ */i.jsx(e,{disabled:s,error:o,filled:n,focused:d,...m,additionalClasses:m?.variant?void 0:r?.right_decoration,variant:m?.variant})]})});export{s as InputStandAlone};
@@ -1,2 +1,2 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as a}from"react";import{useClassName as t}from"../../lib/hooks/useClassName/useClassName.js";import{useId as e}from"../../lib/hooks/useId/useId.js";import{InputBaseStandAlone as i}from"./inputBaseStandAlone.js";import{getState as r}from"./utils/state.js";const o=a(({additionalClasses:a,error:o,filled:d,focused:l,id:n,variant:m,...u},f)=>{const p=t({additionalClassNames:a,component:"INPUT_BASE",variant:m}),c=e("inputBase"),j=n??c,b=r({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
2
- return s.jsx(i,{ref:f,...u,"aria-invalid":o,cssClasses:p,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};
1
+ import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as r}from"./inputBaseStandAlone.js";import{getState as i}from"./utils/state.js";const o=s(({additionalClasses:s,error:o,filled:d,focused:l,id:n,variant:m,...u},p)=>{const c=e({additionalClassNames:s,component:"INPUT_BASE",variant:m}),f=`inputbase-${t().replace(/:/g,"")}`,j=n??f,b=i({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
2
+ return a.jsx(r,{ref:p,...u,"aria-invalid":o,cssClasses:c,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};
@@ -1,4 +1,3 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{RenderIf as r}from"../../lib/components/renderIf/renderIf.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";const n=s(({canvasRef:s,cssClasses:n,errorText:c,onBlurContainer:l,onClickContainer:m,placeholder:d,state:p,...u},x)=>{const j=p===o.DEFAULT||p===o.ERROR||p===o.DISABLED,f=p===o.ERROR&&c?c:d,b={"data-state":p},C=u["data-testid"]||"input-signature",v=a(u),R=a(b);/* @__PURE__ */
2
- return t.jsxs("div",{ref:x,className:n?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:l,onClick:m,onKeyDown:m,...R,...v,children:[
3
- /* @__PURE__ */t.jsx("canvas",{ref:s,className:n?.canvas,"data-testid":`${C}-canvas`,...R}),
4
- /* @__PURE__ */t.jsx(r,{condition:j,children:/* @__PURE__ */t.jsx("div",{className:n?.placeholdercontainer,...R,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:n?.placeholdertext},customAttributes:b,...i(f)})})})]})});export{n as InputSignatureStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../lib/utils/process/processText/processText.js";const i=s(({canvasRef:s,cssClasses:i,errorText:n,onBlurContainer:c,onClickContainer:l,placeholder:m,state:p,...u},d)=>{const x=p===a.DEFAULT||p===a.ERROR||p===a.DISABLED,j=p===a.ERROR&&n?n:m,f={"data-state":p},b=u["data-testid"]||"input-signature",C=r(u),v=r(f);/* @__PURE__ */
2
+ return t.jsxs("div",{ref:d,className:i?.input_signature,"data-testid":b,role:"button",tabIndex:-1,onBlur:c,onClick:l,onKeyDown:l,...v,...C,children:[
3
+ /* @__PURE__ */t.jsx("canvas",{ref:s,className:i?.canvas,"data-testid":`${b}-canvas`,...v}),x&&/* @__PURE__ */t.jsx("div",{className:i?.placeholdercontainer,...v,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i?.placeholdertext},customAttributes:f,...o(j)})})]})});export{i as InputSignatureStandAlone};
@@ -1,3 +1,2 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as s}from"../text/text.js";import{RenderIf as r}from"../../lib/components/renderIf/renderIf.js";import{useId as i}from"../../lib/hooks/useId/useId.js";const o=e(({asteriskColor:e,asteriskCssClasses:o,asteriskWeight:a,children:d,color:l,cursor:n,customAttributes:c,id:m,inputId:u,required:h,requiredSymbol:p,textCssClasses:x,weight:b,...j},f)=>{const C=i("label"),I=m??C,g=j["data-testid"]||"label";/* @__PURE__ */
2
- return t.jsxs(s,{ref:f,additionalClasses:{text:x},color:l,component:"label",cursor:n,customAttributes:c,"data-testid":g,htmlFor:u,id:I,weight:b,children:[d,
3
- /* @__PURE__ */t.jsx(r,{condition:h,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:o},"aria-hidden":!0,color:e,component:"span","data-testid":`${g}Required`,weight:a,children:p})})]})});export{o as Label,o as LabelStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as s}from"react";import{Text as r}from"../text/text.js";const i=e(({asteriskColor:e,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:c,id:n,inputId:m,required:u,requiredSymbol:h,textCssClasses:p,weight:x,...b},C)=>{const j=`label-${s().replace(/:/g,"")}`,g=n??j,f=b["data-testid"]||"label";/* @__PURE__ */
2
+ return t.jsxs(r,{ref:C,additionalClasses:{text:p},color:l,component:"label",cursor:d,customAttributes:c,"data-testid":f,htmlFor:m,id:g,weight:x,children:[o,u&&/* @__PURE__ */t.jsx(r,{additionalClasses:{text:i},"aria-hidden":!0,color:e,component:"span","data-testid":`${f}Required`,weight:a,children:h})]})});export{i as Label,i as LabelStandAlone};
@@ -1,4 +1,2 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useMemo as e,useImperativeHandle as i}from"react";import{Text as s}from"../text/text.js";import{RenderIf as n}from"../../lib/components/renderIf/renderIf.js";import{useId as r}from"../../lib/hooks/useId/useId.js";import{useRoveFocus as l}from"../../lib/hooks/useRoveFocus/useRoveFocus.js";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as d}from"../../lib/components/customComponent/customComponent.js";import{Option as p}from"../option/option.js";import{keyUpMove as m,keyDownMove as u,isSelected as h,getOptionVariant as j}from"./utils/listOptions.utils.js";const v=o(({caseSensitive:o,charsHighlighted:v,checkedIcon:b,content:x,cssClasses:g,highlightedOptionVariant:f,id:k,index:C=0,listComponent:$,multiSelect:y,onOptionClick:S,options:I,optionsContainerArias:F,roveFocus:M,selectedValue:O,title:A,type:N="selection",...R},T)=>{const V=R["data-testid"]??"list-options",H=c(R),L=e(()=>({currentFocusSelected:-1,keyDownMove:u(I),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:m,size:I.length}),[I]),[_,w,z]=l(M??L),D=r();i(T,()=>z.current,[z]);const U=k??D,q="selection"===N,B="navigation"===N,E=I&&I.length>0;/* @__PURE__ */
2
- return t.jsxs("div",{className:g?.list_options,"data-testid":V,...H,children:[
3
- /* @__PURE__ */t.jsx(n,{condition:!!A&&I.length>0,children:/* @__PURE__ */t.jsx("div",{className:g?.titlecontainer,children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:g?.title},...a(A)})})}),x,
4
- /* @__PURE__ */t.jsx(n,{condition:E,children:/* @__PURE__ */t.jsx(d,{ref:z,"aria-label":F?.["aria-label"],"aria-labelledby":F?.["aria-labelledby"],className:g?.optionscontainer,component:$??"ul",id:U,role:q?"listbox":void 0,children:I.map((e,i)=>{const s=h(e,O,y,o),n=`${V}-section-${C}-option-${i}`,r=/* @__PURE__ */t.jsx(p,{"aria-current":B?s:void 0,"aria-selected":q?s:void 0,checkedIcon:b,component:B?"div":"li","data-testid":n,focus:_===i,labelCharsHighlighted:v,multiSelect:y,role:q?"option":void 0,selected:s,tabIndex:B?0:-1,variant:j(e.highlighted,f,R?.optionVariant),...e,onClick:t=>{w(i),S?.(e.value,t),e.onClick?.(t)},onFocus:t=>{i!==_&&w(i),e.onFocus?.(t)}},`${U}Option-${C.toString()}-${i.toString()}`);return"selection"===N?/* @__PURE__ */t.jsx("li",{children:r},`${U}LiOption-${C.toString()}-${i.toString()}`):r})})})]})});export{v as ListOptionsStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useMemo as e,useId as i,useImperativeHandle as s}from"react";import{Text as n}from"../text/text.js";import{useRoveFocus as l}from"../../lib/hooks/useRoveFocus/useRoveFocus.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{Option as p}from"../option/option.js";import{keyUpMove as d,keyDownMove as m,isSelected as u,getOptionVariant as h}from"./utils/listOptions.utils.js";const v=o(({caseSensitive:o,charsHighlighted:v,checkedIcon:g,content:b,cssClasses:j,highlightedOptionVariant:x,id:k,index:f=0,listComponent:C,multiSelect:$,onOptionClick:y,options:S,optionsContainerArias:F,roveFocus:M,selectedValue:O,title:A,type:I="selection",...N},R)=>{const T=N["data-testid"]??"list-options",V=r(N),H=e(()=>({currentFocusSelected:-1,keyDownMove:m(S),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:d,size:S.length}),[S]),[L,_,w]=l(M??H),z=i();s(R,()=>w.current,[w]);const D=k??z,U="selection"===I,q="navigation"===I,B=S&&S.length>0;/* @__PURE__ */
2
+ return t.jsxs("div",{className:j?.list_options,"data-testid":T,...V,children:[!!A&&S.length>0&&/* @__PURE__ */t.jsx("div",{className:j?.titlecontainer,children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:j?.title},...c(A)})}),b,B&&/* @__PURE__ */t.jsx(a,{ref:w,"aria-label":F?.["aria-label"],"aria-labelledby":F?.["aria-labelledby"],className:j?.optionscontainer,component:C??"ul",id:D,role:U?"listbox":void 0,children:S.map((e,i)=>{const s=u(e,O,$,o),n=`${T}-section-${f}-option-${i}`,l=/* @__PURE__ */t.jsx(p,{"aria-current":q?s:void 0,"aria-selected":U?s:void 0,checkedIcon:g,component:q?"div":"li","data-testid":n,focus:L===i,labelCharsHighlighted:v,multiSelect:$,role:U?"option":void 0,selected:s,tabIndex:q?0:-1,variant:h(e.highlighted,x,N?.optionVariant),...e,onClick:t=>{_(i),y?.(e.value,t),e.onClick?.(t)},onFocus:t=>{i!==L&&_(i),e.onFocus?.(t)}},`${D}Option-${f.toString()}-${i.toString()}`);return"selection"===I?/* @__PURE__ */t.jsx("li",{children:l},`${D}LiOption-${f.toString()}-${i.toString()}`):l})})]})});export{v as ListOptionsStandAlone};
@@ -1,10 +1,5 @@
1
- import{j as n}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{Button as e}from"../button/button.js";import{Tag as i}from"../tag/tag.js";import{Text as o}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as r}from"../../lib/components/renderIf/renderIf.js";import{classNames as c}from"../../lib/utils/classNames/classNames.js";import{isString as l}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as d}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as m}from"../../lib/components/customComponent/customComponent.js";import{Link as j}from"../link/link.js";const x=t(({actionButton:t,ariaLive:x="off",ariaMessageId:p,closeIcon:h,content:u,cssClasses:g,extraActionButton:f,id:v,infoIcon:C,inlineLink:b,linkComponent:N,links:k,maxContentLength:I=246,messageContainerProps:A,open:L,role:S,tag:y,title:B,titleAndContentContainerProps:O,titleAndContentRole:P,...T},$)=>{const _=T["data-testid"]||"message",z=a(T),M=d(u),R=d(B),q="string"==typeof M.children&&M.children?.toString().length>=I;/* @__PURE__ */
2
- return n.jsx("div",{...z,"aria-live":x,className:g?.message,children:/* @__PURE__ */n.jsx(r,{condition:L,children:/* @__PURE__ */n.jsxs(m,{ref:$,className:g?.container,component:A?.url?N:"div","data-testid":_,id:v,role:S,target:A?.target,url:A?.url||void 0,onClick:A?.onClick,children:[C?.icon?/* @__PURE__ */n.jsx(s,{className:g?.infoicon,...C}):null,
3
- /* @__PURE__ */n.jsxs(m,{className:c(g?.headercontainer,{[`${g?.headercontainerlargemessage}`]:q}),component:O?.url?N:"div",role:P,target:O?.target,url:O?.url||void 0,onClick:O?.onClick,children:[
4
- /* @__PURE__ */n.jsx(r,{condition:!!B,children:l(R.children)?/* @__PURE__ */n.jsx("div",{"aria-errormessage":p,className:g?.titlecontainer,children:/* @__PURE__ */n.jsx(o,{additionalClasses:{text:g?.title},component:"p",...R})}):R.children}),
5
- /* @__PURE__ */n.jsx(r,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(r,{condition:!!y?.content,children:/* @__PURE__ */n.jsx(i,{variant:"",...y,label:{content:y?.content}})})}),
6
- /* @__PURE__ */n.jsxs("div",{className:c(g?.contentcontainer,{[`${g?.contentcontainerlargemessage}`]:q}),children:["string"==typeof u?/* @__PURE__ */n.jsx(o,{additionalClasses:{text:g?.description},component:"p",...M}):M.children,
7
- /* @__PURE__ */n.jsx(r,{condition:!!b?.content,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...b,url:b?.url||"",children:b?.content||""})})]}),
8
- /* @__PURE__ */n.jsx(r,{condition:!(!f&&!t),children:/* @__PURE__ */n.jsxs("div",{className:g?.buttonsectioncontainer,children:[/* @__PURE__ */n.jsx(r,{condition:!!f?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.extraactionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{...f,children:f?.content})})}),/* @__PURE__ */n.jsx(r,{condition:!!t?.content,children:/* @__PURE__ */n.jsx("div",{className:g?.actionbuttoncontainer,children:/* @__PURE__ */n.jsx(e,{additionalSizeClasses:t?.variant?void 0:g?.action_button,...t,children:t?.content})})})]})}),
9
- /* @__PURE__ */n.jsx(r,{condition:!!(k&&k.length>0),children:/* @__PURE__ */n.jsx("div",{className:g?.linkscontainer,children:k?.map(t=>t.content?/* @__PURE__ */n.jsx("div",{className:g?.linkcontainer,children:/* @__PURE__ */n.jsx(j,{decoration:"underline",...t,children:t.content})},t.content):null)})})]}),
10
- /* @__PURE__ */n.jsx(s,{className:g?.closeicon,...h})]})})})});export{x as MessageStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as n}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{Link as m}from"../link/link.js";const d=n(({actionButton:n,ariaLive:d="off",ariaMessageId:p,closeIcon:u,content:j,cssClasses:x,extraActionButton:h,id:g,infoIcon:f,inlineLink:v,linkComponent:C,links:b,maxContentLength:N=246,messageContainerProps:k,open:A,role:I,tag:y,title:L,titleAndContentContainerProps:B,titleAndContentRole:O,...P},S)=>{const T=P["data-testid"]||"message",$=l(P),_=a(j),z=a(L),M="string"==typeof _.children&&_.children?.toString().length>=N;/* @__PURE__ */
2
+ return t.jsx("div",{...$,"aria-live":d,className:x?.message,children:A&&/* @__PURE__ */t.jsxs(c,{ref:S,className:x?.container,component:k?.url?C:"div","data-testid":T,id:g,role:I,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[f?.icon?/* @__PURE__ */t.jsx(s,{className:x?.infoicon,...f}):null,
3
+ /* @__PURE__ */t.jsxs(c,{className:r(x?.headercontainer,{[`${x?.headercontainerlargemessage}`]:M}),component:B?.url?C:"div",role:O,target:B?.target,url:B?.url||void 0,onClick:B?.onClick,children:[!!L&&("string"==typeof z.children?/* @__PURE__ */t.jsx("div",{"aria-errormessage":p,className:x?.titlecontainer,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.title},component:"p",...z})}):z.children),!!y?.content&&(y?.content?/* @__PURE__ */t.jsx(o,{variant:"",...y,label:{content:y?.content}}):null),
4
+ /* @__PURE__ */t.jsxs("div",{className:r(x?.contentcontainer,{[`${x?.contentcontainerlargemessage}`]:M}),children:["string"==typeof j?/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.description},component:"p",..._}):_.children,!!v?.content&&/* @__PURE__ */t.jsx(m,{decoration:"underline",...v,url:v?.url||"",children:v?.content||""})]}),!(!h&&!n)&&/* @__PURE__ */t.jsxs("div",{className:x?.buttonsectioncontainer,children:[h?.content?/* @__PURE__ */t.jsx("div",{className:x?.extraactionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{...h,children:h?.content})}):null,n?.content?/* @__PURE__ */t.jsx("div",{className:x?.actionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{additionalSizeClasses:n?.variant?void 0:x?.action_button,...n,children:n?.content})}):null]}),!!(b&&b.length>0)&&/* @__PURE__ */t.jsx("div",{className:x?.linkscontainer,children:b?.map(n=>n.content?/* @__PURE__ */t.jsx("div",{className:x?.linkcontainer,children:/* @__PURE__ */t.jsx(m,{decoration:"underline",...n,children:n.content})},n.content):null)})]}),
5
+ /* @__PURE__ */t.jsx(s,{className:x?.closeicon,...u})]})})});export{d as MessageStandAlone};
@@ -1,9 +1,3 @@
1
- import{j as e}from"../../../_virtual/jsx-runtime.js";import{Text as i}from"../../text/text.js";import{ElementOrIcon as n}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as s}from"../../../lib/components/renderIf/renderIf.js";import{useActiveBreakpoints as o}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{processText as t}from"../../../lib/utils/process/processText/processText.js";import{Button as c}from"../../button/button.js";const r=({blocked:r,closeButton:a,closeIcon:l,cssClasses:d,dragIcon:m,title:j,titleIdFinal:x})=>{const{isMobileOrTablet:h}=o();/* @__PURE__ */
2
- return e.jsxs("div",{className:d?.headercontainer,"data-modal-header":!0,children:[
3
- /* @__PURE__ */e.jsx(s,{condition:h&&!r&&!!m,children:/* @__PURE__ */e.jsx("div",{className:d?.dragiconcontainer,"data-modal-draggable-icon":!0,children:/* @__PURE__ */e.jsx(n,{className:d?.dragicon,...m})})}),
4
- /* @__PURE__ */e.jsxs("div",{className:d?.headercontentcontainer,children:[
5
- /* @__PURE__ */e.jsx(s,{condition:!r&&!!l?.icon,children:/* @__PURE__ */e.jsx("div",{className:d?.closebuttoncontainer,children:/* @__PURE__ */e.jsx(n,{className:d?.closebuttonicon,...l})})}),
6
- /* @__PURE__ */e.jsx(s,{condition:!r&&!!a?.content&&!!a?.variant,children:/* @__PURE__ */e.jsx(c,{...a,variant:a?.variant,children:a?.content})}),
7
- /* @__PURE__ */e.jsx(s,{condition:void 0===j?.visible||j.visible,children:/* @__PURE__ */e.jsx("div",{className:d?.titlecontainer,children:/* @__PURE__ */e.jsx(i,{additionalClasses:{text:d?.title},component:"h1",id:x,...t(j)})})}),
8
- /* @__PURE__ */e.jsx(s,{condition:!1===j?.visible,children:/* @__PURE__ */e.jsx("span",{className:d?.titlehiddencontainer,id:x,children:t(j).children})}),
9
- /* @__PURE__ */e.jsx(s,{condition:!r&&!!l?.icon,children:/* @__PURE__ */e.jsx("div",{className:d?.closebuttoncontainer,children:/* @__PURE__ */e.jsx("span",{className:d?.closebuttonicon})})})]})]})};export{r as ModalHeader};
1
+ import{j as e}from"../../../_virtual/jsx-runtime.js";import{Text as s}from"../../text/text.js";import{ElementOrIcon as t}from"../../../lib/components/elementOrIcon/elementOrIcon.js";import{useActiveBreakpoints as i}from"../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{processText as n}from"../../../lib/utils/process/processText/processText.js";import{Button as o}from"../../button/button.js";const a=({blocked:a,closeButton:c,closeIcon:l,cssClasses:r,dragIcon:d,title:m,titleIdFinal:j})=>{const{isMobileOrTablet:x}=i();/* @__PURE__ */
2
+ return e.jsxs("div",{className:r?.headercontainer,"data-modal-header":!0,children:[x&&!a&&!!d&&/* @__PURE__ */e.jsx("div",{className:r?.dragiconcontainer,"data-modal-draggable-icon":!0,children:/* @__PURE__ */e.jsx(t,{className:r?.dragicon,...d})}),
3
+ /* @__PURE__ */e.jsxs("div",{className:r?.headercontentcontainer,children:[!a&&!!l?.icon&&/* @__PURE__ */e.jsx("div",{className:r?.closebuttoncontainer,children:/* @__PURE__ */e.jsx(t,{className:r?.closebuttonicon,...l})}),!a&&!!c?.content&&!!c?.variant&&/* @__PURE__ */e.jsx(o,{...c,variant:c?.variant,children:c?.content}),(void 0===m?.visible||m.visible)&&/* @__PURE__ */e.jsx("div",{className:r?.titlecontainer,children:/* @__PURE__ */e.jsx(s,{additionalClasses:{text:r?.title},component:"h1",id:j,...n(m)})}),!1===m?.visible&&/* @__PURE__ */e.jsx("span",{className:r?.titlehiddencontainer,id:j,children:n(m).children}),!a&&!!l?.icon&&/* @__PURE__ */e.jsx("div",{className:r?.closebuttoncontainer,children:/* @__PURE__ */e.jsx("span",{className:r?.closebuttonicon})})]})]})};export{a as ModalHeader};
@@ -1,5 +1,4 @@
1
- import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{Overlay as t}from"../../lib/components/overlay/overlay.js";import{RenderIf as i}from"../../lib/components/renderIf/renderIf.js";import{useId as s}from"../../lib/hooks/useId/useId.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{NabVar as l}from"../navBar/navBar.js";import{Popover as r}from"../popover/popover.js";import{ModalHeader as n}from"./fragments/modalHeader.js";import{onlyDesktopSize as d}from"./utils/onlyDesktopSize.js";const m=o(({blocked:o,closeButton:m,closeIcon:c,content:p,contentContainer:v,contentHasScroll:h,contentScrollArias:j,cssClasses:b,customHeightAllDevices:x=!1,customWidthAllDevices:f=!1,device:g,dragIcon:y,footer:u,id:I,maxHeight:C,maxWidth:H,minContentHeight:k,minHeight:B,minWidth:W,onKeyDown:D,onPopoverCloseInternally:A,open:N,popover:S,title:T,...F},w)=>{const z=s("modal"),E=I??z,K=s("modal-title"),O=a(T).id??K,P=u?.variant,$=F["data-testid"]||"modal";/* @__PURE__ */
2
- return e.jsx(r,{"aria-labelledby":O,"aria-modal":N,component:"div",disableClickOverlayClose:o,disableEscapeClose:o,disableTrapFocus:!1,id:E,open:N,overlay:/* @__PURE__ */e.jsx(t,{}),role:"dialog",strategy:"fixed",onClose:A,...S,children:/* @__PURE__ */e.jsxs("div",{ref:w,className:b?.modal,"data-testid":$,style:{maxHeight:C,maxWidth:H,minHeight:x?B:d(g,B),minWidth:f?W:d(g,W),paddingBottom:u?.rightItems?"0":void 0},children:[
3
- /* @__PURE__ */e.jsx(n,{blocked:o,closeButton:m,closeIcon:c,cssClasses:b,device:g,dragIcon:y,title:T,titleIdFinal:O}),
4
- /* @__PURE__ */e.jsx("div",{"aria-label":h?j?.["aria-label"]:void 0,"aria-labelledby":h?j?.["aria-labelledby"]:void 0,className:b?.content,"data-modal-content":!0,"data-testid":`${$}-content`,role:h?"region":void 0,style:{minHeight:k},...h?{tabIndex:0}:{},...v,children:p}),
5
- /* @__PURE__ */e.jsx(i,{condition:!!P&&!!u,children:/* @__PURE__ */e.jsx("div",{className:b?.footer,children:/* @__PURE__ */e.jsx(l,{variant:P,...u})})})]})})});export{m as ModalStandAlone};
1
+ import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useId as t}from"react";import{Overlay as a}from"../../lib/components/overlay/overlay.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";import{NabVar as l}from"../navBar/navBar.js";import{Popover as s}from"../popover/popover.js";import{ModalHeader as r}from"./fragments/modalHeader.js";import{onlyDesktopSize as n}from"./utils/onlyDesktopSize.js";const d=o(({blocked:o,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:v,contentScrollArias:g,cssClasses:h,customHeightAllDevices:x=!1,customWidthAllDevices:b=!1,device:j,dragIcon:f,footer:y,id:u,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:B,minWidth:W,onKeyDown:k,onPopoverCloseInternally:D,open:A,popover:N,title:S,...T},$)=>{const F=`modal-${t().replace(/:/g,"")}`,w=u??F,z=`modal-title-${t().replace(/:/g,"")}`,E=i(S).id??z,K=y?.variant,O=T["data-testid"]||"modal";/* @__PURE__ */
2
+ return e.jsx(s,{"aria-labelledby":E,"aria-modal":A,component:"div",disableClickOverlayClose:o,disableEscapeClose:o,disableTrapFocus:!1,id:w,open:A,overlay:/* @__PURE__ */e.jsx(a,{}),role:"dialog",strategy:"fixed",onClose:D,...N,children:/* @__PURE__ */e.jsxs("div",{ref:$,className:h?.modal,"data-testid":O,style:{maxHeight:C,maxWidth:H,minHeight:x?B:n(j,B),minWidth:b?W:n(j,W),paddingBottom:y?.rightItems?"0":void 0},children:[
3
+ /* @__PURE__ */e.jsx(r,{blocked:o,closeButton:d,closeIcon:c,cssClasses:h,device:j,dragIcon:f,title:S,titleIdFinal:E}),
4
+ /* @__PURE__ */e.jsx("div",{"aria-label":v?g?.["aria-label"]:void 0,"aria-labelledby":v?g?.["aria-labelledby"]:void 0,className:h?.content,"data-modal-content":!0,"data-testid":`${O}-content`,role:v?"region":void 0,style:{minHeight:I},...v?{tabIndex:0}:{},...p,children:m}),!!K&&!!y&&/* @__PURE__ */e.jsx("div",{className:h?.footer,children:/* @__PURE__ */e.jsx(l,{variant:K,...y})})]})})});export{d as ModalStandAlone};
@@ -1,12 +1,9 @@
1
- import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as o}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{RenderIf as i}from"../../lib/components/renderIf/renderIf.js";import{STATES as n}from"../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as r}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{isKeyEnterPressed as a,isKeySpacePressed as m}from"../../lib/utils/keyboard/keyboard.js";import{OptionLabelSlice as d}from"./components.ts/optionLabelSlice.js";import{getState as u,getHighlightedIndexes as b}from"./utils/option.utils.js";const p=s(({checkedIcon:s,component:p,componentLink:h,cssClasses:j,disabled:x,extraContent:g,focus:f,hover:C,icon:E,label:I,labelCharsHighlighted:L,multiSelect:k,onBlur:A,onClick:v,onFocus:y,onMouseEnter:$,onMouseLeave:T,role:D,selected:M,sublabel:N,tabIndex:S,url:H,..._})=>{const B=u(x,f,M,k,C,!!L&&L?.length>0),F={"data-state":B},O=B===n.DISABLED,w=l({..._,customAttributes:F}),P=l(F),U=w["data-testid"]||"option",K=[n.MULTIPLE_SELECTED,n.MULTIPLE_SELECTED_HOVER,n.SELECTED].includes(B);let R,V,q;if("string"==typeof I){const{firstHighlightedIndex:t,lastHighlightedIndex:s}=b(I,L);R=I.substring(0,t),V=I.substring(t,s),q=I.substring(s)}/* @__PURE__ */
2
- return t.jsxs(c,{"aria-disabled":O,className:j?.option,...w,component:H?h:p??"div","data-testid":U,role:D,tabIndex:S,url:H,onBlur:A,onClick:t=>{O||v?.(t)},onFocus:y,onKeyDown:t=>{O||!a(t.key)&&!m(t.key)||v?.(t)},onMouseEnter:$,onMouseLeave:T,...P,children:[
3
- /* @__PURE__ */t.jsxs("div",{className:j?.firstrowcontainer,children:[
4
- /* @__PURE__ */t.jsxs("div",{className:j?.labeliconcontainer,...P,children:[
5
- /* @__PURE__ */t.jsx(o,{className:j?.icon,customAttributes:F,...E}),
6
- /* @__PURE__ */t.jsx(i,{condition:!!r(N).children,children:/* @__PURE__ */t.jsx("div",{className:j?.sublabelcontainer,...P,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:j?.sublabel},component:"span",customAttributes:F,...r(N)})})}),
7
- /* @__PURE__ */t.jsx("p",{children:"string"==typeof I?/* @__PURE__ */t.jsxs(t.Fragment,{children:[" ",
8
- /* @__PURE__ */t.jsx(d,{component:"span",cssClasses:j?.label,customAttributes:F,"data-testid":`${U}-first-no-hightlighted-label`,children:R}),
9
- /* @__PURE__ */t.jsx(d,{component:"span",cssClasses:`${j?.label} ${j?.labelhighlighted}`,customAttributes:F,"data-testid":`${U}-highlighted-label`,children:V}),
10
- /* @__PURE__ */t.jsx(d,{component:"span",cssClasses:`${j?.label} ${j?.labelhighlighted}`,customAttributes:F,"data-testid":`${U}-last-no-hightlighted-label`,children:q})]}):/* @__PURE__ */t.jsx(d,{component:"span",cssClasses:j?.label,customAttributes:F,"data-testid":`${U}-label`,children:I})})]}),
11
- /* @__PURE__ */t.jsx(i,{condition:K,children:/* @__PURE__ */t.jsx(o,{className:j?.checkedicon,customAttributes:F,...s})})]}),
12
- /* @__PURE__ */t.jsx(i,{condition:!!g,children:g})]})});export{p as OptionStandAlone};
1
+ import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as e}from"../text/text.js";import{ElementOrIcon as o}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as i}from"../../lib/types/states/states.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as n}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as r}from"../../lib/components/customComponent/customComponent.js";import{isKeyEnterPressed as a,isKeySpacePressed as c}from"../../lib/utils/keyboard/keyboard.js";import{OptionLabelSlice as m}from"./components.ts/optionLabelSlice.js";import{getState as d,getHighlightedIndexes as u}from"./utils/option.utils.js";const b=s(({checkedIcon:s,component:b,componentLink:p,cssClasses:h,disabled:j,extraContent:x,focus:g,hover:f,icon:C,label:E,labelCharsHighlighted:L,multiSelect:k,onBlur:A,onClick:I,onFocus:v,onMouseEnter:y,onMouseLeave:$,role:T,selected:D,sublabel:M,tabIndex:N,url:S,...H})=>{const _=d(j,g,D,k,f,!!L&&L?.length>0),B={"data-state":_},F=_===i.DISABLED,O=l({...H,customAttributes:B}),w=l(B),P=O["data-testid"]||"option",U=[i.MULTIPLE_SELECTED,i.MULTIPLE_SELECTED_HOVER,i.SELECTED].includes(_);let K,R,V;if("string"==typeof E){const{firstHighlightedIndex:t,lastHighlightedIndex:s}=u(E,L);K=E.substring(0,t),R=E.substring(t,s),V=E.substring(s)}/* @__PURE__ */
2
+ return t.jsxs(r,{"aria-disabled":F,className:h?.option,...O,component:S?p:b??"div","data-testid":P,role:T,tabIndex:N,url:S,onBlur:A,onClick:t=>{F||I?.(t)},onFocus:v,onKeyDown:t=>{F||!a(t.key)&&!c(t.key)||I?.(t)},onMouseEnter:y,onMouseLeave:$,...w,children:[
3
+ /* @__PURE__ */t.jsxs("div",{className:h?.firstrowcontainer,children:[
4
+ /* @__PURE__ */t.jsxs("div",{className:h?.labeliconcontainer,...w,children:[
5
+ /* @__PURE__ */t.jsx(o,{className:h?.icon,customAttributes:B,...C}),!!n(M).children&&/* @__PURE__ */t.jsx("div",{className:h?.sublabelcontainer,...w,children:/* @__PURE__ */t.jsx(e,{additionalClasses:{text:h?.sublabel},component:"span",customAttributes:B,...n(M)})}),
6
+ /* @__PURE__ */t.jsx("p",{children:"string"==typeof E?/* @__PURE__ */t.jsxs(t.Fragment,{children:[" ",
7
+ /* @__PURE__ */t.jsx(m,{component:"span",cssClasses:h?.label,customAttributes:B,"data-testid":`${P}-first-no-hightlighted-label`,children:K}),
8
+ /* @__PURE__ */t.jsx(m,{component:"span",cssClasses:`${h?.label} ${h?.labelhighlighted}`,customAttributes:B,"data-testid":`${P}-highlighted-label`,children:R}),
9
+ /* @__PURE__ */t.jsx(m,{component:"span",cssClasses:`${h?.label} ${h?.labelhighlighted}`,customAttributes:B,"data-testid":`${P}-last-no-hightlighted-label`,children:V})]}):/* @__PURE__ */t.jsx(m,{component:"span",cssClasses:h?.label,customAttributes:B,"data-testid":`${P}-label`,children:E})})]}),U&&/* @__PURE__ */t.jsx(o,{className:h?.checkedicon,customAttributes:B,...s})]}),!!x&&x]})});export{b as OptionStandAlone};
@@ -1,4 +1,2 @@
1
- import{j as o}from"../../../_virtual/jsx-runtime.js";import{RenderIf as r}from"../../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isElementOrIconProps as s}from"../helper/controlType.js";import{ArrowControlStandAlone as n}from"./arrowControlStandAlone.js";import{ButtonControlStandAlone as e}from"./buttonControlStandAlone.js";const i=({control:i,cssArrowControlClasses:l,cssPageControlClasses:c,position:a,...m})=>{const j=t(m),p="left"===a?l?.leftbuttoncontrol:l?.rightbuttoncontrol,f="left"===a?l?.leftarrowcontrolcontainer:l?.rightarrowcontrolcontainer;/* @__PURE__ */
2
- return o.jsxs(o.Fragment,{children:[
3
- /* @__PURE__ */o.jsx(r,{condition:i&&!s(i),children:/* @__PURE__ */o.jsx(e,{...i,cssPageControlClasses:p,position:a,...j})}),
4
- /* @__PURE__ */o.jsx(r,{condition:s(i),children:/* @__PURE__ */o.jsx("div",{className:f,children:/* @__PURE__ */o.jsx(n,{cssArrowControlClasses:l,...i})})})]})};export{i as Controls};
1
+ import{j as o}from"../../../_virtual/jsx-runtime.js";import{pickCustomAttributes as t}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{isElementOrIconProps as r}from"../helper/controlType.js";import{ArrowControlStandAlone as s}from"./arrowControlStandAlone.js";import{ButtonControlStandAlone as n}from"./buttonControlStandAlone.js";const l=({control:l,cssArrowControlClasses:e,cssPageControlClasses:i,position:c,...a})=>{const m=t(a),p="left"===c?e?.leftbuttoncontrol:e?.rightbuttoncontrol,C="left"===c?e?.leftarrowcontrolcontainer:e?.rightarrowcontrolcontainer;/* @__PURE__ */
2
+ return o.jsxs(o.Fragment,{children:[l&&!r(l)&&/* @__PURE__ */o.jsx(n,{...l,cssPageControlClasses:p,position:c,...m}),r(l)&&/* @__PURE__ */o.jsx("div",{className:C,children:/* @__PURE__ */o.jsx(s,{cssArrowControlClasses:e,...l})})]})};export{l as Controls};
@@ -1,8 +1,6 @@
1
- import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{RenderIf as o}from"../../lib/components/renderIf/renderIf.js";import{pickCustomAttributes as i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Controls as r}from"./components/controls.js";const e=t(({cssArrowControlClasses:t,cssPageControlClasses:e,currentPosition:a,dots:n,firstVisiblePosition:l,isBullet:c,lastVisiblePosition:d,leftControl:m,pages:p,rightControl:j,...C},f)=>{const g=C["data-testid"]||"page-control";/* @__PURE__ */
2
- return s.jsx("div",{ref:f,className:e?.page_control,"data-testid":g,children:/* @__PURE__ */s.jsx(o,{condition:n>0,children:/* @__PURE__ */s.jsxs(s.Fragment,{children:[
3
- /* @__PURE__ */s.jsx(r,{control:m,cssArrowControlClasses:t,cssPageControlClasses:e,currentPosition:a,"data-testid":`${g}-left-control`,dots:n,firstVisiblePosition:l,lastVisiblePosition:d,pages:p,position:"left"}),
4
- /* @__PURE__ */s.jsxs("div",{className:e?.dotscontainer,children:[
5
- /* @__PURE__ */s.jsx(o,{condition:c&&l>0,children:/* @__PURE__ */s.jsx("div",{...i({"data-state":"last"}),className:e?.pagedot})}),[...Array(n)].map((t,o)=>{const r=o+l,n={"data-state":r===a?"current":"default"};/* @__PURE__ */
6
- return s.jsx("div",{...i(n),className:e?.pagedot},`Dot-middle--${r}`)}),
7
- /* @__PURE__ */s.jsx(o,{condition:c&&(d??0)<(p??0)-1,children:/* @__PURE__ */s.jsx("div",{...i({"data-state":"last"}),className:e?.pagedot})})]}),
8
- /* @__PURE__ */s.jsx(r,{control:j,cssArrowControlClasses:t,cssPageControlClasses:e,currentPosition:a,"data-testid":`${g}-right-control`,dots:n,firstVisiblePosition:l,lastVisiblePosition:d,pages:p,position:"right"})]})})})});export{e as PageControlStandAlone};
1
+ import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{Controls as i}from"./components/controls.js";const r=t(({cssArrowControlClasses:t,cssPageControlClasses:r,currentPosition:e,dots:a,firstVisiblePosition:l,isBullet:n,lastVisiblePosition:c,leftControl:d,pages:m,rightControl:p,...C},g)=>{const u=C["data-testid"]||"page-control";/* @__PURE__ */
2
+ return s.jsx("div",{ref:g,className:r?.page_control,"data-testid":u,children:a>0&&/* @__PURE__ */s.jsxs(s.Fragment,{children:[
3
+ /* @__PURE__ */s.jsx(i,{control:d,cssArrowControlClasses:t,cssPageControlClasses:r,currentPosition:e,"data-testid":`${u}-left-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:m,position:"left"}),
4
+ /* @__PURE__ */s.jsxs("div",{className:r?.dotscontainer,children:[n&&l>0&&/* @__PURE__ */s.jsx("div",{...o({"data-state":"last"}),className:r?.pagedot}),[...Array(a)].map((t,i)=>{const a=i+l,n={"data-state":a===e?"current":"default"};/* @__PURE__ */
5
+ return s.jsx("div",{...o(n),className:r?.pagedot},`Dot-middle--${a}`)}),n&&(c??0)<(m??0)-1&&/* @__PURE__ */s.jsx("div",{...o({"data-state":"last"}),className:r?.pagedot})]}),
6
+ /* @__PURE__ */s.jsx(i,{control:p,cssArrowControlClasses:t,cssPageControlClasses:r,currentPosition:e,"data-testid":`${u}-right-control`,dots:a,firstVisiblePosition:l,lastVisiblePosition:c,pages:m,position:"right"})]})})});export{r as PageControlStandAlone};