@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
- package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
- package/dist/cjs/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/calendar/selector/selector.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/dataTableStandAlone.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/input/inputStandAlone.js +1 -1
- package/dist/cjs/components/inputDecoration/inputDecorationStandAlone.js +1 -1
- package/dist/cjs/components/inputSignature/inputSignatureStandAlone.js +1 -1
- package/dist/cjs/components/label/labelStandAlone.js +1 -1
- package/dist/cjs/components/link/linkStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +1 -1
- package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/arrowControlStandAlone.js +1 -1
- package/dist/cjs/components/pageControl/components/controls.js +1 -1
- package/dist/cjs/components/pageControl/pageControlStandAlone.js +1 -1
- package/dist/cjs/components/pagination/fragments/paginationButtonControl.js +1 -1
- package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileAnimation.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderHelperTextStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
- package/dist/cjs/components/stepperNumber/stepperNumberStandAlone.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/tag/tagStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
- package/dist/cjs/lib/components/itemRove/itemRove.js +1 -0
- package/dist/cjs/lib/components/overlay/overlay.js +1 -0
- package/dist/cjs/lib/components/overlay/overlayStandAlone.js +1 -0
- package/dist/esm/components/avatar/fragments/drawContent.js +4 -4
- package/dist/esm/components/badge/badgeStandAlone.js +7 -9
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +6 -6
- package/dist/esm/components/button/buttonStandAlone.js +3 -5
- package/dist/esm/components/calendar/selector/selector.js +7 -7
- package/dist/esm/components/checkbox/checkboxStandAlone.js +2 -2
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +7 -7
- package/dist/esm/components/dataTable/dataTableStandAlone.js +8 -8
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +6 -6
- package/dist/esm/components/input/inputStandAlone.js +2 -2
- package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -3
- package/dist/esm/components/label/labelStandAlone.js +3 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +3 -3
- package/dist/esm/components/message/messageStandAlone.js +10 -10
- package/dist/esm/components/modal/fragments/modalHeader.js +7 -7
- package/dist/esm/components/modal/modalStandAlone.js +5 -5
- package/dist/esm/components/option/optionStandAlone.js +9 -9
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
- package/dist/esm/components/pageControl/components/controls.js +1 -1
- package/dist/esm/components/pageControl/pageControlStandAlone.js +1 -1
- package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +6 -6
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +6 -6
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -9
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +3 -3
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +7 -7
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -7
- package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +3 -3
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +4 -4
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
- package/dist/esm/components/tabs/tabsStandAlone.js +4 -4
- package/dist/esm/components/tag/tagStandAlone.js +4 -4
- package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
- package/dist/esm/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/tooltipStandAlone.js +7 -7
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
- package/dist/esm/index.js +1 -1
- package/dist/esm/lib/components/elementOrIcon/elementOrIcon.js +1 -0
- package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +3 -3
- package/dist/esm/lib/components/itemRove/itemRove.js +2 -0
- package/dist/esm/lib/components/overlay/overlay.js +2 -0
- package/dist/esm/lib/components/overlay/overlayStandAlone.js +2 -0
- package/dist/types/index.d.ts +10 -2
- package/package.json +1 -1
- package/dist/cjs/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/cjs/components/elementOrIcon/index.js +0 -2
- package/dist/cjs/components/itemRove/index.js +0 -2
- package/dist/cjs/components/itemRove/itemRove.js +0 -1
- package/dist/cjs/components/overlay/index.js +0 -1
- package/dist/cjs/components/overlay/overlay.js +0 -1
- package/dist/cjs/components/overlay/overlayStandAlone.js +0 -1
- package/dist/esm/components/elementOrIcon/elementOrIcon.js +0 -1
- package/dist/esm/components/elementOrIcon/index.js +0 -1
- package/dist/esm/components/itemRove/index.js +0 -1
- package/dist/esm/components/itemRove/itemRove.js +0 -2
- package/dist/esm/components/overlay/index.js +0 -1
- package/dist/esm/components/overlay/overlay.js +0 -2
- package/dist/esm/components/overlay/overlayStandAlone.js +0 -2
- /package/dist/cjs/{components → lib/components}/renderIf/renderIf.js +0 -0
- /package/dist/esm/{components → lib/components}/renderIf/renderIf.js +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../text/text.js"),o=require("../../lib/components/customComponent/customComponent.js"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),u=s.forwardRef(({component:s="div",cssClasses:u,icon:p,label:l,...m},x)=>{const a=n.pickCustomAttributes(m);return e.jsxRuntimeExports.jsx(o.CustomComponent,{ref:x,className:u?.tag,component:s,"data-testid":"tag",...a,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:u?.icon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.label},component:"span",...c.processText(l)})]})})});exports.TagStandAlone=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),r=require("../../text/text.js"),s=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/components/renderIf/renderIf.js"),o=require("../../../lib/types/states/states.js"),i=require("../../../lib/utils/process/processText/processText.js");exports.ErrorStandAlone=({cssClasses:n,customAttributtes:c,errorAriaLiveType:x,errorIcon:l,errorMessage:u,id:a,state:m})=>e.jsxRuntimeExports.jsx("div",{"aria-live":x,className:n?.errorcontainer,id:a,...c,children:e.jsxRuntimeExports.jsx(t.RenderIf,{condition:!!i.processText(u).children&&m===o.STATES.ERROR,children:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.erroricon,customAttributes:c,...l}),e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:n?.errormessage},component:"p",customAttributes:c,...i.processText(u),children:i.processText(u).children})]})})});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../../lib/components/renderIf/renderIf.js"),i=require("../../lib/hooks/useId/useId.js"),n=require("../../lib/types/states/states.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),l=require("./components/errorStandAlone.js"),u=require("./components/helpMessageStandAlone.js"),c=require("./components/textCount/textCount.js"),d=require("./components/titleStandAlone.js"),x=require("./utils/aria.utils.js"),p=t.forwardRef(({additionalInfo:t,counterVariant:p,cssClasses:m,errorAriaLiveType:j="assertive",errorIcon:h,errorMessage:b,height:A,helpMessage:g,id:C,label:E,labelInsideTextArea:T,maxLength:I,onBlur:q,onChange:S,onFocus:R,placeholder:v,required:f,screenReaderTextCount:y,spellCheck:k,state:L,title:M,value:B,...D},N)=>{const _=i.useId("textArea"),F=C??_,H=`${F}HelpText`,$=`${F}Error`,w=`${F}TextCount`,P=o.pickCustomAttributes({"data-state":L}),K=[n.STATES.DISABLED_EMPTY,n.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:N,className:m?.text_area,"data-testid":"text-area",...P,...o.pickCustomAttributes(D),children:[e.jsxRuntimeExports.jsx(d.TitleStandAlone,{cssClasses:m,customAttributtes:P,title:M}),e.jsxRuntimeExports.jsxs("div",{className:m?.labeltextareacontainer,role:"button",style:{height:T?A:void 0},tabIndex:0,onClick:()=>document.getElementById(F)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(F)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:m?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:m?.required,customAttributes:P,inputId:F,required:f,textCssClasses:m?.label,...a.processText(E),children:a.processText(E).children}),t]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":x.buildAriaDescribedBy({errorMessage:a.processText(b).children,helpMessage:a.processText(g).children,state:L,textAreaErrorId:$,textAreaHelpTextId:H}),className:m?.textarea,disabled:K,id:F,maxLength:I,placeholder:v,required:f,spellCheck:k,style:{height:A||void 0},value:B,onBlur:q,onChange:S,onFocus:R,...P,children:B})]}),e.jsxRuntimeExports.jsxs("div",{className:m?.bottomcontainer,...P,children:[e.jsxRuntimeExports.jsxs("div",{className:m?.helpmessageerrorcontainer,...P,children:[e.jsxRuntimeExports.jsx(l.ErrorStandAlone,{cssClasses:m,customAttributtes:P,errorAriaLiveType:j,errorIcon:h,errorMessage:b,id:$,state:L}),e.jsxRuntimeExports.jsx(u.HelpMessageStandAlone,{cssClasses:m,customAttributtes:P,helpMessage:g,id:H})]}),e.jsxRuntimeExports.jsx(r.RenderIf,{condition:!!p,children:e.jsxRuntimeExports.jsx(c.TextCount,{additionalClasses:{letftext:m?.counterleft,righttext:m?.counterright,text_count:m?.counter},currentCharacters:B?.length??0,id:w,maxLength:I,screenReaderText:y,variant:p})})]})]})});exports.TextAreaStandAlone=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),r=require("./utils/buildComponentProps.js"),i=require("./utils/thumbTransformCalculations.js"),c=({checked:c=!1,component:l="button",cssClasses:d,dataTestId:u="toggle",disabled:m=!1,id:p,leftIcon:b,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,rightIcon:C,tabIndex:g,value:k,...R},E)=>{const q=c&&!!C,N=!c&&!!b,T="button"!==l,w=s.useRef(null),M=s.useRef(null),{transform:O}=i.useToggleTransform({checked:c,thumbRef:M,trackRef:w});s.useImperativeHandle(E,()=>w.current,[]);const A=n.pickCustomAttributes(R),S=r.buildComponentProps({"aria-describedby":R["aria-describedby"],"aria-label":R["aria-label"],"aria-labelledby":R["aria-labelledby"],checked:c,decorative:T,disabled:m,id:p,name:x,onBlur:j,onClick:v,onFocus:f,onKeyDown:h,onMouseEnter:y,onMouseLeave:I,tabIndex:g,value:k});return e.jsxRuntimeExports.jsx(t.CustomComponent,{...A,...S,ref:w,className:d?.track,component:l,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,"data-testid":u,children:e.jsxRuntimeExports.jsxs("span",{ref:M,className:d?.thumb,"data-checked":!!c||void 0,"data-disabled":!!m||void 0,style:{transform:O},children:[e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-right-icon`,style:{opacity:q?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(C)})}),e.jsxRuntimeExports.jsx("div",{className:d?.iconwrapper,"data-testid":`${u}-left-icon`,style:{opacity:N?1:0},children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:d?.icon,"data-disabled":!!m||void 0,...a.processIcon(b)})})]})})};c.displayName="ToggleStandAlone";const l=s.forwardRef(c);exports.ToggleStandalone=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js");;/* empty css */const t=require("../
|
|
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 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/
|
|
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;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/accordion/accordionControlled.js"),o=require("./components/accordion/accordionUnControlled.js"),r=require("./components/avatar/avatar.js"),t=require("./components/badge/badge.js"),n=require("./components/breadcrumbs/breadcrumbs.js"),s=require("./components/button/button.js"),l=require("./components/calendar/calendar.js"),p=require("./components/cardImage/cardImage.js"),i=require("./components/carousel/carousel.js"),a=require("./components/carousel/types/carousel.js"),c=require("./components/checkbox/checkboxControlled.js"),d=require("./components/checkbox/checkboxUnControlled.js"),u=require("./components/checkboxBase/checkboxBaseControlled.js"),x=require("./components/checkboxBase/checkboxBaseUncontrolled.js"),b=require("./components/chip/chip.js"),m=require("./components/container/container.js"),C=require("./components/dataTable/dataTable.js"),g=require("./components/dot/dot.js"),j=require("./components/dropdownSelected/dropdownSelectedControlled.js"),q=require("./components/dropdownSelected/dropdownSelectedUncontrolled.js"),S=require("./components/icon/icon.js"),B=require("./components/icon/iconHost.js"),v=require("./components/image/image.js"),T=require("./components/input/input.js"),P=require("./components/inputBase/inputBase.js"),U=require("./components/inputDecoration/inputDecoration.js"),k=require("./components/inputSignature/inputSignatureControlled.js"),A=require("./components/inputSignature/inputSignatureUncontrolled.js"),E=require("./components/label/labelStandAlone.js"),R=require("./components/link/link.js"),y=require("./components/link/linkAsButton/linkAsButton.js"),D=require("./components/listOptions/listOptions.js"),I=require("./components/message/messageControlled.js"),_=require("./components/message/messageUnControlled.js"),h=require("./components/modal/modalControlled.js"),O=require("./components/modal/modalUnControlled.js"),M=require("./components/navBar/navBar.js"),f=require("./components/option/option.js"),L=require("./components/pageControl/pageControl.js"),w=require("./components/pagination/pagination.js"),N=require("./components/popover/popover.js"),G=require("@floating-ui/dom"),K=require("./components/progressBar/progressBar.js"),F=require("./components/radioButton/radioButton.js"),H=require("./components/radioButton/radioButtonStandAlone.js"),W=require("./components/selectorBoxFile/selectorBoxFile.js"),V=require("./components/skeleton/skeleton.js"),Y=require("./components/slider/slider.js"),z=require("./components/snackbar/snackbar.js"),J=require("./components/stepperNumber/stepperNumber.js"),Q=require("./components/table/table.js"),X=require("./components/tableBody/tableBody.js"),Z=require("./components/tableCaption/tableCaption.js"),$=require("./components/tableCell/tableCell.js"),ee=require("./components/tableDivider/tableDivider.js"),oe=require("./components/tableFoot/tableFoot.js"),re=require("./components/tableHead/tableHead.js"),te=require("./components/tableRow/tableRow.js"),ne=require("./components/tabs/tabsControlled.js"),se=require("./components/tabs/tabsUnControlled.js"),le=require("./components/tag/tag.js"),pe=require("./components/text/text.js"),ie=require("./components/textArea/textArea.js"),ae=require("./components/toggle/toggleControlled.js"),ce=require("./components/toggle/toggleStandAlone.js"),de=require("./components/toggle/toggleUnControlled.js"),ue=require("./components/tooltip/tooltipControlled.js"),xe=require("./components/tooltip/tooltipUnControlled.js"),be=require("./components/virtualKeyboard/virtualKeyboard.js"),me=require("./lib/provider/genericComponentsProvider/genericComponentsProvider.js"),Ce=require("./lib/provider/kubitProvider/kubitProvider.js"),ge=require("./lib/provider/stylesProvider/stylesProvider.js"),je=require("./lib/provider/utilsProvider/utilsProvider.js");exports.AccordionControlled=e.AccordionControlled,exports.Accordion=o.Accordion,exports.Avatar=r.Avatar,exports.Badge=t.Badge,exports.BreadCrumbs=n.BreadCrumbs,exports.Button=s.Button,exports.Calendar=l.Calendar,exports.CardImage=p.CardImage,exports.Carousel=i.Carousel,exports.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY=a.CAROUSEL_BUILD_SCREEN_READER_CURRENT_PAGE_KEY,exports.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY=a.CAROUSEL_BUILD_SCREEN_READER_NUM_PAGES_KEY,exports.CheckboxControlled=c.CheckboxControlled,exports.Checkbox=d.CheckboxUnControlled,exports.CheckboxBaseControlled=u.CheckboxBaseControlled,exports.CheckboxBase=x.CheckboxBaseUnControlled,exports.Chip=b.Chip,exports.Container=m.Container,exports.DataTable=C.DataTable,exports.Dot=g.Dot,exports.DropdownSelectedControlled=j.DropdownSelectedControlled,exports.DropdownSelected=q.DropdownSelectedUnControlled,exports.IconBasic=S.IconBasic,exports.Icon=B.IconHost,exports.Image=v.Image,exports.Input=T.Input,exports.InputBase=P.InputBase,exports.InputDecoration=U.InputDecoration,exports.InputSignatureControlled=k.InputSignatureControlled,exports.InputSignature=A.InputSignatureUnControlled,exports.Label=E.LabelStandAlone,exports.Link=R.Link,exports.LinkAsButton=y.LinkAsButton,exports.ListOptions=D.ListOptions,exports.MessageControlled=I.MessageControlled,exports.Message=_.MessageUnControlled,exports.ModalControlled=h.ModalControlled,exports.Modal=O.ModalUnControlled,exports.NabVar=M.NabVar,exports.Option=f.Option,exports.PageControl=L.PageControl,exports.Pagination=w.Pagination,exports.Popover=N.Popover,Object.defineProperty(exports,"popoverMWArrow",{enumerable:!0,get:()=>G.arrow}),Object.defineProperty(exports,"popoverMWAutoPlacement",{enumerable:!0,get:()=>G.autoPlacement}),Object.defineProperty(exports,"popoverMWFlip",{enumerable:!0,get:()=>G.flip}),Object.defineProperty(exports,"popoverMWHide",{enumerable:!0,get:()=>G.hide}),Object.defineProperty(exports,"popoverMWOffset",{enumerable:!0,get:()=>G.offset}),Object.defineProperty(exports,"popoverMWShift",{enumerable:!0,get:()=>G.shift}),Object.defineProperty(exports,"popoverMWSize",{enumerable:!0,get:()=>G.size}),exports.ProgressBar=K.ProgressBar,exports.RadioButton=F.RadioButton,exports.RadioButtonStandAlone=H.RadioButtonStandAlone,exports.SelectorBoxFile=W.SelectorBoxFile,exports.Skeleton=V.Skeleton,exports.Slider=Y.Slider,exports.Snackbar=z.Snackbar,exports.StepperNumber=J.StepperNumber,exports.Table=Q.Table,exports.TableBody=X.TableBody,exports.TableCaption=Z.TableCaption,exports.TableCell=$.TableCell,exports.TableDivider=ee.TableDivider,exports.TableFoot=oe.TableFoot,exports.TableHead=re.TableHead,exports.TableRow=te.TableRow,exports.TabsControlled=ne.TabsControlled,exports.Tabs=se.TabsUnControlled,exports.Tag=le.Tag,exports.Text=pe.Text,exports.TextArea=ie.TextArea,exports.ToggleControlled=ae.ToggleControlled,exports.ToggleStandalone=ce.ToggleStandalone,exports.ToggleUncontrolled=de.ToggleUncontrolled,exports.TooltipControlled=ue.TooltipControlled,exports.Tooltip=xe.TooltipUnControlled,exports.VirtualKeyboard=be.VirtualKeyboard,exports.GenericComponentContext=me.GenericComponentContext,exports.GenericComponentsProvider=me.GenericComponentsProvider,exports.useGenericComponents=me.useGenericComponents,exports.KubitProvider=Ce.KubitProvider,exports.StylesContext=ge.StylesContext,exports.StylesProvider=ge.StylesProvider,exports.useStylesContext=ge.useStylesContext,exports.UtilsContext=je.UtilsContext,exports.UtilsProvider=je.UtilsProvider,exports.useUtilsProvider=je.useUtilsProvider;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),o=require("react"),n=require("../../../components/icon/icon.js"),r=require("../../../components/icon/iconHost.js"),t=o.forwardRef(({basic:t=!1,icon:i,...s},c)=>i?"string"==typeof i?t?e.jsxRuntimeExports.jsx(n.IconBasic,{...s,ref:c,icon:i}):e.jsxRuntimeExports.jsx(r.IconHost,{...s,ref:c,icon:i}):o.isValidElement(i)?i:null:null);exports.ElementOrIcon=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../../components/text/text.js"),t=require("../elementOrIcon/elementOrIcon.js"),o=require("../../utils/classNames/classNames.js"),i=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../utils/process/processIcon/processIcon.js"),c=require("../../utils/process/processText/processText.js"),u=e.forwardRef(({cssClasses:e,icon:u,message:a,...l},x)=>{if(!a)return null;const m=i.pickCustomAttributes(l);return s.jsxRuntimeExports.jsx("div",{ref:x,...m,className:o.classNames("kbt-error-message__container",e?.error_message,{"kbt-sr-only":!l.show}),id:l.id,children:l.show&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:e?.icon,...n.processIcon(u)}),s.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:e?.typography},...c.processText(a)})]})})});exports.ErrorMessageStandAlone=u;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../hooks/useClassName/useClassName.js"),r=require("../../utils/classNames/classNames.js"),o=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../customComponent/customComponent.js");exports.ItemRove=({ariaControls:i,ariaDisabled:u=!1,ariaHidden:l=!1,ariaLabel:n,ariaSelected:c,asElement:m,checkIsFirstTime:d=!1,children:p,classNames:b,customAttributes:C,disabled:j=!1,disableKeys:v=!1,focus:f,id:x,index:N,onMouseOver:k,onSelectItem:q,preventScrollOnFocus:y=!1,role:S,setFocus:h,type:E,url:I,...O})=>{const R=s.useRef(null),A=s.useRef(d),F=t.useClassName({component:"ITEM_ROVE"}),M=o.pickCustomAttributes({...O,...C});s.useEffect(()=>{f&&!A.current?R.current?.focus({preventScroll:y}):A.current=!1},[f,y]);const T=e=>{v||(h?.(N),e&&q?.())};return e.jsxRuntimeExports.jsx(a.CustomComponent,{ref:R,"aria-controls":i,"aria-disabled":u,"aria-hidden":l,"aria-label":n,"aria-selected":c,className:r.classNames(F.item_rove,b),component:m,"data-testid":"item-rove",disabled:j,id:x,role:S,tabIndex:f?0:-1,type:E,url:I,onClick:()=>T(!0),onFocus:k,onKeyDown:()=>T(!1),onMouseOver:k,...M,children:p})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../hooks/useClassName/useClassName.js"),r=require("./overlayStandAlone.js"),t=s.forwardRef(({additionalClasses:s,variant:t,...o},l)=>{const n=a.useClassName({additionalClassNames:s,component:"OVERLAY",variant:t});return e.jsxRuntimeExports.jsx(r.OverlayStandAlone,{...o,ref:l,cssClasses:n})});exports.Overlay=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),r=require("../../utils/pickCustomAttributes/pickCustomAttributes.js"),s=e.forwardRef(({cssClasses:e,...s},i)=>{const u=r.pickCustomAttributes(s);return t.jsxRuntimeExports.jsx("div",{ref:i,className:e?.overlay,"data-testid":"overlay",...s,...u,...u})});exports.OverlayStandAlone=s;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{
|
|
2
|
-
/* @__PURE__ */s.jsx(
|
|
3
|
-
/* @__PURE__ */s.jsx(
|
|
4
|
-
/* @__PURE__ */s.jsx(
|
|
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,9 +1,7 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as
|
|
2
|
-
return t.jsx("div",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsxs("span",{className:
|
|
4
|
-
/* @__PURE__ */t.jsx(
|
|
5
|
-
/* @__PURE__ */t.jsx(
|
|
6
|
-
/* @__PURE__ */t.jsx(
|
|
7
|
-
/* @__PURE__ */t.jsx(
|
|
8
|
-
/* @__PURE__ */t.jsx(m,{className:j?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...l(C),customAttributes:B})]})}),
|
|
9
|
-
/* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:u})]})})});export{u as BadgeStandAlone};
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useRef as e,useImperativeHandle as o,useCallback as a}from"react";import{Dot as r}from"../dot/dot.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as n}from"../../lib/components/elementOrIcon/elementOrIcon.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 d=s(({active:s,ariaLiveText:d,cssSizeClasses:u,cssVariantClasses:p,dot:b,hasDot:j,icon:x,label:f,labelIcon:h,onBadgeBlur:C,onClick:N,role:$,...g},v)=>{const A=e(null),I=e(null),k={"data-active":!!s},B=l({...g,customAttributes:k}),T=l(k),y=B["data-testid"]||"badge";o(v,()=>I.current,[]);const D=a(t=>{C?.(t)},[C]),O=a(t=>{N?.(t)},[N]);/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{ref:I,className:`${p?.badge} ${u?.badge}`,"data-testid":`${y}-container`,...T,children:/* @__PURE__ */t.jsxs("button",{ref:A,className:p?.button,"data-testid":y,role:$,type:"button",onBlur:D,onClick:O,...B,children:[
|
|
3
|
+
/* @__PURE__ */t.jsxs("span",{className:p?.dotcontainer,children:[!!b&&!!j&&/* @__PURE__ */t.jsx("span",{"aria-hidden":!0,className:p?.dot,children:/* @__PURE__ */t.jsx(r,{...b})}),
|
|
4
|
+
/* @__PURE__ */t.jsx(n,{className:`${p?.icon} ${u?.icon}`,...c(x),customAttributes:k})]}),!!f&&/* @__PURE__ */t.jsxs("span",{"aria-hidden":!0,className:p?.labelcontainer,children:[
|
|
5
|
+
/* @__PURE__ */t.jsx(i,{additionalClasses:{text:`${u?.label} ${p?.label}`},component:"span",...m(f),customAttributes:k}),
|
|
6
|
+
/* @__PURE__ */t.jsx(n,{className:p?.labelicon,rotate:s?"180deg":"0deg",transitionDuration:"0.2s",...c(h),customAttributes:k})]}),
|
|
7
|
+
/* @__PURE__ */t.jsx("screen-reader-only",{"aria-live":"polite",children:d})]})})});export{d as BadgeStandAlone};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{j as t}from"../../../../_virtual/jsx-runtime.js";import{
|
|
2
|
-
return t.jsxs("li",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(
|
|
4
|
-
/* @__PURE__ */t.jsx(
|
|
5
|
-
/* @__PURE__ */t.jsx(
|
|
6
|
-
/* @__PURE__ */t.jsx("div",{className:d?.icondividercontainer,children:/* @__PURE__ */t.jsx(
|
|
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,5 +1,3 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as
|
|
2
|
-
return t.jsxs("button",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(e,{
|
|
4
|
-
/* @__PURE__ */t.jsx(e,{condition:!y,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
5
|
-
/* @__PURE__ */t.jsx(c,{...a(j),className:n(m?.icon,p?.icon)}),d]})})]})});export{d as ButtonStandAlone};
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useMemo as o,Children as i}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as n}from"../../lib/utils/process/processIcon/processIcon.js";const c=s(({alignText:s,children:c,cssSizeClasses:m,cssVariantClasses:d,disabled:p,form:u,fullWidth:b,icon:f,iconPosition:j,id:x,loader:h,loading:y,minWidth:C,onClick:I,role:g,tabIndex:N,title:k,type:A,...T},v)=>{const F=o(()=>m?.dynamic_values({$alignText:s||"left"}).object,[s]),O={"data-content":i.toArray(c)[0],"data-full-width":b,"data-loading":y,"data-position":j||l.LEFT},W=a({...T,customAttributes:O});/* @__PURE__ */
|
|
2
|
+
return t.jsxs("button",{ref:v,className:r(m?.button,d?.button),"data-testid":"button",disabled:p,form:u,id:x,role:g,style:F,tabIndex:N,title:k,type:A,onClick:I,...W,...O,children:[!!h&&!!y&&/* @__PURE__ */t.jsx("span",{className:r(m?.loader,d?.loader),children:h}),!y&&/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
3
|
+
/* @__PURE__ */t.jsx(e,{...n(f),className:r(m?.icon,d?.icon)}),c]})]})});export{c as ButtonStandAlone};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as e}from"../../../_virtual/jsx-runtime.js";import{Button as t}from"../../button/button.js";import{
|
|
2
|
-
return e.jsx(t,{additionalSizeClasses:Y?void 0:l?.button_size,additionalVariantClasses:N?void 0:l?.button_variant,"aria-label":
|
|
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
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),
|
|
5
|
-
/* @__PURE__ */e.jsx(
|
|
6
|
-
/* @__PURE__ */e.jsx(
|
|
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
7
|
/* @__PURE__ */e.jsxs("div",{className:l?.selectoroptionscontainer,children:[
|
|
8
|
-
/* @__PURE__ */e.jsx(
|
|
9
|
-
/* @__PURE__ */e.jsx("span",{style:{visibility:R?"hidden":"visible"},children:/* @__PURE__ */e.jsx(
|
|
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,5 +1,5 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as s}from"
|
|
2
|
-
return e.jsxs("div",{ref:
|
|
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
3
|
/* @__PURE__ */e.jsxs("div",{className:c?.checkboxwithlabelcontainer,children:[
|
|
4
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
5
|
/* @__PURE__ */e.jsx("screen-reader-only",{id:$,children:j}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{
|
|
2
|
-
return s.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...
|
|
4
|
-
/* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":
|
|
1
|
+
import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";const c=t(({checkedIcon:t,cssClasses:c,inputRef:o,...n},r)=>{const i=n["data-testid"]??"checkbox-base";/* @__PURE__ */
|
|
2
|
+
return s.jsxs("div",{ref:r,className:c?.checkbox_base,"data-testid":i,children:[
|
|
3
|
+
/* @__PURE__ */s.jsx("input",{ref:o,className:c?.input,type:"checkbox",...n,"data-testid":`${i}-input`}),
|
|
4
|
+
/* @__PURE__ */s.jsx("span",{className:c?.iconcontainer,"data-state":n["data-state"],children:/* @__PURE__ */s.jsx(e,{className:c?.icon,complex:!0,"data-state":n["data-state"],...a(t)})})]})});export{c as CheckboxBaseStandAlone};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{j as s}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{
|
|
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
2
|
return s.jsxs(s.Fragment,{children:[
|
|
3
|
-
/* @__PURE__ */s.jsxs("span",{ref:N,"aria-disabled":h===
|
|
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
4
|
return s.jsxs("span",{className:p?.rangeitemwrapper,children:[
|
|
5
|
-
/* @__PURE__ */s.jsx(
|
|
6
|
-
/* @__PURE__ */s.jsx(
|
|
7
|
-
/* @__PURE__ */s.jsx(
|
|
8
|
-
/* @__PURE__ */s.jsx(
|
|
9
|
-
/* @__PURE__ */s.jsx(
|
|
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,14 +1,14 @@
|
|
|
1
|
-
import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,Fragment as s}from"react";import{
|
|
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
2
|
return a.jsxs("div",{ref:S,className:v?.data_table,"data-testid":"data-table",...D,children:[
|
|
3
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(
|
|
5
|
-
/* @__PURE__ */a.jsx(
|
|
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
6
|
/* @__PURE__ */a.jsx(d,{columns:j,cssClasses:v,sticky:y,tableHeadConfig:f?.tableHead,tableHeadRowConfig:f?.tableHeadRow,usingRowGroups:k}),
|
|
7
|
-
/* @__PURE__ */a.jsx(
|
|
8
|
-
/* @__PURE__ */a.jsx(
|
|
9
|
-
/* @__PURE__ */a.jsxs(
|
|
10
|
-
/* @__PURE__ */a.jsx(
|
|
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
11
|
/* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
|
|
12
|
-
/* @__PURE__ */a.jsx(
|
|
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
13
|
/* @__PURE__ */a.jsx("div",{className:v?.leftboxshadowcontainer,"data-datatable-left-shadow":!0}),
|
|
14
14
|
/* @__PURE__ */a.jsx("div",{className:v?.rightboxshadowcontainer,"data-datatable-right-shadow":!0})]})});export{h as DataTableStandAlone};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useMemo as t}from"react";import{
|
|
2
|
-
return o.jsxs("div",{ref:B,className:
|
|
3
|
-
/* @__PURE__ */o.jsxs(
|
|
4
|
-
/* @__PURE__ */o.jsx(
|
|
5
|
-
/* @__PURE__ */o.jsx(
|
|
6
|
-
/* @__PURE__ */o.jsx(
|
|
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,5 +1,5 @@
|
|
|
1
|
-
import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{RenderIf as t}from"
|
|
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
2
|
return i.jsxs("div",{ref:b,className:r?.input,...x,children:[
|
|
3
|
-
/* @__PURE__ */i.jsx(t,{condition:!(!
|
|
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
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
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,2 +1,2 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{
|
|
2
|
-
return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{ElementOrIcon as e}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const i=o(({cssClasses:o,decoration:i,disabled:r,...n},c)=>{if(!i?.icon)return null;const l=s(n);/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{ref:c,className:o?.input_decoration,style:{pointerEvents:i.onClick?"auto":"none"},...l,children:/* @__PURE__ */t.jsx(e,{className:o?.decoration,...i,onClick:i.onClick})})});export{i as InputDecorationStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{
|
|
2
|
-
return t.jsxs("div",{ref:x,className:n?.input_signature,"data-testid":C,role:"button",tabIndex:-1,onBlur:l,onClick:
|
|
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
3
|
/* @__PURE__ */t.jsx("canvas",{ref:s,className:n?.canvas,"data-testid":`${C}-canvas`,...R}),
|
|
4
|
-
/* @__PURE__ */t.jsx(
|
|
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,3 +1,3 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{
|
|
2
|
-
return t.jsxs(
|
|
3
|
-
/* @__PURE__ */t.jsx(
|
|
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,3 +1,3 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as o}from"../text/text.js";import{
|
|
2
|
-
return t.jsx(
|
|
3
|
-
/* @__PURE__ */t.jsx(
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as o}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 i}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CustomComponent as l}from"../../lib/components/customComponent/customComponent.js";const n=e(({children:e,color:n,component:c=o,cssClasses:a,cssTextClasses:m,decoration:d,disabled:p,draggable:u,icon:j,iconPosition:x,id:b,onClick:f,rel:g,role:C,target:h,url:k,weight:N,...v},w)=>{const y=p?void 0:f,A=p?void 0:k,D=r(a?.link,m?.text),I={flexDirection:"left"===x?"row":"row-reverse"},O={color:n,fontWeight:N,textDecoration:d},P=i(v);/* @__PURE__ */
|
|
2
|
+
return t.jsx(l,{ref:w,className:D,component:c,"data-testid":"link",disabled:p,draggable:u,id:b,rel:g,role:C,style:O,target:h,url:A,onClick:y,...P,children:j?/* @__PURE__ */t.jsxs("span",{className:a?.labelandiconcontainer,style:I,children:[
|
|
3
|
+
/* @__PURE__ */t.jsx(s,{className:a?.icon,...j},"icon"),e]}):/* @__PURE__ */t.jsx("span",{style:I,children:e})})});export{n as LinkStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useMemo as e,useImperativeHandle as i}from"react";import{
|
|
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
2
|
return t.jsxs("div",{className:g?.list_options,"data-testid":V,...H,children:[
|
|
3
|
-
/* @__PURE__ */t.jsx(
|
|
4
|
-
/* @__PURE__ */t.jsx(
|
|
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,10 +1,10 @@
|
|
|
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{
|
|
2
|
-
return n.jsx("div",{...z,"aria-live":x,className:g?.message,children:/* @__PURE__ */n.jsx(
|
|
3
|
-
/* @__PURE__ */n.jsxs(
|
|
4
|
-
/* @__PURE__ */n.jsx(
|
|
5
|
-
/* @__PURE__ */n.jsx(
|
|
6
|
-
/* @__PURE__ */n.jsxs("div",{className:
|
|
7
|
-
/* @__PURE__ */n.jsx(
|
|
8
|
-
/* @__PURE__ */n.jsx(
|
|
9
|
-
/* @__PURE__ */n.jsx(
|
|
10
|
-
/* @__PURE__ */n.jsx(
|
|
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};
|