grep-components 1.16.0-grepf-1693.3 → 1.16.0-grepf-1829.5

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' | 'margin' | 'sx'>;
+declare type InputProps = Pick<TextFieldProps, 'id' | 'variant' | 'label' | 'fullWidth' | 'placeholder' | 'helperText' | 'required' | 'onFocus'>;
 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' | 'margin' | 'sx'>;
+declare type CommonProperties = Pick<GrepDatePickerProps, 'variant'>;
 interface Props extends CommonProperties {
     from: Omit<GrepDatePickerProps, 'onChange'>;
     to: Omit<GrepDatePickerProps, 'onChange'>;

package/dist/index.js

@@ -4912,13 +4912,14 @@ var useStyles$b = makeStyles()({
         fontSize: 16,
     },
     current: {
-        overflow: 'hidden',
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         fontWeight: 'bold',
+        lineHeight: '16px',
     },
     link: {
         fontSize: 16,
+        margin: 'auto 0',
         textDecoration: 'none',
         '&:hover': {
             textDecoration: 'underline',
@@ -4948,7 +4949,7 @@ var GrepCrumbs = function (_a) {
     return (React__default.createElement("div", { className: classes.container, style: style }, breadcrumbs.map(function (crumb, index) {
         return crumb.path ? (React__default.createElement(Box, { key: index, display: "flex" },
             React__default.createElement(Link, { className: classes.link, tabIndex: 0, component: "button", onClick: function () { return handleClick(crumb); } }, crumb.label),
-            index !== breadcrumbs.length - 1 && React__default.createElement(Box, { margin: "0 8px" }, ">"))) : (React__default.createElement(Tooltip, { key: index, title: showTooltip ? crumb.label : '' },
+            index !== breadcrumbs.length - 1 && (React__default.createElement(Box, { margin: "auto 8px", height: "fit-content" /*lineHeight="20px"*/ }, ">")))) : (React__default.createElement(Tooltip, { key: index, title: showTooltip ? crumb.label : '' },
             React__default.createElement("div", { className: classes.current, ref: ref }, crumb.label)));
     })));
 };
@@ -5125,10 +5126,7 @@ 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: {
@@ -5147,7 +5145,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, { sx: { margin: '0px', span: { lineHeight: '1.4375em' } }, primary: label ? label : value })));
+                    React.createElement(ListItemText, { primary: label ? label : value })));
             })),
         React.createElement(FormHelperText, null, errorMessage || helperText)));
 };
@@ -5627,7 +5625,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, margin = _a.margin, sx = _a.sx, props = __rest$1(_a, ["id", "label", "value", "variant", "onChange", "errorMessage", "placeholder", "fullWidth", "required", "onFocus", "margin", "sx"]);
+    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 _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;
@@ -5655,7 +5653,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, sx: sx, margin: margin, 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, error: !!error || !!errorMessage }, (helperText && { helperText: helperText })))); } }, props))));
 };
 
 var GrepDateRange = function (_a) {