@kubit-ui-web/react-components 2.0.0-beta.3 → 2.0.0-beta.5
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 +1 -4
- package/dist/esm/components/badge/badgeStandAlone.js +7 -9
- package/dist/esm/components/breadcrumbs/components/crumbStandAlone/crumbStandAlone.js +3 -6
- package/dist/esm/components/button/buttonStandAlone.js +3 -5
- package/dist/esm/components/calendar/selector/selector.js +7 -9
- package/dist/esm/components/checkbox/checkboxStandAlone.js +5 -7
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +7 -8
- package/dist/esm/components/dataTable/dataTableStandAlone.js +10 -14
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -6
- package/dist/esm/components/input/inputStandAlone.js +3 -5
- package/dist/esm/components/inputDecoration/inputDecorationStandAlone.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -4
- package/dist/esm/components/label/labelStandAlone.js +2 -3
- package/dist/esm/components/link/linkStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -4
- package/dist/esm/components/message/messageStandAlone.js +5 -10
- package/dist/esm/components/modal/fragments/modalHeader.js +3 -9
- package/dist/esm/components/modal/modalStandAlone.js +4 -5
- package/dist/esm/components/option/optionStandAlone.js +9 -12
- package/dist/esm/components/pageControl/components/arrowControlStandAlone.js +2 -2
- package/dist/esm/components/pageControl/components/controls.js +2 -4
- package/dist/esm/components/pageControl/pageControlStandAlone.js +6 -8
- package/dist/esm/components/pagination/fragments/paginationButtonControl.js +2 -2
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -8
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileAnimation.js +3 -7
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +9 -13
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +3 -3
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +5 -9
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileTooltip.js +1 -1
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +7 -8
- package/dist/esm/components/slider/components/sliderHelperTextStandAlone.js +1 -3
- package/dist/esm/components/slider/components/sliderThumbStandAlone.js +1 -1
- package/dist/esm/components/slider/sliderStandAlone.js +17 -19
- package/dist/esm/components/stepperNumber/stepperNumberStandAlone.js +8 -8
- package/dist/esm/components/tabs/tabsStandAlone.js +5 -6
- 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 +11 -12
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/tooltipStandAlone.js +8 -10
- 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/cjs/components/renderIf/renderIf.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/esm/components/renderIf/renderIf.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),n=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/types/states/states.js"),a=require("../../lib/utils/classNames/classNames.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/components/customComponent/customComponent.js"),c=require("./helpers/aria.js"),l=require("./helpers/screnReader.js"),p=require("./helpers/stepState.js"),m=t.forwardRef(({completedStepIcon:t,cssOrientationClasses:m,cssVariantClasses:d,currentStep:u=0,horizontalOrientationWidth:x,orientation:j,screenReaderCompletedStep:b,screenReaderTextBuilder:h,screenReaderTitle:E,stepMaxTruncatedLines:R,steps:N,...C},S)=>{const T=p.mapToStepState(N,u),q="vertical"===j,A=Boolean(E),y=C["data-testid"]||"stepper-number";return e.jsxRuntimeExports.jsxs("div",{ref:S,"aria-hidden":!q,"data-testid":y,children:[E?.content&&e.jsxRuntimeExports.jsx(o.CustomComponent,{className:"kbt-sr-only",component:E.component,children:E?.content}),e.jsxRuntimeExports.jsx("ol",{className:a.classNames(m?.stepper_number,d?.stepper_number),"data-testid":`${y}-steps-container`,children:T.map((p,E)=>{const N=E===T.length-1,C={"data-state":p.state},S=i.pickCustomAttributes(C);return e.jsxRuntimeExports.jsxs("li",{"aria-current":c.buildAriaCurrent(u,E,j),"data-testid":`${y}-li-${E}`,style:{display:q?"flex":"block",width:!q&&N?"auto":x},children:[A&&e.jsxRuntimeExports.jsx("screen-reader-only",{children:l.buildScreenReaderText(E,u,T.length,h,p.name,q)}),e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!(q&&!A)||void 0,className:a.classNames(m?.stepcontainer,d?.stepcontainer),...S,children:[e.jsxRuntimeExports.jsxs("span",{className:d?.stepcirclecontainer,"data-testid":`${y}-step-${E}`,style:{flexDirection:"vertical"===j?"column":"row"},children:[e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepcircle,d?.stepcircle),...S,children:p.state===r.STATES.COMPLETED?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(n.ElementOrIcon,{className:a.classNames(m?.iconselected,d?.iconselected),customAttributes:C,...t}),e.jsxRuntimeExports.jsx("screen-reader-only",{children:E+1})]}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepindex,d?.stepindex)},component:"span",customAttributes:C,children:E+1})}),!N&&e.jsxRuntimeExports.jsx("span",{className:a.classNames(m?.stepbar,d?.stepbar),...i.pickCustomAttributes({"data-state":T[E+1].state})})]}),q&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!!A||void 0,className:a.classNames(m?.stepnamecontainer,d?.stepnamecontainer),"data-islast":N,"data-testid":`${y}-step-description-${E}`,...S,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:a.classNames(m?.stepname,d?.stepname)},component:"span",customAttributes:C,maxTruncatedLines:R,children:p.name}),!A&&p.state===r.STATES.COMPLETED&&b?.content&&e.jsxRuntimeExports.jsxs(o.CustomComponent,{className:"kbt-sr-only",component:b.component,"data-testid":b["data-testid"],children:[" ",b.content]})]})]})]},`stepContainer-${E.toString()}`)})})]})});exports.StepperNumberStandAlone=m;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../text/text.js"),a=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/itemRove/itemRove.js"),n=require("../../lib/hooks/useId/useId.js"),o=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/states/states.js"),l=require("../../lib/utils/classNames/classNames.js"),c=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),b=require("../../lib/utils/process/processText/processText.js"),u=require("./hooks/useTabs/useTabs.js"),d=e.forwardRef(({allowFocusTabPanel:e=!0,autoWidth:d=!1,content:x,cssClasses:m,device:p,hideLabelForSingleTab:j,leftControlAriaLabel:h,leftIcon:T,maxTabsInView:$=3,onSelectTab:E,rightControlAriaLabel:v,rightIcon:I,selectedTab:R,tabs:S,unMountContent:C=!0,...N},f)=>{const{isMobile:k}=o.useActiveBreakpoints(),A=n.useId("Tabs"),g=`${A}-tab-list`,q=`${A}-tab-panel`,y=S?.length??0,w=Math.min(y,$),{focus:L,handleClickIcon:M,handleClickTab:O,listEl:D,position:F}=u.useTabs({numTabsInView:w,selectedTab:R,tabsLength:y}),B=0===F,P=F>=y-w,V=N["data-testid"]||"tabs",W=c.pickCustomAttributes(N),U=e=>{const s="left"===e,i=s?B:P;return y>w?t.jsxRuntimeExports.jsx("button",{"aria-label":s?h:v,className:m?.arrowiconcontainer,"data-position":s?"left":"right","data-testid":`${V}-icon-${e}`,disabled:i,tabIndex:0,type:"button",onClick:()=>{i||M(!s)},children:t.jsxRuntimeExports.jsx(a.ElementOrIcon,{className:m?.icon,customAttributes:{"data-disabled":i},"data-position":s?"left":"right",...s?T:I})}):null};return t.jsxRuntimeExports.jsxs("div",{ref:f,className:m?.tabs,"data-testid":V,...W,children:[t.jsxRuntimeExports.jsxs("div",{className:m?.container,children:[U("left"),t.jsxRuntimeExports.jsx("div",{ref:D,className:m?.tabbuttonscontainer,id:g,role:"tablist",children:S?.map((e,a)=>{const n=R===a,o=n?r.STATES.SELECTED:r.STATES.UNSELECTED,u=a>=F&&a<F+w,x={"data-state":o};return t.jsxRuntimeExports.jsx("div",{className:m?.tabcontainer,"data-testid":`${V}-tab-${a}`,...c.pickCustomAttributes(x),style:{minWidth:k?`calc(100% / ${w})`:"auto",width:d?"auto":`calc(100% / ${y})`},children:y>1?t.jsxRuntimeExports.jsx(i.ItemRove,{ariaDisabled:k&&!u||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:l.classNames(m?.tabbutton,{[`${m?.firsttabbutton}`]:0===a,[`${m?.lasttabbutton}`]:a===y-1}),customAttributes:x,disabled:k&&!u||e.disabled,focus:L===a,id:`${A}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{E?.(a),O(a)},children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},component:"span",customAttributes:x,"data-hidden":!!j,...b.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:l.classNames(m?.onetabcontainer,{[`${m?.tabbutton}`]:!!j}),id:`${A}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},"data-hidden":!!j,...b.processText(e),children:b.processText(e).children})})},`${V}-tab-${a.toString()}`)})}),U("right")]}),(()=>{const s={role:"tabpanel",tabIndex:e?0:-1};return C?null!=R&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${A}-tab-${R}`,className:m?.contentcontainer,...s,children:x?.[R]}):x?.map((e,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${A}-tab-${a}`,className:m?.contentcontainer,id:`${q}-${a}`,style:{display:R===a?"block":"none"},...s,children:e},`${A}-${a.toString()}-tab`))})()]})});exports.TabsStandAlone=d;
|
|
@@ -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"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processText/processText.js");exports.ErrorStandAlone=({cssClasses:i,customAttributtes:n,errorAriaLiveType:c,errorIcon:x,errorMessage:l,id:a,state:u})=>e.jsxRuntimeExports.jsx("div",{"aria-live":c,className:i?.errorcontainer,id:a,...n,children:!!o.processText(l).children&&u===t.STATES.ERROR&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.erroricon,customAttributes:n,...x}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},component:"p",customAttributes:n,...o.processText(l),children:o.processText(l).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/hooks/useId/useId.js"),a=require("../../lib/types/states/states.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),n=require("./components/errorStandAlone.js"),l=require("./components/helpMessageStandAlone.js"),u=require("./components/textCount/textCount.js"),c=require("./components/titleStandAlone.js"),d=require("./utils/aria.utils.js"),x=t.forwardRef(({additionalInfo:t,counterVariant:x,cssClasses:p,errorAriaLiveType:m="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:A,id:g,label:C,labelInsideTextArea:E,maxLength:T,onBlur:S,onChange:q,onFocus:I,placeholder:v,required:R,screenReaderTextCount:y,spellCheck:f,state:k,title:L,value:M,...B},D)=>{const N=r.useId("textArea"),_=g??N,F=`${_}HelpText`,H=`${_}Error`,$=`${_}TextCount`,w=i.pickCustomAttributes({"data-state":k}),P=[a.STATES.DISABLED_EMPTY,a.STATES.DISABLED_FILLED].includes(k);return e.jsxRuntimeExports.jsxs("div",{ref:D,className:p?.text_area,"data-testid":"text-area",...w,...i.pickCustomAttributes(B),children:[e.jsxRuntimeExports.jsx(c.TitleStandAlone,{cssClasses:p,customAttributtes:w,title:L}),e.jsxRuntimeExports.jsxs("div",{className:p?.labeltextareacontainer,role:"button",style:{height:E?b:void 0},tabIndex:0,onClick:()=>document.getElementById(_)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById(_)?.focus()},children:[e.jsxRuntimeExports.jsxs("div",{className:p?.labelandadditionalinfocontainer,children:[e.jsxRuntimeExports.jsx(s.LabelStandAlone,{asteriskCssClasses:p?.required,customAttributes:w,inputId:_,required:R,textCssClasses:p?.label,...o.processText(C),children:o.processText(C).children}),t]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":d.buildAriaDescribedBy({errorMessage:o.processText(j).children,helpMessage:o.processText(A).children,state:k,textAreaErrorId:H,textAreaHelpTextId:F}),className:p?.textarea,disabled:P,id:_,maxLength:T,placeholder:v,required:R,spellCheck:f,style:{height:b||void 0},value:M,onBlur:S,onChange:q,onFocus:I,...w,children:M})]}),e.jsxRuntimeExports.jsxs("div",{className:p?.bottomcontainer,...w,children:[e.jsxRuntimeExports.jsxs("div",{className:p?.helpmessageerrorcontainer,...w,children:[e.jsxRuntimeExports.jsx(n.ErrorStandAlone,{cssClasses:p,customAttributtes:w,errorAriaLiveType:m,errorIcon:h,errorMessage:j,id:H,state:k}),e.jsxRuntimeExports.jsx(l.HelpMessageStandAlone,{cssClasses:p,customAttributtes:w,helpMessage:A,id:F})]}),!!x&&e.jsxRuntimeExports.jsx(u.TextCount,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:M?.length??0,id:$,maxLength:T,screenReaderText:y,variant:x})]})]})});exports.TextAreaStandAlone=x;
|
|
@@ -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"),o=require("../../lib/hooks/useId/useId.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/is/isString.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processIcon/processIcon.js"),d=require("../../lib/utils/process/processText/processText.js"),p=require("../icon/iconHost.js"),u=require("../popover/popover.js"),x=require("./components/tooltipTrigger.js"),j=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:m,children:b,childrenAsButton:v=!0,closeIcon:g,content:h,contentHasScroll:T,contentRef:I,contentScrollArias:y,cssClasses:C,disabled:R,dragIcon:k,dragIconRef:E,labelRef:N,mediaDevice:A,onCloseIconClick:f,onPopoverCloseInternally:q,onTooltipFocus:D,onTooltipKeyDown:w,onTriggerClick:B,onTriggerKeyDown:_,onTriggerMouseDown:O,onTriggerMouseUp:S,popover:M,popoverOpen:F,title:P,tooltipAriaLabel:$,tooltipAsModal:K,tooltipRef:H,triggerAsButton:U,...z})=>{const L=z["data-testid"]||"tooltip",G=a.pickCustomAttributes(z),J=o.useId("tooltip"),Q=`${J}Title`,V=`${J}Content`,W=d.processText(h),X=d.processText(P),Y=l.isString(W.children),{isDesktop:Z,isMobile:ee,isTablet:te}=i.useActiveBreakpoints(),se=Z||te;if(R)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":L,children:e.jsxRuntimeExports.jsx(x.TooltipTrigger,{childrenAsButton:v,disabled:!0,children:b})});const oe=j.getAriaDescriptorsBy({contentId:V,hasContent:!!h,hasTitle:!!X.children,titleId:Q}),ie={"data-align":m||r.POSITIONS.TOP},re=a.pickCustomAttributes(ie),ne=e.jsxRuntimeExports.jsxs("div",{ref:H,"aria-label":se?$:void 0,"aria-labelledby":se?j.getAriaDescriptorsBy({hasTitle:!!X.children,titleId:Q}):void 0,"aria-modal":!(!se||!K)||void 0,className:n.classNames("kbt-tooltip__external-container",C?.tooltipexternalcontainer),"data-testid":`${L}-content`,id:J,role:se?K?"dialog":"tooltip":void 0,...se&&{onFocus:D,onKeyDown:w},...G,children:[e.jsxRuntimeExports.jsxs("div",{className:C?.tooltipinternalcontainer,children:[(ee||te)&&!!k&&e.jsxRuntimeExports.jsx("div",{ref:E,className:C?.dragiconcontainer,"data-testid":`${L}-drag`,children:e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:C?.dragicon,...k})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(C?.title,C?.headercontainer),style:(le=!!X.children,ae=!!g?.icon,le&&ae?{justifyContent:"space-between"}:le?{justifyContent:"flex-end"}:ae?{justifyContent:"flex-start"}:{display:"none"}),children:[c.processIcon(g).icon&&e.jsxRuntimeExports.jsx("div",{className:C?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(p.IconHost,{...c.processIcon(g),className:C?.closebuttonicon,icon:c.processIcon(g).icon,onClick:f})}),!!X.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:Q,children:e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:C?.title},component:"h2",...X,children:X.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:I,"aria-label":T?y?.["aria-label"]:void 0,"aria-labelledby":T?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:T?"region":void 0,...T&&{tabIndex:0},children:!!h&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",C?.paragraphcontainer,{[`${C?.divider}`]:!!X.children}),id:V,children:Y?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:C?.paragraph},...W}):W.children})})]}),e.jsxRuntimeExports.jsx("div",{...re,className:n.classNames("kbt-tooltip__arrow",C?.arrowsize,C?.tooltipalignstyles,C?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:C?.arrow})})]});var le,ae;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":L,children:[e.jsxRuntimeExports.jsx(x.TooltipTrigger,{ariaDescribedBy:K||!se&&!F?void 0:oe,childrenAsButton:v,triggerAsButton:U,onClick:B,onKeyDown:_,onMouseDown:O,onMouseUp:S,children:b}),se?ne:e.jsxRuntimeExports.jsx(u.Popover,{additionalClasses:C?.popover?{arrow:"",popover:C.popover.popover||""}:void 0,"aria-label":M?.["aria-label"]||$,"aria-labelledby":j.getAriaDescriptorsBy({hasTitle:!!X.children,titleId:Q}),"aria-modal":K||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:F,preventCloseOnClickElements:[N?.current],role:K?"dialog":"tooltip",strategy:"absolute",onClose:q,...M,children:ne})]})};
|
|
@@ -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 @@
|
|
|
1
|
-
import{j as s}from"../../../_virtual/jsx-runtime.js";import{Dot as t}from"../../dot/dot.js";import{
|
|
2
|
-
/* @__PURE__ */s.jsx(i,{condition:!!a?.number,children:/* @__PURE__ */s.jsx("span",{className:m?.dot,children:/* @__PURE__ */s.jsx(t,{...a})})}),
|
|
3
|
-
/* @__PURE__ */s.jsx(i,{condition:"with-icon"===c,children:/* @__PURE__ */s.jsx(o,{className:m?.icon,customAttributes:l,...r(d)})}),
|
|
4
|
-
/* @__PURE__ */s.jsx(i,{condition:"with-initials"===c,children:/* @__PURE__ */s.jsx(e,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:l,...n(p,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,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,3 @@
|
|
|
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(s,{condition:!m,children:/* @__PURE__ */t.jsxs(t.Fragment,{children:[
|
|
5
|
-
/* @__PURE__ */t.jsx(s,{condition:!!j,children:/* @__PURE__ */t.jsx("div",{className:d?.linkcontainer,children:/* @__PURE__ */t.jsx(i,{...p,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(e,{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,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,7 @@
|
|
|
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:
|
|
3
|
-
return e.jsxs("div",{className:l?.selectorcontainer,style:{justifyContent:
|
|
4
|
-
/* @__PURE__ */e.jsxs("button",{"aria-label":
|
|
5
|
-
/* @__PURE__ */e.jsx(
|
|
6
|
-
/* @__PURE__ */e.
|
|
7
|
-
/* @__PURE__ */e.
|
|
8
|
-
/* @__PURE__ */e.jsx(o,{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(n,{className:l?.rightarrow,customAttributes:_,"data-testid":"next-button",disabled:B(u),onClick:e=>{(()=>{const e=new Date(c);z(D.getAddMonths(e,1))})(),M.onClick?.(e),x?.(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{
|
|
2
|
-
return e.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */e.jsxs("div",{className:
|
|
4
|
-
/* @__PURE__ */e.jsx(
|
|
5
|
-
/* @__PURE__ */e.jsx("
|
|
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}from"react";import{useId as s}from"../../lib/hooks/useId/useId.js";import{pickCustomAttributes as a}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 t}from"./utils/aria.utils.js";const l=r(({checkboxBase:r,cssClasses:l,errorMessage:c,id:b,label:n,screenReaderText:m,...h},j)=>{const p=a(h),{"aria-describedby":x,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=p,v=s("checkbox"),C=b??v,I=`${C}-label`,g=`${C}-error`,B=`${C}-screen-reader`,$=r?.variant,M=t({ariaDescribedBy:h["aria-describedby"],error:h.error&&!!c?.message,errorMessageId:g,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
|
|
2
|
+
return e.jsxs("div",{ref:j,...y,className:l?.checkbox,children:[
|
|
3
|
+
/* @__PURE__ */e.jsxs("div",{className:l?.checkboxwithlabelcontainer,children:[!!$&&/* @__PURE__ */e.jsx(i,{...h,"aria-describedby":M,"aria-hidden":h["aria-hidden"],"aria-label":h["aria-label"],"aria-labelledby":h["aria-labelledby"],id:C,variant:$}),
|
|
4
|
+
/* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
|
|
5
|
+
/* @__PURE__ */e.jsx(d,{...n,cssClasses:l,id:I,inputId:C})]}),!!h.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:l,"data-testid":`${h["data-testid"]}-error-message`,...c,id:g,inputId:C,show:h.error&&!h.disabled})]})});export{l as CheckboxStandAlone};
|
|
@@ -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,8 @@
|
|
|
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{STATES as o}from"../../lib/types/states/states.js";import{isReactNode as a}from"../../lib/utils/is/isReactNode.js";import{isString as i}from"../../lib/utils/is/isString.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as l}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const m=t(({closeIcon:t,cssClasses:m,deleteText:p="Delete",errorIcon:x,errorMessage:d={content:"Error message"},label:u,leftIcon:j,range:b,rangeIcon:f,rangeSeparator:g={content:"to"},state:h,...A},I)=>{const N={"data-state":h},C=n(A);/* @__PURE__ */
|
|
2
2
|
return s.jsxs(s.Fragment,{children:[
|
|
3
|
-
/* @__PURE__ */s.jsxs("span",{ref:
|
|
4
|
-
return s.jsxs("span",{className:
|
|
5
|
-
/* @__PURE__ */s.jsx(
|
|
6
|
-
/* @__PURE__ */s.jsx(
|
|
7
|
-
/* @__PURE__ */s.jsx(
|
|
8
|
-
/* @__PURE__ */s.jsx(
|
|
9
|
-
/* @__PURE__ */s.jsx(r,{additionalClasses:{text:p?.errormessage},component:"span",customAttributes:C,...c(j)})]})})]})});export{p as ChipStandAlone};
|
|
3
|
+
/* @__PURE__ */s.jsxs("span",{ref:I,"aria-disabled":h===o.DISABLED,"aria-hidden":h===o.DISABLED,className:m?.chip,"data-testid":"chip",...C,...N,children:[!b&&j&&/* @__PURE__ */s.jsx(r,{className:m?.lefticon,...l(j)}),b?/* @__PURE__ */s.jsx("span",{children:b.map((t,o)=>{const n=o!==b.length-1;/* @__PURE__ */
|
|
4
|
+
return s.jsxs("span",{className:m?.rangeitemwrapper,children:[
|
|
5
|
+
/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.rangeitemtext},component:"span",customAttributes:N,children:t.label}),n&&(f?.icon?/* @__PURE__ */s.jsx(r,{altText:(i(u)||a(u),c(g).children||""),className:m?.rangeicon,...l(f),customAttributes:N}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.rangeitemseparator},component:"span",customAttributes:N,...c(g)}))]},`option-${t.key??t.label}`)})}):/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.label},component:"span",...c(u),customAttributes:N}),
|
|
6
|
+
/* @__PURE__ */s.jsx(r,{className:m?.closeicon,disabled:h===o.DISABLED,...l(t),altText:!i(t)&&t?.altText?t.altText:p,customAttributes:N})]}),h===o.ERROR&&/* @__PURE__ */s.jsxs("span",{"aria-live":"polite",className:m?.errorcontainer,children:[
|
|
7
|
+
/* @__PURE__ */s.jsx(r,{className:m?.erroricon,...l(x)}),
|
|
8
|
+
/* @__PURE__ */s.jsx(e,{additionalClasses:{text:m?.errormessage},component:"span",customAttributes:N,...c(d)})]})]})});export{m 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{
|
|
2
|
-
return a.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */a.jsxs("div",{"aria-label":
|
|
4
|
-
/* @__PURE__ */a.jsxs(i,{additionalClasses:
|
|
5
|
-
/* @__PURE__ */a.jsx(
|
|
6
|
-
/* @__PURE__ */a.
|
|
7
|
-
/* @__PURE__ */a.jsx(
|
|
8
|
-
/* @__PURE__ */a.jsx(e,{
|
|
9
|
-
/* @__PURE__ */a.
|
|
10
|
-
/* @__PURE__ */a.jsx(
|
|
11
|
-
/* @__PURE__ */a.jsx(b,{columns:j,cssClasses:v}),
|
|
12
|
-
/* @__PURE__ */a.jsx(l,{additionalClasses:v?.row_group_table_body,...t.config?.tableBody,children:/* @__PURE__ */a.jsx(c,{activeRows:o,columns:j,cssClasses:v,hoverable:u,hoverableRows:x,isRowGroup:!0,nonHoverableRows:C,rows:t.rows,usingRowGroups:k})})]})]},`${t.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{
|
|
2
|
-
return o.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */o.jsxs(a,{ref:e,"aria-controls":
|
|
4
|
-
/* @__PURE__ */o.jsx(
|
|
5
|
-
/* @__PURE__ */o.jsx(
|
|
6
|
-
/* @__PURE__ */o.jsx(s,{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:b?.listoptionscontainer,"data-testid":`${R}-list`,children:/* @__PURE__ */o.jsx(s,{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{f as DropdownSelectedStandAlone};
|
|
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{useId as i}from"../../lib/hooks/useId/useId.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:f,listOptions:x,listOptionsRef:j,onBlur:C,onButtonClick:h,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:D,onOptionClick:g,open:w,optionSelected:F,popover:M,url:A,urlTarget:I,...K},T)=>{const B=i("DropdownSelected"),N=w?`${B}-list`:void 0,E=K["data-testid"]||"dropdown-selected",R=r(K),S=t(()=>{return{currentFocusSelected:-1,keyDownMove:d(x.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=x.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:x.options.length};var o},[x.options]);/* @__PURE__ */
|
|
2
|
+
return o.jsxs("div",{ref:T,className:b?.dropdown_selected,"data-testid":E,role:"combobox",onBlur:C,onFocus:O,onKeyDown:D,...R,"aria-controls":"dropdown-selected-list","aria-expanded":w,tabIndex:0,children:[
|
|
3
|
+
/* @__PURE__ */o.jsxs(a,{ref:e,"aria-controls":N,"aria-expanded":w,"aria-haspopup":"listbox",className:b?.buttonorlinkcontainer,component:u,target:A?I:void 0,type:A?void 0:"button",url:A,onClick:h,onKeyDown:k,children:[
|
|
4
|
+
/* @__PURE__ */o.jsx(s,{additionalClasses:{text:w?b?.labelopened:b?.labelclosed},component:"span",...l(f)}),
|
|
5
|
+
/* @__PURE__ */o.jsx(n,{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:N,open:w,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...M,onClose:()=>{y(),M?.onClose?.()},children:/* @__PURE__ */o.jsx("div",{className:b?.listoptionscontainer,"data-testid":`${E}-list`,children:!!x.variant&&!!x.optionVariant&&/* @__PURE__ */o.jsx(p,{ref:j,roveFocus:"selection"===x.type?S:void 0,selectedValue:F,...x,onOptionClick:o=>{g(o),y()}})})})]})});export{u as DropdownSelectedStandAlone};
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
import{j as i}from"../../_virtual/jsx-runtime.js";import{forwardRef as r}from"react";import{
|
|
2
|
-
return i.jsxs("div",{ref:b,className:r?.input,...
|
|
3
|
-
/* @__PURE__ */i.jsx(
|
|
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 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,3 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{
|
|
2
|
-
return t.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx("canvas",{ref:s,className:
|
|
4
|
-
/* @__PURE__ */t.jsx(e,{condition:j,children:/* @__PURE__ */t.jsx("div",{className:n?.placeholdercontainer,...R,children:/* @__PURE__ */t.jsx(r,{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
|
|
2
|
-
return t.jsxs(
|
|
3
|
-
/* @__PURE__ */t.jsx(s,{condition:h,children:/* @__PURE__ */t.jsx(r,{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 s}from"react";import{Text as e}from"../text/text.js";import{useId as r}from"../../lib/hooks/useId/useId.js";const i=s(({asteriskColor:s,asteriskCssClasses:i,asteriskWeight:o,children:a,color:l,cursor:d,customAttributes:n,id:c,inputId:m,required:u,requiredSymbol:h,textCssClasses:p,weight:x,...b},j)=>{const C=r("label"),f=c??C,g=b["data-testid"]||"label";/* @__PURE__ */
|
|
2
|
+
return t.jsxs(e,{ref:j,additionalClasses:{text:p},color:l,component:"label",cursor:d,customAttributes:n,"data-testid":g,htmlFor:m,id:f,weight:x,children:[a,u&&/* @__PURE__ */t.jsx(e,{additionalClasses:{text:i},"aria-hidden":!0,color:s,component:"span","data-testid":`${g}Required`,weight:o,children:h})]})});export{i as Label,i 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};
|