@amboss/design-system 3.9.2 → 3.9.4

package/build/esm/components/DataTable/header/TableHeader.js

@@ -0,0 +1 @@
+import React from"react";import styled from"@emotion/styled";import TableCell from"../TableCell";import{SortableCellContent,StyledLabel}from"./SortableCellContent";import{Checkbox}from"../../Form/Checkbox/Checkbox";import{CHECKBOX_COLUMN}from"../constants";let SORT_DIRECTION_TEXT={asc:"ascending",desc:"descending"},StyledThead=styled("thead",{target:"eyt64p10",label:"StyledThead"})(({maxHeight})=>({...maxHeight&&{position:"sticky",top:0,zIndex:2}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL2hlYWRlci9UYWJsZUhlYWRlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0RhdGFUYWJsZS9oZWFkZXIvVGFibGVIZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4uL1RhYmxlQ2VsbFwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4uL0RhdGFUYWJsZVwiO1xuaW1wb3J0IHsgU29ydGFibGVDZWxsQ29udGVudCwgU3R5bGVkTGFiZWwgfSBmcm9tIFwiLi9Tb3J0YWJsZUNlbGxDb250ZW50XCI7XG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gXCIuLi8uLi9Gb3JtL0NoZWNrYm94L0NoZWNrYm94XCI7XG5pbXBvcnQgeyBDSEVDS0JPWF9DT0xVTU4gfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwib25Tb3J0XCJcbiAgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbiAgfCBcImlzRmlyc3RDb2x1bW5TdGlja3lcIlxuICB8IFwiaXNMYXN0Q29sdW1uU3RpY2t5XCJcbiAgfCBcIm1heEhlaWdodFwiXG4gIHwgXCJhbGxSb3dzU2VsZWN0ZWRcIlxuICB8IFwic2VsZWN0ZWRSb3dJZHNcIlxuICB8IFwic2VsZWN0QWxsUm93c0NoZWNrYm94QXJpYUxhYmVsXCJcbiAgfCBcIm9uQWxsUm93c1NlbGVjdGlvbkNoYW5nZVwiXG4+ICZcbiAgUGljazxUYWJsZUNlbGxQcm9wcywgXCJpc1RhYmxlU2Nyb2xsZWRUb0xlZnRcIiB8IFwiaXNUYWJsZVNjcm9sbGVkVG9SaWdodFwiPjtcblxudHlwZSBTdHlsZWRUaGVhZFByb3BzID0gUGljazxUYWJsZUhlYWRlclByb3BzLCBcIm1heEhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGhlYWQgPSBzdHlsZWQudGhlYWQ8U3R5bGVkVGhlYWRQcm9wcz4oKHsgbWF4SGVpZ2h0IH0pID0+ICh7XG4gIC4uLihtYXhIZWlnaHQgJiYge1xuICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIHRvcDogMCxcbiAgICB6SW5kZXg6IDIsIC8vIE9uZSBncmVhdGVyIHRoYW4gdGhlIHotaW5kZXggb2YgYSBzdGlja3kgY29sdW1uXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG59KSk7XG5cbnR5cGUgQ2hlY2tib3hDb2x1bW5DZWxsQ29udGVudFByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgfCBcImFsbFJvd3NTZWxlY3RlZFwiXG4gIHwgXCJzZWxlY3RlZFJvd0lkc1wiXG4gIHwgXCJzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWxcIlxuICB8IFwib25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlXCJcbj47XG5cbmZ1bmN0aW9uIENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnQoe1xuICBzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWwsXG4gIGFsbFJvd3NTZWxlY3RlZCxcbiAgc2VsZWN0ZWRSb3dJZHMsXG4gIG9uQWxsUm93c1NlbGVjdGlvbkNoYW5nZSxcbn06IENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94XG4gICAgICBzaXplPVwic1wiXG4gICAgICBhcmlhLWxhYmVsPXtzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWx9XG4gICAgICBjaGVja2VkPXthbGxSb3dzU2VsZWN0ZWR9XG4gICAgICBpbmRldGVybWluYXRlPXtCb29sZWFuKHNlbGVjdGVkUm93SWRzLmxlbmd0aCAmJiAhYWxsUm93c1NlbGVjdGVkKX1cbiAgICAgIG9uQ2hhbmdlPXsoZXZ0KSA9PiBvbkFsbFJvd3NTZWxlY3Rpb25DaGFuZ2UoZXZ0LnRhcmdldC5jaGVja2VkKX1cbiAgICAvPlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNGaXJzdENvbHVtblN0aWNreSxcbiAgaXNMYXN0Q29sdW1uU3RpY2t5LFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNUYWJsZVNjcm9sbGVkVG9MZWZ0LFxuICBpc1RhYmxlU2Nyb2xsZWRUb1JpZ2h0LFxuICBtYXhIZWlnaHQsXG4gIGFsbFJvd3NTZWxlY3RlZCxcbiAgc2VsZWN0ZWRSb3dJZHMsXG4gIHNlbGVjdEFsbFJvd3NDaGVja2JveEFyaWFMYWJlbCxcbiAgb25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlLFxuICBvblNvcnQsXG59OiBUYWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaXNTb3J0YWJsZSxcbiAgICAgIGxhYmVsLFxuICAgICAgYWxpZ24gPSBcImxlZnRcIixcbiAgICAgIHdpZHRoLFxuICAgICAgbmFtZSxcbiAgICAgIHNvcnREaXJlY3Rpb24sXG4gICAgfSA9IGNvbHVtbjtcbiAgICBsZXQgaGVhZGVyRWxtO1xuXG4gICAgaWYgKGlzU29ydGFibGUpIHtcbiAgICAgIGhlYWRlckVsbSA9IChcbiAgICAgICAgPFNvcnRhYmxlQ2VsbENvbnRlbnRcbiAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH0gZWxzZSBpZiAobmFtZSA9PT0gQ0hFQ0tCT1hfQ09MVU1OLm5hbWUpIHtcbiAgICAgIGhlYWRlckVsbSA9IChcbiAgICAgICAgPENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnRcbiAgICAgICAgICBhbGxSb3dzU2VsZWN0ZWQ9e2FsbFJvd3NTZWxlY3RlZH1cbiAgICAgICAgICBzZWxlY3RlZFJvd0lkcz17c2VsZWN0ZWRSb3dJZHN9XG4gICAgICAgICAgc2VsZWN0QWxsUm93c0NoZWNrYm94QXJpYUxhYmVsPXtzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWx9XG4gICAgICAgICAgb25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlPXtvbkFsbFJvd3NTZWxlY3Rpb25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICBoZWFkZXJFbG0gPSAoXG4gICAgICAgIDxTdHlsZWRMYWJlbFxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0IGFyaWFTb3J0QXR0ciA9IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uID09PSBuYW1lICYmIHtcbiAgICAgIFwiYXJpYS1zb3J0XCI6IFNPUlRfRElSRUNUSU9OX1RFWFRbc29ydERpcmVjdGlvbl0sXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgY29sdW1uV2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgIGlzTGFzdENvbHVtblN0aWNreT17aXNMYXN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWRUb0xlZnQ9e2lzVGFibGVTY3JvbGxlZFRvTGVmdH1cbiAgICAgICAgaXNUYWJsZVNjcm9sbGVkVG9SaWdodD17aXNUYWJsZVNjcm9sbGVkVG9SaWdodH1cbiAgICAgICAgc2NvcGU9XCJjb2xcIlxuICAgICAgICB7Li4uYXJpYVNvcnRBdHRyfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gbWF4SGVpZ2h0PXttYXhIZWlnaHR9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvU3R5bGVkVGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ29CIn0= */"),StyledTh=styled(TableCell,{target:"eyt64p11",label:"StyledTh"})(({theme})=>({padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,whiteSpace:"nowrap",backgroundColor:theme.values.color.background.primary.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRGF0YVRhYmxlL2hlYWRlci9UYWJsZUhlYWRlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0RhdGFUYWJsZS9oZWFkZXIvVGFibGVIZWFkZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IFRhYmxlQ2VsbFByb3BzIH0gZnJvbSBcIi4uL1RhYmxlQ2VsbFwiO1xuaW1wb3J0IFRhYmxlQ2VsbCBmcm9tIFwiLi4vVGFibGVDZWxsXCI7XG5pbXBvcnQgdHlwZSB7IERhdGFUYWJsZVByb3BzIH0gZnJvbSBcIi4uL0RhdGFUYWJsZVwiO1xuaW1wb3J0IHsgU29ydGFibGVDZWxsQ29udGVudCwgU3R5bGVkTGFiZWwgfSBmcm9tIFwiLi9Tb3J0YWJsZUNlbGxDb250ZW50XCI7XG5pbXBvcnQgeyBDaGVja2JveCB9IGZyb20gXCIuLi8uLi9Gb3JtL0NoZWNrYm94L0NoZWNrYm94XCI7XG5pbXBvcnQgeyBDSEVDS0JPWF9DT0xVTU4gfSBmcm9tIFwiLi4vY29uc3RhbnRzXCI7XG5cbmNvbnN0IFNPUlRfRElSRUNUSU9OX1RFWFQgPSB7XG4gIGFzYzogXCJhc2NlbmRpbmdcIiBhcyBjb25zdCxcbiAgZGVzYzogXCJkZXNjZW5kaW5nXCIgYXMgY29uc3QsXG59O1xuXG5leHBvcnQgdHlwZSBUYWJsZUhlYWRlclByb3BzID0ge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59ICYgUGljazxcbiAgRGF0YVRhYmxlUHJvcHMsXG4gIHwgXCJjb2x1bW5zXCJcbiAgfCBcInJvd3NcIlxuICB8IFwib25Tb3J0XCJcbiAgfCBcImN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uXCJcbiAgfCBcImlzRmlyc3RDb2x1bW5TdGlja3lcIlxuICB8IFwiaXNMYXN0Q29sdW1uU3RpY2t5XCJcbiAgfCBcIm1heEhlaWdodFwiXG4gIHwgXCJhbGxSb3dzU2VsZWN0ZWRcIlxuICB8IFwic2VsZWN0ZWRSb3dJZHNcIlxuICB8IFwic2VsZWN0QWxsUm93c0NoZWNrYm94QXJpYUxhYmVsXCJcbiAgfCBcIm9uQWxsUm93c1NlbGVjdGlvbkNoYW5nZVwiXG4+ICZcbiAgUGljazxUYWJsZUNlbGxQcm9wcywgXCJpc1RhYmxlU2Nyb2xsZWRUb0xlZnRcIiB8IFwiaXNUYWJsZVNjcm9sbGVkVG9SaWdodFwiPjtcblxudHlwZSBTdHlsZWRUaGVhZFByb3BzID0gUGljazxUYWJsZUhlYWRlclByb3BzLCBcIm1heEhlaWdodFwiPjtcblxuY29uc3QgU3R5bGVkVGhlYWQgPSBzdHlsZWQudGhlYWQ8U3R5bGVkVGhlYWRQcm9wcz4oKHsgbWF4SGVpZ2h0IH0pID0+ICh7XG4gIC4uLihtYXhIZWlnaHQgJiYge1xuICAgIHBvc2l0aW9uOiBcInN0aWNreVwiLFxuICAgIHRvcDogMCxcbiAgICB6SW5kZXg6IDIsIC8vIE9uZSBncmVhdGVyIHRoYW4gdGhlIHotaW5kZXggb2YgYSBzdGlja3kgY29sdW1uXG4gIH0pLFxufSkpO1xuXG5jb25zdCBTdHlsZWRUaCA9IHN0eWxlZChUYWJsZUNlbGwpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHQsXG59KSk7XG5cbnR5cGUgQ2hlY2tib3hDb2x1bW5DZWxsQ29udGVudFByb3BzID0gUGljazxcbiAgVGFibGVIZWFkZXJQcm9wcyxcbiAgfCBcImFsbFJvd3NTZWxlY3RlZFwiXG4gIHwgXCJzZWxlY3RlZFJvd0lkc1wiXG4gIHwgXCJzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWxcIlxuICB8IFwib25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlXCJcbj47XG5cbmZ1bmN0aW9uIENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnQoe1xuICBzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWwsXG4gIGFsbFJvd3NTZWxlY3RlZCxcbiAgc2VsZWN0ZWRSb3dJZHMsXG4gIG9uQWxsUm93c1NlbGVjdGlvbkNoYW5nZSxcbn06IENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPENoZWNrYm94XG4gICAgICBzaXplPVwic1wiXG4gICAgICBhcmlhLWxhYmVsPXtzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWx9XG4gICAgICBjaGVja2VkPXthbGxSb3dzU2VsZWN0ZWR9XG4gICAgICBpbmRldGVybWluYXRlPXtCb29sZWFuKHNlbGVjdGVkUm93SWRzLmxlbmd0aCAmJiAhYWxsUm93c1NlbGVjdGVkKX1cbiAgICAgIG9uQ2hhbmdlPXsoZXZ0KSA9PiBvbkFsbFJvd3NTZWxlY3Rpb25DaGFuZ2UoZXZ0LnRhcmdldC5jaGVja2VkKX1cbiAgICAvPlxuICApO1xufVxuXG5mdW5jdGlvbiBUYWJsZUhlYWRlcih7XG4gIGNsYXNzTmFtZSxcbiAgY29sdW1ucyxcbiAgaXNGaXJzdENvbHVtblN0aWNreSxcbiAgaXNMYXN0Q29sdW1uU3RpY2t5LFxuICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbixcbiAgaXNUYWJsZVNjcm9sbGVkVG9MZWZ0LFxuICBpc1RhYmxlU2Nyb2xsZWRUb1JpZ2h0LFxuICBtYXhIZWlnaHQsXG4gIGFsbFJvd3NTZWxlY3RlZCxcbiAgc2VsZWN0ZWRSb3dJZHMsXG4gIHNlbGVjdEFsbFJvd3NDaGVja2JveEFyaWFMYWJlbCxcbiAgb25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlLFxuICBvblNvcnQsXG59OiBUYWJsZUhlYWRlclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgY29sdW1uRWxlbWVudHMgPSBjb2x1bW5zLm1hcCgoY29sdW1uKSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgaXNTb3J0YWJsZSxcbiAgICAgIGxhYmVsLFxuICAgICAgYWxpZ24gPSBcImxlZnRcIixcbiAgICAgIHdpZHRoLFxuICAgICAgbmFtZSxcbiAgICAgIHNvcnREaXJlY3Rpb24sXG4gICAgfSA9IGNvbHVtbjtcbiAgICBsZXQgaGVhZGVyRWxtO1xuXG4gICAgaWYgKGlzU29ydGFibGUpIHtcbiAgICAgIGhlYWRlckVsbSA9IChcbiAgICAgICAgPFNvcnRhYmxlQ2VsbENvbnRlbnRcbiAgICAgICAgICBvblNvcnQ9e29uU29ydH1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGxhYmVsPXtsYWJlbH1cbiAgICAgICAgICBzb3J0RGlyZWN0aW9uPXtzb3J0RGlyZWN0aW9ufVxuICAgICAgICAgIGFsaWduPXthbGlnbn1cbiAgICAgICAgICBjdXJyZW50bHlTb3J0ZWRCeUNvbHVtbj17Y3VycmVudGx5U29ydGVkQnlDb2x1bW59XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH0gZWxzZSBpZiAobmFtZSA9PT0gQ0hFQ0tCT1hfQ09MVU1OLm5hbWUpIHtcbiAgICAgIGhlYWRlckVsbSA9IChcbiAgICAgICAgPENoZWNrYm94Q29sdW1uQ2VsbENvbnRlbnRcbiAgICAgICAgICBhbGxSb3dzU2VsZWN0ZWQ9e2FsbFJvd3NTZWxlY3RlZH1cbiAgICAgICAgICBzZWxlY3RlZFJvd0lkcz17c2VsZWN0ZWRSb3dJZHN9XG4gICAgICAgICAgc2VsZWN0QWxsUm93c0NoZWNrYm94QXJpYUxhYmVsPXtzZWxlY3RBbGxSb3dzQ2hlY2tib3hBcmlhTGFiZWx9XG4gICAgICAgICAgb25BbGxSb3dzU2VsZWN0aW9uQ2hhbmdlPXtvbkFsbFJvd3NTZWxlY3Rpb25DaGFuZ2V9XG4gICAgICAgIC8+XG4gICAgICApO1xuICAgIH0gZWxzZSB7XG4gICAgICBoZWFkZXJFbG0gPSAoXG4gICAgICAgIDxTdHlsZWRMYWJlbFxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgdHJhbnNmb3JtPVwidXBwZXJjYXNlXCJcbiAgICAgICAgICBhbGlnbkNvbHVtbj17YWxpZ259XG4gICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgID5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvU3R5bGVkTGFiZWw+XG4gICAgICApO1xuICAgIH1cblxuICAgIGNvbnN0IGFyaWFTb3J0QXR0ciA9IGN1cnJlbnRseVNvcnRlZEJ5Q29sdW1uID09PSBuYW1lICYmIHtcbiAgICAgIFwiYXJpYS1zb3J0XCI6IFNPUlRfRElSRUNUSU9OX1RFWFRbc29ydERpcmVjdGlvbl0sXG4gICAgfTtcblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkVGhcbiAgICAgICAgYXM9XCJ0aFwiXG4gICAgICAgIGFsaWduQ29sdW1uPXthbGlnbn1cbiAgICAgICAgY29sdW1uV2lkdGg9e3dpZHRofVxuICAgICAgICBrZXk9e25hbWV9XG4gICAgICAgIGlzRmlyc3RDb2x1bW5TdGlja3k9e2lzRmlyc3RDb2x1bW5TdGlja3l9XG4gICAgICAgIGlzTGFzdENvbHVtblN0aWNreT17aXNMYXN0Q29sdW1uU3RpY2t5fVxuICAgICAgICBpc1RhYmxlU2Nyb2xsZWRUb0xlZnQ9e2lzVGFibGVTY3JvbGxlZFRvTGVmdH1cbiAgICAgICAgaXNUYWJsZVNjcm9sbGVkVG9SaWdodD17aXNUYWJsZVNjcm9sbGVkVG9SaWdodH1cbiAgICAgICAgc2NvcGU9XCJjb2xcIlxuICAgICAgICB7Li4uYXJpYVNvcnRBdHRyfVxuICAgICAgPlxuICAgICAgICB7aGVhZGVyRWxtfVxuICAgICAgPC9TdHlsZWRUaD5cbiAgICApO1xuICB9KTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRUaGVhZCBjbGFzc05hbWU9e2NsYXNzTmFtZX0gbWF4SGVpZ2h0PXttYXhIZWlnaHR9PlxuICAgICAgPHRyPntjb2x1bW5FbGVtZW50c308L3RyPlxuICAgIDwvU3R5bGVkVGhlYWQ+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJlYWN0Lm1lbW8oVGFibGVIZWFkZXIpO1xuXG4vKiBlc2xpbnQtZW5hYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0Q2lCIn0= */");function CheckboxColumnCellContent({selectAllRowsCheckboxAriaLabel,allRowsSelected,selectedRowIds,onAllRowsSelectionChange}){return React.createElement(Checkbox,{size:"s","aria-label":selectAllRowsCheckboxAriaLabel,checked:allRowsSelected,indeterminate:!!(selectedRowIds.length&&!allRowsSelected),onChange:evt=>onAllRowsSelectionChange(evt.target.checked)})}export default React.memo(function({className,columns,isFirstColumnSticky,isLastColumnSticky,currentlySortedByColumn,isTableScrolledToLeft,isTableScrolledToRight,maxHeight,allRowsSelected,selectedRowIds,selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange,onSort}){let columnElements=columns.map(column=>{let headerElm,{isSortable,label,align="left",width,name,sortDirection}=column;headerElm=isSortable?React.createElement(SortableCellContent,{onSort:onSort,name:name,label:label,sortDirection:sortDirection,align:align,currentlySortedByColumn:currentlySortedByColumn}):name===CHECKBOX_COLUMN.name?React.createElement(CheckboxColumnCellContent,{allRowsSelected:allRowsSelected,selectedRowIds:selectedRowIds,selectAllRowsCheckboxAriaLabel:selectAllRowsCheckboxAriaLabel,onAllRowsSelectionChange:onAllRowsSelectionChange}):React.createElement(StyledLabel,{size:"xs",transform:"uppercase",alignColumn:align,color:"tertiary"},label);let ariaSortAttr=currentlySortedByColumn===name&&{"aria-sort":SORT_DIRECTION_TEXT[sortDirection]};return React.createElement(StyledTh,{as:"th",alignColumn:align,columnWidth:width,key:name,isFirstColumnSticky:isFirstColumnSticky,isLastColumnSticky:isLastColumnSticky,isTableScrolledToLeft:isTableScrolledToLeft,isTableScrolledToRight:isTableScrolledToRight,scope:"col",...ariaSortAttr},headerElm)});return React.createElement(StyledThead,{className:className,maxHeight:maxHeight},React.createElement("tr",null,columnElements))});

package/build/esm/components/DataTable/index.d.ts

@@ -3,3 +3,4 @@ export { DataTable, BaseDataTable } from "./DataTable";
 export type { DataTableProps } from "./DataTable";
 export { useDataTableSort } from "./useDataTableSort";
 export { useDataTableQueryFilter } from "./useDataTableQueryFilter";
+export { useDataTableSelectRows } from "./useDataTableSelectRows";

package/build/esm/components/DataTable/index.js

@@ -1 +1 @@
-export{DataTable,BaseDataTable}from"./DataTable";export{useDataTableSort}from"./useDataTableSort";export{useDataTableQueryFilter}from"./useDataTableQueryFilter";
+export{DataTable,BaseDataTable}from"./DataTable";export{useDataTableSort}from"./useDataTableSort";export{useDataTableQueryFilter}from"./useDataTableQueryFilter";export{useDataTableSelectRows}from"./useDataTableSelectRows";

package/build/esm/components/DataTable/types.d.ts

@@ -1,5 +1,5 @@
+import type { Property } from "csstype";
 import type { TextAlignment, MQ } from "../../types";
-import type { TableCellProps } from "./TableCell";
 export type DataTableRow = {
     id: string;
     [key: string]: any;
@@ -12,5 +12,10 @@ export type DataTableColumn = {
     isSortable?: boolean;
     sortDirection?: "asc" | "desc";
     renderCell?: (row: DataTableRow) => React.ReactElement;
-    getCellProps?: (row: DataTableRow) => Pick<TableCellProps, "verticalAlign" | "isActive">;
+};
+export type DataTableRowProps = {
+    verticalAlign?: Property.VerticalAlign;
+    isActive?: boolean;
+    isSelectable?: boolean;
+    selectRowCheckboxAriaLabel?: string;
 };

package/build/esm/components/DataTable/useDataTableSelectRows.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Convenience hook to render a selectable Data table when it renders all records. Note that hook will not work correctly for a table with pagination because the table renders data only for a given page.
+ */
+import type { Dispatch } from "react";
+import type { DataTableProps } from "./DataTable";
+type UseDataTableSelectRowsArgs = {
+    rows: DataTableProps["rows"];
+    getRowProps?: DataTableProps["getRowProps"];
+    initialSelectedRowIds?: DataTableProps["selectedRowIds"];
+    initialAllRowsSelected?: DataTableProps["allRowsSelected"];
+};
+type UseDataTableSelectRowsReturn = {
+    handleAllRowsSelectionChange: DataTableProps["onAllRowsSelectionChange"];
+    handleRowSelectionChange: DataTableProps["onRowSelectionChange"];
+    setAllRowsSelected: Dispatch<React.SetStateAction<DataTableProps["allRowsSelected"]>>;
+    setSelectedRowIds: Dispatch<React.SetStateAction<DataTableProps["selectedRowIds"]>>;
+} & Pick<DataTableProps, "selectedRowIds" | "allRowsSelected">;
+export declare function useDataTableSelectRows({ rows, getRowProps, initialAllRowsSelected, initialSelectedRowIds, }: UseDataTableSelectRowsArgs): UseDataTableSelectRowsReturn;
+export {};

package/build/esm/components/DataTable/useDataTableSelectRows.js

@@ -0,0 +1 @@
+import{useState}from"react";let defaultGetRowProps=()=>({isSelectable:!0});export function useDataTableSelectRows({rows,getRowProps=defaultGetRowProps,initialAllRowsSelected=!1,initialSelectedRowIds=[]}){let[allRowsSelected,setAllRowsSelected]=useState(initialAllRowsSelected),[selectedRowIds,setSelectedRowIds]=useState(initialSelectedRowIds);return{handleAllRowsSelectionChange:currentValue=>{currentValue?setSelectedRowIds(rows.filter(row=>getRowProps(row).isSelectable).map(({id})=>id)):setSelectedRowIds([]),setAllRowsSelected(currentValue)},handleRowSelectionChange:ids=>{let numOfSelectableRows=rows.filter(row=>getRowProps(row).isSelectable).length;ids.length===numOfSelectableRows?setAllRowsSelected(!0):setAllRowsSelected(!1),setSelectedRowIds(ids)},allRowsSelected,selectedRowIds,setAllRowsSelected,setSelectedRowIds}}