grep-components 1.16.0-grepf-1829.4 → 1.16.0-grepf-1693.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/index.js

@@ -4916,11 +4916,9 @@ var useStyles$b = makeStyles()({
         textOverflow: 'ellipsis',
         whiteSpace: 'nowrap',
         fontWeight: 'bold',
-        lineHeight: '16px',
     },
     link: {
         fontSize: 16,
-        margin: 'auto 0',
         textDecoration: 'none',
         '&:hover': {
             textDecoration: 'underline',
@@ -4950,7 +4948,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: "auto 8px", height: "fit-content" /*lineHeight="20px"*/ }, ">")))) : (React__default.createElement(Tooltip, { key: index, title: showTooltip ? crumb.label : '' },
+            index !== breadcrumbs.length - 1 && React__default.createElement(Box, { margin: "0 8px" }, ">"))) : (React__default.createElement(Tooltip, { key: index, title: showTooltip ? crumb.label : '' },
             React__default.createElement("div", { className: classes.current, ref: ref }, crumb.label)));
     })));
 };
@@ -5626,7 +5624,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;
@@ -5654,7 +5652,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) {