@kubit-ui-web/react-components 2.0.0-beta.5 → 2.0.0-beta.7
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/accordion/accordionStandAlone.js +1 -1
- package/dist/cjs/components/checkbox/checkboxStandAlone.js +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedStandAlone.js +1 -1
- package/dist/cjs/components/input/input.js +1 -1
- package/dist/cjs/components/inputBase/inputBase.js +1 -1
- package/dist/cjs/components/label/labelStandAlone.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/modalStandAlone.js +1 -1
- package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/selectorBoxFile/selectorBoxFileStandAlone.js +1 -1
- package/dist/cjs/components/slider/components/sliderScaleStandAlone.js +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/virtualKeyboard/virtualKeyboardStandAlone.js +1 -1
- package/dist/cjs/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/cjs/lib/utils/process/processIcon/processIcon.js +1 -1
- package/dist/cjs/lib/utils/process/processText/processText.js +1 -1
- package/dist/esm/components/accordion/accordionStandAlone.js +4 -4
- package/dist/esm/components/checkbox/checkboxStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +8 -8
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -5
- package/dist/esm/components/input/input.js +2 -2
- package/dist/esm/components/inputBase/inputBase.js +2 -2
- package/dist/esm/components/label/labelStandAlone.js +2 -2
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -2
- package/dist/esm/components/message/messageStandAlone.js +5 -5
- package/dist/esm/components/modal/modalStandAlone.js +4 -4
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -4
- package/dist/esm/components/selectorBoxFile/selectorBoxFileStandAlone.js +5 -5
- package/dist/esm/components/slider/components/sliderScaleStandAlone.js +2 -2
- package/dist/esm/components/slider/sliderStandAlone.js +14 -14
- package/dist/esm/components/tabs/tabsStandAlone.js +3 -3
- package/dist/esm/components/textArea/textAreaStandAlone.js +6 -6
- package/dist/esm/components/tooltip/tooltipStandAlone.js +8 -8
- package/dist/esm/components/virtualKeyboard/virtualKeyboardStandAlone.js +4 -4
- package/dist/esm/lib/hooks/useScrollEffect/useScrollEffect.js +1 -1
- package/dist/esm/lib/utils/process/processIcon/processIcon.js +1 -1
- package/dist/esm/lib/utils/process/processText/processText.js +1 -1
- package/package.json +5 -1
- package/dist/cjs/lib/hooks/useId/useId.js +0 -1
- package/dist/cjs/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/cjs/lib/utils/is/isReactNode.js +0 -1
- package/dist/cjs/lib/utils/is/isString.js +0 -1
- package/dist/esm/lib/hooks/useId/useId.js +0 -1
- package/dist/esm/lib/utils/changeCssProperty/changeCssProperty.js +0 -1
- package/dist/esm/lib/utils/is/isReactNode.js +0 -1
- package/dist/esm/lib/utils/is/isString.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),n=require("../../lib/components/customComponent/customComponent.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),s=require("./types/state.js"),r=e.forwardRef(({children:r,component:i="div",cssClasses:a,dataTestId:c="accordion",expanded:d,header:u,headerComponent:m="h3",onHeaderClick:p},l)=>{const x=`${`accordion-${e.useId().replace(/:/g,"")}`}-content`,j={"data-state":d?s.STATE.EXPANDED:s.STATE.COLLAPSED},C=o.pickCustomAttributes(j);return t.jsxRuntimeExports.jsx(n.CustomComponent,{ref:l,className:a?.accordion,component:i,"data-testid":c,...C,children:t.jsxRuntimeExports.jsxs("div",{children:[t.jsxRuntimeExports.jsx(n.CustomComponent,{className:a?.header,component:m,...C,children:t.jsxRuntimeExports.jsx("button",{"aria-controls":x,"aria-expanded":d,className:a?.headerbutton,"data-testid":`${c}-header`,type:"button",onClick:p,...C,children:u})}),t.jsxRuntimeExports.jsx("div",{className:a?.content,"data-kbt-accordion-content":!0,"data-testid":`${c}-content`,id:x,...C,children:t.jsxRuntimeExports.jsx("div",{className:a?.innercontent,"data-kbt-accordion-content-inner":!0,...C,children:r})})]})})});exports.AccordionStandAlone=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),s=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),r=require("react"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../checkboxBase/checkboxBaseControlled.js"),i=require("./components/errorMessage.js"),t=require("./components/label.js"),d=require("./utils/aria.utils.js"),l=r.forwardRef(({checkboxBase:l,cssClasses:o,errorMessage:c,id:b,label:n,screenReaderText:u,...x},j)=>{const m=s.pickCustomAttributes(x),{"aria-describedby":p,"aria-hidden":h,"aria-label":k,"aria-labelledby":y,...C}=m,R=`checkbox-${r.useId().replace(/:/g,"")}`,g=b??R,v=`${g}-label`,q=`${g}-error`,E=`${g}-screen-reader`,B=l?.variant,A=d.buildAriaDescribedBy({ariaDescribedBy:x["aria-describedby"],error:x.error&&!!c?.message,errorMessageId:q,screenReader:!!u,screenReaderId:E});return e.jsxRuntimeExports.jsxs("div",{ref:j,...C,className:o?.checkbox,children:[e.jsxRuntimeExports.jsxs("div",{className:o?.checkboxwithlabelcontainer,children:[!!B&&e.jsxRuntimeExports.jsx(a.CheckboxBaseControlled,{...x,"aria-describedby":A,"aria-hidden":x["aria-hidden"],"aria-label":x["aria-label"],"aria-labelledby":x["aria-labelledby"],id:g,variant:B}),e.jsxRuntimeExports.jsx("screen-reader-only",{id:E,children:u}),e.jsxRuntimeExports.jsx(t.Label,{...n,cssClasses:o,id:v,inputId:g})]}),!!x.error&&e.jsxRuntimeExports.jsx(i.ErrorMessage,{"aria-live":"assertive",cssClasses:o,"data-testid":`${x["data-testid"]}-error-message`,...c,id:q,inputId:g,show:x.error&&!x.disabled})]})});exports.CheckboxStandAlone=l;
|
|
@@ -1 +1 @@
|
|
|
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"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/types/states/states.js"),
|
|
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"),r=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/types/states/states.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processIcon/processIcon.js"),a=require("../../lib/utils/process/processText/processText.js"),c=s.forwardRef(({closeIcon:c,cssClasses:l,deleteText:x="Delete",errorIcon:p,errorMessage:m={content:"Error message"},label:u,leftIcon:j,range:d,rangeIcon:E,rangeSeparator:T={content:"to"},state:b,...I},R)=>{const A={"data-state":b},g=n.pickCustomAttributes(I);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:R,"aria-disabled":b===o.STATES.DISABLED,"aria-hidden":b===o.STATES.DISABLED,className:l?.chip,"data-testid":"chip",...g,...A,children:[!d&&j&&e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:l?.lefticon,...i.processIcon(j)}),d?e.jsxRuntimeExports.jsx("span",{children:d.map((o,n)=>{const c=n!==d.length-1;return e.jsxRuntimeExports.jsxs("span",{className:l?.rangeitemwrapper,children:[e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:l?.rangeitemtext},component:"span",customAttributes:A,children:o.label}),c&&(E?.icon?e.jsxRuntimeExports.jsx(r.ElementOrIcon,{altText:("string"==typeof u||s.isValidElement(u),a.processText(T).children||""),className:l?.rangeicon,...i.processIcon(E),customAttributes:A}):e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:l?.rangeitemseparator},component:"span",customAttributes:A,...a.processText(T)}))]},`option-${o.key??o.label}`)})}):e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:l?.label},component:"span",...a.processText(u),customAttributes:A}),e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:l?.closeicon,disabled:b===o.STATES.DISABLED,...i.processIcon(c),altText:"string"!=typeof c&&c?.altText?c.altText:x,customAttributes:A})]}),b===o.STATES.ERROR&&e.jsxRuntimeExports.jsxs("span",{"aria-live":"polite",className:l?.errorcontainer,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:l?.erroricon,...i.processIcon(p)}),e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:l?.errormessage},component:"span",customAttributes:A,...a.processText(m)})]})]})});exports.ChipStandAlone=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../listOptions/listOptions.js"),a=require("../listOptions/utils/listOptions.utils.js"),p=require("../popover/popover.js"),c=t.forwardRef(({buttonOrLinkRef:c,component:u,cssClasses:d,icon:m,label:x,listOptions:v,listOptionsRef:b,onBlur:j,onButtonClick:C,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:h,onOptionClick:f,open:M,optionSelected:g,popover:w,url:D,urlTarget:E,...R},q)=>{const F=`dropdownselected-${t.useId().replace(/:/g,"")}`,T=M?`${F}-list`:void 0,A=R["data-testid"]||"dropdown-selected",S=n.pickCustomAttributes(R),I=t.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:a.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(t,o)=>{if(o?.shiftKey){const e=Math.max(t,0)-1;return e>=0&&o?.preventDefault(),Math.max(e,0)}const s=Math.max(t,0)+1;return s<=e.length-1&&o?.preventDefault(),Math.min(s,e.length-1)}),keyUpMove:a.keyUpMove,size:v.options.length};var e},[v.options]);return e.jsxRuntimeExports.jsxs("div",{ref:q,className:d?.dropdown_selected,"data-testid":A,role:"combobox",onBlur:j,onFocus:O,onKeyDown:h,...S,"aria-controls":"dropdown-selected-list","aria-expanded":M,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(r.CustomComponent,{ref:c,"aria-controls":T,"aria-expanded":M,"aria-haspopup":"listbox",className:d?.buttonorlinkcontainer,component:u,target:D?E:void 0,type:D?void 0:"button",url:D,onClick:C,onKeyDown:k,children:[e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...i.processText(x)}),e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...m})]}),!!w&&e.jsxRuntimeExports.jsx(p.Popover,{anchorElement:c?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:T,open:M,placement:"bottom",preventCloseOnClickElements:[c?.current],strategy:"absolute",...w,onClose:()=>{y(),w?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:d?.listoptionscontainer,"data-testid":`${A}-list`,children:!!v.variant&&!!v.optionVariant&&e.jsxRuntimeExports.jsx(l.ListOptions,{ref:b,roveFocus:"selection"===v.type?I:void 0,selectedValue:g,...v,onOptionClick:e=>{f(e),y()}})})})]})});exports.DropdownSelectedStandAlone=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),u=require("../../lib/hooks/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/hooks/useClassName/useClassName.js"),u=require("../../lib/hooks/useInputFocus/useInputFocus.js"),a=require("./inputStandAlone.js"),r=require("./utils/state.js"),l=s.forwardRef(({additionalClasses:l,id:n,variant:i,...o},d)=>{const c=t.useClassName({additionalClassNames:l,component:"INPUT",variant:i}),p=`input-${s.useId().replace(/:/g,"")}`,f=n||p,I=`${f}-label`,b=s.useRef(null),j=s.useRef(null),m=s.useCallback(e=>{if(e){const s=e.querySelector("input");j.current=s}b.current=e},[]);s.useImperativeHandle(d,()=>b.current,[]);const{focused:q}=u.useInputFocus({inputRef:j}),C=Boolean(o.defaultValue??o.value),v=r.getState({disabled:o.disabled,error:o.error,filled:C,focused:q});return e.jsxRuntimeExports.jsx(a.InputStandAlone,{ref:m,cssClasses:c,"data-state":v,"data-testid":"input-container",filled:C,focused:q,inputBaseId:f,labelId:I,...o})});exports.Input=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),a=require("../../lib/hooks/useClassName/useClassName.js"),t=require("./inputBaseStandAlone.js"),r=require("./utils/state.js"),i=s.forwardRef(({additionalClasses:i,error:u,filled:d,focused:n,id:l,variant:o,...c},p)=>{const f=a.useClassName({additionalClassNames:i,component:"INPUT_BASE",variant:o}),j=`inputbase-${s.useId().replace(/:/g,"")}`,m=l??j,b=r.getState({disabled:c.disabled,error:u,filled:d,focused:n});return e.jsxRuntimeExports.jsx(t.InputBaseStandAlone,{ref:p,...c,"aria-invalid":u,cssClasses:f,"data-state":b,"data-testid":"input-base","data-truncate":c.truncate,id:m})});exports.InputBase=i;
|
|
@@ -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"),r=
|
|
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"),r=t.forwardRef(({asteriskColor:r,asteriskCssClasses:i,asteriskWeight:o,children:a,color:l,cursor:d,customAttributes:n,id:u,inputId:c,required:x,requiredSymbol:p,textCssClasses:b,weight:m,...h},j)=>{const g=`label-${t.useId().replace(/:/g,"")}`,C=u??g,q=h["data-testid"]||"label";return e.jsxRuntimeExports.jsxs(s.Text,{ref:j,additionalClasses:{text:b},color:l,component:"label",cursor:d,customAttributes:n,"data-testid":q,htmlFor:c,id:C,weight:m,children:[a,x&&e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i},"aria-hidden":!0,color:r,component:"span","data-testid":`${q}Required`,weight:o,children:p})]})});exports.Label=r,exports.LabelStandAlone=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../text/text.js"),o=require("../../lib/hooks/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),i=require("../text/text.js"),o=require("../../lib/hooks/useRoveFocus/useRoveFocus.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processText/processText.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../option/option.js"),a=require("./utils/listOptions.utils.js"),c=t.forwardRef(({caseSensitive:c,charsHighlighted:u,checkedIcon:p,content:d,cssClasses:x,highlightedOptionVariant:m,id:v,index:h=0,listComponent:j,multiSelect:g,onOptionClick:b,options:k,optionsContainerArias:C,roveFocus:y,selectedValue:S,title:R,type:q="selection",...M},O)=>{const $=M["data-testid"]??"list-options",F=s.pickCustomAttributes(M),f=t.useMemo(()=>({currentFocusSelected:-1,keyDownMove:a.keyDownMove(k),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:a.keyUpMove,size:k.length}),[k]),[E,T,A]=o.useRoveFocus(y??f),I=t.useId();t.useImperativeHandle(O,()=>A.current,[A]);const V=v??I,w="selection"===q,H="navigation"===q,L=k&&k.length>0;return e.jsxRuntimeExports.jsxs("div",{className:x?.list_options,"data-testid":$,...F,children:[!!R&&k.length>0&&e.jsxRuntimeExports.jsx("div",{className:x?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:x?.title},...n.processText(R)})}),d,L&&e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:A,"aria-label":C?.["aria-label"],"aria-labelledby":C?.["aria-labelledby"],className:x?.optionscontainer,component:j??"ul",id:V,role:w?"listbox":void 0,children:k.map((t,i)=>{const o=a.isSelected(t,S,g,c),s=`${$}-section-${h}-option-${i}`,n=e.jsxRuntimeExports.jsx(l.Option,{"aria-current":H?o:void 0,"aria-selected":w?o:void 0,checkedIcon:p,component:H?"div":"li","data-testid":s,focus:E===i,labelCharsHighlighted:u,multiSelect:g,role:w?"option":void 0,selected:o,tabIndex:H?0:-1,variant:a.getOptionVariant(t.highlighted,m,M?.optionVariant),...t,onClick:e=>{T(i),b?.(t.value,e),t.onClick?.(e)},onFocus:e=>{i!==E&&T(i),t.onFocus?.(e)}},`${V}Option-${h.toString()}-${i.toString()}`);return"selection"===q?e.jsxRuntimeExports.jsx("li",{children:n},`${V}LiOption-${h.toString()}-${i.toString()}`):n})})]})});exports.ListOptionsStandAlone=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../tag/tag.js"),i=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),n=require("../button/button.js"),s=require("../tag/tag.js"),i=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processText/processText.js"),l=require("../../lib/components/customComponent/customComponent.js"),u=require("../link/link.js"),x=t.forwardRef(({actionButton:t,ariaLive:x="off",ariaMessageId:m,closeIcon:d,content:p,cssClasses:j,extraActionButton:g,id:h,infoIcon:C,inlineLink:E,linkComponent:R,links:v,maxContentLength:b=246,messageContainerProps:k,open:N,role:f,tag:q,title:T,titleAndContentContainerProps:A,titleAndContentRole:I,...y},L)=>{const O=y["data-testid"]||"message",S=a.pickCustomAttributes(y),B=c.processText(p),M=c.processText(T),P="string"==typeof B.children&&B.children?.toString().length>=b;return e.jsxRuntimeExports.jsx("div",{...S,"aria-live":x,className:j?.message,children:N&&e.jsxRuntimeExports.jsxs(l.CustomComponent,{ref:L,className:j?.container,component:k?.url?R:"div","data-testid":O,id:h,role:f,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:j?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(l.CustomComponent,{className:r.classNames(j?.headercontainer,{[`${j?.headercontainerlargemessage}`]:P}),component:A?.url?R:"div",role:I,target:A?.target,url:A?.url||void 0,onClick:A?.onClick,children:[!!T&&("string"==typeof M.children?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":m,className:j?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.title},component:"p",...M})}):M.children),!!q?.content&&(q?.content?e.jsxRuntimeExports.jsx(s.Tag,{variant:"",...q,label:{content:q?.content}}):null),e.jsxRuntimeExports.jsxs("div",{className:r.classNames(j?.contentcontainer,{[`${j?.contentcontainerlargemessage}`]:P}),children:["string"==typeof p?e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.description},component:"p",...B}):B.children,!!E?.content&&e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...E,url:E?.url||"",children:E?.content||""})]}),!(!g&&!t)&&e.jsxRuntimeExports.jsxs("div",{className:j?.buttonsectioncontainer,children:[g?.content?e.jsxRuntimeExports.jsx("div",{className:j?.extraactionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{...g,children:g?.content})}):null,t?.content?e.jsxRuntimeExports.jsx("div",{className:j?.actionbuttoncontainer,children:e.jsxRuntimeExports.jsx(n.Button,{additionalSizeClasses:t?.variant?void 0:j?.action_button,...t,children:t?.content})}):null]}),!!(v&&v.length>0)&&e.jsxRuntimeExports.jsx("div",{className:j?.linkscontainer,children:v?.map(t=>t.content?e.jsxRuntimeExports.jsx("div",{className:j?.linkcontainer,children:e.jsxRuntimeExports.jsx(u.Link,{decoration:"underline",...t,children:t.content})},t.content):null)})]}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:j?.closeicon,...d})]})})});exports.MessageStandAlone=x;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),o=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processText/processText.js"),i=require("../navBar/navBar.js"),a=require("../popover/popover.js"),r=require("./fragments/modalHeader.js"),l=require("./utils/onlyDesktopSize.js"),n=t.forwardRef(({blocked:n,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:x,contentScrollArias:u,cssClasses:v,customHeightAllDevices:j=!1,customWidthAllDevices:b=!1,device:g,dragIcon:y,footer:h,id:H,maxHeight:I,maxWidth:C,minContentHeight:f,minHeight:q,minWidth:E,onKeyDown:R,onPopoverCloseInternally:S,open:k,popover:D,title:B,...T},W)=>{const A=`modal-${t.useId().replace(/:/g,"")}`,N=H??A,z=`modal-title-${t.useId().replace(/:/g,"")}`,M=s.processText(B).id??z,O=h?.variant,P=T["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(a.Popover,{"aria-labelledby":M,"aria-modal":k,component:"div",disableClickOverlayClose:n,disableEscapeClose:n,disableTrapFocus:!1,id:N,open:k,overlay:e.jsxRuntimeExports.jsx(o.Overlay,{}),role:"dialog",strategy:"fixed",onClose:S,...D,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:v?.modal,"data-testid":P,style:{maxHeight:I,maxWidth:C,minHeight:j?q:l.onlyDesktopSize(g,q),minWidth:b?E:l.onlyDesktopSize(g,E),paddingBottom:h?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(r.ModalHeader,{blocked:n,closeButton:d,closeIcon:c,cssClasses:v,device:g,dragIcon:y,title:B,titleIdFinal:M}),e.jsxRuntimeExports.jsx("div",{"aria-label":x?u?.["aria-label"]:void 0,"aria-labelledby":x?u?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":!0,"data-testid":`${P}-content`,role:x?"region":void 0,style:{minHeight:f},...x?{tabIndex:0}:{},...p,children:m}),!!O&&!!h&&e.jsxRuntimeExports.jsx("div",{className:v?.footer,children:e.jsxRuntimeExports.jsx(i.NabVar,{variant:O,...h})})]})})});exports.ModalStandAlone=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../label/labelStandAlone.js"),r=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("../../lib/utils/process/processText/processText.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:x,error:m,errorAriaLiveType:b,errorIcon:p,errorMessage:j,id:h,label:g,lastChild:R,name:v,onBlur:E,onChange:I,screenReaderId:N,state:T,subTitle:y,tabIndex:A,value:C,...q})=>{let k=`radiobutton-${s.useId().replace(/:/g,"")}`;k=h??k;const _=o.processText(y).id&&`${k}__description`,f=j&&`${k}__error`,B={"data-state":T},S=l.pickCustomAttributes(B),$=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:u?.rowcontainer,"data-testid":$,...S,style:{display:g?"grid":"block",marginBottom:R?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...S,className:u?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:_,error:m,errorMessage:j,errorMessageId:f,screenReaderId:N}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:c,className:a.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${$}-input`,disabled:x,id:k,name:v,tabIndex:A,type:"radio",value:C,onBlur:E,onChange:I,...S})}),e.jsxRuntimeExports.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsxRuntimeExports.jsx("div",{className:u?.labelcontainer,children:e.jsxRuntimeExports.jsx(t.LabelStandAlone,{cursor:x?"default":"pointer",customAttributes:B,inputId:k,textCssClasses:a.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!o.processText(y).children&&("string"==typeof o.processText(y)?e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:u?.sublabel},...o.processText(y),id:_}):e.jsxRuntimeExports.jsx("div",{id:_,children:o.processText(y).children})),!(!m||!j)&&e.jsxRuntimeExports.jsx("div",{"aria-live":b,className:u?.errormessagecontainer,id:f,...S,children:e.jsxRuntimeExports.jsxs(r.Text,{additionalClasses:{text:u?.errormessage},customAttributes:B,children:[!!p&&e.jsxRuntimeExports.jsx("span",{...S,className:u?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.errormessageicon,customAttributes:B,...p})}),j]})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/types/states/states.js"),o=require("./components/selectorBoxFileAnimation.js"),r=require("./components/selectorBoxFileContainerBox.js"),i=require("./components/selectorBoxFileErrorMessage.js"),n=require("./components/selectorBoxFileHeader.js"),l=s.forwardRef(({accept:l,button:a,containerBoxStateContent:c,cssClasses:x,description:d,errorMessage:u,errorMessageIcon:p,filename:m,focus:j,id:B,multiple:C,name:E,onAnimationCompleted:S,onBlur:b,onChange:g,onClick:f,onFocus:F,percentage:R,state:I,subtitle:h,title:A,tooltip:M,tooltipIcon:q,...v},y)=>{const T=`selectorboxfile-${s.useId().replace(/:/g,"")}`,$=B??T,k=`${$}HeaderId`,H=`${$}ErrorId`,N=v["data-testid"]??"selector-box-file";return e.jsxRuntimeExports.jsxs("div",{ref:y,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.selector_box_file,"data-testid":N,children:[e.jsxRuntimeExports.jsxs("div",{className:x?.header,children:[!(!A&&!h)&&e.jsxRuntimeExports.jsx(n.SelectorBoxFileHeader,{button:a,cssClasses:x,description:d,headerId:k,subtitle:h,title:A,tooltip:M,tooltipIcon:q}),e.jsxRuntimeExports.jsx(o.SelectorBoxFileAnimation,{cssClasses:x,"data-testid":N,focus:j,percentage:R,state:I,onAnimationCompleted:S,children:e.jsxRuntimeExports.jsx(r.SelectorBoxFileContainerBox,{containerBoxStateContent:c,cssClasses:x,filename:m,focus:!1,htmlFor:$,state:I})})]}),e.jsxRuntimeExports.jsx(i.SelectorBoxFileErrorMessage,{cssClasses:x,errorMessage:u,errorMessageIcon:p,errorMessageId:H,state:I})]}),e.jsxRuntimeExports.jsx("input",{accept:l,"aria-describedby":(()=>{let e="";return(A||h)&&(e+=` ${k}`),I===t.STATES.ERROR&&u&&(e+=` ${H}`),e||void 0})(),className:"kbt-sr-only",disabled:I===t.STATES.DISABLED,id:$,multiple:C,name:E,type:"file",onBlur:b,onChange:g,onClick:f,onFocus:F})]})});exports.SelectorBoxFileStandAlone=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js");exports.SliderScaleStandAlone=({cssClasses:r,customAttributes:u,scaleOffsets:c,showScale:i})=>{const l=`tickmarks-${e.useId().replace(/:/g,"")}`,[n,a]=e.useState("0px"),o=e.useRef(null);return e.useEffect(()=>{o.current&&a(`${o.current.offsetWidth}px`)},[o.current]),i&&i?t.jsxRuntimeExports.jsx("div",{className:r?.scalecontainer,id:l,...s.pickCustomAttributes(u),children:c.map((e,s)=>{const u={left:`calc(${e}% - ${n} / 2)`};return t.jsxRuntimeExports.jsx("span",{className:r?.scaleoption,style:u},`${l}-${s.toString()}`)})}):null};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processText/processText.js"),i=require("../text/text.js"),l=require("./components/sliderButtonStandAlone.js"),o=require("./components/sliderHelperTextStandAlone.js"),n=require("./components/sliderScaleStandAlone.js"),d=require("./components/sliderThumbStandAlone.js"),c=require("./utils/accessibility.utils.js"),u=require("./utils/state.utils.js"),x=require("./utils/ui.utils.js"),m=t.forwardRef(({activePointer:m,ariaLabel:p,ariaLabelBy:h,containerRef:b,cssClasses:j,decrementButton:v,disabled:T,hover:f,incrementButton:A,label:$,leftHelperText:S,max:g,min:y,offset:R,offsetLeft:E,offsetRight:k,onChange:N,onKeyPress:B,onMouseDown:q,onTouchStart:C,pressed:L,range:w,rightAriaLabel:I,rightAriaLabelBy:D,rightHelperText:H,rightThumbIcon:M,rightTooltip:O,scaleOffsets:F,setHover:K,showScale:P,step:_,thumbIcon:z,tooltip:G,value:J,...Q},U)=>{const V=`slider-${t.useId().replace(/:/g,"")}`,W=u.getState({disabled:T,hover:f,pressed:L}),X={"data-state":W},Y=Q["data-testid"]??"slider",Z=r.pickCustomAttributes(X),ee=a.processText($).children&&!w?`${V}Label`:void 0,te=`${V}LeftHelperText`,se=`${V}RightHelperText`,re=h??ee;return e.jsxRuntimeExports.jsxs("div",{ref:U,className:j?.slider,"data-disabled":T,"data-hover":f,"data-pressed":L,...Z,children:[e.jsxRuntimeExports.jsx("div",{className:j?.labelcontainer,...Z,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:j?.label},component:"label",customAttributes:X,id:ee,...a.processText($)})}),e.jsxRuntimeExports.jsx(n.SliderScaleStandAlone,{cssClasses:j,customAttributes:X,scaleOffsets:F,showScale:P}),e.jsxRuntimeExports.jsxs("div",{className:j?.buttonstrackscontainer,children:[e.jsxRuntimeExports.jsx(l.SliderButtonStandAlone,{...v,cssClasses:j,customAttributes:X}),e.jsxRuntimeExports.jsx("div",{className:j?.tracksthumbscontainer,children:e.jsxRuntimeExports.jsxs("div",{ref:b,className:j?.tracksthumbsinnercontainer,"data-testid":`${Y}-container`,role:"button",tabIndex:0,onMouseDown:q,onTouchMove:N,onTouchStart:C,children:[w&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),...Z,"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-left-track`,style:{left:0,width:`${E}%`}}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!0,[`${j?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-active-track`,style:{left:`${E}%`,right:`${k}%`},...Z}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-right-track`,style:{right:0,width:`${k}%`},...Z}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:p,ariaLabelBy:re,cssClasses:j,customAttributes:X,"data-testid":`${Y}-left-thumb`,disabled:T,hover:x.isActive(f,m.current,"left"),icon:z,max:J[1]-_,min:y,pressed:x.isActive(L,m.current,"left"),state:W,style:{left:`${E}%`},tooltip:G,value:J[0],onFocus:()=>m.current="left",onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>{K(!0),m.current="left"},onTouchStart:()=>{m.current="left"}}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:I,ariaLabelBy:D,cssClasses:j,customAttributes:X,"data-testid":`${Y}-right-thumb`,disabled:T,hover:x.isActive(f,m.current,"right"),icon:M,max:g,min:J[0]+_,pressed:x.isActive(L,m.current,"right"),rightThumb:!0,state:W,style:{right:`${k}%`},tooltip:O,value:J[1],onFocus:()=>m.current="right",onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>{K(!0),m.current="right"},onTouchStart:()=>{m.current="right"}})]}),!w&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!0,[`${j?.inactivetrack}`]:!1}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-active-track`,style:{width:`${R}%`},...Z}),e.jsxRuntimeExports.jsx("div",{className:s.classNames({[`${j?.activetrack}`]:!1,[`${j?.inactivetrack}`]:!0}),"data-disabled":T,"data-hover":f,"data-pressed":L,"data-testid":`${Y}-inactive-track`,style:{right:0,width:`calc(${100-R}%)`},...Z}),e.jsxRuntimeExports.jsx(d.SliderThumbStandAlone,{ariaDescribedBy:c.buildAriaDescribedBy([{helperText:S,helperTextId:te},{helperText:H,helperTextId:se}]),ariaLabel:p,ariaLabelBy:re,cssClasses:j,customAttributes:X,"data-testid":`${Y}-thumb`,disabled:T,hover:f,icon:z,max:g,min:y,pressed:L,state:W,style:{left:`${R}%`},tooltip:G,value:J,onKeyDown:B,onMouseOut:()=>K(!1),onMouseOver:()=>K(!0)})]})]})}),e.jsxRuntimeExports.jsx(l.SliderButtonStandAlone,{...A,cssClasses:j,customAttributes:X})]}),e.jsxRuntimeExports.jsx(o.SliderHelperTextStandAlone,{cssClasses:j,customAttributes:X,leftHelperText:S,leftHelperTextId:te,rightHelperText:H,rightHelperTextId:se})]})});exports.SliderStandAlone=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("../text/text.js"),a=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/components/itemRove/itemRove.js"),n=require("../../lib/hooks/
|
|
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/useMediaDevice/useActiveBreakpoints.js"),o=require("../../lib/types/states/states.js"),r=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),c=require("../../lib/utils/process/processText/processText.js"),b=require("./hooks/useTabs/useTabs.js"),d=e.forwardRef(({allowFocusTabPanel:d=!0,autoWidth:u=!1,content:x,cssClasses:m,device:p,hideLabelForSingleTab:j,leftControlAriaLabel:h,leftIcon:T,maxTabsInView:$=3,onSelectTab:E,rightControlAriaLabel:v,rightIcon:R,selectedTab:S,tabs:C,unMountContent:N=!0,...f},A)=>{const{isMobile:I}=n.useActiveBreakpoints(),g=`tabs-${e.useId().replace(/:/g,"")}`,k=`${g}-tab-list`,q=`${g}-tab-panel`,y=C?.length??0,w=Math.min(y,$),{focus:L,handleClickIcon:M,handleClickTab:O,listEl:D,position:F}=b.useTabs({numTabsInView:w,selectedTab:S,tabsLength:y}),B=0===F,P=F>=y-w,V=f["data-testid"]||"tabs",W=l.pickCustomAttributes(f),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:R})}):null};return t.jsxRuntimeExports.jsxs("div",{ref:A,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:k,role:"tablist",children:C?.map((e,a)=>{const n=S===a,b=n?o.STATES.SELECTED:o.STATES.UNSELECTED,d=a>=F&&a<F+w,x={"data-state":b};return t.jsxRuntimeExports.jsx("div",{className:m?.tabcontainer,"data-testid":`${V}-tab-${a}`,...l.pickCustomAttributes(x),style:{minWidth:I?`calc(100% / ${w})`:"auto",width:u?"auto":`calc(100% / ${y})`},children:y>1?t.jsxRuntimeExports.jsx(i.ItemRove,{ariaDisabled:I&&!d||e.disabled,ariaSelected:n,asElement:"button",checkIsFirstTime:!0,classNames:r.classNames(m?.tabbutton,{[`${m?.firsttabbutton}`]:0===a,[`${m?.lasttabbutton}`]:a===y-1}),customAttributes:x,disabled:I&&!d||e.disabled,focus:L===a,id:`${g}-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,...c.processText(e)})}):t.jsxRuntimeExports.jsx("div",{className:r.classNames(m?.onetabcontainer,{[`${m?.tabbutton}`]:!!j}),id:`${g}-tab-${a}`,role:"tab",children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:m?.label},"data-hidden":!!j,...c.processText(e),children:c.processText(e).children})})},`${V}-tab-${a.toString()}`)})}),U("right")]}),(()=>{const e={role:"tabpanel",tabIndex:d?0:-1};return N?null!=S&&t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${S}`,className:m?.contentcontainer,...e,children:x?.[S]}):x?.map((s,a)=>t.jsxRuntimeExports.jsx("div",{"aria-labelledby":`${g}-tab-${a}`,className:m?.contentcontainer,id:`${q}-${a}`,style:{display:S===a?"block":"none"},...e,children:s},`${g}-${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"),t=require("react"),s=require("../label/labelStandAlone.js"),r=require("../../lib/
|
|
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/types/states/states.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processText/processText.js"),n=require("./components/errorStandAlone.js"),o=require("./components/helpMessageStandAlone.js"),l=require("./components/textCount/textCount.js"),u=require("./components/titleStandAlone.js"),c=require("./utils/aria.utils.js"),d=t.forwardRef(({additionalInfo:d,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:v,placeholder:I,required:R,screenReaderTextCount:y,spellCheck:f,state:L,title:M,value:k,...B},D)=>{const N=`textarea-${t.useId().replace(/:/g,"")}`,_=g??N,$=`${_}HelpText`,F=`${_}Error`,H=`${_}TextCount`,w=a.pickCustomAttributes({"data-state":L}),P=[r.STATES.DISABLED_EMPTY,r.STATES.DISABLED_FILLED].includes(L);return e.jsxRuntimeExports.jsxs("div",{ref:D,className:p?.text_area,"data-testid":"text-area",...w,...a.pickCustomAttributes(B),children:[e.jsxRuntimeExports.jsx(u.TitleStandAlone,{cssClasses:p,customAttributtes:w,title:M}),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,...i.processText(C),children:i.processText(C).children}),d]}),e.jsxRuntimeExports.jsx("textarea",{"aria-describedby":c.buildAriaDescribedBy({errorMessage:i.processText(j).children,helpMessage:i.processText(A).children,state:L,textAreaErrorId:F,textAreaHelpTextId:$}),className:p?.textarea,disabled:P,id:_,maxLength:T,placeholder:I,required:R,spellCheck:f,style:{height:b||void 0},value:k,onBlur:S,onChange:q,onFocus:v,...w,children:k})]}),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:F,state:L}),e.jsxRuntimeExports.jsx(o.HelpMessageStandAlone,{cssClasses:p,customAttributtes:w,helpMessage:A,id:$})]}),!!x&&e.jsxRuntimeExports.jsx(l.TextCount,{additionalClasses:{letftext:p?.counterleft,righttext:p?.counterright,text_count:p?.counter},currentCharacters:k?.length??0,id:H,maxLength:T,screenReaderText:y,variant:x})]})]})});exports.TextAreaStandAlone=d;
|
|
@@ -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("react"),s=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),r=require("../../lib/types/positions/positions.js"),n=require("../../lib/utils/classNames/classNames.js"),l=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processIcon/processIcon.js"),c=require("../../lib/utils/process/processText/processText.js"),d=require("../icon/iconHost.js"),p=require("../popover/popover.js"),u=require("./components/tooltipTrigger.js"),x=require("./utils/tooltip.utils.js");exports.TooltipStandAlone=({align:j,children:m,childrenAsButton:b=!0,closeIcon:v,content:g,contentHasScroll:h,contentRef:T,contentScrollArias:y,cssClasses:R,disabled:C,dragIcon:I,dragIconRef:E,labelRef:N,mediaDevice:k,onCloseIconClick:A,onPopoverCloseInternally:f,onTooltipFocus:q,onTooltipKeyDown:D,onTriggerClick:w,onTriggerKeyDown:B,onTriggerMouseDown:_,onTriggerMouseUp:O,popover:M,popoverOpen:S,title:$,tooltipAriaLabel:F,tooltipAsModal:P,tooltipRef:K,triggerAsButton:H,...U})=>{const z=U["data-testid"]||"tooltip",L=l.pickCustomAttributes(U),G=`tooltip-${t.useId().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c.processText(g),W=c.processText($),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:ee}=i.useActiveBreakpoints(),te=Y||ee;if(C)return e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip","data-testid":z,children:e.jsxRuntimeExports.jsx(u.TooltipTrigger,{childrenAsButton:b,disabled:!0,children:m})});const se=x.getAriaDescriptorsBy({contentId:Q,hasContent:!!g,hasTitle:!!W.children,titleId:J}),oe={"data-align":j||r.POSITIONS.TOP},ie=l.pickCustomAttributes(oe),re=e.jsxRuntimeExports.jsxs("div",{ref:K,"aria-label":te?F:void 0,"aria-labelledby":te?x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!te||!P)||void 0,className:n.classNames("kbt-tooltip__external-container",R?.tooltipexternalcontainer),"data-testid":`${z}-content`,id:G,role:te?P?"dialog":"tooltip":void 0,...te&&{onFocus:q,onKeyDown:D},...L,children:[e.jsxRuntimeExports.jsxs("div",{className:R?.tooltipinternalcontainer,children:[(Z||ee)&&!!I&&e.jsxRuntimeExports.jsx("div",{ref:E,className:R?.dragiconcontainer,"data-testid":`${z}-drag`,children:e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:R?.dragicon,...I})}),e.jsxRuntimeExports.jsxs("div",{className:n.classNames(R?.title,R?.headercontainer),style:(ne=!!W.children,le=!!v?.icon,ne&&le?{justifyContent:"space-between"}:ne?{justifyContent:"flex-end"}:le?{justifyContent:"flex-start"}:{display:"none"}),children:[a.processIcon(v).icon&&e.jsxRuntimeExports.jsx("div",{className:R?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(d.IconHost,{...a.processIcon(v),className:R?.closebuttonicon,icon:a.processIcon(v).icon,onClick:A})}),!!W.children&&e.jsxRuntimeExports.jsx("div",{className:"kbt-tooltip__title",id:J,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.title},component:"h2",...W,children:W.children})})]}),e.jsxRuntimeExports.jsx("div",{ref:T,"aria-label":h?y?.["aria-label"]:void 0,"aria-labelledby":h?y?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:h?"region":void 0,...h&&{tabIndex:0},children:!!g&&e.jsxRuntimeExports.jsx("div",{className:n.classNames("kbt-tooltip__paragraph",R?.paragraphcontainer,{[`${R?.divider}`]:!!W.children}),id:Q,children:X?e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:R?.paragraph},...V}):V.children})})]}),e.jsxRuntimeExports.jsx("div",{...ie,className:n.classNames("kbt-tooltip__arrow",R?.arrowsize,R?.tooltipalignstyles,R?.arrowcontainer),children:e.jsxRuntimeExports.jsx("div",{className:R?.arrow})})]});var ne,le;return e.jsxRuntimeExports.jsxs("div",{ref:N,className:"kbt-tooltip","data-testid":z,children:[e.jsxRuntimeExports.jsx(u.TooltipTrigger,{ariaDescribedBy:P||!te&&!S?void 0:se,childrenAsButton:b,triggerAsButton:H,onClick:w,onKeyDown:B,onMouseDown:_,onMouseUp:O,children:m}),te?re:e.jsxRuntimeExports.jsx(p.Popover,{additionalClasses:R?.popover?{arrow:"",popover:R.popover.popover||""}:void 0,"aria-label":M?.["aria-label"]||F,"aria-labelledby":x.getAriaDescriptorsBy({hasTitle:!!W.children,titleId:J}),"aria-modal":P||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:S,preventCloseOnClickElements:[N?.current],role:P?"dialog":"tooltip",strategy:"absolute",onClose:f,...M,children:re})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_virtual/jsx-runtime.js"),e=require("react"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),o=require("./components/digitButton.js"),n=e.forwardRef(({cssClasses:n,digits:u,icon:a,id:l,onDigitButtonClick:c,onRemoveButtonClick:d,onVirtualKeyboardBlur:m,onVirtualKeyboardFocus:p,state:b,...x},j)=>{const A=`virtualkeyboard-${e.useId().replace(/:/g,"")}`,C=l??A,E={[i.STATES.ACTIVE]:b===i.STATES.ACTIVE,[i.STATES.INACTIVE]:b===i.STATES.INACTIVE},T=x["data-testid"]||"virtual-keyboard";return t.jsxRuntimeExports.jsxs("div",{ref:j,className:n?.virtual_keyboard,"data-testid":T,id:C,role:"presentation",onBlur:m,onFocus:p,...r.pickCustomAttributes(E),children:[t.jsxRuntimeExports.jsx("div",{className:n?.digitwrapper,...r.pickCustomAttributes(E),children:u?.map((e,s)=>t.jsxRuntimeExports.jsx(o.DigitButton,{cssClasses:n,"data-testid":`${T}-digit-button-${s}`,digit:e,onClick:c},e))}),t.jsxRuntimeExports.jsx("button",{className:n?.removebutton,type:"button",onClick:d,children:t.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:n?.iconcontainer,customAttributes:E,...a})})]})});exports.VirtualKeyboardStandAlone=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("./utils/scrollPercentage.js");exports.useScrollEffect=({conditional:t=!0,scrollCallback:c,shadowStyles:s,shadowVisible:l=1})=>{const n=e.useRef(null),u=e.useRef(null),a=e.useRef(null),o=e.useRef(0),i=e.useRef(0),p=e.useCallback(()=>{if(!n.current)return;const e=r.scrollPercentage(n.current,1.25);if(u.current){const r=e*o.current/100,t=e*i.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${o.current}px - ${r}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${i.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${i.current}px - ${t}px)`}].forEach(({cssPropertyName:e,cssPropertyValue:r})=>{u.current?.style.setProperty(e,r)})}a.current&&(e>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[t,s,l]),d=e.useCallback(e=>{e?(n.current=e,p(),n.current?.addEventListener("scroll",e=>{p(),c?.(e)})):(n.current?.removeEventListener("scroll",e=>{p(),c?.(e)}),n.current=null)},[p,c]);return{resizeRef:e.useCallback(e=>{const r=()=>{u.current&&(o.current=u.current.clientHeight,i.current=u.current.clientWidth)};e?(u.current=e,u.current?.addEventListener("load",r)):(u.current?.removeEventListener("load",r),u.current=null)},[]),scrollableRef:d,shadowRef:e.useCallback(e=>{a.current=e||null},[])}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.processIcon=e=>e?"string"==typeof e?{icon:e}:e:{};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.processText=(t,r)=>{if(!t)return{children:null};let n;return"string"==typeof t||e.isValidElement(t)?n="string"==typeof t?t:void 0:"object"==typeof t&&"content"in t&&(n=t.content),r&&n&&(n=n.substring(0,r)),e.isValidElement(t)?{children:t}:"object"==typeof t?{children:n,...t}:{children:n}};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{
|
|
2
|
-
return t.jsx(o,{ref:
|
|
3
|
-
/* @__PURE__ */t.jsx(o,{className:
|
|
4
|
-
/* @__PURE__ */t.jsx("div",{className:
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as n}from"react";import{CustomComponent as o}from"../../lib/components/customComponent/customComponent.js";import{pickCustomAttributes as a}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{STATE as s}from"./types/state.js";const c=e(({children:e,component:c="div",cssClasses:r,dataTestId:i="accordion",expanded:d,header:m,headerComponent:l="h3",onHeaderClick:p},h)=>{const u=`${`accordion-${n().replace(/:/g,"")}`}-content`,j={"data-state":d?s.EXPANDED:s.COLLAPSED},x=a(j);/* @__PURE__ */
|
|
2
|
+
return t.jsx(o,{ref:h,className:r?.accordion,component:c,"data-testid":i,...x,children:/* @__PURE__ */t.jsxs("div",{children:[
|
|
3
|
+
/* @__PURE__ */t.jsx(o,{className:r?.header,component:l,...x,children:/* @__PURE__ */t.jsx("button",{"aria-controls":u,"aria-expanded":d,className:r?.headerbutton,"data-testid":`${i}-header`,type:"button",onClick:p,...x,children:m})}),
|
|
4
|
+
/* @__PURE__ */t.jsx("div",{className:r?.content,"data-kbt-accordion-content":!0,"data-testid":`${i}-content`,id:u,...x,children:/* @__PURE__ */t.jsx("div",{className:r?.innercontent,"data-kbt-accordion-content-inner":!0,...x,children:e})})]})})});export{c as AccordionStandAlone};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r
|
|
2
|
-
return e.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */e.jsxs("div",{className:
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as r,useId as a}from"react";import{pickCustomAttributes as s}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{CheckboxBaseControlled as i}from"../checkboxBase/checkboxBaseControlled.js";import{ErrorMessage as o}from"./components/errorMessage.js";import{Label as d}from"./components/label.js";import{buildAriaDescribedBy as l}from"./utils/aria.utils.js";const t=r(({checkboxBase:r,cssClasses:t,errorMessage:c,id:b,label:n,screenReaderText:m,...p},x)=>{const h=s(p),{"aria-describedby":j,"aria-hidden":u,"aria-label":f,"aria-labelledby":k,...y}=h,v=`checkbox-${a().replace(/:/g,"")}`,g=b??v,C=`${g}-label`,$=`${g}-error`,B=`${g}-screen-reader`,I=r?.variant,M=l({ariaDescribedBy:p["aria-describedby"],error:p.error&&!!c?.message,errorMessageId:$,screenReader:!!m,screenReaderId:B});/* @__PURE__ */
|
|
2
|
+
return e.jsxs("div",{ref:x,...y,className:t?.checkbox,children:[
|
|
3
|
+
/* @__PURE__ */e.jsxs("div",{className:t?.checkboxwithlabelcontainer,children:[!!I&&/* @__PURE__ */e.jsx(i,{...p,"aria-describedby":M,"aria-hidden":p["aria-hidden"],"aria-label":p["aria-label"],"aria-labelledby":p["aria-labelledby"],id:g,variant:I}),
|
|
4
4
|
/* @__PURE__ */e.jsx("screen-reader-only",{id:B,children:m}),
|
|
5
|
-
/* @__PURE__ */e.jsx(d,{...n,cssClasses:
|
|
5
|
+
/* @__PURE__ */e.jsx(d,{...n,cssClasses:t,id:C,inputId:g})]}),!!p.error&&/* @__PURE__ */e.jsx(o,{"aria-live":"assertive",cssClasses:t,"data-testid":`${p["data-testid"]}-error-message`,...c,id:$,inputId:g,show:p.error&&!p.disabled})]})});export{t as CheckboxStandAlone};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
3
|
-
/* @__PURE__ */
|
|
4
|
-
return
|
|
5
|
-
/* @__PURE__ */
|
|
6
|
-
/* @__PURE__ */
|
|
7
|
-
/* @__PURE__ */
|
|
8
|
-
/* @__PURE__ */
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,isValidElement as s}from"react";import{Text as r}from"../text/text.js";import{ElementOrIcon as a}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as o}from"../../lib/types/states/states.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as i}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";const l=e(({closeIcon:e,cssClasses:l,deleteText:m="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:d,leftIcon:u,range:j,rangeIcon:b,rangeSeparator:g={content:"to"},state:f,...h},A)=>{const I={"data-state":f},C=n(h);/* @__PURE__ */
|
|
2
|
+
return t.jsxs(t.Fragment,{children:[
|
|
3
|
+
/* @__PURE__ */t.jsxs("span",{ref:A,"aria-disabled":f===o.DISABLED,"aria-hidden":f===o.DISABLED,className:l?.chip,"data-testid":"chip",...C,...I,children:[!j&&u&&/* @__PURE__ */t.jsx(a,{className:l?.lefticon,...i(u)}),j?/* @__PURE__ */t.jsx("span",{children:j.map((e,o)=>{const n=o!==j.length-1;/* @__PURE__ */
|
|
4
|
+
return t.jsxs("span",{className:l?.rangeitemwrapper,children:[
|
|
5
|
+
/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemtext},component:"span",customAttributes:I,children:e.label}),n&&(b?.icon?/* @__PURE__ */t.jsx(a,{altText:("string"==typeof d||s(d),c(g).children||""),className:l?.rangeicon,...i(b),customAttributes:I}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.rangeitemseparator},component:"span",customAttributes:I,...c(g)}))]},`option-${e.key??e.label}`)})}):/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.label},component:"span",...c(d),customAttributes:I}),
|
|
6
|
+
/* @__PURE__ */t.jsx(a,{className:l?.closeicon,disabled:f===o.DISABLED,...i(e),altText:"string"!=typeof e&&e?.altText?e.altText:m,customAttributes:I})]}),f===o.ERROR&&/* @__PURE__ */t.jsxs("span",{"aria-live":"polite",className:l?.errorcontainer,children:[
|
|
7
|
+
/* @__PURE__ */t.jsx(a,{className:l?.erroricon,...i(p)}),
|
|
8
|
+
/* @__PURE__ */t.jsx(r,{additionalClasses:{text:l?.errormessage},component:"span",customAttributes:I,...c(x)})]})]})});export{l as ChipStandAlone};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useMemo as
|
|
2
|
-
return o.jsxs("div",{ref:
|
|
3
|
-
/* @__PURE__ */o.jsxs(a,{ref:e,"aria-controls":
|
|
4
|
-
/* @__PURE__ */o.jsx(
|
|
5
|
-
/* @__PURE__ */o.jsx(
|
|
1
|
+
import{j as o}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as t,useMemo as s}from"react";import{Text as n}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as l}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{ListOptions as p}from"../listOptions/listOptions.js";import{keyUpMove as c,keyDownMove as d}from"../listOptions/utils/listOptions.utils.js";import{Popover as m}from"../popover/popover.js";const u=e(({buttonOrLinkRef:e,component:u,cssClasses:b,icon:v,label:x,listOptions:f,listOptionsRef:C,onBlur:j,onButtonClick:h,onButtonKeyDown:k,onClosePopover:y,onFocus:O,onKeyDown:g,onOptionClick:D,open:w,optionSelected:F,popover:M,url:A,urlTarget:K,...T},B)=>{const N=`dropdownselected-${t().replace(/:/g,"")}`,E=w?`${N}-list`:void 0,I=T["data-testid"]||"dropdown-selected",R=r(T),$=s(()=>{return{currentFocusSelected:-1,keyDownMove:d(f.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(o=f.options,(e,t)=>{if(t?.shiftKey){const o=Math.max(e,0)-1;return o>=0&&t?.preventDefault(),Math.max(o,0)}const s=Math.max(e,0)+1;return s<=o.length-1&&t?.preventDefault(),Math.min(s,o.length-1)}),keyUpMove:c,size:f.options.length};var o},[f.options]);/* @__PURE__ */
|
|
2
|
+
return o.jsxs("div",{ref:B,className:b?.dropdown_selected,"data-testid":I,role:"combobox",onBlur:j,onFocus:O,onKeyDown:g,...R,"aria-controls":"dropdown-selected-list","aria-expanded":w,tabIndex:0,children:[
|
|
3
|
+
/* @__PURE__ */o.jsxs(a,{ref:e,"aria-controls":E,"aria-expanded":w,"aria-haspopup":"listbox",className:b?.buttonorlinkcontainer,component:u,target:A?K:void 0,type:A?void 0:"button",url:A,onClick:h,onKeyDown:k,children:[
|
|
4
|
+
/* @__PURE__ */o.jsx(n,{additionalClasses:{text:w?b?.labelopened:b?.labelclosed},component:"span",...l(x)}),
|
|
5
|
+
/* @__PURE__ */o.jsx(i,{className:w?b?.iconopened:b?.iconclosed,rotate:w?"180deg":"0deg",transitionDuration:"0.2s",...v})]}),!!M&&/* @__PURE__ */o.jsx(m,{anchorElement:e?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:E,open:w,placement:"bottom",preventCloseOnClickElements:[e?.current],strategy:"absolute",...M,onClose:()=>{y(),M?.onClose?.()},children:/* @__PURE__ */o.jsx("div",{className:b?.listoptionscontainer,"data-testid":`${I}-list`,children:!!f.variant&&!!f.optionVariant&&/* @__PURE__ */o.jsx(p,{ref:C,roveFocus:"selection"===f.type?$:void 0,selectedValue:F,...f,onOptionClick:o=>{D(o),y()}})})})]})});export{u as DropdownSelectedStandAlone};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t,useRef as a,useCallback as o,useImperativeHandle as r}from"react";import{useClassName as l}from"../../lib/hooks/useClassName/useClassName.js";import{useInputFocus as i}from"../../lib/hooks/useInputFocus/useInputFocus.js";import{InputStandAlone as n}from"./inputStandAlone.js";import{getState as u}from"./utils/state.js";const d=s(({additionalClasses:s,id:d,variant:c,...m},p)=>{const f=l({additionalClassNames:s,component:"INPUT",variant:c}),j=`input-${t().replace(/:/g,"")}`,b=d||j,C=`${b}-label`,I=a(null),v=a(null),N=o(e=>{if(e){const s=e.querySelector("input");v.current=s}I.current=e},[]);r(p,()=>I.current,[]);const{focused:x}=i({inputRef:v}),h=Boolean(m.defaultValue??m.value),k=u({disabled:m.disabled,error:m.error,filled:h,focused:x});/* @__PURE__ */
|
|
2
|
+
return e.jsx(n,{ref:N,cssClasses:f,"data-state":k,"data-testid":"input-container",filled:h,focused:x,inputBaseId:b,labelId:C,...m})});export{d as Input};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
1
|
+
import{j as a}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t}from"react";import{useClassName as e}from"../../lib/hooks/useClassName/useClassName.js";import{InputBaseStandAlone as r}from"./inputBaseStandAlone.js";import{getState as i}from"./utils/state.js";const o=s(({additionalClasses:s,error:o,filled:d,focused:l,id:n,variant:m,...u},p)=>{const c=e({additionalClassNames:s,component:"INPUT_BASE",variant:m}),f=`inputbase-${t().replace(/:/g,"")}`,j=n??f,b=i({disabled:u.disabled,error:o,filled:d,focused:l});/* @__PURE__ */
|
|
2
|
+
return a.jsx(r,{ref:p,...u,"aria-invalid":o,cssClasses:c,"data-state":b,"data-testid":"input-base","data-truncate":u.truncate,id:j})});export{o as InputBase};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{Text as
|
|
2
|
-
return t.jsxs(
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as s}from"react";import{Text as r}from"../text/text.js";const i=e(({asteriskColor:e,asteriskCssClasses:i,asteriskWeight:a,children:o,color:l,cursor:d,customAttributes:c,id:n,inputId:m,required:u,requiredSymbol:h,textCssClasses:p,weight:x,...b},C)=>{const j=`label-${s().replace(/:/g,"")}`,g=n??j,f=b["data-testid"]||"label";/* @__PURE__ */
|
|
2
|
+
return t.jsxs(r,{ref:C,additionalClasses:{text:p},color:l,component:"label",cursor:d,customAttributes:c,"data-testid":f,htmlFor:m,id:g,weight:x,children:[o,u&&/* @__PURE__ */t.jsx(r,{additionalClasses:{text:i},"aria-hidden":!0,color:e,component:"span","data-testid":`${f}Required`,weight:a,children:h})]})});export{i as Label,i as LabelStandAlone};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useMemo as e,useImperativeHandle as
|
|
2
|
-
return t.jsxs("div",{className:j?.list_options,"data-testid":T,...V,children:[!!
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useMemo as e,useId as i,useImperativeHandle as s}from"react";import{Text as n}from"../text/text.js";import{useRoveFocus as l}from"../../lib/hooks/useRoveFocus/useRoveFocus.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as a}from"../../lib/components/customComponent/customComponent.js";import{Option as p}from"../option/option.js";import{keyUpMove as d,keyDownMove as m,isSelected as u,getOptionVariant as h}from"./utils/listOptions.utils.js";const v=o(({caseSensitive:o,charsHighlighted:v,checkedIcon:g,content:b,cssClasses:j,highlightedOptionVariant:x,id:k,index:f=0,listComponent:C,multiSelect:$,onOptionClick:y,options:S,optionsContainerArias:F,roveFocus:M,selectedValue:O,title:A,type:I="selection",...N},R)=>{const T=N["data-testid"]??"list-options",V=r(N),H=e(()=>({currentFocusSelected:-1,keyDownMove:m(S),keyLeftMove:0,keyRightMove:0,keyTabMove:null,keyUpMove:d,size:S.length}),[S]),[L,_,w]=l(M??H),z=i();s(R,()=>w.current,[w]);const D=k??z,U="selection"===I,q="navigation"===I,B=S&&S.length>0;/* @__PURE__ */
|
|
2
|
+
return t.jsxs("div",{className:j?.list_options,"data-testid":T,...V,children:[!!A&&S.length>0&&/* @__PURE__ */t.jsx("div",{className:j?.titlecontainer,children:/* @__PURE__ */t.jsx(n,{additionalClasses:{text:j?.title},...c(A)})}),b,B&&/* @__PURE__ */t.jsx(a,{ref:w,"aria-label":F?.["aria-label"],"aria-labelledby":F?.["aria-labelledby"],className:j?.optionscontainer,component:C??"ul",id:D,role:U?"listbox":void 0,children:S.map((e,i)=>{const s=u(e,O,$,o),n=`${T}-section-${f}-option-${i}`,l=/* @__PURE__ */t.jsx(p,{"aria-current":q?s:void 0,"aria-selected":U?s:void 0,checkedIcon:g,component:q?"div":"li","data-testid":n,focus:L===i,labelCharsHighlighted:v,multiSelect:$,role:U?"option":void 0,selected:s,tabIndex:q?0:-1,variant:h(e.highlighted,x,N?.optionVariant),...e,onClick:t=>{_(i),y?.(e.value,t),e.onClick?.(t)},onFocus:t=>{i!==L&&_(i),e.onFocus?.(t)}},`${D}Option-${f.toString()}-${i.toString()}`);return"selection"===I?/* @__PURE__ */t.jsx("li",{children:l},`${D}LiOption-${f.toString()}-${i.toString()}`):l})})]})});export{v as ListOptionsStandAlone};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as n}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{
|
|
2
|
-
return t.jsx("div",{
|
|
3
|
-
/* @__PURE__ */t.jsxs(
|
|
4
|
-
/* @__PURE__ */t.jsxs("div",{className:r(
|
|
5
|
-
/* @__PURE__ */t.jsx(s,{className:
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as n}from"react";import{Button as e}from"../button/button.js";import{Tag as o}from"../tag/tag.js";import{Text as i}from"../text/text.js";import{ElementOrIcon as s}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as a}from"../../lib/utils/process/processText/processText.js";import{CustomComponent as c}from"../../lib/components/customComponent/customComponent.js";import{Link as m}from"../link/link.js";const d=n(({actionButton:n,ariaLive:d="off",ariaMessageId:p,closeIcon:u,content:j,cssClasses:x,extraActionButton:h,id:g,infoIcon:f,inlineLink:v,linkComponent:C,links:b,maxContentLength:N=246,messageContainerProps:k,open:A,role:I,tag:y,title:L,titleAndContentContainerProps:B,titleAndContentRole:O,...P},S)=>{const T=P["data-testid"]||"message",$=l(P),_=a(j),z=a(L),M="string"==typeof _.children&&_.children?.toString().length>=N;/* @__PURE__ */
|
|
2
|
+
return t.jsx("div",{...$,"aria-live":d,className:x?.message,children:A&&/* @__PURE__ */t.jsxs(c,{ref:S,className:x?.container,component:k?.url?C:"div","data-testid":T,id:g,role:I,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[f?.icon?/* @__PURE__ */t.jsx(s,{className:x?.infoicon,...f}):null,
|
|
3
|
+
/* @__PURE__ */t.jsxs(c,{className:r(x?.headercontainer,{[`${x?.headercontainerlargemessage}`]:M}),component:B?.url?C:"div",role:O,target:B?.target,url:B?.url||void 0,onClick:B?.onClick,children:[!!L&&("string"==typeof z.children?/* @__PURE__ */t.jsx("div",{"aria-errormessage":p,className:x?.titlecontainer,children:/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.title},component:"p",...z})}):z.children),!!y?.content&&(y?.content?/* @__PURE__ */t.jsx(o,{variant:"",...y,label:{content:y?.content}}):null),
|
|
4
|
+
/* @__PURE__ */t.jsxs("div",{className:r(x?.contentcontainer,{[`${x?.contentcontainerlargemessage}`]:M}),children:["string"==typeof j?/* @__PURE__ */t.jsx(i,{additionalClasses:{text:x?.description},component:"p",..._}):_.children,!!v?.content&&/* @__PURE__ */t.jsx(m,{decoration:"underline",...v,url:v?.url||"",children:v?.content||""})]}),!(!h&&!n)&&/* @__PURE__ */t.jsxs("div",{className:x?.buttonsectioncontainer,children:[h?.content?/* @__PURE__ */t.jsx("div",{className:x?.extraactionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{...h,children:h?.content})}):null,n?.content?/* @__PURE__ */t.jsx("div",{className:x?.actionbuttoncontainer,children:/* @__PURE__ */t.jsx(e,{additionalSizeClasses:n?.variant?void 0:x?.action_button,...n,children:n?.content})}):null]}),!!(b&&b.length>0)&&/* @__PURE__ */t.jsx("div",{className:x?.linkscontainer,children:b?.map(n=>n.content?/* @__PURE__ */t.jsx("div",{className:x?.linkcontainer,children:/* @__PURE__ */t.jsx(m,{decoration:"underline",...n,children:n.content})},n.content):null)})]}),
|
|
5
|
+
/* @__PURE__ */t.jsx(s,{className:x?.closeicon,...u})]})})});export{d as MessageStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o}from"react";import{Overlay as
|
|
2
|
-
return e.jsx(
|
|
3
|
-
/* @__PURE__ */e.jsx(r,{blocked:o,closeButton:d,closeIcon:
|
|
4
|
-
/* @__PURE__ */e.jsx("div",{"aria-label":v?
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as o,useId as t}from"react";import{Overlay as a}from"../../lib/components/overlay/overlay.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";import{NabVar as l}from"../navBar/navBar.js";import{Popover as s}from"../popover/popover.js";import{ModalHeader as r}from"./fragments/modalHeader.js";import{onlyDesktopSize as n}from"./utils/onlyDesktopSize.js";const d=o(({blocked:o,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:v,contentScrollArias:g,cssClasses:h,customHeightAllDevices:x=!1,customWidthAllDevices:b=!1,device:j,dragIcon:f,footer:y,id:u,maxHeight:C,maxWidth:H,minContentHeight:I,minHeight:B,minWidth:W,onKeyDown:k,onPopoverCloseInternally:D,open:A,popover:N,title:S,...T},$)=>{const F=`modal-${t().replace(/:/g,"")}`,w=u??F,z=`modal-title-${t().replace(/:/g,"")}`,E=i(S).id??z,K=y?.variant,O=T["data-testid"]||"modal";/* @__PURE__ */
|
|
2
|
+
return e.jsx(s,{"aria-labelledby":E,"aria-modal":A,component:"div",disableClickOverlayClose:o,disableEscapeClose:o,disableTrapFocus:!1,id:w,open:A,overlay:/* @__PURE__ */e.jsx(a,{}),role:"dialog",strategy:"fixed",onClose:D,...N,children:/* @__PURE__ */e.jsxs("div",{ref:$,className:h?.modal,"data-testid":O,style:{maxHeight:C,maxWidth:H,minHeight:x?B:n(j,B),minWidth:b?W:n(j,W),paddingBottom:y?.rightItems?"0":void 0},children:[
|
|
3
|
+
/* @__PURE__ */e.jsx(r,{blocked:o,closeButton:d,closeIcon:c,cssClasses:h,device:j,dragIcon:f,title:S,titleIdFinal:E}),
|
|
4
|
+
/* @__PURE__ */e.jsx("div",{"aria-label":v?g?.["aria-label"]:void 0,"aria-labelledby":v?g?.["aria-labelledby"]:void 0,className:h?.content,"data-modal-content":!0,"data-testid":`${O}-content`,role:v?"region":void 0,style:{minHeight:I},...v?{tabIndex:0}:{},...p,children:m}),!!K&&!!y&&/* @__PURE__ */e.jsx("div",{className:h?.footer,children:/* @__PURE__ */e.jsx(l,{variant:K,...y})})]})})});export{d as ModalStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{
|
|
2
|
-
return e.jsxs("div",{className:m?.rowcontainer,"data-testid":w,...
|
|
3
|
-
/* @__PURE__ */e.jsx("div",{...
|
|
4
|
-
/* @__PURE__ */e.jsxs("div",{className:m?.infocontainer,children:[!!
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{useId as s}from"react";import{LabelStandAlone as r}from"../label/labelStandAlone.js";import{Text as a}from"../text/text.js";import{ElementOrIcon as t}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{classNames as i}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as l}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as o}from"../../lib/utils/process/processText/processText.js";import{buildAriaLabelledBy as n}from"./utils/aria.utils.js";const d=({altVariant:d=!1,checked:c,cssClasses:m,disabled:b,error:u,errorAriaLiveType:p,errorIcon:x,errorMessage:j,id:h,label:g,lastChild:f,name:v,onBlur:C,onChange:I,screenReaderId:N,state:y,subTitle:A,tabIndex:_,value:k,...$})=>{let T=`radiobutton-${s().replace(/:/g,"")}`;T=h??T;const B=o(A).id&&`${T}__description`,M=j&&`${T}__error`,O={"data-state":y},R=l(O),w=$["data-testid"]??"radio-button";/* @__PURE__ */
|
|
2
|
+
return e.jsxs("div",{className:m?.rowcontainer,"data-testid":w,...R,style:{display:g?"grid":"block",marginBottom:f?0:void 0},children:[
|
|
3
|
+
/* @__PURE__ */e.jsx("div",{...R,className:m?.radiobuttoncontainer,children:/* @__PURE__ */e.jsx("input",{"aria-describedby":n({descriptionId:B,error:u,errorMessage:j,errorMessageId:M,screenReaderId:N}),"aria-hidden":$["aria-hidden"],"aria-label":$["aria-label"],"aria-labelledby":$["aria-labelledby"],checked:c,className:i(m?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${w}-input`,disabled:b,id:T,name:v,tabIndex:_,type:"radio",value:k,onBlur:C,onChange:I,...R})}),
|
|
4
|
+
/* @__PURE__ */e.jsxs("div",{className:m?.infocontainer,children:[!!g?.content&&/* @__PURE__ */e.jsx("div",{className:m?.labelcontainer,children:/* @__PURE__ */e.jsx(r,{cursor:b?"default":"pointer",customAttributes:O,inputId:T,textCssClasses:i(m?.label,{[`${m?.speciallabel}`]:!!A}),...g,children:g?.content})}),!!o(A).children&&("string"==typeof o(A)?/* @__PURE__ */e.jsx(a,{additionalClasses:{text:m?.sublabel},...o(A),id:B}):/* @__PURE__ */e.jsx("div",{id:B,children:o(A).children})),!(!u||!j)&&/* @__PURE__ */e.jsx("div",{"aria-live":p,className:m?.errormessagecontainer,id:M,...R,children:/* @__PURE__ */e.jsxs(a,{additionalClasses:{text:m?.errormessage},customAttributes:O,children:[!!x&&/* @__PURE__ */e.jsx("span",{...R,className:m?.errormessageiconcontainer,children:/* @__PURE__ */e.jsx(t,{className:m?.errormessageicon,customAttributes:O,...x})}),j]})})]})]})};export{d as RadioButtonStandAlone};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as t}from"react";import{STATES as o}from"../../lib/types/states/states.js";import{SelectorBoxFileAnimation as r}from"./components/selectorBoxFileAnimation.js";import{SelectorBoxFileContainerBox as i}from"./components/selectorBoxFileContainerBox.js";import{SelectorBoxFileErrorMessage as n}from"./components/selectorBoxFileErrorMessage.js";import{SelectorBoxFileHeader as a}from"./components/selectorBoxFileHeader.js";const l=s(({accept:s,button:l,containerBoxStateContent:c,cssClasses:m,description:d,errorMessage:p,errorMessageIcon:x,filename:u,focus:f,id:j,multiple:C,name:b,onAnimationCompleted:g,onBlur:B,onChange:h,onClick:I,onFocus:F,percentage:M,state:v,subtitle:$,title:y,tooltip:A,tooltipIcon:E,...k},N)=>{const R=`selectorboxfile-${t().replace(/:/g,"")}`,S=j??R,_=`${S}HeaderId`,D=`${S}ErrorId`,H=k["data-testid"]??"selector-box-file";/* @__PURE__ */
|
|
2
2
|
return e.jsxs("div",{ref:N,children:[
|
|
3
3
|
/* @__PURE__ */e.jsxs("div",{className:m?.selector_box_file,"data-testid":H,children:[
|
|
4
|
-
/* @__PURE__ */e.jsxs("div",{className:m?.header,children:[!(!y
|
|
5
|
-
/* @__PURE__ */e.jsx(r,{cssClasses:m,"data-testid":H,focus:f,percentage:M,state:v,onAnimationCompleted:
|
|
6
|
-
/* @__PURE__ */e.jsx(n,{cssClasses:m,errorMessage:p,errorMessageIcon:
|
|
7
|
-
/* @__PURE__ */e.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(y
|
|
4
|
+
/* @__PURE__ */e.jsxs("div",{className:m?.header,children:[!(!y&&!$)&&/* @__PURE__ */e.jsx(a,{button:l,cssClasses:m,description:d,headerId:_,subtitle:$,title:y,tooltip:A,tooltipIcon:E}),
|
|
5
|
+
/* @__PURE__ */e.jsx(r,{cssClasses:m,"data-testid":H,focus:f,percentage:M,state:v,onAnimationCompleted:g,children:/* @__PURE__ */e.jsx(i,{containerBoxStateContent:c,cssClasses:m,filename:u,focus:!1,htmlFor:S,state:v})})]}),
|
|
6
|
+
/* @__PURE__ */e.jsx(n,{cssClasses:m,errorMessage:p,errorMessageIcon:x,errorMessageId:D,state:v})]}),
|
|
7
|
+
/* @__PURE__ */e.jsx("input",{accept:s,"aria-describedby":(()=>{let e="";return(y||$)&&(e+=` ${_}`),v===o.ERROR&&p&&(e+=` ${D}`),e||void 0})(),className:"kbt-sr-only",disabled:v===o.DISABLED,id:S,multiple:C,name:b,type:"file",onBlur:B,onChange:h,onClick:I,onFocus:F})]})});export{l as SelectorBoxFileStandAlone};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{j as
|
|
2
|
-
return
|
|
1
|
+
import{j as t}from"../../../_virtual/jsx-runtime.js";import{useId as s,useState as r,useRef as e,useEffect as c}from"react";import{pickCustomAttributes as i}from"../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";const l=({cssClasses:l,customAttributes:o,scaleOffsets:a,showScale:n})=>{const u=`tickmarks-${s().replace(/:/g,"")}`,[m,p]=r("0px"),f=e(null);return c(()=>{f.current&&p(`${f.current.offsetWidth}px`)},[f.current]),n&&n?/* @__PURE__ */t.jsx("div",{className:l?.scalecontainer,id:u,...i(o),children:a.map((s,r)=>{const e={left:`calc(${s}% - ${m} / 2)`};/* @__PURE__ */
|
|
2
|
+
return t.jsx("span",{className:l?.scaleoption,style:e},`${u}-${r.toString()}`)})}):null};export{l as SliderScaleStandAlone};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s}from"react";import{classNames as a}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";import{Text as l}from"../text/text.js";import{SliderButtonStandAlone as o}from"./components/sliderButtonStandAlone.js";import{SliderHelperTextStandAlone as c}from"./components/sliderHelperTextStandAlone.js";import{SliderScaleStandAlone as d}from"./components/sliderScaleStandAlone.js";import{SliderThumbStandAlone as n}from"./components/sliderThumbStandAlone.js";import{buildAriaDescribedBy as u}from"./utils/accessibility.utils.js";import{getState as m}from"./utils/state.utils.js";import{isActive as h}from"./utils/ui.utils.js";const p=t(({activePointer:t,ariaLabel:p,ariaLabelBy:b,containerRef:x,cssClasses:v,decrementButton:f,disabled:j,hover:T,incrementButton:$,label:g,leftHelperText:y,max:k,min:A,offset:L,offsetLeft:C,offsetRight:N,onChange:w,onKeyPress:B,onMouseDown:I,onTouchStart:S,pressed:H,range:M,rightAriaLabel:D,rightAriaLabelBy:O,rightHelperText:F,rightThumbIcon:K,rightTooltip:R,scaleOffsets:P,setHover:_,showScale:q,step:z,thumbIcon:E,tooltip:G,value:J,...Q},U)=>{const V=`slider-${s().replace(/:/g,"")}`,W=m({disabled:j,hover:T,pressed:H}),X={"data-state":W},Y=Q["data-testid"]??"slider",Z=r(X),ee=i(g).children&&!M?`${V}Label`:void 0,te=`${V}LeftHelperText`,se=`${V}RightHelperText`,ae=b??ee;/* @__PURE__ */
|
|
2
2
|
return e.jsxs("div",{ref:U,className:v?.slider,"data-disabled":j,"data-hover":T,"data-pressed":H,...Z,children:[
|
|
3
|
-
/* @__PURE__ */e.jsx("div",{className:v?.labelcontainer,...Z,children:/* @__PURE__ */e.jsx(
|
|
3
|
+
/* @__PURE__ */e.jsx("div",{className:v?.labelcontainer,...Z,children:/* @__PURE__ */e.jsx(l,{additionalClasses:{text:v?.label},component:"label",customAttributes:X,id:ee,...i(g)})}),
|
|
4
4
|
/* @__PURE__ */e.jsx(d,{cssClasses:v,customAttributes:X,scaleOffsets:P,showScale:q}),
|
|
5
5
|
/* @__PURE__ */e.jsxs("div",{className:v?.buttonstrackscontainer,children:[
|
|
6
|
-
/* @__PURE__ */e.jsx(
|
|
7
|
-
/* @__PURE__ */e.jsx("div",{className:v?.tracksthumbscontainer,children:/* @__PURE__ */e.jsxs("div",{ref:x,className:v?.tracksthumbsinnercontainer,"data-testid":`${Y}-container`,role:"button",tabIndex:0,onMouseDown:
|
|
8
|
-
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...Z,"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-left-track`,style:{left:0,width:`${
|
|
9
|
-
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-active-track`,style:{left:`${
|
|
10
|
-
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-right-track`,style:{right:0,width:`${
|
|
11
|
-
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:
|
|
12
|
-
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:
|
|
13
|
-
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-active-track`,style:{width:`${
|
|
14
|
-
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-track`,style:{right:0,width:`calc(${100-
|
|
15
|
-
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:
|
|
16
|
-
/* @__PURE__ */e.jsx(
|
|
17
|
-
/* @__PURE__ */e.jsx(c,{cssClasses:v,customAttributes:X,leftHelperText:
|
|
6
|
+
/* @__PURE__ */e.jsx(o,{...f,cssClasses:v,customAttributes:X}),
|
|
7
|
+
/* @__PURE__ */e.jsx("div",{className:v?.tracksthumbscontainer,children:/* @__PURE__ */e.jsxs("div",{ref:x,className:v?.tracksthumbsinnercontainer,"data-testid":`${Y}-container`,role:"button",tabIndex:0,onMouseDown:I,onTouchMove:w,onTouchStart:S,children:[M&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
|
|
8
|
+
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),...Z,"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-left-track`,style:{left:0,width:`${C}%`}}),
|
|
9
|
+
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-active-track`,style:{left:`${C}%`,right:`${N}%`},...Z}),
|
|
10
|
+
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-right-track`,style:{right:0,width:`${N}%`},...Z}),
|
|
11
|
+
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:y,helperTextId:te},{helperText:F,helperTextId:se}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:X,"data-testid":`${Y}-left-thumb`,disabled:j,hover:h(T,t.current,"left"),icon:E,max:J[1]-z,min:A,pressed:h(H,t.current,"left"),state:W,style:{left:`${C}%`},tooltip:G,value:J[0],onFocus:()=>t.current="left",onKeyDown:B,onMouseOut:()=>_(!1),onMouseOver:()=>{_(!0),t.current="left"},onTouchStart:()=>{t.current="left"}}),
|
|
12
|
+
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:y,helperTextId:te},{helperText:F,helperTextId:se}]),ariaLabel:D,ariaLabelBy:O,cssClasses:v,customAttributes:X,"data-testid":`${Y}-right-thumb`,disabled:j,hover:h(T,t.current,"right"),icon:K,max:k,min:J[0]+z,pressed:h(H,t.current,"right"),rightThumb:!0,state:W,style:{right:`${N}%`},tooltip:R,value:J[1],onFocus:()=>t.current="right",onKeyDown:B,onMouseOut:()=>_(!1),onMouseOver:()=>{_(!0),t.current="right"},onTouchStart:()=>{t.current="right"}})]}),!M&&/* @__PURE__ */e.jsxs(e.Fragment,{children:[
|
|
13
|
+
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!0,[`${v?.inactivetrack}`]:!1}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-active-track`,style:{width:`${L}%`},...Z}),
|
|
14
|
+
/* @__PURE__ */e.jsx("div",{className:a({[`${v?.activetrack}`]:!1,[`${v?.inactivetrack}`]:!0}),"data-disabled":j,"data-hover":T,"data-pressed":H,"data-testid":`${Y}-inactive-track`,style:{right:0,width:`calc(${100-L}%)`},...Z}),
|
|
15
|
+
/* @__PURE__ */e.jsx(n,{ariaDescribedBy:u([{helperText:y,helperTextId:te},{helperText:F,helperTextId:se}]),ariaLabel:p,ariaLabelBy:ae,cssClasses:v,customAttributes:X,"data-testid":`${Y}-thumb`,disabled:j,hover:T,icon:E,max:k,min:A,pressed:H,state:W,style:{left:`${L}%`},tooltip:G,value:J,onKeyDown:B,onMouseOut:()=>_(!1),onMouseOver:()=>_(!0)})]})]})}),
|
|
16
|
+
/* @__PURE__ */e.jsx(o,{...$,cssClasses:v,customAttributes:X})]}),
|
|
17
|
+
/* @__PURE__ */e.jsx(c,{cssClasses:v,customAttributes:X,leftHelperText:y,leftHelperTextId:te,rightHelperText:F,rightHelperTextId:se})]})});export{p as SliderStandAlone};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e}from"react";import{Text as
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as e,useId as a}from"react";import{Text as s}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{ItemRove as o}from"../../lib/components/itemRove/itemRove.js";import{useActiveBreakpoints as l}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{STATES as n}from"../../lib/types/states/states.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as c}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as b}from"../../lib/utils/process/processText/processText.js";import{useTabs as d}from"./hooks/useTabs/useTabs.js";const m=e(({allowFocusTabPanel:e=!0,autoWidth:m=!1,content:u,cssClasses:p,device:h,hideLabelForSingleTab:$,leftControlAriaLabel:j,leftIcon:x,maxTabsInView:f=3,onSelectTab:T,rightControlAriaLabel:v,rightIcon:C,selectedTab:N,tabs:g,unMountContent:I=!0,...k},S)=>{const{isMobile:y}=l(),A=`tabs-${a().replace(/:/g,"")}`,E=`${A}-tab-list`,L=`${A}-tab-panel`,w=g?.length??0,D=Math.min(w,f),{focus:F,handleClickIcon:M,handleClickTab:O,listEl:R,position:V}=d({numTabsInView:D,selectedTab:N,tabsLength:w}),W=0===V,B=V>=w-D,P=k["data-testid"]||"tabs",U=c(k),_=e=>{const a="left"===e,s=a?W:B;return w>D?/* @__PURE__ */t.jsx("button",{"aria-label":a?j:v,className:p?.arrowiconcontainer,"data-position":a?"left":"right","data-testid":`${P}-icon-${e}`,disabled:s,tabIndex:0,type:"button",onClick:()=>{s||M(!a)},children:/* @__PURE__ */t.jsx(i,{className:p?.icon,customAttributes:{"data-disabled":s},"data-position":a?"left":"right",...a?x:C})}):null};/* @__PURE__ */
|
|
2
2
|
return t.jsxs("div",{ref:S,className:p?.tabs,"data-testid":P,...U,children:[
|
|
3
3
|
/* @__PURE__ */t.jsxs("div",{className:p?.container,children:[_("left"),
|
|
4
|
-
/* @__PURE__ */t.jsx("div",{ref:R,className:p?.tabbuttonscontainer,id:E,role:"tablist",children:
|
|
5
|
-
return t.jsx("div",{className:p?.tabcontainer,"data-testid":`${P}-tab-${
|
|
4
|
+
/* @__PURE__ */t.jsx("div",{ref:R,className:p?.tabbuttonscontainer,id:E,role:"tablist",children:g?.map((e,a)=>{const i=N===a,l=i?n.SELECTED:n.UNSELECTED,d=a>=V&&a<V+D,u={"data-state":l};/* @__PURE__ */
|
|
5
|
+
return t.jsx("div",{className:p?.tabcontainer,"data-testid":`${P}-tab-${a}`,...c(u),style:{minWidth:y?`calc(100% / ${D})`:"auto",width:m?"auto":`calc(100% / ${w})`},children:w>1?/* @__PURE__ */t.jsx(o,{ariaDisabled:y&&!d||e.disabled,ariaSelected:i,asElement:"button",checkIsFirstTime:!0,classNames:r(p?.tabbutton,{[`${p?.firsttabbutton}`]:0===a,[`${p?.lasttabbutton}`]:a===w-1}),customAttributes:u,disabled:y&&!d||e.disabled,focus:F===a,id:`${A}-tab-${a}`,index:a,preventScrollOnFocus:!0,role:"tab",type:"button",onSelectItem:()=>{T?.(a),O(a)},children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:p?.label},component:"span",customAttributes:u,"data-hidden":!!$,...b(e)})}):/* @__PURE__ */t.jsx("div",{className:r(p?.onetabcontainer,{[`${p?.tabbutton}`]:!!$}),id:`${A}-tab-${a}`,role:"tab",children:/* @__PURE__ */t.jsx(s,{additionalClasses:{text:p?.label},"data-hidden":!!$,...b(e),children:b(e).children})})},`${P}-tab-${a.toString()}`)})}),_("right")]}),(()=>{const a={role:"tabpanel",tabIndex:e?0:-1};return I?null!=N&&/* @__PURE__ */t.jsx("div",{"aria-labelledby":`${A}-tab-${N}`,className:p?.contentcontainer,...a,children:u?.[N]}):u?.map((e,s)=>/* @__PURE__ */t.jsx("div",{"aria-labelledby":`${A}-tab-${s}`,className:p?.contentcontainer,id:`${L}-${s}`,style:{display:N===s?"block":"none"},...a,children:e},`${A}-${s.toString()}-tab`))})()]})});export{m as TabsStandAlone};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t}from"react";import{LabelStandAlone as
|
|
2
|
-
return e.jsxs("div",{ref:_,className:x?.text_area,"data-testid":"text-area",...w,...
|
|
1
|
+
import{j as e}from"../../_virtual/jsx-runtime.js";import{forwardRef as t,useId as s}from"react";import{LabelStandAlone as r}from"../label/labelStandAlone.js";import{STATES as a}from"../../lib/types/states/states.js";import{pickCustomAttributes as o}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processText as i}from"../../lib/utils/process/processText/processText.js";import{ErrorStandAlone as l}from"./components/errorStandAlone.js";import{HelpMessageStandAlone as n}from"./components/helpMessageStandAlone.js";import{TextCount as c}from"./components/textCount/textCount.js";import{TitleStandAlone as d}from"./components/titleStandAlone.js";import{buildAriaDescribedBy as m}from"./utils/aria.utils.js";const u=t(({additionalInfo:t,counterVariant:u,cssClasses:x,errorAriaLiveType:p="assertive",errorIcon:h,errorMessage:j,height:b,helpMessage:g,id:C,label:f,labelInsideTextArea:A,maxLength:v,onBlur:I,onChange:T,onFocus:y,placeholder:E,required:L,screenReaderTextCount:M,spellCheck:k,state:B,title:D,value:N,...S},_)=>{const q=`textarea-${s().replace(/:/g,"")}`,$=C??q,F=`${$}HelpText`,H=`${$}Error`,R=`${$}TextCount`,w=o({"data-state":B}),K=[a.DISABLED_EMPTY,a.DISABLED_FILLED].includes(B);/* @__PURE__ */
|
|
2
|
+
return e.jsxs("div",{ref:_,className:x?.text_area,"data-testid":"text-area",...w,...o(S),children:[
|
|
3
3
|
/* @__PURE__ */e.jsx(d,{cssClasses:x,customAttributtes:w,title:D}),
|
|
4
|
-
/* @__PURE__ */e.jsxs("div",{className:x?.labeltextareacontainer,role:"button",style:{height:A?b:void 0},tabIndex:0,onClick:()=>document.getElementById(
|
|
4
|
+
/* @__PURE__ */e.jsxs("div",{className:x?.labeltextareacontainer,role:"button",style:{height:A?b:void 0},tabIndex:0,onClick:()=>document.getElementById($)?.focus(),onKeyDown:e=>{"Enter"===e.key&&document.getElementById($)?.focus()},children:[
|
|
5
5
|
/* @__PURE__ */e.jsxs("div",{className:x?.labelandadditionalinfocontainer,children:[
|
|
6
|
-
/* @__PURE__ */e.jsx(
|
|
7
|
-
/* @__PURE__ */e.jsx("textarea",{"aria-describedby":m({errorMessage:i(j).children,helpMessage:i(g).children,state:B,textAreaErrorId:H,textAreaHelpTextId
|
|
6
|
+
/* @__PURE__ */e.jsx(r,{asteriskCssClasses:x?.required,customAttributes:w,inputId:$,required:L,textCssClasses:x?.label,...i(f),children:i(f).children}),t]}),
|
|
7
|
+
/* @__PURE__ */e.jsx("textarea",{"aria-describedby":m({errorMessage:i(j).children,helpMessage:i(g).children,state:B,textAreaErrorId:H,textAreaHelpTextId:F}),className:x?.textarea,disabled:K,id:$,maxLength:v,placeholder:E,required:L,spellCheck:k,style:{height:b||void 0},value:N,onBlur:I,onChange:T,onFocus:y,...w,children:N})]}),
|
|
8
8
|
/* @__PURE__ */e.jsxs("div",{className:x?.bottomcontainer,...w,children:[
|
|
9
9
|
/* @__PURE__ */e.jsxs("div",{className:x?.helpmessageerrorcontainer,...w,children:[
|
|
10
10
|
/* @__PURE__ */e.jsx(l,{cssClasses:x,customAttributtes:w,errorAriaLiveType:p,errorIcon:h,errorMessage:j,id:H,state:B}),
|
|
11
|
-
/* @__PURE__ */e.jsx(n,{cssClasses:x,customAttributtes:w,helpMessage:g,id
|
|
11
|
+
/* @__PURE__ */e.jsx(n,{cssClasses:x,customAttributtes:w,helpMessage:g,id:F})]}),!!u&&/* @__PURE__ */e.jsx(c,{additionalClasses:{letftext:x?.counterleft,righttext:x?.counterright,text_count:x?.counter},currentCharacters:N?.length??0,id:R,maxLength:v,screenReaderText:M,variant:u})]})]})});export{u as TextAreaStandAlone};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css */import{
|
|
2
|
-
return o.jsx("div",{className:"kbt-tooltip","data-testid":
|
|
3
|
-
/* @__PURE__ */o.jsxs("div",{className:y?.tooltipinternalcontainer,children:[(oo
|
|
4
|
-
/* @__PURE__ */o.jsxs("div",{className:r(y?.title,y?.headercontainer),style:(
|
|
5
|
-
/* @__PURE__ */o.jsx("div",{ref:
|
|
6
|
-
/* @__PURE__ */o.jsx("div",{...
|
|
7
|
-
return o.jsxs("div",{ref:
|
|
8
|
-
/* @__PURE__ */o.jsx(
|
|
1
|
+
import{j as o}from"../../_virtual/jsx-runtime.js";/* empty css */import{useId as e}from"react";import{Text as t}from"../text/text.js";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{useActiveBreakpoints as s}from"../../lib/hooks/useMediaDevice/useActiveBreakpoints.js";import{POSITIONS as l}from"../../lib/types/positions/positions.js";import{classNames as r}from"../../lib/utils/classNames/classNames.js";import{pickCustomAttributes as n}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{processIcon as a}from"../../lib/utils/process/processIcon/processIcon.js";import{processText as c}from"../../lib/utils/process/processText/processText.js";import{IconHost as d}from"../icon/iconHost.js";import{Popover as p}from"../popover/popover.js";import{TooltipTrigger as m}from"./components/tooltipTrigger.js";import{getAriaDescriptorsBy as b}from"./utils/tooltip.utils.js";const v=({align:v,children:h,childrenAsButton:j=!0,closeIcon:u,content:x,contentHasScroll:g,contentRef:f,contentScrollArias:C,cssClasses:y,disabled:k,dragIcon:N,dragIconRef:T,labelRef:I,mediaDevice:A,onCloseIconClick:w,onPopoverCloseInternally:D,onTooltipFocus:_,onTooltipKeyDown:B,onTriggerClick:M,onTriggerKeyDown:$,onTriggerMouseDown:F,onTriggerMouseUp:O,popover:K,popoverOpen:R,title:H,tooltipAriaLabel:P,tooltipAsModal:S,tooltipRef:U,triggerAsButton:z,...E})=>{const L=E["data-testid"]||"tooltip",q=n(E),G=`tooltip-${e().replace(/:/g,"")}`,J=`${G}-title`,Q=`${G}-content`,V=c(x),W=c(H),X="string"==typeof V.children,{isDesktop:Y,isMobile:Z,isTablet:oo}=s(),eo=Y||oo;if(k)/* @__PURE__ */
|
|
2
|
+
return o.jsx("div",{className:"kbt-tooltip","data-testid":L,children:/* @__PURE__ */o.jsx(m,{childrenAsButton:j,disabled:!0,children:h})});const to=b({contentId:Q,hasContent:!!x,hasTitle:!!W.children,titleId:J}),io={"data-align":v||l.TOP},so=n(io),lo=/* @__PURE__ */o.jsxs("div",{ref:U,"aria-label":eo?P:void 0,"aria-labelledby":eo?b({hasTitle:!!W.children,titleId:J}):void 0,"aria-modal":!(!eo||!S)||void 0,className:r("kbt-tooltip__external-container",y?.tooltipexternalcontainer),"data-testid":`${L}-content`,id:G,role:eo?S?"dialog":"tooltip":void 0,...eo&&{onFocus:_,onKeyDown:B},...q,children:[
|
|
3
|
+
/* @__PURE__ */o.jsxs("div",{className:y?.tooltipinternalcontainer,children:[(Z||oo)&&!!N&&/* @__PURE__ */o.jsx("div",{ref:T,className:y?.dragiconcontainer,"data-testid":`${L}-drag`,children:/* @__PURE__ */o.jsx(i,{className:y?.dragicon,...N})}),
|
|
4
|
+
/* @__PURE__ */o.jsxs("div",{className:r(y?.title,y?.headercontainer),style:(ro=!!W.children,no=!!u?.icon,ro&&no?{justifyContent:"space-between"}:ro?{justifyContent:"flex-end"}:no?{justifyContent:"flex-start"}:{display:"none"}),children:[a(u).icon&&/* @__PURE__ */o.jsx("div",{className:y?.closebuttoncontainer,children:/* @__PURE__ */o.jsx(d,{...a(u),className:y?.closebuttonicon,icon:a(u).icon,onClick:w})}),!!W.children&&/* @__PURE__ */o.jsx("div",{className:"kbt-tooltip__title",id:J,children:/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.title},component:"h2",...W,children:W.children})})]}),
|
|
5
|
+
/* @__PURE__ */o.jsx("div",{ref:f,"aria-label":g?C?.["aria-label"]:void 0,"aria-labelledby":g?C?.["aria-labelledby"]:void 0,className:"kbt-tooltip__inner-content",role:g?"region":void 0,...g&&{tabIndex:0},children:!!x&&/* @__PURE__ */o.jsx("div",{className:r("kbt-tooltip__paragraph",y?.paragraphcontainer,{[`${y?.divider}`]:!!W.children}),id:Q,children:X?/* @__PURE__ */o.jsx(t,{additionalClasses:{text:y?.paragraph},...V}):V.children})})]}),
|
|
6
|
+
/* @__PURE__ */o.jsx("div",{...so,className:r("kbt-tooltip__arrow",y?.arrowsize,y?.tooltipalignstyles,y?.arrowcontainer),children:/* @__PURE__ */o.jsx("div",{className:y?.arrow})})]});var ro,no;/* @__PURE__ */
|
|
7
|
+
return o.jsxs("div",{ref:I,className:"kbt-tooltip","data-testid":L,children:[
|
|
8
|
+
/* @__PURE__ */o.jsx(m,{ariaDescribedBy:S||!eo&&!R?void 0:to,childrenAsButton:j,triggerAsButton:z,onClick:M,onKeyDown:$,onMouseDown:F,onMouseUp:O,children:h}),eo?lo:/* @__PURE__ */o.jsx(p,{additionalClasses:y?.popover?{arrow:"",popover:y.popover.popover||""}:void 0,"aria-label":K?.["aria-label"]||P,"aria-labelledby":b({hasTitle:!!W.children,titleId:J}),"aria-modal":S||void 0,component:"div",disableAutoFocusFirstDescendantAfterClose:!0,disableTrapFocus:!1,open:R,preventCloseOnClickElements:[I?.current],role:S?"dialog":"tooltip",strategy:"absolute",onClose:D,...K,children:lo})]})};export{v as TooltipStandAlone};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s}from"react";import{ElementOrIcon as
|
|
2
|
-
return t.jsxs("div",{ref:C,className:s?.virtual_keyboard,"data-testid":
|
|
3
|
-
/* @__PURE__ */t.jsx("div",{className:s?.digitwrapper,...r(
|
|
4
|
-
/* @__PURE__ */t.jsx("button",{className:s?.removebutton,type:"button",onClick:u,children:/* @__PURE__ */t.jsx(
|
|
1
|
+
import{j as t}from"../../_virtual/jsx-runtime.js";import{forwardRef as s,useId as o}from"react";import{ElementOrIcon as i}from"../../lib/components/elementOrIcon/elementOrIcon.js";import{STATES as e}from"../../lib/types/states/states.js";import{pickCustomAttributes as r}from"../../lib/utils/pickCustomAttributes/pickCustomAttributes.js";import{DigitButton as a}from"./components/digitButton.js";const n=s(({cssClasses:s,digits:n,icon:c,id:l,onDigitButtonClick:m,onRemoveButtonClick:u,onVirtualKeyboardBlur:d,onVirtualKeyboardFocus:p,state:b,...j},C)=>{const k=`virtualkeyboard-${o().replace(/:/g,"")}`,v=l??k,I={[e.ACTIVE]:b===e.ACTIVE,[e.INACTIVE]:b===e.INACTIVE},f=j["data-testid"]||"virtual-keyboard";/* @__PURE__ */
|
|
2
|
+
return t.jsxs("div",{ref:C,className:s?.virtual_keyboard,"data-testid":f,id:v,role:"presentation",onBlur:d,onFocus:p,...r(I),children:[
|
|
3
|
+
/* @__PURE__ */t.jsx("div",{className:s?.digitwrapper,...r(I),children:n?.map((o,i)=>/* @__PURE__ */t.jsx(a,{cssClasses:s,"data-testid":`${f}-digit-button-${i}`,digit:o,onClick:m},o))}),
|
|
4
|
+
/* @__PURE__ */t.jsx("button",{className:s?.removebutton,type:"button",onClick:u,children:/* @__PURE__ */t.jsx(i,{className:s?.iconcontainer,customAttributes:I,...c})})]})});export{n as VirtualKeyboardStandAlone};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useRef as r,useCallback as e}from"react";import{
|
|
1
|
+
import{useRef as r,useCallback as e}from"react";import{scrollPercentage as t}from"./utils/scrollPercentage.js";const c=({conditional:c=!0,scrollCallback:n,shadowStyles:s,shadowVisible:l=1})=>{const u=r(null),o=r(null),a=r(null),i=r(0),p=r(0),d=e(()=>{if(!u.current)return;const r=t(u.current,1.25);if(o.current){const e=r*i.current/100,t=r*p.current/100;[{cssPropertyName:"min-height",cssPropertyValue:`calc(${i.current}px - ${e}px)`},{cssPropertyName:"height",cssPropertyValue:`calc(${i.current}px - ${e}px)`},{cssPropertyName:"min-width",cssPropertyValue:`calc(${p.current}px - ${t}px)`},{cssPropertyName:"width",cssPropertyValue:`calc(${p.current}px - ${t}px)`}].forEach(({cssPropertyName:r,cssPropertyValue:e})=>{o.current?.style.setProperty(r,e)})}a.current&&(r>l?a.current.classList.add(...s.split(" ")):a.current.classList.remove(...s.split(" ")))},[c,s,l]),m=e(r=>{r?(u.current=r,d(),u.current?.addEventListener("scroll",r=>{d(),n?.(r)})):(u.current?.removeEventListener("scroll",r=>{d(),n?.(r)}),u.current=null)},[d,n]);return{resizeRef:e(r=>{const e=()=>{o.current&&(i.current=o.current.clientHeight,p.current=o.current.clientWidth)};r?(o.current=r,o.current?.addEventListener("load",e)):(o.current?.removeEventListener("load",e),o.current=null)},[]),scrollableRef:m,shadowRef:e(r=>{a.current=r||null},[])}};export{c as useScrollEffect};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
const o=o=>o?"string"==typeof o?{icon:o}:o:{};export{o as processIcon};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{isValidElement as t}from"react";const e=(e,n)=>{if(!e)return{children:null};let r;return"string"==typeof e||t(e)?r="string"==typeof e?e:void 0:"object"==typeof e&&"content"in e&&(r=e.content),n&&r&&(r=r.substring(0,n)),t(e)?{children:e}:"object"==typeof e?{children:r,...e}:{children:r}};export{e as processText};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kubit-ui-web/react-components",
|
|
3
|
-
"version": "2.0.0-beta.
|
|
3
|
+
"version": "2.0.0-beta.7",
|
|
4
4
|
"description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kubit",
|
|
@@ -73,6 +73,10 @@
|
|
|
73
73
|
"!dist/**/__fixtures__",
|
|
74
74
|
"!dist/**/tests",
|
|
75
75
|
"!dist/**/storybook",
|
|
76
|
+
"!dist/**/lib/storybook",
|
|
77
|
+
"!dist/cjs/lib/storybook",
|
|
78
|
+
"!dist/esm/lib/storybook",
|
|
79
|
+
"!dist/types/lib/storybook",
|
|
76
80
|
"!dist/**/node_modules",
|
|
77
81
|
"!dist/**/.tsbuildinfo",
|
|
78
82
|
"!dist/**/*.map"
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t={};exports.useId=r=>{const[o]=e.useState(()=>(e=>(t[e]||(t[e]=0),t[e]++))(r||"$component$"));return`${r}${o}`};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.changeCssProperty=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.isReactNode=t=>e.isValidElement(t);
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.isString=t=>"string"==typeof t||t instanceof String;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{useState as o}from"react";const t={},r=r=>{const[n]=o(()=>(o=>(t[o]||(t[o]=0),t[o]++))(r||"$component$"));return`${r}${n}`};export{r as useId};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const e=(e,t)=>{if(!(t.length<1))for(let r=0;r<t.length;r++)e.style.setProperty(t[r].cssPropertyName,t[r].cssPropertyValue)};export{e as changeCssProperty};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{isValidElement as o}from"react";const r=r=>o(r);export{r as isReactNode};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
const t=t=>"string"==typeof t||t instanceof String;export{t as isString};
|