npm - @vibe/core - Versions diffs - 3.0.0 → 3.2.0 - Mend

@vibe/core 3.0.0 → 3.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (381) hide show

package/dist/src/components/Steps/StepsGalleryHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"lodash-es";import{StepsDot as o}from"./StepsDot.js";import a from"./StepsGalleryHeader.module.scss.js";var c=function(c){var u=c.activeStepIndex,i=c.stepsCount,l=c.onChangeActiveStep,s=c.stepDescriptionFunc,m=c.color,p=t((function(){return n(i)}),[i]),f=r((function(e){return"Step number ".concat(e)}),[]),d=s||f,v=t((function(){return p.map((function(e){return function(t){return l(t,e)}}))}),[l,p]),y=t((function(){return p.map((function(t){return e.createElement(o,{isActive:u===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:d(t),onClick:v[t],color:m,className:a.galleryHeaderDot})}),[])}),[u,m,v,d,p]);return e.createElement("div",{role:"group",className:a.galleryHeader},y||null)};export{c as StepsGalleryHeader};
+import e,{useMemo as t,useCallback as r}from"react";import{range as n}from"lodash-es";import o from"classnames";import{StepsDot as a}from"./StepsDot.js";import c from"./StepsGalleryHeader.module.scss.js";var s=function(s){var i=s.activeStepIndex,l=s.stepsCount,u=s.onChangeActiveStep,m=s.stepDescriptionFunc,p=s.color,f=s.className,d=t((function(){return n(l)}),[l]),v=r((function(e){return"Step number ".concat(e)}),[]),y=m||v,S=t((function(){return d.map((function(e){return function(t){return u(t,e)}}))}),[u,d]),g=t((function(){return d.map((function(t){return e.createElement(a,{isActive:i===t,key:"monday-style-step-dot-".concat(t+1),ariaLabel:y(t),onClick:S[t],color:p,className:c.galleryHeaderDot})}),[])}),[i,p,S,y,d]);return e.createElement("div",{role:"group",className:o(c.galleryHeader,f)},g||null)};export{s as StepsGalleryHeader};
 //# sourceMappingURL=StepsGalleryHeader.js.map

package/dist/src/components/Steps/StepsGalleryHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n activeStepIndex: number;\n stepsCount: number;\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n stepDescriptionFunc: (stepIndex: number) => string;\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={styles.galleryHeader}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","~~className","~~styles","galleryHeaderDot","role","galleryHeader"],"mappings":"~~sLAeaA~~,EAAkD,SAAhCC,~~GAM1B~~,~~IALHC~~,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,~~MAEMC~~,EAAoBC,GAAQ,WAAA,OAAMC,~~EAAMN~~,KAAa,CAACA,~~IACtDO~~,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,~~EAA8BT~~,~~GAAuBK~~,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,~~OAAKb~~,~~EAAmBa~~,EAAGL,EAAU,IAAC,GACnG,~~CAACR~~,~~EAAoBG~~,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,~~SAAUpB~~,~~IAAoBU~~,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,~~GAC1BN~~,MAAOA,~~EACPoB~~,~~UAAWC~~,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,~~EAAOS~~,EAAkBD,EAA6BP,IAG1E,OACEY,~~EAAKC~~,~~cAAA~~,~~MAAA~~,~~CAAAS~~,~~KAAK~~,~~QAAQH~~,~~UAAWC~~,~~EAAOG~~,~~eACjCZ,~~GAAe,KAGtB"}
1	+ {"version":3,"file":"StepsGalleryHeader.js","sources":["../../../../src/components/Steps/StepsGalleryHeader.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from \"react\";\nimport { range } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { StepsDot } from \"./StepsDot\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./StepsGalleryHeader.module.scss\";\nimport { StepsColor } from \"./Steps.types\";\n\nexport interface StepsGalleryHeaderProps extends VibeComponentProps {\n activeStepIndex: number;\n stepsCount: number;\n onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;\n stepDescriptionFunc?: (stepIndex: number) => string;\n color?: StepsColor;\n}\n\nexport const StepsGalleryHeader: FC<StepsGalleryHeaderProps> = ({\n activeStepIndex,\n stepsCount,\n onChangeActiveStep,\n stepDescriptionFunc,\n color,\n className\n}) => {\n const stepsPlaceholders = useMemo(() => range(stepsCount), [stepsCount]);\n const defaultStepDescriptionFunc = useCallback((stepIndex: number) => `Step number ${stepIndex}`, []);\n const overrideStepDescriptionFunc = stepDescriptionFunc \|\| defaultStepDescriptionFunc;\n const onClickFunctions = useMemo(\n () => stepsPlaceholders.map(stepIndex => (e: React.MouseEvent) => onChangeActiveStep(e, stepIndex)),\n [onChangeActiveStep, stepsPlaceholders]\n );\n\n const galleryDots = useMemo(\n () =>\n stepsPlaceholders.map(\n stepIndex => (\n <StepsDot\n isActive={activeStepIndex === stepIndex}\n key={`monday-style-step-dot-${stepIndex + 1}`}\n ariaLabel={overrideStepDescriptionFunc(stepIndex)}\n onClick={onClickFunctions[stepIndex]}\n color={color}\n className={styles.galleryHeaderDot}\n />\n ),\n []\n ),\n [activeStepIndex, color, onClickFunctions, overrideStepDescriptionFunc, stepsPlaceholders]\n );\n\n return (\n <div role=\"group\" className={cx(styles.galleryHeader, className)}>\n {galleryDots \|\| null}\n </div>\n );\n};\n"],"names":["StepsGalleryHeader","_ref","activeStepIndex","stepsCount","onChangeActiveStep","stepDescriptionFunc","color","className","stepsPlaceholders","useMemo","range","defaultStepDescriptionFunc","useCallback","stepIndex","concat","overrideStepDescriptionFunc","onClickFunctions","map","e","galleryDots","React","createElement","StepsDot","isActive","key","ariaLabel","onClick","styles","galleryHeaderDot","role","cx","galleryHeader"],"mappings":"gNAgBaA,EAAkD,SAAhCC,GAO1B,IANHC,EAAeD,EAAfC,gBACAC,EAAUF,EAAVE,WACAC,EAAkBH,EAAlBG,mBACAC,EAAmBJ,EAAnBI,oBACAC,EAAKL,EAALK,MACAC,EAASN,EAATM,UAEMC,EAAoBC,GAAQ,WAAA,OAAMC,EAAMP,KAAa,CAACA,IACtDQ,EAA6BC,GAAY,SAACC,GAAiB,MAAAC,eAAAA,OAAoBD,EAAW,GAAE,IAC5FE,EAA8BV,GAAuBM,EACrDK,EAAmBP,GACvB,WAAA,OAAMD,EAAkBS,KAAI,SAAAJ,GAAS,OAAI,SAACK,GAAmB,OAAKd,EAAmBc,EAAGL,EAAU,IAAC,GACnG,CAACT,EAAoBI,IAGjBW,EAAcV,GAClB,WAAA,OACED,EAAkBS,KAChB,SAAAJ,GAAS,OACPO,EAAAC,cAACC,EAAQ,CACPC,SAAUrB,IAAoBW,EAC9BW,6BAAGV,OAA2BD,EAAY,GAC1CY,UAAWV,EAA4BF,GACvCa,QAASV,EAAiBH,GAC1BP,MAAOA,EACPC,UAAWoB,EAAOC,kBAErB,GACD,MAEJ,CAAC1B,EAAiBI,EAAOU,EAAkBD,EAA6BP,IAG1E,OACEY,uBAAKS,KAAK,QAAQtB,UAAWuB,EAAGH,EAAOI,cAAexB,IACnDY,GAAe,KAGtB"}

package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader_045e682563",galleryHeaderDot:"galleryHeaderDot_96082f84f3"};!function(e){const a="s_id-62748f4c4e74_3_0_0-rc_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_045e682563 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_045e682563 .galleryHeaderDot_96082f84f3 {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_045e682563 .galleryHeaderDot_96082f84f3:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader_82b343eecf",galleryHeaderDot:"galleryHeaderDot_7eb858dd4e"};!function(e){const a="s_id-62748f4c4e74_3_1_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,l.firstChild?l.insertBefore(d,l.firstChild):l.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".galleryHeader_82b343eecf {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader_82b343eecf .galleryHeaderDot_7eb858dd4e {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader_82b343eecf .galleryHeaderDot_7eb858dd4e:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

package/dist/src/components/Steps/StepsHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_45c73115c6"};!function(e){const t="s_id-918f12c2f9aa_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_45c73115c6 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
+var e={header:"header_378519a1b5"};!function(e){const t="s_id-918f12c2f9aa_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".header_378519a1b5 {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=StepsHeader.module.scss.js.map

package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numbers:"numbers_eb46e06554"};!function(e){const t="s_id-126f9ab60838_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_eb46e06554 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
+var e={numbers:"numbers_4a89f086c0"};!function(e){const t="s_id-126f9ab60838_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".numbers_4a89f086c0 {\n  margin: 0 var(--spacing-small);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{e as default};
 //# sourceMappingURL=StepsNumbersHeader.module.scss.js.map

package/dist/src/components/Switch/Switch.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch_b20bea7e25"};!function(e){const t="s_id-ac5bc6964f98_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_b20bea7e25 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch_1cf6b8497a"};!function(e){const t="s_id-ac5bc6964f98_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hidden-switch_1cf6b8497a {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
 //# sourceMappingURL=Switch.module.scss.js.map

package/dist/src/components/Table/Table/Table.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as s,useState as a,useCallback as l,useMemo as n}from"react";import i from"classnames";import{withStaticProps as m}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTableRowLayoutStyles as u}from"./tableHelpers.js";import{getTestId as c}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowSizes as p,RowHeights as d}from"./TableConsts.js";import b from"./Table.module.scss.js";import{TableProvider as j}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";import R from"../../../hooks/useMergeRef.js";var S=m(o((function(o,m){var p=o.id,S=o.className,T=o["data-testid"],w=o.columns,x=o.errorState,y=o.emptyState,z=o.dataState,g=o.style,h=o.children,C=o.size,M=void 0===C?"medium":C,E=o.withoutBorder,H=s(null),L=R(m,H),A=a(!1),B=e(A,2),O=B[0],P=B[1],k=a(null),I=e(k,2),N=I[0],V=I[1],_=l((function(){P(!1),V(null)}),[]),q=a(!1),D=e(q,2),F=D[0],G=D[1],J=l((function(){G(!0)}),[]),K=a(0),Q=e(K,2),U=Q[0],W=Q[1],X=l((function(e){(_(),F)||W(e.target.scrollLeft)}),[_,F]),Y=u(w),Z=Object.assign({"--table-grid-template-columns":Y.gridTemplateColumns,"--table-row-size":"".concat(d[M],"px")},g),$=n((function(){return{columns:w,dataState:z,emptyState:y,errorState:x,size:M,tableRootRef:H,isVirtualized:F,markTableAsVirtualized:J,scrollLeft:U,setScrollLeft:function(e){return W(e)}}}),[w,z,y,x,F,J,U,M]),ee=n((function(){return{tableRootRef:H,hoveredRowRef:N,isMenuOpen:O,resetHoveredRow:_,setHoveredRowRef:function(e){return V(e)},setIsMenuOpen:function(e){return P(e)}}}),[N,O,_,V]);return r.createElement(j,{value:$},r.createElement(v,{value:ee},r.createElement("div",{ref:L,id:p,className:i(b.table,t(t(t({},b.border,!E),b.virtualized,F),b.hasScroll,U>0),S),"data-testid":T||c(f.TABLE,p),role:"table",style:Z,onScroll:X},h)))})),{sizes:p});export{S as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as s,useState as a,useCallback as l,useMemo as n}from"react";import i from"classnames";import{withStaticProps as m}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTableRowLayoutStyles as u}from"./tableHelpers.js";import{getTestId as c}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowSizes as d,RowHeights as p}from"./TableConsts.js";import b from"./Table.module.scss.js";import{TableProvider as v}from"../context/TableContext/TableContext.js";import{TableRowMenuProvider as j}from"../context/TableRowMenuContext/TableRowMenuContext.js";import R from"../../../hooks/useMergeRef.js";var S=m(o((function(o,m){var d=o.id,S=o.className,T=o["data-testid"],w=o.columns,x=o.errorState,y=o.emptyState,z=o.dataState,g=o.style,h=o.children,C=o.size,M=void 0===C?"medium":C,E=o.withoutBorder,H=s(null),A=R(m,H),B=a(!1),I=e(B,2),O=I[0],P=I[1],k=a(null),L=e(k,2),N=L[0],V=L[1],_=l((function(){P(!1),V(null)}),[]),q=a(!1),D=e(q,2),F=D[0],G=D[1],J=l((function(){G(!0)}),[]),K=a(!1),Q=e(K,2),U=Q[0],W=Q[1],X=l((function(e){if(_(),!F){var t=e.target.scrollLeft>0;W((function(e){return e!==t?t:e}))}}),[_,F]),Y=u(w),Z=Object.assign({"--table-grid-template-columns":Y.gridTemplateColumns,"--table-row-size":"".concat(p[M],"px")},g),$=n((function(){return{columns:w,dataState:z,emptyState:y,errorState:x,size:M,tableRootRef:H,isVirtualized:F,markTableAsVirtualized:J,isScrolled:U,setIsScrolled:function(e){return W(e)}}}),[w,z,y,x,F,J,U,M]),ee=n((function(){return{tableRootRef:H,hoveredRowRef:N,isMenuOpen:O,resetHoveredRow:_,setHoveredRowRef:function(e){return V(e)},setIsMenuOpen:function(e){return P(e)}}}),[N,O,_,V]);return r.createElement(v,{value:$},r.createElement(j,{value:ee},r.createElement("div",{ref:A,id:d,className:i(b.table,t(t(t({},b.border,!E),b.virtualized,F),b.hasScroll,U),S),"data-testid":T||c(f.TABLE,d),role:"table",style:Z,onScroll:X},h)))})),{sizes:d});export{S as default};
 //# sourceMappingURL=Table.js.map

package/dist/src/components/Table/Table/Table.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n id: string;\n title: string;\n infoContent?: string;\n width?: Width \| { min: Width; max: Width };\n icon?: SubIcon;\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n columns: TableColumn[];\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n errorState: ReactElement;\n emptyState: ReactElement;\n style?: React.CSSProperties;\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n size?: RowSizes;\n withoutBorder?: boolean;\n}\n\nconst Table: VibeComponent<TableProps, HTMLDivElement> & {\n sizes?: typeof RowSizesEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [~~scrollLeft~~, ~~setScrollLeft~~] = useState<~~number~~>(0);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n ~~setScrollLeft~~(~~newLeft~~);\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /*\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n ~~scrollLeft~~,\n ~~setScrollLeft~~: (~~scrollAmount~~: ~~number~~) => ~~setScrollLeft~~(~~scrollAmount~~)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, ~~scrollLeft~~, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: ~~scrollLeft > 0~~\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\nexport default withStaticProps(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","~~scrollLeft~~","~~setScrollLeft~~","onScroll","e","target","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","~~scrollAmount","~~tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","~~hasScroll","~~getTestId","ComponentDefaultTestId","TABLE","role","sizes","RowSizesEnum"],"mappings":"uzBA+CA,~~IAoHeA~~,EAAAA,~~EAlHXC~~,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,~~EAAiB~~,~~GAAEiB~~,EAAAf,EAAAc,EAAA,~~GAAhDE~~,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,~~IACEZ~~,~~IACKI~~,~~IAEHM~~,~~EADiBE~~,~~EAAEC~~,~~OAA0BJ~~,~~WAGjD~~,GACA,~~CAACT~~,EAAiBI,~~IAGpBU~~,EAAgCC,~~EAAwBtC~~,~~GAMlDuC~~,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,~~EAAWrC~~,GAAK,OACpCH,~~GAGCyC~~,EAAqBC,GACzB,WAAA,MAAO,~~CACL9C~~,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,~~SAACc~~,~~GAAoB~~,~~OAAKd~~,~~EAAcc~~,~~EAAa~~,~~EACrE~~,GACD,~~CAAC/C~~,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,~~IAG5FyC~~,~~GAA4BF~~,GAChC,WAAA,MAAO,~~CACLrC~~,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,~~SAAC2B~~,GAAuC,~~OAAK3B~~,~~EAAiB2B~~,EAAO,~~EACvF/B~~,cAAe,~~SAACgC~~,GAAe,~~OAAKhC~~,~~EAAcgC~~,EAAO,EACzD,GACF,~~CAAC7B~~,EAAeJ,EAAYM,EAAiBD,IAG/C,~~OACE6B~~,EAACC,cAAAC,EAAc,CAAAC,~~MAAOT~~,~~GACpBM~~,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,~~CACExD~~,IAAKe,EACLd,GAAIA,EACJC,~~UAAW0D~~,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAETF,~~GAAAA,~~EAAOG,~~QAAUpD~~,~~GACjBiD~~,EAAOI,~~YAAclC~~,~~GACrB8B~~,~~EAAOK~~,~~UAAY9B~~,~~EAAa~~,~~GAEnClC,~~GAEW,cAAAC,~~GAAcgE~~,EAAUC,EAAuBC,~~MAAOpE~~,~~GACnEqE~~,KAAK,~~QACL9D~~,~~MAAOmC~~,~~EACPL~~,SAAUA,GAET7B,IAKX,IAGoC,~~CAAE8D~~,MAAOC"}
1	+ {"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, UIEventHandler, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights, RowSizes as RowSizesEnum } from \"./TableConsts\";\nimport { RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport useMergeRef from \"../../../hooks/useMergeRef\";\nimport { TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\n\nexport type TableLoadingStateType = \"long-text\" \| \"medium-text\" \| \"circle\" \| \"rectangle\";\n\ntype Width = number \| `${number}%` \| `${number}px` \| `${number}fr`;\n\nexport interface TableColumn {\n id: string;\n title: string;\n infoContent?: string;\n width?: Width \| { min: Width; max: Width };\n icon?: SubIcon;\n loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n columns: TableColumn[];\n dataState?: {\n isLoading?: boolean;\n isError?: boolean;\n };\n errorState: ReactElement;\n emptyState: ReactElement;\n style?: React.CSSProperties;\n children?:\n \| ReactElement<TableHeaderProps>\n \| ReactElement<TableBodyProps>\n \| Array<ReactElement<TableHeaderProps> \| ReactElement<TableBodyProps>>;\n size?: RowSizes;\n withoutBorder?: boolean;\n}\n\nconst Table: VibeComponent<TableProps, HTMLDivElement> & {\n sizes?: typeof RowSizesEnum;\n} = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n columns,\n errorState,\n emptyState,\n dataState,\n style,\n children,\n size = \"medium\",\n withoutBorder\n }: TableProps,\n ref\n ) => {\n const tableRootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRef(ref, tableRootRef);\n\n const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n const resetHoveredRow = useCallback(() => {\n setIsMenuOpen(false);\n setHoveredRowRef(null);\n }, []);\n\n const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n const markTableAsVirtualized = useCallback(() => {\n setIsVirtualized(true);\n }, []);\n\n const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n resetHoveredRow();\n if (!isVirtualized) {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n const hasScroll = newLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n }\n },\n [resetHoveredRow, isVirtualized]\n );\n\n const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n /*\n The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n */\n const calculatedStyle = {\n \"--table-grid-template-columns\": gridTemplateColumns,\n \"--table-row-size\": `${RowHeights[size]}px`,\n ...style\n } as React.CSSProperties;\n\n const tableProviderValue = useMemo<TableProviderValue>(\n () => ({\n columns,\n dataState,\n emptyState,\n errorState,\n size,\n tableRootRef,\n isVirtualized,\n markTableAsVirtualized,\n isScrolled,\n setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n }),\n [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n );\n\n const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n () => ({\n tableRootRef,\n hoveredRowRef,\n isMenuOpen,\n resetHoveredRow,\n setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n }),\n [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n );\n\n return (\n <TableProvider value={tableProviderValue}>\n <TableRowMenuProvider value={tableRowMenuProviderValue}>\n <div\n ref={mergedRef}\n id={id}\n className={cx(\n styles.table,\n {\n [styles.border]: !withoutBorder,\n [styles.virtualized]: isVirtualized,\n [styles.hasScroll]: isScrolled\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE, id)}\n role=\"table\"\n style={calculatedStyle}\n onScroll={onScroll}\n >\n {children}\n </div>\n </TableRowMenuProvider>\n </TableProvider>\n );\n }\n);\n\nexport default withStaticProps(Table, { sizes: RowSizesEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","role","sizes","RowSizesEnum"],"mappings":"uzBA+CA,IAqHeA,EAAAA,EAnHXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAC/E,CACH,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,EAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,GACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GACnEsE,KAAK,QACL/D,MAAOsC,EACPR,SAAUA,GAET7B,IAKX,IAGoC,CAAE+D,MAAOC"}

package/dist/src/components/Table/Table/Table.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={table:"table_9a95b96e55",border:"border_31a9f12785",virtualized:"virtualized_f8eee79356",hasScroll:"hasScroll_5cac7361ca"};!function(e){const r="s_id-2b8bccf4a9c1_3_0_0-rc_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".table_9a95b96e55 {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_9a95b96e55.border_31a9f12785 {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_9a95b96e55 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_9a95b96e55 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_9a95b96e55.virtualized_f8eee79356 {\n  overflow: hidden;\n}\n.table_9a95b96e55.hasScroll_5cac7361ca {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{e as default};
+var r={table:"table_87c3c11997",border:"border_11933e613e",virtualized:"virtualized_86c801ca79",hasScroll:"hasScroll_51323d9e66"};!function(r){const e="s_id-2b8bccf4a9c1_3_1_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".table_87c3c11997 {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table_87c3c11997.border_11933e613e {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table_87c3c11997 [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table_87c3c11997 [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table_87c3c11997.virtualized_86c801ca79 {\n  overflow: hidden;\n}\n.table_87c3c11997.hasScroll_51323d9e66 {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_4f48616a97"};!function(e){const t="s_id-afed3a5f5737_3_0_0-rc_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_4f48616a97 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody_2282aa0491"};!function(e){const t="s_id-afed3a5f5737_3_1_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_2282aa0491 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/src/components/Table/TableCell/TableCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell_455f998817",sticky:"sticky_7383d2aad4"};!function(e){const t="s_id-25789b81dac4_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_455f998817 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_455f998817.sticky_7383d2aad4 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell_6ca1f459fd",sticky:"sticky_6de39fafac"};!function(e){const t="s_id-25789b81dac4_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell_6ca1f459fd {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell_6ca1f459fd.sticky_6de39fafac {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_4f48616a97",longText:"longText_7adfe2f8ff",mediumText:"mediumText_c221e2ca5b",tableCellSkeleton:"tableCellSkeleton_4f48616a97",circle:"circle_c739a50071",rectangle:"rectangle_c93d0529e5"};!function(e){const l="s_id-18cab9319884_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const a=document.createElement("style");a.id=l,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_4f48616a97 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_4f48616a97.longText_7adfe2f8ff {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_4f48616a97.mediumText_c221e2ca5b {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_4f48616a97 .tableCellSkeleton_4f48616a97 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_4f48616a97 .tableCellSkeleton_4f48616a97.circle_c739a50071, .tableCellSkeletonWrapper_4f48616a97 .tableCellSkeleton_4f48616a97.rectangle_c93d0529e5 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_4f48616a97 .tableCellSkeleton_4f48616a97.circle_c739a50071, .tableCellSkeletonWrapper_4f48616a97 .tableCellSkeleton_4f48616a97.rectangle_c93d0529e5 {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper_2282aa0491",longText:"longText_632ba26f41",mediumText:"mediumText_c4c4eb2057",tableCellSkeleton:"tableCellSkeleton_2282aa0491",circle:"circle_3c28b97ba0",rectangle:"rectangle_01f955e0d0"};!function(e){const l="s_id-18cab9319884_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper_2282aa0491 {\n  height: 100%;\n}\n.tableCellSkeletonWrapper_2282aa0491.longText_632ba26f41 {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper_2282aa0491.mediumText_c4c4eb2057 {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper_2282aa0491 .tableCellSkeleton_2282aa0491 {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_2282aa0491 .tableCellSkeleton_2282aa0491.circle_3c28b97ba0, .tableCellSkeletonWrapper_2282aa0491 .tableCellSkeleton_2282aa0491.rectangle_01f955e0d0 {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper_2282aa0491 .tableCellSkeleton_2282aa0491.circle_3c28b97ba0, .tableCellSkeletonWrapper_2282aa0491 .tableCellSkeleton_2282aa0491.rectangle_01f955e0d0 {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer_df7ee8008f",menuContainer:"menuContainer_d92620827a"};!function(e){const n="s_id-545d156e3798_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_df7ee8008f {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_df7ee8008f .menuContainer_d92620827a {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer_5deb30762c",menuContainer:"menuContainer_ddca42d112"};!function(e){const n="s_id-545d156e3798_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer_5deb30762c {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer_5deb30762c .menuContainer_ddca42d112 {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  left: calc(var(--cell-width) * -1);\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader_36675f526f",virtualized:"virtualized_5d297f17c4"};!function(e){const t="s_id-124a0873b12c_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader_36675f526f {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: inherit;\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_36675f526f > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_36675f526f.virtualized_5d297f17c4 {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_36675f526f.virtualized_5d297f17c4::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader_85cd9c23dd",virtualized:"virtualized_bc9c1716db"};!function(e){const d="s_id-8e924ee64aa4_3_1_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".tableHeader_85cd9c23dd {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader_85cd9c23dd > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader_85cd9c23dd.virtualized_bc9c1716db {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader_85cd9c23dd.virtualized_bc9c1716db::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell_a4d29f3b6e","focus-visible":"focus-visible_717d5dc122",sticky:"sticky_7383d2aad4",sortActive:"sortActive_e912a24f21",tableHeaderCellContent:"tableHeaderCellContent_aaf038b4a7",icon:"icon_5a1f94c8d2",infoTooltip:"infoTooltip_d33e751092",tableHeaderCellSort:"tableHeaderCellSort_a95b7a378a",sort:"sort_5ee7069562",asc:"asc_dc096636c3",desc:"desc_0ce4e216ab",show:"show_0092417886"};!function(e){const a="s_id-5b3eed132e11_3_0_0-rc_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_a4d29f3b6e {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_a4d29f3b6e:focus-visible, .tableHeaderCell_a4d29f3b6e.focus-visible_717d5dc122 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_a4d29f3b6e:focus:not(.focus-visible_717d5dc122) {\n  outline: none;\n}\n.tableHeaderCell_a4d29f3b6e.sticky_7383d2aad4 {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_a4d29f3b6e.sticky_7383d2aad4:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_a4d29f3b6e:hover, .tableHeaderCell_a4d29f3b6e.sortActive_e912a24f21 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellContent_aaf038b4a7 {\n  min-width: 0;\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellContent_aaf038b4a7 .icon_5a1f94c8d2 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellContent_aaf038b4a7 .infoTooltip_d33e751092 {\n  display: inline-flex;\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellSort_a95b7a378a {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellSort_a95b7a378a .sort_5ee7069562 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellSort_a95b7a378a .sort_5ee7069562.asc_dc096636c3, .tableHeaderCell_a4d29f3b6e .tableHeaderCellSort_a95b7a378a .sort_5ee7069562.desc_0ce4e216ab {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_a4d29f3b6e .tableHeaderCellSort_a95b7a378a .sort_5ee7069562:not(.show_0092417886) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell_1ad2955bc5","focus-visible":"focus-visible_ce230542ea",sticky:"sticky_6de39fafac",sortActive:"sortActive_81a67b8c04",tableHeaderCellContent:"tableHeaderCellContent_9eab829536",icon:"icon_3c90dd0de0",infoTooltip:"infoTooltip_b7aa25e75d",tableHeaderCellSort:"tableHeaderCellSort_6016fccdd2",sort:"sort_239502bc82",asc:"asc_add0edb64f",desc:"desc_4bdb5ce273",show:"show_ab9646fbab"};!function(e){const a="s_id-5b3eed132e11_3_1_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tableHeaderCell_1ad2955bc5 {\n  height: var(--table-row-size);\n  padding: var(--spacing-small);\n  padding-inline-start: var(--spacing-medium);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell_1ad2955bc5:focus-visible, .tableHeaderCell_1ad2955bc5.focus-visible_ce230542ea {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell_1ad2955bc5:focus:not(.focus-visible_ce230542ea) {\n  outline: none;\n}\n.tableHeaderCell_1ad2955bc5.sticky_6de39fafac {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell_1ad2955bc5.sticky_6de39fafac:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell_1ad2955bc5:hover, .tableHeaderCell_1ad2955bc5.sortActive_81a67b8c04 {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellContent_9eab829536 {\n  min-width: 0;\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellContent_9eab829536 .icon_3c90dd0de0 {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellContent_9eab829536 .infoTooltip_b7aa25e75d {\n  display: inline-flex;\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellSort_6016fccdd2 {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellSort_6016fccdd2 .sort_239502bc82 {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellSort_6016fccdd2 .sort_239502bc82.asc_add0edb64f, .tableHeaderCell_1ad2955bc5 .tableHeaderCellSort_6016fccdd2 .sort_239502bc82.desc_4bdb5ce273 {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell_1ad2955bc5 .tableHeaderCellSort_6016fccdd2 .sort_239502bc82:not(.show_ab9646fbab) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/src/components/Table/TableRow/TableRow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow_3650e5a870"};!function(e){const t="s_id-72a799b963ca_3_0_0-rc_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,l.firstChild?l.insertBefore(a,l.firstChild):l.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_3650e5a870 {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_3650e5a870[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_3650e5a870 > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_3650e5a870:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_3650e5a870:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow_f1f06d960d"};!function(e){const t="s_id-72a799b963ca_3_1_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,l.firstChild?l.insertBefore(o,l.firstChild):l.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow_f1f06d960d {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow_f1f06d960d[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow_f1f06d960d > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow_f1f06d960d:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow_f1f06d960d:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer_58072c6d47",small:"small_d81498fd8a",medium:"medium_ec2871c206",large:"large_65f1d9a4b0"};!function(e){const n="s_id-3e6ad01a6799_3_0_0-rc_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_58072c6d47 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_58072c6d47.small_d81498fd8a {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_58072c6d47.medium_ec2871c206 {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_58072c6d47.large_65f1d9a4b0 {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer_ab7588f68a",small:"small_a91a395123",medium:"medium_77fcd8b5dc",large:"large_b29654afde"};!function(e){const n="s_id-3e6ad01a6799_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rowMenuContainer_ab7588f68a {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer_ab7588f68a.small_a91a395123 {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer_ab7588f68a.medium_77fcd8b5dc {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer_ab7588f68a.large_b29654afde {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../_virtual/_tslib.js";import e,{forwardRef as r,useCallback as o,useEffect as i}from"react";import n from"../TableBody/TableBody.js";import l from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as s}from"react-window";import{useTable as a}from"../context/TableContext/TableContext.js";import c from"classnames";import{getTestId as m}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import{RowHeights as d}from"../Table/TableConsts.js";import f from"react-virtualized-auto-sizer";import{useTableRowMenu as p}from"../context/TableRowMenuContext/TableRowMenuContext.js";var v=r((function(r,v){var b=r.items,T=r.rowRenderer,j=r.onScroll,g=r.id,h=r.className,w=r["data-testid"],x=a(),y=x.size,z=x.virtualizedListRef,E=x.onVirtualizedListScroll,R=x.markTableAsVirtualized,B=p().resetHoveredRow,C=o((function(t){var e=t.target;B(),E({target:e,currentTarget:e})}),[B,E]);i((function(){var t=z.current;if(t)return t.addEventListener("scroll",C),function(){t.removeEventListener("scroll",C)}}),[C]);var L=o((function(t){null==j||j(t.scrollDirection,t.scrollOffset,t.scrollUpdateWasRequested)}),[j]),O=o((function(r){var o,i=r.index,n=r.style,l=t(n,["width"]),s=T(b[i]);return e.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(o=s.props)||void 0===o?void 0:o.style),key:i})}),[b,T]);return i((function(){R()}),[R]),e.createElement(n,{className:c(l.tableBody,h),id:g,"data-testid":w||m(u.TABLE_VIRTUALIZED_BODY,g),ref:v},(null==b?void 0:b.length)&&e.createElement(f,null,(function(t){return e.createElement(s,{itemSize:d[y],height:t.height,itemCount:b.length,width:t.width,onScroll:L,outerRef:function(t){z.current=t}},O)})))}));export{v as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as o,useCallback as n,useEffect as i}from"react";import l from"../TableBody/TableBody.js";import s from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as a}from"react-window";import{useTable as c}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../../tests/constants.js";import{RowHeights as f}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as v}from"../context/TableRowMenuContext/TableRowMenuContext.js";var b=o((function(b,h){var T=b.items,g=b.rowRenderer,j=b.onScroll,w=b.columns,y=b.headerRenderer,E=b.id,R=b.className,x=b["data-testid"],z=c(),B=z.size,C=z.virtualizedListRef,L=z.onVirtualizedListScroll,_=z.markTableAsVirtualized,O=v().resetHoveredRow,S=!!w&&!!y,V=n((function(e){var t=e.target;O(),L({target:t,currentTarget:t})}),[O,L]);i((function(){var e=C.current;if(e)return e.addEventListener("scroll",V),function(){e.removeEventListener("scroll",V)}}),[V,C]);var A=n((function(e){S||null==j||j(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[j,S]),D=n((function(e){var o,n=e.index,i=e.style,l=t(i,["width"]);if(S&&0===n)return null;var s=g(T[S?n-1:n]);return r.cloneElement(s,{style:Object.assign(Object.assign({},l),null===(o=s.props)||void 0===o?void 0:o.style),key:n})}),[T,g,S]);return i((function(){S||_()}),[_,S]),r.createElement(l,{className:m(s.tableBody,e({},s.withHeader,S),R),id:E,"data-testid":x||u(d.TABLE_VIRTUALIZED_BODY,E),ref:h},(null==T?void 0:T.length)&&r.createElement(p,null,(function(e){return r.createElement(a,{itemSize:f[B],height:e.height,itemCount:S?T.length+1:T.length,width:e.width,onScroll:A,outerRef:function(e){C.current=e},innerElementType:S?o((function(e,o){var n=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:o},i),y(w),n)})):void 0},D)})))}));export{b as default};
 //# sourceMappingURL=TableVirtualizedBody.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n extends VibeComponentProps {\n items: T[];\n rowRenderer: (item: T) => JSX.Element;\n onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n}\n\nconst TableVirtualizedBody = forwardRef(\n <T extends TableVirtualizedRow = TableVirtualizedRow>(\n { items, rowRenderer, onScroll, id, className, \"data-testid\": dataTestId }: TableVirtualizedBodyProps<T>,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n const { resetHoveredRow } = useTableRowMenu();\n\n const handleOuterScroll = useCallback(\n (e: Event) => {\n const target = e.target as HTMLDivElement;\n resetHoveredRow();\n onVirtualizedListScroll({\n target,\n currentTarget: target\n } as unknown as React.UIEvent<HTMLDivElement>);\n },\n [resetHoveredRow, onVirtualizedListScroll]\n );\n\n useEffect(() => {\n const scrollElement = virtualizedListRef.current;\n if (!scrollElement) return;\n\n scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n return () => {\n scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n };\n }, [handleOuterScroll]);\n\n const handleVirtualizedVerticalScroll = useCallback(\n ({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested\n }: {\n scrollDirection: ScrollDirection;\n scrollOffset: number;\n scrollUpdateWasRequested: boolean;\n }) => {\n onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n },\n [onScroll]\n );\n\n const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n ({ index, style: { width: _width, ...style } }) => {\n const currentItem = items[~~index~~];\n const element = rowRenderer(currentItem);\n return React.cloneElement(element, {\n style: { ...style, ...element.props?.style },\n key: index\n });\n },\n [items, rowRenderer]\n );\n\n useEffect(() => {\n markTableAsVirtualized();\n }, [markTableAsVirtualized]);\n\n return (\n <TableBody\n className={cx(styles.tableBody, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n ref={ref}\n >\n {items?.length && (\n <AutoSizer>\n {({ height, width }: AutoSizerSize) => (\n <List\n itemSize={RowHeights[size]}\n height={height}\n itemCount={items.length}\n width={width}\n onScroll={handleVirtualizedVerticalScroll}\n outerRef={element => {\n virtualizedListRef.current = element;\n }}\n >\n {itemRenderer}\n </List>\n )}\n </AutoSizer>\n )}\n </TableBody>\n );\n }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef"],"mappings":"~~0pBAsBMA~~,IAAAA,EAAuBC,GAC3B,SAAAC,~~EAEEC~~,GACE,~~IAFAC~~,EAAKF,EAALE,~~MAAOC~~,EAAWH,EAAXG,~~YAAaC~~,EAAQJ,EAARI,~~SAAUC~~,~~EAAEL~~,~~EAAFK~~,~~GAAIC~~,~~EAASN~~,~~EAATM~~,~~UAA0BC~~,~~EAAUP~~,EAAzB,~~eAG/CQ~~,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,~~gBAEFE~~,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,~~OACjBL~~,IACAF,EAAwB,~~CACtBO~~,OAAAA,EACAC,cAAeD,GAEnB,GACA,~~CAACL~~,EAAiBF,~~IAGpBS~~,GAAU,WACR,IAAMC,~~EAAgBX~~,~~EAAmBY~~,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,~~IAEJ~~,~~IAAMU~~,EAAkCT,GACtC,SAAAU,~~GASEvB~~,SAAAA,~~EAReuB~~,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,~~yBAOF~~,GACA,~~CAAC1B~~,~~IAGG2B~~,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,~~WAETG~~,~~EAAUlC~~,EADID,~~EAAM+B~~,~~IAE1B~~,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,~~GAET~~,~~GACA~~,~~CAAC/B~~,EAAOC,~~IAOV~~,~~OAJAkB~~,GAAU,~~WACRR~~,~~GACF~~,GAAG,CAACA,~~IAGFyB~~,EAACO,cAAAC,~~GACCxC~~,~~UAAWyC~~,~~EAAGC~~,EAAOC,~~UAAW3C~~,~~GAChCD~~,GAAIA,gBACSE,~~GAAc2C~~,EAAUC,EAAuBC,~~uBAAwB/C~~,~~GACpFJ~~,IAAKA,IAEJC,eAAAA,~~EAAOmD~~,~~SACNf~~,~~EAACO~~,~~cAAAS~~,~~QACE~~,SAAAC,GAAgB,~~OACfjB~~,EAAAO,~~cAACW~~,EACC,CAAAC,SAAUC,~~EAAWhD~~,~~GACrBiD~~,OAHMJ,EAANI,OAIAC,~~UAAW1D~~,~~EAAMmD~~,~~OACjBQ~~,MALaN,EAALM,~~MAMRzD~~,~~SAAUsB~~,~~EACVoC~~,SAAU,~~SAAAzB~~,~~GACR1B~~,~~EAAmBY~~,QAAUc,~~CAC~~/B,~~GAECN~~,EAEJ,IAKX"}
1	+ {"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { ComponentType, forwardRef, useCallback, useEffect } from \"react\";\nimport { VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, ListChildComponentProps, ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n extends VibeComponentProps {\n items: T[];\n rowRenderer: (item: T) => JSX.Element;\n onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n columns?: TableColumn[];\n headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n}\n\nconst TableVirtualizedBody = forwardRef(\n <T extends TableVirtualizedRow = TableVirtualizedRow>(\n {\n items,\n rowRenderer,\n onScroll,\n columns,\n headerRenderer,\n id,\n className,\n \"data-testid\": dataTestId\n }: TableVirtualizedBodyProps<T>,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized } = useTable();\n const { resetHoveredRow } = useTableRowMenu();\n const virtualizedWithHeader = !!columns && !!headerRenderer;\n\n const handleOuterScroll = useCallback(\n (e: Event) => {\n const target = e.target as HTMLDivElement;\n resetHoveredRow();\n onVirtualizedListScroll({\n target,\n currentTarget: target\n } as unknown as React.UIEvent<HTMLDivElement>);\n },\n [resetHoveredRow, onVirtualizedListScroll]\n );\n\n useEffect(() => {\n const scrollElement = virtualizedListRef.current;\n if (!scrollElement) return;\n\n scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n return () => {\n scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n };\n }, [handleOuterScroll, virtualizedListRef]);\n\n const handleVirtualizedVerticalScroll = useCallback(\n ({\n scrollDirection,\n scrollOffset,\n scrollUpdateWasRequested\n }: {\n scrollDirection: ScrollDirection;\n scrollOffset: number;\n scrollUpdateWasRequested: boolean;\n }) => {\n if (virtualizedWithHeader) return;\n onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n },\n [onScroll, virtualizedWithHeader]\n );\n\n const itemRenderer = useCallback<ComponentType<ListChildComponentProps<TableVirtualizedRow>>>(\n ({ index, style: { width: _width, ...style } }) => {\n if (virtualizedWithHeader && index === 0) {\n return null; //placeholder for virtualized with header\n }\n const currentIndex = virtualizedWithHeader ? index - 1 : index;\n const currentItem = items[currentIndex];\n const element = rowRenderer(currentItem);\n\n return React.cloneElement(element, {\n style: { ...style, ...element.props?.style },\n key: index\n });\n },\n [items, rowRenderer, virtualizedWithHeader]\n );\n\n useEffect(() => {\n if (!virtualizedWithHeader) markTableAsVirtualized();\n }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n return (\n <TableBody\n className={cx(\n styles.tableBody,\n {\n [styles.withHeader]: virtualizedWithHeader\n },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n ref={ref}\n >\n {items?.length && (\n <AutoSizer>\n {({ height, width }: AutoSizerSize) => (\n <List\n itemSize={RowHeights[size]}\n height={height}\n itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n width={width}\n onScroll={handleVirtualizedVerticalScroll}\n outerRef={element => {\n virtualizedListRef.current = element;\n }}\n innerElementType={\n virtualizedWithHeader\n ? forwardRef(({ children, ...rest }, ref) => (\n <div ref={ref} {...rest}>\n {headerRenderer(columns)}\n {children}\n </div>\n ))\n : undefined\n }\n >\n {itemRenderer}\n </List>\n )}\n </AutoSizer>\n )}\n </TableBody>\n );\n }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["TableVirtualizedBody","forwardRef","_ref","ref","items","rowRenderer","onScroll","columns","headerRenderer","id","className","dataTestId","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","createElement","TableBody","cx","styles","tableBody","_defineProperty","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType","children","rest","undefined"],"mappings":"6uBAyBMA,IAAAA,EAAuBC,GAC3B,SAAAC,EAWEC,GACE,IAVAC,EAAKF,EAALE,MACAC,EAAWH,EAAXG,YACAC,EAAQJ,EAARI,SACAC,EAAOL,EAAPK,QACAC,EAAcN,EAAdM,eACAC,EAAEP,EAAFO,GACAC,EAASR,EAATQ,UACeC,EAAUT,EAAzB,eAIFU,EAAsFC,IAA9EC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBACnDC,EAAoBC,IAApBD,gBACFE,IAA0Bb,KAAaC,EAEvCa,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBN,IACAF,EAAwB,CACtBQ,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACN,EAAiBF,IAGpBU,GAAU,WACR,IAAMC,EAAgBZ,EAAmBa,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBN,IAEvB,IAAMgB,EAAkCT,GACtC,SAAAU,GASMZ,GACJd,SAAAA,EATe0B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAAC7B,EAAUc,IAGPgB,EAAed,GACnB,SAACe,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WACf,GAAInB,GAAmC,IAAVkB,EAC3B,OAAO,KAET,IAEMI,EAAUrC,EADID,EADCgB,EAAwBkB,EAAQ,EAAIA,IAIzD,OAAOK,EAAMC,aAAaF,EAAS,CACjCF,MAAKK,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAON,GAAyB,QAAfO,EAAAL,EAAQM,aAAO,IAAAD,OAAA,EAAAA,EAAAP,OACrCS,IAAKX,GAER,GACD,CAAClC,EAAOC,EAAae,IAOvB,OAJAM,GAAU,WACHN,GAAuBH,GAC9B,GAAG,CAACA,EAAwBG,IAG1BuB,EAACO,cAAAC,EACC,CAAAzC,UAAW0C,EACTC,EAAOC,UAASC,EAEbF,GAAAA,EAAOG,WAAapC,GAEvBV,GAEFD,GAAIA,gBACSE,GAAc8C,EAAUC,EAAuBC,uBAAwBlD,GACpFN,IAAKA,IAEJC,eAAAA,EAAOwD,SACNjB,gBAACkB,EAAS,MACP,SAAAC,GAAgB,OACfnB,EAAAO,cAACa,EACC,CAAAC,SAAUC,EAAWnD,GACrBoD,OAHMJ,EAANI,OAIAC,UAAW/C,EAAwBhB,EAAMwD,OAAS,EAAIxD,EAAMwD,OAC5DQ,MALaN,EAALM,MAMR9D,SAAUyB,EACVsC,SAAU,SAAA3B,GACR3B,EAAmBa,QAAUc,CAC9B,EACD4B,iBACElD,EACInB,GAAW,SAACoC,EAAuBlC,GAAvB,IAAEoE,EAAmBlC,EAAnBkC,SAAaC,EAAI/B,EAAAJ,EAAnB,cAA+B,OACzCM,EAAKO,cAAA,MAAAL,OAAAC,OAAA,CAAA3C,IAAKA,GAASqE,GAChBhE,EAAeD,GACfgE,EAEJ,SACDE,GAGLrC,EAEJ,IAKX"}

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody_2d44f9d5fe"};!function(e){const t="s_id-0bce46f13bae_3_0_0-rc_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_2d44f9d5fe {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody_8f7b433c70",withHeader:"withHeader_2282aa0491"};!function(e){const t="s_id-dd963e37de67_3_1_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody_8f7b433c70 {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_8f7b433c70.withHeader_2282aa0491 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/src/components/Table/context/TableContext/TableContext.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r,{useContext as e,createContext as t,useRef as n,useCallback as l,useMemo as o}from"react";var c=t(void 0),u=function(e){var t=e.value,u=e.children,i=t.setScrollLeft,a=n(null),f=n(null),d=n(0),s=l((function(r,e){r!==d.current&&("body"===e&&a.current&&(a.current.scrollLeft=r),"head"===e&&f.current&&(f.current.scrollLeft=r),i(r),d.current=r)}),[i]),v=l((function(r){s(r.target.scrollLeft,"head")}),[s]),b=l((function(r){s(r.target.scrollLeft,"body")}),[s]),L=o((function(){return Object.assign(Object.assign({},t),{headRef:a,onHeadScroll:v,virtualizedListRef:f,onVirtualizedListScroll:b})}),[t,v,b]);return r.createElement(c.Provider,{value:L},u)},i=function(){var r=e(c);if(void 0===r)throw Error("useTable must be used within a TableProvider");return r};export{u as TableProvider,i as useTable};
+import r,{useContext as e,createContext as t,useRef as n,useCallback as o,useMemo as l}from"react";var u=t(void 0),c=function(e){var t=e.value,c=e.children,i=t.setIsScrolled,a=n(null),f=n(null),d=n(0),s=o((function(r,e){if(r!==d.current){"body"===e&&a.current&&(a.current.scrollLeft=r),"head"===e&&f.current&&(f.current.scrollLeft=r);var t=r>0;i((function(r){return r!==t?t:r})),d.current=r}}),[i]),v=o((function(r){s(r.target.scrollLeft,"head")}),[s]),b=o((function(r){s(r.target.scrollLeft,"body")}),[s]),h=l((function(){return Object.assign(Object.assign({},t),{headRef:a,onHeadScroll:v,virtualizedListRef:f,onVirtualizedListScroll:b})}),[t,v,b]);return r.createElement(u.Provider,{value:h},c)},i=function(){var r=e(u);if(void 0===r)throw Error("useTable must be used within a TableProvider");return r};export{c as TableProvider,i as useTable};
 //# sourceMappingURL=TableContext.js.map

package/dist/src/components/Table/context/TableContext/TableContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/context/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, UIEventHandler, useCallback, useContext, useMemo, useRef } from \"react\";\nimport { TableContext as ITableContext, TableProviderProps } from \"./TableContext.types\";\n\nconst TableContext = createContext<ITableContext \| undefined>(undefined);\n\nexport const TableProvider = ({ value, children }: TableProviderProps) => {\n const { ~~setScrollLeft~~ } = value;\n const headRef = useRef<HTMLDivElement>(null);\n const virtualizedListRef = useRef<HTMLDivElement>(null);\n const lastScrollLeft = useRef<number>(0);\n\n const syncScroll = useCallback(\n (newScrollLeft: number, source: \"head\" \| \"body\") => {\n if (newScrollLeft === lastScrollLeft.current) return;\n\n if (source === \"body\" && headRef.current) {\n headRef.current.scrollLeft = newScrollLeft;\n }\n if (source === \"head\" && virtualizedListRef.current) {\n virtualizedListRef.current.scrollLeft = newScrollLeft;\n }\n\n ~~setScrollLeft~~(~~newScrollLeft~~);\n lastScrollLeft.current = newScrollLeft;\n },\n [~~setScrollLeft~~]\n );\n\n const onHeadScroll: UIEventHandler<HTMLDivElement> = useCallback(\n e => {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n syncScroll(newLeft, \"head\");\n },\n [syncScroll]\n );\n\n const onVirtualizedListScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n syncScroll(newLeft, \"body\");\n },\n [syncScroll]\n );\n\n const contextValue = useMemo<ITableContext>(\n () => ({\n ...value,\n headRef,\n onHeadScroll,\n virtualizedListRef,\n onVirtualizedListScroll\n }),\n [value, onHeadScroll, onVirtualizedListScroll]\n );\n\n return <TableContext.Provider value={contextValue}>{children}</TableContext.Provider>;\n};\n\nexport const useTable = () => {\n const context = useContext(TableContext);\n if (context === undefined) {\n throw new Error(\"useTable must be used within a TableProvider\");\n }\n return context;\n};\n"],"names":["TableContext","createContext","undefined","TableProvider","_ref","value","children","~~setScrollLeft~~","headRef","useRef","virtualizedListRef","lastScrollLeft","syncScroll","useCallback","newScrollLeft","source","current","scrollLeft","onHeadScroll","e","target","onVirtualizedListScroll","contextValue","useMemo","Object","assign","React","createElement","Provider","useTable","context","useContext","Error"],"mappings":"mGAGA,IAAMA,EAAeC,OAAyCC,GAEjDC,EAAgB,SAAHC,GAA+C,IAAzCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAC7BC,EAAkBF,EAAlBE,cACFC,EAAUC,EAAuB,MACjCC,EAAqBD,EAAuB,MAC5CE,EAAiBF,EAAe,GAEhCG,EAAaC,GACjB,SAACC,EAAuBC,~~GAClBD~~,IAAkBH,EAAeK,~~UAEtB~~,SAAXD,GAAqBP,EAAQQ,UAC/BR,EAAQQ,QAAQC,WAAaH,GAEhB,SAAXC,GAAqBL,EAAmBM,UAC1CN,EAAmBM,QAAQC,WAAaH,~~GAG1CP~~,~~EAAcO~~,~~GACdH~~,EAAeK,QAAUF,~~EAC3B~~,GACA,CAACP,~~IAGGW~~,EAA+CL,GACnD,~~SAAAM~~,~~GAEEP~~,~~EADiBO~~,EAAEC,~~OAA0BH~~,WACzB,OACtB,GACA,CAACL,~~IAGGS~~,~~EAA0BR~~,GAC9B,~~SAAAM~~,~~GAEEP~~,~~EADiBO~~,EAAEC,~~OAA0BH~~,WACzB,OACtB,GACA,CAACL,~~IAGGU~~,EAAeC,GACnB,WAAA,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,~~EACDpB~~,GAAK,CACRG,QAAAA,~~EACAU~~,aAAAA,~~EACAR~~,mBAAAA,~~EACAW~~,wBAAAA,GACA,GACF,~~CAAChB~~,~~EAAOa~~,EAAcG,IAGxB,OAAOK,EAAAC,~~cAAC3B~~,~~EAAa4B~~,SAAQ,~~CAACvB~~,~~MAAOiB~~,~~GAAehB~~,EACtD,~~EAEauB~~,EAAW,WACtB,IAAMC,EAAUC,~~EAAW/B~~,GAC3B,QAAgBE,~~IAAZ4B~~,EACF,MAAUE,MAAM,gDAElB,OAAOF,CACT"}
1	+ {"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/context/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, UIEventHandler, useCallback, useContext, useMemo, useRef } from \"react\";\nimport { TableContext as ITableContext, TableProviderProps } from \"./TableContext.types\";\n\nconst TableContext = createContext<ITableContext \| undefined>(undefined);\n\nexport const TableProvider = ({ value, children }: TableProviderProps) => {\n const { setIsScrolled } = value;\n const headRef = useRef<HTMLDivElement>(null);\n const virtualizedListRef = useRef<HTMLDivElement>(null);\n const lastScrollLeft = useRef<number>(0);\n\n const syncScroll = useCallback(\n (newScrollLeft: number, source: \"head\" \| \"body\") => {\n if (newScrollLeft === lastScrollLeft.current) return;\n\n if (source === \"body\" && headRef.current) {\n headRef.current.scrollLeft = newScrollLeft;\n }\n if (source === \"head\" && virtualizedListRef.current) {\n virtualizedListRef.current.scrollLeft = newScrollLeft;\n }\n\n const hasScroll = newScrollLeft > 0;\n setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n\n lastScrollLeft.current = newScrollLeft;\n },\n [setIsScrolled]\n );\n\n const onHeadScroll: UIEventHandler<HTMLDivElement> = useCallback(\n e => {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n syncScroll(newLeft, \"head\");\n },\n [syncScroll]\n );\n\n const onVirtualizedListScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n e => {\n const newLeft = (e.target as HTMLDivElement).scrollLeft;\n syncScroll(newLeft, \"body\");\n },\n [syncScroll]\n );\n\n const contextValue = useMemo<ITableContext>(\n () => ({\n ...value,\n headRef,\n onHeadScroll,\n virtualizedListRef,\n onVirtualizedListScroll\n }),\n [value, onHeadScroll, onVirtualizedListScroll]\n );\n\n return <TableContext.Provider value={contextValue}>{children}</TableContext.Provider>;\n};\n\nexport const useTable = () => {\n const context = useContext(TableContext);\n if (context === undefined) {\n throw new Error(\"useTable must be used within a TableProvider\");\n }\n return context;\n};\n"],"names":["TableContext","createContext","undefined","TableProvider","_ref","value","children","setIsScrolled","headRef","useRef","virtualizedListRef","lastScrollLeft","syncScroll","useCallback","newScrollLeft","source","current","scrollLeft","hasScroll","prevScroll","onHeadScroll","e","target","onVirtualizedListScroll","contextValue","useMemo","Object","assign","React","createElement","Provider","useTable","context","useContext","Error"],"mappings":"mGAGA,IAAMA,EAAeC,OAAyCC,GAEjDC,EAAgB,SAAHC,GAA+C,IAAzCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAC7BC,EAAkBF,EAAlBE,cACFC,EAAUC,EAAuB,MACjCC,EAAqBD,EAAuB,MAC5CE,EAAiBF,EAAe,GAEhCG,EAAaC,GACjB,SAACC,EAAuBC,GACtB,GAAID,IAAkBH,EAAeK,QAArC,CAEe,SAAXD,GAAqBP,EAAQQ,UAC/BR,EAAQQ,QAAQC,WAAaH,GAEhB,SAAXC,GAAqBL,EAAmBM,UAC1CN,EAAmBM,QAAQC,WAAaH,GAG1C,IAAMI,EAAYJ,EAAgB,EAClCP,GAAc,SAAAY,GAAU,OAAKA,IAAeD,EAAYA,EAAYC,CAAU,IAE9ER,EAAeK,QAAUF,CAZqB,CAahD,GACA,CAACP,IAGGa,EAA+CP,GACnD,SAAAQ,GAEET,EADiBS,EAAEC,OAA0BL,WACzB,OACtB,GACA,CAACL,IAGGW,EAA0BV,GAC9B,SAAAQ,GAEET,EADiBS,EAAEC,OAA0BL,WACzB,OACtB,GACA,CAACL,IAGGY,EAAeC,GACnB,WAAA,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDtB,GAAK,CACRG,QAAAA,EACAY,aAAAA,EACAV,mBAAAA,EACAa,wBAAAA,GACA,GACF,CAAClB,EAAOe,EAAcG,IAGxB,OAAOK,EAAAC,cAAC7B,EAAa8B,SAAQ,CAACzB,MAAOmB,GAAelB,EACtD,EAEayB,EAAW,WACtB,IAAMC,EAAUC,EAAWjC,GAC3B,QAAgBE,IAAZ8B,EACF,MAAUE,MAAM,gDAElB,OAAOF,CACT"}

package/dist/src/components/Tabs/Tab/Tab.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper_6e12235c37",tabInner:"tabInner_7760a21c85",tabIcon:"tabIcon_00cc777ddb",right:"right_9f3a38af24",tabFocusVisibleInset:"tabFocusVisibleInset_9af7845939",active:"active_787a98650f",disabled:"disabled_ebadefb02b"};!function(n){const e="s_id-e9e07df0e1ab_3_0_0-rc_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_6e12235c37 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_6e12235c37:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_6e12235c37 .tabInner_7760a21c85 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_6e12235c37 .tabInner_7760a21c85:focus {\n  outline: none;\n}\n\n.tabWrapper_6e12235c37 .tabInner_7760a21c85 .tabIcon_00cc777ddb {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_6e12235c37 .tabInner_7760a21c85 .tabIcon_00cc777ddb.right_9f3a38af24 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_6e12235c37.tabFocusVisibleInset_9af7845939 {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_6e12235c37.active_787a98650f:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_6e12235c37.disabled_ebadefb02b .tabInner_7760a21c85 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_6e12235c37:not(.disabled_ebadefb02b) .tabInner_7760a21c85:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper_7032c86263",tabInner:"tabInner_843aad6502",tabIcon:"tabIcon_0bc993e452",right:"right_343ebce1e6",tabFocusVisibleInset:"tabFocusVisibleInset_fb6cc3dd4c",active:"active_04d1f618f8",disabled:"disabled_69c8ff3ac5"};!function(n){const e="s_id-e9e07df0e1ab_3_1_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper_7032c86263 {\n  position: relative;\n  display: inline-block;\n  padding-left: 1px;\n  padding-right: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n\n.tabWrapper_7032c86263:after {\n  display: block;\n  position: absolute;\n  left: 0;\n  right: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502 {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502:focus {\n  outline: none;\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502 .tabIcon_0bc993e452 {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper_7032c86263 .tabInner_843aad6502 .tabIcon_0bc993e452.right_343ebce1e6 {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper_7032c86263.tabFocusVisibleInset_fb6cc3dd4c {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n\n.tabWrapper_7032c86263.active_04d1f618f8:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper_7032c86263.disabled_69c8ff3ac5 .tabInner_843aad6502 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper_7032c86263:not(.disabled_69c8ff3ac5) .tabInner_843aad6502:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
 //# sourceMappingURL=Tab.module.scss.js.map

package/dist/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabsWrapper:"tabsWrapper_a19487adca",tabsList:"tabsList_b4ef28ff17",sm:"sm_6373578e17",lg:"lg_d7ba691e04",stretched:"stretched_1a0cae4e9b",tabListTabWrapper:"tabListTabWrapper_bc0c364610",tabListTabInner:"tabListTabInner_bc0c364610",disabled:"disabled_beedc8db28"};!function(e){const a="s_id-10f1ea92a898_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".tabsWrapper_a19487adca .tabsList_b4ef28ff17 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_a19487adca .tabsList_b4ef28ff17.sm_6373578e17 {\n  height: 32px;\n}\n\n.tabsWrapper_a19487adca .tabsList_b4ef28ff17.lg_d7ba691e04 {\n  height: 48px;\n}\n\n.tabsWrapper_a19487adca.stretched_1a0cae4e9b .tabsList_b4ef28ff17 {\n  width: 100%;\n}\n\n.tabsWrapper_a19487adca.stretched_1a0cae4e9b .tabsList_b4ef28ff17 .tabListTabWrapper_bc0c364610 {\n  width: 100%;\n}\n\n.tabsWrapper_a19487adca.stretched_1a0cae4e9b .tabsList_b4ef28ff17 .tabListTabWrapper_bc0c364610 .tabListTabInner_bc0c364610 {\n  width: 100%;\n}\n\n.tabsWrapper_a19487adca.disabled_beedc8db28 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
+var e={tabsWrapper:"tabsWrapper_4502201f20",tabsList:"tabsList_11063c33a8",sm:"sm_00548e7af4",lg:"lg_9127325f2b",stretched:"stretched_2befbe6122",tabListTabWrapper:"tabListTabWrapper_c33c8c7ff0",tabListTabInner:"tabListTabInner_c33c8c7ff0",disabled:"disabled_fe0d8ddde4"};!function(e){const t="s_id-10f1ea92a898_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabsWrapper_4502201f20 .tabsList_11063c33a8 {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n\n.tabsWrapper_4502201f20 .tabsList_11063c33a8.sm_00548e7af4 {\n  height: 32px;\n}\n\n.tabsWrapper_4502201f20 .tabsList_11063c33a8.lg_9127325f2b {\n  height: 48px;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 .tabListTabWrapper_c33c8c7ff0 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.stretched_2befbe6122 .tabsList_11063c33a8 .tabListTabWrapper_c33c8c7ff0 .tabListTabInner_c33c8c7ff0 {\n  width: 100%;\n}\n\n.tabsWrapper_4502201f20.disabled_fe0d8ddde4 {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TabList.module.scss.js.map

package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper_0ce4e216ab"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-rc_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_0ce4e216ab {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper_4bdb5ce273"};!function(e){const t="s_id-82244d4a2f7b_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper_4bdb5ce273 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var a={tabPanelsWrapper:"tabPanelsWrapper_dd104c6c62",tabPanel:"tabPanel_a8d2cae835",animationDirectionRtl:"animationDirectionRtl_9ab1f4d9f0",animationDirectionLtr:"animationDirectionLtr_a559fa9c4f",active:"active_3f7761e68a",panelSlideIn:"panelSlideIn_7fde592d23"};!function(a){const e="s_id-078bacbdb1e4_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".tabPanelsWrapper_dd104c6c62 .tabPanel_a8d2cae835 {\n  display: none;\n}\n\n.tabPanelsWrapper_dd104c6c62 .tabPanel_a8d2cae835.animationDirectionRtl_9ab1f4d9f0 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_dd104c6c62 .tabPanel_a8d2cae835.animationDirectionLtr_a559fa9c4f {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_dd104c6c62 .tabPanel_a8d2cae835.active_3f7761e68a {\n  display: block;\n  animation: panelSlideIn_7fde592d23 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_7fde592d23 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{a as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper_96096d33dd",tabPanel:"tabPanel_fb816d7322",animationDirectionRtl:"animationDirectionRtl_3ba9ff67e5",animationDirectionLtr:"animationDirectionLtr_f4af702d99",active:"active_d15982bc13",panelSlideIn:"panelSlideIn_478b3cd1f7"};!function(n){const e="s_id-078bacbdb1e4_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322 {\n  display: none;\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.animationDirectionRtl_3ba9ff67e5 {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.animationDirectionLtr_f4af702d99 {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper_96096d33dd .tabPanel_fb816d7322.active_d15982bc13 {\n  display: block;\n  animation: panelSlideIn_478b3cd1f7 var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn_478b3cd1f7 {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

package/dist/src/components/Text/Text.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_4f8238ba87",text1Medium:"text1Medium_56dba31fa7",text1Normal:"text1Normal_ef56696c17",text2Bold:"text2Bold_c7e1cef977",text2Medium:"text2Medium_893175f827",text2Normal:"text2Normal_a378f59277",text3Bold:"text3Bold_d42b225696",text3Medium:"text3Medium_15b6e89ec1",text3Normal:"text3Normal_724c869b38",text:"text_57c2266e70"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_4f8238ba87 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_56dba31fa7 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_ef56696c17 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_c7e1cef977 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_893175f827 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_a378f59277 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d42b225696 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_15b6e89ec1 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_724c869b38 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_57c2266e70 {\n  margin-block: 0;\n}\n\np.text_57c2266e70 + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold_3c1ce8e7e1",text1Medium:"text1Medium_20b445f3a9",text1Normal:"text1Normal_65ffba60a1",text2Bold:"text2Bold_23aacccee4",text2Medium:"text2Medium_cd7207de99",text2Normal:"text2Normal_462589359a",text3Bold:"text3Bold_d1e88a73ff",text3Medium:"text3Medium_69bce18d59",text3Normal:"text3Normal_2873cedaf0",text:"text_dd8b8b6cfc"};!function(t){const e="s_id-0b8dab5fe88c_3_1_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_3c1ce8e7e1 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_20b445f3a9 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_65ffba60a1 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_23aacccee4 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_cd7207de99 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_462589359a {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d1e88a73ff {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_69bce18d59 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_2873cedaf0 {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text_dd8b8b6cfc {\n  margin-block: 0;\n}\n\np.text_dd8b8b6cfc + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
 //# sourceMappingURL=Text.module.scss.js.map

package/dist/src/components/TextArea/TextArea.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper_72f555ec26",label:"label_a0d33f28b8",required:"required_6dd4d15a84",subTextContainer:"subTextContainer_0aaf1e664b",helpText:"helpText_edf3210ddc",limitText:"limitText_d41508bb36",textArea:"textArea_8488a4daca",small:"small_a378f59277",large:"large_ef56696c17",resize:"resize_c40c689e83",success:"success_78517ebb10",error:"error_7548a8fb0c",disabled:"disabled_6dd4d15a84",readOnly:"readOnly_6dd4d15a84"};!function(e){const r="s_id-cf287aae5ade_3_0_0-rc_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_72f555ec26 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_72f555ec26 .label_a0d33f28b8 {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_72f555ec26 .label_a0d33f28b8.required_6dd4d15a84::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_72f555ec26 .subTextContainer_0aaf1e664b {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_72f555ec26 .subTextContainer_0aaf1e664b .helpText_edf3210ddc {\n  display: flex;\n}\n.textAreaWrapper_72f555ec26 .subTextContainer_0aaf1e664b .limitText_d41508bb36 {\n  margin-left: auto;\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca:active, .textAreaWrapper_72f555ec26 .textArea_8488a4daca:focus, .textAreaWrapper_72f555ec26 .textArea_8488a4daca:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca.small_a378f59277 {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca.large_ef56696c17 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_72f555ec26 .textArea_8488a4daca:not(.resize_c40c689e83) {\n  resize: none;\n}\n.textAreaWrapper_72f555ec26.success_78517ebb10 .textArea_8488a4daca {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_72f555ec26.success_78517ebb10 .helpText_edf3210ddc {\n  color: var(--color-success);\n}\n.textAreaWrapper_72f555ec26.error_7548a8fb0c .textArea_8488a4daca {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_72f555ec26.error_7548a8fb0c .helpText_edf3210ddc,\n.textAreaWrapper_72f555ec26.error_7548a8fb0c .limitText_d41508bb36 {\n  color: var(--color-error);\n}\n.textAreaWrapper_72f555ec26.disabled_6dd4d15a84 .textArea_8488a4daca,\n.textAreaWrapper_72f555ec26.disabled_6dd4d15a84 .textArea_8488a4daca:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_72f555ec26.disabled_6dd4d15a84 .helpText_edf3210ddc {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_72f555ec26.readOnly_6dd4d15a84 .textArea_8488a4daca,\n.textAreaWrapper_72f555ec26.readOnly_6dd4d15a84 .textArea_8488a4daca:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper_43c27b1b80",label:"label_18669ece4b",required:"required_234bf9de6b",subTextContainer:"subTextContainer_f8f3964b58",helpText:"helpText_9b0d4f852d",limitText:"limitText_16e2d9408b",textArea:"textArea_2ee9300c5f",small:"small_462589359a",large:"large_65ffba60a1",resize:"resize_578991e19f",success:"success_084dfa7ac7",error:"error_be953031cf",disabled:"disabled_234bf9de6b",readOnly:"readOnly_234bf9de6b"};!function(e){const r="s_id-cf287aae5ade_3_1_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper_43c27b1b80 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--spacing-xs);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_43c27b1b80 .label_18669ece4b {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .label_18669ece4b.required_234bf9de6b::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 .helpText_9b0d4f852d {\n  display: flex;\n}\n.textAreaWrapper_43c27b1b80 .subTextContainer_f8f3964b58 .limitText_16e2d9408b {\n  margin-left: auto;\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f {\n  resize: vertical;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  padding: var(--spacing-small) var(--spacing-medium);\n  outline: none;\n  background-color: var(--secondary-background-color);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:active, .textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:focus, .textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f.small_462589359a {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f.large_65ffba60a1 {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper_43c27b1b80 .textArea_2ee9300c5f:not(.resize_578991e19f) {\n  resize: none;\n}\n.textAreaWrapper_43c27b1b80.success_084dfa7ac7 .textArea_2ee9300c5f {\n  border-color: var(--color-success);\n}\n.textAreaWrapper_43c27b1b80.success_084dfa7ac7 .helpText_9b0d4f852d {\n  color: var(--color-success);\n}\n.textAreaWrapper_43c27b1b80.error_be953031cf .textArea_2ee9300c5f {\n  border-color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80.error_be953031cf .helpText_9b0d4f852d,\n.textAreaWrapper_43c27b1b80.error_be953031cf .limitText_16e2d9408b {\n  color: var(--color-error);\n}\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .textArea_2ee9300c5f,\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .textArea_2ee9300c5f:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper_43c27b1b80.disabled_234bf9de6b .helpText_9b0d4f852d {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper_43c27b1b80.readOnly_234bf9de6b .textArea_2ee9300c5f,\n.textAreaWrapper_43c27b1b80.readOnly_234bf9de6b .textArea_2ee9300c5f:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
 //# sourceMappingURL=TextArea.module.scss.js.map

package/dist/src/components/TextField/TextField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I}from"../../tests/constants.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import F from"./TextField.module.scss.js";import L from"../Tooltip/Tooltip.js";import k from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},D=j(n((function(n,f){var C=n.className,E=void 0===C?"":C,j=n.placeholder,D=void 0===j?"":j,H=n.autoComplete,A=void 0===H?"off":H,S=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,_=void 0===W?g:W,z=n.onFocus,B=void 0===z?g:z,O=n.onKeyDown,K=void 0===O?g:O,M=n.onWheel,P=void 0===M?g:M,V=n.debounceRate,U=void 0===V?0:V,X=n.autoFocus,Y=void 0!==X&&X,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?g:$,te=n.iconName,oe=n.secondaryIconName,ae=n.id,ne=void 0===ae?"input":ae,re=n.title,ie=void 0===re?"":re,le=n.size,se=void 0===le?"small":le,ce=n.validation,de=void 0===ce?null:ce,me=n.wrapperClassName,ue=void 0===me?"":me,pe=n.onIconClick,ve=void 0===pe?g:pe,fe=n.clearOnIconClick,Ce=void 0!==fe&&fe,be=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,Te=n.searchResultsContainerId,Ne=void 0===Te?"":Te,he=n.activeDescendant,ge=void 0===he?"":he,Ie=n.iconsNames,je=void 0===Ie?w:Ie,Fe=n.type,Le=void 0===Fe?"text":Fe,ke=n.maxLength,we=void 0===ke?null:ke,De=n.allowExceedingMaxLength,He=void 0!==De&&De,Ae=n.trim,Se=void 0!==Ae&&Ae,qe=n.role,Re=void 0===qe?"":qe,We=n.required,_e=void 0!==We&&We,ze=n.requiredErrorText,Be=void 0===ze?"":ze,Oe=n.loading,Ke=void 0!==Oe&&Oe,Me=n["data-testid"],Pe=n.secondaryDataTestId,Ve=n.tabIndex,Ue=n.underline,Xe=void 0!==Ue&&Ue,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=r(!1),et=e($e,2),tt=et[0],ot=et[1],at=i(null),nt=T(f,at,ee),rt=l((function(e){_e&&!e.target.value&&ot(!0),_(e)}),[_,_e]),it=l((function(e,t){tt&&e&&ot(!1),R(e,t||{target:at.current})}),[R,tt]),lt=d({delay:U,onChange:it,initialStateValue:S,trim:Se}),st=lt.inputValue,ct=lt.onEventChanged,dt=lt.clearValue,mt=s((function(){return Je?S:st}),[Je,S,st]),ut=l((function(e){Je?it(e.target.value,e):ct(e)}),[Je,it,ct]),pt=s((function(){return oe&&mt?oe:te}),[te,oe,mt]),vt=l((function(){J||(Ce&&(at.current&&at.current.focus(),at.current.value="",Je?it(""):dt()),ve(pt))}),[J,Ce,ve,pt,Je,it,dt]),ft=s((function(){return"number"==typeof we&&mt&&mt.length>we?b.error:de&&de.status||tt?b[tt?"error":de.status]:""}),[we,de,tt,mt]),Ct=te||oe,bt=ye||de&&de.text||tt,xt=oe===pt,yt=te===pt,Et=(ve!==g||je.primary||Qe)&&mt&&te.length&&yt,Tt=(oe||Ze)&&xt&&!!mt,Nt=He?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==at?void 0:at.current)&&Y){var e=requestAnimationFrame((function(){return at.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[at,Y]);var ht=ve!==g||Ce,gt=je.primary||Qe,It=je.secondary||Ze;return a.createElement("div",{className:o(F.textField,ue,t(t({},F.disabled,J),F.onlyUnderline,Xe)),role:Re,"aria-busy":Ke},a.createElement("div",{className:o(F.labelWrapper)},a.createElement(v,{labelText:ie,icon:be,labelFor:ne,required:_e}),a.createElement("div",{className:o(F.inputWrapper,x[se],ft)},a.createElement("input",{className:o(E,F.input,t(t({},F.inputHasIcon,!!Ct),F.readOnly,Z)),placeholder:D,autoComplete:A,value:mt,onChange:ut,disabled:J,readOnly:Z,ref:nt,type:Le,id:ne,"data-testid":Me||h(I.TEXT_FIELD,ne),name:Ye,onBlur:rt,onFocus:B,onKeyDown:K,onWheel:P,maxLength:"number"!=typeof we||He?void 0:we,role:Ne&&"combobox","aria-label":Ee||D,"aria-invalid":de&&"error"===de.status||tt,"aria-owns":Ne,"aria-activedescendant":ge,"aria-required":_e,"aria-describedby":Nt,required:_e,tabIndex:Ve}),Ke&&a.createElement("div",{className:o(F.loaderContainer,t({},F.loaderContainerHasIcon,Ct))},a.createElement("div",{className:o(F.loader)},a.createElement(u,{className:o(F.loaderSvg)}))),a.createElement(L,{content:yt?Qe:void 0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,Ct),F.iconContainerActive,yt),F.iconContainerClickable,ht)),onClick:vt,tabIndex:Et?"0":"-1",ariaLabel:gt},a.createElement(m,{icon:te,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"}))),a.createElement(L,{content:xt?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,Ct),F.iconContainerActive,xt),F.iconContainerClickable,ht)),onClick:vt,tabIndex:Tt?"0":"-1","data-testid":Pe||h(I.TEXT_FIELD_SECONDARY_BUTTON,ne),ariaLabel:It},a.createElement(m,{icon:oe,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"})))),bt&&a.createElement(p,{type:"text2",color:"secondary",className:o(F.subTextContainer)},de&&de.text&&a.createElement("span",{className:o(F.subTextContainerStatus)},tt?Be:de.text),ye&&a.createElement("span",{className:o(F.counter),"aria-label":y.CHAR},mt&&mt.length||0,"number"==typeof we&&"/".concat(we),a.createElement(k,{id:Nt,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{D as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as n,useState as r,useRef as i,useCallback as l,useMemo as s,useEffect as c}from"react";import d from"../../hooks/useDebounceEvent/index.js";import m from"../Icon/Icon.js";import u from"../Loader/Loader.js";import p from"../Text/Text.js";import v from"../FieldLabel/FieldLabel.js";import{TextFieldFeedbackState as f,TextFieldTextType as C,FEEDBACK_CLASSES as b,SIZE_MAPPER as x,TextFieldAriaLabel as y}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import T from"../../hooks/useMergeRef.js";import N from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as g}from"../../utils/function-utils.js";import{ComponentDefaultTestId as I}from"../../tests/constants.js";import{withStaticProps as j}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import F from"./TextField.module.scss.js";import L from"../Tooltip/Tooltip.js";import k from"../HiddenText/HiddenText.js";var w={primary:"",secondary:""},D=j(n((function(n,f){var C=n.className,E=void 0===C?"":C,j=n.placeholder,D=void 0===j?"":j,H=n.autoComplete,A=void 0===H?"off":H,S=n.value,q=n.onChange,R=void 0===q?g:q,W=n.onBlur,_=void 0===W?g:W,z=n.onFocus,B=void 0===z?g:z,O=n.onKeyDown,K=void 0===O?g:O,M=n.onWheel,P=void 0===M?g:M,V=n.debounceRate,U=void 0===V?0:V,X=n.autoFocus,Y=void 0!==X&&X,G=n.disabled,J=void 0!==G&&G,Q=n.readonly,Z=void 0!==Q&&Q,$=n.setRef,ee=void 0===$?g:$,te=n.iconName,oe=n.secondaryIconName,ae=n.id,ne=void 0===ae?"input":ae,re=n.title,ie=void 0===re?"":re,le=n.size,se=void 0===le?"small":le,ce=n.validation,de=void 0===ce?null:ce,me=n.wrapperClassName,ue=void 0===me?"":me,pe=n.onIconClick,ve=void 0===pe?g:pe,fe=n.clearOnIconClick,Ce=void 0!==fe&&fe,be=n.labelIconName,xe=n.showCharCount,ye=void 0!==xe&&xe,Ee=n.inputAriaLabel,Te=n.searchResultsContainerId,Ne=void 0===Te?"":Te,he=n.activeDescendant,ge=void 0===he?"":he,Ie=n.iconsNames,je=void 0===Ie?w:Ie,Fe=n.type,Le=void 0===Fe?"text":Fe,ke=n.maxLength,we=void 0===ke?null:ke,De=n.allowExceedingMaxLength,He=void 0!==De&&De,Ae=n.trim,Se=void 0!==Ae&&Ae,qe=n.role,Re=void 0===qe?"":qe,We=n.required,_e=void 0!==We&&We,ze=n.requiredErrorText,Be=void 0===ze?"":ze,Oe=n.loading,Ke=void 0!==Oe&&Oe,Me=n["data-testid"],Pe=n.secondaryDataTestId,Ve=n.tabIndex,Ue=n.underline,Xe=void 0!==Ue&&Ue,Ye=n.name,Ge=n.controlled,Je=void 0!==Ge&&Ge,Qe=n.iconTooltipContent,Ze=n.secondaryTooltipContent,$e=n.dir,et=r(!1),tt=e(et,2),ot=tt[0],at=tt[1],nt=i(null),rt=T(f,nt,ee),it=l((function(e){_e&&!e.target.value&&at(!0),_(e)}),[_,_e]),lt=l((function(e,t){ot&&e&&at(!1),R(e,t||{target:nt.current})}),[R,ot]),st=d({delay:U,onChange:lt,initialStateValue:S,trim:Se}),ct=st.inputValue,dt=st.onEventChanged,mt=st.clearValue,ut=s((function(){return Je?S:ct}),[Je,S,ct]),pt=l((function(e){Je?lt(e.target.value,e):dt(e)}),[Je,lt,dt]),vt=s((function(){return oe&&ut?oe:te}),[te,oe,ut]),ft=l((function(){J||(Ce&&(nt.current&&nt.current.focus(),nt.current.value="",Je?lt(""):mt()),ve(vt))}),[J,Ce,ve,vt,Je,lt,mt]),Ct=s((function(){return"number"==typeof we&&ut&&ut.length>we?b.error:de&&de.status||ot?b[ot?"error":de.status]:""}),[we,de,ot,ut]),bt=te||oe,xt=ye||de&&de.text||ot,yt=oe===vt,Et=te===vt,Tt=(ve!==g||je.primary||Qe)&&ut&&te.length&&Et,Nt=(oe||Ze)&&yt&&!!ut,ht=He?"".concat(ne,"-allow-exceeding-max-length-text"):void 0;c((function(){if((null==nt?void 0:nt.current)&&Y){var e=requestAnimationFrame((function(){return nt.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[nt,Y]);var gt=ve!==g||Ce,It=je.primary||Qe,jt=je.secondary||Ze;return a.createElement("div",{className:o(F.textField,ue,t(t({},F.disabled,J),F.onlyUnderline,Xe)),role:Re,"aria-busy":Ke},a.createElement("div",{className:o(F.labelWrapper)},a.createElement(v,{labelText:ie,icon:be,labelFor:ne,required:_e}),a.createElement("div",{className:o(F.inputWrapper,x[se],Ct)},a.createElement("input",{className:o(E,F.input,t(t({},F.inputHasIcon,!!bt),F.readOnly,Z)),placeholder:D,autoComplete:A,value:ut,onChange:pt,disabled:J,readOnly:Z,ref:rt,type:Le,id:ne,"data-testid":Me||h(I.TEXT_FIELD,ne),name:Ye,onBlur:it,onFocus:B,onKeyDown:K,onWheel:P,maxLength:"number"!=typeof we||He?void 0:we,role:Ne&&"combobox","aria-label":Ee||D,"aria-invalid":de&&"error"===de.status||ot,"aria-owns":Ne,"aria-activedescendant":ge,"aria-required":_e,"aria-describedby":ht,required:_e,tabIndex:Ve,dir:$e}),Ke&&a.createElement("div",{className:o(F.loaderContainer,t({},F.loaderContainerHasIcon,bt))},a.createElement("div",{className:o(F.loader)},a.createElement(u,{className:o(F.loaderSvg)}))),a.createElement(L,{content:Et?Qe:void 0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,bt),F.iconContainerActive,Et),F.iconContainerClickable,gt)),onClick:ft,tabIndex:Tt?"0":"-1",ariaLabel:It},a.createElement(m,{icon:te,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"}))),a.createElement(L,{content:yt?Ze:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:F.tooltipContainer},a.createElement(N,{className:o(F.iconContainer,t(t(t({},F.iconContainerHasIcon,bt),F.iconContainerActive,yt),F.iconContainerClickable,gt)),onClick:ft,tabIndex:Nt?"0":"-1","data-testid":Pe||h(I.TEXT_FIELD_SECONDARY_BUTTON,ne),ariaLabel:jt},a.createElement(m,{icon:oe,className:o(F.icon),iconType:"font",iconSize:"small"===se?"16px":"18px"})))),xt&&a.createElement(p,{type:"text2",color:"secondary",className:o(F.subTextContainer)},de&&de.text&&a.createElement("span",{className:o(F.subTextContainerStatus)},ot?Be:de.text),ye&&a.createElement("span",{className:o(F.counter),"aria-label":y.CHAR},ut&&ut.length||0,"number"==typeof we&&"/".concat(we),a.createElement(k,{id:ht,text:"Maximum of ".concat(we," characters")})))))})),{sizes:E,feedbacks:f,types:C});export{D as default};
 //# sourceMappingURL=TextField.js.map