grep-components 1.22.0-GREPF-2004.1 → 1.23.0

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

@@ -44,6 +44,7 @@ export interface GrepTableProps<T> extends Pick<TableProps, 'size' | 'stickyHead
     rowHeight?: number;
     disableSelectOnClick?: boolean;
     underlineOnFocus?: boolean;
+    rowTabIndex?: number;
 }
 interface StyleProps {
     outlined?: boolean;
@@ -67,6 +68,6 @@ export declare const useStyles: (params: StyleProps, styleOverrides?: {
  * @todo enhance page handling
  *
  */
-export declare const GrepTable: <T>({ placeholderText, dropdownItems, isRowDisabled, pagination, outlined, columns, header, data, onSelectedRowChange, sortBy, sortDirection, onSortBy, onRowClick, size, caption, stickyHeader, padding, disableSelectOnClick, menuButtonLabel, underlineOnFocus, ...props }: GrepTableProps<T>) => JSX.Element;
+export declare const GrepTable: <T>({ placeholderText, dropdownItems, isRowDisabled, pagination, outlined, columns, header, data, onSelectedRowChange, sortBy, sortDirection, onSortBy, onRowClick, size, caption, stickyHeader, padding, disableSelectOnClick, menuButtonLabel, underlineOnFocus, rowTabIndex, ...props }: GrepTableProps<T>) => JSX.Element;
 export { GrepTableRow };
 export default GrepTable;

package/dist/index.js

@@ -3126,8 +3126,7 @@ var CollapsableMenu = function (_a) {
 var TooltipMenuItem = function (_a) {
     var children = _a.children, tooltipText = _a.tooltipText, disabled = _a.disabled, props = __rest$1(_a, ["children", "tooltipText", "disabled"]);
     return (React__default.createElement(Tooltip, { title: tooltipText },
-        React__default.createElement("span", null,
-            React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled }, props), children))));
+        React__default.createElement(MenuItem, __assign({ role: "menuitem", disabled: disabled, sx: { pointerEvents: 'inherit !important' } }, props), children)));
 };
 
 var useStyles$g = makeStyles()(function (_a, _b) {
@@ -3495,7 +3494,7 @@ var GrepTableRow = function (_a) {
     var render = function (column, index) { return (React__default.createElement(GrepTableRow$1, __assign({ key: index }, { column: column, row: row, variant: variant, selected: selected }))); };
     return (React__default.createElement(TableRow, __assign({ sx: {
             ':focus': { textDecoration: underlineOnFocus ? 'underline' : 'none' },
-        } }, __assign({ selected: selected }, props)), columns.map(render)));
+        }, tabIndex: props.tabIndex }, __assign({ selected: selected }, props)), columns.map(render)));
 };
 
 var usePaginationActionStyles = makeStyles()(function (_a) {
@@ -3663,7 +3662,7 @@ var getElementIndex = function (el) {
  *
  */
 var GrepTable = function (_a) {
-    var placeholderText = _a.placeholderText, dropdownItems = _a.dropdownItems, isRowDisabled = _a.isRowDisabled, pagination = _a.pagination, outlined = _a.outlined, columns = _a.columns, header = _a.header, data = _a.data, onSelectedRowChange = _a.onSelectedRowChange, sortBy = _a.sortBy, sortDirection = _a.sortDirection, onSortBy = _a.onSortBy, onRowClick = _a.onRowClick, size = _a.size, caption = _a.caption, stickyHeader = _a.stickyHeader, padding = _a.padding, _b = _a.disableSelectOnClick, disableSelectOnClick = _b === void 0 ? false : _b, menuButtonLabel = _a.menuButtonLabel, underlineOnFocus = _a.underlineOnFocus, props = __rest$1(_a, ["placeholderText", "dropdownItems", "isRowDisabled", "pagination", "outlined", "columns", "header", "data", "onSelectedRowChange", "sortBy", "sortDirection", "onSortBy", "onRowClick", "size", "caption", "stickyHeader", "padding", "disableSelectOnClick", "menuButtonLabel", "underlineOnFocus"]);
+    var placeholderText = _a.placeholderText, dropdownItems = _a.dropdownItems, isRowDisabled = _a.isRowDisabled, pagination = _a.pagination, outlined = _a.outlined, columns = _a.columns, header = _a.header, data = _a.data, onSelectedRowChange = _a.onSelectedRowChange, sortBy = _a.sortBy, sortDirection = _a.sortDirection, onSortBy = _a.onSortBy, onRowClick = _a.onRowClick, size = _a.size, caption = _a.caption, stickyHeader = _a.stickyHeader, padding = _a.padding, _b = _a.disableSelectOnClick, disableSelectOnClick = _b === void 0 ? false : _b, menuButtonLabel = _a.menuButtonLabel, underlineOnFocus = _a.underlineOnFocus, rowTabIndex = _a.rowTabIndex, props = __rest$1(_a, ["placeholderText", "dropdownItems", "isRowDisabled", "pagination", "outlined", "columns", "header", "data", "onSelectedRowChange", "sortBy", "sortDirection", "onSortBy", "onRowClick", "size", "caption", "stickyHeader", "padding", "disableSelectOnClick", "menuButtonLabel", "underlineOnFocus", "rowTabIndex"]);
     var _c = __read(React__default.useState(props.rowsPerPage || 10), 2), rowsPerPage = _c[0], setRowsPerPage = _c[1];
     var _d = __read(React__default.useState(null), 2), menuAnchor = _d[0], setMenuAnchor = _d[1];
     var _e = __read(React__default.useState(0), 2), currentPage = _e[0], _setCurrentPage = _e[1];
@@ -3752,7 +3751,7 @@ var GrepTable = function (_a) {
         var clickableRows = !!onRowClick;
         var disabled = isRowDisabled && isRowDisabled(row);
         var rowIndex = index + currentPage * rowsPerPage;
-        return (React__default.createElement(GrepTableRow, { key: rowIndex, "data-index": rowIndex, tabIndex: 0, hover: clickableRows, selected: rowIndex === selectedRowIndex, clickable: clickableRows, onMouseDown: function (_a) {
+        return (React__default.createElement(GrepTableRow, { key: rowIndex, "data-index": rowIndex, tabIndex: rowTabIndex !== null && rowTabIndex !== void 0 ? rowTabIndex : 0, hover: clickableRows, selected: rowIndex === selectedRowIndex, clickable: clickableRows, onMouseDown: function (_a) {
                 var currentTarget = _a.currentTarget;
                 setSelectedElement(currentTarget);
                 if (!disableSelectOnClick) {
@@ -4092,16 +4091,13 @@ var GrepSelect = function (props) {
             } }, label),
         React.createElement(Select, __assign({}, rest, { inputProps: __assign({ id: id }, inputProps), disabled: !selectItems || disabled, value: value === null ? '' : value, style: { minWidth: labelWidth + (outlined ? 35 : 25) }, 
             // @todo: make input respect label length
-            input: outlined ? React.createElement(OutlinedInput, { label: label }) : React.createElement(Input, null), MenuProps: {
-                anchorOrigin: {
+            input: outlined ? React.createElement(OutlinedInput, { label: label }) : React.createElement(Input, null), MenuProps: __assign(__assign({}, rest.MenuProps), { anchorOrigin: {
                     vertical: 'bottom',
                     horizontal: 'center',
-                },
-                transformOrigin: {
+                }, transformOrigin: {
                     vertical: 'top',
                     horizontal: 'center',
-                },
-            } }),
+                } }) }),
             unselectOption && (React.createElement(MenuItem, { value: "" },
                 React.createElement("em", null, "Fjern valgt"))),
             selectItems.map(function (_a, i) {
@@ -21909,7 +21905,7 @@ var GrepTableOfContentNav = function (props) {
         });
     }, [ref]);
     var onKeyDown = function (e) {
-        if (selected && e.which === Key_enum.Key.Tab) {
+        if (selected && e.which === Key_enum.Key.Tab && e.shiftKey === false) {
             var tabindex_1 = selected.getAttribute('tabindex');
             selected.setAttribute('tabindex', '0');
             selected.focus();