npm - @vibe/core - Versions diffs - 3.0.0-rc.0 → 3.0.0 - Mend

@vibe/core 3.0.0-rc.0 → 3.0.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 (371) hide show

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

@@ -1,2 +1,2 @@
-var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-9e4623f942e8_3_0_0-beta_3";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)}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
+var e={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(e){const t="s_id-9e4623f942e8_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)}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=Steps.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const e="s_id-b004c6aa2b0d_3_0_0-beta_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
+var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){const o="s_id-b004c6aa2b0d_3_0_0-rc_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".command {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.command.backward {\n  flex-direction: row-reverse;\n}\n.icon {\n  color: var(--icon-color);\n  width: 15.5px;\n  height: 15.5px;\n}\n.icon.disabled {\n  color: var(--disabled-text-color);\n}\n.icon.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.icon.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}");export{n as default};
 //# sourceMappingURL=StepsCommand.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){const n="s_id-cedbbb07e913_3_0_0-beta_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
+var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){const n="s_id-cedbbb07e913_3_0_0-rc_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dot {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  width: 6px;\n  height: 6px;\n  cursor: pointer;\n  border-radius: 50%;\n  background: var(--ui-border-color);\n  transform-origin: center;\n  transform: scale(1);\n  transition: transform var(--motion-productive-long) var(--motion-timing-transition), background var(--motion-productive-long) var(--motion-timing-transition);\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:focus-visible, .dot.focus-visible {\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.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.dot:hover {\n  transform: scale(1.3);\n}\n.isActive {\n  background: var(--primary-color);\n  transform: scale(1.3);\n}\n.colorOnPrimaryColor.dot {\n  background: var(--primary-hover-color);\n}\n.colorOnPrimaryColor.dot:focus-visible, .colorOnPrimaryColor.dot.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.colorOnPrimaryColor.dot:focus:not(.focus-visible) {\n  outline: none;\n}\n.colorOnPrimaryColor.dot.isActive {\n  background: var(--text-color-on-primary);\n}\n.colorOnInvertedBackground.dot {\n  background: var(--placeholder-color);\n}\n.colorOnInvertedBackground.dot.isActive {\n  background: var(--text-color-on-inverted);\n}");export{o as default};
 //# sourceMappingURL=StepsDot.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){const a="s_id-62748f4c4e74_3_0_0-beta_3";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 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
+var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!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 {\n  margin: 0 var(--spacing-small);\n  display: flex;\n  align-items: center;\n}\n.galleryHeader .galleryHeaderDot {\n  margin-right: var(--spacing-small);\n}\n.galleryHeader .galleryHeaderDot:last-child {\n  margin-right: 0;\n}");export{e as default};
 //# sourceMappingURL=StepsGalleryHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){const t="s_id-918f12c2f9aa_3_0_0-beta_3";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 {\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"};!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 {\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/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){const t="s_id-126f9ab60838_3_0_0-beta_3";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 {\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"};!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 {\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/mocked_classnames/src/components/Switch/Switch.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){const t="s_id-ac5bc6964f98_3_0_0-beta_3";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 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  position: absolute;\n}");export{e as default};
+var e={"hidden-switch":"hidden-switch"};!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 {\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/mocked_classnames/src/components/Table/Table/Table.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-2b8bccf4a9c1_3_0_0-beta_3";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 {\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.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-2b8bccf4a9c1_3_0_0-rc_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 {\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.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\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/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody"};!function(e){const t="s_id-afed3a5f5737_3_0_0-beta_3";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 {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody"};!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 {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-25789b81dac4_3_0_0-beta_3";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 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\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",sticky:"sticky"};!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 {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\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/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-18cab9319884_3_0_0-beta_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!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 n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--spacing-large);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--spacing-xxxl);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n@supports (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: auto;\n    aspect-ratio: 1/1;\n  }\n}\n@supports not (aspect-ratio: 1/1) {\n  .tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n    width: 21px;\n  }\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-545d156e3798_3_0_0-beta_3";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 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\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",menuContainer:"menuContainer"};!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 {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\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/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-124a0873b12c_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\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 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader",virtualized:"virtualized"};!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 i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\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 > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell {\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:focus-visible, .tableHeaderCell.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-5b3eed132e11_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableHeaderCell {\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:focus-visible, .tableHeaderCell.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  left: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--spacing-medium);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--spacing-small);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_3_0_0-beta_3";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 {\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[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow"};!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 r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableRow {\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[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow: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/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-3e6ad01a6799_3_0_0-beta_3";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 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!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 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 {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--spacing-small);\n}\n.rowMenuContainer.small {\n  padding-block: var(--spacing-xs);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--spacing-small);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

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

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

package/dist/mocked_classnames/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, ~~UIEventHandler,~~ 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 ~~onAutoSizerScroll~~ = useCallback~~<UIEventHandler<HTMLDivElement>>~~(\n e => {\n resetHoveredRow();\n onVirtualizedListScroll(e);\n },\n [resetHoveredRow, onVirtualizedListScroll]\n );\n\n useEffect(() => {\n ~~markTableAsVirtualized~~();\n }, [~~markTableAsVirtualized~~]);\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 ~~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 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 ~~onScroll={onAutoSizerScroll}~~>\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","~~onAutoSizerScroll~~","useCallback","e","useEffect","itemRenderer","_a","index","_c","style","__rest","element","React","cloneElement","Object","assign","_b","props","key","~~handleVirtualizedVerticalScroll~~","~~_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","~~TableBody","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","length","~~createElement","~~AutoSizer","_ref3","List","itemSize","RowHeights","height","itemCount","width","outerRef"~~,"current"~~],"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,~~SAAAC~~,~~GACEJ~~,IACAF,~~EAAwBM~~,~~EAC1B~~,GACA,~~CAACJ~~,EAAiBF,~~IAGpBO~~,GAAU,~~WACRN~~,~~GACF~~,GAAG,CAACA,IAEJ,~~IAAMO~~,~~EAAeH~~,GACnB,~~SAACI~~,SAAEC,EAAKD,EAALC,MAAOC,EAAAF,EAAAG,MAA2BA,EAAKC,EAAAF,EAAzB,WAETG,~~EAAUvB~~,EADID,~~EAAMoB~~,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,~~CAACpB,EAAOC,IAGJ+B,EAAkCjB,GACtC,SAAAkB,GASE~~/B,~~SAAAA~~,~~EARe+B~~,~~EAAfC~~,~~gBACYD~~,~~EAAZE~~,~~aACwBF~~,~~EAAxBG~~,~~yBAOF~~,~~GACA~~,~~CAAClC~~,~~IAGH~~,~~OACEuB~~,~~gBAACY~~,~~EAAS,CACRjC,UAAWkC,~~EAAGC,EAAOC,~~UAAWpC~~,GAChCD,GAAIA,~~EAAE~~,~~cACOE~~,~~GAAcoC,~~EAAUC,EAAuBC,~~uBAAwBxC~~,GACpFJ,IAAKA,IAEJC,~~aAAA~~,~~EAAAA~~,~~EAAO4C~~,~~SACNnB~~,~~EAACoB~~,~~cAAAC~~,~~GAAU5C~~,~~SAAUY~~,~~IAClB~~,~~SAAAiC~~,~~GAAgB~~,~~OACftB~~,~~gBAACuB~~,~~EAAI,CACHC,~~SAAUC,~~EAAW1C~~,~~GACrB2C~~,OAHMJ,EAANI,OAIAC,~~UAAWpD~~,~~EAAM4C~~,~~OACjBS~~,MALaN,EAALM,~~MAMRnD~~,~~SAAU8B~~,~~EACVsB~~,SAAU,~~SAAA9B~~,~~GACRf~~,~~EAAmB8C~~,~~QAAU/B~~,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\";\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"}

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

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody"};!function(e){const t="s_id-0bce46f13bae_3_0_0-beta_3";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 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
+var e={tableBody:"tableBody"};!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 {\n  height: calc(100% - var(--table-row-size));\n}");export{e as default};
 //# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabWrapper:"tabWrapper",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-e9e07df0e1ab_3_0_0-beta_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.tabWrapper {\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: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 .tabInner {\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 .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\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.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
+var n={tabWrapper:"tabWrapper",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const r="s_id-e9e07df0e1ab_3_0_0-rc_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}('.tabWrapper {\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: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 .tabInner {\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 .tabInner:focus {\n  outline: none;\n}\n\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-right: var(--spacing-small);\n}\n\n.tabWrapper .tabInner .tabIcon.right {\n  margin-right: 0;\n  margin-left: var(--spacing-small);\n}\n\n.tabWrapper.tabFocusVisibleInset {\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.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.tabWrapper:not(.disabled) .tabInner: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/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){const e="s_id-10f1ea92a898_3_0_0-beta_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper .tabsList {\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 .tabsList.sm {\n  height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
+var t={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled"};!function(t){const e="s_id-10f1ea92a898_3_0_0-rc_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tabsWrapper .tabsList {\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 .tabsList.sm {\n  height: 32px;\n}\n\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}");export{t as default};
 //# sourceMappingURL=TabList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_3_0_0-beta_3";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 {\n  color: var(--primary-text-color);\n}");export{e as default};
+var e={tabPanelWrapper:"tabPanelWrapper"};!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 {\n  color: var(--primary-text-color);\n}");export{e as default};
 //# sourceMappingURL=TabPanel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_0_0-beta_3";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 .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
+var n={tabPanelsWrapper:"tabPanelsWrapper",tabPanel:"tabPanel",animationDirectionRtl:"animationDirectionRtl",animationDirectionLtr:"animationDirectionLtr",active:"active",panelSlideIn:"panelSlideIn"};!function(n){const e="s_id-078bacbdb1e4_3_0_0-rc_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 .tabPanel {\n  display: none;\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionRtl {\n  transform: translateX(8px);\n}\n\n.tabPanelsWrapper .tabPanel.animationDirectionLtr {\n  transform: translateX(-8px);\n}\n\n.tabPanelsWrapper .tabPanel.active {\n  display: block;\n  animation: panelSlideIn var(--motion-productive-long) forwards var(--motion-timing-enter);\n}\n\n@keyframes panelSlideIn {\n  100% {\n    transform: translateX(0%);\n  }\n}");export{n as default};
 //# sourceMappingURL=TabPanels.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",text:"text"};!function(t){const e="s_id-0b8dab5fe88c_3_0_0-beta_3";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 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",text:"text"};!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 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\np:first-of-type.text {\n  margin-block: 0;\n}\n\np.text + 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/mocked_classnames/src/components/TextArea/TextArea.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import t from"classnames";import{getTestId as l}from"../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../tests/constants.js";import d from"./TextArea.module.scss.js";import o from"../Text/Text.js";var m={small:3,large:4},c=a((function(a,c){var n=a.size,p=void 0===n?"small":n,u=a.rows,b=a.label,f=a.helpText,x=a.success,v=a.error,T=a.className,j=a["data-testid"],h=a.id,y=a.disabled,E=a.readOnly,N=a.required,z=a.resize,A=void 0===z||z,O=r(a,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","resize"]),_=u||m[p],q=f&&"".concat(h,"-help-text");return s.createElement("div",{className:t(d.textAreaWrapper,e(e(e(e({},d.error,v),d.success,x),d.disabled,y),d.readOnly,E),T),"data-testid":j||l(i.TEXT_AREA,h)},b&&s.createElement("label",{className:t(d.label,e({},d.required,N)),htmlFor:h},b),s.createElement("textarea",Object.assign({},O,{id:h,ref:c,disabled:y,readOnly:E,required:N,rows:_,className:t(d.textArea,[d[p]],e({},d.resize,A)),"aria-invalid":v,"aria-describedby":null!=q?q:void 0})),f&&s.createElement(o,{className:t(d.helpText),color:"inherit",id:q},f))}));export{c as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as a}from"../../../_virtual/_tslib.js";import r,{forwardRef as s,useMemo as l,useState as i,useCallback as n}from"react";import o from"classnames";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as d}from"../../tests/constants.js";import c from"./TextArea.module.scss.js";import u from"../Text/Text.js";import x from"../Flex/Flex.js";import p from"../HiddenText/HiddenText.js";var f={small:3,large:4},h=s((function(s,h){var g=s.size,b=void 0===g?"small":g,v=s.rows,T=s.label,E=s.helpText,j=s.success,y=s.error,w=s.className,C=s["data-testid"],N=s.id,A=s.disabled,z=s.readOnly,L=s.required,O=s.maxLength,_=s.allowExceedingMaxLength,q=s.onChange,F=s.value,H=s.resize,M=void 0===H||H,P=s.showCharCount,B=void 0!==P&&P,I=a(s,["size","rows","label","helpText","success","error","className","data-testid","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","resize","showCharCount"]),R=v||f[b],W=E&&"".concat(N,"-help-text"),X=_&&"".concat(N,"-allow-exceeding-max-length"),k=l((function(){return[W,X].filter((function(e){return!!e})).join(" ")||void 0}),[W,X]),D=i((null==F?void 0:F.length)||0),G=e(D,2),J=G[0],K=G[1],Q=y||"number"==typeof O&&J>O,S=n((function(e){K(e.target.value.length),null==q||q(e)}),[q]);return r.createElement("div",{className:o(c.textAreaWrapper,t(t(t(t({},c.error,Q),c.success,j),c.disabled,A),c.readOnly,z),w),"data-testid":C||m(d.TEXT_AREA,N)},T&&r.createElement("label",{className:o(c.label,t({},c.required,L)),htmlFor:N},T),r.createElement("textarea",Object.assign({},I,{id:N,maxLength:"number"!=typeof O||_?void 0:O,ref:h,value:F,disabled:A,readOnly:z,required:L,rows:R,className:o(c.textArea,[c[b]],t({},c.resize,M)),"aria-invalid":Q,"aria-describedby":k,onChange:S})),(B||E)&&r.createElement(x,{gap:"xs",justify:"space-between",className:o(c.subTextContainer)},E&&r.createElement(u,{className:o(c.helpText),color:"inherit",id:W},E),B&&r.createElement(r.Fragment,null,r.createElement(u,{className:c.limitText},J,"number"==typeof O&&"/".concat(O)),r.createElement(p,{id:X,text:"Maximum of ".concat(O," characters")}))))}));export{h as default};
 //# sourceMappingURL=TextArea.js.map

package/dist/mocked_classnames/src/components/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n resize = true,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: ~~error~~,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n ref={ref}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={~~error~~}\n aria-describedby={~~helpTextId ?? undefined~~}\n />\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","~~_a$~~size","size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","_a$resize","resize","rest","__rest","numRows","helpTextId","concat","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","~~undefined~~","Text","color"],"mappings":"~~kYAQA~~,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,~~EAgBAC~~,~~GAhBA~~,~~IAAAC,EAegBF,EAddG,~~KAAAA,OAAO,~~IAAHD~~,EAAG,QAAOA,~~EACdE~~,~~EAacJ~~,~~EAbdI,~~KACAC,~~EAYcL~~,~~EAZdK,~~MACAC,~~EAWcN~~,~~EAXdM,~~SACAC,~~EAUcP~~,~~EAVdO,~~QACAC,~~EAScR~~,~~EATdQ,~~MACAC,~~EAQcT~~,~~EARdS,~~UACeC,~~EAODV~~,~~EAPd~~,~~eACAW~~,~~EAMcX~~,~~EANdW~~,~~GACAC~~,~~EAKcZ~~,~~EALdY~~,SACAC,~~EAIcb~~,~~EAJda~~,~~SACAC~~,~~EAGcd~~,~~EAHdc~~,~~SAAQC~~,~~EAGMf~~,~~EAFdgB~~,OAAAA,OAAS,IAAHD,GAAOA,~~EACVE~~,~~EAAIC~~,~~EAAAlB~~,~~EAdT,+HAkBMmB~~,~~EAAUf~~,GAAQT,~~EAAaQ~~,GAC/~~BiB~~,~~EAAad~~,~~MAAQe~~,~~OAAOV~~,EAAc,~~cAEhD~~,~~OACEW~~,~~uBACEb~~,~~UAAWc~~,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,~~EAAOhB~~,~~MAAQA~~,~~GACfgB~~,~~EAAOjB~~,QAAUA,~~GACjBiB~~,~~EAAOZ~~,SAAWA,~~GAClBY~~,~~EAAOX~~,SAAWA,GAErBJ,GAEW,cAAAC,~~GAAciB~~,EAAUC,EAAuBC,~~UAAWlB~~,IAEtEN,~~GACCiB~~,EAAOQ,cAAA,QAAA,~~CAAArB~~,~~UAAWc~~,EAAGC,~~EAAOnB~~,~~MAAKqB~~,EAAA,CAAA,EAAKF,~~EAAOV~~,SAAWA,~~IAAaiB~~,~~QAASpB~~,GAC3EN,~~GAGLiB~~,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,~~EACMhB~~,~~EAAI~~,~~CACRN~~,GAAIA,~~EACJV~~,IAAKA,~~EACLW~~,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,~~KAAMe~~,~~EACNV~~,~~UAAWc~~,EAAGC,EAAOU,SAAU,CAACV,~~EAAOrB~~,~~IAAMuB~~,EAAKF,CAAAA,EAAAA,~~EAAOR~~,OAASA,IAAS,~~eAC7DR~~,EAAK,~~mBACDY~~,~~QAAAA~~,~~OAAce~~,~~KAEjC7B~~,~~GACCgB~~,EAAAQ,~~cAACM~~,EAAI,~~CAAC3B~~,~~UAAWc~~,EAAGC,~~EAAOlB~~,~~UAAW~~+B,~~MAAM~~,~~UAAU1B~~,~~GAAIS~~,~~GACvDd~~,~~GAKX~~"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TextArea.module.scss\";\nimport { TextAreaProps, TextAreaSize } from \"./TextArea.types\";\nimport Text from \"../Text/Text\";\nimport { Flex } from \"../Flex\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst DEFAULT_ROWS: Record<TextAreaSize, number> = {\n small: 3,\n large: 4\n};\n\nconst TextArea = forwardRef(\n (\n {\n size = \"small\",\n rows,\n label,\n helpText,\n success,\n error,\n className,\n \"data-testid\": dataTestId,\n id,\n disabled,\n readOnly,\n required,\n maxLength,\n allowExceedingMaxLength,\n onChange,\n value,\n resize = true,\n showCharCount = false,\n ...rest\n }: TextAreaProps,\n ref: React.ForwardedRef<HTMLTextAreaElement>\n ) => {\n const numRows = rows \|\| DEFAULT_ROWS[size];\n const helpTextId = helpText && `${id}-help-text`;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength && `${id}-allow-exceeding-max-length`;\n\n const ariaDescribedby = useMemo(\n () => [helpTextId, allowExceedingMaxLengthTextId].filter(id => !!id).join(\" \") \|\| undefined,\n [helpTextId, allowExceedingMaxLengthTextId]\n );\n\n const [characterCount, setCharacterCount] = useState(value?.length \|\| 0);\n const isErrorState = error \|\| (typeof maxLength === \"number\" && characterCount > maxLength);\n\n const handleOnChange = useCallback(\n (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n setCharacterCount(event.target.value.length);\n onChange?.(event);\n },\n [onChange]\n );\n\n return (\n <div\n className={cx(\n styles.textAreaWrapper,\n {\n [styles.error]: isErrorState,\n [styles.success]: success,\n [styles.disabled]: disabled,\n [styles.readOnly]: readOnly\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_AREA, id)}\n >\n {label && (\n <label className={cx(styles.label, { [styles.required]: required })} htmlFor={id}>\n {label}\n </label>\n )}\n <textarea\n {...rest}\n id={id}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n ref={ref}\n value={value}\n disabled={disabled}\n readOnly={readOnly}\n required={required}\n rows={numRows}\n className={cx(styles.textArea, [styles[size]], { [styles.resize]: resize })}\n aria-invalid={isErrorState}\n aria-describedby={ariaDescribedby}\n onChange={handleOnChange}\n />\n {(showCharCount \|\| helpText) && (\n <Flex gap=\"xs\" justify=\"space-between\" className={cx(styles.subTextContainer)}>\n {helpText && (\n <Text className={cx(styles.helpText)} color=\"inherit\" id={helpTextId}>\n {helpText}\n </Text>\n )}\n {showCharCount && (\n <>\n <Text className={styles.limitText}>\n {characterCount}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n </Text>\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </>\n )}\n </Flex>\n )}\n </div>\n );\n }\n);\n\nexport default TextArea;\n"],"names":["DEFAULT_ROWS","small","large","TextArea","forwardRef","_a","ref","size","_a$size","rows","label","helpText","success","error","className","dataTestId","id","disabled","readOnly","required","maxLength","allowExceedingMaxLength","onChange","value","_a$resize","resize","_a$showCharCount","showCharCount","rest","__rest","numRows","helpTextId","concat","allowExceedingMaxLengthTextId","ariaDescribedby","useMemo","filter","join","undefined","_useState","useState","length","_useState2","_slicedToArray","characterCount","setCharacterCount","isErrorState","handleOnChange","useCallback","event","target","React","cx","styles","textAreaWrapper","_defineProperty","getTestId","ComponentDefaultTestId","TEXT_AREA","createElement","htmlFor","Object","assign","textArea","Flex","gap","justify","subTextContainer","Text","color","Fragment","limitText","HiddenText","text"],"mappings":"2gBAUA,IAAMA,EAA6C,CACjDC,MAAO,EACPC,MAAO,GAGHC,EAAWC,GACf,SACEC,EAqBAC,WApBEC,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EACdC,IAAAA,KACAC,IAAAA,MACAC,IAAAA,SACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,UACeC,IAAf,eACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,SACAC,IAAAA,UACAC,IAAAA,wBACAC,IAAAA,SACAC,IAAAA,MAAKC,IACLC,OAAAA,OAAS,IAAHD,GAAOA,EAAAE,IACbC,cAAAA,OAAgB,IAAHD,GAAQA,EAClBE,EAnBLC,EAAAxB,EAAA,CAAA,OAAA,OAAA,QAAA,WAAA,UAAA,QAAA,YAAA,cAAA,KAAA,WAAA,WAAA,WAAA,YAAA,0BAAA,WAAA,QAAA,SAAA,kBAuBMyB,EAAUrB,GAAQT,EAAaO,GAC/BwB,EAAapB,MAAQqB,OAAOhB,EAAc,cAC1CiB,EAAgCZ,MAAuBW,OAAOhB,EAA+B,+BAE7FkB,EAAkBC,GACtB,WAAA,MAAM,CAACJ,EAAYE,GAA+BG,QAAO,SAAApB,GAAE,QAAMA,CAAE,IAAEqB,KAAK,WAAQC,CAAS,GAC3F,CAACP,EAAYE,IAGfM,EAA4CC,GAASjB,eAAAA,EAAOkB,SAAU,GAAEC,EAAAC,EAAAJ,EAAA,GAAjEK,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAClCI,EAAejC,GAA+B,iBAAdO,GAA0BwB,EAAiBxB,EAE3E2B,EAAiBC,GACrB,SAACC,GACCJ,EAAkBI,EAAMC,OAAO3B,MAAMkB,QACrCnB,SAAAA,EAAW2B,EACb,GACA,CAAC3B,IAGH,OACE6B,uBACErC,UAAWsC,EACTC,EAAOC,gBAAeC,EAAAA,EAAAA,EAAAA,KAEnBF,EAAOxC,MAAQiC,GACfO,EAAOzC,QAAUA,GACjByC,EAAOpC,SAAWA,GAClBoC,EAAOnC,SAAWA,GAErBJ,GAEW,cAAAC,GAAcyC,EAAUC,EAAuBC,UAAW1C,IAEtEN,GACCyC,EAAOQ,cAAA,QAAA,CAAA7C,UAAWsC,EAAGC,EAAO3C,MAAK6C,EAAA,CAAA,EAAKF,EAAOlC,SAAWA,IAAayC,QAAS5C,GAC3EN,GAGLyC,EAAAQ,cAAA,WAAAE,OAAAC,OAAA,CAAA,EACMlC,EACJ,CAAAZ,GAAIA,EACJI,UAAgC,iBAAdA,GAA2BC,OAAsCiB,EAAZlB,EACvEd,IAAKA,EACLiB,MAAOA,EACPN,SAAUA,EACVC,SAAUA,EACVC,SAAUA,EACVV,KAAMqB,EACNhB,UAAWsC,EAAGC,EAAOU,SAAU,CAACV,EAAO9C,IAAMgD,EAAKF,CAAAA,EAAAA,EAAO5B,OAASA,IAAS,eAC7DqB,EACI,mBAAAZ,EAClBZ,SAAUyB,MAEVpB,GAAiBhB,IACjBwC,EAACQ,cAAAK,EAAK,CAAAC,IAAI,KAAKC,QAAQ,gBAAgBpD,UAAWsC,EAAGC,EAAOc,mBACzDxD,GACCwC,EAAAQ,cAACS,EAAI,CAACtD,UAAWsC,EAAGC,EAAO1C,UAAW0D,MAAM,UAAUrD,GAAIe,GACvDpB,GAGJgB,GACCwB,EAAAQ,cAAAR,EAAAmB,SAAA,KACEnB,EAAAQ,cAACS,EAAK,CAAAtD,UAAWuC,EAAOkB,WACrB3B,EACqB,iBAAdxB,GAAsBY,IAAAA,OAAQZ,IAExC+B,EAAAQ,cAACa,EAAW,CAAAxD,GAAIiB,EAA+BwC,KAAI,cAAAzC,OAAgBZ,EAAS,mBAO1F"}

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

@@ -1,2 +1,2 @@
-var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",helpText:"helpText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-c3a555441acd_3_0_0-beta_3";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 {\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 .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .helpText {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .textArea {\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 .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea:hover {\n  background-color: var(--allgrey-background-color);\n  border-color: transparent;\n  resize: none;\n}');export{e as default};
+var e={textAreaWrapper:"textAreaWrapper",label:"label",required:"required",subTextContainer:"subTextContainer",helpText:"helpText",limitText:"limitText",textArea:"textArea",small:"small",large:"large",resize:"resize",success:"success",error:"error",disabled:"disabled",readOnly:"readOnly"};!function(e){const r="s_id-cf287aae5ade_3_0_0-rc_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}('.textAreaWrapper {\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 .label {\n  display: inline-flex;\n  gap: var(--spacing-xs);\n  color: var(--primary-text-color);\n}\n.textAreaWrapper .label.required::after {\n  content: "*";\n  color: var(--color-error);\n}\n.textAreaWrapper .subTextContainer {\n  color: var(--secondary-text-color);\n}\n.textAreaWrapper .subTextContainer .helpText {\n  display: flex;\n}\n.textAreaWrapper .subTextContainer .limitText {\n  margin-left: auto;\n}\n.textAreaWrapper .textArea {\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 .textArea:hover {\n  border-color: var(--primary-text-color);\n}\n.textAreaWrapper .textArea:active, .textAreaWrapper .textArea:focus, .textAreaWrapper .textArea:focus-within {\n  border-color: var(--primary-color);\n}\n.textAreaWrapper .textArea.small {\n  font: var(--font-text2-normal);\n}\n.textAreaWrapper .textArea.large {\n  font: var(--font-text1-normal);\n}\n.textAreaWrapper .textArea:not(.resize) {\n  resize: none;\n}\n.textAreaWrapper.success .textArea {\n  border-color: var(--color-success);\n}\n.textAreaWrapper.success .helpText {\n  color: var(--color-success);\n}\n.textAreaWrapper.error .textArea {\n  border-color: var(--color-error);\n}\n.textAreaWrapper.error .helpText,\n.textAreaWrapper.error .limitText {\n  color: var(--color-error);\n}\n.textAreaWrapper.disabled .textArea,\n.textAreaWrapper.disabled .textArea:hover {\n  color: var(--disabled-text-color);\n  background-color: var(--disabled-background-color);\n  border-color: var(--disabled-text-color);\n}\n.textAreaWrapper.disabled .helpText {\n  color: var(--disabled-text-color);\n}\n.textAreaWrapper.readOnly .textArea,\n.textAreaWrapper.readOnly .textArea: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/mocked_classnames/src/components/TextField/TextField.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t 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 y,TextFieldAriaLabel as x}from"./TextFieldConstants.js";import{BASE_SIZES as E}from"../../constants/sizes.js";import N from"../../hooks/useMergeRef.js";import T from"../Clickable/Clickable.js";import{getTestId as h}from"../../tests/testIds.js";import{NOOP as I}from"../../utils/function-utils.js";import{ComponentDefaultTestId as g}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 k from"../Tooltip/Tooltip.js";var L={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,A=n.autoComplete,S=void 0===A?"off":A,w=n.value,H=n.onChange,q=void 0===H?I:H,R=n.onBlur,W=void 0===R?I:R,_=n.onFocus,z=void 0===_?I:_,B=n.onKeyDown,O=void 0===B?I:B,K=n.onWheel,P=void 0===K?I:K,V=n.debounceRate,U=void 0===V?0:V,X=n.autoFocus,M=void 0!==X&&X,Y=n.disabled,G=void 0!==Y&&Y,J=n.readonly,Q=void 0!==J&&J,Z=n.setRef,$=void 0===Z?I:Z,ee=n.iconName,oe=n.secondaryIconName,te=n.id,ae=void 0===te?"input":te,ne=n.title,re=void 0===ne?"":ne,ie=n.size,le=void 0===ie?"small":ie,se=n.validation,ce=void 0===se?null:se,de=n.wrapperClassName,me=void 0===de?"":de,ue=n.onIconClick,pe=void 0===ue?I:ue,ve=n.clearOnIconClick,fe=void 0!==ve&&ve,Ce=n.labelIconName,be=n.showCharCount,ye=void 0!==be&&be,xe=n.inputAriaLabel,Ee=n.searchResultsContainerId,Ne=void 0===Ee?"":Ee,Te=n.activeDescendant,he=void 0===Te?"":Te,Ie=n.iconsNames,ge=void 0===Ie?L:Ie,je=n.type,Fe=void 0===je?"text":je,ke=n.maxLength,Le=void 0===ke?null:ke,De=n.trim,Ae=void 0!==De&&De,Se=n.role,we=void 0===Se?"":Se,He=n.required,qe=void 0!==He&&He,Re=n.requiredErrorText,We=void 0===Re?"":Re,_e=n.loading,ze=void 0!==_e&&_e,Be=n["data-testid"],Oe=n.secondaryDataTestId,Ke=n.tabIndex,Pe=n.underline,Ve=void 0!==Pe&&Pe,Ue=n.name,Xe=n.controlled,Me=void 0!==Xe&&Xe,Ye=n.iconTooltipContent,Ge=n.secondaryTooltipContent,Je=r(!1),Qe=e(Je,2),Ze=Qe[0],$e=Qe[1],eo=i(null),oo=N(f,eo,$),to=l((function(e){qe&&!e.target.value&&$e(!0),W(e)}),[W,qe]),ao=l((function(e,o){Ze&&e&&$e(!1),q(e,o||{target:eo.current})}),[q,Ze]),no=d({delay:U,onChange:ao,initialStateValue:w,trim:Ae}),ro=no.inputValue,io=no.onEventChanged,lo=no.clearValue,so=s((function(){return Me?w:ro}),[Me,w,ro]),co=l((function(e){Me?ao(e.target.value,e):io(e)}),[Me,ao,io]),mo=s((function(){return oe&&so?oe:ee}),[ee,oe,so]),uo=l((function(){G||(fe&&(eo.current&&eo.current.focus(),eo.current.value="",Me?ao(""):lo()),pe(mo))}),[G,fe,pe,mo,Me,ao,lo]),po=s((function(){return ce&&ce.status||Ze?b[Ze?"error":ce.status]:""}),[ce,Ze]),vo=ee||oe,fo=ye||ce&&ce.text||Ze,Co=oe===mo,bo=ee===mo,yo=(pe!==I||ge.primary||Ye)&&so&&ee.length&&bo,xo=(oe||Ge)&&Co&&!!so;c((function(){if((null==eo?void 0:eo.current)&&M){var e=requestAnimationFrame((function(){return eo.current.focus()}));return function(){return cancelAnimationFrame(e)}}}),[eo,M]);var Eo=pe!==I||fe,No=ge.primary||Ye,To=ge.secondary||Ge;return a.createElement("div",{className:t(F.textField,me,o(o({},F.disabled,G),F.onlyUnderline,Ve)),role:we,"aria-busy":ze},a.createElement("div",{className:t(F.labelWrapper)},a.createElement(v,{labelText:re,icon:Ce,labelFor:ae,required:qe}),a.createElement("div",{className:t(F.inputWrapper,y[le],po)},a.createElement("input",{className:t(E,F.input,o(o({},F.inputHasIcon,!!vo),F.readOnly,Q)),placeholder:D,autoComplete:S,value:so,onChange:co,disabled:G,readOnly:Q,ref:oo,type:Fe,id:ae,"data-testid":Be||h(g.TEXT_FIELD,ae),name:Ue,onBlur:to,onFocus:z,onKeyDown:O,onWheel:P,maxLength:Le,role:Ne&&"combobox","aria-label":xe||D,"aria-invalid":ce&&"error"===ce.status||Ze,"aria-owns":Ne,"aria-activedescendant":he,"aria-required":qe,required:qe,tabIndex:Ke}),ze&&a.createElement("div",{className:t(F.loaderContainer,o({},F.loaderContainerHasIcon,vo))},a.createElement("div",{className:t(F.loader)},a.createElement(u,{className:t(F.loaderSvg)}))),a.createElement(k,{content:bo?Ye:void 0,referenceWrapperClassName:F.tooltipContainer},a.createElement(T,{className:t(F.iconContainer,o(o(o({},F.iconContainerHasIcon,vo),F.iconContainerActive,bo),F.iconContainerClickable,Eo)),onClick:uo,tabIndex:yo?"0":"-1",ariaLabel:No},a.createElement(m,{icon:ee,className:t(F.icon),iconType:"font",iconSize:"small"===le?"16px":"18px"}))),a.createElement(k,{content:Co?Ge:void 0,addKeyboardHideShowTriggersByDefault:!0,referenceWrapperClassName:F.tooltipContainer},a.createElement(T,{className:t(F.iconContainer,o(o(o({},F.iconContainerHasIcon,vo),F.iconContainerActive,Co),F.iconContainerClickable,Eo)),onClick:uo,tabIndex:xo?"0":"-1","data-testid":Oe||h(g.TEXT_FIELD_SECONDARY_BUTTON,ae),ariaLabel:To},a.createElement(m,{icon:oe,className:t(F.icon),iconType:"font",iconSize:"small"===le?"16px":"18px"})))),fo&&a.createElement(p,{type:"text2",color:"secondary",className:t(F.subTextContainer)},ce&&ce.text&&a.createElement("span",{className:t(F.subTextContainerStatus)},Ze?We:ce.text),ye&&a.createElement("span",{className:t(F.counter),"aria-label":x.CHAR},so&&so.length||0))))})),{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=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};
 //# sourceMappingURL=TextField.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.js","sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [validation, isRequiredAndEmpty]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={maxLength}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","status","FEEDBACK_CLASSES","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","length","shouldFocusOnSecondaryIcon","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","undefined","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}
1	+ {"version":3,"file":"TextField.js","sources":["../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n ChangeEvent,\n ChangeEventHandler,\n forwardRef,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState\n} from \"react\";\nimport useDebounceEvent from \"../../hooks/useDebounceEvent\";\nimport Icon from \"../Icon/Icon\";\nimport Loader from \"../Loader/Loader\";\nimport Text from \"../Text/Text\";\nimport FieldLabel from \"../FieldLabel/FieldLabel\";\nimport {\n FEEDBACK_CLASSES,\n SIZE_MAPPER,\n TextFieldAriaLabel,\n TextFieldFeedbackState as TextFieldFeedbackStateEnum,\n TextFieldTextType as TextFieldTextTypeEnum\n} from \"./TextFieldConstants\";\nimport { TextFieldType, TextFieldSize } from \"./TextField.types\";\nimport { BASE_SIZES } from \"../../constants/sizes\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { VibeComponentProps, VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./TextField.module.scss\";\nimport { Tooltip } from \"../Tooltip\";\nimport { HiddenText } from \"../HiddenText\";\n\nconst EMPTY_OBJECT = { primary: \"\", secondary: \"\" };\n\nexport interface TextFieldProps extends VibeComponentProps {\n placeholder?: string;\n /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete for all of the available options /\n autoComplete?: string;\n value?: string;\n onChange?: (\n value: string,\n event: React.ChangeEvent<HTMLInputElement> \| Pick<React.ChangeEvent<HTMLInputElement>, \"target\">\n ) => void;\n onBlur?: (event: React.FocusEvent) => void;\n onFocus?: (event: React.FocusEvent) => void;\n onKeyDown?: (event: React.KeyboardEvent) => void;\n onWheel?: (event: React.WheelEvent) => void;\n debounceRate?: number;\n autoFocus?: boolean;\n disabled?: boolean;\n readonly?: boolean;\n setRef?: (node: HTMLElement) => void;\n iconName?: string \| React.FunctionComponent \| null;\n secondaryIconName?: string \| React.FunctionComponent \| null;\n title?: string;\n /* SIZES is exposed on the component itself /\n size?: TextFieldSize;\n /* Don't provide status for plain assistant text /\n validation?: { status?: \"error\" \| \"success\"; text?: string }; // TODO make common validation class?\n wrapperClassName?: string;\n onIconClick?: (icon: string \| React.FunctionComponent \| null) => void;\n clearOnIconClick?: boolean;\n labelIconName?: string \| React.FunctionComponent \| null;\n showCharCount?: boolean;\n inputAriaLabel?: string;\n searchResultsContainerId?: string;\n activeDescendant?: string;\n /* Icon names labels for a11y /\n iconsNames?: {\n primary: string;\n secondary: string;\n };\n /* TEXT_TYPES is exposed on the component itself /\n type?: TextFieldType;\n maxLength?: number;\n allowExceedingMaxLength?: boolean;\n trim?: boolean;\n /* ARIA role for container landmark /\n role?: string;\n /* adds required to the input element /\n required?: boolean;\n requiredErrorText?: string;\n /* shows loading animation /\n loading?: boolean;\n secondaryDataTestId?: string;\n tabIndex?: number;\n name?: string;\n underline?: boolean;\n /\n When true, component is controlled by an external state\n /\n controlled?: boolean;\n iconTooltipContent?: string;\n secondaryTooltipContent?: string;\n}\n\nconst TextField: VibeComponent<TextFieldProps, unknown> & {\n sizes?: typeof BASE_SIZES;\n types?: typeof TextFieldTextTypeEnum;\n feedbacks?: typeof TextFieldFeedbackStateEnum;\n} = forwardRef(\n (\n {\n className = \"\",\n placeholder = \"\",\n autoComplete = \"off\",\n value,\n onChange = NOOP,\n onBlur = NOOP,\n onFocus = NOOP,\n onKeyDown = NOOP,\n onWheel = NOOP,\n debounceRate = 0,\n autoFocus = false,\n disabled = false,\n readonly = false,\n setRef = NOOP,\n iconName,\n secondaryIconName,\n id = \"input\",\n title = \"\",\n size = \"small\",\n validation = null,\n wrapperClassName = \"\",\n onIconClick = NOOP,\n clearOnIconClick = false,\n labelIconName,\n showCharCount = false,\n inputAriaLabel,\n searchResultsContainerId = \"\",\n activeDescendant = \"\",\n iconsNames = EMPTY_OBJECT,\n type = \"text\",\n maxLength = null,\n allowExceedingMaxLength = false,\n trim = false,\n role = \"\",\n required = false,\n requiredErrorText = \"\",\n loading = false,\n \"data-testid\": dataTestId,\n secondaryDataTestId,\n tabIndex,\n underline = false,\n name,\n controlled = false,\n iconTooltipContent,\n secondaryTooltipContent\n }: TextFieldProps,\n ref\n ) => {\n const [isRequiredAndEmpty, setIsRequiredAndEmpty] = useState(false);\n\n const inputRef = useRef(null);\n const mergedRef = useMergeRef(ref, inputRef, setRef);\n\n const onBlurCallback = useCallback(\n (e: React.FocusEvent<HTMLInputElement>) => {\n if (required && !e.target.value) {\n setIsRequiredAndEmpty(true);\n }\n onBlur(e);\n },\n [onBlur, required]\n );\n\n const onChangeCallback = useCallback(\n (value: string, e?: React.ChangeEvent<HTMLInputElement>) => {\n if (isRequiredAndEmpty && value) {\n setIsRequiredAndEmpty(false);\n }\n const event = e \|\| { target: inputRef.current };\n onChange(value, event);\n },\n [onChange, isRequiredAndEmpty]\n );\n\n const {\n inputValue: uncontrolledInput,\n onEventChanged,\n clearValue\n } = useDebounceEvent({\n delay: debounceRate,\n onChange: onChangeCallback,\n initialStateValue: value,\n trim\n });\n\n const inputValue = useMemo(() => {\n return controlled ? value : uncontrolledInput;\n }, [controlled, value, uncontrolledInput]);\n\n const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n event => {\n controlled ? onChangeCallback(event.target.value, event) : onEventChanged(event);\n },\n [controlled, onChangeCallback, onEventChanged]\n );\n\n const currentStateIconName = useMemo(() => {\n if (secondaryIconName) {\n return inputValue ? secondaryIconName : iconName;\n }\n return iconName;\n }, [iconName, secondaryIconName, inputValue]);\n\n const onIconClickCallback = useCallback(() => {\n if (disabled) {\n return;\n }\n\n if (clearOnIconClick) {\n if (inputRef.current) {\n inputRef.current.focus();\n }\n // Do it cause otherwise the value is not cleared in target object\n inputRef.current.value = \"\";\n controlled ? onChangeCallback(\"\") : clearValue();\n }\n onIconClick(currentStateIconName);\n }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);\n\n const validationClass = useMemo(() => {\n if (typeof maxLength === \"number\" && inputValue && inputValue.length > maxLength) {\n return FEEDBACK_CLASSES.error;\n }\n\n if ((!validation \|\| !validation.status) && !isRequiredAndEmpty) {\n return \"\";\n }\n const status = isRequiredAndEmpty ? \"error\" : validation.status;\n return FEEDBACK_CLASSES[status];\n }, [maxLength, validation, isRequiredAndEmpty, inputValue]);\n\n const hasIcon = iconName \|\| secondaryIconName;\n const shouldShowExtraText = showCharCount \|\| (validation && validation.text) \|\| isRequiredAndEmpty;\n const isSecondary = secondaryIconName === currentStateIconName;\n const isPrimary = iconName === currentStateIconName;\n const shouldFocusOnPrimaryIcon =\n (onIconClick !== NOOP \|\| iconsNames.primary \|\| iconTooltipContent) && inputValue && iconName.length && isPrimary;\n const shouldFocusOnSecondaryIcon = (secondaryIconName \|\| secondaryTooltipContent) && isSecondary && !!inputValue;\n const allowExceedingMaxLengthTextId = allowExceedingMaxLength ? `${id}-allow-exceeding-max-length-text` : undefined;\n\n useEffect(() => {\n if (!inputRef?.current \|\| !autoFocus) {\n return;\n }\n\n const animationFrame = requestAnimationFrame(() => inputRef.current.focus());\n return () => cancelAnimationFrame(animationFrame);\n }, [inputRef, autoFocus]);\n\n const isIconContainerClickable = onIconClick !== NOOP \|\| clearOnIconClick;\n\n const primaryIconLabel = iconsNames.primary \|\| iconTooltipContent;\n const secondaryIconLabel = iconsNames.secondary \|\| secondaryTooltipContent;\n\n return (\n <div\n className={cx(styles.textField, wrapperClassName, {\n [styles.disabled]: disabled,\n [styles.onlyUnderline]: underline\n })}\n role={role}\n aria-busy={loading}\n >\n <div className={cx(styles.labelWrapper)}>\n <FieldLabel labelText={title} icon={labelIconName} labelFor={id} required={required} />\n <div className={cx(styles.inputWrapper, SIZE_MAPPER[size], validationClass)}>\n {/Programatical input (tabIndex={-1}) is working fine with aria-activedescendant attribute despite the rule/}\n {/eslint-disable-next-line jsx-a11y/aria-activedescendant-has-tabindex*/}\n <input\n className={cx(className, styles.input, {\n [styles.inputHasIcon]: !!hasIcon,\n [styles.readOnly]: readonly\n })}\n placeholder={placeholder}\n autoComplete={autoComplete}\n value={inputValue}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readonly}\n ref={mergedRef}\n type={type}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD, id)}\n name={name}\n onBlur={onBlurCallback}\n onFocus={onFocus}\n onKeyDown={onKeyDown}\n onWheel={onWheel}\n maxLength={typeof maxLength === \"number\" && !allowExceedingMaxLength ? maxLength : undefined}\n role={searchResultsContainerId && \"combobox\"} // For voice reader\n aria-label={inputAriaLabel \|\| placeholder}\n aria-invalid={(validation && validation.status === \"error\") \|\| isRequiredAndEmpty}\n aria-owns={searchResultsContainerId}\n aria-activedescendant={activeDescendant}\n aria-required={required}\n aria-describedby={allowExceedingMaxLengthTextId}\n required={required}\n tabIndex={tabIndex}\n />\n {loading && (\n <div\n className={cx(styles.loaderContainer, {\n [styles.loaderContainerHasIcon]: hasIcon\n })}\n >\n <div className={cx(styles.loader)}>\n <Loader className={cx(styles.loaderSvg)} />\n </div>\n </div>\n )}\n <Tooltip\n content={isPrimary ? iconTooltipContent : undefined}\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isPrimary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnPrimaryIcon ? \"0\" : \"-1\"}\n ariaLabel={primaryIconLabel}\n >\n <Icon\n icon={iconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n <Tooltip\n content={isSecondary ? secondaryTooltipContent : undefined}\n addKeyboardHideShowTriggersByDefault\n referenceWrapperClassName={styles.tooltipContainer}\n >\n <Clickable\n className={cx(styles.iconContainer, {\n [styles.iconContainerHasIcon]: hasIcon,\n [styles.iconContainerActive]: isSecondary,\n [styles.iconContainerClickable]: isIconContainerClickable\n })}\n onClick={onIconClickCallback}\n tabIndex={shouldFocusOnSecondaryIcon ? \"0\" : \"-1\"}\n data-testid={secondaryDataTestId \|\| getTestId(ComponentDefaultTestId.TEXT_FIELD_SECONDARY_BUTTON, id)}\n ariaLabel={secondaryIconLabel}\n >\n <Icon\n icon={secondaryIconName}\n className={cx(styles.icon)}\n iconType=\"font\"\n iconSize={size === \"small\" ? \"16px\" : \"18px\"}\n />\n </Clickable>\n </Tooltip>\n </div>\n {shouldShowExtraText && (\n <Text type=\"text2\" color=\"secondary\" className={cx(styles.subTextContainer)}>\n {validation && validation.text && (\n <span className={cx(styles.subTextContainerStatus)}>\n {isRequiredAndEmpty ? requiredErrorText : validation.text}\n </span>\n )}\n {showCharCount && (\n <span className={cx(styles.counter)} aria-label={TextFieldAriaLabel.CHAR}>\n {(inputValue && inputValue.length) \|\| 0}\n {typeof maxLength === \"number\" && `/${maxLength}`}\n <HiddenText id={allowExceedingMaxLengthTextId} text={`Maximum of ${maxLength} characters`} />\n </span>\n )}\n </Text>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default withStaticProps(TextField, {\n sizes: BASE_SIZES,\n feedbacks: TextFieldFeedbackStateEnum,\n types: TextFieldTextTypeEnum\n});\n"],"names":["EMPTY_OBJECT","primary","secondary","withStaticProps","forwardRef","_ref","ref","_ref$className","className","_ref$placeholder","placeholder","_ref$autoComplete","autoComplete","value","_ref$onChange","onChange","NOOP","_ref$onBlur","onBlur","_ref$onFocus","onFocus","_ref$onKeyDown","onKeyDown","_ref$onWheel","onWheel","_ref$debounceRate","debounceRate","_ref$autoFocus","autoFocus","_ref$disabled","disabled","_ref$readonly","readonly","_ref$setRef","setRef","iconName","secondaryIconName","_ref$id","id","_ref$title","title","_ref$size","size","_ref$validation","validation","_ref$wrapperClassName","wrapperClassName","_ref$onIconClick","onIconClick","_ref$clearOnIconClick","clearOnIconClick","labelIconName","_ref$showCharCount","showCharCount","inputAriaLabel","_ref$searchResultsCon","searchResultsContainerId","_ref$activeDescendant","activeDescendant","_ref$iconsNames","iconsNames","_ref$type","type","_ref$maxLength","maxLength","_ref$allowExceedingMa","allowExceedingMaxLength","_ref$trim","trim","_ref$role","role","_ref$required","required","_ref$requiredErrorTex","requiredErrorText","_ref$loading","loading","dataTestId","secondaryDataTestId","tabIndex","_ref$underline","underline","name","_ref$controlled","controlled","iconTooltipContent","secondaryTooltipContent","_useState","useState","_useState2","_slicedToArray","isRequiredAndEmpty","setIsRequiredAndEmpty","inputRef","useRef","mergedRef","useMergeRef","onBlurCallback","useCallback","e","target","onChangeCallback","current","_useDebounceEvent","useDebounceEvent","delay","initialStateValue","uncontrolledInput","inputValue","onEventChanged","clearValue","useMemo","handleChange","event","currentStateIconName","onIconClickCallback","focus","validationClass","length","FEEDBACK_CLASSES","error","status","hasIcon","shouldShowExtraText","text","isSecondary","isPrimary","shouldFocusOnPrimaryIcon","shouldFocusOnSecondaryIcon","allowExceedingMaxLengthTextId","concat","undefined","useEffect","animationFrame","requestAnimationFrame","cancelAnimationFrame","isIconContainerClickable","primaryIconLabel","secondaryIconLabel","React","createElement","cx","styles","textField","_defineProperty","onlyUnderline","labelWrapper","FieldLabel","labelText","icon","labelFor","inputWrapper","SIZE_MAPPER","input","inputHasIcon","readOnly","getTestId","ComponentDefaultTestId","TEXT_FIELD","loaderContainer","loaderContainerHasIcon","loader","Loader","loaderSvg","Tooltip","content","referenceWrapperClassName","tooltipContainer","Clickable","iconContainer","iconContainerHasIcon","iconContainerActive","iconContainerClickable","onClick","ariaLabel","Icon","iconType","iconSize","addKeyboardHideShowTriggersByDefault","TEXT_FIELD_SECONDARY_BUTTON","Text","color","subTextContainer","subTextContainerStatus","counter","TextFieldAriaLabel","CHAR","HiddenText","sizes","BASE_SIZES","feedbacks","TextFieldFeedbackStateEnum","types","TextFieldTextTypeEnum"],"mappings":"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"}