@useblu/ocean-react 1.37.0 → 1.38.0

package/index.js

@@ -4969,10 +4969,12 @@ var Carousel = function (_a) {
 function useInputFilled(_a) {
     var value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange;
     var _b = e.useState(Boolean(value || defaultValue)), filled = _b[0], setFilled = _b[1];
+    var _c = e.useState(value || defaultValue), inputValue = _c[0], setInputValue = _c[1];
     var handleChange = e.useCallback(function (event) {
         if (onChange)
             return onChange(event);
         setFilled(Boolean(event.target.value));
+        setInputValue(event.target.value);
     }, [onChange]);
     e.useEffect(function () {
         setFilled(Boolean(value));
@@ -4980,7 +4982,7 @@ function useInputFilled(_a) {
     e.useEffect(function () {
         setFilled(Boolean(defaultValue));
     }, [defaultValue]);
-    return { filled: filled, handleChange: handleChange };
+    return { inputValue: inputValue, filled: filled, handleChange: handleChange };
 }
 
 function FormLabelBase(_a, ref) {
@@ -5007,7 +5009,7 @@ var FormControl = function (_a) {
 };
 
 var Input = e__default["default"].forwardRef(function Input(_a, ref) {
-    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$1(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
+    var type = _a.type, label = _a.label, helperText = _a.helperText, error = _a.error, disabled = _a.disabled, defaultValue = _a.defaultValue, placeholder = _a.placeholder, tooltipMessage = _a.tooltipMessage, position = _a.position, adornment = _a.adornment, className = _a.className, id = _a.id, onChange = _a.onChange, value = _a.value, rest = __rest$1(_a, ["type", "label", "helperText", "error", "disabled", "defaultValue", "placeholder", "tooltipMessage", "position", "adornment", "className", "id", "onChange", "value"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
@@ -5015,7 +5017,7 @@ var Input = e__default["default"].forwardRef(function Input(_a, ref) {
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e__default["default"].createElement(FormControl, { label: label, tooltipMessage: tooltipMessage, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
         e__default["default"].createElement("div", { className: classNames('ods-input', filled && 'ods-input--filled', disabled && 'ods-input--disabled', error && 'ods-input--error', position === 'left' && 'ods-input--left', adornment && !filled ? 'ods-input--disabled--text' : '', className) },
-            e__default["default"].createElement("input", __assign$1({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, value: value }, rest)),
+            e__default["default"].createElement("input", __assign$1({ ref: ref, type: type || 'text', id: id, disabled: disabled, onChange: handleChange, defaultValue: defaultValue, placeholder: placeholder, value: value }, rest)),
             adornment && (e__default["default"].createElement("div", { className: classNames('ods-input__adornment', {
                     'ods-input__adornment--placeholder': !filled
                 }) }, adornment)))));
@@ -5058,14 +5060,14 @@ var Link = e.forwardRef(function Link(_a, ref) {
 });
 
 var TextArea = e__default["default"].forwardRef(function TextArea(_a, ref) {
-    var className = _a.className, label = _a.label, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
+    var className = _a.className, label = _a.label, placeholder = _a.placeholder, helperText = _a.helperText, error = _a.error, id = _a.id, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, defaultValue = _a.defaultValue, rest = __rest$1(_a, ["className", "label", "placeholder", "helperText", "error", "id", "disabled", "onChange", "value", "defaultValue"]);
     var _b = useInputFilled({
         defaultValue: defaultValue,
         value: value,
         onChange: onChange
     }), filled = _b.filled, handleChange = _b.handleChange;
     return (e__default["default"].createElement(FormControl, { label: label, htmlFor: id, helperText: helperText, error: error, disabled: disabled },
-        e__default["default"].createElement("textarea", __assign$1({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, defaultValue: defaultValue, value: value }, rest))));
+        e__default["default"].createElement("textarea", __assign$1({ ref: ref, id: id, className: classNames('ods-textarea', filled && 'ods-textarea--filled', error && 'ods-textarea--error', className), disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: value }, rest))));
 });
 
 var Context = e__default["default"].createContext({});
@@ -8250,24 +8252,22 @@ function IconButtonBase(_a, ref) {
 var IconButton = e__default["default"].forwardRef(IconButtonBase);
 
 var Search = e__default["default"].forwardRef(function Input(_a, ref) {
-    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, onChange = _a.onChange, rest = __rest$1(_a, ["className", "id", "disabled", "value", "defaultValue", "onChange"]);
-    var _b = e.useState(defaultValue || value), inputValue = _b[0], setInputValue = _b[1];
+    var className = _a.className, id = _a.id, disabled = _a.disabled, value = _a.value, defaultValue = _a.defaultValue, placeholder = _a.placeholder, onChange = _a.onChange, rest = __rest$1(_a, ["className", "id", "disabled", "value", "defaultValue", "placeholder", "onChange"]);
+    var _b = useInputFilled({
+        defaultValue: defaultValue,
+        value: value,
+        onChange: onChange
+    }), inputValue = _b.inputValue, filled = _b.filled, handleChange = _b.handleChange;
     return (e__default["default"].createElement(FormControl, { htmlFor: id, disabled: disabled },
-        e__default["default"].createElement("div", { className: classNames('ods-search', inputValue && 'ods-search--filled', disabled && 'ods-search--disabled', className) },
+        e__default["default"].createElement("div", { className: classNames('ods-search', filled && 'ods-search--filled', disabled && 'ods-search--disabled', className) },
             e__default["default"].createElement("div", { className: "ods-search__adornment" },
                 e__default["default"].createElement(jt, null)),
-            e__default["default"].createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onChange: function (e) {
-                    setInputValue(e.target.value);
-                    if (onChange)
-                        onChange(e);
-                }, value: inputValue }, rest)),
-            inputValue && (e__default["default"].createElement(IconButton, { "data-testid": "close", onClick: function () {
-                    setInputValue('');
+            e__default["default"].createElement("input", __assign$1({ ref: ref, type: "text", id: id, disabled: disabled, onChange: handleChange, placeholder: placeholder, defaultValue: defaultValue, value: inputValue || '' }, rest)),
+            filled && (e__default["default"].createElement(IconButton, { "data-testid": "close", onClick: function () {
                     var e = {
                         target: { value: '' }
                     };
-                    if (onChange)
-                        onChange(e);
+                    handleChange(e);
                 }, className: "ods-search__clean", size: "sm" },
                 e__default["default"].createElement(Ma, null))))));
 });