@galaxy-ds/core 1.1.74 → 1.1.76

package/dist/index.js

@@ -33366,9 +33366,10 @@ var useStyles$y = makeStyles(function (theme) {
     });
 });
 var Autocomplete = function (_a) {
-    var label = _a.label, placeholder = _a.placeholder, _b = _a.platform, platform = _b === void 0 ? 'desktop' : _b, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight"]);
+    var _b;
+    var label = _a.label, placeholder = _a.placeholder, _c = _a.platform, platform = _c === void 0 ? 'desktop' : _c, actionLabel = _a.actionLabel, actionClick = _a.actionClick, onChange = _a.onChange, bottomButtonHeight = _a.bottomButtonHeight, textFieldReadOnly = _a.textFieldReadOnly, rest = __rest(_a, ["label", "placeholder", "platform", "actionLabel", "actionClick", "onChange", "bottomButtonHeight", "textFieldReadOnly"]);
     var classes = useStyles$y({ platform: platform, bottomButtonHeight: bottomButtonHeight });
-    var _c = React.useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
+    var _d = React.useState(!((_b = rest.defaultValue) === null || _b === void 0 ? void 0 : _b.length) ? placeholder : null), inputPlaceholder = _d[0], setInputPlaceholder = _d[1];
     var root = React.useRef(null);
     var onKeyDownHandler = function (event) {
         var inputRootEl = root.current.getElementsByClassName('MuiAutocomplete-inputRoot')[0];
@@ -33392,7 +33393,7 @@ var Autocomplete = function (_a) {
     };
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         label && React__default["default"].createElement(InputLabel, null, label),
-        React__default["default"].createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__default["default"].createElement(TextField$1, __assign$1({}, params, { inputProps: __assign$1(__assign$1({}, params.inputProps), { autoComplete: 'new-password' }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
+        React__default["default"].createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__default["default"].createElement(TextField$1, __assign$1({}, params, { inputProps: __assign$1(__assign$1({}, params.inputProps), { autoComplete: "new-password", readOnly: textFieldReadOnly }), placeholder: inputPlaceholder, className: "customLargeSize" }))); }, PaperComponent: CustomPaper, onChange: function (event, value, reason) {
                 value && value.length > 0
                     ? setInputPlaceholder(null)
                     : setInputPlaceholder(placeholder);
@@ -34261,82 +34262,90 @@ function LawconnectIcon(props) {
         React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21.163 119.104a69.739 69.739 0 0049.313 20.426h.133a69.68 69.68 0 0064.35-43.067 69.663 69.663 0 005.281-26.673h-33.528v.042a36.23 36.23 0 01-22.382 33.464 36.236 36.236 0 11-13.853-69.718V.05a69.74 69.74 0 00-49.314 119.054zm119.049-95.585c0 12.962-10.507 23.47-23.469 23.47-12.962 0-23.47-10.508-23.47-23.47S103.782.049 116.744.049s23.469 10.508 23.469 23.47z", fill: "#ecedef" })));
 }
 
-var useStyles$m = makeStyles({
-    root: {
-        '&.gds-header': {
-            overflow: "hidden",
-            backgroundColor: "#F9F9F9",
-            position: "relative",
-            padding: 16,
-            minHeight: 81,
-            display: 'flex',
-            flexDirection: "column",
-        },
-        '& .gds-header_detail': {
-            display: "flex",
-            alignItems: "center",
-            zIndex: 9,
-            position: "relative",
-            minHeight: 21,
-            "& button": {
-                fontSize: 12
-            }
-        },
-        '& .gds-header_accent': {
-            position: "absolute",
-            top: -78,
-            right: 32,
-            zIndex: 1,
-            opacity: '0.7'
-        },
-        '& .gds-header_content': {
-            maxHeight: 77,
-            overflowY: "auto",
-            zIndex: 9,
-            marginTop: 10,
-        },
-        '& .gds-header_divider': {
-            height: 16,
-        },
-        "& .gds-header_info": {
-            paddingTop: 0,
-            paddingBottom: 0,
-            flexWrap: 'nowrap',
-            "& p": {
-                fontWeight: 500,
-                color: "#6d7278",
-                whiteSpace: 'nowrap'
+var useStyles$m = makeStyles(function (theme) {
+    var _a;
+    return ({
+        root: {
+            '&.gds-header': {
+                overflow: 'hidden',
+                backgroundColor: '#F9F9F9',
+                position: 'relative',
+                padding: 16,
+                minHeight: 81,
+                display: 'flex',
+                flexDirection: 'column',
+            },
+            '& .gds-header_detail': {
+                display: 'flex',
+                alignItems: 'center',
+                zIndex: 9,
+                position: 'relative',
+                minHeight: 21,
+                '& button': {
+                    fontSize: 12,
+                },
+            },
+            '& .gds-header_accent': {
+                position: 'absolute',
+                top: -78,
+                right: 32,
+                zIndex: 1,
+                opacity: '0.7',
             },
-            "& .MuiButton-label": {
+            '& .gds-header_content': {
+                maxHeight: 77,
+                overflowY: 'auto',
+                zIndex: 9,
+                marginTop: 10,
+            },
+            '& .gds-header_divider': {
+                height: 16,
+            },
+            '& .gds-header_info': (_a = {
+                    paddingTop: 0,
+                    paddingBottom: 0
+                },
+                _a[theme.breakpoints.down('sm')] = {
+                    justifyContent: 'flex-start',
+                },
+                _a[theme.breakpoints.up('sm')] = {
+                    justifyContent: 'flex-end',
+                },
+                _a['& p'] = {
+                    fontWeight: 500,
+                    color: '#6d7278',
+                    whiteSpace: 'nowrap',
+                },
+                _a['& .MuiButton-label'] = {
+                    top: 0,
+                },
+                _a['& .MuiButtonBase-root'] = {
+                    paddingTop: 0,
+                    paddingBottom: 0,
+                    height: 21,
+                },
+                _a),
+            '&.gds-header-fixed': {
+                position: 'absolute',
                 top: 0,
+                left: 0,
+                right: 0,
+                width: '100%',
             },
-            "& .MuiButtonBase-root": {
-                paddingTop: 0,
-                paddingBottom: 0,
-                height: 21
-            }
-        },
-        "&.gds-header-fixed": {
-            position: 'absolute',
-            top: 0,
-            left: 0,
-            right: 0,
-            width: '100%'
         },
-    },
+    });
 });
 var FormHeader = React__default["default"].forwardRef(function (props, ref) {
     var classes = useStyles$m();
     return (React__default["default"].createElement(Box$2, { className: clsx(classes.root, 'gds-header', props.fixed ? 'gds-header-fixed' : '') },
-        props.hideBranding ? "" :
-            React__default["default"].createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
-                React__default["default"].createElement(LawconnectIcon, { size: "260" })),
-        React__default["default"].createElement(Box$2, { className: clsx(classes.root, 'gds-header_detail') },
-            React__default["default"].createElement(Grid$2, { item: true, xs: 5, className: clsx("gds-toolbar-title") }, props.platformWeb ? (React__default["default"].createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default["default"].createElement(Typography, { variant: "h4", upperCase: true }, props.title))),
-            React__default["default"].createElement(Grid$2, { item: true, xs: 7 },
-                React__default["default"].createElement(Grid$2, { container: true, alignItems: "center", justifyContent: "flex-end", className: clsx(classes.root, 'gds-header_info') },
+        props.hideBranding ? ('') : (React__default["default"].createElement("div", { className: clsx(classes.root, 'gds-header_accent') },
+            React__default["default"].createElement(LawconnectIcon, { size: "260" }))),
+        React__default["default"].createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_detail') },
+            React__default["default"].createElement(Grid$2, { item: true, xs: 12, sm: 5, className: clsx('gds-toolbar-title') }, props.platformWeb ? (React__default["default"].createElement(Typography, { color: "default", variant: "body2", upperCase: true }, props.title)) : (React__default["default"].createElement(Typography, { variant: "h4", upperCase: true }, props.title))),
+            React__default["default"].createElement(Grid$2, { item: true, xs: 12, sm: 7 },
+                React__default["default"].createElement(Grid$2, { container: true, className: clsx(classes.root, 'gds-header_info') },
                     props.from ? (React__default["default"].createElement(Typography, { align: "right", variant: "body2" }, props.from)) : null,
-                    props.from && props.onClick ? React__default["default"].createElement(Divider, { orientation: "vertical" }) : null,
+                    props.from && props.onClick ? (React__default["default"].createElement(Divider, { orientation: "vertical" })) : null,
                     props.onClick ? (React__default["default"].createElement(Button, { color: "primary", variant: "text", onClick: props.onClick }, "Change")) : null))),
         React__default["default"].createElement("div", { className: clsx(classes.root, 'gds-header_content') }, props.children)));
 });