@heliux-org/design-system-core 0.0.155 → 0.0.156

package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js

@@ -1,2 +1,2 @@
-var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_154";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track",positive:"positive",negative:"negative"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-f269843990a8_0_0_155";if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}(".track {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--surface-selected);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive {\n  background-color: var(--positive-color-selected);\n}\n\n.negative {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js

@@ -1,2 +1,2 @@
-var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_154";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix",txt:"txt",prefix:"prefix",postfix:"postfix"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fd2a8cee614_0_0_155";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))}(".infix {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt {\n  white-space: nowrap;\n}\n\n.prefix {\n  margin-right: var(--spacing-small);\n}\n\n.postfix {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_154";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
+var n={button:"button",mainButton:"mainButton",secondaryButton:"secondaryButton",secondaryButtonWrapper:"secondaryButtonWrapper",secondaryButtonIconWrapper:"secondaryButtonIconWrapper",active:"active",disabled:"disabled",kindTertiary:"kindTertiary",colorPrimary:"colorPrimary",mainActive:"mainActive",splitContentOpen:"splitContentOpen",hovered:"hovered",colorBrand:"colorBrand",colorPositive:"colorPositive",colorNegative:"colorNegative",kindPrimary:"kindPrimary",colorOnPrimaryColor:"colorOnPrimaryColor",kindSecondary:"kindSecondary"};!function(n){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],o="s_id-8e6cd5ac8255_0_0_155";if(r.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(n))}(".button {\n  display: inline-flex;\n  border-radius: var(--border-radius-medium);\n  transition: all var(--motion-productive-medium) ease 0ms;\n}\n\n.button .mainButton {\n  margin-right: 0;\n}\n\n.button .secondaryButton {\n  margin-left: 0;\n}\n\n.secondaryButtonWrapper .secondaryButtonIconWrapper {\n  display: inline-flex;\n  padding: 0 4px;\n}\n\n.active {\n  transform: scale(0.95);\n}\n\n.disabled {\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.kindTertiary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n}\n\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorPrimary.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n}\n\n.kindTertiary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.splitContentOpen.splitContentOpen .secondaryButton:hover,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton,\n.kindTertiary.colorBrand.mainActive.hovered.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .secondaryButton,\n.kindTertiary.colorPositive:hover .secondaryButton,\n.kindTertiary.colorPositive:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorPositive.splitContentOpen .mainButton,\n.kindTertiary.colorPositive:hover .mainButton,\n.kindTertiary.colorPositive:focus .mainButton {\n  background-color: var(--positive-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .secondaryButton,\n.kindTertiary.colorNegative:hover .secondaryButton,\n.kindTertiary.colorNegative:focus .secondaryButton {\n  border-color: transparent;\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary.colorNegative.splitContentOpen .mainButton,\n.kindTertiary.colorNegative:hover .mainButton,\n.kindTertiary.colorNegative:focus .mainButton {\n  background-color: var(--negative-color-selected);\n}\n\n.kindTertiary .secondaryButton {\n  border-left: 1px solid transparent;\n  margin-left: 1px;\n}\n\n.kindPrimary.disabled .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--divider-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary.mainActive .secondaryButton {\n  background-color: var(--primary-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorPrimary .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--primary-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-hover-color);\n  border-color: var(--text-color-on-primary);\n}\n\n.kindPrimary:not(.disabled).colorBrand .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--brand-hover-color);\n}\n\n.kindPrimary:not(.disabled).colorPositive .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--positive-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorNegative .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--negative-color-hover);\n}\n\n.kindPrimary:not(.disabled).colorOnPrimaryColor .secondaryButton {\n  border-left: 1px solid;\n  border-color: var(--color-ui_grey);\n}\n\n.kindSecondary .mainButton {\n  border-right: none;\n}\n\n.kindSecondary.colorPrimary.mainActive .mainButton {\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorPrimary.mainActive .secondaryButton {\n  background-color: var(--surface-selected);\n  border-color: var(--primary-color);\n}\n\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton,\n.kindSecondary.colorPrimary.splitContentOpen .secondaryButton:hover {\n  color: var(--primary-color);\n  border-color: var(--primary-color);\n  background-color: var(--surface-selected);\n}\n\n.kindSecondary.colorBrand.mainActive .mainButton {\n  background-color: var(--brand-selected-color);\n}\n\n.kindSecondary.colorBrand.mainActive .secondaryButton {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton,\n.kindSecondary.colorBrand.splitContentOpen .secondaryButton:hover {\n  color: var(--brand-color);\n  border-color: var(--brand-color);\n  background-color: var(--brand-selected-color);\n}");export{n as default};
 //# sourceMappingURL=SplitButton.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js

@@ -1,2 +1,2 @@
-var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_154";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
+var t={steps:"steps",contentOnTop:"contentOnTop",contentOnBottom:"contentOnBottom"};!function(t){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-9e4623f942e8_0_0_155";if(e.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(t))}(".steps .contentOnTop {\n  margin-top: var(--spacing-medium);\n}\n.steps .contentOnBottom {\n  margin-bottom: var(--spacing-small);\n}");export{t as default};
 //# sourceMappingURL=Steps.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js

@@ -1,2 +1,2 @@
-var n={command:"command",backward:"backward",icon:"icon",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(n){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_154";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))}(".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){if("undefined"==typeof document)return;const o=document.head||document.getElementsByTagName("head")[0],e="s_id-bbdf617a3c1e_0_0_155";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))}(".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_esm/src/components/Steps/StepsDot.module.scss.js

@@ -1,2 +1,2 @@
-var o={dot:"dot","focus-visible":"focus-visible",isActive:"isActive",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnInvertedBackground:"colorOnInvertedBackground"};!function(o){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_154";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(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){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-fa7ef6a46b42_0_0_155";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(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_esm/src/components/Steps/StepsGalleryHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={galleryHeader:"galleryHeader",galleryHeaderDot:"galleryHeaderDot"};!function(e){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_154";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(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){if("undefined"==typeof document)return;const a=document.head||document.getElementsByTagName("head")[0],r="s_id-62748f4c4e74_0_0_155";if(a.querySelector("#"+r))return;const l=document.createElement("style");l.id=r,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(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_esm/src/components/Steps/StepsHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={header:"header"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_154";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(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){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-918f12c2f9aa_0_0_155";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(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_esm/src/components/Steps/StepsNumbersHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={numbers:"numbers"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_154";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))}(".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){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-126f9ab60838_0_0_155";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))}(".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_esm/src/components/Switch/Switch.module.scss.js

@@ -1,2 +1,2 @@
-var e={"hidden-switch":"hidden-switch"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_154";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".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){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-aa3ebc66fa48_0_0_155";if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}(".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_esm/src/components/Table/Table.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import*as n from"react";import{createElement as i}from"react";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import a from"classnames";import"./table.scss.js";import{useTable as c,useFlexLayout as u,useFilters as d,useGlobalFilter as m,useSortBy as p,useExpanded as f,usePagination as g,useRowSelect as b,useColumnOrder as h,actions as v}from"react-table";import"./new/utils/functions/colors.js";import"./new/utils/functions/polymorphic.js";import{createWarningLogger as R}from"./new/utils/functions/dev.js";import{useResizeObserver as w}from"./new/utils/hooks/useResizeObserver.js";import{useLayoutEffect as j}from"./new/utils/hooks/useIsomorphicLayoutEffect.js";import{useGlobals as y}from"./new/utils/hooks/useGlobals.js";import"./new/utils/hooks/useId.js";import"./new/utils/color/ColorValue.js";import{ShadowRoot as S}from"./new/utils/components/ShadowRoot.js";import{Box as k}from"./new/utils/components/Box.js";import{getCellStyle as C,getStickyStyle as I}from"./utils.js";import{TableRowMemoized as z}from"./TableRowMemoized.js";import"./styling/column-filter.scss.js";import"./new/utils/components/ButtonBase.js";import{FilterToggle as O}from"./filters/FilterToggle.js";import{customFilterFunctions as T}from"./filters/customFilterFunctions.js";import{useExpanderCell as P}from"./hooks/useExpanderCell.js";import{useSelectionCell as x}from"./hooks/useSelectionCell.js";import{useSubRowFiltering as E}from"./hooks/useSubRowFiltering.js";import{useSubRowSelection as N}from"./hooks/useSubRowSelection.js";import{useResizeColumns as L}from"./hooks/useResizeColumns.js";import{useColumnDragAndDrop as M}from"./hooks/useColumnDragAndDrop.js";import{useScrollToRow as H}from"./hooks/useScrollToRow.js";import{useStickyColumns as W}from"./hooks/useStickyColumns.js";import{onExpandHandler as F}from"./actionHandlers/expandHandler.js";import{onFilterHandler as B}from"./actionHandlers/filterHandler.js";import{onToggleHandler as D,onShiftSelectHandler as A,onSingleSelectHandler as V}from"./actionHandlers/selectHandler.js";import{onTableResizeEnd as G,onTableResizeStart as _}from"./actionHandlers/resizeHandler.js";import{VirtualScroll as U}from"./new/utils/components/VirtualScroll.js";import"lodash-es";import"../Icon/Icon.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Remove.js";import"../../tests/constants.js";import"../Text/Text.js";import"../Checkbox/Checkbox.module.scss.js";import"react-dom";import"@floating-ui/react";import"./new/Toast/Toaster.js";import"../ListItem/ListItem.js";import"../Icon/Icons/components/DropdownChevronRight.js";import{SELECTION_CELL_ID as J}from"./columns/selectionColumn.js";import X from"../IconButton/IconButton.js";import"../Icon/Icons/components/MoveArrowRight.js";import K from"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/Settings.js";import"../DialogContentContainer/DialogContentContainer.js";import Y from"../Icon/Icons/components/MoveArrowUp.js";import q from"../Loader/Loader.js";var Q="singleRowSelected",Z="shiftRowSelected",$="tableResizeStart",ee="tableResizeEnd",te=R(),oe=function e(o){var n=[];return o.forEach((function(o){n.push(o),"columns"in o&&n.push.apply(n,t(e(o.columns)))})),n},ne=function(t){var R=t.data,ne=t.columns,ie=t.header,re=t.isLoading,se=void 0!==re&&re,le=t.emptyTableContent,ae=t.className,ce=t.style,ue=t.id,de=t.isSelectable,me=void 0!==de&&de,pe=t.onSelect,fe=t.onRowClick,ge=t.selectionMode,be=void 0===ge?"multi":ge,he=t.isSortable,ve=void 0!==he&&he,Re=t.onSort,we=t.stateReducer,je=t.onBottomReached,ye=t.onRowInViewport,Se=t.intersectionMargin,ke=void 0===Se?300:Se,Ce=t.subComponent,Ie=t.onExpand,ze=t.onFilter,Oe=t.globalFilterValue,Te=t.emptyFilteredTableContent,Pe=t.filterTypes,xe=t.expanderCell,Ee=t.isRowDisabled,Ne=t.rowProps,Le=t.density,Me=void 0===Le?"default":Le,He=t.selectSubRows,We=void 0===He||He,Fe=t.getSubRows,Be=t.selectRowOnClick,De=void 0===Be||Be,Ae=t.paginatorRenderer,Ve=t.pageSize,Ge=void 0===Ve?25:Ve,_e=t.isResizable,Ue=void 0!==_e&&_e,Je=t.columnResizeMode,Xe=void 0===Je?"fit":Je,Ke=t.styleType,Ye=void 0===Ke?"default":Ke,qe=t.enableVirtualization,Qe=void 0!==qe&&qe,Ze=t.enableColumnReordering,$e=void 0!==Ze&&Ze,et=t.headerWrapperProps,tt=t.headerProps,ot=t.bodyProps,nt=t.emptyTableContentProps,it=o(t,["data","columns","header","isLoading","emptyTableContent","className","style","id","isSelectable","onSelect","onRowClick","selectionMode","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterTypes","expanderCell","isRowDisabled","rowProps","density","selectSubRows","getSubRows","selectRowOnClick","paginatorRenderer","pageSize","isResizable","columnResizeMode","styleType","enableVirtualization","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps"]);y();var rt=n.useRef(),st=n.useMemo((function(){return{maxWidth:0,minWidth:0,width:0}}),[]),lt=n.useRef(je),at=n.useRef(ye);n.useEffect((function(){lt.current=je,at.current=ye}),[je,ye]);var ct=n.useMemo((function(){return oe(ne).some((function(e){return e.id===J}))}),[ne]),ut=n.useCallback((function(e){"Shift"===e.key&&rt.current&&(rt.current.documentElement.style.userSelect="none")}),[]),dt=n.useCallback((function(e){"Shift"===e.key&&rt.current&&(rt.current.documentElement.style.userSelect="")}),[]);n.useEffect((function(){if(me&&"multi"===be){var e=rt.current;return null==e||e.addEventListener("keydown",ut),null==e||e.addEventListener("keyup",dt),function(){null==e||e.removeEventListener("keydown",ut),null==e||e.removeEventListener("keyup",dt)}}}),[me,be,rt,ut,dt]);var mt=n.useRef([]),pt=n.useRef(mt.current),ft=n.useMemo((function(){return Object.assign(Object.assign({},T),Pe)}),[Pe]),gt=n.useMemo((function(){return R.some((function(e,t){return Fe?Fe(e,t):e.subRows}))}),[R,Fe]),bt=c(Object.assign(Object.assign({manualPagination:!Ae,paginateExpandedRows:!1},t),{columns:ne,defaultColumn:st,disableSortBy:!ve,stateReducer:function(e,t,o,n){switch(t.type){case v.toggleSortBy:null==Re||Re(e);break;case v.setFilter:pt.current=B(e,t,o,pt.current,n);break;case v.toggleRowExpanded:case v.toggleAllRowsExpanded:F(e,n,Ie);break;case Q:e=V(e,t,n,pe,ct?void 0:Ee);break;case Z:e=A(e,t,n,pe,ct?void 0:Ee);break;case v.toggleRowSelected:case v.toggleAllRowsSelected:case v.toggleAllPageRowsSelected:D(e,t,n,pe,ct?void 0:Ee);break;case $:e=_(e);break;case ee:e=G(e,t);break;default:we&&(e=we(e,t,o,n))}return e},filterTypes:ft,selectSubRows:We,data:R,getSubRows:Fe,initialState:Object.assign({pageSize:Ge},t.initialState),columnResizeMode:Xe}),u,L(rt),d,E(gt),m,p,f,g,b,N,P(Ce,xe,Ee),x(me,be,Ee,Me),h,M($e),W),ht=bt.getTableProps,vt=bt.rows,Rt=bt.headerGroups,wt=bt.getTableBodyProps,jt=bt.prepareRow,yt=bt.state,St=bt.allColumns,kt=bt.dispatch,Ct=bt.page,It=bt.gotoPage,zt=bt.setPageSize,Ot=bt.flatHeaders,Tt=bt.visibleColumns,Pt=bt.setGlobalFilter,xt=Rt;1===ne.length&&"columns"in ne[0]&&(xt=Rt.slice(1),te("Table's `columns` prop should not have a top-level `Header` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes"));var Et=Object.entries(it).reduce((function(t,o){var n=e(o,2),i=n[0],r=n[1];return(i.startsWith("data-")||i.startsWith("aria-"))&&(t[i]=r),t}),{}),Nt=St.some((function(e){return null!=e.filterValue&&""!==e.filterValue}))||!!Oe,Lt=function(e){return(0!==R.length||Nt)&&e.canFilter&&!!e.Filter},Mt=function(e){return 0!==R.length&&e.canSort},Ht=function(e,t){var o=null==Ee?void 0:Ee(t.original);o||null==fe||fe(e,t),me&&!o&&De&&!e.isDefaultPrevented()&&("multi"===be&&e.shiftKey?kt({type:Z,id:t.id}):"single"===be&&kt({type:Q,id:t.id}))};n.useEffect((function(){Pt(Oe)}),[Oe,Pt]),n.useEffect((function(){zt(Ge)}),[Ge,zt]),n.useEffect((function(){mt.current!==pt.current&&(mt.current=pt.current,null==ze||ze(pt.current,yt,bt.filteredRows))}),[yt,bt.filteredRows,ze]);var Wt=n.useRef([]);n.useEffect((function(){Wt.current.length>0&&JSON.stringify(Wt.current)!==JSON.stringify(ne)&&bt.setColumnOrder([]),Wt.current=ne}),[ne,bt]);var Ft=n.useMemo((function(){return{currentPage:yt.pageIndex,pageSize:yt.pageSize,totalRowsCount:vt.length,size:"default"!==Me?"small":"default",isLoading:se,onPageChange:It,onPageSizeChange:zt,totalSelectedRowsCount:"single"===be?0:bt.selectedFlatRows.length}}),[Me,It,se,vt.length,zt,yt.pageIndex,yt.pageSize,bt.selectedFlatRows,be]),Bt=n.useRef(null),Dt=n.useRef(null),At=H(Object.assign(Object.assign({},t),{page:Ct})),Vt=At.scrollToIndex,Gt=At.tableRowRef,_t=n.useRef({}),Ut=n.useRef(0),Jt=n.useCallback((function(e){var t,o,n,i,r=e.width;Zt(null!==(o=null===(t=Bt.current)||void 0===t?void 0:t.scrollWidth)&&void 0!==o?o:0),oo(null!==(i=null===(n=Bt.current)||void 0===n?void 0:n.clientWidth)&&void 0!==i?i:0),Ue&&(bt.tableWidth=r,r!==Ut.current&&(Ut.current=r,Ot.forEach((function(e){_t.current[e.id]&&(e.resizeWidth=_t.current[e.id].getBoundingClientRect().width)})),0!==Object.keys(yt.columnResizing.columnWidths).length&&kt({type:$})))}),[kt,yt.columnResizing.columnWidths,Ot,bt,Ue]),Xt=w(Jt),Kt=e(Xt,1)[0],Yt=n.useState(0),qt=e(Yt,2),Qt=qt[0],Zt=qt[1],$t=n.useState(0),eo=e($t,2),to=eo[0],oo=eo[1];j((function(){if(yt.isTableResizing){var e={};Ot.forEach((function(t){_t.current[t.id]&&(e[t.id]=_t.current[t.id].getBoundingClientRect().width)})),kt({type:ee,columnWidths:e})}}));var no=n.useCallback((function(e){var t=Ct[e];return jt(t),r(z,{row:t,rowProps:Ne,isLast:e===Ct.length-1,onRowInViewport:at,onBottomReached:lt,intersectionMargin:ke,state:yt,onClick:Ht,subComponent:Ce,isDisabled:!!(null==Ee?void 0:Ee(t.original)),tableHasSubRows:gt,tableInstance:bt,expanderCell:xe,bodyRef:Dt.current,tableRowRef:Qe?void 0:Gt(t),density:Me},t.getRowProps().key)}),[Ct,jt,Ne,ke,yt,Ht,Ce,Ee,gt,bt,xe,Qe,Gt,Me]),io=n.useCallback((function(e){return no(e)}),[no]),ro=function(){Dt.current&&!Ot.every((function(e){return!e.sticky}))&&(kt(0!==Dt.current.scrollLeft?{type:v.setScrolledRight,value:!0}:{type:v.setScrolledRight,value:!1}),kt(Dt.current.scrollLeft!==Dt.current.scrollWidth-Dt.current.clientWidth?{type:v.setScrolledLeft,value:!0}:{type:v.setScrolledLeft,value:!1}))};n.useEffect((function(){ro()}),[]);var so=n.useRef(!1);return s(l,{children:[ie,s(k,Object.assign({ref:function(e){rt.current=null==e?void 0:e.ownerDocument,Kt(e)},id:ue},ht({className:a("iui-table",ae),style:Object.assign({minWidth:0},ce)}),{"data-iui-size":"default"===Me?void 0:Me},Et,{children:[xt.map((function(e){return r(k,Object.assign({as:"div",ref:Bt,onScroll:function(){Bt.current&&Dt.current&&(Dt.current.scrollLeft=Bt.current.scrollLeft,ro())}},et,{className:a("iui-table-header-wrapper",null==et?void 0:et.className)},{children:r(k,Object.assign({as:"div"},tt,{className:a("iui-table-header",null==tt?void 0:tt.className)},{children:r(k,Object.assign({},e.getHeaderGroupProps({className:"iui-table-row"}),{children:e.headers.map((function(e,t){var o,n=!e.Header||""===(""+e.Header).trim(),l=e.getHeaderProps(Object.assign({className:a("iui-table-cell",e.columnClassName,{"iui-actionable":e.canSort&&!n,"iui-sorted":e.isSorted&&!n,"iui-table-cell-sticky":!!e.sticky,"iui-empty-header":n}),style:Object.assign(Object.assign(Object.assign({},C(e,!!yt.isTableResizing)),I(e,Tt)),{flexWrap:"unset",backgroundColor:n?"transparent":void 0})},n?{"aria-hidden":!0}:{}));return i(k,Object.assign({},l,{key:l.key,onMouseDown:function(){so.current=!0},onClick:function(t){if(so.current&&!n){var o=e.getSortByToggleProps();o.onClick&&o.onClick(t),so.current=!1}},tabIndex:Mt(e)&&!n?0:void 0}),n?null:e.render("Header"),!n&&(Lt(e)||Mt(e))&&s(k,Object.assign({className:"iui-table-header-actions-container"},{children:[Lt(e)&&r(O,{column:e}),Mt(e)&&r(k,Object.assign({className:"iui-table-cell-end-icon"},{children:r(X,{ariaLabel:e.isSortedDesc?"Sort Descending":"Sort Ascending",size:null===(o=null==X?void 0:X.sizes)||void 0===o?void 0:o.XXS,className:"iui-table-sort",icon:e.isSortedDesc?K:Y})}))]})))}))}))}))}),e.getHeaderGroupProps().key)})),s(k,Object.assign({},ot,wt({className:a("iui-table-body",{"iui-zebra-striping":"zebra-rows"===Ye},null==ot?void 0:ot.className),style:{outline:0}}),{ref:Dt,onScroll:function(){Bt.current&&Dt.current&&(Bt.current.scrollLeft=Dt.current.scrollLeft,ro())},tabIndex:-1,"aria-multiselectable":me&&"multi"===be||void 0},{children:[s(S,{children:[r("slot",{}),0===vt.length&&Qt>to&&r("div",{"aria-hidden":!0,style:{width:Qt,height:.1}})]}),0!==R.length&&r(l,{children:Qe?r(U,{itemsLength:Ct.length,itemRenderer:io,scrollToIndex:Vt}):Ct.map((function(e,t){return no(t)}))}),se&&0===R.length&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r("div",{children:Te})})),se&&0!==R.length&&r(k,Object.assign({className:"iui-table-row","data-iui-loading":"true"},{children:r(k,Object.assign({className:"iui-table-cell table-loader-cell"},{children:r(q,{size:20,color:q.colors.PRIMARY})}))})),!se&&0===R.length&&!Nt&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r("div",{children:le})})),!se&&(0===R.length||0===vt.length)&&Nt&&r(k,Object.assign({as:"div"},nt,{className:a("iui-table-empty",null==nt?void 0:nt.className)},{children:r("div",{children:Te})}))]})),null==Ae?void 0:Ae(Ft)]}))]})};export{ne as Table,ne as default,$ as tableResizeStartAction};
+import{slicedToArray as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../_virtual/_tslib.js";import*as n from"react";import{createElement as i}from"react";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import a from"classnames";import"./table.scss.js";import{useTable as c,useFlexLayout as u,useFilters as d,useGlobalFilter as m,useSortBy as p,useExpanded as f,usePagination as g,useRowSelect as b,useColumnOrder as h,actions as v}from"react-table";import"./new/utils/functions/colors.js";import"./new/utils/functions/polymorphic.js";import{createWarningLogger as w}from"./new/utils/functions/dev.js";import{useResizeObserver as R}from"./new/utils/hooks/useResizeObserver.js";import{useLayoutEffect as j}from"./new/utils/hooks/useIsomorphicLayoutEffect.js";import{useGlobals as y}from"./new/utils/hooks/useGlobals.js";import"./new/utils/hooks/useId.js";import"./new/utils/color/ColorValue.js";import{ShadowRoot as S}from"./new/utils/components/ShadowRoot.js";import{Box as k}from"./new/utils/components/Box.js";import{getCellStyle as C,getStickyStyle as I}from"./utils.js";import{TableRowMemoized as O}from"./TableRowMemoized.js";import"./styling/column-filter.scss.js";import"./new/utils/components/ButtonBase.js";import{FilterToggle as z}from"./filters/FilterToggle.js";import{customFilterFunctions as T}from"./filters/customFilterFunctions.js";import{useExpanderCell as P}from"./hooks/useExpanderCell.js";import{useSelectionCell as x}from"./hooks/useSelectionCell.js";import{useSubRowFiltering as E}from"./hooks/useSubRowFiltering.js";import{useSubRowSelection as L}from"./hooks/useSubRowSelection.js";import{useResizeColumns as N}from"./hooks/useResizeColumns.js";import{useColumnDragAndDrop as M}from"./hooks/useColumnDragAndDrop.js";import{useScrollToRow as H}from"./hooks/useScrollToRow.js";import{useStickyColumns as W}from"./hooks/useStickyColumns.js";import{onExpandHandler as B}from"./actionHandlers/expandHandler.js";import{onFilterHandler as D}from"./actionHandlers/filterHandler.js";import{onToggleHandler as F,onShiftSelectHandler as A,onSingleSelectHandler as V}from"./actionHandlers/selectHandler.js";import{onTableResizeEnd as G,onTableResizeStart as _}from"./actionHandlers/resizeHandler.js";import{VirtualScroll as U}from"./new/utils/components/VirtualScroll.js";import"lodash-es";import"../Icon/Icon.js";import"../Icon/Icons/components/Check.js";import"../Icon/Icons/components/Remove.js";import"../../tests/constants.js";import J from"../Text/Text.js";import"../Checkbox/Checkbox.module.scss.js";import"react-dom";import"@floating-ui/react";import"./new/Toast/Toaster.js";import"../ListItem/ListItem.js";import"../Icon/Icons/components/DropdownChevronRight.js";import{SELECTION_CELL_ID as X}from"./columns/selectionColumn.js";import K from"../IconButton/IconButton.js";import"../Icon/Icons/components/MoveArrowRight.js";import Y from"../Icon/Icons/components/MoveArrowDown.js";import"../Icon/Icons/components/Settings.js";import"../DialogContentContainer/DialogContentContainer.js";import q from"../Icon/Icons/components/MoveArrowUp.js";import Q from"../Loader/Loader.js";var Z="singleRowSelected",$="shiftRowSelected",ee="tableResizeStart",te="tableResizeEnd",oe=w(),ne=function e(o){var n=[];return o.forEach((function(o){n.push(o),"columns"in o&&n.push.apply(n,t(e(o.columns)))})),n},ie=function(t){var w=t.data,ie=t.columns,re=t.header,se=t.isLoading,le=void 0!==se&&se,ae=t.emptyTableContent,ce=t.className,ue=t.style,de=t.id,me=t.isSelectable,pe=void 0!==me&&me,fe=t.onSelect,ge=t.onRowClick,be=t.selectionMode,he=void 0===be?"multi":be,ve=t.isSortable,we=void 0!==ve&&ve,Re=t.onSort,je=t.stateReducer,ye=t.onBottomReached,Se=t.onRowInViewport,ke=t.intersectionMargin,Ce=void 0===ke?300:ke,Ie=t.subComponent,Oe=t.onExpand,ze=t.onFilter,Te=t.globalFilterValue,Pe=t.emptyFilteredTableContent,xe=t.filterTypes,Ee=t.expanderCell,Le=t.isRowDisabled,Ne=t.rowProps,Me=t.density,He=void 0===Me?"default":Me,We=t.selectSubRows,Be=void 0===We||We,De=t.getSubRows,Fe=t.selectRowOnClick,Ae=void 0===Fe||Fe,Ve=t.paginatorRenderer,Ge=t.pageSize,_e=void 0===Ge?25:Ge,Ue=t.isResizable,Je=void 0!==Ue&&Ue,Xe=t.columnResizeMode,Ke=void 0===Xe?"fit":Xe,Ye=t.styleType,qe=void 0===Ye?"default":Ye,Qe=t.enableVirtualization,Ze=void 0!==Qe&&Qe,$e=t.enableColumnReordering,et=void 0!==$e&&$e,tt=t.headerWrapperProps,ot=t.headerProps,nt=t.bodyProps,it=t.emptyTableContentProps,rt=o(t,["data","columns","header","isLoading","emptyTableContent","className","style","id","isSelectable","onSelect","onRowClick","selectionMode","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterTypes","expanderCell","isRowDisabled","rowProps","density","selectSubRows","getSubRows","selectRowOnClick","paginatorRenderer","pageSize","isResizable","columnResizeMode","styleType","enableVirtualization","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps"]);y();var st=n.useRef(),lt=n.useMemo((function(){return{maxWidth:0,minWidth:0,width:0}}),[]),at=n.useRef(ye),ct=n.useRef(Se);n.useEffect((function(){at.current=ye,ct.current=Se}),[ye,Se]);var ut=n.useMemo((function(){return ne(ie).some((function(e){return e.id===X}))}),[ie]),dt=n.useCallback((function(e){"Shift"===e.key&&st.current&&(st.current.documentElement.style.userSelect="none")}),[]),mt=n.useCallback((function(e){"Shift"===e.key&&st.current&&(st.current.documentElement.style.userSelect="")}),[]);n.useEffect((function(){if(pe&&"multi"===he){var e=st.current;return null==e||e.addEventListener("keydown",dt),null==e||e.addEventListener("keyup",mt),function(){null==e||e.removeEventListener("keydown",dt),null==e||e.removeEventListener("keyup",mt)}}}),[pe,he,st,dt,mt]);var pt=n.useRef([]),ft=n.useRef(pt.current),gt=n.useMemo((function(){return Object.assign(Object.assign({},T),xe)}),[xe]),bt=n.useMemo((function(){return w.some((function(e,t){return De?De(e,t):e.subRows}))}),[w,De]),ht=c(Object.assign(Object.assign({manualPagination:!Ve,paginateExpandedRows:!1},t),{columns:ie,defaultColumn:lt,disableSortBy:!we,stateReducer:function(e,t,o,n){switch(t.type){case v.toggleSortBy:null==Re||Re(e);break;case v.setFilter:ft.current=D(e,t,o,ft.current,n);break;case v.toggleRowExpanded:case v.toggleAllRowsExpanded:B(e,n,Oe);break;case Z:e=V(e,t,n,fe,ut?void 0:Le);break;case $:e=A(e,t,n,fe,ut?void 0:Le);break;case v.toggleRowSelected:case v.toggleAllRowsSelected:case v.toggleAllPageRowsSelected:F(e,t,n,fe,ut?void 0:Le);break;case ee:e=_(e);break;case te:e=G(e,t);break;default:je&&(e=je(e,t,o,n))}return e},filterTypes:gt,selectSubRows:Be,data:w,getSubRows:De,initialState:Object.assign({pageSize:_e},t.initialState),columnResizeMode:Ke}),u,N(st),d,E(bt),m,p,f,g,b,L,P(Ie,Ee,Le),x(pe,he,Le,He),h,M(et),W),vt=ht.getTableProps,wt=ht.rows,Rt=ht.headerGroups,jt=ht.getTableBodyProps,yt=ht.prepareRow,St=ht.state,kt=ht.allColumns,Ct=ht.dispatch,It=ht.page,Ot=ht.gotoPage,zt=ht.setPageSize,Tt=ht.flatHeaders,Pt=ht.visibleColumns,xt=ht.setGlobalFilter,Et=Rt;1===ie.length&&"columns"in ie[0]&&(Et=Rt.slice(1),oe("Table's `columns` prop should not have a top-level `Header` or sub-columns. They are only allowed to be passed for backwards compatibility.\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes"));var Lt=Object.entries(rt).reduce((function(t,o){var n=e(o,2),i=n[0],r=n[1];return(i.startsWith("data-")||i.startsWith("aria-"))&&(t[i]=r),t}),{}),Nt=kt.some((function(e){return null!=e.filterValue&&""!==e.filterValue}))||!!Te,Mt=function(e){return(0!==w.length||Nt)&&e.canFilter&&!!e.Filter},Ht=function(e){return 0!==w.length&&e.canSort},Wt=function(e,t){var o=null==Le?void 0:Le(t.original);o||null==ge||ge(e,t),pe&&!o&&Ae&&!e.isDefaultPrevented()&&("multi"===he&&e.shiftKey?Ct({type:$,id:t.id}):"single"===he&&Ct({type:Z,id:t.id}))};n.useEffect((function(){xt(Te)}),[Te,xt]),n.useEffect((function(){zt(_e)}),[_e,zt]),n.useEffect((function(){pt.current!==ft.current&&(pt.current=ft.current,null==ze||ze(ft.current,St,ht.filteredRows))}),[St,ht.filteredRows,ze]);var Bt=n.useRef([]);n.useEffect((function(){Bt.current.length>0&&JSON.stringify(Bt.current)!==JSON.stringify(ie)&&ht.setColumnOrder([]),Bt.current=ie}),[ie,ht]);var Dt=n.useMemo((function(){return{currentPage:St.pageIndex,pageSize:St.pageSize,totalRowsCount:wt.length,size:"default"!==He?"small":"default",isLoading:le,onPageChange:Ot,onPageSizeChange:zt,totalSelectedRowsCount:"single"===he?0:ht.selectedFlatRows.length}}),[He,Ot,le,wt.length,zt,St.pageIndex,St.pageSize,ht.selectedFlatRows,he]),Ft=n.useRef(null),At=n.useRef(null),Vt=H(Object.assign(Object.assign({},t),{page:It})),Gt=Vt.scrollToIndex,_t=Vt.tableRowRef,Ut=n.useRef({}),Jt=n.useRef(0),Xt=n.useCallback((function(e){var t,o,n,i,r=e.width;$t(null!==(o=null===(t=Ft.current)||void 0===t?void 0:t.scrollWidth)&&void 0!==o?o:0),no(null!==(i=null===(n=Ft.current)||void 0===n?void 0:n.clientWidth)&&void 0!==i?i:0),Je&&(ht.tableWidth=r,r!==Jt.current&&(Jt.current=r,Tt.forEach((function(e){Ut.current[e.id]&&(e.resizeWidth=Ut.current[e.id].getBoundingClientRect().width)})),0!==Object.keys(St.columnResizing.columnWidths).length&&Ct({type:ee})))}),[Ct,St.columnResizing.columnWidths,Tt,ht,Je]),Kt=R(Xt),Yt=e(Kt,1)[0],qt=n.useState(0),Qt=e(qt,2),Zt=Qt[0],$t=Qt[1],eo=n.useState(0),to=e(eo,2),oo=to[0],no=to[1];j((function(){if(St.isTableResizing){var e={};Tt.forEach((function(t){Ut.current[t.id]&&(e[t.id]=Ut.current[t.id].getBoundingClientRect().width)})),Ct({type:te,columnWidths:e})}}));var io=n.useCallback((function(e){var t=It[e];return yt(t),r(O,{row:t,rowProps:Ne,isLast:e===It.length-1,onRowInViewport:ct,onBottomReached:at,intersectionMargin:Ce,state:St,onClick:Wt,subComponent:Ie,isDisabled:!!(null==Le?void 0:Le(t.original)),tableHasSubRows:bt,tableInstance:ht,expanderCell:Ee,bodyRef:At.current,tableRowRef:Ze?void 0:_t(t),density:He},t.getRowProps().key)}),[It,yt,Ne,Ce,St,Wt,Ie,Le,bt,ht,Ee,Ze,_t,He]),ro=n.useCallback((function(e){return io(e)}),[io]),so=function(){At.current&&!Tt.every((function(e){return!e.sticky}))&&(Ct(0!==At.current.scrollLeft?{type:v.setScrolledRight,value:!0}:{type:v.setScrolledRight,value:!1}),Ct(At.current.scrollLeft!==At.current.scrollWidth-At.current.clientWidth?{type:v.setScrolledLeft,value:!0}:{type:v.setScrolledLeft,value:!1}))};n.useEffect((function(){so()}),[]);var lo=n.useRef(!1);return s(l,{children:[re,s(k,Object.assign({ref:function(e){st.current=null==e?void 0:e.ownerDocument,Yt(e)},id:de},vt({className:a("iui-table",ce),style:Object.assign({minWidth:0},ue)}),{"data-iui-size":"default"===He?void 0:He},Lt,{children:[Et.map((function(e){return r(k,Object.assign({as:"div",ref:Ft,onScroll:function(){Ft.current&&At.current&&(At.current.scrollLeft=Ft.current.scrollLeft,so())}},tt,{className:a("iui-table-header-wrapper",null==tt?void 0:tt.className)},{children:r(k,Object.assign({as:"div"},ot,{className:a("iui-table-header",null==ot?void 0:ot.className)},{children:r(k,Object.assign({},e.getHeaderGroupProps({className:"iui-table-row"}),{children:e.headers.map((function(e,t){var o,n=!e.Header||""===(""+e.Header).trim(),l=e.getHeaderProps(Object.assign({className:a("iui-table-cell",e.columnClassName,{"iui-actionable":e.canSort&&!n,"iui-sorted":e.isSorted&&!n,"iui-table-cell-sticky":!!e.sticky,"iui-empty-header":n}),style:Object.assign(Object.assign(Object.assign({},C(e,!!St.isTableResizing)),I(e,Pt)),{flexWrap:"unset",backgroundColor:n?"transparent":void 0})},n?{"aria-hidden":!0}:{}));return i(k,Object.assign({},l,{key:l.key,onMouseDown:function(){lo.current=!0},onClick:function(t){if(lo.current&&!n){var o=e.getSortByToggleProps();o.onClick&&o.onClick(t),lo.current=!1}},tabIndex:Ht(e)&&!n?0:void 0}),n?null:r(J,Object.assign({weight:J.weights.BOLD},{children:e.render("Header")})),!n&&(Mt(e)||Ht(e))&&s(k,Object.assign({className:"iui-table-header-actions-container"},{children:[Mt(e)&&r(z,{column:e}),Ht(e)&&r(k,Object.assign({className:"iui-table-cell-end-icon"},{children:r(K,{ariaLabel:e.isSortedDesc?"Sort Descending":"Sort Ascending",size:null===(o=null==K?void 0:K.sizes)||void 0===o?void 0:o.XXS,className:"iui-table-sort",icon:e.isSortedDesc?Y:q})}))]})))}))}))}))}),e.getHeaderGroupProps().key)})),s(k,Object.assign({},nt,jt({className:a("iui-table-body",{"iui-zebra-striping":"zebra-rows"===qe},null==nt?void 0:nt.className),style:{outline:0}}),{ref:At,onScroll:function(){Ft.current&&At.current&&(Ft.current.scrollLeft=At.current.scrollLeft,so())},tabIndex:-1,"aria-multiselectable":pe&&"multi"===he||void 0},{children:[s(S,{children:[r("slot",{}),0===wt.length&&Zt>oo&&r("div",{"aria-hidden":!0,style:{width:Zt,height:.1}})]}),0!==w.length&&r(l,{children:Ze?r(U,{itemsLength:It.length,itemRenderer:ro,scrollToIndex:Gt}):It.map((function(e,t){return io(t)}))}),le&&0===w.length&&r(k,Object.assign({as:"div"},it,{className:a("iui-table-empty",null==it?void 0:it.className)},{children:r("div",{children:Pe})})),le&&0!==w.length&&r(k,Object.assign({className:"iui-table-row","data-iui-loading":"true"},{children:r(k,Object.assign({className:"iui-table-cell table-loader-cell"},{children:r(Q,{size:20,color:Q.colors.PRIMARY})}))})),!le&&0===w.length&&!Nt&&r(k,Object.assign({as:"div"},it,{className:a("iui-table-empty",null==it?void 0:it.className)},{children:r("div",{children:ae})})),!le&&(0===w.length||0===wt.length)&&Nt&&r(k,Object.assign({as:"div"},it,{className:a("iui-table-empty",null==it?void 0:it.className)},{children:r("div",{children:Pe})}))]})),null==Ve?void 0:Ve(Dt)]}))]})};export{ie as Table,ie as default,ee as tableResizeStartAction};
 //# sourceMappingURL=Table.js.map

package/dist/mocked_classnames_esm/src/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? column.render(\"Header\") : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyFilteredTableContent}</div>\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell table-loader-cell\">\n                <Loader size={20} color={Loader.colors.PRIMARY} />\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_","Loader","color","colors","PRIMARY"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../../../../../src/components/Table/Table.tsx"],"sourcesContent":["// @ts-nocheck\nimport * as React from \"react\";\nimport cx from \"classnames\";\nimport \"./table.scss\";\nimport {\n  actions as TableActions,\n  useFlexLayout,\n  useFilters,\n  useRowSelect,\n  useSortBy,\n  useTable,\n  useExpanded,\n  usePagination,\n  useColumnOrder,\n  useGlobalFilter,\n} from \"react-table\";\nimport type {\n  CellProps,\n  HeaderGroup,\n  TableOptions,\n  Row,\n  TableState,\n  ActionType,\n  TableInstance,\n  Column,\n} from \"../../react-table/react-table\";\nimport {\n  useGlobals,\n  useResizeObserver,\n  useLayoutEffect,\n  createWarningLogger,\n} from \"./new/utils/index\";\nimport { ShadowRoot } from \"./new/utils/components/ShadowRoot\";\nimport { Box } from \"./new/utils/components/Box\";\nimport type { CommonProps } from \"./new/utils/index\";\nimport { getCellStyle, getStickyStyle } from \"./utils\";\nimport { TableRowMemoized } from \"./TableRowMemoized\";\nimport { FilterToggle } from \"./filters/index\";\nimport type { TableFilterValue } from \"./filters/index\";\nimport { customFilterFunctions } from \"./filters/customFilterFunctions\";\nimport {\n  useExpanderCell,\n  useSelectionCell,\n  useSubRowFiltering,\n  useSubRowSelection,\n  useResizeColumns,\n  useColumnDragAndDrop,\n  useScrollToRow,\n  useStickyColumns,\n} from \"./hooks/index\";\nimport {\n  onExpandHandler,\n  onFilterHandler,\n  onToggleHandler,\n  onShiftSelectHandler,\n  onSingleSelectHandler,\n  onTableResizeEnd,\n  onTableResizeStart,\n} from \"./actionHandlers/index\";\nimport { VirtualScroll } from \"./new/utils/components/VirtualScroll\";\nimport { SELECTION_CELL_ID } from \"./columns/index\";\nimport IconButton from \"../IconButton/IconButton\";\nimport MoveArrowDown from \"../Icon/Icons/components/MoveArrowDown\";\nimport MoveArrowUp from \"../Icon/Icons/components/MoveArrowUp\";\nimport Text from \"../Text/Text\";\nimport Loader from \"../Loader/Loader\";\n\nconst singleRowSelectedAction = \"singleRowSelected\";\nconst shiftRowSelectedAction = \"shiftRowSelected\";\nexport const tableResizeStartAction = \"tableResizeStart\";\nconst tableResizeEndAction = \"tableResizeEnd\";\n\nconst logWarningInDev = createWarningLogger();\n\ntype TablePaginatorRendererProps = {\n  /**\n   * The zero-based index of the current page.\n   */\n  currentPage: number;\n  /**\n   * Total number of rows.\n   */\n  totalRowsCount: number;\n  /**\n   * Number of rows per page.\n   */\n  pageSize: number;\n  /**\n   * Callback when page is changed.\n   */\n  onPageChange: (page: number) => void;\n  /**\n   * Callback when page size is changed.\n   */\n  onPageSizeChange: (size: number) => void;\n  /**\n   * Modify the size of the pagination (adjusts the elements size).\n   * @default 'default' if Table density is `default` else `small`\n   */\n  size?: \"default\" | \"small\";\n  /**\n   * Flag whether data is still loading and total rows count is not known.\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Total number of rows selected (for mutli-selection mode only)\n   */\n  totalSelectedRowsCount?: number;\n};\n\n/**\n * Table props.\n * columns and data must be memoized.\n */\ntype TableProps<T extends Record<string, unknown> = Record<string, unknown>> =\n  Omit<TableOptions<T>, \"disableSortBy\"> & {\n    /**\n     * Flag whether data is loading.\n     * @default false\n     */\n    header?: React.ReactNode;\n    isLoading?: boolean;\n    /**\n     * Content shown when there is no data.\n     */\n    emptyTableContent: React.ReactNode;\n    /**\n     * Flag whether table rows can be selectable.\n     * @default false\n     */\n    isSelectable?: boolean;\n    /**\n     * Handler for rows selection. Must be memoized.\n     * This is triggered only by user initiated actions (i.e. data change will not call it).\n     */\n    onSelect?: (\n      selectedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Handler for when a row is clicked. Must be memoized.\n     */\n    onRowClick?: (event: React.MouseEvent, row: Row<T>) => void;\n    /**\n     * Modify the selection mode of the table.\n     * The column with checkboxes will not be present with 'single' selection mode.\n     * @default 'multi'\n     */\n    selectionMode?: \"multi\" | \"single\";\n    /**\n     * Flag whether table columns can be sortable.\n     * @default false\n     */\n    isSortable?: boolean;\n    /**\n     * Callback function when sort changes.\n     * Use with `manualSortBy` to handle sorting yourself e.g. sort in server-side.\n     * Must be memoized.\n     */\n    onSort?: (state: TableState<T>) => void;\n    /**\n     * Callback function when scroll reaches bottom. Can be used for lazy-loading the data.\n     */\n    onBottomReached?: () => void;\n    /**\n     * Callback function when row is in viewport.\n     */\n    onRowInViewport?: (rowData: T) => void;\n    /**\n     * Margin in pixels when row is considered to be already in viewport. Used for `onBottomReached` and `onRowInViewport`.\n     * @default 300\n     */\n    intersectionMargin?: number;\n    /**\n     * A function that will be used for rendering a component for each row if that row is expanded.\n     * Component will be placed right after the row. Can return false/null if row should not be expandable.\n     */\n    subComponent?: (row: Row<T>) => React.ReactNode;\n    /**\n     * A function used for overriding default expander cell. `subComponent` must be present.\n     * Make sure to trigger `cellProps.row.toggleRowExpanded()`.\n     */\n    expanderCell?: (cellProps: CellProps<T>) => React.ReactNode;\n    /**\n     * Handler for row expand events. Will trigger when expanding and collapsing rows.\n     */\n    onExpand?: (\n      expandedData: T[] | undefined,\n      tableState?: TableState<T>\n    ) => void;\n    /**\n     * Callback function when filters change.\n     * Use with `manualFilters` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    onFilter?: (\n      filters: TableFilterValue<T>[],\n      state: TableState<T>,\n      filteredData?: Row<T>[]\n    ) => void;\n    /**\n     * Value used for global filtering.\n     * Use with `globalFilter` and/or `manualGlobalFilter` to handle filtering yourself e.g. filter in server-side.\n     * Must be memoized.\n     */\n    globalFilterValue?: unknown;\n    /**\n     * Content shown when there is no data after filtering.\n     */\n    emptyFilteredTableContent?: React.ReactNode;\n    /**\n     * Function that should return true if a row is disabled (i.e. cannot be selected or expanded).\n     * If not specified, all rows are enabled.\n     */\n    isRowDisabled?: (rowData: T) => boolean;\n    /**\n     * Function that should return custom props passed to the each row.\n     * Must be memoized.\n     */\n    rowProps?: (row: Row<T>) => React.ComponentPropsWithRef<\"div\"> & {\n      status?: \"positive\" | \"warning\" | \"negative\";\n      isLoading?: boolean;\n    };\n    /**\n     * Modify the density of the table (adjusts the row height).\n     * @default 'default'\n     */\n    density?: \"default\" | \"condensed\" | \"extra-condensed\";\n    /**\n     * Flag whether to select a row when clicked anywhere inside of it.\n     * @default true\n     */\n    selectRowOnClick?: boolean;\n    /**\n     * Function that takes `TablePaginatorRendererProps` as an argument and returns pagination component.\n     *\n     * Recommended to use `TablePaginator`. Passing `props` to `TablePaginator` handles all state management and is enough for basic use-cases.\n     * @example\n     * (props: TablePaginatorRendererProps) => (\n     *   <TablePaginator {...props} />\n     * )\n     */\n    paginatorRenderer?: (props: TablePaginatorRendererProps) => React.ReactNode;\n    /**\n     * Number of rows per page.\n     * @default 25\n     */\n    pageSize?: number;\n    /**\n     * Flag whether columns are resizable.\n     * In order to disable resizing for specific column, set `disableResizing: true` for that column.\n     * @default false\n     */\n    isResizable?: boolean;\n    /**\n     * Style of the table.\n     * @default 'default'\n     */\n    styleType?: \"default\" | \"zebra-rows\";\n    /**\n     * Virtualization is used for the scrollable table body.\n     * Height on the table is required for virtualization to work.\n     * @example\n     * <Table enableVirtualization style={{height: 400}} {...} />\n     * @default false\n     * @beta\n     */\n    enableVirtualization?: boolean;\n    /**\n     * Flag whether columns can be reordered.\n     * @default false\n     */\n    enableColumnReordering?: boolean;\n    /**\n     * Passes props to Table header wrapper.\n     */\n    headerWrapperProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes props to Table header.\n     */\n    headerProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to Table body.\n     */\n    bodyProps?: React.ComponentProps<\"div\">;\n    /**\n     * Passes custom props to empty table.\n     */\n    emptyTableContentProps?: React.ComponentProps<\"div\">;\n    /**\n     * Function that returns index of the row that you want to scroll to.\n     *\n     * When using with lazy-loading table, you need to take care that row is already loaded.\n     * It doesn't work with paginated tables.\n     * @beta\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original === data[250]),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     * @example\n     * <Table\n     *   scrollToRow={React.useCallback(\n     *     (rows, data) => rows.findIndex((row) => row.original.id === data[250].id),\n     *     []\n     *   )}\n     *   {...restProps}\n     * />\n     */\n    scrollToRow?: (rows: Row<T>[], data: T[]) => number;\n  } & Omit<CommonProps, \"title\">;\n\nconst flattenColumns = <T extends Record<string, unknown>>(\n  columns: Column<T>[]\n): Column<T>[] => {\n  const flatColumns: Column<T>[] = [];\n  columns.forEach((column) => {\n    flatColumns.push(column);\n    if (\"columns\" in column) {\n      // @ts-expect-error - Since nested columns are not supported from a types perspective\n      flatColumns.push(...flattenColumns(column.columns));\n    }\n  });\n  return flatColumns;\n};\n\n/**\n * Table based on [react-table](https://react-table.tanstack.com/docs/api/overview).\n * @example\n * const columns = React.useMemo(() => [\n *   {\n *     id: 'name',\n *     Header: 'Name',\n *     accessor: 'name',\n *     width: 90,\n *   },\n *   {\n *     id: 'description',\n *     Header: 'description',\n *     accessor: 'description',\n *     maxWidth: 200,\n *   },\n *   {\n *     id: 'view',\n *     Header: 'view',\n *     Cell: () => {\n *       return <span onClick={onViewClick}>View</span>\n *     },\n *   },\n * ], [onViewClick])\n * const data = [\n *  { name: 'Name1', description: 'Description1' },\n *  { name: 'Name2', description: 'Description2' },\n *  { name: 'Name3', description: 'Description3' },\n * ]\n * <Table\n *   columns={columns}\n *   data={data}\n *   emptyTableContent='No data.'\n *   isLoading={false}\n *   isSortable={true}\n * />\n */\nexport const Table = <\n  T extends Record<string, unknown> = Record<string, unknown>\n>(\n  props: TableProps<T>\n): JSX.Element => {\n  const {\n    data,\n    columns,\n    header,\n    isLoading = false,\n    emptyTableContent,\n    className,\n    style,\n    id,\n    isSelectable = false,\n    onSelect,\n    onRowClick,\n    selectionMode = \"multi\",\n    isSortable = false,\n    onSort,\n    stateReducer,\n    onBottomReached,\n    onRowInViewport,\n    intersectionMargin = 300,\n    subComponent,\n    onExpand,\n    onFilter,\n    globalFilterValue,\n    emptyFilteredTableContent,\n    filterTypes: filterFunctions,\n    expanderCell,\n    isRowDisabled,\n    rowProps,\n    density = \"default\",\n    selectSubRows = true,\n    getSubRows,\n    selectRowOnClick = true,\n    paginatorRenderer,\n    pageSize = 25,\n    isResizable = false,\n    columnResizeMode = \"fit\",\n    styleType = \"default\",\n    enableVirtualization = false,\n    enableColumnReordering = false,\n    headerWrapperProps,\n    headerProps,\n    bodyProps,\n    emptyTableContentProps,\n    ...rest\n  } = props;\n\n  useGlobals();\n\n  const ownerDocument = React.useRef<Document | undefined>();\n\n  const defaultColumn = React.useMemo(\n    () => ({\n      maxWidth: 0,\n      minWidth: 0,\n      width: 0,\n    }),\n    []\n  );\n\n  // useRef prevents from rerendering when one of these callbacks changes\n  const onBottomReachedRef = React.useRef(onBottomReached);\n  const onRowInViewportRef = React.useRef(onRowInViewport);\n  React.useEffect(() => {\n    onBottomReachedRef.current = onBottomReached;\n    onRowInViewportRef.current = onRowInViewport;\n  }, [onBottomReached, onRowInViewport]);\n\n  const hasManualSelectionColumn = React.useMemo(() => {\n    const flatColumns = flattenColumns(columns);\n    return flatColumns.some((column) => column.id === SELECTION_CELL_ID);\n  }, [columns]);\n\n  const disableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"none\");\n    }\n  }, []);\n\n  const enableUserSelect = React.useCallback((e: KeyboardEvent) => {\n    if (e.key === \"Shift\") {\n      ownerDocument.current &&\n        (ownerDocument.current.documentElement.style.userSelect = \"\");\n    }\n  }, []);\n\n  React.useEffect(() => {\n    if (!isSelectable || selectionMode !== \"multi\") {\n      return;\n    }\n\n    const ownerDoc = ownerDocument.current;\n    ownerDoc?.addEventListener(\"keydown\", disableUserSelect);\n    ownerDoc?.addEventListener(\"keyup\", enableUserSelect);\n\n    return () => {\n      ownerDoc?.removeEventListener(\"keydown\", disableUserSelect);\n      ownerDoc?.removeEventListener(\"keyup\", enableUserSelect);\n    };\n  }, [\n    isSelectable,\n    selectionMode,\n    ownerDocument,\n    disableUserSelect,\n    enableUserSelect,\n  ]);\n\n  const previousFilter = React.useRef([] as TableFilterValue<T>[]);\n  const currentFilter = React.useRef(previousFilter.current);\n  const tableStateReducer = (newState, action, previousState, instance) => {\n    switch (action.type) {\n      case TableActions.toggleSortBy:\n        onSort?.(newState);\n        break;\n\n      case TableActions.setFilter:\n        currentFilter.current = onFilterHandler(\n          newState,\n          action,\n          previousState,\n          currentFilter.current,\n          instance\n        );\n        break;\n\n      case TableActions.toggleRowExpanded:\n      case TableActions.toggleAllRowsExpanded:\n        onExpandHandler(newState, instance, onExpand);\n        break;\n\n      case singleRowSelectedAction:\n        newState = onSingleSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case shiftRowSelectedAction:\n        newState = onShiftSelectHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case TableActions.toggleRowSelected:\n      case TableActions.toggleAllRowsSelected:\n      case TableActions.toggleAllPageRowsSelected:\n        onToggleHandler(\n          newState,\n          action,\n          instance,\n          onSelect,\n          hasManualSelectionColumn ? undefined : isRowDisabled\n        );\n        break;\n\n      case tableResizeStartAction:\n        newState = onTableResizeStart(newState);\n        break;\n\n      case tableResizeEndAction:\n        newState = onTableResizeEnd(newState, action);\n        break;\n\n      default:\n        if (stateReducer) {\n          newState = stateReducer(newState, action, previousState, instance);\n        }\n        break;\n    }\n\n    return newState;\n  };\n\n  const filterTypes = React.useMemo(\n    () => ({ ...customFilterFunctions, ...filterFunctions }),\n    [filterFunctions]\n  );\n\n  const hasAnySubRows = React.useMemo(() => {\n    return data.some((item, index) =>\n      getSubRows ? getSubRows(item, index) : item.subRows\n    );\n  }, [data, getSubRows]);\n\n  const instance = useTable<T>(\n    {\n      manualPagination: !paginatorRenderer, // Prevents from paginating rows in regular table without pagination\n      paginateExpandedRows: false, // When false, it shows sub-rows in the current page instead of splitting them\n      ...props,\n      // @ts-ignore\n      columns,\n      defaultColumn,\n      disableSortBy: !isSortable,\n      // @ts-ignore\n      stateReducer: tableStateReducer,\n      filterTypes,\n      selectSubRows,\n      data,\n      getSubRows,\n      initialState: { pageSize, ...props.initialState },\n      columnResizeMode,\n    },\n    useFlexLayout,\n    useResizeColumns(ownerDocument),\n    useFilters,\n    useSubRowFiltering(hasAnySubRows),\n    useGlobalFilter,\n    useSortBy,\n    useExpanded,\n    usePagination,\n    useRowSelect,\n    useSubRowSelection,\n    useExpanderCell(subComponent, expanderCell, isRowDisabled),\n    useSelectionCell(isSelectable, selectionMode, isRowDisabled, density),\n    useColumnOrder,\n    useColumnDragAndDrop(enableColumnReordering),\n    useStickyColumns\n  );\n\n  const {\n    getTableProps,\n    rows,\n    headerGroups: _headerGroups,\n    getTableBodyProps,\n    prepareRow,\n    state,\n    allColumns,\n    dispatch,\n    // @ts-ignore\n    page,\n    // @ts-ignore\n    gotoPage,\n    // @ts-ignore\n    setPageSize,\n    flatHeaders,\n    visibleColumns,\n    // @ts-ignore\n    setGlobalFilter,\n  } = instance;\n\n  let headerGroups = _headerGroups;\n\n  if (columns.length === 1 && \"columns\" in columns[0]) {\n    headerGroups = _headerGroups.slice(1);\n    logWarningInDev(\n      `Table's \\`columns\\` prop should not have a top-level \\`Header\\` or sub-columns. They are only allowed to be passed for backwards compatibility.\\n See https://github.com/iTwin/iTwinUI/wiki/iTwinUI-react-v2-migration-guide#breaking-changes`\n    );\n  }\n\n  const ariaDataAttributes = Object.entries(rest).reduce(\n    (result, [key, value]) => {\n      if (key.startsWith(\"data-\") || key.startsWith(\"aria-\")) {\n        result[key] = value;\n      }\n      return result;\n    },\n    {} as Record<string, unknown>\n  );\n\n  const areFiltersSet =\n    allColumns.some(\n      // @ts-ignore\n      (column) => column.filterValue != null && column.filterValue !== \"\"\n    ) || !!globalFilterValue;\n\n  const showFilterButton = (column: HeaderGroup<T>) =>\n    (data.length !== 0 || areFiltersSet) && column.canFilter && !!column.Filter;\n\n  const showSortButton = (column: HeaderGroup<T>) =>\n    data.length !== 0 && column.canSort;\n\n  const onRowClickHandler = (event, row) => {\n    const isDisabled = isRowDisabled?.(row.original);\n\n    if (!isDisabled) {\n      onRowClick?.(event, row);\n    }\n\n    if (\n      isSelectable &&\n      !isDisabled &&\n      selectRowOnClick &&\n      !event.isDefaultPrevented()\n    ) {\n      if (selectionMode === \"multi\" && event.shiftKey) {\n        dispatch({\n          type: shiftRowSelectedAction,\n          id: row.id,\n        });\n      } else if (selectionMode === \"single\") {\n        dispatch({\n          type: singleRowSelectedAction,\n          id: row.id,\n        });\n      }\n    }\n  };\n\n  React.useEffect(() => {\n    setGlobalFilter(globalFilterValue);\n  }, [globalFilterValue, setGlobalFilter]);\n\n  React.useEffect(() => {\n    setPageSize(pageSize);\n  }, [pageSize, setPageSize]);\n\n  React.useEffect(() => {\n    if (previousFilter.current !== currentFilter.current) {\n      previousFilter.current = currentFilter.current;\n      // @ts-ignore\n      onFilter?.(currentFilter.current, state, instance.filteredRows);\n    } // @ts-ignore\n  }, [state, instance.filteredRows, onFilter]);\n\n  const lastPassedColumns = React.useRef([] as Column<T>[]);\n\n  // Reset the column order whenever new columns are passed\n  // This is to avoid the old columnOrder from affecting the new columns' columnOrder\n  React.useEffect(() => {\n    // Check if columns have changed (by value)\n    if (\n      lastPassedColumns.current.length > 0 &&\n      JSON.stringify(lastPassedColumns.current) !== JSON.stringify(columns)\n    ) {\n      // @ts-ignore\n      instance.setColumnOrder([]);\n    }\n    lastPassedColumns.current = columns;\n  }, [columns, instance]);\n\n  const paginatorRendererProps: TablePaginatorRendererProps = React.useMemo(\n    () => ({\n      // @ts-ignore\n      currentPage: state.pageIndex, // @ts-ignore\n      pageSize: state.pageSize,\n      totalRowsCount: rows.length,\n      size: density !== \"default\" ? \"small\" : \"default\",\n      isLoading,\n      onPageChange: gotoPage,\n      onPageSizeChange: setPageSize,\n      // @ts-ignore\n      totalSelectedRowsCount:\n        selectionMode === \"single\" ? 0 : instance.selectedFlatRows.length, // 0 when selectionMode = 'single' since totalSelectedRowCount is for multi-selection mode only\n    }),\n    [\n      density,\n      gotoPage,\n      isLoading,\n      rows.length,\n      setPageSize, // @ts-ignore\n      state.pageIndex, // @ts-ignore\n      state.pageSize, // @ts-ignore\n      instance.selectedFlatRows, // @ts-ignore\n      selectionMode,\n    ]\n  );\n\n  const headerRef = React.useRef<HTMLDivElement>(null);\n  const bodyRef = React.useRef<HTMLDivElement>(null);\n\n  const { scrollToIndex, tableRowRef } = useScrollToRow<T>({ ...props, page });\n  const columnRefs = React.useRef<Record<string, HTMLDivElement>>({});\n  const previousTableWidth = React.useRef(0);\n  const onTableResize = React.useCallback(\n    ({ width }: DOMRectReadOnly) => {\n      // Handle header properties, regardless of whether the table is resizable\n      setHeaderScrollWidth(headerRef.current?.scrollWidth ?? 0);\n      setHeaderClientWidth(headerRef.current?.clientWidth ?? 0);\n\n      // Handle table properties, but only when table is resizable\n      if (!isResizable) {\n        return;\n      }\n\n      instance.tableWidth = width;\n      if (width === previousTableWidth.current) {\n        return;\n      }\n      previousTableWidth.current = width;\n\n      // Update column widths when table was resized\n      flatHeaders.forEach((header) => {\n        if (columnRefs.current[header.id]) {\n          header.resizeWidth =\n            columnRefs.current[header.id].getBoundingClientRect().width;\n        }\n      });\n\n      // If no column was resized then leave table resize handling to the flexbox\n      if (Object.keys(state.columnResizing.columnWidths).length === 0) {\n        return;\n      }\n\n      dispatch({ type: tableResizeStartAction });\n    },\n    [\n      dispatch,\n      state.columnResizing.columnWidths,\n      flatHeaders,\n      instance,\n      isResizable,\n    ]\n  );\n  const [resizeRef] = useResizeObserver(onTableResize);\n\n  const [headerScrollWidth, setHeaderScrollWidth] = React.useState(0);\n  const [headerClientWidth, setHeaderClientWidth] = React.useState(0);\n\n  // Flexbox handles columns resize so we take new column widths before browser repaints.\n  useLayoutEffect(() => {\n    if (state.isTableResizing) {\n      const newColumnWidths: Record<string, number> = {};\n      flatHeaders.forEach((column) => {\n        if (columnRefs.current[column.id]) {\n          newColumnWidths[column.id] =\n            columnRefs.current[column.id].getBoundingClientRect().width;\n        }\n      });\n      dispatch({ type: tableResizeEndAction, columnWidths: newColumnWidths });\n    }\n  });\n\n  const getPreparedRow = React.useCallback(\n    (index: number) => {\n      const row = page[index];\n      prepareRow(row);\n      return (\n        <TableRowMemoized\n          row={row}\n          rowProps={rowProps}\n          isLast={index === page.length - 1}\n          onRowInViewport={onRowInViewportRef}\n          onBottomReached={onBottomReachedRef}\n          intersectionMargin={intersectionMargin}\n          state={state}\n          key={row.getRowProps().key}\n          onClick={onRowClickHandler}\n          subComponent={subComponent}\n          isDisabled={!!isRowDisabled?.(row.original)}\n          tableHasSubRows={hasAnySubRows}\n          tableInstance={instance}\n          expanderCell={expanderCell}\n          bodyRef={bodyRef.current}\n          tableRowRef={enableVirtualization ? undefined : tableRowRef(row)}\n          density={density}\n        />\n      );\n    },\n    [\n      page,\n      prepareRow,\n      rowProps,\n      intersectionMargin,\n      state,\n      onRowClickHandler,\n      subComponent,\n      isRowDisabled,\n      hasAnySubRows,\n      instance,\n      expanderCell,\n      enableVirtualization,\n      tableRowRef,\n      density,\n    ]\n  );\n\n  const virtualizedItemRenderer = React.useCallback(\n    (index: number) => getPreparedRow(index),\n    [getPreparedRow]\n  );\n\n  const updateStickyState = () => {\n    if (!bodyRef.current || flatHeaders.every((header) => !header.sticky)) {\n      return;\n    }\n\n    if (bodyRef.current.scrollLeft !== 0) {\n      dispatch({ type: TableActions.setScrolledRight, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledRight, value: false });\n    }\n\n    // If scrolled a bit to the left looking from the right side\n    if (\n      bodyRef.current.scrollLeft !==\n      bodyRef.current.scrollWidth - bodyRef.current.clientWidth\n    ) {\n      dispatch({ type: TableActions.setScrolledLeft, value: true });\n    } else {\n      dispatch({ type: TableActions.setScrolledLeft, value: false });\n    }\n  };\n\n  React.useEffect(() => {\n    updateStickyState();\n    // Call only on init\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const isHeaderDirectClick = React.useRef(false);\n\n  return (\n    <>\n      {header}\n      <Box\n        ref={(element) => {\n          ownerDocument.current = element?.ownerDocument;\n          resizeRef(element);\n        }}\n        id={id}\n        {...getTableProps({\n          className: cx(\"iui-table\", className),\n          style: {\n            minWidth: 0, // Overrides the min-width set by the react-table but when we support horizontal scroll it is not needed\n            ...style,\n          },\n        })}\n        data-iui-size={density === \"default\" ? undefined : density}\n        {...ariaDataAttributes}\n      >\n        {headerGroups.map((headerGroup: HeaderGroup<T>) => {\n          return (\n            <Box\n              as=\"div\"\n              ref={headerRef}\n              onScroll={() => {\n                if (headerRef.current && bodyRef.current) {\n                  bodyRef.current.scrollLeft = headerRef.current.scrollLeft;\n                  updateStickyState();\n                }\n              }}\n              key={headerGroup.getHeaderGroupProps().key}\n              {...headerWrapperProps}\n              className={cx(\n                \"iui-table-header-wrapper\",\n                headerWrapperProps?.className\n              )}\n            >\n              <Box\n                as=\"div\"\n                {...headerProps}\n                className={cx(\"iui-table-header\", headerProps?.className)}\n              >\n                <Box\n                  {...headerGroup.getHeaderGroupProps({\n                    className: \"iui-table-row\",\n                  })}\n                >\n                  {headerGroup.headers.map((column, index) => {\n                    const isEmptyHeader =\n                      !column.Header || column.Header.toString().trim() === \"\";\n\n                    const columnProps = column.getHeaderProps({\n                      className: cx(\"iui-table-cell\", column.columnClassName, {\n                        \"iui-actionable\": column.canSort && !isEmptyHeader,\n                        \"iui-sorted\": column.isSorted && !isEmptyHeader,\n                        \"iui-table-cell-sticky\": !!column.sticky,\n                        \"iui-empty-header\": isEmptyHeader,\n                      }),\n                      style: {\n                        ...getCellStyle(column, !!state.isTableResizing),\n                        ...getStickyStyle(column, visibleColumns),\n                        flexWrap: \"unset\",\n                        backgroundColor: isEmptyHeader\n                          ? \"transparent\"\n                          : undefined,\n                      },\n                      ...(isEmptyHeader ? { \"aria-hidden\": true } : {}),\n                    });\n\n                    return (\n                      <Box\n                        {...columnProps}\n                        key={columnProps.key}\n                        onMouseDown={() => {\n                          isHeaderDirectClick.current = true;\n                        }}\n                        onClick={(e) => {\n                          if (isHeaderDirectClick.current && !isEmptyHeader) {\n                            const toggleProps = column.getSortByToggleProps();\n                            if (toggleProps.onClick) {\n                              toggleProps.onClick(e);\n                            }\n                            isHeaderDirectClick.current = false;\n                          }\n                        }}\n                        tabIndex={\n                          showSortButton(column) && !isEmptyHeader\n                            ? 0\n                            : undefined\n                        }\n                      >\n                        {!isEmptyHeader ? (\n                          <Text weight={Text.weights.BOLD}>\n                            {column.render(\"Header\")}\n                          </Text>\n                        ) : null}\n                        {!isEmptyHeader &&\n                          (showFilterButton(column) ||\n                            showSortButton(column)) && (\n                            <Box className=\"iui-table-header-actions-container\">\n                              {showFilterButton(column) && (\n                                <FilterToggle column={column} />\n                              )}\n                              {showSortButton(column) && (\n                                <Box className=\"iui-table-cell-end-icon\">\n                                  <IconButton\n                                    ariaLabel={\n                                      column.isSortedDesc\n                                        ? \"Sort Descending\"\n                                        : \"Sort Ascending\"\n                                    }\n                                    size={IconButton?.sizes?.XXS}\n                                    className=\"iui-table-sort\"\n                                    icon={\n                                      column.isSortedDesc\n                                        ? MoveArrowDown\n                                        : MoveArrowUp\n                                    }\n                                  />\n                                </Box>\n                              )}\n                            </Box>\n                          )}\n                      </Box>\n                    );\n                  })}\n                </Box>\n              </Box>\n            </Box>\n          );\n        })}\n        <Box\n          {...bodyProps}\n          {...getTableBodyProps({\n            className: cx(\n              \"iui-table-body\",\n              {\n                \"iui-zebra-striping\": styleType === \"zebra-rows\",\n              },\n              bodyProps?.className\n            ),\n            style: { outline: 0 },\n          })}\n          ref={bodyRef}\n          onScroll={() => {\n            if (headerRef.current && bodyRef.current) {\n              headerRef.current.scrollLeft = bodyRef.current.scrollLeft;\n              updateStickyState();\n            }\n          }}\n          tabIndex={-1}\n          aria-multiselectable={\n            (isSelectable && selectionMode === \"multi\") || undefined\n          }\n        >\n          <ShadowRoot>\n            <slot />\n            {rows.length === 0 && headerScrollWidth > headerClientWidth && (\n              <div\n                aria-hidden\n                style={{\n                  // This ensures that the table-body is always the same width as the table-header,\n                  // even if the table has no rows. See https://github.com/iTwin/iTwinUI/pull/1725\n                  width: headerScrollWidth,\n                  height: 0.1,\n                }}\n              />\n            )}\n          </ShadowRoot>\n          {data.length !== 0 && (\n            <>\n              {enableVirtualization ? (\n                <VirtualScroll\n                  itemsLength={page.length}\n                  itemRenderer={virtualizedItemRenderer}\n                  scrollToIndex={scrollToIndex}\n                />\n              ) : (\n                page.map((_, index) => getPreparedRow(index))\n              )}\n            </>\n          )}\n          {isLoading && data.length === 0 && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyFilteredTableContent}</div>\n            </Box>\n          )}\n          {isLoading && data.length !== 0 && (\n            <Box className=\"iui-table-row\" data-iui-loading=\"true\">\n              <Box className=\"iui-table-cell table-loader-cell\">\n                <Loader size={20} color={Loader.colors.PRIMARY} />\n              </Box>\n            </Box>\n          )}\n          {!isLoading && data.length === 0 && !areFiltersSet && (\n            <Box\n              as=\"div\"\n              {...emptyTableContentProps}\n              className={cx(\n                \"iui-table-empty\",\n                emptyTableContentProps?.className\n              )}\n            >\n              <div>{emptyTableContent}</div>\n            </Box>\n          )}\n          {!isLoading &&\n            (data.length === 0 || rows.length === 0) &&\n            areFiltersSet && (\n              <Box\n                as=\"div\"\n                {...emptyTableContentProps}\n                className={cx(\n                  \"iui-table-empty\",\n                  emptyTableContentProps?.className\n                )}\n              >\n                <div>{emptyFilteredTableContent}</div>\n              </Box>\n            )}\n        </Box>\n        {paginatorRenderer?.(paginatorRendererProps)}\n      </Box>\n    </>\n  );\n};\n\nexport default Table;\nexport type { TablePaginatorRendererProps, TableProps };\n"],"names":["singleRowSelectedAction","shiftRowSelectedAction","tableResizeStartAction","tableResizeEndAction","logWarningInDev","createWarningLogger","flattenColumns","columns","flatColumns","forEach","column","push","apply","_toConsumableArray","Table","props","data","header","_props$isLoading","isLoading","emptyTableContent","className","style","id","_props$isSelectable","isSelectable","onSelect","onRowClick","_props$selectionMode","selectionMode","_props$isSortable","isSortable","onSort","stateReducer","onBottomReached","onRowInViewport","_props$intersectionMa","intersectionMargin","subComponent","onExpand","onFilter","globalFilterValue","emptyFilteredTableContent","filterFunctions","filterTypes","expanderCell","isRowDisabled","rowProps","_props$density","density","_props$selectSubRows","selectSubRows","getSubRows","_props$selectRowOnCli","selectRowOnClick","paginatorRenderer","_props$pageSize","pageSize","_props$isResizable","isResizable","_props$columnResizeMo","columnResizeMode","_props$styleType","styleType","_props$enableVirtuali","enableVirtualization","_props$enableColumnRe","enableColumnReordering","headerWrapperProps","headerProps","bodyProps","emptyTableContentProps","rest","__rest","useGlobals","ownerDocument","React","useRef","defaultColumn","useMemo","maxWidth","minWidth","width","onBottomReachedRef","onRowInViewportRef","useEffect","current","hasManualSelectionColumn","some","SELECTION_CELL_ID","disableUserSelect","useCallback","e","key","documentElement","userSelect","enableUserSelect","ownerDoc","addEventListener","removeEventListener","previousFilter","currentFilter","customFilterFunctions","hasAnySubRows","item","index","subRows","instance","useTable","Object","assign","manualPagination","paginateExpandedRows","disableSortBy","newState","action","previousState","type","TableActions","toggleSortBy","setFilter","onFilterHandler","toggleRowExpanded","toggleAllRowsExpanded","onExpandHandler","onSingleSelectHandler","undefined","onShiftSelectHandler","toggleRowSelected","toggleAllRowsSelected","toggleAllPageRowsSelected","onToggleHandler","onTableResizeStart","onTableResizeEnd","initialState","useFlexLayout","useResizeColumns","useFilters","useSubRowFiltering","useGlobalFilter","useSortBy","useExpanded","usePagination","useRowSelect","useSubRowSelection","useExpanderCell","useSelectionCell","useColumnOrder","useColumnDragAndDrop","useStickyColumns","getTableProps","rows","_headerGroups","headerGroups","getTableBodyProps","prepareRow","state","allColumns","dispatch","page","gotoPage","setPageSize","flatHeaders","visibleColumns","setGlobalFilter","length","slice","ariaDataAttributes","entries","reduce","result","_ref","_ref2","_slicedToArray","value","startsWith","areFiltersSet","filterValue","showFilterButton","canFilter","Filter","showSortButton","canSort","onRowClickHandler","event","row","isDisabled","original","isDefaultPrevented","shiftKey","filteredRows","lastPassedColumns","JSON","stringify","setColumnOrder","paginatorRendererProps","currentPage","pageIndex","totalRowsCount","size","onPageChange","onPageSizeChange","totalSelectedRowsCount","selectedFlatRows","headerRef","bodyRef","_useScrollToRow","useScrollToRow","scrollToIndex","tableRowRef","columnRefs","previousTableWidth","onTableResize","_ref3","setHeaderScrollWidth","_b","_a","scrollWidth","setHeaderClientWidth","_d","_c","clientWidth","tableWidth","resizeWidth","getBoundingClientRect","keys","columnResizing","columnWidths","_useResizeObserver","useResizeObserver","resizeRef","_React$useState","useState","_React$useState2","headerScrollWidth","_React$useState3","_React$useState4","headerClientWidth","useLayoutEffect","isTableResizing","newColumnWidths","getPreparedRow","_jsx","TableRowMemoized","isLast","onClick","tableHasSubRows","tableInstance","getRowProps","virtualizedItemRenderer","updateStickyState","every","sticky","scrollLeft","setScrolledRight","setScrolledLeft","isHeaderDirectClick","_jsxs","_Fragment","children","Box","ref","element","cx","map","headerGroup","as","onScroll","getHeaderGroupProps","headers","isEmptyHeader","Header","trim","columnProps","getHeaderProps","columnClassName","isSorted","getCellStyle","getStickyStyle","flexWrap","backgroundColor","_createElement","onMouseDown","toggleProps","getSortByToggleProps","tabIndex","Text","weight","weights","BOLD","render","FilterToggle","IconButton","ariaLabel","isSortedDesc","sizes","XXS","icon","MoveArrowDown","MoveArrowUp","outline","ShadowRoot","height","VirtualScroll","itemsLength","itemRenderer","_","Loader","color","colors","PRIMARY"],"mappings":"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"}

package/dist/mocked_classnames_esm/src/components/Table/Table.module.scss.js

@@ -0,0 +1,2 @@
+var e={tableContainerStyles:"tableContainerStyles",baseStyles:"baseStyles"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-89f65d6dfe25_0_0_82-table-tanstack";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))}(".tableContainerStyles {\n  overflow: auto;\n  position: relative;\n}\n\n.baseStyles {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin: 0;\n  padding: 0;\n  border: none;\n  vertical-align: baseline;\n  flex-direction: column;\n  isolation: isolate;\n  overflow: auto;\n  scrollbar-gutter: stable;\n  background-color: var(--surface-primary);\n  font-size: 14px;\n}");export{e as default};
+//# sourceMappingURL=Table.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/Table.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_154";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))}(".filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
+var e={filterButtonContainer:"filterButtonContainer",filterBox:"filterBox"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-1b5c482093a2_0_0_155";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))}(".filterButtonContainer {\n  position: relative;\n}\n\n.filterBox {\n  min-width: 250px;\n  z-index: 2;\n  position: absolute;\n  margin: 6px 0px 0px 0px;\n  display: flex;\n  gap: 5px;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.js

@@ -0,0 +1,2 @@
+import{defineProperty as l}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as i}from"../../../../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import t from"classnames";import{useTableContext as s}from"../TableContext/TableContext.js";import r from"./Cell.module.scss.js";var n=function(n){var o,a,c,m=n.className,u=n.contentClassName,f=n.align,d=n.children,p=n.cell,g=i(n,["className","contentClassName","align","children","cell"]),v=s().disableAnimations;if(!p)return console.error("Cell prop is missing"),null;if(!p.column)return console.error("Cell prop structure is incorrect. Missing 'column' property.",p),null;var y=null===(o=p.column.columnDef)||void 0===o?void 0:o.sticky,C=null===(a=p.column.columnDef)||void 0===a?void 0:a.isLastStickyLeft,b=null===(c=p.column.columnDef)||void 0===c?void 0:c.isFirstStickyRight;return e("td",Object.assign({className:t(r.baseCell,m,"left"===y&&r.stickyLeft,"right"===y&&r.stickyRight,C&&r.lastStickyLeft,b&&r.firstStickyRight)},g,{children:e("div",Object.assign({className:t(r.cellTransitionContainer,r["align-".concat(f)],l({},r.disableAnimation,v),u)},{children:d}))}))};n.displayName="Cell";export{n as default};
+//# sourceMappingURL=Cell.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../TableContext\";\nimport styles from \"./Cell.module.scss\"; // Import SCSS module\nimport { CellProps as BaseCellProps } from \"./Cell.types\";\nimport { LGRowData } from \"../useLeafyGreenTable\";\n\nconst Cell = <T extends LGRowData>({\n  className,\n  contentClassName,\n  align,\n  children,\n  cell,\n  ...rest\n}: BaseCellProps<T>) => {\n  const { disableAnimations } = useTableContext();\n\n  if (!cell) {\n    console.error(\"Cell prop is missing\");\n    return null;\n  }\n\n  if (!cell.column) {\n    console.error(\"Cell prop structure is incorrect. Missing 'column' property.\", cell);\n    return null;\n  }\n\n  const sticky = cell.column.columnDef?.sticky;\n  const isLastStickyLeft = cell.column.columnDef?.isLastStickyLeft;\n  const isFirstStickyRight = cell.column.columnDef?.isFirstStickyRight;\n\n  return (\n    <td\n      className={cx(\n        styles.baseCell,\n        className,\n        sticky === \"left\" && styles.stickyLeft,\n        sticky === \"right\" && styles.stickyRight,\n        isLastStickyLeft && styles.lastStickyLeft,\n        isFirstStickyRight && styles.firstStickyRight\n      )}\n      {...rest}\n    >\n      <div\n        className={cx(\n          styles.cellTransitionContainer,\n          styles[`align-${align}`],\n          { [styles.disableAnimation]: disableAnimations },\n          contentClassName\n        )}\n      >\n        {children}\n      </div>\n    </td>\n  );\n};\n\nCell.displayName = \"Cell\";\n\nexport default Cell;\n"],"names":["Cell","_a","className","contentClassName","align","children","cell","rest","__rest","disableAnimations","useTableContext","console","error","column","sticky","_b","columnDef","isLastStickyLeft","_c","isFirstStickyRight","_d","_jsx","Object","assign","cx","styles","baseCell","stickyLeft","stickyRight","lastStickyLeft","firstStickyRight","cellTransitionContainer","concat","_defineProperty","disableAnimation","displayName"],"mappings":"0TAQA,IAAMA,EAAO,SAAsBC,aACjCC,EAMiBD,EANjBC,UACAC,EAKiBF,EALjBE,iBACAC,EAIiBH,EAJjBG,MACAC,EAGiBJ,EAHjBI,SACAC,EAEiBL,EAFjBK,KACGC,EAAIC,EAAAP,EAN0B,4DAQzBQ,EAAsBC,IAAtBD,kBAER,IAAKH,EAEH,OADAK,QAAQC,MAAM,wBACP,KAGT,IAAKN,EAAKO,OAER,OADAF,QAAQC,MAAM,+DAAgEN,GACvE,KAGT,IAAMQ,EAAgC,QAAvBC,EAAAT,EAAKO,OAAOG,iBAAW,IAAAD,OAAA,EAAAA,EAAAD,OAChCG,EAA0C,QAAvBC,EAAAZ,EAAKO,OAAOG,iBAAW,IAAAE,OAAA,EAAAA,EAAAD,iBAC1CE,EAA4C,QAAvBC,EAAAd,EAAKO,OAAOG,iBAAW,IAAAI,OAAA,EAAAA,EAAAD,mBAElD,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOC,SACPxB,EACW,SAAXY,GAAqBW,EAAOE,WACjB,UAAXb,GAAsBW,EAAOG,YAC7BX,GAAoBQ,EAAOI,eAC3BV,GAAsBM,EAAOK,mBAE3BvB,EAAI,CAAAF,SAERgB,EACE,MAAAC,OAAAC,OAAA,CAAArB,UAAWsB,EACTC,EAAOM,wBACPN,EAAM,SAAAO,OAAU5B,IAAQ6B,EACrBR,CAAAA,EAAAA,EAAOS,iBAAmBzB,GAC7BN,IAGD,CAAAE,SAAAA,OAIT,EAEAL,EAAKmC,YAAc"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.module.scss.js

@@ -0,0 +1,2 @@
+var n={baseCell:"baseCell",stickyLeft:"stickyLeft",stickyRight:"stickyRight",lastStickyLeft:"lastStickyLeft",firstStickyRight:"firstStickyRight",firstChildCell:"firstChildCell",cellTransitionContainer:"cellTransitionContainer",truncatedContent:"truncatedContent",disableAnimation:"disableAnimation",cellContentTransitionEntered:"cellContentTransitionEntered",cellContentTransitionEntering:"cellContentTransitionEntering",cellContentTransitionExiting:"cellContentTransitionExiting",cellContentTransitionExited:"cellContentTransitionExited",cellContentTransitionUnmounted:"cellContentTransitionUnmounted","align-left":"align-left","align-right":"align-right","align-center":"align-center"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-adcf278e278b_0_0_82-table-tanstack";if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}(".baseCell {\n  overflow: hidden;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n  transition: all 0.3s ease-out;\n}\n.baseCell:focus-visible {\n  box-shadow: inset 0 0 0 1px black;\n}\n.baseCell:last-child {\n  padding-right: 32px;\n}\n.baseCell.stickyLeft {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell.stickyRight {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n.baseCell.lastStickyLeft {\n  box-shadow: inset -10px 0 5px -5px var(--shadow-color);\n}\n.baseCell.firstStickyRight {\n  box-shadow: inset 10px 0 5px -5px var(--shadow-color);\n}\n.firstChildCell {\n  padding-left: 40px;\n}\n.cellTransitionContainer {\n  display: flex;\n  align-items: center;\n  min-height: 40px;\n  transition-property: min-height, max-height, opacity, padding, transform;\n  transition-duration: 250ms;\n  transition-timing-function: ease;\n}\n.truncatedContent {\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  -webkit-box-align: start;\n}\n.disableAnimation {\n  transition-duration: 0;\n  transition: none;\n}\n.cellContentTransitionEntered {\n  opacity: 1;\n  min-height: 40px;\n  max-height: unset;\n}\n.cellContentTransitionEntering,\n.cellContentTransitionExiting,\n.cellContentTransitionExited,\n.cellContentTransitionUnmounted {\n  opacity: 0;\n  min-height: 0;\n  max-height: 0;\n  overflow: hidden;\n}\n.align-left {\n  justify-content: left;\n  text-align: left;\n}\n.align-right {\n  justify-content: right;\n  text-align: right;\n}\n.align-center {\n  justify-content: center;\n  text-align: center;\n}");export{n as default};
+//# sourceMappingURL=Cell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.types.js

@@ -0,0 +1,2 @@
+var t={Default:"default",Truncate:"truncate"};export{t as CellOverflowBehavior};
+//# sourceMappingURL=Cell.types.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/Cell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.types.js","sources":["../../../../../../../src/components/Table/components/Cell/Cell.types.ts"],"sourcesContent":["import { CSSProperties, ReactNode } from 'react';\nimport { Cell as ReactTableCell } from '@tanstack/react-table';\nimport { LGRowData, LGTableDataType } from '../useLeafyGreenTable';\n\nexport type Align = 'left' | 'right' | 'center';\n\nexport const CellOverflowBehavior = {\n  Default: 'default',\n  Truncate: 'truncate',\n  // Expand: 'expand', // Uncomment this when you implement the expand functionality\n} as const;\n\nexport type CellOverflowBehavior = (typeof CellOverflowBehavior)[keyof typeof CellOverflowBehavior];\n\ninterface BaseHTMLAttributes {\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n  // Add other HTML attributes as necessary\n}\n\ninterface BaseCellProps extends BaseHTMLAttributes {\n  /**\n   * Alignment of the cell's contents\n   *\n   * Overrides `<td>`'s deprecated `align` prop\n   */\n  align?: Align;\n\n  children?: ReactNode;\n\n  /** A `className` applied to the inner `div` of the Cell */\n  contentClassName?: string;\n\n  /**\n   * Defines how a cell should behave when its content is larger than the standard cell height.\n   *\n   * `Default`: The cell height will be fixed to the standard cell height (40px by default).\n   * Any overflowing content will be clipped.\n   *\n   * `Truncate`: The cell height will be fixed to the standard cell height (40px by default),\n   * and include an ellipsis before the content is clipped.\n   *\n   * Note: It's recommended to provide the same value for all cells in a given row.\n   *\n   * @default CellOverflowBehavior.Default\n   */\n  overflow?: CellOverflowBehavior;\n}\n\nexport type LeafyGreenTableCell<T extends LGRowData> = ReactTableCell<LGTableDataType<T>, unknown>;\n\nexport interface CellProps<T extends LGRowData> extends BaseCellProps {\n  cell: LeafyGreenTableCell<T>;\n}\n\nexport interface InternalCellProps extends BaseCellProps {\n  /**\n   * Index of the cell in its parent row.\n   */\n  cellIndex: number;\n  children?: ReactNode;\n\n  /**\n   * Depth of nesting its parent row has.\n   */\n  depth: number;\n\n  /**\n   * Defines whether the cell's row is visible (i.e. expanded)\n   *\n   * @default true\n   */\n  isVisible?: boolean;\n\n  /**\n   * Defines whether the cell's row is expandable\n   *\n   * @default false\n   */\n  isExpandable?: boolean;\n}\n"],"names":["CellOverflowBehavior","Default","Truncate"],"mappings":"AAMO,IAAMA,EAAuB,CAClCC,QAAS,UACTC,SAAU"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js

@@ -0,0 +1,2 @@
+import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as o}from"../../../../../../_virtual/_tslib.js";import{jsx as s,jsxs as l}from"react/jsx-runtime";import n from"classnames";import{useTableContext as t}from"../../TableContext/TableContext.js";import i from"./HeaderCell.module.scss.js";import{SortState as r}from"./HeaderCell.types.js";import c from"../../../../Icon/Icons/components/MoveArrowUp.js";import a from"../../../../Icon/Icons/components/MoveArrowDown.js";import m from"../../../../IconButton/IconButton.js";var d={false:r.Off,asc:r.Asc,desc:r.Desc},u=function(u){var f,g,v,p,h,b,j=u.children,z=u.className,C=u.header,I=o(u,["children","className","cellIndex","header"]);t();if(C&&C.column.getCanSort()){var S=""+C.column.getIsSorted();h=d[S],b=C.column.getToggleSortingHandler()}var x=null==C?void 0:C.getSize(),y=null===(f=null==C?void 0:C.column.columnDef)||void 0===f?void 0:f.isResizable,D=null===(g=null==C?void 0:C.column.columnDef)||void 0===g?void 0:g.sticky;return s("th",Object.assign({className:n(z,i.headerCell,y&&i.resizableHeaderCell,"left"===D&&i.stickyLeft,"right"===D&&i.stickyRight),scope:"col"},I,{children:l("div",Object.assign({className:n(i.headerCellContent),style:{minWidth:x?"".concat(x,"px"):void 0}},{children:[j,b&&s(m,{ariaLabel:"asc"===h?"Sort Descending":"Sort Ascending",size:null===(v=null==m?void 0:m.sizes)||void 0===v?void 0:v.XXS,className:n(i.sortIcon,e({},i.visible,h!==r.Off)),icon:"asc"===h?a:c,onClick:b}),y&&s("div",Object.assign({},{onDoubleClick:function(){return C.column.resetSize()},onMouseDown:C.getResizeHandler(),onTouchStart:C.getResizeHandler(),className:n(i.resizer,C.column.getIsResizing()&&i.isResizing),style:{transform:C.column.getIsResizing()?"translateX(".concat(null!==(p=C.getStart())&&void 0!==p?p:0,"px)"):""}}))]}))}))};export{u as default};
+//# sourceMappingURL=HeaderCell.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.tsx"],"sourcesContent":["//@ts-nocheck\nimport React, { PropsWithChildren } from \"react\";\nimport cx from \"classnames\";\nimport { useTableContext } from \"../../TableContext\";\nimport { LGRowData } from \"../../useLeafyGreenTable\";\nimport styles from \"./HeaderCell.module.scss\";\nimport { HeaderCellProps, SortState, SortStates } from \"./HeaderCell.types\";\nimport MoveArrowUp from \"../../../../Icon/Icons/components/MoveArrowUp\";\nimport MoveArrowDown from \"../../../../Icon/Icons/components/MoveArrowDown\";\nimport IconButton from \"../../../../IconButton/IconButton\";\n\nconst HeaderSortState: SortStates = {\n  false: SortState.Off,\n  asc: SortState.Asc,\n  desc: SortState.Desc,\n};\n\nconst HeaderCell = <T extends LGRowData>({\n  children,\n  className,\n  cellIndex,\n  header,\n  ...rest\n}: PropsWithChildren<HeaderCellProps<T>>) => {\n  const { table } = useTableContext();\n\n  const isFirstCell = cellIndex === 0;\n  const isSelectable = !!table && !!table.hasSelectableRows;\n\n  let columnName, sortState, onSortIconClick;\n\n  if (header && header.column.getCanSort()) {\n    columnName = header.column.columnDef.header as string;\n    const headerSortDirection = header.column.getIsSorted().toString();\n    sortState = HeaderSortState[headerSortDirection];\n    onSortIconClick = header.column.getToggleSortingHandler();\n  }\n\n  const headerSize = header?.getSize();\n  const isResizable = header?.column.columnDef?.isResizable;\n  const sticky = header?.column.columnDef?.sticky;\n\n  return (\n    <th\n      className={cx(\n        className,\n        styles.headerCell,\n        isResizable && styles.resizableHeaderCell,\n        sticky === 'left' && styles.stickyLeft,\n        sticky === 'right' && styles.stickyRight\n      )}\n      scope=\"col\"\n      {...rest}\n    >\n      <div\n        className={cx(styles.headerCellContent)}\n        style={{ minWidth: headerSize ? `${headerSize}px` : undefined }}\n      >\n        {children}\n        {onSortIconClick && (\n          <IconButton\n            ariaLabel={\n              sortState === \"asc\" ? \"Sort Descending\" : \"Sort Ascending\"\n            }\n            size={IconButton?.sizes?.XXS}\n            className={cx(styles.sortIcon, {\n              [styles.visible]: sortState !== SortState.Off,\n            })}\n            icon={sortState === \"asc\" ? MoveArrowDown : MoveArrowUp}\n            onClick={onSortIconClick}\n          />\n        )}\n        {isResizable && (\n          <div\n            {...{\n              onDoubleClick: () => header.column.resetSize(),\n              onMouseDown: header.getResizeHandler(),\n              onTouchStart: header.getResizeHandler(),\n              className: cx(\n                styles.resizer,\n                header.column.getIsResizing() && styles.isResizing\n              ),\n              style: {\n                transform: header.column.getIsResizing()\n                  ? `translateX(${header.getStart() ?? 0}px)`\n                  : \"\",\n              },\n            }}\n          />\n        )}\n      </div>\n    </th>\n  );\n};\n\nexport default HeaderCell;\n"],"names":["HeaderSortState","false","SortState","Off","asc","Asc","desc","Desc","HeaderCell","_a","sortState","onSortIconClick","children","className","header","rest","__rest","useTableContext","column","getCanSort","headerSortDirection","getIsSorted","getToggleSortingHandler","headerSize","getSize","isResizable","_b","columnDef","sticky","_c","_jsx","Object","assign","cx","styles","headerCell","resizableHeaderCell","stickyLeft","stickyRight","scope","_jsxs","headerCellContent","style","minWidth","concat","undefined","IconButton","ariaLabel","size","_d","sizes","XXS","sortIcon","_defineProperty","visible","icon","MoveArrowDown","MoveArrowUp","onClick","onDoubleClick","resetSize","onMouseDown","getResizeHandler","onTouchStart","resizer","getIsResizing","isResizing","transform","_e","getStart"],"mappings":"2jBAWA,IAAMA,EAA8B,CAClCC,MAAOC,EAAUC,IACjBC,IAAKF,EAAUG,IACfC,KAAMJ,EAAUK,MAGZC,EAAa,SAAsBC,eAYvBC,EAAWC,EAX3BC,EAGMH,EAHNG,SACAC,EAEMJ,EAFNI,UAEAC,EAAML,EAANK,OACGC,EALoCC,EAAAP,EAAA,CAAA,WAAA,YAAA,YAAA,WAOrBQ,IAOlB,GAAIH,GAAUA,EAAOI,OAAOC,aAAc,CAExC,IAAMC,EAAsBN,KAAOI,OAAOG,cAC1CX,EAAYV,EAAgBoB,GAC5BT,EAAkBG,EAAOI,OAAOI,yBACjC,CAED,IAAMC,EAAaT,eAAAA,EAAQU,UACrBC,EAAsC,QAAxBC,EAAAZ,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAD,OAAA,EAAAA,EAAED,YACxCG,EAAiC,QAAxBC,EAAAf,aAAM,EAANA,EAAQI,OAAOS,iBAAS,IAAAE,OAAA,EAAAA,EAAED,OAEzC,OACEE,EACE,KAAAC,OAAAC,OAAA,CAAAnB,UAAWoB,EACTpB,EACAqB,EAAOC,WACPV,GAAeS,EAAOE,oBACX,SAAXR,GAAqBM,EAAOG,WACjB,UAAXT,GAAsBM,EAAOI,aAE/BC,MAAM,OACFxB,YAEJyB,EACE,MAAAT,OAAAC,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOO,mBACrBC,MAAO,CAAEC,SAAUpB,EAAU,GAAAqB,OAAMrB,EAAiBsB,WAAAA,IAAW,CAAAjC,SAAA,CAE9DA,EACAD,GACCmB,EAACgB,EACC,CAAAC,UACgB,QAAdrC,EAAsB,kBAAoB,iBAE5CsC,KAAyB,QAAnBC,EAAAH,aAAU,EAAVA,EAAYI,aAAO,IAAAD,OAAA,EAAAA,EAAAE,IACzBtC,UAAWoB,EAAGC,EAAOkB,SAAQC,EAAA,CAAA,EAC1BnB,EAAOoB,QAAU5C,IAAcR,EAAUC,MAE5CoD,KAAoB,QAAd7C,EAAsB8C,EAAgBC,EAC5CC,QAAS/C,IAGZc,GACCK,EACM,MAAAC,OAAAC,OAAA,GAAA,CACF2B,cAAe,WAAA,OAAM7C,EAAOI,OAAO0C,WAAW,EAC9CC,YAAa/C,EAAOgD,mBACpBC,aAAcjD,EAAOgD,mBACrBjD,UAAWoB,EACTC,EAAO8B,QACPlD,EAAOI,OAAO+C,iBAAmB/B,EAAOgC,YAE1CxB,MAAO,CACLyB,UAAWrD,EAAOI,OAAO+C,gBAAerB,cAAAA,OACD,QAArBwB,EAAAtD,EAAOuD,kBAAc,IAAAD,EAAAA,EAAA,EACnC,OAAA,aAQpB"}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js

@@ -0,0 +1,2 @@
+var e={headerCellContent:"headerCellContent",headerCell:"headerCell",sortIcon:"sortIcon",stickyLeft:"stickyLeft",stickyRight:"stickyRight",visible:"visible",resizableHeaderCell:"resizableHeaderCell",resizer:"resizer",isResizing:"isResizing",tableSort:"tableSort",tableSortsorted:"tableSortsorted"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-176eea49fa0f_0_0_82-table-tanstack";if(n.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(".headerCellContent {\n  height: 40px;\n}\n\n.headerCell {\n  position: relative;\n}\n\n.headerCell:hover .sortIcon,\n.headerCell .sortIcon:hover {\n  opacity: 1;\n}\n\n.headerCell.stickyLeft {\n  position: sticky;\n  left: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.headerCell.stickyRight {\n  position: sticky;\n  right: 0;\n  z-index: 1;\n  background-color: var(--surface-primary);\n}\n\n.sortIcon {\n  opacity: 0;\n  transition: opacity 0.3s ease;\n}\n\n.sortIcon.visible {\n  opacity: 1;\n}\n\n.resizableHeaderCell {\n  position: relative;\n}\n\n.headerCellContent {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  border-block-start: solid 1px transparent;\n  border-block-end: solid 1px transparent;\n  border-block-end-color: var(--divider-primary);\n}\n\n.resizer {\n  position: absolute;\n  inline-size: 6px;\n  width: 5px;\n  height: 100%;\n  block-size: 100%;\n  margin-inline: auto;\n  cursor: col-resize;\n  right: 0;\n  top: 0;\n  background-color: transparent;\n  transition: background-color 0.3s ease-out, width 0.3s ease-out;\n}\n\n.resizer:hover {\n  background-color: var(--divider-secondary);\n}\n\n.isResizing {\n  background-color: rgba(173, 216, 230, 0.5);\n  user-select: none;\n  inline-size: var(--spacing-small);\n  background-color: var(--divider-selected);\n}\n\n.tableSort {\n  opacity: 1;\n  color: var(--icon-secondary);\n}\n\n.tableSortsorted {\n  background-color: var(--surface-primary-hover);\n}\n\n.tableSortsorted .tableSort {\n  opacity: 1;\n  --_iui-table-cell-icon-fill: var(--icon-primary);\n}");export{e as default};
+//# sourceMappingURL=HeaderCell.module.scss.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js

@@ -0,0 +1,2 @@
+var e={Asc:"asc",Desc:"desc",Off:"off",None:"none"};export{e as SortState};
+//# sourceMappingURL=HeaderCell.types.js.map

package/dist/mocked_classnames_esm/src/components/Table/components/Cell/HeaderCell/HeaderCell.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.types.js","sources":["../../../../../../../../src/components/Table/components/Cell/HeaderCell/HeaderCell.types.ts"],"sourcesContent":["import { Header } from \"@tanstack/react-table\";\nimport { CSSProperties } from 'react';\n\nimport { LGRowData } from \"../../useLeafyGreenTable\";\n\nexport const SortState = {\n  Asc: \"asc\",\n  Desc: \"desc\",\n  Off: \"off\",\n  None: \"none\",\n} as const;\n\nexport type SortState = (typeof SortState)[keyof typeof SortState];\n\nexport interface SortStates {\n  [key: string]: SortState;\n}\n\nexport interface HeaderCellProps<T extends LGRowData> {\n  align?: \"left\" | \"center\" | \"right\";\n  sortState?: SortState;\n  header?: Header<T, unknown>;\n  cellIndex?: number;\n  className?: string;\n  style?: CSSProperties;\n  id?: string;\n}\n"],"names":["SortState","Asc","Desc","Off","None"],"mappings":"AAKO,IAAMA,EAAY,CACvBC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,KAAM"}