grep-components 1.16.0-grepf-1630.1 → 1.16.0-grepf-1693.3

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/index.js

@@ -4857,7 +4857,7 @@ var GrepTable = function (_a) {
         ? data.slice(currentPage * rowsPerPage, currentPage * rowsPerPage + rowsPerPage)
         : data;
     var classes = useStyles$d({ outlined: outlined, showHeader: header }).classes;
-    return (React__default.createElement(TableContainer, { sx: props.style },
+    return (React__default.createElement(TableContainer, { style: props.style },
         React__default.createElement(Table, { className: classes.table, size: size, stickyHeader: stickyHeader, padding: padding },
             caption && React__default.createElement("caption", null, caption),
             React__default.createElement(TableHeader, { className: classes.header, columns: columns, sortBy: sortBy, sortDirection: sortDirection, onSortBy: onSortBy, dropdownItems: dropdownItems }),
@@ -5125,7 +5125,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: {
@@ -5144,7 +5147,7 @@ var GrepSelect = function (props) {
                 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)));
 };
@@ -5624,7 +5627,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;
@@ -5652,7 +5655,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) {