grep-components 1.19.0-GREPF-1798.2 → 1.19.1

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

@@ -4,7 +4,7 @@ import { DatePickerProps } from '@mui/x-date-pickers';
 import { TextFieldProps } from '@mui/material';
 import '../../utils/dateHelper';
 import { ParseableDate } from '../../utils/dateHelper';
-declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus'>;
+declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus' | 'margin' | 'sx'>;
 export interface GrepDatePickerProps extends Omit<DatePickerProps<Dayjs, Dayjs>, 'value' | 'renderInput'>, InputProps {
     value?: ParseableDate | null;
     errorMessage?: string;

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

@@ -2,7 +2,7 @@ import React from 'react';
 import { GridSpacing } from '@mui/material';
 import { DateRangeValue } from '../../utils/dateHelper';
 import { GrepDatePickerProps } from '../GrepDatePicker';
-declare type CommonProperties = Pick<GrepDatePickerProps, 'variant'>;
+declare type CommonProperties = Pick<GrepDatePickerProps, 'variant' | 'margin' | 'sx'>;
 interface Props extends CommonProperties {
     from: Omit<GrepDatePickerProps, 'onChange'>;
     to: Omit<GrepDatePickerProps, 'onChange'>;

package/dist/components/GrepEditor/components/editor.d.ts

@@ -17,7 +17,6 @@ export interface Properties {
     disableNewlines?: boolean;
     stripPastedStyles?: boolean;
     blockPasting?: boolean;
-    lang?: string;
     /**
      * Undefined: allow all styles.
      * Empty array: disable all styles.

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

@@ -4,7 +4,6 @@ export interface SelectItem {
     value: string | number;
     label?: string;
     disabled?: boolean;
-    lang?: string;
 }
 export interface GrepSelectProps extends SelectProps {
     label: string;

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

@@ -11,7 +11,6 @@ export interface TableColumn<T> extends Pick<TableCellProps, 'padding' | 'sx'> {
     getTooltip?: (row: T) => string;
     getCell: (row: T) => string | number | boolean | JSX.Element;
     lines?: (row: T) => number;
-    lang?: string | ((row: T) => string);
 }
 export interface GrepTableProps<T> extends Pick<TableProps, 'size' | 'stickyHeader' | 'padding'> {
     data: T[];

package/dist/index.js

@@ -3139,7 +3139,7 @@ var CollapsableMenuItem = function (_a) {
                     return window.dispatchEvent(new Event('resize'));
                 });
             } }, items)))); };
-    return tooltipText ? (React__default.createElement(TooltipMenuItem, { className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, disabled: disabled, selected: open, onClick: handleClick, onKeyDown: handleKey }, renderInner())) : (React__default.createElement(MenuItem, __assign({ className: classes.root, ref: listItemRef, selected: open, disabled: disabled, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
+    return tooltipText ? (React__default.createElement(TooltipMenuItem, { className: classes.root, tooltipText: tooltipText, onMouseOver: function (e) { return e.currentTarget.focus(); }, disabled: disabled, selected: open, onClick: handleClick, onKeyDown: handleKey }, renderInner())) : (React__default.createElement(MenuItem, __assign({ className: classes.root, ref: listItemRef, selected: open, onClick: handleClick, onKeyDown: handleKey }, props), renderInner()));
 };
 
 var useStyles$f = makeStyles()(function (_a) {
@@ -3368,9 +3368,9 @@ var CellValue = styled('span')({
 });
 var GrepTableRow$1 = function (_a) {
     var row = _a.row, column = _a.column, selected = _a.selected, props = __rest$1(_a, ["row", "column", "selected"]);
-    var forceTooltip = column.forceTooltip, getTooltip = column.getTooltip, getCell = column.getCell, lang = column.lang, _b = column.lines, lines = _b === void 0 ? function () { return (selected ? undefined : 1); } : _b;
+    var forceTooltip = column.forceTooltip, getTooltip = column.getTooltip, getCell = column.getCell, _b = column.lines, lines = _b === void 0 ? function () { return (selected ? undefined : 1); } : _b;
     var padding = column.padding;
-    var value = (React__default.createElement(CellValue, { style: { WebkitLineClamp: lines(row) }, lang: typeof lang === 'string' ? lang : lang ? lang(row) : '' }, getCell(row)));
+    var value = (React__default.createElement(CellValue, { style: { WebkitLineClamp: lines(row) } }, getCell(row)));
     if (forceTooltip || getTooltip) {
         return (React__default.createElement(TableCell, __assign({ padding: padding }, props),
             React__default.createElement(OverflowTooltip, { force: forceTooltip, title: getTooltip ? getTooltip(row) : value }, value)));
@@ -3959,7 +3959,10 @@ var GrepSelect = function (props) {
     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 },
-        React.createElement(InputLabel, { htmlFor: id, ref: inputLabel, style: { minWidth: 'max-content', overflow: 'visible' } }, label),
+        React.createElement(InputLabel, { htmlFor: id, ref: inputLabel, style: {
+                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) }, 
             // @todo: make input respect label length
             input: outlined ? React.createElement(OutlinedInput, { label: label }) : React.createElement(Input, null), MenuProps: {
@@ -3975,10 +3978,10 @@ var GrepSelect = function (props) {
             unselectOption && (React.createElement(MenuItem, { value: "" },
                 React.createElement("em", null, "Fjern valgt"))),
             selectItems.map(function (_a, i) {
-                var label = _a.label, value = _a.value, disabled = _a.disabled, lang = _a.lang;
-                return (React.createElement(MenuItem, { key: i, value: value, disabled: disabled, lang: lang },
+                var label = _a.label, value = _a.value, disabled = _a.disabled;
+                return (React.createElement(MenuItem, { key: i, value: value, disabled: disabled },
                     useCheckedSelect && (React.createElement(Checkbox, { checked: (selected === null || selected === void 0 ? void 0 : selected.indexOf(value)) > -1 })),
-                    React.createElement(ListItemText, { primary: label ? label : value })));
+                    React.createElement(ListItemText, { sx: { margin: '0px', span: { lineHeight: '1.4375em' } }, primary: label ? label : value })));
             })),
         React.createElement(FormHelperText, null, errorMessage || helperText)));
 };
@@ -4458,7 +4461,7 @@ var useContentElements = function (container, selector, options) {
 };
 
 var DatePicker = function (_a) {
-    var id = _a.id, label = _a.label, value = _a.value, variant = _a.variant, onChange = _a.onChange, errorMessage = _a.errorMessage, placeholder = _a.placeholder, fullWidth = _a.fullWidth, required = _a.required, onFocus = _a.onFocus, props = __rest$1(_a, ["id", "label", "value", "variant", "onChange", "errorMessage", "placeholder", "fullWidth", "required", "onFocus"]);
+    var id = _a.id, label = _a.label, value = _a.value, variant = _a.variant, onChange = _a.onChange, errorMessage = _a.errorMessage, placeholder = _a.placeholder, fullWidth = _a.fullWidth, required = _a.required, onFocus = _a.onFocus, margin = _a.margin, sx = _a.sx, props = __rest$1(_a, ["id", "label", "value", "variant", "onChange", "errorMessage", "placeholder", "fullWidth", "required", "onFocus", "margin", "sx"]);
     var _b = __read(useDate(value), 2), date = _b[0], setDate = _b[1];
     var _c = __read(useState(), 2), error = _c[0], setError = _c[1];
     var helperText = errorMessage || error || props.helperText;
@@ -4486,7 +4489,7 @@ var DatePicker = function (_a) {
                     default:
                         setError(undefined);
                 }
-            }, value: date, onChange: setDate, renderInput: function (params) { return (React__default.createElement(TextField, __assign({ id: id }, params, { label: label, variant: variant, onFocus: onFocus, required: required, fullWidth: fullWidth, placeholder: placeholder, error: !!error || !!errorMessage }, (helperText && { helperText: helperText })))); } }, props))));
+            }, value: date, onChange: setDate, renderInput: function (params) { return (React__default.createElement(TextField, __assign({ id: id }, params, { label: label, variant: variant, onFocus: onFocus, required: required, fullWidth: fullWidth, placeholder: placeholder, sx: sx, margin: margin, error: !!error || !!errorMessage }, (helperText && { helperText: helperText })))); } }, props))));
 };
 
 var GrepDateRange = function (_a) {
@@ -20486,7 +20489,7 @@ var getCharCount = function (editorState) {
     return editorState.getCurrentContent().getPlainText('').length;
 };
 var EditorComponent = function (_a) {
-    var label = _a.label, classes = _a.classes, autoFocus = _a.autoFocus, helperText = _a.helperText, showCharCount = _a.showCharCount, allowedStyles = _a.allowedStyles, disableNewlines = _a.disableNewlines, onContentChange = _a.onContentChange, _b = _a.Toolbar, Toolbar = _b === void 0 ? FloatingToolbar : _b, blockPasting = _a.blockPasting, lang = _a.lang, props = __rest$1(_a, ["label", "classes", "autoFocus", "helperText", "showCharCount", "allowedStyles", "disableNewlines", "onContentChange", "Toolbar", "blockPasting", "lang"]);
+    var label = _a.label, classes = _a.classes, autoFocus = _a.autoFocus, helperText = _a.helperText, showCharCount = _a.showCharCount, allowedStyles = _a.allowedStyles, disableNewlines = _a.disableNewlines, onContentChange = _a.onContentChange, _b = _a.Toolbar, Toolbar = _b === void 0 ? FloatingToolbar : _b, blockPasting = _a.blockPasting, props = __rest$1(_a, ["label", "classes", "autoFocus", "helperText", "showCharCount", "allowedStyles", "disableNewlines", "onContentChange", "Toolbar", "blockPasting"]);
     var _c = useContext(EditorContext), state = _c.state, setState = _c.setState, setSelection = _c.setSelection;
     var ref = useRef();
     var canStyle = allowedStyles === undefined || allowedStyles.length > 0;
@@ -20555,7 +20558,7 @@ var EditorComponent = function (_a) {
             React__default.createElement("span", { dangerouslySetInnerHTML: { __html: '​' } })),
         label && (React__default.createElement("label", { className: clsx(styles.label, classes === null || classes === void 0 ? void 0 : classes.label) }, label)),
         canStyle && (React__default.createElement(Toolbar, { editor: ref, buttons: buttons })),
-        React__default.createElement(Box, { className: clsx(styles.editor, classes === null || classes === void 0 ? void 0 : classes.editor), lang: lang },
+        React__default.createElement(Box, { className: clsx(styles.editor, classes === null || classes === void 0 ? void 0 : classes.editor) },
             React__default.createElement(Editor, __assign({ ref: ref }, __assign({ editorState: state, onChange: onChange, onFocus: onFocus, onBlur: onBlur, blockStyleFn: blockStyleFn, handleKeyCommand: handleKeyCommand, keyBindingFn: keyBindingFn, handlePastedText: handlePastedText }, props)))),
         (showCharCount || helperText) && (React__default.createElement(Box, { margin: ".5rem" },
             showCharCount && (React__default.createElement(FormHelperText, { className: styles.charcount }, "Antall tegn: ".concat(charCount))),