@kubit-ui-web/react-components 2.0.0-beta.11 → 2.0.0-beta.12
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/README.md +2 -2
- package/dist/cjs/.storybook/bundle-sizes.json +13 -0
- package/dist/cjs/assets/banner_kubit_readme.png +0 -0
- package/dist/cjs/components/avatar/fragments/drawContent.js +1 -1
- package/dist/cjs/components/badge/badgeStandAlone.js +1 -1
- package/dist/cjs/components/button/button.js +1 -1
- package/dist/cjs/components/button/buttonStandAlone.js +1 -1
- package/dist/cjs/components/cardImage/cardImageStandAlone.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/cjs/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/cjs/components/checkboxBase/checkboxBaseStandAlone.js +1 -1
- package/dist/cjs/components/chip/chipStandAlone.js +1 -1
- package/dist/cjs/components/container/containerStandAlone.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/cjs/components/dropdownSelected/dropdownSelectedControlled.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/inputSignature/inputSignatureStandAlone.js +1 -1
- package/dist/cjs/components/listOptions/listOptionsStandAlone.js +1 -1
- package/dist/cjs/components/message/messageStandAlone.js +1 -1
- package/dist/cjs/components/modal/fragments/modalHeader.js +1 -1
- package/dist/cjs/components/modal/modalControlled.js +1 -1
- package/dist/cjs/components/modal/modalStandAlone.js +1 -1
- package/dist/cjs/components/modal/modalUnControlled.js +1 -1
- package/dist/cjs/components/option/optionStandAlone.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/cjs/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/cjs/components/radioButton/radioButtonStandAlone.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +1 -1
- package/dist/cjs/components/selectorBoxFile/components/selectorBoxFileHeader.js +1 -1
- package/dist/cjs/components/slider/sliderStandAlone.js +1 -1
- package/dist/cjs/components/table/hooks/useTableHasScroll.js +1 -1
- package/dist/cjs/components/table/hooks/useTableShadow.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/cjs/components/table/hooks/useTableStickyRightColumns.js +1 -1
- package/dist/cjs/components/tabs/tabsStandAlone.js +1 -1
- package/dist/cjs/components/tag/tagStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/errorStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/cjs/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/cjs/components/textArea/textAreaStandAlone.js +1 -1
- package/dist/cjs/components/toggle/toggleStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipStandAlone.js +1 -1
- package/dist/cjs/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/cjs/lib/components/errorMessage/errorMessageStandAlone.js +1 -1
- package/dist/cjs/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/cjs/lib/hooks/useScrollDetection/useScrollDetection.js +1 -1
- package/dist/cjs/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/cjs/lib/utils/process/processCommonProp.js +1 -0
- package/dist/cjs/scripts/generate-bundle-sizes.mjs +236 -0
- package/dist/cjs/scripts/new-component-web-ui.js +2092 -0
- package/dist/esm/.storybook/bundle-sizes.json +13 -0
- package/dist/esm/assets/banner_kubit_readme.png +0 -0
- package/dist/esm/components/avatar/fragments/drawContent.js +1 -1
- package/dist/esm/components/badge/badgeStandAlone.js +6 -6
- package/dist/esm/components/button/button.js +1 -1
- package/dist/esm/components/button/buttonStandAlone.js +3 -3
- package/dist/esm/components/cardImage/cardImageStandAlone.js +7 -7
- package/dist/esm/components/carousel/hooks/useCarousel.js +1 -1
- package/dist/esm/components/carousel/hooks/useCarouselKeyNavigation.js +1 -1
- package/dist/esm/components/checkboxBase/checkboxBaseStandAlone.js +4 -4
- package/dist/esm/components/chip/chipStandAlone.js +7 -7
- package/dist/esm/components/container/containerStandAlone.js +4 -4
- package/dist/esm/components/dataTable/hooks/useDataTableHasScroll.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableShadow.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyDividers.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/dataTable/hooks/useDataTableStickyRightColumns.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedControlled.js +1 -1
- package/dist/esm/components/dropdownSelected/dropdownSelectedStandAlone.js +5 -5
- package/dist/esm/components/input/input.js +2 -2
- package/dist/esm/components/inputSignature/inputSignatureStandAlone.js +3 -3
- package/dist/esm/components/listOptions/listOptionsStandAlone.js +2 -2
- package/dist/esm/components/message/messageStandAlone.js +5 -5
- package/dist/esm/components/modal/fragments/modalHeader.js +1 -1
- package/dist/esm/components/modal/modalControlled.js +1 -1
- package/dist/esm/components/modal/modalStandAlone.js +3 -3
- package/dist/esm/components/modal/modalUnControlled.js +2 -2
- package/dist/esm/components/option/optionStandAlone.js +9 -9
- package/dist/esm/components/popover/hooks/usePopoverInteractions.js +1 -1
- package/dist/esm/components/popover/hooks/usePopoverLifecycle.js +1 -1
- package/dist/esm/components/radioButton/radioButtonStandAlone.js +4 -4
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileContainerBox.js +4 -4
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileErrorMessage.js +2 -2
- package/dist/esm/components/selectorBoxFile/components/selectorBoxFileHeader.js +5 -5
- package/dist/esm/components/slider/sliderStandAlone.js +14 -14
- package/dist/esm/components/table/hooks/useTableHasScroll.js +1 -1
- package/dist/esm/components/table/hooks/useTableShadow.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyLeftColumns.js +1 -1
- package/dist/esm/components/table/hooks/useTableStickyRightColumns.js +1 -1
- package/dist/esm/components/tabs/tabsStandAlone.js +4 -4
- package/dist/esm/components/tag/tagStandAlone.js +4 -4
- package/dist/esm/components/textArea/components/errorStandAlone.js +3 -3
- package/dist/esm/components/textArea/components/helpMessageStandAlone.js +1 -1
- package/dist/esm/components/textArea/components/titleStandAlone.js +1 -1
- package/dist/esm/components/textArea/textAreaStandAlone.js +11 -11
- package/dist/esm/components/toggle/toggleStandAlone.js +4 -4
- package/dist/esm/components/tooltip/tooltipStandAlone.js +7 -7
- package/dist/esm/components/tooltip/tooltipUnControlled.js +1 -1
- package/dist/esm/lib/components/errorMessage/errorMessageStandAlone.js +4 -4
- package/dist/esm/lib/hooks/useContentVisibility/useContentVisibility.js +1 -1
- package/dist/esm/lib/hooks/useScrollDetection/useScrollDetection.js +1 -1
- package/dist/esm/lib/utils/keyboard/keyboard.js +1 -1
- package/dist/esm/lib/utils/process/processCommonProp.js +1 -0
- package/dist/esm/scripts/generate-bundle-sizes.mjs +236 -0
- package/dist/esm/scripts/new-component-web-ui.js +2092 -0
- package/package.json +2 -2
- package/dist/cjs/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/cjs/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/cjs/lib/utils/process/processText/processText.js +0 -1
- package/dist/cjs/lib/utils/resizeObserver/resizeObserver.js +0 -1
- package/dist/esm/lib/hooks/useInputFocus/useInputFocus.js +0 -1
- package/dist/esm/lib/utils/process/processIcon/processIcon.js +0 -1
- package/dist/esm/lib/utils/process/processText/processText.js +0 -1
- package/dist/esm/lib/utils/resizeObserver/resizeObserver.js +0 -1
- /package/dist/cjs/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
- /package/dist/esm/lib/{hooks/syncRefs → utils/refs}/syncRefs.js +0 -0
package/README.md
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<p align="center">
|
|
2
2
|
<a href="https://kubit-ui.com">
|
|
3
3
|
<picture>
|
|
4
|
-
<source media="(prefers-color-scheme: dark)" srcset="./assets/banner_kubit_readme.png">
|
|
5
|
-
<img src="./assets/banner_kubit_readme.png" width="70%">
|
|
4
|
+
<source media="(prefers-color-scheme: dark)" srcset="./public/assets/banner_kubit_readme.png">
|
|
5
|
+
<img src="./public/assets/banner_kubit_readme.png" width="70%">
|
|
6
6
|
</picture>
|
|
7
7
|
</a>
|
|
8
8
|
</p>
|
|
Binary file
|
|
@@ -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"),s=require("../../dot/dot.js"),e=require("../../text/text.js"),o=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../../lib/utils/process/processCommonProp.js");exports.DrawContent=({contentType:i,cssClasses:n,customAttributes:c,dot:x,icon:u,initials:m,maxLengthInitials:a})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[!!x?.number&&t.jsxRuntimeExports.jsx("span",{className:n?.dot,children:t.jsxRuntimeExports.jsx(s.Dot,{...x})}),"with-icon"===i&&t.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:n?.icon,customAttributes:c,...r.processIconProp(u)}),"with-initials"===i&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{},"aria-hidden":!0,component:"span",customAttributes:c,...r.processTextProp(m,a)})]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../dot/dot.js"),r=require("../text/text.js"),o=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processCommonProp.js"),a=t.forwardRef(({active:a,ariaLiveText:l,cssSizeClasses:c,cssVariantClasses:u,dot:x,hasDot:d,icon:m,label:p,labelIcon:j,onBadgeBlur:b,onClick:R,role:C,...E},g)=>{const h=t.useRef(null),A=t.useRef(null),k={"data-active":!!a},v=i.pickCustomAttributes({...E,customAttributes:k}),I=i.pickCustomAttributes(k),f=v["data-testid"]||"badge";t.useImperativeHandle(g,()=>A.current,[]);const q=t.useCallback(e=>{b?.(e)},[b]),N=t.useCallback(e=>{R?.(e)},[R]);return e.jsxRuntimeExports.jsx("div",{ref:A,className:`${u?.badge} ${c?.badge}`,"data-testid":`${f}-container`,...I,children:e.jsxRuntimeExports.jsxs("button",{ref:h,className:u?.button,"data-testid":f,role:C,type:"button",onBlur:q,onClick:N,...v,children:[e.jsxRuntimeExports.jsxs("span",{className:u?.dotcontainer,children:[!!x&&!!d&&e.jsxRuntimeExports.jsx("span",{"aria-hidden":!0,className:u?.dot,children:e.jsxRuntimeExports.jsx(s.Dot,{...x})}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:`${u?.icon} ${c?.icon}`,...n.processIconProp(m),customAttributes:k})]}),!!p&&e.jsxRuntimeExports.jsxs("span",{"aria-hidden":!0,className:u?.labelcontainer,children:[e.jsxRuntimeExports.jsx(r.Text,{additionalClasses:{text:`${c?.label} ${u?.label}`},component:"span",...n.processTextProp(p),customAttributes:k}),e.jsxRuntimeExports.jsx(o.ElementOrIcon,{className:u?.labelicon,rotate:a?"180deg":"0deg",transitionDuration:"0.2s",...n.processIconProp(j),customAttributes:k})]}),e.jsxRuntimeExports.jsx("screen-reader-only",{"aria-live":"polite",children:l})]})})});exports.BadgeStandAlone=a;
|
|
@@ -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("../../lib/hooks/useManageState/useManageState.js"),i=require("../../lib/types/states/states.js"),n=require("../../lib/utils/process/
|
|
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("../../lib/hooks/useManageState/useManageState.js"),i=require("../../lib/types/states/states.js"),n=require("../../lib/utils/process/processCommonProp.js"),o=require("./buttonStandAlone.js"),r=s.forwardRef(({additionalSizeClasses:s,additionalVariantClasses:r,children:l,disabled:u=!1,icon:d,loading:c=!1,size:p,type:m="button",variant:b,...j},C)=>{const S=a.useClassName({additionalClassNames:r,component:"BUTTON",variant:b}),g=a.useClassName({additionalClassNames:s,component:"BUTTON",variant:p}),{setRef:N}=t.useManageState({disabled:u,loading:c,ref:C,states:Object.values(i.STATES)});return l||n.processIconProp(d).icon?e.jsxRuntimeExports.jsx(o.ButtonStandAlone,{...j,ref:N,cssSizeClasses:g,cssVariantClasses:S,disabled:u,icon:d,loading:c,type:m,children:l}):null});exports.Button=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/positions/positions.js"),o=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../_virtual/jsx-runtime.js"),e=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),i=require("../../lib/types/positions/positions.js"),o=require("../../lib/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/processCommonProp.js"),l=e.forwardRef(({alignText:l,children:a,cssSizeClasses:c,cssVariantClasses:u,disabled:d,form:m,fullWidth:p,icon:x,iconPosition:b,id:j,loader:f,loading:C,minWidth:N,onClick:h,role:y,tabIndex:I,title:g,type:q,...E},A)=>{const O=e.useMemo(()=>c?.dynamic_values({$alignText:l||"left"}).object,[l]),R={"data-content":e.Children.toArray(a)[0],"data-full-width":p,"data-loading":C,"data-position":b||i.POSITIONS.LEFT},S=r.pickCustomAttributes({...E,customAttributes:R});return s.jsxRuntimeExports.jsxs("button",{ref:A,className:o.classNames(c?.button,u?.button),"data-testid":"button",disabled:d,form:m,id:j,role:y,style:O,tabIndex:I,title:g,type:q,onClick:h,...S,...R,children:[!!f&&!!C&&s.jsxRuntimeExports.jsx("span",{className:o.classNames(c?.loader,u?.loader),children:f}),!C&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(t.ElementOrIcon,{...n.processIconProp(x),className:o.classNames(c?.icon,u?.icon)}),a]})]})});exports.ButtonStandAlone=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../link/link.js"),i=require("../text/text.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../link/link.js"),i=require("../text/text.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),r=require("../../lib/utils/process/processCommonProp.js"),n=require("../../lib/components/customComponent/customComponent.js"),c=t.forwardRef(({component:t="div",cssClasses:c,description:l,device:a,image:x,imageAltText:m,link:u,onClick:p,title:d,...j},C)=>{const b=o.pickCustomAttributes(j);return e.jsxRuntimeExports.jsxs(n.CustomComponent,{ref:C,className:c?.card_image,component:t,tabIndex:0,onClick:p,...b,children:[e.jsxRuntimeExports.jsx("div",{"aria-label":m||void 0,className:c?.imagecontainer,role:m?"img":void 0,style:x?.[a]?{backgroundImage:`url(${x[a]})`}:void 0}),e.jsxRuntimeExports.jsxs("div",{className:c?.content,children:[e.jsxRuntimeExports.jsxs("div",{className:c?.textcontainer,children:[e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.title},component:"h3",...r.processTextProp(d)}),e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:c?.description},...r.processTextProp(l)})]}),u?.url&&e.jsxRuntimeExports.jsx("div",{className:c?.linkcontainer,children:e.jsxRuntimeExports.jsx(s.Link,{iconPosition:"right",...u,children:u.content||""})})]})]})});exports.CardImageStandAlone=c;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),n=require("./useCarouselKeyNavigation.js"),t=require("./useCarouselSwipe.js"),r=require("./utils/calc.utils.js"),a=require("./utils/constants.js"),u=require("./utils/dom.utils.js");exports.useCarousel=({allowModifySliceWidth:i=!1,autoFitContainer:s=!1,centerExtremesWhenExtraPadding:c=!1,centerMode:l=!1,circular:o=!0,contentContainerRef:d,defaultPage:g=0,disabled:P=!1,elements:f,extraPadding:m=0,numElementsPerPage:C,numElementsToSlide:w,onePageAlign:h="center",onNumElementsPerPageChange:E,onNumPagesChange:I,onPageChange:x,rootContainerRef:R,viewerContainerRef:v})=>{const N=e.useRef(!0),S=e.useRef(g),b=e.useRef(g),p=e.useRef(C),y=e.useRef(0),L=e.useCallback(e=>{const n=d.current;if(!n||!p.current||e.propertyName!==a.default.PROPERTY_TO_HANDLE_TRANSITION_END||y.current<1)return;n.setAttribute("data-shifting","false");const{newPage:t}=u.default.udpateCarouselPositionOnEdge({contentContainer:n,currentPage:b.current,elementsLength:f.length,extraPadding:m,numElementsPerPage:p.current,numPages:y.current});b.current=t,S.current!==b.current&&(S.current=b.current,x?.(b.current));const{firstIndexInView:i,lastIndexInView:s}=r.default.calcFirstAndLastIndexInCarouselView({currentPage:b.current,elementsLength:f.length,isCircular:o,numElementsPerPage:p.current,numElementsToSlide:w});u.default.updateContentElementsAriaVisibility({contentContainer:n,firstIndexInView:i,lastIndexInView:s}),l&&u.default.applyCenterMode({contentContainer:n,firstIndexInView:i,lastIndexInView:s,numElementsPerPage:p.current}),N.current=!0},[f,m,w,o,l,x]),V=e.useCallback(({animated:e=!0,newPage:n})=>{const t=v.current,s=d.current;if(!t||!s||!N.current||!p.current||!f.length||y.current<1||(o?n<-1:n<0)||(o?n>y.current:n>y.current-1))return;e&&s.setAttribute("data-shifting","true"),u.default.deleteCenterMode({contentContainer:s}),b.current=n;const{firstIndexInView:l,lastIndexInView:g}=r.default.calcFirstAndLastIndexInCarouselView({currentPage:b.current,elementsLength:f.length,isCircular:o,numElementsPerPage:p.current,numElementsToSlide:w});i||u.default.updateViewerWidth({contentContainer:s,extraPadding:m,firstIndexInView:l,lastIndexInView:g,viewerContainer:t});const P=s.style.left,C=r.default.calcContentContainerLeftPosition({centerExtremesWhenExtraPadding:c,circular:o,contentContainer:s,currentPage:b.current,extraPadding:m,firstIndexInView:l,numPages:y.current});s.style.left=C,e&&P!==C?N.current=!1:L({propertyName:a.default.PROPERTY_TO_HANDLE_TRANSITION_END})},[f,w,o,i,m,c,L]),T=e.useCallback(()=>{const e=v.current,n=d.current;e&&n&&p.current&&(i&&(e.style.width="100%",u.default.updateSlicesWidth({centerMode:l,contentContainer:n,extraPadding:m,numElementsPerPage:p.current,viewerContainer:e})),u.default.manageCircularClones({circular:o,contentContainer:n,elementsLength:f.length,numElementsPerPage:p.current}),V({animated:!1,newPage:b.current}))},[i,l,o,f,m,V]),A=e.useCallback(()=>{const e=R.current,n=v.current,t=d.current;if(!e||!n||!t)return;e.style.width="100%";const a=C||r.default.calcNumElementsPerPage({contentContainer:t,elementsLength:f.length,extraPadding:m,rootContainer:e,viewerContainer:n})||1;s&&(e.style.width="fit-content"),a!==p.current&&(p.current=a,E?.(a));const c=r.default.calcNumPages({elementsLength:f.length,numElementsPerPage:a,numElementsToSlide:w});y.current!==c&&(y.current=c,I?.(c),b.current=Math.min(Math.max(0,g),c-1)),c<=1&&u.default.alignOnePageCarousel({allowModifySliceWidth:i,contentContainer:t,onePageAlign:h,rootContainer:e})},[i,f,m,C,w,h,s,E,I,x]),O=e.useCallback(()=>{A(),T()},[A,T]);return e.useEffect(()=>{const e=d.current;if(!e)return;O(),window.addEventListener("resize",O);const n=new ResizeObserver(O);return n.observe(e),()=>{window.removeEventListener("resize",O),n.disconnect()}},[O]),e.useEffect(()=>{const e=d.current;return e?.addEventListener("transitionend",L),()=>{e?.removeEventListener("transitionend",L)}},[L]),t.useCarouselSwipe({allowShiftRef:N,centerExtremesWhenExtraPadding:c,changePage:V,circular:o,contentContainerRef:d,currentPageRef:b,disabled:P,elements:f,extraPadding:m,numElementsPerPageRef:p,numPagesRef:y,viewerContainerRef:v}),n.useCarouselKeyNavigation({allowShiftRef:N,changePage:V,circular:o,currentPageRef:b,disabled:P,numPagesRef:y,rootContainerRef:R}),{allowShiftRef:N,changePage:V,currentPageRef:b,numElementsPerPageRef:p,numPagesRef:y}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/keyboard/keyboard.js");exports.useCarouselKeyNavigation=({allowShiftRef:
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../../lib/utils/keyboard/keyboard.js");exports.useCarouselKeyNavigation=({allowShiftRef:n,changePage:s,circular:u,currentPageRef:a,disabled:o=!1,numPagesRef:c,rootContainerRef:i})=>{e.useEffect(()=>{if(o)return;const e=e=>{!n.current||c.current<=1||(t.isKeyPressed(e.key,r.ARROW_LEFT.key)?n.current&&(u||0!==a.current)&&s({newPage:a.current-1}):t.isKeyPressed(e.key,r.ARROW_RIGHT.key)&&n.current&&(u||a.current!==c.current-1)&&s({newPage:a.current+1}))},y=i.current;return y?.addEventListener("keydown",e),()=>{y?.removeEventListener("keydown",e)}},[u,s,o])};
|
|
@@ -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/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),t=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/process/processCommonProp.js"),r=s.forwardRef(({checkedIcon:s,cssClasses:r,inputRef:o,...c},n)=>{const i=c["data-testid"]??"checkbox-base";return e.jsxRuntimeExports.jsxs("div",{ref:n,className:r?.checkbox_base,"data-testid":i,children:[e.jsxRuntimeExports.jsx("input",{ref:o,className:r?.input,type:"checkbox",...c,"data-testid":`${i}-input`}),e.jsxRuntimeExports.jsx("span",{className:r?.iconcontainer,"data-state":c["data-state"],children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:r?.icon,complex:!0,"data-state":c["data-state"],...a.processIconProp(s)})})]})});exports.CheckboxBaseStandAlone=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=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/processCommonProp.js"),a=t.forwardRef(({closeIcon:a,cssClasses:c,deleteText:l="Delete",errorIcon:p,errorMessage:x={content:"Error message"},label:m,leftIcon:u,range:j,rangeIcon:d,rangeSeparator:E={content:"to"},state:T,...b},R)=>{const A={"data-state":T},I=n.pickCustomAttributes(b);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("span",{ref:R,"aria-disabled":T===o.STATES.DISABLED,"aria-hidden":T===o.STATES.DISABLED,className:c?.chip,"data-testid":"chip",...I,...A,children:[!j&&u&&e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.lefticon,...i.processIconProp(u)}),j?e.jsxRuntimeExports.jsx("span",{children:j.map((o,n)=>{const a=n!==j.length-1;return e.jsxRuntimeExports.jsxs("span",{className:c?.rangeitemwrapper,children:[e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.rangeitemtext},component:"span",customAttributes:A,children:o.label}),a&&(d?.icon?e.jsxRuntimeExports.jsx(r.ElementOrIcon,{altText:("string"==typeof m||t.isValidElement(m),i.processTextProp(E).children||""),className:c?.rangeicon,...i.processIconProp(d),customAttributes:A}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.rangeitemseparator},component:"span",customAttributes:A,...i.processTextProp(E)}))]},`option-${o.key??o.label}`)})}):e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.label},component:"span",...i.processTextProp(m),customAttributes:A}),e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.closeicon,disabled:T===o.STATES.DISABLED,...i.processIconProp(a),altText:"string"!=typeof a&&a?.altText?a.altText:l,customAttributes:A})]}),T===o.STATES.ERROR&&e.jsxRuntimeExports.jsxs("span",{"aria-live":"polite",className:c?.errorcontainer,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:c?.erroricon,...i.processIconProp(p)}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.errormessage},component:"span",customAttributes:A,...i.processTextProp(x)})]})]})});exports.ChipStandAlone=a;
|
|
@@ -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=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/
|
|
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=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),o=t.forwardRef(({children:t,cssClasses:o,title:n,...u},a)=>{const c=r.pickCustomAttributes(u);return e.jsxRuntimeExports.jsxs("div",{className:o?.container,"data-testid":"container",...c,children:[e.jsxRuntimeExports.jsx("div",{className:o?.header,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.title},...i.processTextProp(n)})}),e.jsxRuntimeExports.jsx("div",{ref:a,className:o?.content,children:t})]})});exports.ContainerStandAlone=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableHasScroll=({ref:t})=>{const[s,l]=e.useState(!1);return e.useEffect(()=>{const e=t.current?.querySelector?.("[data-datatable-scrollable-container]");let s;if(e instanceof HTMLElement){const t=e=>{l(r.hasScroll(e))};t(e),s=new ResizeObserver(()=>{t(e)}),s.observe(e)}return()=>{s?.disconnect()}},[]),{hasScroll:s}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useDataTableShadow=({headBoxShadow:t,leftBoxShadow:s,ref:a,rightBoxShadow:l})=>(e.useEffect(()=>{const e=a.current,o=e?.querySelector("[data-datatable-scrollable-container]");let r;const c=()=>{if(!o)return;const a=o.querySelector("[data-table-head]");if(a instanceof HTMLElement&&a.hasAttribute("data-sticky")&&t&&(o.scrollTop?a.classList.add(t):a.classList.remove(t)),s){const t=e?.querySelector("[data-datatable-left-shadow]");t instanceof HTMLElement&&(o.scrollLeft?(t.style.boxShadow=s,t.classList.add(s),t.style.height=`${o.clientHeight}px`):t.classList.remove(s))}if(l){const t=e?.querySelector("[data-datatable-right-shadow]");t instanceof HTMLElement&&(o.scrollLeft+o.clientWidth<o.scrollWidth?(t.classList.add(l),t.style.height=`${o.clientHeight}px`):t.classList.remove(l))}};return o instanceof HTMLElement&&(c(),o?.addEventListener("scroll",c),r=new ResizeObserver(()=>{c()}),r.observe(o)),()=>{o?.removeEventListener("scroll",c),r?.disconnect()}},[]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyDividers=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]");let r;if(e instanceof HTMLElement){const a=e=>{const r=t.hasHorizontalScroll(e),a=e.querySelectorAll("[data-table-divider]"),o=e.querySelectorAll('[data-sticky="left"]').length>0;let s=0,c=0;if(o){const e=l.current?.querySelector("[data-datatable-left-shadow]");if(e){const t=window.getComputedStyle(e).getPropertyValue("z-index");t&&(s=parseInt(t,10))}}else{e.querySelectorAll("[data-table-row]").forEach(e=>{e instanceof HTMLElement&&(c=Math.max(c,e.offsetWidth))})}a.forEach(e=>{e instanceof HTMLElement&&(o?(e.style.position=r?"sticky":"",e.style.left=r?"0":"",e.style.zIndex=r?`${s+1}`:""):e.style.width=r?`${c}px`:"")})};a(e),r=new ResizeObserver(()=>{a(e)}),r.observe(e)}return()=>{r?.disconnect()}},[]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyLeftColumns=({ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-datatable-scrollable-container]"),r=l.current?.querySelector("[data-datatable-left-shadow]");let a;if(e instanceof HTMLElement){const l=e=>{const l=t.hasHorizontalScroll(e),a=e.querySelectorAll("[data-table-row]");let o=0;a.forEach(e=>{if(e instanceof HTMLElement){const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let r=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=l?`${r}px`:"auto",r+=e.offsetWidth)}),o=Math.max(o,r)}}),r instanceof HTMLElement&&(r.style.left=`${o}px`)};l(e),a=new ResizeObserver(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useDataTableStickyRightColumns=({ref:r})=>(e.useEffect(()=>{const e=r.current?.querySelector("[data-datatable-scrollable-container]"),a=r.current?.querySelector("[data-datatable-right-shadow]");let l;if(e instanceof HTMLElement){const r=e=>{const r=t.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let o=0;if(l.forEach(e=>{if(e instanceof HTMLElement){const t=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let a=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.right=r?`${a}px`:"auto",a+=e.offsetWidth)}),o=Math.max(o,a)}}),a instanceof HTMLElement){if(t.hasVerticalScroll(e)){const t=e.offsetWidth-e.clientWidth;o+=t}a.style.right=`${o}px`}};r(e),l=new ResizeObserver(()=>{r(e)}),l.observe(e)}return()=>{l?.disconnect()}},[]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),o=require("../../lib/hooks/useClassName/useClassName.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),o=require("../../lib/hooks/useClassName/useClassName.js"),n=require("../../lib/provider/genericComponentsProvider/genericComponentsProvider.js"),t=require("../../lib/utils/keyboard/keyboard.js"),i=require("../../lib/utils/focusHandlers/focusHandlers.js"),l=require("./dropdownSelectedStandAlone.js"),u=s.forwardRef(({additionalClasses:u,closePopoverOnScroll:a,listOptions:d,onClosePopover:c,open:p,url:f,variant:m,...v},y)=>{const{LINK:C}=n.useGenericComponents(),b=o.useClassName({additionalClassNames:u,component:"DROPDOWN_SELECTED",variant:m}),j=s.useRef(null);return s.useEffect(()=>{if(a)return window.addEventListener("scroll",c),()=>{window.removeEventListener("scroll",c)}},[a,c]),e.jsxRuntimeExports.jsx(l.DropdownSelectedStandAlone,{ref:y,component:f?C:"button",cssClasses:b,listOptions:d,listOptionsRef:j,open:p,onButtonKeyDown:e=>{p&&t.isKeyPressed(e.key,r.TAB.key)&&!e.shiftKey&&j.current&&("selection"===d.type?j.current.firstElementChild?.focus():i.focusFirstDescendant({element:j.current}),e.preventDefault())},onClosePopover:c,...v})});exports.DropdownSelectedControlled=u;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../text/text.js"),s=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../lib/utils/process/processCommonProp.js"),r=require("../../lib/components/customComponent/customComponent.js"),l=require("../listOptions/listOptions.js"),a=require("../listOptions/utils/listOptions.utils.js"),p=require("../popover/popover.js"),c=o.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-${o.useId().replace(/:/g,"")}`,A=M?`${F}-list`:void 0,S=R["data-testid"]||"dropdown-selected",T=n.pickCustomAttributes(R),I=o.useMemo(()=>{return{currentFocusSelected:-1,keyDownMove:a.keyDownMove(v.options),keyLeftMove:0,keyRightMove:0,keyTabMove:(e=v.options,(o,t)=>{if(t?.shiftKey){const e=Math.max(o,0)-1;return e>=0&&t?.preventDefault(),Math.max(e,0)}const s=Math.max(o,0)+1;return s<=e.length-1&&t?.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":S,role:"combobox",onBlur:j,onFocus:O,onKeyDown:h,...T,"aria-controls":"dropdown-selected-list","aria-expanded":M,tabIndex:0,children:[e.jsxRuntimeExports.jsxs(r.CustomComponent,{ref:c,"aria-controls":A,"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(t.Text,{additionalClasses:{text:M?d?.labelopened:d?.labelclosed},component:"span",...i.processTextProp(x)}),e.jsxRuntimeExports.jsx(s.ElementOrIcon,{className:M?d?.iconopened:d?.iconclosed,rotate:M?"180deg":"0deg",transitionDuration:"0.2s",...m})]}),!!w&&e.jsxRuntimeExports.jsx(p.Popover,{anchorElement:c?.current,component:"div",disableAutoFocusFirstDescendant:!0,disableAutoFocusFirstDescendantAfterClose:!0,disableClickOverlayClose:!1,disableEscapeClose:!1,disableTrapFocus:!0,id:A,open:M,placement:"bottom",preventCloseOnClickElements:[c?.current],strategy:"absolute",...w,onClose:()=>{y(),w?.onClose?.()},children:e.jsxRuntimeExports.jsx("div",{className:d?.listoptionscontainer,"data-testid":`${S}-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"),
|
|
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"),a=require("./inputStandAlone.js"),r=require("./utils/state.js"),l=s.forwardRef(({additionalClasses:l,id:u,variant:n,...i},o)=>{const d=t.useClassName({additionalClassNames:l,component:"INPUT",variant:n}),c=`input-${s.useId().replace(/:/g,"")}`,p=u||c,f=`${p}-label`,b=s.useRef(null),m=s.useRef(null),C=s.useCallback(e=>{if(e){const s=e.querySelector("input");m.current=s}b.current=e},[]);s.useImperativeHandle(o,()=>b.current,[]);const[j,I]=s.useState(!1),S=s.useCallback(()=>I(!0),[]),q=s.useCallback(()=>I(!1),[]),v=Boolean(i.defaultValue??i.value),x=r.getState({disabled:i.disabled,error:i.error,filled:v,focused:j});return e.jsxRuntimeExports.jsx(a.InputStandAlone,{ref:C,cssClasses:d,"data-state":x,"data-testid":"input-container",filled:v,focused:j,inputBaseId:p,labelId:f,onBlur:q,onFocus:S,...i})});exports.Input=l;
|
|
@@ -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"),r=require("../../lib/types/states/states.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/
|
|
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"),r=require("../../lib/types/states/states.js"),i=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/processCommonProp.js"),o=e.forwardRef(({canvasRef:e,cssClasses:o,errorText:n,onBlurContainer:u,onClickContainer:c,placeholder:l,state:p,...x},d)=>{const m=p===r.STATES.DEFAULT||p===r.STATES.ERROR||p===r.STATES.DISABLED,j=p===r.STATES.ERROR&&n?n:l,S={"data-state":p},T=x["data-testid"]||"input-signature",b=i.pickCustomAttributes(x),A=i.pickCustomAttributes(S);return t.jsxRuntimeExports.jsxs("div",{ref:d,className:o?.input_signature,"data-testid":T,role:"button",tabIndex:-1,onBlur:u,onClick:c,onKeyDown:c,...A,...b,children:[t.jsxRuntimeExports.jsx("canvas",{ref:e,className:o?.canvas,"data-testid":`${T}-canvas`,...A}),m&&t.jsxRuntimeExports.jsx("div",{className:o?.placeholdercontainer,...A,children:t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:o?.placeholdertext},customAttributes:S,...a.processTextProp(j)})})]})});exports.InputSignatureStandAlone=o;
|
|
@@ -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/useRoveFocus/useRoveFocus.js"),s=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),n=require("../../lib/utils/process/
|
|
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/processCommonProp.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:m,highlightedOptionVariant:x,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,A,I]=o.useRoveFocus(y??f),T=t.useId();t.useImperativeHandle(O,()=>I.current,[I]);const V=v??T,w="selection"===q,H="navigation"===q,L=k&&k.length>0;return e.jsxRuntimeExports.jsxs("div",{className:m?.list_options,"data-testid":$,...F,children:[!!R&&k.length>0&&e.jsxRuntimeExports.jsx("div",{className:m?.titlecontainer,children:e.jsxRuntimeExports.jsx(i.Text,{additionalClasses:{text:m?.title},...n.processTextProp(R)})}),d,L&&e.jsxRuntimeExports.jsx(r.CustomComponent,{ref:I,"aria-label":C?.["aria-label"],"aria-labelledby":C?.["aria-labelledby"],className:m?.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=w||H?"div":"li",r=e.jsxRuntimeExports.jsx(l.Option,{"aria-current":H?o:void 0,"aria-selected":w?o:void 0,checkedIcon:p,component:n,"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,x,M?.optionVariant),...t,onClick:e=>{A(i),b?.(t.value,e),t.onClick?.(e)},onFocus:e=>{i!==E&&A(i),t.onFocus?.(e)}},`${V}Option-${h.toString()}-${i.toString()}`);return"selection"===q?e.jsxRuntimeExports.jsx("li",{children:r},`${V}LiOption-${h.toString()}-${i.toString()}`):r})})]})});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"),
|
|
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"),o=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),r=require("../../lib/utils/classNames/classNames.js"),a=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),c=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:A,titleAndContentContainerProps:I,titleAndContentRole:P,...T},y)=>{const L=T["data-testid"]||"message",O=a.pickCustomAttributes(T),S=l.processTextProp(p),B=l.processTextProp(A),M="string"==typeof S.children&&S.children?.toString().length>=b;return e.jsxRuntimeExports.jsx("div",{...O,"aria-live":x,className:j?.message,children:N&&e.jsxRuntimeExports.jsxs(c.CustomComponent,{ref:y,className:j?.container,component:k?.url?R:"div","data-testid":L,id:h,role:f,target:k?.target,url:k?.url||void 0,onClick:k?.onClick,children:[C?.icon?e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:j?.infoicon,...C}):null,e.jsxRuntimeExports.jsxs(c.CustomComponent,{className:r.classNames(j?.headercontainer,{[`${j?.headercontainerlargemessage}`]:M}),component:I?.url?R:"div",role:P,target:I?.target,url:I?.url||void 0,onClick:I?.onClick,children:[!!A&&("string"==typeof B.children?e.jsxRuntimeExports.jsx("div",{"aria-errormessage":m,className:j?.titlecontainer,children:e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:j?.title},component:"p",...B})}):B.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}`]:M}),children:["string"==typeof p?e.jsxRuntimeExports.jsx(o.Text,{additionalClasses:{text:j?.description},component:"p",...S}):S.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(i.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"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),t=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../../lib/hooks/useMediaDevice/useActiveBreakpoints.js"),i=require("../../../lib/utils/process/processCommonProp.js"),o=require("../../button/button.js");exports.ModalHeader=({blocked:r,closeButton:a,closeIcon:c,cssClasses:l,dragIcon:x,title:d,titleIdFinal:u})=>{const{isMobileOrTablet:m}=n.useActiveBreakpoints();return e.jsxRuntimeExports.jsxs("div",{className:l?.headercontainer,"data-modal-header":!0,children:[m&&!r&&!!x&&e.jsxRuntimeExports.jsx("div",{className:l?.dragiconcontainer,"data-modal-draggable-icon":!0,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.dragicon,...x})}),e.jsxRuntimeExports.jsxs("div",{className:l?.headercontentcontainer,children:[!r&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx(t.ElementOrIcon,{className:l?.closebuttonicon,...c})}),!r&&!!a?.content&&!!a?.variant&&e.jsxRuntimeExports.jsx(o.Button,{...a,variant:a?.variant,children:a?.content}),(void 0===d?.visible||d.visible)&&e.jsxRuntimeExports.jsx("div",{className:l?.titlecontainer,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:l?.title},component:"h1",id:u,...i.processTextProp(d)})}),!1===d?.visible&&e.jsxRuntimeExports.jsx("span",{className:l?.titlehiddencontainer,id:u,children:i.processTextProp(d).children}),!r&&!!c?.icon&&e.jsxRuntimeExports.jsx("div",{className:l?.closebuttoncontainer,children:e.jsxRuntimeExports.jsx("span",{className:l?.closebuttonicon})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("../../lib/hooks/useClassName/useClassName.js"),s=require("../../lib/hooks/useContentVisibility/useContentVisibility.js"),t=require("../../lib/hooks/useMediaDevice/useMediaDevice.js"),l=require("../../lib/hooks/useScrollDetection/useScrollDetection.js"),n=require("../../lib/hooks/useScrollEffect/useScrollEffect.js"),i=require("../../lib/hooks/useSwipeDown/useSwipeDown.js"),a=require("../../lib/utils/refs/syncRefs.js"),u=require("../portal/portal.js"),c=require("./modalStandAlone.js"),d=o.forwardRef(({additionalClasses:d,disableFocusableContent:f=!1,onClose:S,popover:p,portalId:b,variant:j,...C},q)=>{const h=r.useClassName({additionalClassNames:d,component:"MODAL",variant:j}),m=t.useMediaDevice(),y=o.useRef(null),{scrollableRef:w,shadowRef:D}=n.useScrollEffect({shadowStyles:"none"}),{handleContentVisibility:v}=s.useContentVisibility({}),{setDragIconRef:R}=i.useSwipeDown({onClose:S}),{handleScrollDetection:x,hasScroll:k}=l.useScrollDetection({autoFocus:!f}),M=o.useCallback(e=>{y.current=e,a.syncInnerAndForwardedRef({forwardedRef:q,innerRef:y});const o=y.current?.querySelector("[data-modal-header]"),r=y.current?.querySelector("[data-modal-content]"),s=y.current?.querySelector("[data-modal-draggable-icon]");D(o),v({container:y.current,content:r}),w(r),x(r),s&&R(s)},[]),g=e.jsxRuntimeExports.jsx(c.ModalStandAlone,{...C,ref:M,contentHasScroll:k,cssClasses:h,device:m,popover:{...p},onPopoverCloseInternally:()=>{S?.()}});return b?e.jsxRuntimeExports.jsx(u.Portal,{wrapperId:b,children:g}):g});exports.ModalControlled=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),t=require("../../lib/components/overlay/overlay.js"),s=require("../../lib/utils/process/processCommonProp.js"),i=require("../navBar/navBar.js"),a=require("../popover/popover.js"),r=require("./fragments/modalHeader.js"),l=require("./utils/onlyDesktopSize.js"),n=o.forwardRef(({blocked:n,closeButton:d,closeIcon:c,content:m,contentContainer:p,contentHasScroll:x,contentScrollArias:u,cssClasses:v,customHeightAllDevices:j=!1,customWidthAllDevices:b=!1,device:g,dragIcon:y,footer:h,id:C,maxHeight:H,maxWidth:I,minContentHeight:f,minHeight:q,minWidth:E,onKeyDown:R,onPopoverCloseInternally:S,open:k,popover:D,title:B,...P},W)=>{const A=`modal-${o.useId().replace(/:/g,"")}`,N=C??A,z=`modal-title-${o.useId().replace(/:/g,"")}`,M=s.processTextProp(B).id??z,O=h?.variant,T=P["data-testid"]||"modal";return e.jsxRuntimeExports.jsx(a.Popover,{"aria-labelledby":M,"aria-modal":k,component:"div",disableClickOverlayClose:n,disableEscapeClose:n,disableTrapFocus:!1,id:N,open:k,overlay:e.jsxRuntimeExports.jsx(t.Overlay,{}),role:"dialog",strategy:"fixed",onClose:S,...D,children:e.jsxRuntimeExports.jsxs("div",{ref:W,className:v?.modal,"data-testid":T,style:{maxHeight:H,maxWidth:I,minHeight:j?q:l.onlyDesktopSize(g,q),minWidth:b?E:l.onlyDesktopSize(g,E),paddingBottom:h?.rightItems?"0":void 0},children:[e.jsxRuntimeExports.jsx(r.ModalHeader,{blocked:n,closeButton:d,closeIcon:c,cssClasses:v,device:g,dragIcon:y,title:B,titleIdFinal:M}),e.jsxRuntimeExports.jsx("div",{"aria-label":x?u?.["aria-label"]:void 0,"aria-labelledby":x?u?.["aria-labelledby"]:void 0,className:v?.content,"data-modal-content":!0,"data-testid":`${T}-content`,role:x?"region":void 0,style:{minHeight:f},...x?{tabIndex:0}:{},...p,children:m}),!!O&&!!h&&e.jsxRuntimeExports.jsx("div",{className:v?.footer,children:e.jsxRuntimeExports.jsx(i.NabVar,{variant:O,...h})})]})})});exports.ModalStandAlone=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),o=require("react"),r=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../lib/utils/keyboard/keyboard.js"),s=require("./modalControlled.js"),n=o.forwardRef(({closeButton:n,closeIcon:l,onClose:i,open:a,popover:c,variant:u,...d},p)=>{const[y,k]=o.useState(a);o.useEffect(()=>{k(a)},[a]);const C=()=>{k(!1),i?.()};return e.jsxRuntimeExports.jsx(s.ModalControlled,{...d,ref:p,closeButton:n&&{...n,onClick:e=>{C(),n?.onClick?.(e)}},closeIcon:{...l,onClick:e=>{C(),l?.onClick?.(e)}},open:y,popover:{...c},variant:u,onClose:i,onKeyDown:e=>d?.blocked&&t.isKeyPressed(e.key,...r.ESCAPE.key)?e.stopPropagation():null})});exports.Modal=n,exports.ModalUnControlled=n;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),n=require("../../lib/types/states/states.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),t=require("react"),s=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../lib/constants/keyboardKeys/keyboardKeys.js"),n=require("../../lib/types/states/states.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),a=require("../../lib/components/customComponent/customComponent.js"),c=require("../../lib/utils/keyboard/keyboard.js"),u=require("./components.ts/optionLabelSlice.js"),d=require("./utils/option.utils.js"),p=t.forwardRef(({checkedIcon:t,component:p,componentLink:m,cssClasses:b,disabled:x,extraContent:j,focus:h,hover:E,icon:g,label:C,labelCharsHighlighted:S,multiSelect:A,onBlur:T,onClick:R,onFocus:k,onMouseEnter:y,onMouseLeave:L,role:I,selected:q,sublabel:f,tabIndex:O,url:v,...P},$)=>{const M=!!S&&S?.length>0,N=d.getState(x,h,q,A,E,M),D={"data-state":N},H=N===n.STATES.DISABLED,K=r.pickCustomAttributes({...P,customAttributes:D}),_=r.pickCustomAttributes(D),w=K["data-testid"]||"option",B=[n.STATES.MULTIPLE_SELECTED,n.STATES.MULTIPLE_SELECTED_HOVER,n.STATES.SELECTED].includes(N);let F,U,V;if("string"==typeof C){const{firstHighlightedIndex:e,lastHighlightedIndex:t}=d.getHighlightedIndexes(C,S);F=C.substring(0,e),U=C.substring(e,t),V=C.substring(t)}return e.jsxRuntimeExports.jsxs(a.CustomComponent,{ref:$,"aria-disabled":H,className:b?.option,...K,component:v?m:p??"div","data-testid":w,role:I,tabIndex:O,url:v,onBlur:T,onClick:e=>{H||R?.(e)},onFocus:k,onKeyDown:e=>{!H&&c.isKeyPressed(e.key,o.ENTER.key,o.SPACE.key)&&R?.(e)},onMouseEnter:y,onMouseLeave:L,..._,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.firstrowcontainer,children:[e.jsxRuntimeExports.jsxs("div",{className:b?.labeliconcontainer,..._,children:[e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:b?.icon,customAttributes:D,...g}),!!l.processTextProp(f).children&&e.jsxRuntimeExports.jsx("div",{className:b?.sublabelcontainer,..._,children:e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:b?.sublabel},component:"span",customAttributes:D,...l.processTextProp(f)})}),e.jsxRuntimeExports.jsx("p",{children:"string"==typeof C?e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[" ",e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-first-no-hightlighted-label`,children:F}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-highlighted-label`,children:U}),e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:`${b?.label} ${b?.labelhighlighted}`,customAttributes:D,"data-testid":`${w}-last-no-hightlighted-label`,children:V})]}):e.jsxRuntimeExports.jsx(u.OptionLabelSlice,{component:"span",cssClasses:b?.label,customAttributes:D,"data-testid":`${w}-label`,children:C})})]}),B&&e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:b?.checkedicon,customAttributes:D,...t})]}),!!j&&j]})});exports.OptionStandAlone=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),s=require("../../../lib/constants/keyboardKeys/keyboardKeys.js"),t=require("../../../lib/hooks/useClickOutside/useClickOutside.js"),r=require("../../../lib/utils/keyboard/keyboard.js");exports.usePopoverInteractions=({disableClickOverlayClose:o=!1,disableEscapeClose:i=!1,isVisible:n,onClose:l,popoverRef:u,preventCloseOnClickElements:a=[]})=>{const c=e.useMemo(()=>a.filter(Boolean),[a]),d=e.useCallback(e=>{if(!n||o)return;const s=e.target;if(u.current?.contains(s))return;c.some(e=>e.contains(s))||l?.()},[n,o,u,c,l]);return t.useClickOutside(u,d,c),e.useEffect(()=>{if(!n)return;const e=e=>{r.isKeyPressed(e.key,...s.ESCAPE.key)&&(e.preventDefault(),e.stopPropagation(),i||l?.())};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[i,n,l]),{handleClickOutside:d}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/hooks/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/hooks/useScrollBlock/useScrollBlock.js"),l=require("../../../lib/hooks/useSwipeDown/utils/convertDurationToNumber.js"),n=require("../../../lib/utils/focusHandlers/focusHandlers.js"),s=require("../../../lib/utils/refs/syncRefs.js");exports.usePopoverLifecycle=({animationExitDuration:o=200,disableAnimations:t,disableAutoFocusFirstDescendant:u=!1,disableAutoFocusFirstDescendantAfterClose:c=!0,disableRestoreFocusAfterClose:i=!1,disableScrollBackground:a=!1,open:f=!1,popoverContainerRef:d,preventScrollOnCloseFocus:b=!1})=>{const m=e.useRef(null),S=e.useRef(!1),p=e.useRef(null),k=e.useRef(null),[R,v]=e.useState(f),[C,w]=e.useState(!1),F=l.convertDurationToNumber(o),{allowScroll:D,blockScroll:y}=r.useScrollBlock(),A=e.useCallback(()=>{!u&&m.current&&n.focusFirstDescendant({element:m.current,preventScroll:!0})},[u]),T=e.useCallback(()=>{i?c||n.focusFirstDescendant({element:document.body}):k.current?.focus({preventScroll:b})},[i,b,c]);e.useEffect(()=>{f&&(k.current=document.activeElement,v(!0),w(!1))},[f]),e.useEffect(()=>(!f&&R&&(t?(T(),v(!1),w(!1)):(w(!0),p.current=window.setTimeout(()=>{T(),v(!1),w(!1)},F))),()=>{null!==p.current&&(window.clearTimeout(p.current),p.current=null)}),[f,R,t,F,T]);const j=e.useCallback(e=>{m.current=e,A(),a&&!S.current&&(S.current=!0,y({elementsToOmit:[m.current]}))},[y,A,a]),q=e.useCallback(()=>{S.current&&D(),m.current=null},[D]);return{handleInnerRef:e.useCallback(e=>{e?j(e):q(),s.syncInnerAndForwardedRef({forwardedRef:d,innerRef:m})},[d,q,j]),isClosing:C,isVisible:R,popoverRef:m}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_virtual/jsx-runtime.js"),s=require("react"),r=require("../label/labelStandAlone.js"),t=require("../text/text.js"),i=require("../../lib/components/elementOrIcon/elementOrIcon.js"),a=require("../../lib/utils/classNames/classNames.js"),o=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),l=require("../../lib/utils/process/processCommonProp.js"),n=require("./utils/aria.utils.js");exports.RadioButtonStandAlone=({altVariant:d=!1,checked:c,cssClasses:u,disabled:x,error:m,errorAriaLiveType:p,errorIcon:b,errorMessage:j,id:h,label:g,lastChild:R,name:v,onBlur:E,onChange:C,screenReaderId:I,state:N,subTitle:y,tabIndex:A,value:T,...q})=>{let P=`radiobutton-${s.useId().replace(/:/g,"")}`;P=h??P;const k=l.processTextProp(y).id&&`${P}__description`,_=j&&`${P}__error`,f={"data-state":N},B=o.pickCustomAttributes(f),S=q["data-testid"]??"radio-button";return e.jsxRuntimeExports.jsxs("div",{className:u?.rowcontainer,"data-testid":S,...B,style:{display:g?"grid":"block",marginBottom:R?0:void 0},children:[e.jsxRuntimeExports.jsx("div",{...B,className:u?.radiobuttoncontainer,children:e.jsxRuntimeExports.jsx("input",{"aria-describedby":n.buildAriaLabelledBy({descriptionId:k,error:m,errorMessage:j,errorMessageId:_,screenReaderId:I}),"aria-hidden":q["aria-hidden"],"aria-label":q["aria-label"],"aria-labelledby":q["aria-labelledby"],checked:c,className:a.classNames(u?.radio_button,{"global-focus-visible":!!d}),"data-testid":`${S}-input`,disabled:x,id:P,name:v,tabIndex:A,type:"radio",value:T,onBlur:E,onChange:C,...B})}),e.jsxRuntimeExports.jsxs("div",{className:u?.infocontainer,children:[!!g?.content&&e.jsxRuntimeExports.jsx("div",{className:u?.labelcontainer,children:e.jsxRuntimeExports.jsx(r.LabelStandAlone,{cursor:x?"default":"pointer",customAttributes:f,inputId:P,textCssClasses:a.classNames(u?.label,{[`${u?.speciallabel}`]:!!y}),...g,children:g?.content})}),!!l.processTextProp(y).children&&("string"==typeof l.processTextProp(y)?e.jsxRuntimeExports.jsx(t.Text,{additionalClasses:{text:u?.sublabel},...l.processTextProp(y),id:k}):e.jsxRuntimeExports.jsx("div",{id:k,children:l.processTextProp(y).children})),!(!m||!j)&&e.jsxRuntimeExports.jsx("div",{"aria-live":p,className:u?.errormessagecontainer,id:_,...B,children:e.jsxRuntimeExports.jsxs(t.Text,{additionalClasses:{text:u?.errormessage},customAttributes:f,children:[!!b&&e.jsxRuntimeExports.jsx("span",{...B,className:u?.errormessageiconcontainer,children:e.jsxRuntimeExports.jsx(i.ElementOrIcon,{className:u?.errormessageicon,customAttributes:f,...b})}),j]})})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),e=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),o=require("../../../lib/types/states/states.js"),n=require("../../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),i=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileContainerBox=({containerBoxStateContent:r,cssClasses:c,filename:a,focus:x,htmlFor:u,loader:l,state:p})=>{const m={"data-focus":x,"data-state":p};return t.jsxRuntimeExports.jsxs("label",{className:c?.containerboxcontainer,"data-focus":x,htmlFor:u,...n.pickCustomAttributes(m),children:[t.jsxRuntimeExports.jsxs("span",{children:[l,t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...r[p]?.icon}),t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...r[p]?.icon})]}),t.jsxRuntimeExports.jsxs("span",{className:c?.containerboxtextscontainer,...n.pickCustomAttributes(m),children:[!!a&&[o.STATES.LOADING,o.STATES.SUCCESS,o.STATES.ERROR].includes(p)&&t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxfilename},component:"span",customAttributes:m,children:a}),t.jsxRuntimeExports.jsxs("span",{className:c?.actiondescriptioncontainer,children:[!!i.processTextProp(r[p]?.actionText).children&&t.jsxRuntimeExports.jsxs("span",{className:c?.actioniconandactiontextcontainer,...n.pickCustomAttributes(m),children:[t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.actionicon,customAttributes:m,...r[p]?.actionIcon}),t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxactiontext},component:"span",customAttributes:m,...i.processTextProp(r[p]?.actionText),children:i.processTextProp(r[p]?.actionText).children})]}),!!r[p]?.description&&t.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:c?.containerboxdescription},component:"span",customAttributes:m,...i.processTextProp(r[p]?.description),children:i.processTextProp(r[p]?.description).children})]})]}),!!r[p]?.iconRight&&t.jsxRuntimeExports.jsx("span",{children:t.jsxRuntimeExports.jsx(e.ElementOrIcon,{className:c?.containerboxicon,customAttributes:m,...r[p]?.iconRight})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../_virtual/jsx-runtime.js"),s=require("../../text/text.js"),r=require("../../../lib/components/elementOrIcon/elementOrIcon.js"),t=require("../../../lib/types/states/states.js"),o=require("../../../lib/utils/process/processCommonProp.js");exports.SelectorBoxFileErrorMessage=({cssClasses:i,errorMessage:n,errorMessageIcon:a,errorMessageId:l,state:x})=>e.jsxRuntimeExports.jsx("div",{"aria-live":"polite",children:o.processTextProp(n)&&x===t.STATES.ERROR?e.jsxRuntimeExports.jsxs("div",{className:i?.errormessagecontainer,id:l,children:[e.jsxRuntimeExports.jsx(r.ElementOrIcon,{className:i?.errormessageicon,...a}),e.jsxRuntimeExports.jsx(s.Text,{additionalClasses:{text:i?.errormessage},...o.processTextProp(n)})]}):null});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../_virtual/jsx-runtime.js"),s=require("../../button/button.js"),e=require("../../text/text.js"),i=require("../../../lib/utils/process/processCommonProp.js"),o=require("./selectorBoxFileTooltip.js");exports.SelectorBoxFileHeader=({button:r,cssClasses:n,description:a,headerId:x,subtitle:l,title:c,tooltip:p,tooltipIcon:u})=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",{className:n?.titlesubtitlecontainer,id:x,children:[!!c&&t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.title},component:"h5",...i.processTextProp(c)}),!!l&&t.jsxRuntimeExports.jsxs("div",{className:n?.actiondescriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.subtitle},...i.processTextProp(l)}),t.jsxRuntimeExports.jsx(o.SelectorBoxFileTooltip,{cssClasses:n,tooltip:p,tooltipIcon:u})]})]}),!(!a&&!r)&&t.jsxRuntimeExports.jsxs("div",{className:n?.descriptioncontainer,children:[t.jsxRuntimeExports.jsx(e.Text,{additionalClasses:{text:n?.description},...i.processTextProp(a)}),(!!n?.button_variant||!!r?.size)&&(!!n?.button_size||!!r?.variant)&&t.jsxRuntimeExports.jsx(s.Button,{additionalSizeClasses:r?.variant?void 0:n?.button_size,additionalVariantClasses:r?.size?void 0:n?.button_variant,size:r?.size,variant:r?.variant,...r,children:r?.content})]})]});
|
|
@@ -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/utils/classNames/classNames.js"),r=require("../../lib/utils/pickCustomAttributes/pickCustomAttributes.js"),a=require("../../lib/utils/process/
|
|
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/processCommonProp.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:C,onTouchStart:q,pressed:L,range:w,rightAriaLabel:I,rightAriaLabelBy:D,rightHelperText:H,rightThumbIcon:M,rightTooltip:O,scaleOffsets:P,setHover:F,showScale:K,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.processTextProp($).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.processTextProp($)})}),e.jsxRuntimeExports.jsx(n.SliderScaleStandAlone,{cssClasses:j,customAttributes:X,scaleOffsets:P,showScale:K}),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:C,onTouchMove:N,onTouchStart:q,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:()=>F(!1),onMouseOver:()=>{F(!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:()=>F(!1),onMouseOver:()=>{F(!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:()=>F(!1),onMouseOver:()=>F(!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 e=require("react"),r=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableHasScroll=({disabled:t=!1,ref:s})=>{const[l,o]=e.useState(!1);return e.useEffect(()=>{const e=s.current?.querySelector?.("[data-table-scrollable-container]");let l;if(e instanceof HTMLElement&&!t){const t=e=>{o(r.hasScroll(e))};t(e),l=new ResizeObserver(()=>{t(e)}),l.observe(e)}return t&&o(!1),()=>{l?.disconnect()}},[t]),{hasScroll:l}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react")
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");exports.useTableShadow=({disabled:t=!1,headBoxShadow:s,leftBoxShadow:a,ref:o,rightBoxShadow:r})=>(e.useEffect(()=>{const e=o.current,l=e?.querySelector("[data-table-scrollable-container]");let c;const n=()=>{if(!l)return;const t=l.querySelector("[data-table-head]");if(t instanceof HTMLElement&&t.hasAttribute("data-sticky")&&s&&(l.scrollTop?t.classList.add(s):t.classList.remove(s)),a){const t=e?.querySelector("[data-table-left-shadow]");t instanceof HTMLElement&&(l.scrollLeft?t.classList.add(a):t.classList.remove(a))}if(r){const t=e?.querySelector("[data-table-right-shadow]");t instanceof HTMLElement&&(l.scrollLeft+l.clientWidth<l.scrollWidth?t.classList.add(r):t.classList.remove(r))}};return l instanceof HTMLElement&&!t&&(n(),l?.addEventListener("scroll",n),c=new ResizeObserver(()=>{n()}),c.observe(l)),()=>{l?.removeEventListener("scroll",n),c?.disconnect()}},[t]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableStickyLeftColumns=({disabled:l=!1,ref:r})=>(e.useEffect(()=>{const e=r.current?.querySelector("[data-table-scrollable-container]"),o=r.current?.querySelector("[data-table-left-shadow]");let a;if(e instanceof HTMLElement&&!l){const l=e=>{const l=t.hasHorizontalScroll(e),r=e.querySelectorAll("[data-table-row]");let a=0;r.forEach(e=>{const t=Array.from(e.querySelectorAll('[data-sticky="left"]'));let r=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.left=l?`${r}px`:"auto",r+=e.offsetWidth)}),a=Math.max(a,r)}),o instanceof HTMLElement&&(o.style.left=`${a}px`)};l(e),a=new ResizeObserver(()=>{l(e)}),a.observe(e)}return()=>{a?.disconnect()}},[l]),{});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("../../../lib/utils/scroll/hasScroll.js");exports.useTableStickyRightColumns=({disabled:r=!1,ref:l})=>(e.useEffect(()=>{const e=l.current?.querySelector("[data-table-scrollable-container]"),o=l.current?.querySelector("[data-table-right-shadow]");let s;if(e instanceof HTMLElement&&!r){const r=e=>{const r=t.hasHorizontalScroll(e),l=e.querySelectorAll("[data-table-row]");let s=0;if(l.forEach(e=>{const t=Array.from(e.querySelectorAll('[data-sticky="true"], [data-sticky="right"]')).reverse();let l=0;t.forEach(e=>{e instanceof HTMLElement&&(e.style.right=r?`${l}px`:"auto",l+=e.offsetWidth)}),s=Math.max(s,l)}),o instanceof HTMLElement){if(t.hasVerticalScroll(e)){const t=e.offsetWidth-e.clientWidth;s+=t}o.style.right=`${s}px`}};r(e),s=new ResizeObserver(()=>{r(e)}),s.observe(e)}return()=>{s?.disconnect()}},[r]),{});
|