@ultraviolet/ui 1.51.1 → 1.51.3

package/dist/components/Table/HeaderCell.js

@@ -0,0 +1,80 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Icon } from "@ultraviolet/icons";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+const StyledIconContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq82"
+} : {
+  target: "ev6jkq82",
+  label: "StyledIconContainer"
+})("color:", ({
+  theme
+}) => theme.colors.neutral.textWeak, ";&[aria-disabled='true']{cursor:not-allowed;}&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU95QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9IZWFkZXJDZWxsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gJ0B1bHRyYXZpb2xldC9pY29ucydcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcblxuY29uc3QgU3R5bGVkSWNvbkNvbnRhaW5lciA9IHN0eWxlZChTdGFjaylgXG4gIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5uZXV0cmFsLnRleHRXZWFrfTtcblxuICAmW2FyaWEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgfVxuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU29ydEljb24gPSAoeyBvcmRlciB9OiB7IG9yZGVyPzogJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZycgfSkgPT4gKFxuICA8U3R5bGVkSWNvbkNvbnRhaW5lcj5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LXVwXCJcbiAgICAgIHNpemU9ezEwfVxuICAgICAgY29sb3I9e29yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICAgIDxJY29uXG4gICAgICBuYW1lPVwiYXJyb3ctZG93blwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2Rlc2NlbmRpbmcnID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgcHJvbWluZW5jZT1cIndlYWtcIlxuICAgIC8+XG4gIDwvU3R5bGVkSWNvbkNvbnRhaW5lcj5cbilcblxudHlwZSBTdHlsZWRIZWFkZXJDZWxsUHJvcHMgPSBQaWNrPFxuICBIZWFkZXJDZWxsUHJvcHMsXG4gICd3aWR0aCcgfCAnbWF4V2lkdGgnIHwgJ21pbldpZHRoJ1xuPlxuY29uc3QgU3R5bGVkSGVhZGVyQ2VsbCA9IHN0eWxlZCgndGgnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJywgJ21heFdpZHRoJywgJ21pbldpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTxTdHlsZWRIZWFkZXJDZWxsUHJvcHM+YFxuICAkeyh7IHdpZHRoLCBtYXhXaWR0aCwgbWluV2lkdGggfSkgPT4gYFxuICAgICR7d2lkdGggPyBgd2lkdGg6ICR7d2lkdGh9O2AgOiAnJ31cbiAgICAke21heFdpZHRoID8gYG1heC13aWR0aDogJHttYXhXaWR0aH07YCA6ICcnfVxuICAgICR7bWluV2lkdGggPyBgbWluLXdpZHRoOiAke21pbldpZHRofTtgIDogJyd9XG4gIGB9XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5cbiAgJltyb2xlKj0nYnV0dG9uJ10ge1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbnR5cGUgSGVhZGVyQ2VsbFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3ROb2RlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBpc09yZGVyZWQ/OiBib29sZWFuXG4gIG9yZGVyRGlyZWN0aW9uPzogJ2FzYycgfCAnZGVzYycgfCAnbm9uZSdcbiAgb25PcmRlcj86IChuZXdPcmRlcjogJ2FzYycgfCAnZGVzYycpID0+IHZvaWRcbiAgd2lkdGg/OiBzdHJpbmdcbiAgbWluV2lkdGg/OiBzdHJpbmdcbiAgbWF4V2lkdGg/OiBzdHJpbmdcbiAgaW5mbz86IHN0cmluZ1xufVxuXG5leHBvcnQgY29uc3QgSGVhZGVyQ2VsbCA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlzT3JkZXJlZCxcbiAgb25PcmRlcixcbiAgb3JkZXJEaXJlY3Rpb24sXG4gIHdpZHRoLFxuICBtYXhXaWR0aCxcbiAgbWluV2lkdGgsXG4gIGluZm8sXG59OiBIZWFkZXJDZWxsUHJvcHMpID0+IHtcbiAgbGV0IG9yZGVyOiB1bmRlZmluZWQgfCAnYXNjZW5kaW5nJyB8ICdkZXNjZW5kaW5nJ1xuICBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnYXNjJykge1xuICAgIG9yZGVyID0gJ2FzY2VuZGluZydcbiAgfSBlbHNlIGlmIChpc09yZGVyZWQgJiYgb3JkZXJEaXJlY3Rpb24gPT09ICdkZXNjJykge1xuICAgIG9yZGVyID0gJ2Rlc2NlbmRpbmcnXG4gIH1cblxuICBjb25zdCBoYW5kbGVPcmRlciA9IG9uT3JkZXJcbiAgICA/ICgpID0+IG9uT3JkZXIob3JkZXIgPT09ICdhc2NlbmRpbmcnID8gJ2Rlc2MnIDogJ2FzYycpXG4gICAgOiB1bmRlZmluZWRcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRIZWFkZXJDZWxsXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9uQ2xpY2s9e2hhbmRsZU9yZGVyfVxuICAgICAgb25LZXlEb3duPXtcbiAgICAgICAgaGFuZGxlT3JkZXJcbiAgICAgICAgICA/IGV2ZW50ID0+IHtcbiAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnIHx8IGV2ZW50LmtleSA9PT0gJ0VudGVyJykge1xuICAgICAgICAgICAgICAgIGhhbmRsZU9yZGVyKClcbiAgICAgICAgICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnICcpIHtcbiAgICAgICAgICAgICAgICAgIC8vIEBub3RlOiBpdCBhdm9pZCBzY3JvbGwgd2hlbiBwcmVzc2luZyBTcGFjZVxuICAgICAgICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICAgIDogdW5kZWZpbmVkXG4gICAgICB9XG4gICAgICByb2xlPXtvbk9yZGVyID8gJ2J1dHRvbiBjb2x1bW5oZWFkZXInIDogdW5kZWZpbmVkfVxuICAgICAgd2lkdGg9e3dpZHRofVxuICAgICAgbWF4V2lkdGg9e21heFdpZHRofVxuICAgICAgbWluV2lkdGg9e21pbldpZHRofVxuICAgICAgdGFiSW5kZXg9e2hhbmRsZU9yZGVyID8gMCA6IC0xfVxuICAgICAgYXJpYS1zb3J0PXtvcmRlcn1cbiAgICA+XG4gICAgICA8U3R5bGVkVGV4dFxuICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgIHZhcmlhbnQ9XCJib2R5U21hbGxcIlxuICAgICAgICBjb2xvcj17b3JkZXIgIT09IHVuZGVmaW5lZCA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgICB7aW5mbyA/IChcbiAgICAgICAgICA8VG9vbHRpcCB0ZXh0PXtpbmZvfT5cbiAgICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICAgIG5hbWU9XCJpbmZvcm1hdGlvbi1vdXRsaW5lXCJcbiAgICAgICAgICAgICAgc2l6ZT17MjB9XG4gICAgICAgICAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJuZXV0cmFsXCJcbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgICAge29yZGVyRGlyZWN0aW9uICE9PSB1bmRlZmluZWQgJiYgaXNPcmRlcmVkICE9PSB1bmRlZmluZWQgPyAoXG4gICAgICAgICAgPFNvcnRJY29uIGFyaWEtZGlzYWJsZWQ9eyFvbk9yZGVyfSBvcmRlcj17b3JkZXJ9IC8+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgIDwvU3R5bGVkSGVhZGVyQ2VsbD5cbiAgKVxufVxuIl19 */"));
+const SortIcon = ({
+  order
+}) => /* @__PURE__ */ jsxs(StyledIconContainer, { children: [
+  /* @__PURE__ */ jsx(Icon, { name: "arrow-up", size: 10, color: order === "ascending" ? "primary" : "neutral", prominence: "weak" }),
+  /* @__PURE__ */ jsx(Icon, { name: "arrow-down", size: 10, color: order === "descending" ? "primary" : "neutral", prominence: "weak" })
+] });
+const StyledHeaderCell = /* @__PURE__ */ _styled("th", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81"
+} : {
+  shouldForwardProp: (prop) => !["width", "maxWidth", "minWidth"].includes(prop),
+  target: "ev6jkq81",
+  label: "StyledHeaderCell"
+})(({
+  width,
+  maxWidth,
+  minWidth
+}) => `
+    ${width ? `width: ${width};` : ""}
+    ${maxWidth ? `max-width: ${maxWidth};` : ""}
+    ${minWidth ? `min-width: ${minWidth};` : ""}
+  `, " padding:", ({
+  theme
+}) => theme.space["1"], ";&[role*='button']{cursor:pointer;user-select:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDeUIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const StyledText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "ev6jkq80"
+} : {
+  target: "ev6jkq80",
+  label: "StyledText"
+})("display:flex;flex-direction:row;align-items:center;gap:", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL0hlYWRlckNlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvVGFibGUvSGVhZGVyQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gJy4uL1Rvb2x0aXAnXG5cbmNvbnN0IFN0eWxlZEljb25Db250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBjb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5jb2xvcnMubmV1dHJhbC50ZXh0V2Vha307XG5cbiAgJlthcmlhLWRpc2FibGVkPSd0cnVlJ10ge1xuICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gIH1cblxuICAmW3JvbGUqPSdidXR0b24nXSB7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuICB9XG5gXG5cbmNvbnN0IFNvcnRJY29uID0gKHsgb3JkZXIgfTogeyBvcmRlcj86ICdhc2NlbmRpbmcnIHwgJ2Rlc2NlbmRpbmcnIH0pID0+IChcbiAgPFN0eWxlZEljb25Db250YWluZXI+XG4gICAgPEljb25cbiAgICAgIG5hbWU9XCJhcnJvdy11cFwiXG4gICAgICBzaXplPXsxMH1cbiAgICAgIGNvbG9yPXtvcmRlciA9PT0gJ2FzY2VuZGluZycgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgLz5cbiAgICA8SWNvblxuICAgICAgbmFtZT1cImFycm93LWRvd25cIlxuICAgICAgc2l6ZT17MTB9XG4gICAgICBjb2xvcj17b3JkZXIgPT09ICdkZXNjZW5kaW5nJyA/ICdwcmltYXJ5JyA6ICduZXV0cmFsJ31cbiAgICAgIHByb21pbmVuY2U9XCJ3ZWFrXCJcbiAgICAvPlxuICA8L1N0eWxlZEljb25Db250YWluZXI+XG4pXG5cbnR5cGUgU3R5bGVkSGVhZGVyQ2VsbFByb3BzID0gUGljazxcbiAgSGVhZGVyQ2VsbFByb3BzLFxuICAnd2lkdGgnIHwgJ21heFdpZHRoJyB8ICdtaW5XaWR0aCdcbj5cbmNvbnN0IFN0eWxlZEhlYWRlckNlbGwgPSBzdHlsZWQoJ3RoJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCcsICdtYXhXaWR0aCcsICdtaW5XaWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8U3R5bGVkSGVhZGVyQ2VsbFByb3BzPmBcbiAgJHsoeyB3aWR0aCwgbWF4V2lkdGgsIG1pbldpZHRoIH0pID0+IGBcbiAgICAke3dpZHRoID8gYHdpZHRoOiAke3dpZHRofTtgIDogJyd9XG4gICAgJHttYXhXaWR0aCA/IGBtYXgtd2lkdGg6ICR7bWF4V2lkdGh9O2AgOiAnJ31cbiAgICAke21pbldpZHRoID8gYG1pbi13aWR0aDogJHttaW5XaWR0aH07YCA6ICcnfVxuICBgfVxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuXG4gICZbcm9sZSo9J2J1dHRvbiddIHtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgdXNlci1zZWxlY3Q6IG5vbmU7XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG50eXBlIEhlYWRlckNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaXNPcmRlcmVkPzogYm9vbGVhblxuICBvcmRlckRpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnIHwgJ25vbmUnXG4gIG9uT3JkZXI/OiAobmV3T3JkZXI6ICdhc2MnIHwgJ2Rlc2MnKSA9PiB2b2lkXG4gIHdpZHRoPzogc3RyaW5nXG4gIG1pbldpZHRoPzogc3RyaW5nXG4gIG1heFdpZHRoPzogc3RyaW5nXG4gIGluZm8/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IEhlYWRlckNlbGwgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpc09yZGVyZWQsXG4gIG9uT3JkZXIsXG4gIG9yZGVyRGlyZWN0aW9uLFxuICB3aWR0aCxcbiAgbWF4V2lkdGgsXG4gIG1pbldpZHRoLFxuICBpbmZvLFxufTogSGVhZGVyQ2VsbFByb3BzKSA9PiB7XG4gIGxldCBvcmRlcjogdW5kZWZpbmVkIHwgJ2FzY2VuZGluZycgfCAnZGVzY2VuZGluZydcbiAgaWYgKGlzT3JkZXJlZCAmJiBvcmRlckRpcmVjdGlvbiA9PT0gJ2FzYycpIHtcbiAgICBvcmRlciA9ICdhc2NlbmRpbmcnXG4gIH0gZWxzZSBpZiAoaXNPcmRlcmVkICYmIG9yZGVyRGlyZWN0aW9uID09PSAnZGVzYycpIHtcbiAgICBvcmRlciA9ICdkZXNjZW5kaW5nJ1xuICB9XG5cbiAgY29uc3QgaGFuZGxlT3JkZXIgPSBvbk9yZGVyXG4gICAgPyAoKSA9PiBvbk9yZGVyKG9yZGVyID09PSAnYXNjZW5kaW5nJyA/ICdkZXNjJyA6ICdhc2MnKVxuICAgIDogdW5kZWZpbmVkXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSGVhZGVyQ2VsbFxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVPcmRlcn1cbiAgICAgIG9uS2V5RG93bj17XG4gICAgICAgIGhhbmRsZU9yZGVyXG4gICAgICAgICAgPyBldmVudCA9PiB7XG4gICAgICAgICAgICAgIGlmIChldmVudC5rZXkgPT09ICcgJyB8fCBldmVudC5rZXkgPT09ICdFbnRlcicpIHtcbiAgICAgICAgICAgICAgICBoYW5kbGVPcmRlcigpXG4gICAgICAgICAgICAgICAgaWYgKGV2ZW50LmtleSA9PT0gJyAnKSB7XG4gICAgICAgICAgICAgICAgICAvLyBAbm90ZTogaXQgYXZvaWQgc2Nyb2xsIHdoZW4gcHJlc3NpbmcgU3BhY2VcbiAgICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgICA6IHVuZGVmaW5lZFxuICAgICAgfVxuICAgICAgcm9sZT17b25PcmRlciA/ICdidXR0b24gY29sdW1uaGVhZGVyJyA6IHVuZGVmaW5lZH1cbiAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgIG1heFdpZHRoPXttYXhXaWR0aH1cbiAgICAgIG1pbldpZHRoPXttaW5XaWR0aH1cbiAgICAgIHRhYkluZGV4PXtoYW5kbGVPcmRlciA/IDAgOiAtMX1cbiAgICAgIGFyaWEtc29ydD17b3JkZXJ9XG4gICAgPlxuICAgICAgPFN0eWxlZFRleHRcbiAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICB2YXJpYW50PVwiYm9keVNtYWxsXCJcbiAgICAgICAgY29sb3I9e29yZGVyICE9PSB1bmRlZmluZWQgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAge2luZm8gPyAoXG4gICAgICAgICAgPFRvb2x0aXAgdGV4dD17aW5mb30+XG4gICAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgICBuYW1lPVwiaW5mb3JtYXRpb24tb3V0bGluZVwiXG4gICAgICAgICAgICAgIHNpemU9ezIwfVxuICAgICAgICAgICAgICBwcm9taW5lbmNlPVwid2Vha1wiXG4gICAgICAgICAgICAgIGNvbG9yPVwibmV1dHJhbFwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIHtvcmRlckRpcmVjdGlvbiAhPT0gdW5kZWZpbmVkICYmIGlzT3JkZXJlZCAhPT0gdW5kZWZpbmVkID8gKFxuICAgICAgICAgIDxTb3J0SWNvbiBhcmlhLWRpc2FibGVkPXshb25PcmRlcn0gb3JkZXI9e29yZGVyfSAvPlxuICAgICAgICApIDogbnVsbH1cbiAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICA8L1N0eWxlZEhlYWRlckNlbGw+XG4gIClcbn1cbiJdfQ== */"));
+const HeaderCell = ({
+  children,
+  className,
+  isOrdered,
+  onOrder,
+  orderDirection,
+  width,
+  maxWidth,
+  minWidth,
+  info
+}) => {
+  let order;
+  if (isOrdered && orderDirection === "asc") {
+    order = "ascending";
+  } else if (isOrdered && orderDirection === "desc") {
+    order = "descending";
+  }
+  const handleOrder = onOrder ? () => onOrder(order === "ascending" ? "desc" : "asc") : void 0;
+  return /* @__PURE__ */ jsx(StyledHeaderCell, { className, onClick: handleOrder, onKeyDown: handleOrder ? (event) => {
+    if (event.key === " " || event.key === "Enter") {
+      handleOrder();
+      if (event.key === " ") {
+        event.preventDefault();
+      }
+    }
+  } : void 0, role: onOrder ? "button columnheader" : void 0, width, maxWidth, minWidth, tabIndex: handleOrder ? 0 : -1, "aria-sort": order, children: /* @__PURE__ */ jsxs(StyledText, { as: "div", variant: "bodySmall", color: order !== void 0 ? "primary" : "neutral", children: [
+    children,
+    info ? /* @__PURE__ */ jsx(Tooltip, { text: info, children: /* @__PURE__ */ jsx(Icon, { name: "information-outline", size: 20, prominence: "weak", color: "neutral" }) }) : null,
+    orderDirection !== void 0 && isOrdered !== void 0 ? /* @__PURE__ */ jsx(SortIcon, { "aria-disabled": !onOrder, order }) : null
+  ] }) });
+};
+export {
+  HeaderCell
+};

package/dist/components/Table/HeaderRow.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+type HeaderRowProps = {
+    children: ReactNode;
+    hasSelectAllColumn: boolean;
+};
+export declare const HeaderRow: ({ children, hasSelectAllColumn }: HeaderRowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/HeaderRow.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { Checkbox } from "../Checkbox/index.js";
+import { HeaderCell } from "./HeaderCell.js";
+import { useTableContext } from "./TableContext.js";
+const HeaderRow = ({
+  children,
+  hasSelectAllColumn
+}) => {
+  const {
+    allRowSelectValue,
+    selectAll,
+    unselectAll,
+    selectedRowIds
+  } = useTableContext();
+  const selectableRowCount = Object.keys(selectedRowIds).length;
+  return /* @__PURE__ */ jsxs("tr", { children: [
+    hasSelectAllColumn ? /* @__PURE__ */ jsx(HeaderCell, { width: "24px", children: /* @__PURE__ */ jsx(Checkbox, { name: "table-select-all-checkbox", value: "all", "aria-label": "select all", checked: allRowSelectValue, onChange: allRowSelectValue === false ? selectAll : unselectAll, disabled: selectableRowCount === 0 }) }) : null,
+    children
+  ] });
+};
+export {
+  HeaderRow
+};

package/dist/components/Table/Row.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+type RowProps = {
+    children: ReactNode;
+    className?: string;
+    id: string;
+    'data-testid'?: string;
+    /**
+     * Row cannot be selected if this prop is provided. boolean true disabled selection, a string disable selection and a tooltip will be displayed on checkbox hover.
+     * */
+    selectDisabled?: boolean | string;
+    highlightAnimation?: boolean;
+};
+export declare const Row: ({ children, className, id, selectDisabled, highlightAnimation, "data-testid": dataTestid, }: RowProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/Row.js

@@ -0,0 +1,80 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { keyframes } from "@emotion/react";
+import { useEffect } from "react";
+import { Checkbox } from "../Checkbox/index.js";
+import { Tooltip } from "../Tooltip/index.js";
+import { Cell } from "./Cell.js";
+import { useTableContext } from "./TableContext.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledCheckboxContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e1qvrbgq1"
+} : {
+  target: "e1qvrbgq1",
+  label: "StyledCheckboxContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVTBDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQ2hlY2tib3ggfSBmcm9tICcuLi9DaGVja2JveCdcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tICcuLi9Ub29sdGlwJ1xuaW1wb3J0IHsgQ2VsbCB9IGZyb20gJy4vQ2VsbCdcbmltcG9ydCB7IHVzZVRhYmxlQ29udGV4dCB9IGZyb20gJy4vVGFibGVDb250ZXh0J1xuXG5jb25zdCBTdHlsZWRDaGVja2JveENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbi8vIFdlIHN0YXJ0IGF0IDUlIGFuZCBmaW5pc2ggYXQgODAlIHRvIGxlYXZlIHRoZSBvcmlnaW5hbCBiYWNrZ3JvdW5kIGNvbG9yXG4vLyBhcyB3ZSBjYW4ndCBrbm93IGlmIHRoZSB0YWJsZSB3aWxsIGJlIHN0cmlwcGVkIG9yIG5vdFxuY29uc3QgY29sb3JDaGFuZ2UgPSAodGhlbWU6IFRoZW1lKSA9PiBrZXlmcmFtZXNgXG4gIDUlIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5LmJhY2tncm91bmR9O1xuICB9XG4gIDgwJSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbiAgfVxuYFxuXG5jb25zdCBTdHlsZWRUciA9IHN0eWxlZCgndHInLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ2hpZ2hsaWdodEFuaW1hdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBoaWdobGlnaHRBbmltYXRpb24/OiBib29sZWFuIH0+YFxuICBhbmltYXRpb246ICR7KHsgaGlnaGxpZ2h0QW5pbWF0aW9uLCB0aGVtZSB9KSA9PlxuICAgICAgaGlnaGxpZ2h0QW5pbWF0aW9uID8gY29sb3JDaGFuZ2UodGhlbWUpIDogdW5kZWZpbmVkfVxuICAgIDNzIGxpbmVhcjtcbmBcblxudHlwZSBSb3dQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgaWQ6IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIC8qKlxuICAgKiBSb3cgY2Fubm90IGJlIHNlbGVjdGVkIGlmIHRoaXMgcHJvcCBpcyBwcm92aWRlZC4gYm9vbGVhbiB0cnVlIGRpc2FibGVkIHNlbGVjdGlvbiwgYSBzdHJpbmcgZGlzYWJsZSBzZWxlY3Rpb24gYW5kIGEgdG9vbHRpcCB3aWxsIGJlIGRpc3BsYXllZCBvbiBjaGVja2JveCBob3Zlci5cbiAgICogKi9cbiAgc2VsZWN0RGlzYWJsZWQ/OiBib29sZWFuIHwgc3RyaW5nXG4gIGhpZ2hsaWdodEFuaW1hdGlvbj86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFJvdyA9ICh7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIGlkLFxuICBzZWxlY3REaXNhYmxlZCxcbiAgaGlnaGxpZ2h0QW5pbWF0aW9uLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdGlkLFxufTogUm93UHJvcHMpID0+IHtcbiAgY29uc3Qge1xuICAgIHNlbGVjdGFibGUsXG4gICAgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LFxuICAgIHNlbGVjdGVkUm93SWRzLFxuICAgIHNlbGVjdFJvdyxcbiAgICB1bnNlbGVjdFJvdyxcbiAgfSA9IHVzZVRhYmxlQ29udGV4dCgpXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoIXNlbGVjdERpc2FibGVkKSB7XG4gICAgICBjb25zdCB1bnJlZ2lzdGVyQ2FsbGJhY2sgPSByZWdpc3RlclNlbGVjdGFibGVSb3coaWQpXG5cbiAgICAgIHJldHVybiB1bnJlZ2lzdGVyQ2FsbGJhY2tcbiAgICB9XG5cbiAgICByZXR1cm4gdW5kZWZpbmVkXG4gIH0sIFtpZCwgcmVnaXN0ZXJTZWxlY3RhYmxlUm93LCBzZWxlY3REaXNhYmxlZF0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkVHJcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0aWR9XG4gICAgICBoaWdobGlnaHRBbmltYXRpb249e2hpZ2hsaWdodEFuaW1hdGlvbn1cbiAgICA+XG4gICAgICB7c2VsZWN0YWJsZSA/IChcbiAgICAgICAgPENlbGw+XG4gICAgICAgICAgPFN0eWxlZENoZWNrYm94Q29udGFpbmVyPlxuICAgICAgICAgICAgPFRvb2x0aXBcbiAgICAgICAgICAgICAgdGV4dD17XG4gICAgICAgICAgICAgICAgdHlwZW9mIHNlbGVjdERpc2FibGVkID09PSAnc3RyaW5nJyA/IHNlbGVjdERpc2FibGVkIDogdW5kZWZpbmVkXG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPENoZWNrYm94XG4gICAgICAgICAgICAgICAgbmFtZT1cInRhYmxlLXNlbGVjdC1jaGVja2JveFwiXG4gICAgICAgICAgICAgICAgYXJpYS1sYWJlbD1cInNlbGVjdFwiXG4gICAgICAgICAgICAgICAgY2hlY2tlZD17c2VsZWN0ZWRSb3dJZHNbaWRdfVxuICAgICAgICAgICAgICAgIHZhbHVlPXtpZH1cbiAgICAgICAgICAgICAgICBvbkNoYW5nZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgaWYgKHNlbGVjdGVkUm93SWRzW2lkXSkge1xuICAgICAgICAgICAgICAgICAgICB1bnNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHNlbGVjdFJvdyhpZClcbiAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIGRpc2FibGVkPXtzZWxlY3REaXNhYmxlZCAhPT0gdW5kZWZpbmVkfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgIDwvU3R5bGVkQ2hlY2tib3hDb250YWluZXI+XG4gICAgICAgIDwvQ2VsbD5cbiAgICAgICkgOiBudWxsfVxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkVHI+XG4gIClcbn1cbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const colorChange = (theme) => keyframes`
+  5% {
+    background-color: ${theme.colors.primary.background};
+  }
+  80% {
+    background-color: ${theme.colors.primary.background};
+  }
+`;
+const StyledTr = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["highlightAnimation"].includes(prop),
+  target: "e1qvrbgq0"
+} : {
+  shouldForwardProp: (prop) => !["highlightAnimation"].includes(prop),
+  target: "e1qvrbgq0",
+  label: "StyledTr"
+})("animation:", ({
+  highlightAnimation,
+  theme
+}) => highlightAnimation ? colorChange(theme) : void 0, " 3s linear;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1Jvdy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9UYWJsZS9Sb3cudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IENoZWNrYm94IH0gZnJvbSAnLi4vQ2hlY2tib3gnXG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSAnLi4vVG9vbHRpcCdcbmltcG9ydCB7IENlbGwgfSBmcm9tICcuL0NlbGwnXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQ2hlY2tib3hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG4vLyBXZSBzdGFydCBhdCA1JSBhbmQgZmluaXNoIGF0IDgwJSB0byBsZWF2ZSB0aGUgb3JpZ2luYWwgYmFja2dyb3VuZCBjb2xvclxuLy8gYXMgd2UgY2FuJ3Qga25vdyBpZiB0aGUgdGFibGUgd2lsbCBiZSBzdHJpcHBlZCBvciBub3RcbmNvbnN0IGNvbG9yQ2hhbmdlID0gKHRoZW1lOiBUaGVtZSkgPT4ga2V5ZnJhbWVzYFxuICA1JSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMucHJpbWFyeS5iYWNrZ3JvdW5kfTtcbiAgfVxuICA4MCUge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkuYmFja2dyb3VuZH07XG4gIH1cbmBcblxuY29uc3QgU3R5bGVkVHIgPSBzdHlsZWQoJ3RyJywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydoaWdobGlnaHRBbmltYXRpb24nXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgaGlnaGxpZ2h0QW5pbWF0aW9uPzogYm9vbGVhbiB9PmBcbiAgYW5pbWF0aW9uOiAkeyh7IGhpZ2hsaWdodEFuaW1hdGlvbiwgdGhlbWUgfSkgPT5cbiAgICAgIGhpZ2hsaWdodEFuaW1hdGlvbiA/IGNvbG9yQ2hhbmdlKHRoZW1lKSA6IHVuZGVmaW5lZH1cbiAgICAzcyBsaW5lYXI7XG5gXG5cbnR5cGUgUm93UHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGlkOiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICAvKipcbiAgICogUm93IGNhbm5vdCBiZSBzZWxlY3RlZCBpZiB0aGlzIHByb3AgaXMgcHJvdmlkZWQuIGJvb2xlYW4gdHJ1ZSBkaXNhYmxlZCBzZWxlY3Rpb24sIGEgc3RyaW5nIGRpc2FibGUgc2VsZWN0aW9uIGFuZCBhIHRvb2x0aXAgd2lsbCBiZSBkaXNwbGF5ZWQgb24gY2hlY2tib3ggaG92ZXIuXG4gICAqICovXG4gIHNlbGVjdERpc2FibGVkPzogYm9vbGVhbiB8IHN0cmluZ1xuICBoaWdobGlnaHRBbmltYXRpb24/OiBib29sZWFuXG59XG5cbmV4cG9ydCBjb25zdCBSb3cgPSAoe1xuICBjaGlsZHJlbixcbiAgY2xhc3NOYW1lLFxuICBpZCxcbiAgc2VsZWN0RGlzYWJsZWQsXG4gIGhpZ2hsaWdodEFuaW1hdGlvbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RpZCxcbn06IFJvd1Byb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBzZWxlY3RhYmxlLFxuICAgIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdyxcbiAgICBzZWxlY3RlZFJvd0lkcyxcbiAgICBzZWxlY3RSb3csXG4gICAgdW5zZWxlY3RSb3csXG4gIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKCFzZWxlY3REaXNhYmxlZCkge1xuICAgICAgY29uc3QgdW5yZWdpc3RlckNhbGxiYWNrID0gcmVnaXN0ZXJTZWxlY3RhYmxlUm93KGlkKVxuXG4gICAgICByZXR1cm4gdW5yZWdpc3RlckNhbGxiYWNrXG4gICAgfVxuXG4gICAgcmV0dXJuIHVuZGVmaW5lZFxuICB9LCBbaWQsIHJlZ2lzdGVyU2VsZWN0YWJsZVJvdywgc2VsZWN0RGlzYWJsZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFRyXG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdGlkfVxuICAgICAgaGlnaGxpZ2h0QW5pbWF0aW9uPXtoaWdobGlnaHRBbmltYXRpb259XG4gICAgPlxuICAgICAge3NlbGVjdGFibGUgPyAoXG4gICAgICAgIDxDZWxsPlxuICAgICAgICAgIDxTdHlsZWRDaGVja2JveENvbnRhaW5lcj5cbiAgICAgICAgICAgIDxUb29sdGlwXG4gICAgICAgICAgICAgIHRleHQ9e1xuICAgICAgICAgICAgICAgIHR5cGVvZiBzZWxlY3REaXNhYmxlZCA9PT0gJ3N0cmluZycgPyBzZWxlY3REaXNhYmxlZCA6IHVuZGVmaW5lZFxuICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxDaGVja2JveFxuICAgICAgICAgICAgICAgIG5hbWU9XCJ0YWJsZS1zZWxlY3QtY2hlY2tib3hcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJzZWxlY3RcIlxuICAgICAgICAgICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkUm93SWRzW2lkXX1cbiAgICAgICAgICAgICAgICB2YWx1ZT17aWR9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2U9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgIGlmIChzZWxlY3RlZFJvd0lkc1tpZF0pIHtcbiAgICAgICAgICAgICAgICAgICAgdW5zZWxlY3RSb3coaWQpXG4gICAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICBzZWxlY3RSb3coaWQpXG4gICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICBkaXNhYmxlZD17c2VsZWN0RGlzYWJsZWQgIT09IHVuZGVmaW5lZH1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICA8L1N0eWxlZENoZWNrYm94Q29udGFpbmVyPlxuICAgICAgICA8L0NlbGw+XG4gICAgICApIDogbnVsbH1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFRyPlxuICApXG59XG4iXX0= */"));
+const Row = ({
+  children,
+  className,
+  id,
+  selectDisabled,
+  highlightAnimation,
+  "data-testid": dataTestid
+}) => {
+  const {
+    selectable,
+    registerSelectableRow,
+    selectedRowIds,
+    selectRow,
+    unselectRow
+  } = useTableContext();
+  useEffect(() => {
+    if (!selectDisabled) {
+      const unregisterCallback = registerSelectableRow(id);
+      return unregisterCallback;
+    }
+    return void 0;
+  }, [id, registerSelectableRow, selectDisabled]);
+  return /* @__PURE__ */ jsxs(StyledTr, { className, "data-testid": dataTestid, highlightAnimation, children: [
+    selectable ? /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledCheckboxContainer, { children: /* @__PURE__ */ jsx(Tooltip, { text: typeof selectDisabled === "string" ? selectDisabled : void 0, children: /* @__PURE__ */ jsx(Checkbox, { name: "table-select-checkbox", "aria-label": "select", checked: selectedRowIds[id], value: id, onChange: () => {
+      if (selectedRowIds[id]) {
+        unselectRow(id);
+      } else {
+        selectRow(id);
+      }
+    }, disabled: selectDisabled !== void 0 }) }) }) }) : null,
+    children
+  ] });
+};
+export {
+  Row
+};

package/dist/components/Table/SelectBar.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+type SelectBarProps<T> = {
+    className?: string;
+    children: (p: {
+        selectedItems: T[];
+        unselectAll: () => void;
+    }) => ReactNode;
+    data: T[];
+    /**
+     * The idKey of each data entry
+     * */
+    idKey: keyof T;
+};
+export declare function SelectBar<T>({ children, data, idKey, className, }: SelectBarProps<T>): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/Table/SelectBar.js

@@ -0,0 +1,52 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
+import { ActionBar } from "../ActionBar/index.js";
+import { useTableContext } from "./TableContext.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledActionBar = /* @__PURE__ */ _styled(ActionBar, process.env.NODE_ENV === "production" ? {
+  target: "esnuyll1"
+} : {
+  target: "esnuyll1",
+  label: "StyledActionBar"
+})("display:flex;align-items:center;padding:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTXlDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */"));
+const FlexDiv = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  target: "esnuyll0"
+} : {
+  target: "esnuyll0",
+  label: "FlexDiv"
+})(process.env.NODE_ENV === "production" ? {
+  name: "82a6rk",
+  styles: "flex:1"
+} : {
+  name: "82a6rk",
+  styles: "flex:1",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NlbGVjdEJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBBY3Rpb25CYXIgfSBmcm9tICcuLi9BY3Rpb25CYXInXG5pbXBvcnQgeyB1c2VUYWJsZUNvbnRleHQgfSBmcm9tICcuL1RhYmxlQ29udGV4dCdcblxuY29uc3QgU3R5bGVkQWN0aW9uQmFyID0gc3R5bGVkKEFjdGlvbkJhcilgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgRmxleERpdiA9IHN0eWxlZC5kaXZgXG4gIGZsZXg6IDE7XG5gXG5cbnR5cGUgU2VsZWN0QmFyUHJvcHM8VD4gPSB7XG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbjogKHA6IHsgc2VsZWN0ZWRJdGVtczogVFtdOyB1bnNlbGVjdEFsbDogKCkgPT4gdm9pZCB9KSA9PiBSZWFjdE5vZGVcbiAgZGF0YTogVFtdXG4gIC8qKlxuICAgKiBUaGUgaWRLZXkgb2YgZWFjaCBkYXRhIGVudHJ5XG4gICAqICovXG4gIGlkS2V5OiBrZXlvZiBUXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RCYXI8VD4oe1xuICBjaGlsZHJlbixcbiAgZGF0YSxcbiAgaWRLZXksXG4gIGNsYXNzTmFtZSxcbn06IFNlbGVjdEJhclByb3BzPFQ+KSB7XG4gIGNvbnN0IHsgc2VsZWN0ZWRSb3dJZHMsIHVuc2VsZWN0QWxsIH0gPSB1c2VUYWJsZUNvbnRleHQoKVxuXG4gIGNvbnN0IHNlbGVjdGVkSXRlbXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGRhdGEuZmlsdGVyKGl0ZW0gPT4gc2VsZWN0ZWRSb3dJZHNbaXRlbVtpZEtleV0gYXMgc3RyaW5nXSksXG4gICAgW2RhdGEsIGlkS2V5LCBzZWxlY3RlZFJvd0lkc10sXG4gIClcblxuICBpZiAoc2VsZWN0ZWRJdGVtcy5sZW5ndGggPT09IDApIHtcbiAgICByZXR1cm4gbnVsbFxuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQWN0aW9uQmFyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfT5cbiAgICAgIDxGbGV4RGl2PlxuICAgICAgICB7Y2hpbGRyZW4oe1xuICAgICAgICAgIHNlbGVjdGVkSXRlbXMsXG4gICAgICAgICAgdW5zZWxlY3RBbGwsXG4gICAgICAgIH0pfVxuICAgICAgPC9GbGV4RGl2PlxuICAgIDwvU3R5bGVkQWN0aW9uQmFyPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function SelectBar({
+  children,
+  data,
+  idKey,
+  className
+}) {
+  const {
+    selectedRowIds,
+    unselectAll
+  } = useTableContext();
+  const selectedItems = useMemo(() => data.filter((item) => selectedRowIds[item[idKey]]), [data, idKey, selectedRowIds]);
+  if (selectedItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(StyledActionBar, { className, children: /* @__PURE__ */ jsx(FlexDiv, { children: children({
+    selectedItems,
+    unselectAll
+  }) }) });
+}
+export {
+  SelectBar
+};

package/dist/components/Table/SkeletonRows.d.ts

@@ -0,0 +1,7 @@
+type SkeletonRowsProps = {
+    selectable: boolean;
+    rows: number;
+    cols: number;
+};
+export declare const SkeletonRows: ({ selectable, rows, cols }: SkeletonRowsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Table/SkeletonRows.js

@@ -0,0 +1,54 @@
+import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Skeleton } from "../Skeleton/index.js";
+import { Cell } from "./Cell.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const StyledLoadingRow = /* @__PURE__ */ _styled("tr", process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx1"
+} : {
+  target: "e1btquhx1",
+  label: "StyledLoadingRow"
+})(process.env.NODE_ENV === "production" ? {
+  name: "g8zzui",
+  styles: "cursor:progress"
+} : {
+  name: "g8zzui",
+  styles: "cursor:progress",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSXFDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledSkeleton = /* @__PURE__ */ _styled(Skeleton, process.env.NODE_ENV === "production" ? {
+  target: "e1btquhx0"
+} : {
+  target: "e1btquhx0",
+  label: "StyledSkeleton"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%"
+} : {
+  name: "bet25o",
+  styles: "width:80%;max-width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUXVDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1RhYmxlL1NrZWxldG9uUm93cy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IFNrZWxldG9uIH0gZnJvbSAnLi4vU2tlbGV0b24nXG5pbXBvcnQgeyBDZWxsIH0gZnJvbSAnLi9DZWxsJ1xuXG5jb25zdCBTdHlsZWRMb2FkaW5nUm93ID0gc3R5bGVkKCd0cicpYFxuICBjdXJzb3I6IHByb2dyZXNzO1xuYFxuXG5jb25zdCBTdHlsZWRTa2VsZXRvbiA9IHN0eWxlZChTa2VsZXRvbilgXG4gIHdpZHRoOiA4MCU7XG4gIG1heC13aWR0aDogMTAwJTtcbmBcblxudHlwZSBTa2VsZXRvblJvd3NQcm9wcyA9IHtcbiAgc2VsZWN0YWJsZTogYm9vbGVhblxuICByb3dzOiBudW1iZXJcbiAgY29sczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTa2VsZXRvblJvd3MgPSAoeyBzZWxlY3RhYmxlLCByb3dzLCBjb2xzIH06IFNrZWxldG9uUm93c1Byb3BzKSA9PiB7XG4gIGNvbnN0IHJvd0FycmF5ID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogcm93cyB9LCAoXywgaW5kZXgpID0+IGluZGV4KVxuICBjb25zdCBjb2xBcnJheSA9IEFycmF5LmZyb20oeyBsZW5ndGg6IGNvbHMgfSwgKF8sIGluZGV4KSA9PiBpbmRleClcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7cm93QXJyYXkubWFwKGluZGV4ID0+IChcbiAgICAgICAgPFN0eWxlZExvYWRpbmdSb3cgcm9sZT1cInJvd1wiIGlkPXtgc2tlbGV0b24tJHtpbmRleH1gfSBrZXk9e2luZGV4fT5cbiAgICAgICAgICB7c2VsZWN0YWJsZSA/IDxDZWxsIC8+IDogbnVsbH1cbiAgICAgICAgICB7Y29sQXJyYXkubWFwKGNvbHVtbkluZGV4ID0+IChcbiAgICAgICAgICAgIDxDZWxsIGtleT17Y29sdW1uSW5kZXh9PlxuICAgICAgICAgICAgICA8U3R5bGVkU2tlbGV0b24gdmFyaWFudD1cImxpbmVcIiAvPlxuICAgICAgICAgICAgPC9DZWxsPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L1N0eWxlZExvYWRpbmdSb3c+XG4gICAgICApKX1cbiAgICA8Lz5cbiAgKVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const SkeletonRows = ({
+  selectable,
+  rows,
+  cols
+}) => {
+  const rowArray = Array.from({
+    length: rows
+  }, (_, index) => index);
+  const colArray = Array.from({
+    length: cols
+  }, (_, index) => index);
+  return /* @__PURE__ */ jsx(Fragment, { children: rowArray.map((index) => /* @__PURE__ */ jsxs(StyledLoadingRow, { role: "row", id: `skeleton-${index}`, children: [
+    selectable ? /* @__PURE__ */ jsx(Cell, {}) : null,
+    colArray.map((columnIndex) => /* @__PURE__ */ jsx(Cell, { children: /* @__PURE__ */ jsx(StyledSkeleton, { variant: "line" }) }, columnIndex))
+  ] }, index)) });
+};
+export {
+  SkeletonRows
+};

package/dist/components/Table/TableContext.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentProps, ReactNode } from 'react';
+import type { Checkbox } from '../Checkbox';
+type RowState = Record<string, boolean>;
+type TableContextValue = {
+    bordered: boolean;
+    stripped: boolean;
+    selectedRowIds: RowState;
+    selectRow: (rowId: string) => void;
+    unselectRow: (rowId: string) => void;
+    selectable: boolean;
+    allRowSelectValue: ComponentProps<typeof Checkbox>['checked'];
+    selectAll: () => void;
+    unselectAll: () => void;
+    /**
+     * @returns an unregister function
+     * */
+    registerSelectableRow: (rowId: string) => () => void;
+};
+type TableProviderProps = {
+    children: ReactNode;
+    selectable: boolean;
+    bordered: boolean;
+    stripped: boolean;
+};
+export declare const TableProvider: ({ children, selectable, bordered, stripped, }: TableProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const useTableContext: () => TableContextValue;
+export {};

package/dist/{src/components → components}/Table/TableContext.js

@@ -1,7 +1,6 @@
-import { useContext, createContext, useState, useCallback, useMemo } from 'react';
-import { jsx } from '@emotion/react/jsx-runtime';
-
-const TableContext = /*#__PURE__*/createContext(undefined);
+import { jsx } from "@emotion/react/jsx-runtime";
+import { createContext, useState, useCallback, useMemo, useContext } from "react";
+const TableContext = createContext(void 0);
 const TableProvider = ({
   children,
   selectable,
@@ -9,13 +8,13 @@ const TableProvider = ({
   stripped
 }) => {
   const [selectedRowIds, setSelectedRowIds] = useState({});
-  const registerSelectableRow = useCallback(rowId => {
-    setSelectedRowIds(current => ({
+  const registerSelectableRow = useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
       ...current,
       [rowId]: false
     }));
     return () => {
-      setSelectedRowIds(current => {
+      setSelectedRowIds((current) => {
         const {
           [rowId]: relatedId,
           ...otherIds
@@ -36,28 +35,28 @@ const TableProvider = ({
     if (selectableRowCount === selectedRowCount) {
       return true;
     }
-    return 'indeterminate';
+    return "indeterminate";
   }, [selectedRowIds]);
   const selectAll = useCallback(() => {
-    setSelectedRowIds(current => Object.keys(current).reduce((acc, rowId) => ({
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
       ...acc,
       [rowId]: true
     }), {}));
   }, []);
   const unselectAll = useCallback(() => {
-    setSelectedRowIds(current => Object.keys(current).reduce((acc, rowId) => ({
+    setSelectedRowIds((current) => Object.keys(current).reduce((acc, rowId) => ({
       ...acc,
       [rowId]: false
     }), {}));
   }, []);
-  const selectRow = useCallback(rowId => {
-    setSelectedRowIds(current => ({
+  const selectRow = useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
       ...current,
       [rowId]: true
     }));
   }, []);
-  const unselectRow = useCallback(rowId => {
-    setSelectedRowIds(current => ({
+  const unselectRow = useCallback((rowId) => {
+    setSelectedRowIds((current) => ({
       ...current,
       [rowId]: false
     }));
@@ -74,17 +73,16 @@ const TableProvider = ({
     bordered,
     stripped
   }), [registerSelectableRow, selectedRowIds, selectRow, unselectRow, selectable, selectAll, unselectAll, allRowSelectValue, bordered, stripped]);
-  return jsx(TableContext.Provider, {
-    value: value,
-    children: children
-  });
+  return /* @__PURE__ */ jsx(TableContext.Provider, { value, children });
 };
 const useTableContext = () => {
   const context = useContext(TableContext);
   if (!context) {
-    throw new Error('useTableContext should be used inside a Table component');
+    throw new Error("useTableContext should be used inside a Table component");
   }
   return context;
 };
-
-export { TableProvider, useTableContext };
+export {
+  TableProvider,
+  useTableContext
+};

package/dist/components/Table/index.d.ts

@@ -0,0 +1,60 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { HeaderCell } from './HeaderCell';
+import { SelectBar } from './SelectBar';
+type ColumnProps = Pick<ComponentProps<typeof HeaderCell>, 'isOrdered' | 'onOrder' | 'orderDirection'> & {
+    label?: string;
+    width?: string;
+    minWidth?: string;
+    maxWidth?: string;
+    info?: string;
+};
+type TableProps = {
+    selectable?: boolean;
+    columns: ColumnProps[];
+    children: ReactNode;
+    /**
+     * Set it to true if you want to display a placeholder during loading
+     * */
+    loading?: boolean;
+    bordered?: boolean;
+    stripped?: boolean;
+};
+export declare const BaseTable: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>>;
+/**
+ * Table is a component that displays data in a tabular format.
+ */
+export declare const Table: import("react").ForwardRefExoticComponent<TableProps & import("react").RefAttributes<HTMLTableElement>> & {
+    Body: ({ children }: {
+        children: ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Row: ({ children, className, id, selectDisabled, highlightAnimation, "data-testid": dataTestid, }: {
+        children: ReactNode;
+        className?: string | undefined;
+        id: string;
+        'data-testid'?: string | undefined;
+        selectDisabled?: string | boolean | undefined;
+        highlightAnimation?: boolean | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Cell: ({ children, className, colSpan, rowSpan }: {
+        children?: ReactNode;
+        className?: string | undefined;
+        colSpan?: number | undefined;
+        rowSpan?: number | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    useTableContext: () => {
+        bordered: boolean;
+        stripped: boolean;
+        selectedRowIds: {
+            [x: string]: boolean;
+        };
+        selectRow: (rowId: string) => void;
+        unselectRow: (rowId: string) => void;
+        selectable: boolean;
+        allRowSelectValue: boolean | "indeterminate" | undefined;
+        selectAll: () => void;
+        unselectAll: () => void;
+        registerSelectableRow: (rowId: string) => () => void;
+    };
+    SelectBar: typeof SelectBar;
+};
+export {};