@cerebruminc/cerebellum 11.2.2 → 12.0.0

package/lib/esm/Table-a135dcaa.js

@@ -1,1137 +0,0 @@
-import { _ as __assign, a as __makeTemplateObject, f as __spreadArray } from './tslib.es6-1648722c.js';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import React__default, { useState, useEffect, useRef, useReducer, useCallback } from 'react';
-import { styled, useTheme } from 'styled-components';
-import { TextStyleEnum, ButtonColorFamilyEnum } from './ButtonColorFamilyEnum.js';
-import { isOdd, isBrowser, noop } from './isEmptyObject.js';
-import { removeString, addOrRemoveString, replaceObjectById, makeIdString, getObjectById } from './addOrRemoveById.js';
-import { colors } from './colors.js';
-import { BoxedButton } from './BoxedButton.js';
-import './Button.js';
-import { SecondaryButton } from './SecondaryButton.js';
-import { S as SingleButton } from './SingleButton-7a26cb33.js';
-import { TextButton } from './TextButton.js';
-import { ButtonVariantEnum } from './ButtonVariantEnum.js';
-import { H as HorizontalTabMenu } from './HorizontalTabMenu-8775f37d.js';
-import { I as IconButton } from './IconButton-b31ebf93.js';
-import { pressedEnter } from './pressedEnter.js';
-import './IconComponentStyles-7fba9dcb.js';
-import { ArrowUp } from './ArrowUp.js';
-import { CaretLeft } from './CaretLeft.js';
-import { CaretRight } from './CaretRight.js';
-import { X } from './Close-67a64ca0.js';
-import { Edit } from './Edit.js';
-import { Ellipsis } from './Ellipsis.js';
-import { Filter } from './Filter.js';
-import { PlusCircle } from './PlusCircle.js';
-import { Sort } from './Sort.js';
-import { T as TextLink } from './TextLink-ae7a4ea6.js';
-import { T as Tooltip } from './Tooltip-9a18d45a.js';
-import { T as TooltipOptions } from './TooltipOptions-fedcfe46.js';
-import './TooltipOptionsStyles-d3588ab1.js';
-import { T as TableFiltersPanel } from './TableFiltersPanel-44bae887.js';
-import { getPosition } from './getPosition.js';
-import { loadingPseudo } from './Loading.js';
-import { Scroller } from './Scroller.js';
-import { absoluteAfter } from './focusAfter.js';
-import { BodySPrimary, HeadingH3, BodyMSecondary, BodySEmphasis, BodySSecondary, BodySTertiary } from './BodyLEmphasis.js';
-import { a as CheckContainer, C as Checkbox } from './Checkbox-702a7fea.js';
-import { a as RadioContainer, R as Radio } from './Radio-bcba286a.js';
-import { I as InlineCurrencyInput } from './InlineCurrencyInput-1cc1fed2.js';
-import { I as InlineInput } from './InlineInput-380c8be0.js';
-import { I as InlinePhoneInput } from './InlinePhoneInput-c5c3de39.js';
-import { T as Toggle } from './Toggle-02d8a391.js';
-import { D as DropdownInput } from './DropdownInput-894e3d7a.js';
-import { M as MultiSelect } from './MultiSelect-10d395fc.js';
-import { u as useMeasure } from './useMeasure-90ab7d68.js';
-import { usePrevious } from './usePrevious.js';
-import { EditEnum } from './EditEnum.js';
-import { T as TruncatePicker } from './TruncatePicker-a3a5efbe.js';
-import { M as MoreMenuButton } from './MoreMenuButton-7bc8fc43.js';
-import { TableOptionLabel } from './TableOptionLabel.js';
-import update from 'immutability-helper';
-import { C as ClickOutHandler } from './ClickOutHandler-1bb9b06e.js';
-
-var EmptySearchIcon = function () {
-    return (jsxs("svg", __assign({ viewBox: "0 0 59 60", version: "1.1" }, { children: [jsx("title", { children: "49698A2B-CC72-4B34-BA08-89E56D98B580" }, void 0), jsxs("defs", { children: [jsxs("linearGradient", __assign({ x1: "49.9985243%", y1: "104.484072%", x2: "49.9985243%", y2: "55.1253368%", id: "linearGradient-1" }, { children: [jsx("stop", { stopColor: "#DCE2ED", stopOpacity: "0", offset: "0.17%" }, void 0), jsx("stop", { stopColor: "#DCE2ED", offset: "99.66%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "-1701.69525%", y1: "-8870.974%", x2: "518.234746%", y2: "2440.116%", id: "linearGradient-2" }, { children: [jsx("stop", { stopColor: "#FFFFFF", stopOpacity: "0.8", offset: "0%" }, void 0), jsx("stop", { stopColor: "#7EAEFF", offset: "100%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "-1507.17%", y1: "-7884.19%", x2: "712.77%", y2: "3426.9%", id: "linearGradient-3" }, { children: [jsx("stop", { stopColor: "#FFFFFF", stopOpacity: "0.8", offset: "0%" }, void 0), jsx("stop", { stopColor: "#7EAEFF", offset: "100%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "-1635.81471%", y1: "-8541.44386%", x2: "584.115288%", y2: "2769.64614%", id: "linearGradient-4" }, { children: [jsx("stop", { stopColor: "#FFFFFF", stopOpacity: "0.8", offset: "0%" }, void 0), jsx("stop", { stopColor: "#7EAEFF", offset: "100%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "-1790.06448%", y1: "-9319.13016%", x2: "429.865519%", y2: "1991.94984%", id: "linearGradient-5" }, { children: [jsx("stop", { stopColor: "#FFFFFF", stopOpacity: "0.8", offset: "0%" }, void 0), jsx("stop", { stopColor: "#7EAEFF", offset: "100%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "-1476.89528%", y1: "-7736.26807%", x2: "743.034718%", y2: "3574.82193%", id: "linearGradient-6" }, { children: [jsx("stop", { stopColor: "#FFFFFF", stopOpacity: "0.8", offset: "0%" }, void 0), jsx("stop", { stopColor: "#7EAEFF", offset: "100%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "52.5635867%", y1: "187.750618%", x2: "50.4706199%", y2: "70.8183427%", id: "linearGradient-7" }, { children: [jsx("stop", { stopColor: "#DCE2ED", stopOpacity: "0", offset: "0.17%" }, void 0), jsx("stop", { stopColor: "#DCE2ED", offset: "99.66%" }, void 0)] }), void 0), jsxs("linearGradient", __assign({ x1: "143.143991%", y1: "128.579782%", x2: "47.3045392%", y2: "46.6703715%", id: "linearGradient-8" }, { children: [jsx("stop", { stopColor: "#DCE2ED", stopOpacity: "0", offset: "0.17%" }, void 0), jsx("stop", { stopColor: "#DCE2ED", offset: "99.66%" }, void 0)] }), void 0)] }, void 0), jsx("g", __assign({ id: "4-Templates", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: jsx("g", __assign({ id: "Tables", transform: "translate(-481.000000, -702.000000)" }, { children: jsx("g", __assign({ id: "No-Results", transform: "translate(425.000000, 702.000000)" }, { children: jsxs("g", __assign({ id: "Empty-Search", transform: "translate(56.093260, 0.000000)" }, { children: [jsx("path", { d: "M24.4016808,44.7744888 C24.3849456,44.7972488 24.3464963,44.827958 24.3386726,44.8651103 C24.3248999,44.9055134 24.3342451,44.9502113 24.3630512,44.9817123 C24.3918573,45.0132132 24.4355436,45.0265079 24.4770141,45.0163938 C24.5184846,45.0062797 24.5511449,44.9743651 24.5622139,44.9331391 C24.5797859,44.8544834 24.5056905,44.7778359 24.4016808,44.7744888 Z", id: "Path" }, void 0), jsx("path", { d: "M15.2513821,44.2836435 C15.2479096,44.300588 15.2639336,44.3212979 15.2717573,44.3406689 L15.3333849,44.2889988 L15.2943081,44.2446922 C15.2789535,44.2574947 15.2543526,44.2683726 15.2513821,44.2836435 Z", id: "Path" }, void 0), jsx("path", { d: "M20.6034452,46.9448016 C20.5687662,46.9405167 20.5338842,46.9510162 20.5073324,46.9737317 C20.4807806,46.9964472 20.465008,47.0292834 20.4638731,47.0642077 C20.4596986,47.1244751 20.5036803,47.1773601 20.563699,47.1842414 C20.5971833,47.1944256 20.6334364,47.1896225 20.6631135,47.1710703 C20.6927907,47.1525181 20.7129883,47.1220318 20.7185002,47.0874697 C20.7233408,47.0530783 20.713715,47.0182185 20.6919129,46.9911839 C20.6701108,46.9641493 20.6380815,46.9473568 20.6034452,46.9448016 Z", id: "Path" }, void 0), jsx("path", { d: "M17.6008877,43.4912706 C17.5631002,43.5456218 17.5560923,43.6156445 17.5823594,43.6764064 C17.6086265,43.7371682 17.6644361,43.7800351 17.7299166,43.789744 C17.8503326,43.8117755 17.9707937,43.7514596 18.025294,43.6418461 C18.0537708,43.587672 18.045418,43.5214842 18.004375,43.4760833 C17.9512467,43.4198899 17.8764676,43.3893347 17.7991898,43.3922434 C17.721912,43.3951522 17.6496415,43.4312423 17.6008877,43.4912706 L17.6008877,43.4912706 Z", id: "Path" }, void 0), jsx("path", { d: "M20.841337,48.5738959 C20.8216312,48.5646915 20.7576607,48.6052745 20.7442725,48.6366531 C20.7156552,48.7025064 20.777743,48.7914543 20.8394543,48.7789029 C20.8763137,48.7714975 20.9071903,48.7342616 20.9604502,48.6964399 C20.9117506,48.6430962 20.883468,48.5936854 20.841337,48.5738959 Z", id: "Path" }, void 0), jsx("path", { d: "M29.2231942,48.0299998 C29.1974938,48.0457008 29.1731563,48.0635306 29.1504376,48.0833016 L29.199723,48.1425863 C29.2221555,48.1227415 29.2419528,48.100104 29.2586311,48.0752269 C29.2625221,48.0676542 29.2265413,48.0280753 29.2231942,48.0299998 Z", id: "Path" }, void 0), jsx("path", { d: "M33.8423364,45.1935817 C33.8134904,45.1883629 33.7837617,45.1950819 33.7599637,45.2121988 C33.7361658,45.2293156 33.720339,45.2553627 33.7161106,45.2843705 C33.7137012,45.3193531 33.7253279,45.3538543 33.7484192,45.3802433 C33.7715106,45.4066322 33.8041637,45.4227345 33.8391567,45.4249885 C33.8743592,45.4261934 33.9084182,45.4123966 33.9328577,45.3870316 C33.9572971,45.3616666 33.9698189,45.3271185 33.967307,45.291985 C33.9566382,45.2219479 33.9040477,45.199439 33.8423364,45.1935817 Z", id: "Path" }, void 0), jsx("path", { d: "M32.6358912,46.2320048 C32.5817907,46.138061 32.4871518,46.0745475 32.3797133,46.0600803 C32.2722749,46.0456132 32.1642066,46.0818312 32.0871837,46.1581186 C32.0401007,46.2027156 31.9965555,46.2509049 31.9569415,46.3022511 C31.9634264,46.4684741 32.0905307,46.5021957 32.1864656,46.5645764 C32.2659317,46.6174764 32.3618815,46.639773 32.456531,46.6273336 C32.6037748,46.5716119 32.6874748,46.4159371 32.6527519,46.2623793 C32.6482156,46.2516897 32.642564,46.2415085 32.6358912,46.2320048 L32.6358912,46.2320048 Z", id: "Path" }, void 0), jsx("path", { d: "M14.2495674,42.6296973 C14.2455577,42.6524916 14.2528895,42.6758114 14.2692216,42.6922101 C14.2855537,42.7086088 14.3088435,42.7160354 14.3316538,42.7121185 C14.3582211,42.7106123 14.383324,42.683292 14.4338226,42.652541 C14.3988526,42.6203488 14.3591632,42.5936964 14.3161319,42.5735087 C14.2988109,42.5689902 14.2529562,42.6067282 14.2495674,42.6296973 Z", id: "Path" }, void 0), jsx("path", { d: "M27.4406793,44.4086978 C27.50115,44.4133943 27.5598362,44.3869066 27.5963173,44.3384515 C27.5106327,44.3512958 27.4245298,44.3627595 27.3384269,44.374516 C27.3687525,44.3950288 27.4041143,44.4068498 27.4406793,44.4086978 L27.4406793,44.4086978 Z", id: "Path" }, void 0), jsx("path", { d: "M5.29866932,33.049637 C5.25891412,33.0400791 5.21698407,33.0469688 5.18237763,33.0687455 C5.14777119,33.0905222 5.12341715,33.1253429 5.11483244,33.1653195 C5.10490089,33.2106092 5.1138954,33.2579904 5.13973289,33.2964899 C5.16557037,33.3349894 5.20600958,33.3612676 5.25168506,33.3692387 C5.34778935,33.3740517 5.43138669,33.3040378 5.44351303,33.2085802 C5.44689911,33.1679248 5.43321076,33.1276944 5.40573195,33.0975407 C5.37825315,33.0673871 5.33946359,33.0500312 5.29866932,33.049637 L5.29866932,33.049637 Z", id: "Path" }, void 0), jsx("path", { d: "M4.50734234,31.1788855 C4.42209049,31.170757 4.34618588,31.2327781 4.33716054,31.3179396 C4.32813521,31.4031012 4.38935385,31.4796544 4.47441571,31.4895757 C4.50852759,31.4997049 4.54529071,31.4955444 4.57627618,31.478048 C4.60726164,31.4605516 4.62981164,31.4312202 4.638756,31.3967786 C4.66162907,31.3004749 4.6031938,31.2035851 4.50734234,31.1788855 L4.50734234,31.1788855 Z", id: "Path" }, void 0), jsx("path", { d: "M3.81851885,34.2646591 C3.80849859,34.3100226 3.81352131,34.3574153 3.8328275,34.3996708 C3.88759075,34.4946003 3.9992745,34.5409278 4.10515209,34.5126338 C4.21042996,34.4922845 4.28878802,34.4035669 4.29597595,34.2965816 C4.28918093,34.2492143 4.27270304,34.2037542 4.2475692,34.1630342 C4.1835384,34.1007022 4.09208963,34.0754234 4.00513546,34.0960194 C3.91818129,34.1166154 3.84778738,34.1802282 3.81851885,34.2646591 L3.81851885,34.2646591 Z", id: "Path" }, void 0), jsx("path", { d: "M6.41654315,40.3847871 C6.38943202,40.3879668 6.34638055,40.4190107 6.3442468,40.4407247 C6.34153284,40.4645519 6.35001068,40.4882921 6.36720374,40.5050103 C6.3843968,40.5217285 6.4083651,40.5295383 6.43210694,40.5261583 C6.460013,40.5246521 6.48649655,40.4955327 6.50641152,40.4832741 C6.51142843,40.4574854 6.50394694,40.4308436 6.48623825,40.4114366 C6.46852955,40.3920295 6.44268231,40.3821463 6.41654315,40.3847871 Z", id: "Path" }, void 0), jsx("path", { d: "M6.85973479,37.6590727 C6.82507374,37.6548882 6.79017342,37.6646816 6.76274953,37.6862878 C6.73532564,37.7078941 6.71763697,37.7395335 6.71359409,37.7742114 C6.71332268,37.8465094 6.76653788,37.9078758 6.8381463,37.9178418 C6.91019028,37.9234742 6.97467603,37.8733287 6.98696463,37.8021174 C6.98280569,37.7307225 6.93015743,37.67153 6.85973479,37.6590727 Z", id: "Path" }, void 0), jsx("path", { d: "M10.5625376,44.0070096 C10.5552577,44.0669218 10.6175129,44.1381304 10.6662544,44.1199726 C10.7041597,44.1059568 10.7324423,44.0658759 10.7851166,44.019561 C10.730727,43.980024 10.6996412,43.9424115 10.6615685,43.9331652 C10.638298,43.9268472 10.6134149,43.931576 10.5940844,43.9459902 C10.574754,43.9604043 10.5631218,43.9829038 10.5625376,44.0070096 Z", id: "Path" }, void 0), jsx("path", { d: "M9.43909926,39.1989681 C9.38726178,39.196165 9.34082142,39.224071 9.34605119,39.2728543 C9.36495677,39.3305594 9.39267451,39.3849928 9.42822134,39.4342241 C9.47604236,39.3780773 9.51256707,39.3510917 9.52637366,39.3153619 C9.53452657,39.2878791 9.5291952,39.2581594 9.5119979,39.2352242 C9.49480061,39.2122889 9.46776554,39.1988431 9.43909926,39.1989681 L9.43909926,39.1989681 Z", id: "Path" }, void 0), jsx("path", { d: "M40.8824019,41.1409282 C40.8101164,41.129334 40.740544,41.1735012 40.720279,41.2438501 C40.7073108,41.277064 40.7090099,41.3142156 40.7249557,41.3461071 C40.7409015,41.3779987 40.7696033,41.4016489 40.8039554,41.4112027 C40.8648531,41.4213429 40.9236235,41.3840254 40.9403478,41.3245977 C40.9724579,41.257671 40.9471052,41.1773112 40.8824019,41.1409282 L40.8824019,41.1409282 Z", id: "Path" }, void 0), jsx("path", { d: "M41.9968032,39.8763698 C41.9321263,39.8846634 41.8742055,39.9205468 41.8379799,39.9747648 C41.8017543,40.0289828 41.7907707,40.0962272 41.807862,40.1591539 C41.8182379,40.1880641 41.8547208,40.2075607 41.8723347,40.224798 C41.9381096,40.2412966 42.0078107,40.2255476 42.0601022,40.1823718 C42.1123936,40.1391961 42.1410486,40.0737349 42.1372957,40.0060262 C42.1330112,39.9320306 42.0709043,39.8747139 41.9968032,39.8763698 L41.9968032,39.8763698 Z", id: "Path" }, void 0), jsx("path", { d: "M24.6149718,0 C14.6048216,-0.000697265166 5.59143069,6.06127341 1.81723297,15.3326562 C-1.95696475,24.6040389 0.259979557,35.2376584 7.4245918,42.2284694 C7.45166878,42.1911979 7.49736697,42.1722688 7.54286828,42.1794769 C7.58360337,42.1825948 7.62093221,42.2033882 7.64502559,42.2363818 C7.66911897,42.2693754 7.67756208,42.3112624 7.66813174,42.3510133 C7.66217412,42.3794826 7.64656738,42.4050209 7.62395064,42.4233097 C15.5104478,49.9448462 27.4028254,51.3881763 36.859579,45.9715204 C36.8492157,45.9416387 36.845824,45.9097826 36.8496634,45.8783887 C36.8559375,45.8372822 36.878633,45.8004848 36.9125499,45.7764275 C36.9464668,45.7523702 36.988698,45.7431149 37.0295675,45.7507823 C37.0689849,45.7591488 37.1043394,45.7807839 37.1297281,45.8120752 C46.6843932,40.1700869 51.2831944,28.8330378 48.3591352,18.129135 C45.4350759,7.42523223 35.7110818,0.000840313523 24.6149718,0 L24.6149718,0 Z M4.10515209,34.5127175 C3.9992745,34.5410115 3.88759075,34.4946839 3.8328275,34.3997545 C3.81352131,34.357499 3.80849859,34.3101063 3.81851885,34.2647427 C3.84780669,34.1803253 3.91820895,34.116733 4.00516071,34.0961545 C4.09211248,34.0755761 4.18355019,34.1008665 4.2475692,34.1632015 C4.27270304,34.2039215 4.28918093,34.2493817 4.29597595,34.2967489 C4.28875151,34.4037023 4.21040155,34.4923764 4.10515209,34.5127175 L4.10515209,34.5127175 Z M4.63871416,31.3967786 C4.6297698,31.4312202 4.6072198,31.4605516 4.57623434,31.478048 C4.54524887,31.4955444 4.50848575,31.4997049 4.47437387,31.4895757 C4.38931202,31.4796544 4.32809337,31.4031012 4.33711871,31.3179396 C4.34614404,31.2327781 4.42204865,31.170757 4.5073005,31.1788855 C4.60315196,31.2035851 4.66158724,31.3004749 4.63871416,31.3967786 L4.63871416,31.3967786 Z M5.25168506,33.3692387 C5.20600958,33.3612676 5.16557037,33.3349894 5.13973289,33.2964899 C5.1138954,33.2579904 5.10490089,33.2106092 5.11483244,33.1653195 C5.12341715,33.1253429 5.14777119,33.0905222 5.18237763,33.0687455 C5.21698407,33.0469688 5.25891412,33.0400791 5.29866932,33.049637 C5.3394715,33.0500303 5.37826822,33.0673919 5.40574839,33.097555 C5.43322857,33.1277181 5.44691139,33.1679597 5.44351303,33.208622 C5.43136674,33.3040629 5.34777515,33.3740537 5.25168506,33.3692387 L5.25168506,33.3692387 Z M6.43210694,40.5261583 C6.4083651,40.5295383 6.3843968,40.5217285 6.36720374,40.5050103 C6.35001068,40.4882921 6.34153284,40.4645519 6.3442468,40.4407247 C6.34638055,40.4190107 6.38943202,40.3879668 6.41654315,40.3847871 C6.44268231,40.3821463 6.46852955,40.3920295 6.48623825,40.4114366 C6.50394694,40.4308436 6.51142843,40.4574854 6.50641152,40.4832741 C6.48628736,40.4955327 6.460013,40.5246521 6.43210694,40.5261583 L6.43210694,40.5261583 Z M6.8381463,37.9178418 C6.76653788,37.9078758 6.71332268,37.8465094 6.71359409,37.7742114 C6.71763697,37.7395335 6.73532564,37.7078941 6.76274953,37.6862878 C6.79017342,37.6646816 6.82507374,37.6548882 6.85973479,37.6590727 C6.93015743,37.67153 6.98280569,37.7307225 6.98696463,37.8021174 C6.97461891,37.8732783 6.9101496,37.9233567 6.8381463,37.9177163 L6.8381463,37.9178418 Z M9.52637366,39.3152364 C9.51256707,39.3509661 9.47616787,39.3779936 9.42822134,39.4340986 C9.39267451,39.3848673 9.36495677,39.3304338 9.34605119,39.2727288 C9.34082142,39.2240292 9.38726178,39.1960394 9.43909926,39.1988426 C9.46779516,39.1987056 9.49486018,39.2121681 9.5120634,39.235136 C9.52926661,39.2581039 9.5345748,39.2878625 9.52637366,39.3153619 L9.52637366,39.3152364 Z M10.6662544,44.1199726 C10.6175129,44.1380049 10.5552577,44.0667963 10.5625376,44.0070096 C10.5631973,43.9829483 10.574861,43.9605202 10.5941807,43.946163 C10.6135004,43.9318058 10.6383397,43.9271074 10.6615685,43.9334163 C10.6996412,43.9426625 10.7308943,43.980275 10.7851166,44.0198121 C10.7324423,44.0660014 10.7041597,44.1060824 10.6662544,44.1200981 L10.6662544,44.1199726 Z M14.3316538,42.711993 C14.3088435,42.7159099 14.2855537,42.7084832 14.2692216,42.6920845 C14.2528895,42.6756858 14.2455577,42.652366 14.2495674,42.6295718 C14.2529562,42.6066027 14.2988109,42.5688646 14.3161319,42.5733832 C14.3591632,42.5935708 14.3988526,42.6202233 14.4338226,42.6524154 C14.383324,42.683292 14.3582211,42.7106123 14.3316538,42.7121185 L14.3316538,42.711993 Z M15.2716318,44.3405434 C15.2639754,44.3213815 15.247784,44.3004624 15.2512566,44.283518 C15.2543526,44.2682471 15.2789535,44.2573691 15.2941826,44.2445667 L15.3332594,44.2888733 L15.2716318,44.3405434 Z M18.025294,43.6418461 C17.9707937,43.7514596 17.8503326,43.8117755 17.7299166,43.789744 C17.6644361,43.7800351 17.6086265,43.7371682 17.5823594,43.6764064 C17.5560923,43.6156445 17.5631002,43.5456218 17.6008877,43.4912706 C17.6496418,43.4311998 17.7219399,43.395081 17.7992509,43.3921719 C17.876562,43.3892628 17.95137,43.4198463 18.0045005,43.4760833 C18.0454881,43.5215216 18.0537737,43.5877061 18.0252522,43.6418461 L18.025294,43.6418461 Z M20.563699,47.1842414 C20.5036803,47.1773601 20.4596986,47.1244751 20.4638731,47.0642077 C20.465008,47.0292834 20.4807806,46.9964472 20.5073324,46.9737317 C20.5338842,46.9510162 20.5687662,46.9405167 20.6034452,46.9448016 C20.6380815,46.9473568 20.6701108,46.9641493 20.6919129,46.9911839 C20.713715,47.0182185 20.7233408,47.0530783 20.7185002,47.0874697 C20.7129883,47.1220318 20.6927907,47.1525181 20.6631135,47.1710703 C20.6334364,47.1896225 20.5971833,47.1944256 20.563699,47.1842414 L20.563699,47.1842414 Z M20.8394543,48.7789029 C20.7778267,48.7914543 20.7156552,48.7023809 20.7442725,48.6366531 C20.757828,48.6054419 20.8216312,48.5648589 20.841337,48.5738959 C20.883468,48.5936017 20.9117506,48.6430125 20.9604502,48.696398 C20.9071903,48.7343034 20.8763137,48.7715394 20.8394543,48.7789029 Z M24.4769058,45.0159787 C24.4369557,45.0195294 24.397634,45.0042516 24.3705609,44.9746598 C24.3434878,44.9450681 24.3317588,44.904546 24.3388399,44.8650684 C24.3466637,44.8279161 24.3851548,44.7972069 24.4018482,44.774447 C24.5058579,44.777794 24.5799532,44.8543997 24.5623812,44.9330973 C24.5490934,44.9730086 24.5172015,45.0039483 24.4769058,45.0160205 L24.4769058,45.0159787 Z M29.199723,48.1424608 L29.1504376,48.0831761 C29.1731563,48.0634051 29.1974938,48.0455753 29.2231942,48.0298743 C29.2265413,48.0280334 29.2625221,48.0675286 29.2586311,48.0751013 C29.2419557,48.0999932 29.2221583,48.1226449 29.199723,48.1425026 L29.199723,48.1424608 Z M32.456531,46.6272499 C32.3618815,46.6396894 32.2659317,46.6173927 32.1864656,46.5644927 C32.0905307,46.502112 31.9634264,46.4682649 31.9569415,46.3021674 C31.9965555,46.2508212 32.0401007,46.2026319 32.0871837,46.158035 C32.1642066,46.0817475 32.2722749,46.0455296 32.3797133,46.0599967 C32.4871518,46.0744638 32.5817907,46.1379773 32.6358912,46.2319212 C32.6425179,46.2414172 32.6481272,46.251584 32.6526264,46.2622538 C32.6874111,46.415805 32.603763,46.5715185 32.456531,46.6272918 L32.456531,46.6272499 Z M33.8391567,45.4249467 C33.8041637,45.4226926 33.7715106,45.4065904 33.7484192,45.3802014 C33.7253279,45.3538124 33.7137012,45.3193113 33.7161106,45.2843286 C33.720339,45.2553209 33.7361658,45.2292738 33.7599637,45.2121569 C33.7837617,45.1950401 33.8134904,45.1883211 33.8423364,45.1935398 C33.9040477,45.1993972 33.9566382,45.2219061 33.967307,45.2919432 C33.9698314,45.3270836 33.9573151,45.3616431 33.9328742,45.3870176 C33.9084333,45.4123921 33.874367,45.4261945 33.8391567,45.4249885 L33.8391567,45.4249467 Z M27.5963173,44.3384097 C27.5598362,44.3868648 27.50115,44.4133524 27.4406793,44.4086559 C27.4041143,44.406808 27.3687525,44.3949869 27.3384269,44.3744742 C16.501045,45.817581 6.53830075,38.2221993 5.059645,27.3896104 C3.58098925,16.5570215 11.143643,6.56941105 21.9713222,5.0552223 C32.7990014,3.54103354 42.8113707,11.070878 44.3610761,21.893531 C45.9107816,32.7161839 38.4138275,42.7532042 27.5963173,44.3384097 L27.5963173,44.3384097 Z M40.9405151,41.324514 C40.9237909,41.3839418 40.8650204,41.4212592 40.8041227,41.411119 C40.7697706,41.4015653 40.7410688,41.377915 40.7251231,41.3460235 C40.7091773,41.3141319 40.7074782,41.2769803 40.7204464,41.2437664 C40.7407114,41.1734176 40.8102837,41.1292503 40.8825693,41.1408445 C40.9472956,41.1772295 40.9726518,41.2576185 40.9405151,41.3245559 L40.9405151,41.324514 Z M41.8723347,40.2247561 C41.8547208,40.2075188 41.8182379,40.1880222 41.807862,40.1591121 C41.7907707,40.0961853 41.8017543,40.028941 41.8379799,39.974723 C41.8742055,39.920505 41.9321263,39.8846216 41.9968032,39.8763279 C42.0709196,39.874673 42.1330329,39.932014 42.1372957,40.0060262 C42.1410486,40.0737349 42.1123936,40.1391961 42.0601022,40.1823718 C42.0078107,40.2255476 41.9381096,40.2412966 41.8723347,40.224798 L41.8723347,40.2247561 Z", id: "Shape", fill: "url(#linearGradient-1)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M34.8506361,40.6915863 C34.8222921,40.6865913 34.7931335,40.6932877 34.7698089,40.7101486 C34.7464842,40.7270095 34.730982,40.7525975 34.7268369,40.7810782 C34.7103109,40.8632902 34.7495969,40.9412765 34.8166635,40.9354191 C34.8611831,40.9244748 34.9032211,40.9051807 34.9405463,40.8785611 C34.9548106,40.8419138 34.9532336,40.8009913 34.9361912,40.7655505 C34.9191488,40.7301096 34.8881683,40.7033263 34.8506361,40.6915863 L34.8506361,40.6915863 Z", id: "Path", fill: "url(#linearGradient-2)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M35.9958721,36.2707152 L36.0116869,36.3223017 L36.0399695,36.3143942 C36.0351632,36.297061 36.0294798,36.279983 36.0229413,36.2632262 L35.9958721,36.2707152 Z", id: "Path", fill: "url(#linearGradient-3)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M19.0706623,42.3498837 C19.0023374,42.3279437 18.9284642,42.3610549 18.8993769,42.4266567 C18.8813471,42.463458 18.8811649,42.5064899 18.8988826,42.5434425 C18.9166003,42.5803951 18.9502661,42.6071979 18.9902494,42.6161836 C19.0297351,42.626501 19.0717279,42.6200776 19.1063238,42.5984285 C19.1409198,42.5767793 19.1650561,42.5418208 19.1730403,42.5017981 C19.1815321,42.4679057 19.1752301,42.4320016 19.1557037,42.4030271 C19.1361772,42.3740527 19.1052639,42.3547346 19.0706623,42.3498837 L19.0706623,42.3498837 Z", id: "Path", fill: "url(#linearGradient-4)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M27.4745683,44.0476763 C27.4214649,44.0424762 27.3685794,44.0595021 27.3284838,44.0947066 C27.2883883,44.1299111 27.264664,44.1801497 27.2629508,44.2334796 C27.259628,44.2908924 27.2887011,44.3453399 27.3382595,44.374516 C27.4243625,44.3627595 27.5104654,44.3512958 27.59615,44.3384515 C27.6167993,44.3121261 27.6291234,44.2802378 27.631545,44.2468678 C27.6405944,44.1492676 27.5715797,44.0616931 27.4745683,44.0476763 Z", id: "Path", fill: "url(#linearGradient-5)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M13.3812163,40.0321751 C13.3517688,40.0385116 13.3234651,40.0493195 13.297289,40.0642231 L13.3516786,40.1601162 C13.3778406,40.1358828 13.4008382,40.1084431 13.4201258,40.0784481 C13.4242259,40.0699131 13.393977,40.0312546 13.3812163,40.0321751 Z", id: "Path", fill: "url(#linearGradient-6)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M37.8439891,36.5142551 C33.2034629,41.1504755 26.5808151,43.2100163 20.1294185,42.0232119 C13.6780218,40.8364075 8.22188894,36.5548442 5.53509677,30.5706841 C7.65418184,37.7058127 13.5691007,43.0679142 20.8772821,44.4789654 C28.1854635,45.8900166 35.671419,43.1153331 40.2944404,37.281959 C44.9174619,31.4485849 45.9086537,23.5267205 42.8654052,16.7341348 C44.9475566,23.7494174 43.0201939,31.3415916 37.8439891,36.5142551 L37.8439891,36.5142551 Z", id: "Path", fill: "url(#linearGradient-7)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M57.8094107,51.4963333 L44.8002528,38.487301 C42.775364,41.3996542 40.1479999,43.8426271 37.0962575,45.6506217 C37.0708929,45.6193152 37.0355507,45.5976639 36.9961388,45.589287 C36.9650563,45.5841676 36.9331512,45.5891381 36.905099,45.6034701 L50.3037282,59.0020576 C51.6421431,60.3326475 53.8038549,60.3326475 55.1422697,59.0020576 L57.8094107,56.3348748 C59.1400006,54.9964599 59.1400006,52.8347482 57.8094107,51.4963333 Z", id: "Path", fill: "url(#linearGradient-8)", fillRule: "nonzero" }, void 0), jsx("path", { d: "M19.8023281,23.6562586 C19.7857194,23.5008944 19.7501431,23.3481496 19.6963939,23.2014359 C19.6432598,23.0558031 19.5709244,22.9179142 19.4813039,22.791422 C19.1506014,22.3257375 18.5858993,22.0858928 18.0211521,22.1712549 C15.8874058,22.4022434 16.2424863,25.719131 18.3800817,25.4877241 C18.6766676,25.4613936 18.9604294,25.354558 19.2007372,25.1787493 C19.3264704,25.0840461 19.435943,24.9695005 19.5248574,24.8396091 C19.5829981,24.7546983 19.6326081,24.6642512 19.6729645,24.5695857 C19.7134164,24.4747534 19.74519,24.37645 19.7678953,24.2758818 C19.7908139,24.1746976 19.8051456,24.0717585 19.8107376,23.9681621 C19.8135951,23.9162828 19.8142938,23.8641524 19.8129132,23.8120639 C19.8115325,23.7599754 19.8078926,23.7080961 19.8023281,23.6562586 Z", id: "Path", fill: "#C0C7D5", fillRule: "nonzero" }, void 0), jsx("path", { d: "M32.1857962,23.4781535 C32.1650277,23.3686215 32.1352779,23.260985 32.0968483,23.1563344 C31.8456868,22.4012467 31.0884417,21.9356637 30.3012799,22.0523508 C30.1661729,22.0664573 30.0328734,22.0944126 29.9034827,22.1357761 C29.7301912,22.1909094 29.5673417,22.2746391 29.4216744,22.3834999 C29.3761386,22.417724 29.3325454,22.4544591 29.2910975,22.4935343 C28.9315324,22.8500171 28.740467,23.3425494 28.7655684,23.8482539 C28.7685499,23.9599765 28.7805264,24.0712773 28.8013819,24.1810765 C28.8323596,24.345292 28.8837595,24.504987 28.954384,24.6564417 C28.9778692,24.7066475 29.003502,24.7556121 29.0312826,24.8033355 C29.1415687,24.9953272 29.2888684,25.1635173 29.4646422,25.2981554 C29.6014802,25.4018845 29.7546394,25.4820979 29.9178332,25.5355033 C30.0350606,25.5737802 30.1561676,25.598953 30.2789384,25.6105609 C30.5503227,25.6350561 30.8238703,25.605463 31.0837372,25.5234957 C31.2570305,25.4683354 31.4198894,25.3846081 31.5655873,25.275772 C31.6111017,25.2415228 31.6546804,25.2047742 31.6961224,25.1656958 C31.8173512,25.0510243 31.9197323,24.9179472 31.9994909,24.7713711 C32.0259745,24.7230899 32.0499896,24.6734698 32.0716617,24.6228875 C32.1366345,24.4699545 32.1808997,24.3090321 32.2032846,24.1443844 C32.2336089,23.9228278 32.2277024,23.6978142 32.1857962,23.4781535 L32.1857962,23.4781535 Z", id: "Path", fill: "#C0C7D5", fillRule: "nonzero" }, void 0), jsx("path", { d: "M27.5671979,27.9028738 C27.6382111,27.6932762 27.6190288,27.4636047 27.5142308,27.2686909 C27.4718917,27.1912347 27.4144104,27.1230825 27.3452047,27.0682861 C27.2269698,26.9776651 27.0823579,26.9281682 26.9333916,26.9273334 C26.0852763,26.9032625 25.2372168,26.8792195 24.3892131,26.8552044 L21.8450763,26.7831172 C21.7919882,26.7814005 21.7388647,26.785172 21.6865515,26.7943717 C21.370897,26.8571087 21.1499452,27.1431441 21.1689716,27.4644099 C21.1689101,27.5522725 21.1832121,27.6395542 21.2113119,27.7228023 C21.2253365,27.7642322 21.2430201,27.8043318 21.2641535,27.8426268 C21.3064794,27.9200921 21.3639627,27.9882468 21.4331796,28.0430316 C21.5514519,28.1336426 21.6960865,28.1831371 21.8450763,28.1839844 L26.9333916,28.3281587 C27.2176258,28.3501687 27.4798179,28.1742374 27.5671979,27.9028738 L27.5671979,27.9028738 Z", id: "Path", fill: "#C0C7D5", fillRule: "nonzero" }, void 0)] }), void 0) }), void 0) }), void 0) }), void 0)] }), void 0));
-};
-
-var cellSidePadding = 16;
-var TableGroup = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: auto;\n  padding: ", ";\n  /* padding: 20px ", "px 30px 20px; */\n"], ["\n  overflow: auto;\n  padding: ", ";\n  /* padding: 20px ", "px 30px 20px; */\n"])), function (_a) {
-    var $bottomPadding = _a.$bottomPadding, $highlightRowExtend = _a.$highlightRowExtend, theme = _a.theme, $topPadding = _a.$topPadding;
-    return "".concat($topPadding !== null && $topPadding !== void 0 ? $topPadding : theme.table.topPadding, "px  ").concat(($highlightRowExtend || theme.table.highlightRowExtend) + 20, "px ").concat($bottomPadding !== null && $bottomPadding !== void 0 ? $bottomPadding : theme.table.bottomPadding, "px 20px");
-}, function (_a) {
-    var highlightRowExtend = _a.$highlightRowExtend, theme = _a.theme;
-    return (highlightRowExtend || theme.table.highlightRowExtend) + 20;
-});
-var FullWidth = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  min-width: ", "px;\n  position: relative;\n"], ["\n  min-width: ", "px;\n  position: relative;\n"])), function (_a) {
-    var $minimum = _a.$minimum;
-    return $minimum;
-});
-var HeaderBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  border-bottom: 1px solid\n    ", ";\n  display: ", ";\n  align-items: end;\n  grid-template-columns: ", " [col-", "];\n  grid-template-rows: [header] minmax(40px, 1fr);\n  position: relative;\n"], ["\n  border-bottom: 1px solid\n    ", ";\n  display: ", ";\n  align-items: end;\n  grid-template-columns: ", " [col-", "];\n  grid-template-rows: [header] minmax(40px, 1fr);\n  position: relative;\n"])), function (_a) {
-    var headerUnderlineColor = _a.$headerUnderlineColor, $headerless = _a.$headerless, $hideDivider = _a.$hideDivider, theme = _a.theme;
-    return $headerless && $hideDivider ? "transparent" : headerUnderlineColor || theme.table.headerUnderlineColor;
-}, function (_a) {
-    var $headerless = _a.$headerless;
-    return ($headerless ? "block" : "grid");
-}, function (_a) {
-    var $columns = _a.$columns;
-    return $columns === null || $columns === void 0 ? void 0 : $columns.map(function (_a, index) {
-        var fixedWidth = _a.fixedWidth, minWidth = _a.minWidth, width = _a.width;
-        return fixedWidth ? "[col-".concat(index, "] ").concat(width, "px ") : "[col-".concat(index, "] minmax(").concat(minWidth || 0, "px, ").concat(width, "fr) ");
-    });
-}, function (_a) {
-    var $columns = _a.$columns;
-    return $columns.length;
-});
-var HeaderCell = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  text-align: left;\n"], ["\n  display: flex;\n  position: relative;\n  text-align: left;\n"])));
-var HeaderClickTarget = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  padding-top: 12px;\n  position: relative;\n  pointer-events: ", ";\n  &:after {\n    ", ";\n    border: solid 1px transparent;\n    border-radius: 5px;\n    opacity: 0;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: 0;\n    pointer-events: none;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n      border: solid 1px ", ";\n    }\n  }\n  &:focus-visible {\n    outline: none;\n  }\n"], ["\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  padding-top: 12px;\n  position: relative;\n  pointer-events: ", ";\n  &:after {\n    ", ";\n    border: solid 1px transparent;\n    border-radius: 5px;\n    opacity: 0;\n    transition: opacity 350ms ease-out 50ms;\n    z-index: 0;\n    pointer-events: none;\n  }\n  &:focus-visible {\n    outline: none;\n    &:after {\n      opacity: 1;\n      border: solid 1px ", ";\n    }\n  }\n  &:focus-visible {\n    outline: none;\n  }\n"])), function (_a) {
-    var $index = _a.$index;
-    return $index;
-}, function (_a) {
-    var $index = _a.$index;
-    return $index + 1;
-}, function (_a) {
-    var $clickable = _a.$clickable;
-    return ($clickable ? "all" : "none");
-}, absoluteAfter({ offset: 0 }), function (_a) {
-    var theme = _a.theme;
-    return theme.focusColor;
-});
-var HeaderLabel = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  color: ", ";\n  cursor: ", ";\n  font-size: ", "px;\n  font-weight: 700;\n  line-height: 140%;\n  margin: auto 0;\n  padding: 0 ", "px 11px ", "px;\n  position: relative;\n  &:hover {\n    color: ", ";\n  }\n"], ["\n  color: ", ";\n  cursor: ", ";\n  font-size: ", "px;\n  font-weight: 700;\n  line-height: 140%;\n  margin: auto 0;\n  padding: 0 ", "px 11px ", "px;\n  position: relative;\n  &:hover {\n    color: ", ";\n  }\n"])), function (_a) {
-    var _b;
-    var $active = _a.$active, $activeHeaderColor = _a.$activeHeaderColor, $inactiveHeaderColor = _a.$inactiveHeaderColor, theme = _a.theme;
-    return $active ? $activeHeaderColor || theme.table.activeHeaderColor : $inactiveHeaderColor || ((_b = theme.table) === null || _b === void 0 ? void 0 : _b.inactiveHeaderColor);
-}, function (_a) {
-    var $clickable = _a.$clickable;
-    return ($clickable ? "pointer" : "auto");
-}, function (_a) {
-    var $headerFontSize = _a.$headerFontSize, theme = _a.theme;
-    return $headerFontSize || theme.table.headerFontSize;
-}, function (_a) {
-    var $sortable = _a.$sortable;
-    return ($sortable ? cellSidePadding + 25 : cellSidePadding);
-}, cellSidePadding, function (_a) {
-    var $active = _a.$active, $activeHeaderColor = _a.$activeHeaderColor, $clickable = _a.$clickable, $inactiveHeaderColor = _a.$inactiveHeaderColor, $inactiveHeaderColorHover = _a.$inactiveHeaderColorHover, theme = _a.theme;
-    return $active
-        ? $activeHeaderColor || theme.table.activeHeaderColor
-        : $clickable
-            ? $inactiveHeaderColorHover || theme.table.inactiveHeaderColorHover
-            : $inactiveHeaderColor || theme.table.inactiveHeaderColor;
-});
-var SortIcon = styled.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: block;\n  bottom: ", "px;\n  height: ", "px;\n  opacity: ", ";\n  position: absolute;\n  right: ", "px;\n  transform: ", ";\n  width: ", "px;\n  &:hover {\n    opacity: 1;\n  }\n"], ["\n  display: block;\n  bottom: ", "px;\n  height: ", "px;\n  opacity: ", ";\n  position: absolute;\n  right: ", "px;\n  transform: ", ";\n  width: ", "px;\n  &:hover {\n    opacity: 1;\n  }\n"])), function (_a) {
-    var $active = _a.$active;
-    return ($active ? 16 : 11);
-}, function (_a) {
-    var $active = _a.$active;
-    return ($active ? 9 : 16);
-}, function (_a) {
-    var $active = _a.$active;
-    return ($active ? 1 : 0.8);
-}, function (_a) {
-    var $active = _a.$active;
-    return ($active ? 16 : 11);
-}, function (_a) {
-    var $flip = _a.$flip;
-    return ($flip ? "none" : "rotate(180deg)");
-}, function (_a) {
-    var $active = _a.$active;
-    return ($active ? 9 : 16);
-});
-var FilterIcon = styled.span(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  display: block;\n  bottom: 13px;\n  height: 14px;\n  opacity: 0.8;\n  position: absolute;\n  right: 15px;\n  width: 14px;\n  &:hover {\n    opacity: 1;\n  }\n"], ["\n  display: block;\n  bottom: 13px;\n  height: 14px;\n  opacity: 0.8;\n  position: absolute;\n  right: 15px;\n  width: 14px;\n  &:hover {\n    opacity: 1;\n  }\n"])));
-var SortIndicator = styled.span(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: 10px 10px 0 0;\n  display: block;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  left: 14px;\n  right: 14px;\n"], ["\n  background-color: ", ";\n  border-radius: 10px 10px 0 0;\n  display: block;\n  height: 4px;\n  position: absolute;\n  bottom: 0;\n  left: 14px;\n  right: 14px;\n"])), function (_a) {
-    var $active = _a.$active, $sortIndicatorColor = _a.$sortIndicatorColor, theme = _a.theme;
-    return $active ? $sortIndicatorColor || theme.table.sortIndicatorColor : "transparent";
-});
-var RowBase = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  background-color: ", ";\n  border: 1px solid transparent;\n  border-radius: ", "px;\n  cursor: ", ";\n  display: grid;\n  grid-template-columns: ", " [col-", "];\n  grid-template-rows: [row] ", ";\n  opacity: ", ";\n  padding-left: ", "px;\n  padding-right: ", "px;\n  pointer-events: ", ";\n  position: relative;\n  transition: ", ";\n  width: ", ";\n\n  z-index: ", ";\n\n  &:after {\n    ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    right: ", "px;\n    transition: opacity 350ms ease-out 200ms;\n  }\n  &:focus-visible,\n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n    &:after {\n      opacity: ", ";\n    }\n  }\n  &:focus-visible {\n    outline: none;\n    border: 1px solid ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: 1px solid transparent;\n  border-radius: ", "px;\n  cursor: ", ";\n  display: grid;\n  grid-template-columns: ", " [col-", "];\n  grid-template-rows: [row] ", ";\n  opacity: ", ";\n  padding-left: ", "px;\n  padding-right: ", "px;\n  pointer-events: ", ";\n  position: relative;\n  transition: ", ";\n  width: ", ";\n\n  z-index: ", ";\n\n  &:after {\n    ", ";\n    border-radius: ", ";\n    box-shadow: ", ";\n    opacity: ", ";\n    pointer-events: none;\n    right: ", "px;\n    transition: opacity 350ms ease-out 200ms;\n  }\n  &:focus-visible,\n  &:hover {\n    background-color: ", ";\n    z-index: ", ";\n    &:after {\n      opacity: ", ";\n    }\n  }\n  &:focus-visible {\n    outline: none;\n    border: 1px solid ", ";\n  }\n"])), function (_a) {
-    var $altRow = _a.$altRow, $colorOverride = _a.$colorOverride, $editingMode = _a.$editingMode, $highlightRowColor = _a.$highlightRowColor, $isHighlighted = _a.$isHighlighted, $rowBackgroundColor = _a.$rowBackgroundColor, $rowBackgroundColorAlternating = _a.$rowBackgroundColorAlternating, theme = _a.theme;
-    var normal = $altRow
-        ? $rowBackgroundColorAlternating || theme.table.rowBackgroundColorAlternating
-        : $rowBackgroundColor || theme.table.rowBackgroundColor;
-    return $colorOverride !== null && $colorOverride !== void 0 ? $colorOverride : ($editingMode || $isHighlighted ? $highlightRowColor || theme.table.highlightRowColor : normal);
-}, function (_a) {
-    var _b;
-    var $rowBorderRadius = _a.$rowBorderRadius, theme = _a.theme;
-    return $rowBorderRadius || ((_b = theme.table) === null || _b === void 0 ? void 0 : _b.rowBorderRadius);
-}, function (_a) {
-    var $clickable = _a.$clickable;
-    return ($clickable ? "pointer" : "inherit");
-}, function (_a) {
-    var $columns = _a.$columns;
-    return $columns === null || $columns === void 0 ? void 0 : $columns.map(function (_a, index) {
-        var fixedWidth = _a.fixedWidth, minWidth = _a.minWidth, width = _a.width;
-        return fixedWidth ? "[col-".concat(index, "] ").concat(width, "px ") : "[col-".concat(index, "] minmax(").concat(minWidth || 0, "px, ").concat(width, "fr) ");
-    });
-}, function (_a) {
-    var $columns = _a.$columns;
-    return $columns.length;
-}, function (_a) {
-    var $rowGrow = _a.$rowGrow, $rowHeight = _a.$rowHeight;
-    return ($rowGrow ? "minmax(".concat($rowHeight, "px, max-content)") : "".concat($rowHeight, "px"));
-}, function (_a) {
-    var $hide = _a.$hide;
-    return ($hide ? 0 : 1);
-}, function (_a) {
-    var $obscureCheckbox = _a.$obscureCheckbox;
-    return ($obscureCheckbox ? 40 : 0);
-}, function (_a) {
-    var $highlightRowExtend = _a.$highlightRowExtend, $isHighlighted = _a.$isHighlighted, theme = _a.theme;
-    return ($isHighlighted && $highlightRowExtend) || theme.table.highlightRowExtend
-        ? $highlightRowExtend || theme.table.highlightRowExtend
-        : 0;
-}, function (_a) {
-    var $hide = _a.$hide;
-    return ($hide ? "none" : "all");
-}, function (_a) {
-    var $tableIsDragging = _a.$tableIsDragging, $isLoading = _a.$isLoading;
-    return $isLoading || $tableIsDragging
-        ? "none"
-        : "opacity 350ms ease-out 200ms, background-color 350ms ease-out 200ms, border-color 350ms ease-out 200ms";
-}, function (_a) {
-    var $highlightRowExtend = _a.$highlightRowExtend, $isHighlighted = _a.$isHighlighted, theme = _a.theme;
-    return ($isHighlighted && $highlightRowExtend) || theme.table.highlightRowExtend
-        ? "calc(100% + ".concat($highlightRowExtend || theme.table.highlightRowExtend, "px)")
-        : "100%";
-}, function (_a) {
-    var $editingMode = _a.$editingMode, $isHighlighted = _a.$isHighlighted;
-    return ($editingMode || $isHighlighted ? 2 : 0);
-}, absoluteAfter({}), function (_a) {
-    var $editingMode = _a.$editingMode, $rowBorderRadius = _a.$rowBorderRadius, theme = _a.theme;
-    var radius = $rowBorderRadius || theme.table.rowBorderRadius;
-    return $editingMode ? "".concat(radius, "px 24px 24px ").concat(radius, "px") : "".concat(radius, "px");
-}, function (_a) {
-    var $editingMode = _a.$editingMode, $highlightBoxShadow = _a.$highlightBoxShadow, theme = _a.theme;
-    return $editingMode ? "0 3px 9px 0.8px rgba(146,151,182,0.2)" : $highlightBoxShadow || theme.table.highlightBoxShadow;
-}, function (_a) {
-    var $editingMode = _a.$editingMode, $isHighlighted = _a.$isHighlighted;
-    return ($editingMode || $isHighlighted ? 1 : 0);
-}, function (_a) {
-    var $editingMode = _a.$editingMode;
-    return ($editingMode ? -15 : 0);
-}, function (_a) {
-    var $altRow = _a.$altRow, $disableHighlight = _a.$disableHighlight, $highlightRowColor = _a.$highlightRowColor, $rowBackgroundColor = _a.$rowBackgroundColor, $rowBackgroundColorAlternating = _a.$rowBackgroundColorAlternating, theme = _a.theme;
-    var normal = $altRow
-        ? $rowBackgroundColorAlternating || theme.table.rowBackgroundColorAlternating
-        : $rowBackgroundColor || theme.table.rowBackgroundColor;
-    return $disableHighlight ? normal : $highlightRowColor || theme.table.highlightRowColor;
-}, function (_a) {
-    var $editingMode = _a.$editingMode, $isHighlighted = _a.$isHighlighted;
-    return ($editingMode || $isHighlighted ? 2 : 1);
-}, function (_a) {
-    var $disableHighlight = _a.$disableHighlight;
-    return ($disableHighlight ? 0 : 1);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.focusColor;
-});
-var Cell = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  border-radius: 6px;\n  display: flex;\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  cursor: ", ";\n  text-align: left;\n  position: relative;\n\n  ", ";\n"], ["\n  border-radius: 6px;\n  display: flex;\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  cursor: ", ";\n  text-align: left;\n  position: relative;\n\n  ", ";\n"])), function (_a) {
-    var $index = _a.$index;
-    return $index;
-}, function (_a) {
-    var $index = _a.$index;
-    return $index + 1;
-}, function (_a) {
-    var $clickable = _a.$clickable;
-    return ($clickable ? "pointer" : "inherit");
-}, function (_a) {
-    var $altRow = _a.$altRow, _b = _a.$fetchingAnimationHeight, $fetchingAnimationHeight = _b === void 0 ? FETCHING_ANIMATION_HEIGHT_DEFAULT : _b, $isLoading = _a.$isLoading, _c = _a.$rowHeight, $rowHeight = _c === void 0 ? ROW_HEIGHT_DEFAULT : _c;
-    return $isLoading &&
-        loadingPseudo({
-            borderRadius: $fetchingAnimationHeight / 2 + 1,
-            topOffset: $rowHeight / 2 - $fetchingAnimationHeight / 2,
-            sideOffset: 17,
-            bgColor: $altRow ? colors.COOL_GREY_10 : colors.COOL_GREY_4,
-            loadingColor: $altRow ? colors.COOL_GREY_20 : colors.COOL_GREY_15,
-        });
-});
-var CellContents = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: block;\n  margin: auto 0;\n  max-width: 100%;\n  padding: ", ";\n  opacity: ", ";\n  transition: none;\n  width: 100%;\n"], ["\n  display: block;\n  margin: auto 0;\n  max-width: 100%;\n  padding: ", ";\n  opacity: ", ";\n  transition: none;\n  width: 100%;\n"])), function (props) {
-    var _a, _b, _c, _d;
-    var leftPadding = (_b = (_a = props.$leftPadding) !== null && _a !== void 0 ? _a : props.$cellSidePadding) !== null && _b !== void 0 ? _b : cellSidePadding;
-    var rightPadding = (_d = (_c = props.$rightPadding) !== null && _c !== void 0 ? _c : (props.$multipleButtons ? 35 : props.$roomForButton ? 15 : props.$cellSidePadding)) !== null && _d !== void 0 ? _d : cellSidePadding;
-    return "0 ".concat(rightPadding, "px 0 ").concat(leftPadding, "px");
-}, function (_a) {
-    var $isLoading = _a.$isLoading;
-    return ($isLoading ? 0 : 1);
-});
-var OptionsMenu = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  cursor: ", ";\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  margin: auto 0;\n  opacity: ", ";\n  &:focus-within,\n  ", ":hover & {\n    opacity: ", ";\n  }\n"], ["\n  cursor: ", ";\n  grid-column-start: col-", ";\n  grid-column-end: col-", ";\n  grid-row-start: auto;\n  grid-row-end: auto;\n  margin: auto 0;\n  opacity: ", ";\n  &:focus-within,\n  ", ":hover & {\n    opacity: ", ";\n  }\n"])), function (_a) {
-    var $isLoading = _a.$isLoading;
-    return ($isLoading ? "auto" : "pointer");
-}, function (_a) {
-    var $position = _a.$position;
-    return $position - 1;
-}, function (_a) {
-    var $position = _a.$position;
-    return $position;
-}, function (_a) {
-    var $hasOpenTooltip = _a.$hasOpenTooltip;
-    return ($hasOpenTooltip ? 1 : 0);
-}, RowBase, function (_a) {
-    var $isLoading = _a.$isLoading;
-    return ($isLoading ? 0 : 1);
-});
-var HighlightTip = styled.span(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  background-color: ", ";\n  border-radius: ", ";\n  bottom: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 5px;\n"], ["\n  background-color: ", ";\n  border-radius: ", ";\n  bottom: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n  width: 5px;\n"])), function (_a) {
-    var theme = _a.theme, $highlightTipColor = _a.$highlightTipColor;
-    return $highlightTipColor || theme.table.highlightTipColor;
-}, function (_a) {
-    var _b, _c;
-    var $rowBorderRadius = _a.$rowBorderRadius, theme = _a.theme;
-    return "0 ".concat(($rowBorderRadius || ((_b = theme.table) === null || _b === void 0 ? void 0 : _b.rowBorderRadius)) - 1, "px ").concat(($rowBorderRadius || ((_c = theme.table) === null || _c === void 0 ? void 0 : _c.rowBorderRadius)) - 1, "px 0");
-});
-var CheckboxCell = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  align-items: center;\n  cursor: pointer; // works on Radios\n  display: flex;\n  grid-column-start: col-0;\n  grid-column-end: col-1;\n  grid-row-start: auto;\n  grid-row-end: auto;\n  height: 100%;\n  padding-left: 17px;\n  width: 100%;\n  & ", " {\n    cursor: pointer; // works on Checkboxes\n  }\n  &:focus {\n    outline: none;\n    ", ":after {\n      opacity: 1;\n    }\n  }\n"], ["\n  align-items: center;\n  cursor: pointer; // works on Radios\n  display: flex;\n  grid-column-start: col-0;\n  grid-column-end: col-1;\n  grid-row-start: auto;\n  grid-row-end: auto;\n  height: 100%;\n  padding-left: 17px;\n  width: 100%;\n  & ", " {\n    cursor: pointer; // works on Checkboxes\n  }\n  &:focus {\n    outline: none;\n    ", ":after {\n      opacity: 1;\n    }\n  }\n"])), CheckContainer, CheckContainer);
-var RadioCell = styled(CheckboxCell)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  &:focus {\n    outline: none;\n    ", ":after {\n      opacity: 1;\n    }\n  }\n"], ["\n  &:focus {\n    outline: none;\n    ", ":after {\n      opacity: 1;\n    }\n  }\n"])), RadioContainer);
-var CheckboxHeaderCell = styled(CheckboxCell)(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  padding-bottom: 11px;\n  padding-left: 18px;\n"], ["\n  padding-bottom: 11px;\n  padding-left: 18px;\n"])));
-var EditControls = styled.div(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var OkButton = styled.div(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  position: absolute;\n  right: 26px;\n  top: calc(50% - 13px);\n  z-index: 1;\n"], ["\n  position: absolute;\n  right: 26px;\n  top: calc(50% - 13px);\n  z-index: 1;\n"])));
-var CancelEditButton = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  position: absolute;\n  right: -4px;\n  top: calc(50% - 11px);\n"], ["\n  position: absolute;\n  right: -4px;\n  top: calc(50% - 11px);\n"])));
-var AddRowSection = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
-var AddRowButton = styled.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  opacity: ", ";\n  pointer-events: ", ";\n  position: absolute;\n  transform: translate3d(0, ", "px, 0);\n  transition: opacity 350ms ease-out 50ms, transform 350ms ease-out 50ms;\n"], ["\n  opacity: ", ";\n  pointer-events: ", ";\n  position: absolute;\n  transform: translate3d(0, ", "px, 0);\n  transition: opacity 350ms ease-out 50ms, transform 350ms ease-out 50ms;\n"])), function (_a) {
-    var $show = _a.$show;
-    return ($show ? 1 : 0);
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? "all" : "none");
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? 0 : 100);
-});
-var AddRowButtonClip = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  position: absolute;\n  top: 13px;\n  height: 50px;\n  overflow: hidden;\n  pointer-events: ", ";\n  width: 100%;\n"], ["\n  position: absolute;\n  top: 13px;\n  height: 50px;\n  overflow: hidden;\n  pointer-events: ", ";\n  width: 100%;\n"])), function (_a) {
-    var $show = _a.$show;
-    return ($show ? "all" : "none");
-});
-var AcceptButton = styled.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  opacity: ", ";\n  height: 27px;\n  pointer-events: ", ";\n  position: absolute;\n  right: ", "px;\n  transition: opacity 350ms ease-out 200ms;\n  z-index: 2; /* Needs to be above Row */\n"], ["\n  opacity: ", ";\n  height: 27px;\n  pointer-events: ", ";\n  position: absolute;\n  right: ", "px;\n  transition: opacity 350ms ease-out 200ms;\n  z-index: 2; /* Needs to be above Row */\n"])), function (_a) {
-    var $show = _a.$show;
-    return ($show ? 1 : 0);
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? "all" : "none");
-}, function (_a) {
-    var $scrunch = _a.$scrunch;
-    return ($scrunch ? 17 : 0);
-});
-var CancelButton = styled.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  opacity: ", ";\n  pointer-events: ", ";\n  position: absolute;\n  right: ", "px;\n  top: calc(50% - 11px);\n  transition: opacity 350ms ease-out 200ms;\n  z-index: 2;\n"], ["\n  opacity: ", ";\n  pointer-events: ", ";\n  position: absolute;\n  right: ", "px;\n  top: calc(50% - 11px);\n  transition: opacity 350ms ease-out 200ms;\n  z-index: 2;\n"])), function (_a) {
-    var $show = _a.$show;
-    return ($show ? 1 : 0);
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? "all" : "none");
-}, function (_a) {
-    var $scrunch = _a.$scrunch;
-    return ($scrunch ? -15 : 12);
-});
-var AddRowValidationMessage = styled(BodySPrimary)(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  color: ", ";\n  margin: 3px 0 0 ", "px;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: relative;\n  z-index: 2; /* Needs to be above Row */\n"], ["\n  color: ", ";\n  margin: 3px 0 0 ", "px;\n  opacity: ", ";\n  pointer-events: ", ";\n  position: relative;\n  z-index: 2; /* Needs to be above Row */\n"])), function (_a) {
-    var addRowValidationColor = _a.$addRowValidationColor, theme = _a.theme;
-    return addRowValidationColor || theme.table.addRowValidationColor;
-}, cellSidePadding, function (_a) {
-    var $show = _a.$show;
-    return ($show ? 1 : 0);
-}, function (_a) {
-    var $show = _a.$show;
-    return ($show ? "all" : "none");
-});
-var Center = styled.span(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  display: block;\n  text-align: center;\n"], ["\n  display: block;\n  text-align: center;\n"])));
-var NoResults = styled.div(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  text-align: center;\n"], ["\n  text-align: center;\n"])));
-var NoResultsImage = styled.div(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  height: 100px;\n  margin: 100px auto 25px;\n  width: 100px;\n"], ["\n  height: 100px;\n  margin: 100px auto 25px;\n  width: 100px;\n"])));
-var NoResultsHeader = styled(HeadingH3)(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0 auto 10px;\n  max-width: 450px;\n  text-align: center;\n"], ["\n  color: ", ";\n  margin: 0 auto 10px;\n  max-width: 450px;\n  text-align: center;\n"])), function (props) { return props.$noResultsHeaderColor || props.theme.table.noResultsHeaderColor; });
-var NoResultsText = styled(BodyMSecondary)(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  color: ", ";\n  margin: 0 auto 40px;\n  max-width: 450px;\n  text-align: center;\n"], ["\n  color: ", ";\n  margin: 0 auto 40px;\n  max-width: 450px;\n  text-align: center;\n"])), function (props) { return props.$noResultsTextColor || props.theme.table.noResultsTextColor; });
-var ClickShield = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"], ["\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\n"])));
-// --------- Pagination -----------
-var PaginationFooter = styled.div(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-flow: row nowrap;\n  justify-content: ", ";\n  margin-top: ", ";\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-flow: row nowrap;\n  justify-content: ", ";\n  margin-top: ", ";\n"])), function (_a) {
-    var $isFooterButtonOnly = _a.$isFooterButtonOnly;
-    return ($isFooterButtonOnly ? "flex-end" : "space-between");
-}, function (_a) {
-    var $isFooterButtonOnly = _a.$isFooterButtonOnly;
-    return ($isFooterButtonOnly ? "15px" : "0");
-});
-var PaginationBox = styled.div(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  gap: 6px;\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  gap: 6px;\n"])));
-var LinkBox = styled.div(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n  top: 2px;\n  z-index: 1;\n"], ["\n  display: inline-block;\n  position: relative;\n  top: 2px;\n  z-index: 1;\n"])));
-var MenuBox = styled.div(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n"], ["\n  display: inline-block;\n  position: relative;\n  vertical-align: middle;\n"])));
-var PreviousPageInput = styled(LinkBox)(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n  left: -9px;\n  vertical-align: middle;\n  width: 30px;\n"], ["\n  left: -9px;\n  vertical-align: middle;\n  width: 30px;\n"])));
-var NextPageInput = styled(PreviousPageInput)(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n  left: -5px;\n"], ["\n  left: -5px;\n"])));
-var Results = styled.p(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n  position: relative;\n  margin-left: 15px;\n  display: inline-block;\n"], ["\n  position: relative;\n  margin-left: 15px;\n  display: inline-block;\n"])));
-var NumberGridBase = styled.div(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n  display: grid;\n  grid-template-columns: repeat(", ", 30px);\n"], ["\n  display: grid;\n  grid-template-columns: repeat(", ", 30px);\n"])), function (_a) {
-    var $numberOfColumns = _a.$numberOfColumns;
-    return $numberOfColumns;
-});
-var NumberButton = styled.p(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n  color: ", ";\n  background-color: transparent;\n  font-weight: 400;\n  border-radius: 4px;\n  text-align: center;\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n    font-weight: 600;\n  }\n"], ["\n  color: ", ";\n  background-color: transparent;\n  font-weight: 400;\n  border-radius: 4px;\n  text-align: center;\n  &:hover {\n    color: ", ";\n    background-color: ", ";\n    font-weight: 600;\n  }\n"])), function (_a) {
-    var $textColor = _a.$textColor, theme = _a.theme;
-    return $textColor || theme.table.inactiveHeaderColor;
-}, function (_a) {
-    var $textColorHover = _a.$textColorHover, theme = _a.theme;
-    return $textColorHover || theme.table.activeHeaderColor;
-}, function (_a) {
-    var $backgroundHoverColor = _a.$backgroundHoverColor, theme = _a.theme;
-    return $backgroundHoverColor || theme.table.rowBackgroundColorAlternating;
-});
-// ------ Edit components ------
-var NudgeToggle = styled.span(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n  display: block;\n  margin-left: -13px;\n"], ["\n  display: block;\n  margin-left: -13px;\n"])));
-var CheckboxBox = styled.span(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n  cursor: pointer;\n  display: block;\n  margin: 0 auto;\n  width: 15px;\n"], ["\n  cursor: pointer;\n  display: block;\n  margin: 0 auto;\n  width: 15px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43;
-
-var LoadingRows = function (_a) {
-    var columns = _a.columns, fetchingAnimationHeight = _a.fetchingAnimationHeight, fetchingRowsNumber = _a.fetchingRowsNumber, rowHeight = _a.rowHeight;
-    var loadingRows = [];
-    var _loop_1 = function (index) {
-        var isAlt = isOdd(index);
-        var row = (jsx(RowBase, __assign({ "$altRow": isAlt, "$columns": columns, "$isLoading": true, "$rowHeight": rowHeight }, { children: columns === null || columns === void 0 ? void 0 : columns.map(function (column, i) { return (jsx(Cell, { "$altRow": isAlt, "$clickable": false, "$fetchingAnimationHeight": fetchingAnimationHeight, "$index": i, "$isLoading": column.cellId === "checkbox_header_INTERNAL_ID" ? false : true, "$rowHeight": rowHeight }, "fakeLoader_".concat(column.cellId))); }) }), "fakeLoaderRowBase_".concat(index)));
-        loadingRows.push(row);
-    };
-    for (var index = 0; index < fetchingRowsNumber; index++) {
-        _loop_1(index);
-    }
-    return jsx(Fragment, { children: loadingRows }, void 0);
-};
-
-var findDefaultSort = function (_a) {
-    var _b;
-    var columns = _a.columns, filterFunction = _a.filterFunction;
-    var sortId = "";
-    for (var i = 0; i < columns.length; i++) {
-        var col = columns[i];
-        var notFilterable = !filterFunction || !((_b = col.filters) === null || _b === void 0 ? void 0 : _b.length);
-        if (!(col === null || col === void 0 ? void 0 : col.disableSort) && notFilterable && (col === null || col === void 0 ? void 0 : col.cellId) && !sortId) {
-            sortId = col.cellId;
-            i = columns.length * 2;
-        }
-    }
-    return sortId;
-};
-var setTextEmphasis = function (textStyle) {
-    if (!textStyle || textStyle === TextStyleEnum.Primary) {
-        return BodySPrimary;
-    }
-    else if (textStyle === TextStyleEnum.Emphasis) {
-        return BodySEmphasis;
-    }
-    else if (textStyle === TextStyleEnum.Secondary) {
-        return BodySSecondary;
-    }
-    else if (textStyle === TextStyleEnum.Tertiary) {
-        return BodySTertiary;
-    }
-    else {
-        return BodySPrimary;
-    }
-};
-var formatCellForSort = function (cell) {
-    return typeof cell === "string" ? cell.toLowerCase() : cell;
-};
-var pageResults = function (props) {
-    var currentPage = props.currentPage, internalPaginationMode = props.internalPaginationMode, rows = props.rows, rowsPerPage = props.rowsPerPage;
-    if (rows && internalPaginationMode && currentPage !== undefined && rowsPerPage !== undefined) {
-        var first = currentPage * rowsPerPage;
-        var last = first + rowsPerPage;
-        return rows.slice(first, last);
-    }
-    else if (rows) {
-        return rows;
-    }
-    else {
-        return [];
-    }
-};
-var isUsableInitialValue = function (_a) {
-    var initialValue = _a.initialValue, editType = _a.editType;
-    if (initialValue === undefined || editType === undefined) {
-        return false;
-    }
-    else if (editType === EditEnum.Checkbox || editType === EditEnum.Toggle) {
-        return typeof initialValue === "boolean";
-    }
-    else if (editType === EditEnum.Currency || editType === EditEnum.Number) {
-        return typeof initialValue === "number";
-    }
-    else if (editType === EditEnum.MultiSelect) {
-        return Array.isArray(initialValue);
-    }
-    else if (editType === EditEnum.Phone || editType === EditEnum.Select || editType === EditEnum.String) {
-        return typeof initialValue === "string";
-    }
-};
-var setCorrectValueType = function (_a) {
-    var initialValue = _a.initialValue, editType = _a.editType;
-    if (initialValue !== undefined) {
-        return initialValue;
-    }
-    else if (editType === EditEnum.Checkbox || editType === EditEnum.Toggle) {
-        return false;
-    }
-    else if (editType === EditEnum.Currency || editType === EditEnum.Number) {
-        return 0;
-    }
-    else if (editType === EditEnum.MultiSelect) {
-        return [];
-    }
-    else if (editType === EditEnum.Phone || editType === EditEnum.Select || editType === EditEnum.String) {
-        return "";
-    }
-};
-var sortRows = function (props) {
-    var rows = props.rows, ascending = props.ascending, cellId = props.cellId, reverseSort = props.reverseSort;
-    if (rows) {
-        var doubleFlip = ascending && reverseSort;
-        var flip = (ascending || reverseSort) && !doubleFlip;
-        var sortedRows = rows.slice().sort(function (rowA, rowB) {
-            var valueA = formatCellForSort(rowA[cellId]);
-            var valueB = formatCellForSort(rowB[cellId]);
-            if (valueA < valueB) {
-                return -1;
-            }
-            if (valueA > valueB) {
-                return 1;
-            }
-            return 0;
-        });
-        return flip ? sortedRows.reverse() : sortedRows;
-    }
-    else {
-        return [];
-    }
-};
-
-var EditCell = function (_a) {
-    var editType = _a.editType, editSelectLabelFilter = _a.editSelectLabelFilter, editSelectOptions = _a.editSelectOptions, editPlaceholder = _a.editPlaceholder, editWholeDollars = _a.editWholeDollars, focus = _a.focus, index = _a.index, initialValue = _a.initialValue, isVisible = _a.isVisible, label = _a.label, lastCell = _a.lastCell, leftPadding = _a.leftPadding, observeScrollRef = _a.observeScrollRef, rightPadding = _a.rightPadding, roomForButtons = _a.roomForButtons, rowData = _a.rowData, setCellData = _a.setCellData, setEditErrorTooltipPosition = _a.setEditErrorTooltipPosition, showError = _a.showError, submitData = _a.submitData;
-    var usableInitialValue = isUsableInitialValue({ initialValue: initialValue, editType: editType });
-    var _b = useState(usableInitialValue ? initialValue : setCorrectValueType({ initialValue: initialValue, editType: editType })), value = _b[0], setValue = _b[1];
-    var previouslyVisible = usePrevious(isVisible);
-    var _c = useMeasure(showError), cellRef = _c[0], cellMeasure = _c[1];
-    useEffect(function () {
-        if (isVisible && !previouslyVisible) {
-            setValue(usableInitialValue ? initialValue : setCorrectValueType({ initialValue: initialValue, editType: editType }));
-        }
-    }, [isVisible, previouslyVisible]);
-    useEffect(function () {
-        if (showError) {
-            var position = {
-                bottom: cellMeasure.bottom,
-                left: cellMeasure.left + cellMeasure.width / 2,
-                top: cellMeasure.top,
-            };
-            setEditErrorTooltipPosition === null || setEditErrorTooltipPosition === void 0 ? void 0 : setEditErrorTooltipPosition(position);
-        }
-    }, [showError]);
-    return (jsx(Cell, __assign({ ref: cellRef, "$altRow": false, "$isLoading": false, "$index": index }, { children: jsx(CellContents, __assign({ "$cellSidePadding": editType === EditEnum.Checkbox ? undefined : 10, "$leftPadding": leftPadding, "$rightPadding": rightPadding, "$roomForButton": lastCell, "$multipleButtons": roomForButtons }, { children: editType === EditEnum.Currency && isVisible && typeof value === "number" ? (jsx(InlineCurrencyInput, { focus: focus, inputHeight: 32, inputLabel: label, onEnter: function () { return typeof value !== "boolean" && submitData(value); }, onInputBlur: function () { return setCellData(value); }, onValueChange: function (newValue) { return setValue(Number(newValue)); }, placeholder: editPlaceholder || "$0.00", showValidationMessage: showError, sidePadding: 10, value: value, wholeDollars: !!editWholeDollars }, void 0)) : editType === EditEnum.None ? (jsx(Center, { children: "--" }, void 0)) : editType === EditEnum.Phone && typeof value === "string" ? (jsx(InlinePhoneInput, { focus: focus, inputHeight: 32, inputLabel: label, onEnter: function () { return typeof value !== "boolean" && submitData(value); }, onInputBlur: function () { return setCellData(value); }, onValueChange: function (newValue) { return setValue(newValue); }, placeholder: editPlaceholder || "+0 (000) 000-0000", showValidationMessage: showError, sidePadding: 10, value: value }, void 0)) : editType === EditEnum.Select && isVisible && (typeof value === "string" || typeof value === "number") ? ( // need to force re-render
-            jsx(DropdownInput, { disabled: !isVisible, focus: focus, observeScrollRef: observeScrollRef, options: editSelectOptions || [], onSelect: function (option) {
-                    setValue((option === null || option === void 0 ? void 0 : option.label) || "");
-                    setCellData((option === null || option === void 0 ? void 0 : option.label) || "");
-                }, inline: true, inputHeight: 32, placeholder: editPlaceholder || "".concat(label, "..."), showValidationMessage: showError, sidePadding: 10, value: editSelectLabelFilter ? editSelectLabelFilter({ value: value, rowData: rowData }) : value }, void 0)) : editType === EditEnum.Toggle ? (jsx(NudgeToggle, { children: jsx(Toggle, { active: !!value, disabled: !isVisible, onToggle: function () {
-                        setValue(!value);
-                        setCellData(!value);
-                    } }, void 0) }, void 0)) : editType === EditEnum.Checkbox ? (jsx(CheckboxBox, __assign({ onClick: function () {
-                    setValue(!value);
-                    setCellData(!value);
-                }, onKeyPress: function (event) {
-                    if (pressedEnter(event)) {
-                        event.stopPropagation();
-                        setValue(!value);
-                        setCellData(!value);
-                    }
-                }, tabIndex: 0, role: "checkbox" }, { children: jsx(Checkbox, { active: !!value }, void 0) }), void 0)) : editType === EditEnum.MultiSelect && isVisible && Array.isArray(value) ? ( // need to force re-render
-            jsx(MultiSelect, { activeIds: value, clearTag: function (_a) {
-                    var tag = _a.tag;
-                    var updatedOptions = removeString({ array: value, string: tag.label });
-                    setValue(updatedOptions);
-                    setCellData(updatedOptions);
-                }, disabled: !isVisible, focus: focus, observeScrollRef: observeScrollRef, options: editSelectOptions || [], onSelect: function (option) {
-                    var updatedOptions = addOrRemoveString({ array: value, string: (option === null || option === void 0 ? void 0 : option.label) || "" });
-                    setValue(updatedOptions);
-                    setCellData(updatedOptions);
-                }, inline: true, inputHeight: 32, placeholder: editPlaceholder || "".concat(label, "..."), showValidationMessage: showError, sidePadding: 10, tagless: true }, void 0)) : typeof value === "string" || typeof value === "number" ? (jsx(InlineInput, { focus: focus, inputHeight: 32, inputLabel: label, onEnter: function () { return typeof value !== "boolean" && submitData(value); }, onInputBlur: function () { return setCellData(value); }, onValueChange: function (newValue) { return setValue(newValue); }, placeholder: editPlaceholder || "".concat(label, "..."), showValidationMessage: showError, sidePadding: 10, type: editType === EditEnum.Number ? "number" : "string", value: value }, void 0)) : null }), void 0) }), void 0));
-};
-
-var NumberGrid = function (_a) {
-    var activeHeaderColor = _a.activeHeaderColor, inactiveHeaderColor = _a.inactiveHeaderColor, numberList = _a.numberList, numberClick = _a.numberClick, rowBackgroundColorAlternating = _a.rowBackgroundColorAlternating;
-    var numberOfColumns = (numberList === null || numberList === void 0 ? void 0 : numberList.length) ? Math.ceil(numberList.length / 4) : 1;
-    return (jsx(NumberGridBase, __assign({ "$numberOfColumns": numberOfColumns > 2 ? numberOfColumns : 2 }, { children: numberList === null || numberList === void 0 ? void 0 : numberList.map(function (number) {
-            return (jsx(NumberButton, __assign({ "$backgroundHoverColor": rowBackgroundColorAlternating, onClick: function () { return numberClick === null || numberClick === void 0 ? void 0 : numberClick(number.id); }, onKeyPress: function (event) {
-                    if (pressedEnter(event)) {
-                        numberClick === null || numberClick === void 0 ? void 0 : numberClick(number.id);
-                    }
-                }, role: "button", tabIndex: 0, "$textColor": inactiveHeaderColor, "$textColorHover": activeHeaderColor }, { children: number.label }), number.id));
-        }) }), void 0));
-};
-
-var Row = function (_a) {
-    var calcRowBackgroundColor = _a.calcRowBackgroundColor, cancelEdit = _a.cancelEdit, cellLevelClick = _a.cellLevelClick, clickCheckbox = _a.clickCheckbox, clickRadio = _a.clickRadio, clickRow = _a.clickRow, disableHighlight = _a.disableHighlight, editingMode = _a.editingMode, editRowData = _a.editRowData, editWholeDollars = _a.editWholeDollars, fetching = _a.fetching, fetchingAnimationHeight = _a.fetchingAnimationHeight, columns = _a.columns, columnsWithOptions = _a.columnsWithOptions, hasOpenTooltip = _a.hasOpenTooltip, hasOptions = _a.hasOptions, hideCheckedHighlight = _a.hideCheckedHighlight, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, onBlurRow = _a.onBlurRow, onFocusRow = _a.onFocusRow, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, okButtonColorFamily = _a.okButtonColorFamily, row = _a.row, rowIndex = _a.rowIndex, rows = _a.rows, rowBackgroundColor = _a.rowBackgroundColor, rowBackgroundColorAlternating = _a.rowBackgroundColorAlternating, rowBorderRadius = _a.rowBorderRadius, rowGrow = _a.rowGrow, rowHeight = _a.rowHeight, setEditRowData = _a.setEditRowData, setEditErrorTooltipPosition = _a.setEditErrorTooltipPosition, setTooltipOpen = _a.setTooltipOpen, setTooltipPosition = _a.setTooltipPosition, setTooltipInfo = _a.setTooltipInfo, setTooltipIndex = _a.setTooltipIndex, showValidationMessage = _a.showValidationMessage, tableId = _a.tableId, tableIsDragging = _a.tableIsDragging, thisRowId = _a.thisRowId, validationMessage = _a.validationMessage, validateRowEdit = _a.validateRowEdit;
-    var ref = useRef(null);
-    var isChecked = (!!clickCheckbox || !!clickRadio) && !!row.checked && !hideCheckedHighlight;
-    var altRow = isOdd(rowIndex);
-    var isHighlighted = isChecked || highlightRow === thisRowId;
-    var colorOverride = calcRowBackgroundColor === null || calcRowBackgroundColor === void 0 ? void 0 : calcRowBackgroundColor({ row: row, rowIndex: rowIndex, rows: rows });
-    return (jsxs(RowBase, __assign({ ref: ref, "data-testid": editingMode ? "tableEditRow_".concat(thisRowId) : "rowId_".concat(thisRowId), "$altRow": altRow, "$colorOverride": fetching ? undefined : colorOverride, "$clickable": !!clickRow && !cellLevelClick, "$columns": columnsWithOptions, "$disableHighlight": disableHighlight || tableIsDragging, "$editingMode": editingMode, "$highlightBoxShadow": highlightBoxShadow, "$highlightRowColor": highlightRowColor, "$highlightRowExtend": highlightRowExtend, "$isHighlighted": isHighlighted, "$isLoading": fetching }, (clickRow && !cellLevelClick ? { onClick: function () { return clickRow(row); } } : {}), (clickRow ? { onKeyPress: function (event) { return pressedEnter(event) && clickRow(row); } } : {}), { onBlur: function (event) { return onBlurRow === null || onBlurRow === void 0 ? void 0 : onBlurRow({ event: event, row: row }); }, onFocus: function (event) { return onFocusRow === null || onFocusRow === void 0 ? void 0 : onFocusRow({ event: event, row: row }); }, onMouseEnter: function (event) { return mouseEnterRow === null || mouseEnterRow === void 0 ? void 0 : mouseEnterRow({ event: event, row: row }); }, onMouseLeave: function (event) { return mouseLeaveRow === null || mouseLeaveRow === void 0 ? void 0 : mouseLeaveRow({ event: event, row: row }); }, tabIndex: clickRow ? 0 : -1, "$rowBackgroundColor": rowBackgroundColor, "$rowHeight": rowHeight, "$tableIsDragging": tableIsDragging, "$rowBackgroundColorAlternating": rowBackgroundColorAlternating, "$rowBorderRadius": rowBorderRadius, "$rowGrow": rowGrow }, { children: [clickCheckbox && (jsx(CheckboxCell, __assign({ onClick: function () { return clickCheckbox(row); }, onKeyPress: function (event) {
-                    if (pressedEnter(event)) {
-                        event.stopPropagation();
-                        clickCheckbox(row);
-                    }
-                }, role: "checkbox", tabIndex: 0 }, { children: jsx(Checkbox, { active: !!row.checked }, void 0) }), void 0)), clickRadio && !clickCheckbox && (jsx(RadioCell, __assign({ onClick: function () { return clickRadio(row); }, onKeyPress: function (event) {
-                    if (pressedEnter(event)) {
-                        event.stopPropagation();
-                        clickRadio(row);
-                    }
-                }, role: "radio", tabIndex: 0 }, { children: jsx(Radio, { active: !!row.checked, size: 20 }, void 0) }), void 0)), columns === null || columns === void 0 ? void 0 : columns.map(function (column, i) {
-                var _a;
-                var clickCell = column.clickCell, ComponentWrapper = column.ComponentWrapper, editType = column.editType, cellId = column.cellId, editSelectOptions = column.editSelectOptions, editSelectLabelFilter = column.editSelectLabelFilter, editSelectOptionsFilter = column.editSelectOptionsFilter, editPlaceholder = column.editPlaceholder, label = column.label, leftPadding = column.leftPadding, rightPadding = column.rightPadding;
-                var adjustedIndex = clickCheckbox || clickRadio ? i + 1 : i;
-                var Text = setTextEmphasis(column.textStyle);
-                var contents = row[column.cellId];
-                // clickable when there is a cellClick for this row, or a cellClick elsewhere & clickRow
-                var clickable = clickCell || (cellLevelClick && clickRow);
-                var cellInError = editingMode && showValidationMessage && ((_a = validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.offendingCellIds) === null || _a === void 0 ? void 0 : _a.includes(column.cellId));
-                return editingMode ? (jsx(EditCell, { altRow: altRow, editType: editType, editSelectLabelFilter: editSelectLabelFilter, editSelectOptions: editSelectOptionsFilter ? editSelectOptionsFilter({ column: column, rowData: editRowData }) : editSelectOptions, editPlaceholder: editPlaceholder, editWholeDollars: editWholeDollars, focus: i === 0, index: adjustedIndex, initialValue: contents, isVisible: true, label: typeof label === "string" ? label : "", leftPadding: leftPadding, rightPadding: rightPadding, roomForButtons: adjustedIndex === columns.length - 1, rowData: editRowData, setCellData: function (value) {
-                        var newData = __assign({}, editRowData);
-                        newData[cellId] = value;
-                        setEditRowData(newData);
-                    }, setEditErrorTooltipPosition: setEditErrorTooltipPosition, showError: cellInError, submitData: function (value) {
-                        var newData = __assign({}, editRowData);
-                        newData[cellId] = value;
-                        setEditRowData(newData);
-                        validateRowEdit(newData);
-                    } }, "".concat(tableId, "_addRow_").concat(column.cellId))) : (jsx(Cell, __assign({ "$altRow": altRow, "$clickable": !!clickable, "$fetchingAnimationHeight": fetchingAnimationHeight, "$index": adjustedIndex, "$isLoading": fetching, "$rowHeight": rowHeight }, (clickable ? { onClick: function () { return (clickCell ? clickCell({ cell: contents, column: column, row: row, rows: rows }) : clickRow === null || clickRow === void 0 ? void 0 : clickRow(row)); } } : {}), { children: jsx(CellContents, __assign({ "$isLoading": fetching, "$leftPadding": leftPadding, "$rightPadding": rightPadding }, { children: ComponentWrapper ? (jsx(ComponentWrapper, __assign({ cell: contents, column: column, row: row, rows: rows, rowIndex: rowIndex }, { children: contents }), void 0)) : (jsx(Text, { children: jsx(TruncatePicker, { children: contents }, void 0) }, void 0)) }), void 0) }), "".concat(tableId).concat(thisRowId, "_").concat(column.cellId)));
-            }), editingMode && (jsxs(EditControls, { children: [jsx(OkButton, { children: jsx(BoxedButton, { text: "OK", onClick: function () { return validateRowEdit(editRowData); }, paddingString: "6px 7px", textFontSize: 11, colorFamily: okButtonColorFamily }, void 0) }, void 0), jsx(CancelEditButton, { children: jsx(IconButton, { ariaLabel: "tableCancelEditRow_".concat(thisRowId), colorFamily: ButtonColorFamilyEnum.CoolGrey, Icon: X, onClick: cancelEdit, size: 22 }, void 0) }, void 0)] }, void 0)), hasOptions && !editingMode && (jsx(OptionsMenu, __assign({ "$position": (columnsWithOptions === null || columnsWithOptions === void 0 ? void 0 : columnsWithOptions.length) || 1, "$isLoading": fetching, "$hasOpenTooltip": hasOpenTooltip }, { children: jsx(MoreMenuButton, { onClick: function (event) {
-                        event.stopPropagation();
-                        setTooltipOpen(true);
-                        setTooltipPosition(getPosition(event.target));
-                        setTooltipInfo(row);
-                        setTooltipIndex(rowIndex);
-                    } }, void 0) }), void 0)), isHighlighted && (jsx(HighlightTip, { "data-testid": "highlightedTipId_".concat(thisRowId), "$highlightTipColor": highlightTipColor, "$rowBorderRadius": rowBorderRadius }, void 0))] }), void 0));
-};
-Row.defaultProps = {};
-var Row$1 = React__default.memo(Row);
-
-var CheckboxHeader = function (_a) {
-    var checkboxHeaderActive = _a.checkboxHeaderActive, clickCheckboxHeader = _a.clickCheckboxHeader;
-    return (jsx(CheckboxHeaderCell, __assign({ onClick: function (event) { return clickCheckboxHeader === null || clickCheckboxHeader === void 0 ? void 0 : clickCheckboxHeader(event); }, onKeyPress: function (event) {
-            if (pressedEnter(event) && clickCheckboxHeader) {
-                clickCheckboxHeader(event);
-            }
-        }, role: "checkbox", tabIndex: 0 }, { children: jsx(Checkbox, { active: checkboxHeaderActive }, void 0) }), void 0));
-};
-
-var TableActionType;
-(function (TableActionType) {
-    TableActionType["End"] = "END";
-    TableActionType["Splice"] = "SPLICE";
-    TableActionType["Update"] = "UPDATE";
-})(TableActionType || (TableActionType = {}));
-function tableReducer(state, action) {
-    var type = action.type;
-    switch (type) {
-        case TableActionType.End: {
-            return __assign(__assign({}, state), { tableIsDragging: false });
-        }
-        case TableActionType.Splice: {
-            var dragId = action.dragId, nextId = action.nextId;
-            var row = state.rowsById[dragId];
-            var nextRow = state.rowsById[nextId];
-            var rowIndex = state.sortedRows.indexOf(row);
-            var nextIndex = state.sortedRows.indexOf(nextRow);
-            var updatedRows = update(state.sortedRows, {
-                $splice: [
-                    [rowIndex, 1],
-                    [nextIndex, 0, row],
-                ],
-            });
-            return __assign(__assign({}, state), { sortedRows: updatedRows, tableIsDragging: true });
-        }
-        case TableActionType.Update: {
-            var sortedRows = action.sortedRows, rowId = action.rowId;
-            var rowsById = {};
-            for (var i = 0; i < sortedRows.length; i += 1) {
-                var row = sortedRows[i];
-                rowsById[row[rowId]] = row;
-            }
-            return __assign(__assign({}, state), { rowsById: rowsById, sortedRows: sortedRows });
-        }
-        default:
-            throw new Error();
-    }
-}
-
-var DEFAULT_NO_RESULTS_TEXT = "No Results Found";
-var DEFAULT_NO_RESULTS_BUTTON_TEXT = "Clear Filters";
-var ADD_ROW_TEXT_DEFAULT = "Add Row";
-var EDIT_OPTION_ID = "internal_edit_id";
-var ROW_LOADING_ID = "loading";
-var FETCHING_ANIMATION_HEIGHT_DEFAULT = 10;
-var ROW_HEIGHT_DEFAULT = 52;
-var PAGINATION_PICKER_MAX = 24;
-var ROW_ID_DEFAULT = "id";
-var TABLE_ID_DEFAULT = "table__";
-var checkboxHeader = {
-    cellId: "checkbox_header_INTERNAL_ID",
-    label: "",
-    width: 40,
-    fixedWidth: true,
-    disableSort: true,
-};
-var radioHeader = {
-    cellId: "radio_header_INTERNAL_ID",
-    label: "",
-    width: 40,
-    fixedWidth: true,
-    disableSort: true,
-};
-var optionHeader = {
-    cellId: "options",
-    label: "",
-    width: 40,
-    fixedWidth: true,
-    disableSort: true,
-};
-var Table = function (_a) {
-    var activeHeaderColor = _a.activeHeaderColor, activeFilters = _a.activeFilters, addRow = _a.addRow, addRowButtonColorFamily = _a.addRowButtonColorFamily, addRowButtonFontSize = _a.addRowButtonFontSize, _b = _a.addRowText, addRowText = _b === void 0 ? ADD_ROW_TEXT_DEFAULT : _b, addRowValidation = _a.addRowValidation, addRowValidationColor = _a.addRowValidationColor, addRowValidationMessage = _a.addRowValidationMessage, _c = _a.altOptions, altOptions = _c === void 0 ? [] : _c, bottomPadding = _a.bottomPadding, calcRowBackgroundColor = _a.calcRowBackgroundColor, checkboxHeaderActive = _a.checkboxHeaderActive, clickCheckbox = _a.clickCheckbox, clickCheckboxHeader = _a.clickCheckboxHeader, clickHeader = _a.clickHeader, clickOption = _a.clickOption, clickRadio = _a.clickRadio, clickRow = _a.clickRow, columns = _a.columns, defaultSort = _a.defaultSort, defaultSortReverse = _a.defaultSortReverse, disableSortAll = _a.disableSortAll, dynamicAltOptions = _a.dynamicAltOptions, dynamicOptions = _a.dynamicOptions, editable = _a.editable, editRowValidation = _a.editRowValidation, editRowValidationMessageObject = _a.editRowValidationMessageObject, editWholeDollars = _a.editWholeDollars, _d = _a.fetching, fetching = _d === void 0 ? false : _d, _e = _a.fetchingAnimationHeight, fetchingAnimationHeight = _e === void 0 ? FETCHING_ANIMATION_HEIGHT_DEFAULT : _e, fetchingRowsNumber = _a.fetchingRowsNumber, filterFunction = _a.filterFunction, footerButtonColorFamily = _a.footerButtonColorFamily, onFooterButtonClick = _a.onFooterButtonClick, FooterButtonIcon = _a.FooterButtonIcon, footerButtonText = _a.footerButtonText, headerFontSize = _a.headerFontSize, headerUnderlineColor = _a.headerUnderlineColor, headerless = _a.headerless, _f = _a.hideCheckedHighlight, hideCheckedHighlight = _f === void 0 ? false : _f, hideDivider = _a.hideDivider, highlightBoxShadow = _a.highlightBoxShadow, highlightRow = _a.highlightRow, highlightRowExtend = _a.highlightRowExtend, highlightRowColor = _a.highlightRowColor, highlightTipColor = _a.highlightTipColor, inactiveHeaderColor = _a.inactiveHeaderColor, inactiveHeaderColorHover = _a.inactiveHeaderColorHover, isRowClickable = _a.isRowClickable, _g = _a.loadingRowId, loadingRowId = _g === void 0 ? ROW_LOADING_ID : _g, mouseEnterRow = _a.mouseEnterRow, mouseLeaveRow = _a.mouseLeaveRow, noResultsFunction = _a.noResultsFunction, noResultsButtonColorFamily = _a.noResultsButtonColorFamily, _h = _a.noResultsButtonText, noResultsButtonText = _h === void 0 ? DEFAULT_NO_RESULTS_BUTTON_TEXT : _h, noResultsHeader = _a.noResultsHeader, noResultsHeaderColor = _a.noResultsHeaderColor, _j = _a.noResultsText, noResultsText = _j === void 0 ? DEFAULT_NO_RESULTS_TEXT : _j, noResultsTextColor = _a.noResultsTextColor, observeScrollRef = _a.observeScrollRef, onBlurRow = _a.onBlurRow, onEdit = _a.onEdit, onFocusRow = _a.onFocusRow, onFilterMenuClose = _a.onFilterMenuClose, onFilterMenuOpen = _a.onFilterMenuOpen, onPagination = _a.onPagination, _k = _a.options, options = _k === void 0 ? [] : _k, paginationStart = _a.paginationStart, parentSort = _a.parentSort, rowBackgroundColor = _a.rowBackgroundColor, rowBackgroundColorAlternating = _a.rowBackgroundColorAlternating, rowBorderRadius = _a.rowBorderRadius, rowGrow = _a.rowGrow, _l = _a.rowHeight, rowHeight = _l === void 0 ? ROW_HEIGHT_DEFAULT : _l, _m = _a.rowId, rowId = _m === void 0 ? ROW_ID_DEFAULT : _m, _o = _a.rows, rows = _o === void 0 ? [] : _o, rowsPerPage = _a.rowsPerPage, sortIndicatorColor = _a.sortIndicatorColor, _p = _a.tableId, tableId = _p === void 0 ? TABLE_ID_DEFAULT : _p, topPadding = _a.topPadding, totalItems = _a.totalItems;
-    var theme = useTheme();
-    var _q = useState(columns), alteredColumns = _q[0], setAlteredColumns = _q[1];
-    var _r = useState(false), cellLevelClick = _r[0], setCellLevelClick = _r[1];
-    var _s = useState(false), addRowMode = _s[0], setAddRowMode = _s[1];
-    var _t = useState({}), addRowData = _t[0], setAddRowData = _t[1];
-    var _u = useState({}), editRowData = _u[0], setEditRowData = _u[1];
-    var _v = useState({ top: 0, left: 0, bottom: 0 }), editErrorTooltipPosition = _v[0], setEditErrorTooltipPosition = _v[1];
-    var _w = useState(""), editRowId = _w[0], setEditRowId = _w[1];
-    // filters panel data
-    var _x = useState(), filtersPanelContent = _x[0], setFiltersPanelContent = _x[1];
-    var _y = useState(false), filtersPanelOpen = _y[0], setFiltersPanelOpen = _y[1];
-    var _z = useState(false), filtersPanelUseRadio = _z[0], setFiltersPanelUseRadio = _z[1];
-    var _0 = useState(0), filtersPanelIndex = _0[0], setFiltersPanelIndex = _0[1];
-    var _1 = useState({
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0,
-        top: 0,
-        left: 0,
-        bottom: 0,
-        right: 0,
-    }), filtersButtonMeasure = _1[0], setFiltersButtonMeasure = _1[1];
-    var filtersRefArray = useRef([]);
-    var _2 = useState(false), focusFirstEditableCell = _2[0], setFocusFirstEditableCell = _2[1];
-    var _3 = useState([]), optimisticRows = _3[0], setOptimisticRows = _3[1];
-    var _4 = useState(false), showAddRowValidationMessage = _4[0], setShowAddRowValidationMessage = _4[1];
-    var _5 = useState(false), showEditRowValidationMessage = _5[0], setShowEditRowValidationMessage = _5[1];
-    var _6 = useState(""), sortId = _6[0], setSortId = _6[1];
-    var _7 = useState(false), sortAscending = _7[0], setSortAscending = _7[1];
-    var _8 = useReducer(tableReducer, {
-        sortedRows: rows,
-        rowsById: {},
-        tableIsDragging: false,
-    }), _9 = _8[0], sortedRows = _9.sortedRows, tableIsDragging = _9.tableIsDragging, dispatch = _8[1];
-    var _10 = useState(1000), tableWidth = _10[0], setTableWidth = _10[1];
-    var _11 = useState({}), tooltipInfo = _11[0], setTooltipInfo = _11[1];
-    var _12 = useState(0), tooltipIndex = _12[0], setTooltipIndex = _12[1];
-    var _13 = useState(false), tooltipOpen = _13[0], setTooltipOpen = _13[1];
-    var _14 = useState({ top: 0, left: 0, bottom: 0 }), tooltipPosition = _14[0], setTooltipPosition = _14[1];
-    var _15 = useState(options), usableOptions = _15[0], setUsableOptions = _15[1];
-    var hasOptions = (usableOptions === null || usableOptions === void 0 ? void 0 : usableOptions.length) > 0;
-    var sortableTable = !disableSortAll;
-    var showNoResultsMessage = rows.length === 0 && !fetching;
-    var showLoadingRows = fetching && rows.length === 0;
-    var editOption = {
-        id: EDIT_OPTION_ID,
-        label: jsx(TableOptionLabel, { Icon: Edit, label: "Edit" }, void 0),
-        onClick: function (data) { return setEditRowId(data.row[rowId]); },
-    };
-    // Memoized Row functions
-    var cancelEdit = useCallback(function () {
-        setEditRowId("");
-        setShowEditRowValidationMessage(false);
-    }, []);
-    // const cancelEdit = useCallback(() => {}, []);
-    // Pagination
-    var _16 = useState(0), numberOfPages = _16[0], setNumberOfPages = _16[1]; // 0 for no pagination necessary
-    var _17 = useState(0), currentPage = _17[0], setCurrentPage = _17[1];
-    var _18 = useState([]), pageNumberOptions = _18[0], setPageNumberOptions = _18[1];
-    var _19 = useState(""), paginationKey = _19[0], setPaginationKey = _19[1];
-    var _20 = useState(false), showPreviousPagesInput = _20[0], setShowPreviousPagesInput = _20[1];
-    var _21 = useState(false), showPreviousPagesInputError = _21[0], setShowPreviousPagesInputError = _21[1];
-    var _22 = useState(), previousPagesInputValue = _22[0], setPreviousPagesInputValue = _22[1];
-    var _23 = useState(false), showPreviousPagesTooltip = _23[0], setShowPreviousPagesTooltip = _23[1];
-    var _24 = useState({ top: 0, left: 0, bottom: 0 }), previousPagesTooltipPosition = _24[0], setPreviousPagesTooltipPosition = _24[1];
-    var _25 = useState([]), previousMissingNumbers = _25[0], setPreviousMissingNumbers = _25[1];
-    var _26 = useState(false), showNextPagesInput = _26[0], setShowNextPagesInput = _26[1];
-    var _27 = useState(false), showNextPagesInputError = _27[0], setShowNextPagesInputError = _27[1];
-    var _28 = useState(), nextPagesInputValue = _28[0], setNextPagesInputValue = _28[1];
-    var _29 = useState(false), showNextPagesTooltip = _29[0], setShowNextPagesTooltip = _29[1];
-    var _30 = useState({ top: 0, left: 0, bottom: 0 }), nextPagesTooltipPosition = _30[0], setNextPagesTooltipPosition = _30[1];
-    var _31 = useState([]), nextMissingNumbers = _31[0], setNextMissingNumbers = _31[1];
-    var _32 = useState([]), visiblePageNumberOptions = _32[0], setVisiblePageNumberOptions = _32[1];
-    var externalPaginationMode = paginationStart !== undefined &&
-        onPagination !== undefined &&
-        totalItems !== undefined &&
-        rowsPerPage !== undefined &&
-        totalItems > rows.length;
-    var paginationMode = (rowsPerPage && rowsPerPage < rows.length) || externalPaginationMode;
-    var fakeFirstLink = numberOfPages > 6 && currentPage >= 4;
-    var fakeLastLink = numberOfPages > 6 && currentPage <= numberOfPages - 5;
-    var clearPreviousPageInput = function () {
-        setShowPreviousPagesInput(false);
-        setPreviousPagesInputValue(undefined);
-        setShowPreviousPagesInputError(false);
-    };
-    var clearNextPageInput = function () {
-        setShowNextPagesInput(false);
-        setNextPagesInputValue(undefined);
-        setShowNextPagesInputError(false);
-    };
-    var sortHeader = function (column) {
-        var cellId = column.cellId, disableSort = column.disableSort, reverseSort = column.reverseSort, sortFunction = column.sortFunction;
-        var ascending = sortId === cellId && !sortAscending;
-        if (clickHeader) {
-            clickHeader(column, ascending);
-        }
-        if (sortableTable && !disableSort) {
-            setSortAscending(ascending);
-            setSortId(cellId);
-            if (!parentSort) {
-                var sortParams = { rows: __spreadArray(__spreadArray([], sortedRows, true), optimisticRows, true), ascending: ascending, cellId: cellId, reverseSort: reverseSort };
-                var shuffledRows = sortFunction ? sortFunction(sortParams) : sortRows(sortParams);
-                dispatch({ type: TableActionType.Update, sortedRows: shuffledRows || [], rowId: rowId });
-            }
-        }
-    };
-    var sortRowsById = function (_a) {
-        var cellId = _a.cellId, _b = _a.extraRows, extraRows = _b === void 0 ? [] : _b, reverse = _a.reverse, updatedRows = _a.updatedRows;
-        var confirmedRows = updatedRows !== null && updatedRows !== void 0 ? updatedRows : sortedRows;
-        var sortingColumn = getObjectById({ array: columns, id: cellId, idKey: "cellId" });
-        if (sortingColumn && !sortingColumn.disableSort) {
-            var reverseSort = sortingColumn.reverseSort, sortFunction = sortingColumn.sortFunction;
-            var sortParams = {
-                rows: __spreadArray(__spreadArray([], confirmedRows, true), extraRows, true),
-                ascending: sortAscending,
-                cellId: cellId,
-                reverseSort: reverse ? !reverseSort : reverseSort,
-            };
-            var shuffledRows = sortFunction ? sortFunction(sortParams) : sortRows(sortParams);
-            dispatch({ type: TableActionType.Update, sortedRows: shuffledRows || [], rowId: rowId });
-        }
-        else {
-            dispatch({ type: TableActionType.Update, sortedRows: __spreadArray(__spreadArray([], confirmedRows, true), extraRows, true), rowId: rowId });
-        }
-    };
-    var openFilterPanel = function (props) {
-        var column = props.column, index = props.index;
-        var rect = filtersRefArray.current[index].getBoundingClientRect();
-        setFiltersPanelOpen(true);
-        onFilterMenuOpen === null || onFilterMenuOpen === void 0 ? void 0 : onFilterMenuOpen();
-        setFiltersButtonMeasure(rect);
-        setFiltersPanelContent(column);
-        setFiltersPanelIndex(index);
-        setFiltersPanelUseRadio(!!column.radioFilters);
-    };
-    var remeasureFilterPanelPositon = function () {
-        var rect = filtersRefArray.current[filtersPanelIndex].getBoundingClientRect();
-        setFiltersButtonMeasure(rect);
-    };
-    var validateNewRow = function (newRow) {
-        var newRowWithId = __assign({}, newRow);
-        newRowWithId.id = "optimistic_".concat(optimisticRows.length);
-        if (addRowValidation) {
-            var validation = addRowValidation(newRow);
-            if (validation === null || validation === void 0 ? void 0 : validation.isValid) {
-                setAddRowMode(false);
-                setShowAddRowValidationMessage(false);
-                addRow === null || addRow === void 0 ? void 0 : addRow(newRow);
-                setOptimisticRows(__spreadArray(__spreadArray([], optimisticRows, true), [newRowWithId], false));
-                sortRowsById({ cellId: sortId || "THERE_IS_NO_SORT_ID", extraRows: __spreadArray(__spreadArray([], optimisticRows, true), [newRowWithId], false) });
-            }
-            else {
-                setShowAddRowValidationMessage(true);
-            }
-        }
-        else {
-            setAddRowMode(false);
-            addRow === null || addRow === void 0 ? void 0 : addRow(newRow);
-            setOptimisticRows(__spreadArray(__spreadArray([], optimisticRows, true), [newRowWithId], false));
-            sortRowsById({ cellId: sortId || "THERE_IS_NO_SORT_ID", extraRows: __spreadArray(__spreadArray([], optimisticRows, true), [newRowWithId], false) });
-        }
-    };
-    var pageBack = function () {
-        var previousPage = (paginationStart || currentPage) - 1;
-        if (externalPaginationMode) {
-            onPagination({ currentPage: previousPage });
-        }
-        else {
-            setCurrentPage(previousPage);
-        }
-    };
-    var pageNext = function () {
-        var nextPage = (paginationStart || currentPage) + 1;
-        if (externalPaginationMode) {
-            onPagination({ currentPage: nextPage });
-        }
-        else {
-            setCurrentPage(nextPage);
-        }
-    };
-    var setPage = function (newPageId) {
-        var zeroIndexPageNumber = Number(newPageId);
-        if (externalPaginationMode) {
-            onPagination({ currentPage: zeroIndexPageNumber });
-        }
-        else {
-            setCurrentPage(zeroIndexPageNumber);
-        }
-    };
-    // This is memoized, but updates whenever rows are updated.
-    var validateRowEdit = useCallback(function (editedRow) {
-        if (editRowValidation) {
-            var validation = editRowValidation(editedRow);
-            if (validation === null || validation === void 0 ? void 0 : validation.isValid) {
-                setEditRowId("");
-                setShowEditRowValidationMessage(false);
-                onEdit === null || onEdit === void 0 ? void 0 : onEdit(editedRow);
-                var updatedRows = replaceObjectById({ array: sortedRows, id: editedRow[rowId], idKey: rowId, object: editedRow });
-                sortRowsById({ cellId: sortId || "THERE_IS_NO_SORT_ID", extraRows: optimisticRows, updatedRows: updatedRows });
-            }
-            else {
-                setShowEditRowValidationMessage(true);
-            }
-        }
-        else {
-            setEditRowId("");
-            onEdit === null || onEdit === void 0 ? void 0 : onEdit(editedRow);
-            var updatedRows = replaceObjectById({ array: sortedRows, id: editedRow[rowId], idKey: rowId, object: editedRow });
-            sortRowsById({ cellId: sortId || "THERE_IS_NO_SORT_ID", extraRows: optimisticRows, updatedRows: updatedRows });
-        }
-    }, [editRowValidation, onEdit, optimisticRows, rowId, setEditRowId, setShowEditRowValidationMessage, sortId, sortedRows]);
-    useEffect(function () {
-        setOptimisticRows([]);
-        setShowAddRowValidationMessage(false);
-        sortRowsById({ cellId: !parentSort && sortId ? sortId : "THERE_IS_NO_SORT_ID", extraRows: [], updatedRows: rows });
-    }, [rows]);
-    useEffect(function () {
-        setUsableOptions(editable ? __spreadArray([editOption], options, true) : options);
-    }, [options, editable]);
-    useEffect(function () {
-        var tableMinimum = 0;
-        var cellClicks = false;
-        // hasOptions hasn't updated when this runs initially
-        var optionsExist = editable || options.length > 0 || altOptions.length > 0;
-        // Inject feature based column headers here
-        var updatedColumns = __spreadArray([], columns, true);
-        if (clickCheckbox) {
-            updatedColumns.unshift(checkboxHeader);
-        }
-        if (clickRadio && !clickCheckbox) {
-            updatedColumns.unshift(radioHeader);
-        }
-        if (optionsExist) {
-            updatedColumns.push(optionHeader);
-        }
-        // Check the columns for cell level clicks & count tableMinimum
-        for (var i = 0; i < updatedColumns.length; i++) {
-            var _a = updatedColumns[i], clickCell = _a.clickCell, fixedWidth = _a.fixedWidth, width = _a.width, minWidth = _a.minWidth;
-            // measure width
-            var columnMinWidth = fixedWidth ? width : minWidth;
-            tableMinimum = tableMinimum + (columnMinWidth || 0);
-            if (clickCell) {
-                cellClicks = true;
-            }
-        }
-        setTableWidth(tableMinimum);
-        setCellLevelClick(cellClicks || !!usableOptions || !!clickCheckbox || !!clickRadio);
-        setAlteredColumns(updatedColumns);
-    }, [columns, usableOptions, clickCheckbox, clickRadio]);
-    // Pagination
-    useEffect(function () {
-        var amountOfPages = 0;
-        if (externalPaginationMode) {
-            amountOfPages = Math.ceil(totalItems / rowsPerPage);
-        }
-        else {
-            var paginationNeeded = rowsPerPage && rowsPerPage < rows.length;
-            amountOfPages = paginationNeeded ? Math.ceil(rows.length / rowsPerPage) : 0;
-        }
-        setNumberOfPages(amountOfPages);
-        var pageTabs = [];
-        for (var i = 0; i < amountOfPages; i++) {
-            pageTabs.push({ id: i.toString(), label: (i + 1).toString() });
-        }
-        setPageNumberOptions(pageTabs);
-        setCurrentPage(paginationStart || 0);
-    }, [paginationStart, rowsPerPage, rows, totalItems]);
-    useEffect(function () {
-        var showStart = numberOfPages <= 6 || currentPage < 4;
-        var showEnd = numberOfPages <= 6 || currentPage > numberOfPages - 5;
-        var sliceStart = showStart ? 0 : showEnd ? numberOfPages - 4 : currentPage - 1;
-        var sliceEnd = showEnd ? numberOfPages : showStart ? 4 : currentPage + 2;
-        var newOptions = pageNumberOptions.slice(sliceStart, sliceEnd);
-        setVisiblePageNumberOptions(newOptions);
-        setPaginationKey(makeIdString({ array: newOptions }));
-    }, [currentPage, numberOfPages]);
-    // This useEffect needs to be positioned last, so that if fires after all the other useEffects after the initial render
-    useEffect(function () {
-        if (sortableTable) {
-            var initialSortId = defaultSort || findDefaultSort({ columns: columns, filterFunction: filterFunction });
-            setSortId(initialSortId);
-            if (!parentSort) {
-                sortRowsById({ cellId: initialSortId || "THERE_IS_NO_SORT_ID", reverse: defaultSortReverse, updatedRows: rows });
-            }
-            setSortAscending(defaultSortReverse ? true : false);
-        }
-        if (isBrowser) {
-            var onScroll_1 = function () {
-                setFiltersPanelOpen(false);
-                setShowEditRowValidationMessage(false);
-                setShowPreviousPagesTooltip(false);
-                setShowNextPagesTooltip(false);
-                setTooltipOpen(false);
-            };
-            // clean up code
-            var scrollElement_1 = (observeScrollRef === null || observeScrollRef === void 0 ? void 0 : observeScrollRef.current) || window;
-            scrollElement_1.removeEventListener("scroll", onScroll_1);
-            scrollElement_1.addEventListener("scroll", onScroll_1, { passive: true });
-            return function () { return scrollElement_1.removeEventListener("scroll", onScroll_1); };
-        }
-    }, []);
-    return (jsx(TableGroup, __assign({ as: Scroller, "$bottomPadding": bottomPadding, "$highlightRowExtend": highlightRowExtend, "$topPadding": topPadding }, { children: jsxs(FullWidth, __assign({ "$minimum": tableWidth }, { children: [jsx(HeaderBox, __assign({ "$columns": alteredColumns, "$headerless": headerless, "$headerUnderlineColor": headerUnderlineColor, "$hideDivider": hideDivider }, { children: !headerless &&
-                        (alteredColumns === null || alteredColumns === void 0 ? void 0 : alteredColumns.map(function (column, index) {
-                            var _a;
-                            var HeaderComponentWrapper = column.HeaderComponentWrapper;
-                            var isSortingColumn = column.cellId === sortId;
-                            var filterable = !!filterFunction && column.filters && ((_a = column.filters) === null || _a === void 0 ? void 0 : _a.length) > 0;
-                            var sortable = sortableTable && !column.disableSort && !filterable;
-                            var iconFill = isSortingColumn
-                                ? sortIndicatorColor || theme.table.sortIndicatorColor
-                                : inactiveHeaderColor || theme.table.inactiveHeaderColor;
-                            var clickableHeader = !!column.label;
-                            return (jsx(HeaderCell, { children: jsx(HeaderClickTarget, __assign({ ref: function (ref) { return (filtersRefArray.current[index] = ref); }, "$clickable": !filtersPanelOpen, "$index": index }, (clickableHeader
-                                    ? { onClick: function () { return !fetching && (filterable ? openFilterPanel({ column: column, index: index }) : sortHeader(column)); } }
-                                    : {}), (clickableHeader
-                                    ? {
-                                        onKeyPress: function (event) {
-                                            if (pressedEnter(event) && !fetching) {
-                                                if (filterable) {
-                                                    openFilterPanel({ column: column, index: index });
-                                                }
-                                                else {
-                                                    sortHeader(column);
-                                                }
-                                            }
-                                        },
-                                    }
-                                    : {}), (clickableHeader ? { role: "button" } : {}), { tabIndex: clickableHeader ? 0 : -1 }, { children: column.cellId === "checkbox_header_INTERNAL_ID" ? (jsx(CheckboxHeader, { checkboxHeaderActive: !!checkboxHeaderActive, clickCheckboxHeader: clickCheckboxHeader }, void 0)) : HeaderComponentWrapper ? (jsx(HeaderComponentWrapper, { column: column, columnIndex: index, clickHeader: clickHeader }, void 0)) : (jsxs(HeaderLabel, __assign({ "$active": isSortingColumn, "$activeHeaderColor": activeHeaderColor, "$clickable": !!clickHeader || filterable || sortable, "$headerFontSize": headerFontSize, "$inactiveHeaderColor": inactiveHeaderColor, "$inactiveHeaderColorHover": inactiveHeaderColorHover, "$sortable": sortable || filterable }, { children: [column.label, filterable && (jsx(FilterIcon, { children: jsx(Filter, { fill: inactiveHeaderColor || theme.table.inactiveHeaderColor, title: "Filter Icon" }, void 0) }, void 0)), sortable && (jsx(SortIcon, __assign({ "$active": isSortingColumn, "$flip": sortAscending }, { children: isSortingColumn ? jsx(ArrowUp, { fill: iconFill }, void 0) : jsx(Sort, { fill: iconFill }, void 0) }), void 0)), jsx(SortIndicator, { "$active": isSortingColumn, "$sortIndicatorColor": sortIndicatorColor, "aria-label": isSortingColumn ? "is sorting the table" : "" }, void 0)] }), void 0)) }), void 0) }, column.cellId));
-                        })) }), void 0), pageResults({
-                    currentPage: currentPage,
-                    internalPaginationMode: paginationMode && !externalPaginationMode,
-                    rows: sortedRows,
-                    rowsPerPage: rowsPerPage,
-                }).map(function (row, rowIndex) {
-                    // check for existing options
-                    var rowOptions = dynamicOptions ? dynamicOptions({ options: usableOptions, row: row, rowIndex: rowIndex, rows: sortedRows }) : usableOptions;
-                    var altRowOptions = dynamicAltOptions
-                        ? dynamicAltOptions({ options: altOptions, row: tooltipInfo, rowIndex: tooltipIndex, rows: sortedRows }) || []
-                        : altOptions;
-                    var rowHasOptions = !!((rowOptions === null || rowOptions === void 0 ? void 0 : rowOptions.length) || (altRowOptions === null || altRowOptions === void 0 ? void 0 : altRowOptions.length));
-                    return (jsx(Row$1, { cancelEdit: cancelEdit, calcRowBackgroundColor: calcRowBackgroundColor, cellLevelClick: cellLevelClick, clickCheckbox: clickCheckbox, clickRadio: clickRadio, clickRow: 
-                        // prettier-ignore
-                        isRowClickable
-                            ? isRowClickable({ row: row, rowIndex: rowIndex, rows: rows }) ? clickRow : noop
-                            : clickRow, columns: columns, columnsWithOptions: alteredColumns, disableHighlight: !!editRowId && editRowId !== row.id, editingMode: editRowId === row.id, editRowData: editRowData, editWholeDollars: !!editWholeDollars, fetching: fetching || row[loadingRowId], fetchingAnimationHeight: fetchingAnimationHeight, hasOptions: rowHasOptions, hasOpenTooltip: tooltipOpen && (tooltipInfo === null || tooltipInfo === void 0 ? void 0 : tooltipInfo.id) === row.id, hideCheckedHighlight: hideCheckedHighlight, highlightBoxShadow: highlightBoxShadow, highlightRow: highlightRow, highlightRowColor: highlightRowColor, highlightRowExtend: highlightRowExtend, highlightTipColor: highlightTipColor, mouseEnterRow: mouseEnterRow, mouseLeaveRow: mouseLeaveRow, okButtonColorFamily: addRowButtonColorFamily || theme.table.addRowButtonColorFamily, onBlurRow: onBlurRow, onFocusRow: onFocusRow, row: row, rowIndex: rowIndex, rows: sortedRows, rowBackgroundColor: rowBackgroundColor, rowBackgroundColorAlternating: rowBackgroundColorAlternating, rowBorderRadius: rowBorderRadius, rowGrow: rowGrow, setEditErrorTooltipPosition: setEditErrorTooltipPosition, setEditRowData: setEditRowData, setTooltipOpen: setTooltipOpen, setTooltipPosition: setTooltipPosition, setTooltipInfo: setTooltipInfo, setTooltipIndex: setTooltipIndex, showValidationMessage: showEditRowValidationMessage, rowHeight: rowHeight, tableId: tableId, tableIsDragging: tableIsDragging, thisRowId: row[rowId], validationMessage: editRowValidationMessageObject, validateRowEdit: validateRowEdit }, "".concat(tableId).concat(row[rowId], "_").concat(sortId, "_").concat(sortAscending ? "asc" : "desc")));
-                }), addRow && (jsxs(AddRowSection, { children: [jsx(RowBase, __assign({ "data-testid": "addRow", "$columns": clickCheckbox ? alteredColumns.slice(1) : alteredColumns, "$highlightBoxShadow": "none", "$hide": !addRowMode, "$obscureCheckbox": !!clickCheckbox, "$rowBackgroundColor": rowBackgroundColor, "$rowBackgroundColorAlternating": rowBackgroundColorAlternating, "$rowBorderRadius": rowBorderRadius, "$rowHeight": rowHeight }, { children: columns === null || columns === void 0 ? void 0 : columns.map(function (column, i) {
-                                var editType = column.editType, cellId = column.cellId, editSelectOptions = column.editSelectOptions, editSelectLabelFilter = column.editSelectLabelFilter, editSelectOptionsFilter = column.editSelectOptionsFilter, editPlaceholder = column.editPlaceholder, label = column.label, leftPadding = column.leftPadding, rightPadding = column.rightPadding;
-                                return (jsx(EditCell, { altRow: isOdd(sortedRows.length), editType: editType, editSelectLabelFilter: editSelectLabelFilter, editSelectOptions: editSelectOptionsFilter ? editSelectOptionsFilter({ column: column, rowData: addRowData }) : editSelectOptions, editPlaceholder: editPlaceholder, editWholeDollars: editWholeDollars, focus: addRowMode && focusFirstEditableCell && i === 0, index: i, isVisible: addRowMode, label: typeof label === "string" ? label : "", lastCell: i === columns.length - 1 && !hasOptions, 
-                                    // lastCell={false}
-                                    leftPadding: leftPadding, rightPadding: rightPadding, observeScrollRef: observeScrollRef, rowData: addRowData, setCellData: function (value) {
-                                        var newData = JSON.parse(JSON.stringify(addRowData));
-                                        newData[cellId] = value;
-                                        setAddRowData(newData);
-                                    }, submitData: function (value) {
-                                        var newData = JSON.parse(JSON.stringify(addRowData));
-                                        newData[cellId] = value;
-                                        setAddRowData(newData);
-                                        validateNewRow(newData);
-                                    } }, "".concat(tableId, "_addRow_").concat(column.cellId)));
-                            }) }), void 0), jsx(AcceptButton, __assign({ "$show": addRowMode, "$scrunch": !hasOptions }, { children: jsx(BoxedButton, { text: "OK", onClick: function () { return validateNewRow(addRowData); }, textFontSize: 13, colorFamily: addRowButtonColorFamily || theme.table.addRowButtonColorFamily }, void 0) }), void 0), jsx(CancelButton, __assign({ "$show": addRowMode, "$scrunch": !hasOptions }, { children: jsx(IconButton, { colorFamily: ButtonColorFamilyEnum.CoolGrey, Icon: X, onClick: function () {
-                                    setAddRowMode(false);
-                                    setShowAddRowValidationMessage(false);
-                                }, size: 22 }, void 0) }), void 0), jsx(AddRowButtonClip, __assign({ "$show": !addRowMode }, { children: jsx(AddRowButton, __assign({ "$show": !addRowMode }, { children: jsx(TextButton, { colorFamily: addRowButtonColorFamily || theme.table.addRowButtonColorFamily, Icon: PlusCircle, onClick: function () {
-                                        setAddRowMode(true);
-                                        setAddRowData({});
-                                        setFocusFirstEditableCell(true);
-                                    }, text: addRowText, textFontSize: addRowButtonFontSize || theme.table.addRowButtonFontSize }, void 0) }), void 0) }), void 0)] }, void 0)), jsx(AddRowValidationMessage, __assign({ "$show": showAddRowValidationMessage && addRowMode, "aria-hidden": showAddRowValidationMessage ? "false" : "true", "$addRowValidationColor": addRowValidationColor }, { children: addRowValidationMessage }), void 0), showNoResultsMessage && (jsxs(NoResults, { children: [jsx(NoResultsImage, { children: jsx(EmptySearchIcon, {}, void 0) }, void 0), !!noResultsHeader ? jsx(NoResultsHeader, __assign({ "$noResultsHeaderColor": noResultsHeaderColor }, { children: noResultsHeader }), void 0) : null, jsx(NoResultsText, __assign({ "$noResultsTextColor": noResultsTextColor }, { children: noResultsText }), void 0), noResultsFunction && (jsx(SecondaryButton, { onClick: noResultsFunction, text: noResultsButtonText, colorFamily: noResultsButtonColorFamily || theme.table.noResultsButtonColorFamily }, void 0))] }, void 0)), showLoadingRows && fetchingRowsNumber && (jsx(LoadingRows, { columns: columns, fetchingAnimationHeight: fetchingAnimationHeight, fetchingRowsNumber: fetchingRowsNumber, rowHeight: rowHeight }, void 0)), (paginationMode || onFooterButtonClick) && (jsxs(PaginationFooter, __assign({ "data-testid": "paginationFooter", "$isFooterButtonOnly": !paginationMode }, { children: [paginationMode && (jsxs(PaginationBox, { children: [jsx(LinkBox, { children: jsx(IconButton, { ariaLabel: "Previous page", disabled: currentPage === 0, Icon: CaretLeft, onClick: pageBack, preventClick: fetching }, void 0) }, void 0), fakeFirstLink && (jsxs(Fragment, { children: [jsx(LinkBox, { children: jsx(TextLink, { borderRadius: 7, clickable: !fetching, onClick: function () { return setPage("0"); }, paddingString: "10px 8px", solidFocus: theme.horizontalTabMenu.focusedColor, text: "1", textStyle: TextStyleEnum.Emphasis }, void 0) }, void 0), showPreviousPagesInput ? (jsx(ClickOutHandler, __assign({ handleClickAway: function () { return clearPreviousPageInput(); } }, { children: jsx(PreviousPageInput, { children: jsx(InlineInput, { focus: true, inputHeight: 29, inputWidth: 43, noMinWidth: true, onValueChange: function (value) { return setPreviousPagesInputValue(Number(value)); }, onEnter: function (value) {
-                                                        var indexedValue = Math.round(Number(value)) - 1;
-                                                        if (indexedValue >= 0 && indexedValue < numberOfPages) {
-                                                            setPage(indexedValue);
-                                                            clearPreviousPageInput();
-                                                        }
-                                                        else {
-                                                            setShowPreviousPagesInputError(true);
-                                                        }
-                                                    }, showValidationMessage: showPreviousPagesInputError, sidePadding: 5, 
-                                                    // step="1"
-                                                    type: "number", value: previousPagesInputValue || "" }, void 0) }, void 0) }), void 0)) : (jsx(LinkBox, { children: jsx(IconButton, { ariaLabel: "Select a previous page", Icon: Ellipsis, onClick: function (event) {
-                                                    var firstVisiblePage = Number(visiblePageNumberOptions[0].id);
-                                                    var priorMissingNumbers = pageNumberOptions.slice(1, firstVisiblePage);
-                                                    if (priorMissingNumbers.length > PAGINATION_PICKER_MAX) {
-                                                        setShowPreviousPagesInput(true);
-                                                    }
-                                                    else {
-                                                        setShowPreviousPagesTooltip(true);
-                                                        setPreviousPagesTooltipPosition(getPosition(event.target));
-                                                    }
-                                                    setPreviousMissingNumbers(priorMissingNumbers);
-                                                }, preventClick: fetching }, void 0) }, void 0))] }, void 0)), jsx(MenuBox, { children: jsx(HorizontalTabMenu, { activeOption: currentPage.toString(), defaultOption: currentPage.toString(), minTabWidth: 24, noMenuPadding: true, onOptionChange: setPage, options: visiblePageNumberOptions, preventClick: fetching, spaceBetweenTabs: 18, textColor: colors.COOL_GREY_100, underlineColor: "transparent" }, paginationKey) }, void 0), fakeLastLink && (jsxs(Fragment, { children: [showNextPagesInput ? (jsx(ClickOutHandler, __assign({ handleClickAway: function () { return clearNextPageInput(); } }, { children: jsx(NextPageInput, { children: jsx(InlineInput, { focus: true, inputHeight: 29, inputWidth: 43, noMinWidth: true, onValueChange: function (value) { return setNextPagesInputValue(Number(value)); }, onEnter: function (value) {
-                                                        var indexedValue = Math.round(Number(value)) - 1;
-                                                        if (indexedValue >= 0 && indexedValue < numberOfPages) {
-                                                            setPage(indexedValue);
-                                                            clearNextPageInput();
-                                                        }
-                                                        else {
-                                                            setShowNextPagesInputError(true);
-                                                        }
-                                                    }, showValidationMessage: showNextPagesInputError, sidePadding: 5, 
-                                                    // step="1"
-                                                    type: "number", value: nextPagesInputValue || "" }, void 0) }, void 0) }), void 0)) : (jsx(LinkBox, { children: jsx(IconButton, { ariaLabel: "Select an upcoming page", Icon: Ellipsis, onClick: function (event) {
-                                                    var lastVisiblePage = Number(visiblePageNumberOptions[visiblePageNumberOptions.length - 1].id);
-                                                    var futureMissingNumbers = pageNumberOptions.slice(lastVisiblePage + 1, numberOfPages - 1);
-                                                    if (futureMissingNumbers.length > PAGINATION_PICKER_MAX) {
-                                                        setShowNextPagesInput(true);
-                                                    }
-                                                    else {
-                                                        setShowNextPagesTooltip(true);
-                                                        setNextPagesTooltipPosition(getPosition(event.target));
-                                                    }
-                                                    setNextMissingNumbers(futureMissingNumbers);
-                                                }, preventClick: fetching }, void 0) }, void 0)), jsx(LinkBox, { children: jsx(TextLink, { borderRadius: 7, clickable: !fetching, onClick: function () { return setPage((numberOfPages - 1).toString()); }, paddingString: "10px 8px", solidFocus: theme.horizontalTabMenu.focusedColor, text: numberOfPages.toString(), textStyle: TextStyleEnum.Emphasis }, void 0) }, void 0)] }, void 0)), jsx(LinkBox, { children: jsx(IconButton, { ariaLabel: "Next page", disabled: currentPage === numberOfPages - 1, Icon: CaretRight, onClick: pageNext, preventClick: fetching }, void 0) }, void 0), onFooterButtonClick && jsx(Results, { children: "".concat(totalItems || rows.length, " results") }, void 0)] }, void 0)), (onFooterButtonClick && (jsx(SingleButton, { colorFamily: footerButtonColorFamily, variant: ButtonVariantEnum.Text, onClick: onFooterButtonClick, text: footerButtonText || "Footer button", Icon: FooterButtonIcon }, void 0))) || jsx(Results, { children: "".concat((totalItems === null || totalItems === void 0 ? void 0 : totalItems.toLocaleString()) || rows.length.toLocaleString(), " results") }, void 0)] }), void 0)), jsx(TooltipOptions, { altOptions: dynamicAltOptions
-                        ? dynamicAltOptions({ options: altOptions, row: tooltipInfo, rowIndex: tooltipIndex, rows: sortedRows }) || []
-                        : altOptions, open: tooltipOpen, onClickout: function () { return setTooltipOpen(false); }, options: dynamicOptions
-                        ? dynamicOptions({ options: usableOptions, row: tooltipInfo, rowIndex: tooltipIndex, rows: sortedRows }) || []
-                        : usableOptions, position: tooltipPosition, onOptionClick: function (option) {
-                        var clickedEdit = (option === null || option === void 0 ? void 0 : option.id) === EDIT_OPTION_ID;
-                        setTooltipOpen(false);
-                        if (clickedEdit) {
-                            setEditRowId(tooltipInfo[rowId]);
-                            setEditRowData(tooltipInfo); // seed edit data
-                        }
-                        else {
-                            clickOption === null || clickOption === void 0 ? void 0 : clickOption({ row: tooltipInfo, option: option });
-                        }
-                    }, targetHeight: 30 }, void 0), jsx(Tooltip, { open: showEditRowValidationMessage && !!(editRowValidationMessageObject === null || editRowValidationMessageObject === void 0 ? void 0 : editRowValidationMessageObject.tooltipCellId), position: editErrorTooltipPosition, targetHeight: 32, text: editRowValidationMessageObject === null || editRowValidationMessageObject === void 0 ? void 0 : editRowValidationMessageObject.tooltipText }, void 0), jsx(Tooltip, __assign({ clickable: true, clickOut: function () { return setShowPreviousPagesTooltip(false); }, open: showPreviousPagesTooltip, position: previousPagesTooltipPosition, targetHeight: 30, width: previousMissingNumbers.length > 8 ? Math.ceil(previousMissingNumbers.length / 4) * 30 + 20 : 80 }, { children: jsx(NumberGrid, { activeHeaderColor: activeHeaderColor, inactiveHeaderColor: inactiveHeaderColor, numberList: previousMissingNumbers, numberClick: function (id) {
-                            setPage(id);
-                            setShowPreviousPagesTooltip(false);
-                        }, rowBackgroundColorAlternating: rowBackgroundColorAlternating }, void 0) }), void 0), jsx(Tooltip, __assign({ clickable: true, clickOut: function () { return setShowNextPagesTooltip(false); }, open: showNextPagesTooltip, position: nextPagesTooltipPosition, targetHeight: 30, width: nextMissingNumbers.length > 8 ? Math.ceil(nextMissingNumbers.length / 4) * 30 + 20 : 80 }, { children: jsx(NumberGrid, { activeHeaderColor: activeHeaderColor, inactiveHeaderColor: inactiveHeaderColor, numberList: nextMissingNumbers, numberClick: function (id) {
-                            setPage(id);
-                            setShowNextPagesTooltip(false);
-                        }, rowBackgroundColorAlternating: rowBackgroundColorAlternating }, void 0) }), void 0), filterFunction && filtersPanelContent && (jsx(TableFiltersPanel, { activeFilters: activeFilters, columnData: filtersPanelContent, filterFunction: filterFunction, filtersButtonMeasure: filtersButtonMeasure, filtersPanelOpen: filtersPanelOpen, onFilterMenuClose: onFilterMenuClose, onFilterSelect: remeasureFilterPanelPositon, radioButtons: filtersPanelUseRadio, panelWidth: filtersPanelContent.filterPanelWidth, setFiltersPanelOpen: setFiltersPanelOpen }, void 0)), filtersPanelOpen && jsx(ClickShield, {}, void 0)] }), void 0) }), void 0));
-};
-Table.defaultProps = {
-    addRowText: ADD_ROW_TEXT_DEFAULT,
-    checkboxHeaderActive: false,
-    editable: false,
-    editWholeDollars: false,
-    fetching: false,
-    fetchingRowsNumber: 3,
-    fetchingAnimationHeight: FETCHING_ANIMATION_HEIGHT_DEFAULT,
-    hideCheckedHighlight: false,
-    loadingRowId: ROW_LOADING_ID,
-    noResultsButtonText: DEFAULT_NO_RESULTS_BUTTON_TEXT,
-    noResultsText: DEFAULT_NO_RESULTS_TEXT,
-    options: [],
-    rowId: ROW_ID_DEFAULT,
-    rows: [],
-    rowHeight: ROW_HEIGHT_DEFAULT,
-    tableId: TABLE_ID_DEFAULT,
-};
-var Table$1 = React__default.memo(Table);
-
-export { CheckboxBox as C, FETCHING_ANIMATION_HEIGHT_DEFAULT as F, NudgeToggle as N, ROW_HEIGHT_DEFAULT as R, Table as T, Table$1 as a };
-//# sourceMappingURL=Table-a135dcaa.js.map