grep-components 1.20.0-grepf-1816.1 → 1.20.0-grepf-1794.1

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

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { SelectProps } from '@mui/material';
+import { SelectProps, InputBaseComponentProps } from '@mui/material';
 export interface SelectItem {
     value: string | number;
     label?: string;
@@ -13,6 +13,7 @@ export interface GrepSelectProps extends SelectProps {
     selectItems: SelectItem[];
     unselectOption?: boolean;
     useCheckedSelect?: boolean;
+    inputProps?: InputBaseComponentProps | undefined;
 }
 declare const _default: React.ComponentType<GrepSelectProps>;
 export default _default;

package/dist/components/GrepTable/components/grep-table-header-cell.d.ts

@@ -4,7 +4,6 @@ import { TableColumn } from '..';
 interface Properties<T> extends TableSortLabelProps {
     column: TableColumn<T>;
     onSortBy?: (row: T) => void;
-    empty?: boolean;
 }
 declare type Component<T> = React.FunctionComponent<Properties<T>>;
 export declare const TableHeaderCell: Component<any>;

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

@@ -9,6 +9,8 @@ export interface SearchBarProps {
     onClear: () => void;
     onSearchAll?: () => void;
     onInputChange: (value: string) => void;
+    id?: string;
+    title?: string;
 }
 declare const _default: React.ComponentType<SearchBarProps>;
 export default _default;

package/dist/index.js

@@ -3438,14 +3438,14 @@ var useTableHeaderStyles = makeStyles()(function (_theme, _a) {
 });
 
 var TableHeaderCell = function (_a) {
-    var column = _a.column, onSortBy = _a.onSortBy, direction = _a.direction, active = _a.active, children = _a.children, _b = _a.empty, empty = _b === void 0 ? false : _b, props = __rest$1(_a, ["column", "onSortBy", "direction", "active", "children", "empty"]);
+    var column = _a.column, onSortBy = _a.onSortBy, direction = _a.direction, active = _a.active, children = _a.children, props = __rest$1(_a, ["column", "onSortBy", "direction", "active", "children"]);
     var classes = useTableHeaderStyles({ column: column }).classes;
     var sortable = !!(onSortBy && column.sortable);
-    if (sortable && !empty) {
-        return (React__default.createElement(TableCell, __assign({ variant: empty ? 'body' : 'head', className: classes.th }, props),
+    if (sortable) {
+        return (React__default.createElement(TableCell, __assign({ variant: "head", className: classes.th }, props),
             React__default.createElement(TableSortLabel, { active: active, direction: direction }, children)));
     }
-    return empty ? (React__default.createElement("td", { className: classes.th }, children)) : (React__default.createElement(TableCell, __assign({ variant: empty ? 'body' : 'head', className: classes.th }, props), children));
+    return (React__default.createElement(TableCell, __assign({ variant: "head", className: classes.th }, props), children));
 };
 
 var TableHeader = function (_a) {
@@ -3457,7 +3457,7 @@ var TableHeader = function (_a) {
         React__default.createElement(TableRow, null, headerColumns.map(function (column, index) {
             var sortable = !!(onSortBy && column.sortable);
             var label = column.label, colDef = column.colDef;
-            return (React__default.createElement(TableHeaderCell, { key: index, empty: !label, column: column, direction: sortDirection, active: sortable ? sortBy === colDef : undefined, onClick: function () { return sortable && onSortBy(column); }, onKeyDown: onActivation(function (e) {
+            return (React__default.createElement(TableHeaderCell, { key: index, column: column, direction: sortDirection, active: sortable ? sortBy === colDef : undefined, onClick: function () { return sortable && onSortBy(column); }, onKeyDown: onActivation(function (e) {
                     if (sortable) {
                         e.preventDefault();
                         onSortBy(column);
@@ -3500,6 +3500,9 @@ var PaginationActions = function (_a) {
 var GrepTablePagination = function (props) {
     var classes = usePaginationStyles().classes;
     return (React__default.createElement(TablePagination, __assign({ classes: classes, rowsPerPageOptions: props.rowsPerPageOptions || [5, 10, 25, 50], SelectProps: {
+            inputProps: {
+                title: 'Velg antall elementer',
+            },
             style: {
                 gridArea: 'left',
                 justifySelf: 'start',
@@ -3832,7 +3835,13 @@ var SearchBar = function (props) {
             } },
             React.createElement(Box, { className: classes.icon },
                 React.createElement(Search, null)),
-            React.createElement(TextField, { role: "search", className: classes.input, value: value, variant: "standard", inputRef: inputRef, onChange: _handleChange, autoFocus: props.autoFocus, placeholder: props.placeholder, InputProps: { disableUnderline: true, fullWidth: true } }),
+            React.createElement(TextField, { id: props.id, role: "search", className: classes.input, value: value, variant: "standard", inputRef: inputRef, onChange: _handleChange, autoFocus: props.autoFocus, placeholder: props.placeholder, InputProps: {
+                    disableUnderline: true,
+                    fullWidth: true,
+                    inputProps: {
+                        title: props.title,
+                    },
+                } }),
             React.createElement(Box, { className: classes.icon, style: { cursor: 'pointer' } }, !!value.length && (React.createElement(Close, { "data-testid": "searchBarClearBtn", tabIndex: 0, onClick: _handleClear, onKeyPress: keyboard.onActivation(_handleClear) })))),
         React.createElement("div", { style: { display: 'flex', alignItems: 'center' } },
             props.helpText && (React.createElement(Typography, { className: classes.helptext }, props.helpText)),
@@ -3955,7 +3964,7 @@ var GrepSelect = function (props) {
     React.useEffect(function () {
         setLabelWidth(inputLabel.current.offsetWidth);
     }, []);
-    var _b = props.unselectOption, unselectOption = _b === void 0 ? true : _b, errorMessage = props.errorMessage, selectItems = props.selectItems, helperText = props.helperText, fullWidth = props.fullWidth, outlined = props.outlined, disabled = props.disabled, required = props.required, label = props.label, value = props.value, size = props.size, id = props.id, useCheckedSelect = props.useCheckedSelect, rest = __rest$1(props, ["unselectOption", "errorMessage", "selectItems", "helperText", "fullWidth", "outlined", "disabled", "required", "label", "value", "size", "id", "useCheckedSelect"]);
+    var _b = props.unselectOption, unselectOption = _b === void 0 ? true : _b, errorMessage = props.errorMessage, selectItems = props.selectItems, helperText = props.helperText, fullWidth = props.fullWidth, outlined = props.outlined, disabled = props.disabled, required = props.required, label = props.label, inputProps = props.inputProps, value = props.value, size = props.size, id = props.id, useCheckedSelect = props.useCheckedSelect, rest = __rest$1(props, ["unselectOption", "errorMessage", "selectItems", "helperText", "fullWidth", "outlined", "disabled", "required", "label", "inputProps", "value", "size", "id", "useCheckedSelect"]);
     var error = errorMessage ? errorMessage.length > 0 : false;
     var selected = value;
     return (React.createElement(FormControl, { variant: outlined ? 'outlined' : 'standard', className: props.className, fullWidth: fullWidth, required: required, style: props.style, error: error, size: size, disabled: disabled },
@@ -3963,7 +3972,7 @@ var GrepSelect = function (props) {
                 minWidth: 'max-content',
                 overflow: 'visible',
             } }, label),
-        React.createElement(Select, __assign({}, rest, { inputProps: { id: id }, disabled: !selectItems || disabled, value: value === null ? '' : value, style: { minWidth: labelWidth + (outlined ? 35 : 25) }, 
+        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: {