@deque/cauldron-react 6.2.1-canary.0eecc62d → 6.2.1-canary.0efb2078

package/lib/components/SearchField/index.d.ts

@@ -7,6 +7,7 @@ interface SearchFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, '
     onChange?: (value: string, e: ChangeEvent<HTMLInputElement>) => void;
     hideLabel?: boolean;
     isForm?: boolean;
+    trailingChildren?: React.ReactNode;
 }
 declare const SearchField: React.ForwardRefExoticComponent<SearchFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default SearchField;

package/lib/index.js

@@ -2433,7 +2433,7 @@ var TextFieldWrapper = React.forwardRef(function (_a, ref) {
 TextFieldWrapper.displayName = 'TextFieldWrapper';
 
 var SearchField = React.forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.hideLabel, hideLabel = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? 'Search...' : _d, _e = _a.isForm, isForm = _e === void 0 ? true : _e, propId = _a.id, propValue = _a.value, otherProps = tslib.__rest(_a, ["label", "defaultValue", "onChange", "hideLabel", "placeholder", "isForm", "id", "value"]);
+    var label = _a.label, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, onChange = _a.onChange, _c = _a.hideLabel, hideLabel = _c === void 0 ? false : _c, _d = _a.placeholder, placeholder = _d === void 0 ? 'Search...' : _d, _e = _a.isForm, isForm = _e === void 0 ? true : _e, propId = _a.id, propValue = _a.value, trailingChildren = _a.trailingChildren, otherProps = tslib.__rest(_a, ["label", "defaultValue", "onChange", "hideLabel", "placeholder", "isForm", "id", "value", "trailingChildren"]);
     var isControlled = typeof propValue !== 'undefined';
     var _f = tslib.__read(React.useState(isControlled ? propValue : defaultValue), 2), value = _f[0], setValue = _f[1];
     var _g = tslib.__read(propId ? [propId] : nextId.useId(1, 'search-field'), 1), id = _g[0];
@@ -2449,6 +2449,9 @@ var SearchField = React.forwardRef(function (_a, ref) {
         setValue(newValue);
     };
     var Field = isForm ? 'form' : 'div';
+    if (typeof trailingChildren === 'string') {
+        trailingChildren = React__default["default"].createElement("span", null, trailingChildren);
+    }
     return (React__default["default"].createElement(Field, { role: isForm ? 'search' : undefined, className: "SearchField", "aria-labelledby": isForm ? "".concat(inputId, "-label") : undefined },
         hideLabel ? (React__default["default"].createElement(Offscreen, null,
             React__default["default"].createElement("label", { htmlFor: inputId, id: "".concat(inputId, "-label") }, label))) : (React__default["default"].createElement("label", { className: "Field__label", htmlFor: inputId, id: "".concat(inputId, "-label") }, label)),
@@ -2456,7 +2459,8 @@ var SearchField = React.forwardRef(function (_a, ref) {
                 'TextFieldWrapper--disabled': otherProps.disabled
             }) },
             React__default["default"].createElement(Icon, { type: "magnifying-glass", className: "SearchField__search-icon" }),
-            React__default["default"].createElement("input", tslib.__assign({ id: inputId, value: value, onChange: handleChange, placeholder: placeholder, ref: ref }, otherProps, { className: classNames__default["default"](otherProps.className, 'Field__text-input'), type: "search" })))));
+            React__default["default"].createElement("input", tslib.__assign({ id: inputId, value: value, onChange: handleChange, placeholder: placeholder, ref: ref }, otherProps, { className: classNames__default["default"](otherProps.className, 'Field__text-input'), type: "search" })),
+            trailingChildren)));
 });
 SearchField.displayName = 'SearchField';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "6.2.1-canary.0eecc62d",
+  "version": "6.2.1-canary.0efb2078",
   "license": "MPL-2.0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",