td-stylekit 26.24.2 → 27.0.0

package/dist/es/DataGrid/components/BasicColumn.js

@@ -59,7 +59,8 @@ function BasicColumn(columnProps, mappedProps) {
       locale = _mappedProps$locale === void 0 ? 'en' : _mappedProps$locale,
       _mappedProps$localeSt = mappedProps.localeStrings,
       localeStrings = _mappedProps$localeSt === void 0 ? {} : _mappedProps$localeSt,
-      onHeaderPopoverOpen = mappedProps.onHeaderPopoverOpen;
+      onHeaderPopoverOpen = mappedProps.onHeaderPopoverOpen,
+      onResize = mappedProps.onResize;
 
   if (columnProps.hideColumn) {
     return null;
@@ -69,6 +70,7 @@ function BasicColumn(columnProps, mappedProps) {
     return (0, _jsxRuntime.jsx)(_elements.Cell, {
       "data-gs": gs("src", "datagrid", "components", "basic-column", "cell"),
       rightAlign: typeof cellRendererProps.cellData === 'number',
+      isFirst: cellRendererProps.columnIndex === 0,
       isLast: cellRendererProps.columnIndex === columnCount - 1,
       children: (0, _jsxRuntime.jsx)(_RightTruncatedText["default"], {
         "data-gs": gs("src", "datagrid", "components", "basic-column", "cell", "right-truncated-text"),
@@ -86,6 +88,7 @@ function BasicColumn(columnProps, mappedProps) {
       "data-gs": gs("src", "datagrid", "components", "basic-column", "column-header"),
       dataKey: dataKey,
       isLast: columnCount - 1 === mappedProps.columnIndex,
+      isFirst: mappedProps.columnIndex === 0,
       label: label,
       showSortIndicator: !!sortRenderer && sortBy === dataKey,
       sortDirection: sortDirection,
@@ -109,6 +112,7 @@ function BasicColumn(columnProps, mappedProps) {
           operator: operator
         });
       },
+      onResize: onResize,
       filterRenderer: filterRenderer,
       sortBy: sortBy,
       sortRenderer: sortRenderer,

package/dist/es/DataGrid/components/CollapsibleCell.js

@@ -74,7 +74,7 @@ var CollapsibleIcon = ( /*#__PURE__*/0, _base["default"])(_Icon["default"].Mediu
     transition: 'transform 300ms',
     transform: expanded ? 'rotate(0)' : 'rotate(-90deg)'
   };
-}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.DataGrid.CollapsibleIcon), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgSWNvbiBmcm9tICcuLi8uLi9JY29uJ1xuaW1wb3J0IHsgU3BhY2VyLCBDZWxsIH0gZnJvbSAnLi4vZWxlbWVudHMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBjbiBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uLy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uLy4uL0J1dHRvbidcblxudHlwZSBDb2xsYXBzaWJsZUljb25Qcm9wcyA9IHtcbiAgZXhwYW5kZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgQ29sbGFwc2libGVJY29uID0gc3R5bGVkKEljb24uTWVkaXVtLlN5bWJvbEFycm93RG93bik8XG4gIENvbGxhcHNpYmxlSWNvblByb3BzXG4+KFxuICAoeyBleHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzVdLFxuICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMzAwbXMnLFxuICAgIHRyYW5zZm9ybTogZXhwYW5kZWQgPyAncm90YXRlKDApJyA6ICdyb3RhdGUoLTkwZGVnKSdcbiAgfSksXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5EYXRhR3JpZC5Db2xsYXBzaWJsZUljb24pXG4pXG5cbmNvbnN0IENvbGxhcHNpYmxlSWNvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pKCgpID0+ICh7XG4gIG1pbldpZHRoOiAxNlxufSkpXG5cbmNvbnN0IENvbGxhcHNpYmxlQ2VsbFdyYXBwZXIgPSBzdHlsZWQoQ2VsbCkoKCkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJvcmRlclJpZ2h0OiAwXG59KSlcblxudHlwZSBTeW50aGV0aWNFdmVudCA9IGFueVxudHlwZSBDb2xsYXBzaWJsZUNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICBleHBhbmRlZFJvd3M6IEFycmF5PG51bWJlciB8IHN0cmluZz5cbiAgaGFuZGxlRXhwYW5kUm93czogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZFxuICBpZDogc3RyaW5nIHwgbnVtYmVyXG4gIG51bWJlck9mQ2hpbGRyZW46IG51bWJlclxufVxuY2xhc3MgQ29sbGFwc2libGVDZWxsIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PENvbGxhcHNpYmxlQ2VsbFByb3BzPiB7XG4gIGhhbmRsZUV4cGFuZFJvd3MgPSAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCB7IGlkLCBleHBhbmRlZFJvd3MsIGhhbmRsZUV4cGFuZFJvd3MgfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCBleHBhbmRlZCA9IGV4cGFuZGVkUm93cy5pbmNsdWRlcyhpZClcbiAgICBjb25zdCBuZXdFeHBhbmRlZFJvd3MgPSBleHBhbmRlZFxuICAgICAgPyBleHBhbmRlZFJvd3MuZmlsdGVyKHJvdyA9PiByb3cgIT09IGlkKVxuICAgICAgOiBbLi4uZXhwYW5kZWRSb3dzLCBpZF1cbiAgICByZXR1cm4gaGFuZGxlRXhwYW5kUm93cyhuZXdFeHBhbmRlZFJvd3MpXG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBudW1iZXJPZkNoaWxkcmVuIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2xsYXBzaWJsZUNlbGxXcmFwcGVyIGtleT17aWR9PlxuICAgICAgICA8Q29sbGFwc2libGVJY29uQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dGhpcy5oYW5kbGVFeHBhbmRSb3dzfVxuICAgICAgICAgIGljb25cbiAgICAgICAgICBib3JkZXJsZXNzXG4gICAgICAgICAgaWdub3JlRm9jdXNcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2xsYXBzaWJsZUljb25cbiAgICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZCAmJiBudW1iZXJPZkNoaWxkcmVuID4gMH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oJ2RhdGEtZ3JpZC1jb2xsYXBzaWJsZS1pY29uJywge1xuICAgICAgICAgICAgICAnZGF0YS1ncmlkLWNvbGxhcHNpYmxlLWljb24tZXhwYW5kZWQnOlxuICAgICAgICAgICAgICAgIGV4cGFuZGVkICYmIG51bWJlck9mQ2hpbGRyZW4gPiAwXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0NvbGxhcHNpYmxlSWNvbkJ1dHRvbj5cbiAgICAgICAgPFNwYWNlciAvPlxuICAgICAgICB7dGhpcy5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAge2AgKCR7bnVtYmVyT2ZDaGlsZHJlbn0pYH1cbiAgICAgIDwvQ29sbGFwc2libGVDZWxsV3JhcHBlcj5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sbGFwc2libGVDZWxsXG4iXX0= */");
+}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.DataGrid.CollapsibleIcon), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYStCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgSWNvbiBmcm9tICcuLi8uLi9JY29uJ1xuaW1wb3J0IHsgU3BhY2VyLCBDZWxsIH0gZnJvbSAnLi4vZWxlbWVudHMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBjbiBmcm9tICdjbGFzc25hbWVzJ1xuaW1wb3J0IHsgZ2V0T3ZlcnJpZGVzLCBPdmVycmlkYWJsZSB9IGZyb20gJy4uLy4uL1RoZW1lUHJvdmlkZXInXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uLy4uL0J1dHRvbidcblxudHlwZSBDb2xsYXBzaWJsZUljb25Qcm9wcyA9IHtcbiAgZXhwYW5kZWQ/OiBib29sZWFuXG59XG5leHBvcnQgY29uc3QgQ29sbGFwc2libGVJY29uID0gc3R5bGVkKEljb24uTWVkaXVtLlN5bWJvbEFycm93RG93bik8XG4gIENvbGxhcHNpYmxlSWNvblByb3BzXG4+KFxuICAoeyBleHBhbmRlZCwgdGhlbWUgfSkgPT4gKHtcbiAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzVdLFxuICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMzAwbXMnLFxuICAgIHRyYW5zZm9ybTogZXhwYW5kZWQgPyAncm90YXRlKDApJyA6ICdyb3RhdGUoLTkwZGVnKSdcbiAgfSksXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5EYXRhR3JpZC5Db2xsYXBzaWJsZUljb24pXG4pXG5cbmNvbnN0IENvbGxhcHNpYmxlSWNvbkJ1dHRvbiA9IHN0eWxlZChCdXR0b24pKCgpID0+ICh7XG4gIG1pbldpZHRoOiAxNlxufSkpXG5cbmNvbnN0IENvbGxhcHNpYmxlQ2VsbFdyYXBwZXIgPSBzdHlsZWQoQ2VsbCkoKCkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGJvcmRlclJpZ2h0OiAwXG59KSlcblxudHlwZSBTeW50aGV0aWNFdmVudCA9IGFueVxudHlwZSBDb2xsYXBzaWJsZUNlbGxQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZVxuICBleHBhbmRlZFJvd3M6IEFycmF5PG51bWJlciB8IHN0cmluZz5cbiAgaGFuZGxlRXhwYW5kUm93czogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZFxuICBpZDogc3RyaW5nIHwgbnVtYmVyXG4gIG51bWJlck9mQ2hpbGRyZW46IG51bWJlclxufVxuY2xhc3MgQ29sbGFwc2libGVDZWxsIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50PENvbGxhcHNpYmxlQ2VsbFByb3BzPiB7XG4gIGhhbmRsZUV4cGFuZFJvd3MgPSAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICBjb25zdCB7IGlkLCBleHBhbmRlZFJvd3MsIGhhbmRsZUV4cGFuZFJvd3MgfSA9IHRoaXMucHJvcHNcbiAgICBjb25zdCBleHBhbmRlZCA9IGV4cGFuZGVkUm93cy5pbmNsdWRlcyhpZClcbiAgICBjb25zdCBuZXdFeHBhbmRlZFJvd3MgPSBleHBhbmRlZFxuICAgICAgPyBleHBhbmRlZFJvd3MuZmlsdGVyKHJvdyA9PiByb3cgIT09IGlkKVxuICAgICAgOiBbLi4uZXhwYW5kZWRSb3dzLCBpZF1cbiAgICByZXR1cm4gaGFuZGxlRXhwYW5kUm93cyhuZXdFeHBhbmRlZFJvd3MpXG4gIH1cblxuICByZW5kZXIoKSB7XG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBudW1iZXJPZkNoaWxkcmVuIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgcmV0dXJuIChcbiAgICAgIDxDb2xsYXBzaWJsZUNlbGxXcmFwcGVyIGtleT17aWR9IGlzRmlyc3Q+XG4gICAgICAgIDxDb2xsYXBzaWJsZUljb25CdXR0b25cbiAgICAgICAgICBvbkNsaWNrPXt0aGlzLmhhbmRsZUV4cGFuZFJvd3N9XG4gICAgICAgICAgaWNvblxuICAgICAgICAgIGJvcmRlcmxlc3NcbiAgICAgICAgICBpZ25vcmVGb2N1c1xuICAgICAgICA+XG4gICAgICAgICAgPENvbGxhcHNpYmxlSWNvblxuICAgICAgICAgICAgZXhwYW5kZWQ9e2V4cGFuZGVkICYmIG51bWJlck9mQ2hpbGRyZW4gPiAwfVxuICAgICAgICAgICAgY2xhc3NOYW1lPXtjbignZGF0YS1ncmlkLWNvbGxhcHNpYmxlLWljb24nLCB7XG4gICAgICAgICAgICAgICdkYXRhLWdyaWQtY29sbGFwc2libGUtaWNvbi1leHBhbmRlZCc6XG4gICAgICAgICAgICAgICAgZXhwYW5kZWQgJiYgbnVtYmVyT2ZDaGlsZHJlbiA+IDBcbiAgICAgICAgICAgIH0pfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQ29sbGFwc2libGVJY29uQnV0dG9uPlxuICAgICAgICA8U3BhY2VyIC8+XG4gICAgICAgIHt0aGlzLnByb3BzLmNoaWxkcmVufVxuICAgICAgICB7YCAoJHtudW1iZXJPZkNoaWxkcmVufSlgfVxuICAgICAgPC9Db2xsYXBzaWJsZUNlbGxXcmFwcGVyPlxuICAgIClcbiAgfVxufVxuXG5leHBvcnQgZGVmYXVsdCBDb2xsYXBzaWJsZUNlbGxcbiJdfQ== */");
 exports.CollapsibleIcon = CollapsibleIcon;
 var CollapsibleIconButton = ( /*#__PURE__*/0, _base["default"])(_Button["default"], process.env.NODE_ENV === "production" ? {
   target: "e1prc87v1"
@@ -85,7 +85,7 @@ var CollapsibleIconButton = ( /*#__PURE__*/0, _base["default"])(_Button["default
   return {
     minWidth: 16
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRGF0YUdyaWQvY29tcG9uZW50cy9Db2xsYXBzaWJsZUNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgdGQvaW5zdHJ1bWVudGF0aW9uICovXG4vLyB0aGlzIGxldmVsIG9mIGZpbmUgZ3JhaW5lZCBpbnN0cnVtZW50YXRpb24gaXMgbm90IG5lZWRlZFxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFNwYWNlciwgQ2VsbCB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi8uLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbnR5cGUgQ29sbGFwc2libGVJY29uUHJvcHMgPSB7XG4gIGV4cGFuZGVkPzogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlSWNvbiA9IHN0eWxlZChJY29uLk1lZGl1bS5TeW1ib2xBcnJvd0Rvd24pPFxuICBDb2xsYXBzaWJsZUljb25Qcm9wc1xuPihcbiAgKHsgZXhwYW5kZWQsIHRoZW1lIH0pID0+ICh7XG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSxcbiAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDMwMG1zJyxcbiAgICB0cmFuc2Zvcm06IGV4cGFuZGVkID8gJ3JvdGF0ZSgwKScgOiAncm90YXRlKC05MGRlZyknXG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuRGF0YUdyaWQuQ29sbGFwc2libGVJY29uKVxuKVxuXG5jb25zdCBDb2xsYXBzaWJsZUljb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xuICBtaW5XaWR0aDogMTZcbn0pKVxuXG5jb25zdCBDb2xsYXBzaWJsZUNlbGxXcmFwcGVyID0gc3R5bGVkKENlbGwpKCgpID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXJSaWdodDogMFxufSkpXG5cbnR5cGUgU3ludGhldGljRXZlbnQgPSBhbnlcbnR5cGUgQ29sbGFwc2libGVDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZXhwYW5kZWRSb3dzOiBBcnJheTxudW1iZXIgfCBzdHJpbmc+XG4gIGhhbmRsZUV4cGFuZFJvd3M6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWRcbiAgaWQ6IHN0cmluZyB8IG51bWJlclxuICBudW1iZXJPZkNoaWxkcmVuOiBudW1iZXJcbn1cbmNsYXNzIENvbGxhcHNpYmxlQ2VsbCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxDb2xsYXBzaWJsZUNlbGxQcm9wcz4ge1xuICBoYW5kbGVFeHBhbmRSb3dzID0gKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBoYW5kbGVFeHBhbmRSb3dzIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgY29uc3QgbmV3RXhwYW5kZWRSb3dzID0gZXhwYW5kZWRcbiAgICAgID8gZXhwYW5kZWRSb3dzLmZpbHRlcihyb3cgPT4gcm93ICE9PSBpZClcbiAgICAgIDogWy4uLmV4cGFuZGVkUm93cywgaWRdXG4gICAgcmV0dXJuIGhhbmRsZUV4cGFuZFJvd3MobmV3RXhwYW5kZWRSb3dzKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgaWQsIGV4cGFuZGVkUm93cywgbnVtYmVyT2ZDaGlsZHJlbiB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGV4cGFuZGVkID0gZXhwYW5kZWRSb3dzLmluY2x1ZGVzKGlkKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVDZWxsV3JhcHBlciBrZXk9e2lkfT5cbiAgICAgICAgPENvbGxhcHNpYmxlSWNvbkJ1dHRvblxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuaGFuZGxlRXhwYW5kUm93c31cbiAgICAgICAgICBpY29uXG4gICAgICAgICAgYm9yZGVybGVzc1xuICAgICAgICAgIGlnbm9yZUZvY3VzXG4gICAgICAgID5cbiAgICAgICAgICA8Q29sbGFwc2libGVJY29uXG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWQgJiYgbnVtYmVyT2ZDaGlsZHJlbiA+IDB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdkYXRhLWdyaWQtY29sbGFwc2libGUtaWNvbicsIHtcbiAgICAgICAgICAgICAgJ2RhdGEtZ3JpZC1jb2xsYXBzaWJsZS1pY29uLWV4cGFuZGVkJzpcbiAgICAgICAgICAgICAgICBleHBhbmRlZCAmJiBudW1iZXJPZkNoaWxkcmVuID4gMFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Db2xsYXBzaWJsZUljb25CdXR0b24+XG4gICAgICAgIDxTcGFjZXIgLz5cbiAgICAgICAge3RoaXMucHJvcHMuY2hpbGRyZW59XG4gICAgICAgIHtgICgke251bWJlck9mQ2hpbGRyZW59KWB9XG4gICAgICA8L0NvbGxhcHNpYmxlQ2VsbFdyYXBwZXI+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbGxhcHNpYmxlQ2VsbFxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRGF0YUdyaWQvY29tcG9uZW50cy9Db2xsYXBzaWJsZUNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgdGQvaW5zdHJ1bWVudGF0aW9uICovXG4vLyB0aGlzIGxldmVsIG9mIGZpbmUgZ3JhaW5lZCBpbnN0cnVtZW50YXRpb24gaXMgbm90IG5lZWRlZFxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFNwYWNlciwgQ2VsbCB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi8uLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbnR5cGUgQ29sbGFwc2libGVJY29uUHJvcHMgPSB7XG4gIGV4cGFuZGVkPzogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlSWNvbiA9IHN0eWxlZChJY29uLk1lZGl1bS5TeW1ib2xBcnJvd0Rvd24pPFxuICBDb2xsYXBzaWJsZUljb25Qcm9wc1xuPihcbiAgKHsgZXhwYW5kZWQsIHRoZW1lIH0pID0+ICh7XG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSxcbiAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDMwMG1zJyxcbiAgICB0cmFuc2Zvcm06IGV4cGFuZGVkID8gJ3JvdGF0ZSgwKScgOiAncm90YXRlKC05MGRlZyknXG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuRGF0YUdyaWQuQ29sbGFwc2libGVJY29uKVxuKVxuXG5jb25zdCBDb2xsYXBzaWJsZUljb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xuICBtaW5XaWR0aDogMTZcbn0pKVxuXG5jb25zdCBDb2xsYXBzaWJsZUNlbGxXcmFwcGVyID0gc3R5bGVkKENlbGwpKCgpID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXJSaWdodDogMFxufSkpXG5cbnR5cGUgU3ludGhldGljRXZlbnQgPSBhbnlcbnR5cGUgQ29sbGFwc2libGVDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZXhwYW5kZWRSb3dzOiBBcnJheTxudW1iZXIgfCBzdHJpbmc+XG4gIGhhbmRsZUV4cGFuZFJvd3M6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWRcbiAgaWQ6IHN0cmluZyB8IG51bWJlclxuICBudW1iZXJPZkNoaWxkcmVuOiBudW1iZXJcbn1cbmNsYXNzIENvbGxhcHNpYmxlQ2VsbCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxDb2xsYXBzaWJsZUNlbGxQcm9wcz4ge1xuICBoYW5kbGVFeHBhbmRSb3dzID0gKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBoYW5kbGVFeHBhbmRSb3dzIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgY29uc3QgbmV3RXhwYW5kZWRSb3dzID0gZXhwYW5kZWRcbiAgICAgID8gZXhwYW5kZWRSb3dzLmZpbHRlcihyb3cgPT4gcm93ICE9PSBpZClcbiAgICAgIDogWy4uLmV4cGFuZGVkUm93cywgaWRdXG4gICAgcmV0dXJuIGhhbmRsZUV4cGFuZFJvd3MobmV3RXhwYW5kZWRSb3dzKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgaWQsIGV4cGFuZGVkUm93cywgbnVtYmVyT2ZDaGlsZHJlbiB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGV4cGFuZGVkID0gZXhwYW5kZWRSb3dzLmluY2x1ZGVzKGlkKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVDZWxsV3JhcHBlciBrZXk9e2lkfSBpc0ZpcnN0PlxuICAgICAgICA8Q29sbGFwc2libGVJY29uQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dGhpcy5oYW5kbGVFeHBhbmRSb3dzfVxuICAgICAgICAgIGljb25cbiAgICAgICAgICBib3JkZXJsZXNzXG4gICAgICAgICAgaWdub3JlRm9jdXNcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2xsYXBzaWJsZUljb25cbiAgICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZCAmJiBudW1iZXJPZkNoaWxkcmVuID4gMH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oJ2RhdGEtZ3JpZC1jb2xsYXBzaWJsZS1pY29uJywge1xuICAgICAgICAgICAgICAnZGF0YS1ncmlkLWNvbGxhcHNpYmxlLWljb24tZXhwYW5kZWQnOlxuICAgICAgICAgICAgICAgIGV4cGFuZGVkICYmIG51bWJlck9mQ2hpbGRyZW4gPiAwXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0NvbGxhcHNpYmxlSWNvbkJ1dHRvbj5cbiAgICAgICAgPFNwYWNlciAvPlxuICAgICAgICB7dGhpcy5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAge2AgKCR7bnVtYmVyT2ZDaGlsZHJlbn0pYH1cbiAgICAgIDwvQ29sbGFwc2libGVDZWxsV3JhcHBlcj5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sbGFwc2libGVDZWxsXG4iXX0= */");
 var CollapsibleCellWrapper = ( /*#__PURE__*/0, _base["default"])(_elements.Cell, process.env.NODE_ENV === "production" ? {
   target: "e1prc87v0"
 } : {
@@ -96,7 +96,7 @@ var CollapsibleCellWrapper = ( /*#__PURE__*/0, _base["default"])(_elements.Cell,
     alignItems: 'center',
     borderRight: 0
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRGF0YUdyaWQvY29tcG9uZW50cy9Db2xsYXBzaWJsZUNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgdGQvaW5zdHJ1bWVudGF0aW9uICovXG4vLyB0aGlzIGxldmVsIG9mIGZpbmUgZ3JhaW5lZCBpbnN0cnVtZW50YXRpb24gaXMgbm90IG5lZWRlZFxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFNwYWNlciwgQ2VsbCB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi8uLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbnR5cGUgQ29sbGFwc2libGVJY29uUHJvcHMgPSB7XG4gIGV4cGFuZGVkPzogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlSWNvbiA9IHN0eWxlZChJY29uLk1lZGl1bS5TeW1ib2xBcnJvd0Rvd24pPFxuICBDb2xsYXBzaWJsZUljb25Qcm9wc1xuPihcbiAgKHsgZXhwYW5kZWQsIHRoZW1lIH0pID0+ICh7XG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSxcbiAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDMwMG1zJyxcbiAgICB0cmFuc2Zvcm06IGV4cGFuZGVkID8gJ3JvdGF0ZSgwKScgOiAncm90YXRlKC05MGRlZyknXG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuRGF0YUdyaWQuQ29sbGFwc2libGVJY29uKVxuKVxuXG5jb25zdCBDb2xsYXBzaWJsZUljb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xuICBtaW5XaWR0aDogMTZcbn0pKVxuXG5jb25zdCBDb2xsYXBzaWJsZUNlbGxXcmFwcGVyID0gc3R5bGVkKENlbGwpKCgpID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXJSaWdodDogMFxufSkpXG5cbnR5cGUgU3ludGhldGljRXZlbnQgPSBhbnlcbnR5cGUgQ29sbGFwc2libGVDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZXhwYW5kZWRSb3dzOiBBcnJheTxudW1iZXIgfCBzdHJpbmc+XG4gIGhhbmRsZUV4cGFuZFJvd3M6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWRcbiAgaWQ6IHN0cmluZyB8IG51bWJlclxuICBudW1iZXJPZkNoaWxkcmVuOiBudW1iZXJcbn1cbmNsYXNzIENvbGxhcHNpYmxlQ2VsbCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxDb2xsYXBzaWJsZUNlbGxQcm9wcz4ge1xuICBoYW5kbGVFeHBhbmRSb3dzID0gKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBoYW5kbGVFeHBhbmRSb3dzIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgY29uc3QgbmV3RXhwYW5kZWRSb3dzID0gZXhwYW5kZWRcbiAgICAgID8gZXhwYW5kZWRSb3dzLmZpbHRlcihyb3cgPT4gcm93ICE9PSBpZClcbiAgICAgIDogWy4uLmV4cGFuZGVkUm93cywgaWRdXG4gICAgcmV0dXJuIGhhbmRsZUV4cGFuZFJvd3MobmV3RXhwYW5kZWRSb3dzKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgaWQsIGV4cGFuZGVkUm93cywgbnVtYmVyT2ZDaGlsZHJlbiB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGV4cGFuZGVkID0gZXhwYW5kZWRSb3dzLmluY2x1ZGVzKGlkKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVDZWxsV3JhcHBlciBrZXk9e2lkfT5cbiAgICAgICAgPENvbGxhcHNpYmxlSWNvbkJ1dHRvblxuICAgICAgICAgIG9uQ2xpY2s9e3RoaXMuaGFuZGxlRXhwYW5kUm93c31cbiAgICAgICAgICBpY29uXG4gICAgICAgICAgYm9yZGVybGVzc1xuICAgICAgICAgIGlnbm9yZUZvY3VzXG4gICAgICAgID5cbiAgICAgICAgICA8Q29sbGFwc2libGVJY29uXG4gICAgICAgICAgICBleHBhbmRlZD17ZXhwYW5kZWQgJiYgbnVtYmVyT2ZDaGlsZHJlbiA+IDB9XG4gICAgICAgICAgICBjbGFzc05hbWU9e2NuKCdkYXRhLWdyaWQtY29sbGFwc2libGUtaWNvbicsIHtcbiAgICAgICAgICAgICAgJ2RhdGEtZ3JpZC1jb2xsYXBzaWJsZS1pY29uLWV4cGFuZGVkJzpcbiAgICAgICAgICAgICAgICBleHBhbmRlZCAmJiBudW1iZXJPZkNoaWxkcmVuID4gMFxuICAgICAgICAgICAgfSl9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9Db2xsYXBzaWJsZUljb25CdXR0b24+XG4gICAgICAgIDxTcGFjZXIgLz5cbiAgICAgICAge3RoaXMucHJvcHMuY2hpbGRyZW59XG4gICAgICAgIHtgICgke251bWJlck9mQ2hpbGRyZW59KWB9XG4gICAgICA8L0NvbGxhcHNpYmxlQ2VsbFdyYXBwZXI+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbGxhcHNpYmxlQ2VsbFxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbGxhcHNpYmxlQ2VsbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRGF0YUdyaWQvY29tcG9uZW50cy9Db2xsYXBzaWJsZUNlbGwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgdGQvaW5zdHJ1bWVudGF0aW9uICovXG4vLyB0aGlzIGxldmVsIG9mIGZpbmUgZ3JhaW5lZCBpbnN0cnVtZW50YXRpb24gaXMgbm90IG5lZWRlZFxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IFNwYWNlciwgQ2VsbCB9IGZyb20gJy4uL2VsZW1lbnRzJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgY24gZnJvbSAnY2xhc3NuYW1lcydcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi8uLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi9CdXR0b24nXG5cbnR5cGUgQ29sbGFwc2libGVJY29uUHJvcHMgPSB7XG4gIGV4cGFuZGVkPzogYm9vbGVhblxufVxuZXhwb3J0IGNvbnN0IENvbGxhcHNpYmxlSWNvbiA9IHN0eWxlZChJY29uLk1lZGl1bS5TeW1ib2xBcnJvd0Rvd24pPFxuICBDb2xsYXBzaWJsZUljb25Qcm9wc1xuPihcbiAgKHsgZXhwYW5kZWQsIHRoZW1lIH0pID0+ICh7XG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSxcbiAgICB0cmFuc2l0aW9uOiAndHJhbnNmb3JtIDMwMG1zJyxcbiAgICB0cmFuc2Zvcm06IGV4cGFuZGVkID8gJ3JvdGF0ZSgwKScgOiAncm90YXRlKC05MGRlZyknXG4gIH0pLFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuRGF0YUdyaWQuQ29sbGFwc2libGVJY29uKVxuKVxuXG5jb25zdCBDb2xsYXBzaWJsZUljb25CdXR0b24gPSBzdHlsZWQoQnV0dG9uKSgoKSA9PiAoe1xuICBtaW5XaWR0aDogMTZcbn0pKVxuXG5jb25zdCBDb2xsYXBzaWJsZUNlbGxXcmFwcGVyID0gc3R5bGVkKENlbGwpKCgpID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBib3JkZXJSaWdodDogMFxufSkpXG5cbnR5cGUgU3ludGhldGljRXZlbnQgPSBhbnlcbnR5cGUgQ29sbGFwc2libGVDZWxsUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgZXhwYW5kZWRSb3dzOiBBcnJheTxudW1iZXIgfCBzdHJpbmc+XG4gIGhhbmRsZUV4cGFuZFJvd3M6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWRcbiAgaWQ6IHN0cmluZyB8IG51bWJlclxuICBudW1iZXJPZkNoaWxkcmVuOiBudW1iZXJcbn1cbmNsYXNzIENvbGxhcHNpYmxlQ2VsbCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudDxDb2xsYXBzaWJsZUNlbGxQcm9wcz4ge1xuICBoYW5kbGVFeHBhbmRSb3dzID0gKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4ge1xuICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXG4gICAgY29uc3QgeyBpZCwgZXhwYW5kZWRSb3dzLCBoYW5kbGVFeHBhbmRSb3dzIH0gPSB0aGlzLnByb3BzXG4gICAgY29uc3QgZXhwYW5kZWQgPSBleHBhbmRlZFJvd3MuaW5jbHVkZXMoaWQpXG4gICAgY29uc3QgbmV3RXhwYW5kZWRSb3dzID0gZXhwYW5kZWRcbiAgICAgID8gZXhwYW5kZWRSb3dzLmZpbHRlcihyb3cgPT4gcm93ICE9PSBpZClcbiAgICAgIDogWy4uLmV4cGFuZGVkUm93cywgaWRdXG4gICAgcmV0dXJuIGhhbmRsZUV4cGFuZFJvd3MobmV3RXhwYW5kZWRSb3dzKVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHsgaWQsIGV4cGFuZGVkUm93cywgbnVtYmVyT2ZDaGlsZHJlbiB9ID0gdGhpcy5wcm9wc1xuICAgIGNvbnN0IGV4cGFuZGVkID0gZXhwYW5kZWRSb3dzLmluY2x1ZGVzKGlkKVxuICAgIHJldHVybiAoXG4gICAgICA8Q29sbGFwc2libGVDZWxsV3JhcHBlciBrZXk9e2lkfSBpc0ZpcnN0PlxuICAgICAgICA8Q29sbGFwc2libGVJY29uQnV0dG9uXG4gICAgICAgICAgb25DbGljaz17dGhpcy5oYW5kbGVFeHBhbmRSb3dzfVxuICAgICAgICAgIGljb25cbiAgICAgICAgICBib3JkZXJsZXNzXG4gICAgICAgICAgaWdub3JlRm9jdXNcbiAgICAgICAgPlxuICAgICAgICAgIDxDb2xsYXBzaWJsZUljb25cbiAgICAgICAgICAgIGV4cGFuZGVkPXtleHBhbmRlZCAmJiBudW1iZXJPZkNoaWxkcmVuID4gMH1cbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y24oJ2RhdGEtZ3JpZC1jb2xsYXBzaWJsZS1pY29uJywge1xuICAgICAgICAgICAgICAnZGF0YS1ncmlkLWNvbGxhcHNpYmxlLWljb24tZXhwYW5kZWQnOlxuICAgICAgICAgICAgICAgIGV4cGFuZGVkICYmIG51bWJlck9mQ2hpbGRyZW4gPiAwXG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0NvbGxhcHNpYmxlSWNvbkJ1dHRvbj5cbiAgICAgICAgPFNwYWNlciAvPlxuICAgICAgICB7dGhpcy5wcm9wcy5jaGlsZHJlbn1cbiAgICAgICAge2AgKCR7bnVtYmVyT2ZDaGlsZHJlbn0pYH1cbiAgICAgIDwvQ29sbGFwc2libGVDZWxsV3JhcHBlcj5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgQ29sbGFwc2libGVDZWxsXG4iXX0= */");
 
 var CollapsibleCell = /*#__PURE__*/function (_React$Component) {
   _inherits(CollapsibleCell, _React$Component);
@@ -141,6 +141,7 @@ var CollapsibleCell = /*#__PURE__*/function (_React$Component) {
       return (0, _jsxRuntime.jsxs)(CollapsibleCellWrapper, {
         "data-gs-c": gsC("collapsibleiconbutton"),
         "data-gs": gs("src", "datagrid", "components", "collapsible-cell-wrapper"),
+        isFirst: true,
         children: [(0, _jsxRuntime.jsx)(CollapsibleIconButton, {
           "data-gs-c": gsC("collapsibleicon"),
           "data-gs": gs("src", "datagrid", "components", "collapsible-cell-wrapper", "collapsible-icon-button"),

package/dist/es/DataGrid/components/ColumnHeader.d.ts

@@ -1,11 +1,12 @@
 import React, { Component } from 'react';
 import { SortDirection } from 'react-virtualized';
-import type { filterRendererArguments, sortRendererArguments } from '../types';
+import type { filterRendererArguments, sortRendererArguments, InternalResizeHandler } from '../types';
 import type { LocaleStrings } from '../constants';
 import type { Theme } from '@theme';
 import type { Interpolation } from '@emotion/react';
 declare type ColumnHeaderProps = {
     dataKey: string;
+    isFirst?: boolean;
     isLast?: boolean;
     label: string;
     showSortIndicator?: boolean;
@@ -18,6 +19,7 @@ declare type ColumnHeaderProps = {
         operator: any;
     }) => void;
     onPopoverOpen: (open: boolean) => void;
+    onResize?: InternalResizeHandler;
     filterValue: any;
     filterRenderer?: ((arg0: filterRendererArguments) => React.ReactNode) | false | null;
     sortRenderer?: ((arg0: sortRendererArguments) => React.ReactNode) | false | null;

package/dist/es/DataGrid/components/ColumnHeader.js

@@ -17,6 +17,8 @@ var _elements = require("../elements");
 
 var _ColumnHeaderActions = _interopRequireDefault(require("./ColumnHeaderActions"));
 
+var _ColumnHeaderDragHandle = _interopRequireDefault(require("./ColumnHeaderDragHandle"));
+
 var _utils = require("../utils");
 
 var _jsxRuntime = require("@emotion/react/jsx-runtime");
@@ -107,6 +109,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
 
       var _this$props = this.props,
           dataKey = _this$props.dataKey,
+          isFirst = _this$props.isFirst,
           isLast = _this$props.isLast,
           label = _this$props.label,
           _this$props$showSortI = _this$props.showSortIndicator,
@@ -116,6 +119,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
           sortDescIcon = _this$props.sortDescIcon,
           onSort = _this$props.onSort,
           onFilter = _this$props.onFilter,
+          onResize = _this$props.onResize,
           filterValue = _this$props.filterValue,
           filterRenderer = _this$props.filterRenderer,
           sortRenderer = _this$props.sortRenderer,
@@ -137,6 +141,7 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
         active: isActive,
         clickable: hasActions,
         "data-testid": "column-header-container",
+        isFirst: isFirst,
         isLast: isLast,
         onMouseEnter: function onMouseEnter() {
           return _this2.setState({
@@ -170,7 +175,10 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
           children: (0, _jsxRuntime.jsx)(_Icon["default"].Medium.ToolFilledFilter, {
             "data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-icon", "icon-medium-tool-filled-filter")
           })
-        })]
+        }), onResize ? (0, _jsxRuntime.jsx)(_ColumnHeaderDragHandle["default"], {
+          "data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-drag-handle"),
+          onResize: onResize
+        }) : null]
       });
       var headerOverlay = (0, _jsxRuntime.jsx)(_elements.ColumnHeaderPopover, {
         "data-gs": gs("src", "datagrid", "components", "column-header-popover"),

package/dist/es/DataGrid/components/ColumnHeaderDragHandle.d.ts

@@ -0,0 +1,5 @@
+import type { InternalResizeHandler } from '../types';
+export default function ColumnHeaderDragHandle({ onResize }: {
+    onResize: InternalResizeHandler;
+}): import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColumnHeaderDragHandle.d.ts.map

package/dist/es/DataGrid/components/ColumnHeaderDragHandle.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = ColumnHeaderDragHandle;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = require("react");
+
+var _react2 = require("@use-gesture/react");
+
+var _color = _interopRequireDefault(require("color"));
+
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
+var Handle = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
+  target: "eln5crp0"
+} : {
+  target: "eln5crp0",
+  label: "Handle"
+})(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    touchAction: 'none',
+    position: 'absolute',
+    zIndex: theme.zIndex.FormControl,
+    cursor: 'col-resize',
+    top: 3,
+    bottom: 3,
+    right: -2,
+    width: 3,
+    borderRadius: 2,
+    ':hover': {
+      boxShadow: "0 0 6px ".concat((0, _color["default"])(theme.palette.primary[3]).fade(0.75)),
+      backgroundColor: theme.palette.primary[2]
+    },
+    // make the hover target larger
+    ':after': {
+      content: '""',
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      right: -6,
+      width: 15
+    }
+  };
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbHVtbkhlYWRlckRyYWdIYW5kbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1lIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9EYXRhR3JpZC9jb21wb25lbnRzL0NvbHVtbkhlYWRlckRyYWdIYW5kbGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB1c2VSZWYgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZURyYWcgfSBmcm9tICdAdXNlLWdlc3R1cmUvcmVhY3QnXG5pbXBvcnQgY29sb3IgZnJvbSAnY29sb3InXG5pbXBvcnQgdHlwZSB7IEludGVybmFsUmVzaXplSGFuZGxlciB9IGZyb20gJy4uL3R5cGVzJ1xuXG5jb25zdCBIYW5kbGUgPSBzdHlsZWQoJ2RpdicpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHRvdWNoQWN0aW9uOiAnbm9uZScsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB6SW5kZXg6IHRoZW1lLnpJbmRleC5Gb3JtQ29udHJvbCxcbiAgY3Vyc29yOiAnY29sLXJlc2l6ZScsXG4gIHRvcDogMyxcbiAgYm90dG9tOiAzLFxuICByaWdodDogLTIsXG4gIHdpZHRoOiAzLFxuICBib3JkZXJSYWRpdXM6IDIsXG4gICc6aG92ZXInOiB7XG4gICAgYm94U2hhZG93OiBgMCAwIDZweCAke2NvbG9yKHRoZW1lLnBhbGV0dGUucHJpbWFyeVszXSkuZmFkZSgwLjc1KX1gLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzJdXG4gIH0sXG4gIC8vIG1ha2UgdGhlIGhvdmVyIHRhcmdldCBsYXJnZXJcbiAgJzphZnRlcic6IHtcbiAgICBjb250ZW50OiAnXCJcIicsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIGJvdHRvbTogMCxcbiAgICByaWdodDogLTYsXG4gICAgd2lkdGg6IDE1XG4gIH1cbn0pKVxuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBDb2x1bW5IZWFkZXJEcmFnSGFuZGxlKHtcbiAgb25SZXNpemVcbn06IHtcbiAgb25SZXNpemU6IEludGVybmFsUmVzaXplSGFuZGxlclxufSkge1xuICBjb25zdCBwcmV2VmFsdWUgPSB1c2VSZWY8bnVtYmVyIHwgdW5kZWZpbmVkPigpXG4gIGNvbnN0IGJpbmREcmFnID0gdXNlRHJhZyhcbiAgICAoeyBkb3duLCBtb3ZlbWVudDogW214XSB9KSA9PiB7XG4gICAgICBpZiAoZG93bikge1xuICAgICAgICBpZiAoIXByZXZWYWx1ZS5jdXJyZW50KSB7XG4gICAgICAgICAgcHJldlZhbHVlLmN1cnJlbnQgPSBteFxuICAgICAgICB9XG4gICAgICAgIG9uUmVzaXplKHsgeDogbXggLSBwcmV2VmFsdWUuY3VycmVudCB9KVxuICAgICAgICBwcmV2VmFsdWUuY3VycmVudCA9IG14XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBwcmV2VmFsdWUuY3VycmVudCA9IHVuZGVmaW5lZFxuICAgICAgfVxuICAgIH0sXG4gICAgeyBheGlzOiAneCcgfVxuICApXG4gIHJldHVybiAoXG4gICAgPEhhbmRsZVxuICAgICAgey4uLmJpbmREcmFnKCl9XG4gICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj1cImRhdGFncmlkLXJlc2l6ZS1oYW5kbGVcIlxuICAgICAgb25DbGljaz17ZXZlbnQgPT4gZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCl9XG4gICAgLz5cbiAgKVxufVxuIl19 */");
+
+function ColumnHeaderDragHandle(_ref2) {
+  var onResize = _ref2.onResize;
+  var prevValue = (0, _react.useRef)();
+  var bindDrag = (0, _react2.useDrag)(function (_ref3) {
+    var down = _ref3.down,
+        _ref3$movement = _slicedToArray(_ref3.movement, 1),
+        mx = _ref3$movement[0];
+
+    if (down) {
+      if (!prevValue.current) {
+        prevValue.current = mx;
+      }
+
+      onResize({
+        x: mx - prevValue.current
+      });
+      prevValue.current = mx;
+    } else {
+      prevValue.current = undefined;
+    }
+  }, {
+    axis: 'x'
+  });
+  return (0, _jsxRuntime.jsx)(Handle, _objectSpread(_objectSpread({
+    "data-gs": gs("src", "datagrid", "components", "column-header-drag-handle", "handle")
+  }, bindDrag()), {}, {
+    "data-instrumentation": "datagrid-resize-handle",
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    }
+  }));
+}

package/dist/es/DataGrid/components/ScrollableTable.d.ts

@@ -57,7 +57,7 @@ declare class ScrollableTable extends PureComponent<TableProps, ScrollableTableS
         column: any;
         index: any;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    createRow: ({ rowIndex: index, isScrolling, key, parent, style }: {
+    createRow: ({ rowIndex, isScrolling, key, parent, style }: {
         rowIndex: any;
         isScrolling: any;
         key: any;

package/dist/es/DataGrid/elements.d.ts

@@ -20,6 +20,7 @@ export declare const ColumnHeaderActionsContainer: StyledComponent<{
 declare type ColumnHeaderContainerProps = {
     clickable?: boolean;
     active?: boolean;
+    isFirst?: boolean;
     isLast?: boolean;
 };
 export declare const ColumnHeaderContainer: StyledComponent<{
@@ -38,6 +39,7 @@ declare type CellProps = {
     editable?: boolean;
     indent?: boolean;
     input?: boolean;
+    isFirst?: boolean;
     isLast?: boolean;
     modified?: boolean;
     rightAlign?: boolean;
@@ -120,11 +122,13 @@ export declare const SelectWrapper: StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SymbolDropdownIcon: StyledComponent<((import("react").SVGProps<SVGSVGElement> | (import("react").SVGProps<SVGSVGElement> & {
+export declare const SymbolDropdownIcon: StyledComponent<(import("react").SVGProps<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}) | (import("react").SVGProps<SVGSVGElement> & {
     children?: import("react").ReactNode;
-})) & {
+} & {
     theme?: import("@emotion/react").Theme | undefined;
-}) & {}, {}, {}>;
+}), {}, {}>;
 declare type CellBodyProps = {
     type: string;
     rightAlign?: boolean;