@galaxy-ds/core 1.1.75 → 1.1.76

package/dist/Autocomplete/Autocomplete.types.d.ts

@@ -27,6 +27,10 @@ export interface AutocompleteProps {
      * If true, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
      */
     freeSolo?: boolean;
+    /**
+     * If true, sets the Autocomplete text field to readonly.
+     */
+    textFieldReadOnly?: boolean;
     /**
      * Used to determine the string value for a given option. It's used to fill the input (and the list box options if renderOption is not provided).
      */

package/dist/index.esm.js

@@ -33339,9 +33339,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 = useState(placeholder), inputPlaceholder = _c[0], setInputPlaceholder = _c[1];
+    var _d = useState(!((_b = rest.defaultValue) === null || _b === void 0 ? void 0 : _b.length) ? placeholder : null), inputPlaceholder = _d[0], setInputPlaceholder = _d[1];
     var root = useRef(null);
     var onKeyDownHandler = function (event) {
         var inputRootEl = root.current.getElementsByClassName('MuiAutocomplete-inputRoot')[0];
@@ -33365,7 +33366,7 @@ var Autocomplete = function (_a) {
     };
     return (React__default.createElement(React__default.Fragment, null,
         label && React__default.createElement(InputLabel, null, label),
-        React__default.createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__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.createElement(MuiAutocomplete, __assign$1({ classes: classes, disableClearable: true, renderInput: function (params) { return (React__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);