@smitch/breeze 2.2.30 → 2.2.31

package/lib/input/Input.js

@@ -31,9 +31,9 @@ var styles = {
     required: "!bg-[var(--highlight-color)] !text-dark",
 };
 var Input = (0, react_2.forwardRef)(function Input(props, ref) {
-    var _a = props.type, type = _a === void 0 ? "text" : _a, _b = props.size, size = _b === void 0 ? "md" : _b, _c = props.autocomplete, autocomplete = _c === void 0 ? "off" : _c, _d = props.name, name = _d === void 0 ? "control-name" : _d, id = props.id, _e = props.className, className = _e === void 0 ? "" : _e, style = props.style, _f = props.rounded, rounded = _f === void 0 ? "md" : _f, _g = props.required, required = _g === void 0 ? false : _g, _h = props.readonly, readonly = _h === void 0 ? false : _h, _j = props.disabled, disabled = _j === void 0 ? false : _j, _k = props.hint, hint = _k === void 0 ? false : _k, tabindex = props.tabindex, min = props.min, max = props.max, minLength = props.minLength, maxLength = props.maxLength, step = props.step, pattern = props.pattern, title = props.title, value = props.value, defaultChecked = props.defaultChecked, accept = props.accept, multiple = props.multiple, placeholder = props.placeholder, list = props.list, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, hidden = props.hidden, ariaLabel = props.ariaLabel, autocorrect = props.autocorrect, spellcheck = props.spellcheck, _l = props.suppressHydrationWarning, suppressHydrationWarning = _l === void 0 ? false : _l;
+    var _a = props.type, type = _a === void 0 ? "text" : _a, _b = props.size, size = _b === void 0 ? "md" : _b, _c = props.autocomplete, autocomplete = _c === void 0 ? "off" : _c, _d = props.name, name = _d === void 0 ? "control-name" : _d, id = props.id, _e = props.className, className = _e === void 0 ? "" : _e, style = props.style, _f = props.rounded, rounded = _f === void 0 ? "md" : _f, _g = props.required, required = _g === void 0 ? false : _g, _h = props.readonly, readonly = _h === void 0 ? false : _h, _j = props.disabled, disabled = _j === void 0 ? false : _j, _k = props.hint, hint = _k === void 0 ? false : _k, tabindex = props.tabindex, min = props.min, max = props.max, minLength = props.minLength, maxLength = props.maxLength, step = props.step, pattern = props.pattern, title = props.title, value = props.value, defaultChecked = props.defaultChecked, accept = props.accept, multiple = props.multiple, placeholder = props.placeholder, list = props.list, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onSearch = props.onSearch, hidden = props.hidden, ariaLabel = props.ariaLabel, autocorrect = props.autocorrect, spellcheck = props.spellcheck, _l = props.suppressHydrationWarning, suppressHydrationWarning = _l === void 0 ? false : _l;
     var sizeClasses = (0, react_1.useMemo)(function () { return sizes[size]; }, [size]);
     return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("input", { className: (0, tailwind_merge_1.twMerge)("input ".concat(typeClasses(type), " peer ").concat(sizeClasses, " rounded-").concat(rounded, " font-normal color-scheme:light dark:[color-scheme:dark] focus:outline-none focus-visible:outline-none focus-visible:border-info disabled:bg-neutral disabled:cursor-default disabled:text-dark disabled:border-transparent invalid:!border-warning-dark invalid:dark:!border-warning-light"), className), style: style, type: type, name: name, id: id, autoComplete: autocomplete, required: required, "aria-required": required, hidden: hidden, readOnly: readonly, tabIndex: tabindex, ref: ref, min: min, max: max, minLength: minLength, maxLength: maxLength, step: step, pattern: pattern, title: title, placeholder: placeholder, defaultValue: value, defaultChecked: defaultChecked, accept: accept, multiple: multiple, list: list, disabled: disabled, onChange: onChange, onInput: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": id || name, "aria-label": ariaLabel, autoCorrect: autocorrect, spellCheck: spellcheck, suppressHydrationWarning: suppressHydrationWarning }), hint && ((0, jsx_runtime_1.jsx)("p", { className: "hint text-sm font-normal mt-[.5em] dark:text-light peer-invalid:text-warning-dark peer-invalid:dark:text-warning-light inline-block", children: title }))] }));
 });
 exports.default = Input;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUF1QztBQUV2QyxpREFBeUM7QUFFekMsK0JBQW1DO0FBTW5DLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFdBQVc7SUFDZixFQUFFLEVBQUUsU0FBUztJQUNiLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFVBQVU7Q0FDZixDQUFDO0FBRUYsSUFBTSxnQkFBZ0IsR0FBRyw4QkFBOEIsQ0FBQztBQUV4RCxJQUFNLFdBQVcsR0FBRyxVQUFDLElBQVk7SUFDL0IsT0FBTyxJQUFJLEtBQUssVUFBVTtRQUN4QixDQUFDLENBQUMsb0hBQW9IO1FBQ3RILENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztZQUNsQixDQUFDLENBQUMsa0ZBQWtGO1lBQ3BGLENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztnQkFDbEIsQ0FBQyxDQUFDLGlGQUFpRjtnQkFDbkYsQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRO29CQUNuQixDQUFDLENBQUMsaUNBQTBCLGdCQUFnQix3R0FBcUc7b0JBQ2pKLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTTt3QkFDakIsQ0FBQyxDQUFDLFFBQVE7d0JBQ1YsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPOzRCQUNsQixDQUFDLENBQUMsK05BQStOOzRCQUNqTyxDQUFDLENBQUMsMkNBQW9DLGdCQUFnQiw4RUFBMkUsQ0FBQztBQUN0SSxDQUFDLENBQUM7QUFFRixJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSx5Q0FBeUM7Q0FDcEQsQ0FBQztBQUVGLElBQU0sS0FBSyxHQUFHLElBQUEsa0JBQVUsRUFBdUIsU0FBUyxLQUFLLENBQUMsS0FBSyxFQUFFLEdBQUc7SUFFcEUsSUFBQSxLQWtDRSxLQUFLLEtBbENNLEVBQWIsSUFB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvaW5wdXQvSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUF1QztBQUV2QyxpREFBeUM7QUFFekMsK0JBQW1DO0FBTW5DLElBQU0sS0FBSyxHQUFHO0lBQ1osRUFBRSxFQUFFLFdBQVc7SUFDZixFQUFFLEVBQUUsU0FBUztJQUNiLEVBQUUsRUFBRSxTQUFTO0lBQ2IsRUFBRSxFQUFFLFVBQVU7Q0FDZixDQUFDO0FBRUYsSUFBTSxnQkFBZ0IsR0FBRyw4QkFBOEIsQ0FBQztBQUV4RCxJQUFNLFdBQVcsR0FBRyxVQUFDLElBQVk7SUFDL0IsT0FBTyxJQUFJLEtBQUssVUFBVTtRQUN4QixDQUFDLENBQUMsb0hBQW9IO1FBQ3RILENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztZQUNsQixDQUFDLENBQUMsa0ZBQWtGO1lBQ3BGLENBQUMsQ0FBQyxJQUFJLEtBQUssT0FBTztnQkFDbEIsQ0FBQyxDQUFDLGlGQUFpRjtnQkFDbkYsQ0FBQyxDQUFDLElBQUksS0FBSyxRQUFRO29CQUNuQixDQUFDLENBQUMsaUNBQTBCLGdCQUFnQix3R0FBcUc7b0JBQ2pKLENBQUMsQ0FBQyxJQUFJLEtBQUssTUFBTTt3QkFDakIsQ0FBQyxDQUFDLFFBQVE7d0JBQ1YsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPOzRCQUNsQixDQUFDLENBQUMsK05BQStOOzRCQUNqTyxDQUFDLENBQUMsMkNBQW9DLGdCQUFnQiw4RUFBMkUsQ0FBQztBQUN0SSxDQUFDLENBQUM7QUFFRixJQUFNLE1BQU0sR0FBRztJQUNiLFFBQVEsRUFBRSx5Q0FBeUM7Q0FDcEQsQ0FBQztBQUVGLElBQU0sS0FBSyxHQUFHLElBQUEsa0JBQVUsRUFBdUIsU0FBUyxLQUFLLENBQUMsS0FBSyxFQUFFLEdBQUc7SUFFcEUsSUFBQSxLQW1DRSxLQUFLLEtBbkNNLEVBQWIsSUFB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

package/lib/input/types/index.d.ts

@@ -31,6 +31,7 @@ export interface InputProps {
     onInput?: React.ChangeEventHandler<HTMLInputElement>;
     onFocus?: React.ChangeEventHandler<HTMLInputElement>;
     onBlur?: React.ChangeEventHandler<HTMLInputElement>;
+    onSearch?: React.EventHandler<React.SyntheticEvent<HTMLInputElement>>;
     autocorrect?: 'on' | 'off';
     spellcheck?: boolean;
     rounded?: 'none' | 'md' | 'lg' | 'full';

package/lib/searchinput/SearchInput.js

@@ -8,17 +8,23 @@ var fa_1 = require("react-icons/fa");
 var __1 = require("..");
 var SearchInput = function (_a) {
     var _b = _a.name, name = _b === void 0 ? "search" : _b, _c = _a.id, id = _c === void 0 ? "search" : _c, _d = _a.className, className = _d === void 0 ? "" : _d, _e = _a.label, label = _e === void 0 ? "Search" : _e, icon = _a.icon, onButtonSubmit = _a.onButtonSubmit, _f = _a.size, size = _f === void 0 ? "md" : _f, _g = _a.rounded, rounded = _g === void 0 ? "md" : _g, placeholder = _a.placeholder, _h = _a.inputStyles, inputStyles = _h === void 0 ? "" : _h, _j = _a.btnShape, btnShape = _j === void 0 ? "circle" : _j, _k = _a.btnBackground, btnBackground = _k === void 0 ? "dark" : _k, _l = _a.btnColor, btnColor = _l === void 0 ? "light" : _l, _m = _a.autocomplete, autocomplete = _m === void 0 ? "off" : _m, _o = _a.autocorrect, autocorrect = _o === void 0 ? "off" : _o, _p = _a.spellcheck, spellcheck = _p === void 0 ? false : _p, _q = _a.spacing, spacing = _q === void 0 ? "0" : _q;
-    var _r = (0, react_1.useState)(true), disabled = _r[0], setDisabled = _r[1];
-    var input = (0, react_1.useRef)(null);
-    var handleClick = function () {
-        var value = input.current.value;
-        onButtonSubmit(value);
-    };
+    var _r = (0, react_1.useState)(""), value = _r[0], setValue = _r[1];
+    var inputRef = (0, react_1.useRef)(null);
+    var isDisabled = value.trim() === "";
     var handleChange = function (e) {
-        var value = e.target.value;
-        value ? setDisabled(false) : setDisabled(true);
+        var newValue = e.target.value;
+        setValue(newValue);
+    };
+    var handleSearch = function (e) {
+        var _a, _b, _c;
+        var currentValue = (_c = (_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) !== null && _c !== void 0 ? _c : "";
+        onButtonSubmit(currentValue);
+    };
+    var handleButtonClick = function () {
+        var trimmed = value.trim();
+        onButtonSubmit(trimmed);
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("search-box flex font-semi-bold gap-".concat(spacing, " text-dark dark:text-light"), className), "data-testid": name, children: [(0, jsx_runtime_1.jsx)(__1.Input, { name: name, id: id, type: "search", ref: input, "data-testid": "input-".concat(name), className: (0, tailwind_merge_1.twMerge)("border-neutral", inputStyles), size: size, placeholder: placeholder, autocomplete: autocomplete, autocorrect: autocorrect, spellcheck: spellcheck, "aria-label": "Search", onChange: handleChange, rounded: rounded }), (0, jsx_runtime_1.jsxs)(__1.Button, { layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, onClick: handleClick, disabled: disabled, title: "Submit", isBold: true, children: [icon ? (0, jsx_runtime_1.jsx)(fa_1.FaSearch, {}) : label, (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Search" })] })] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, tailwind_merge_1.twMerge)("search-box flex font-semi-bold gap-".concat(spacing, " text-dark dark:text-light"), className), "data-testid": name, children: [(0, jsx_runtime_1.jsx)(__1.Input, { ref: inputRef, name: name, id: id, type: "search", "data-testid": "input-".concat(name), className: (0, tailwind_merge_1.twMerge)("border-neutral", inputStyles), size: size, placeholder: placeholder, autocomplete: autocomplete, autocorrect: autocorrect, spellcheck: spellcheck, "aria-label": "Search", value: value, onChange: handleChange, onSearch: handleSearch, rounded: rounded }), (0, jsx_runtime_1.jsxs)(__1.Button, { layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, onClick: handleButtonClick, disabled: isDisabled, title: "Submit", isBold: true, children: [icon ? (0, jsx_runtime_1.jsx)(fa_1.FaSearch, {}) : label, (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Search" })] })] }));
 };
 exports.default = SearchInput;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc2VhcmNoaW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUFnRDtBQUVoRCxpREFBeUM7QUFFekMscUNBQTBDO0FBRTFDLHdCQUFtQztBQUluQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBa0JGO1FBakJqQixZQUFlLEVBQWYsSUFBSSxtQkFBRyxRQUFRLEtBQUEsRUFDZixVQUFhLEVBQWIsRUFBRSxtQkFBRyxRQUFRLEtBQUEsRUFDYixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsYUFBZ0IsRUFBaEIsS0FBSyxtQkFBRyxRQUFRLEtBQUEsRUFDaEIsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLFlBQVcsRUFBWCxJQUFJLG1CQUFHLElBQUksS0FBQSxFQUNYLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxtQkFBZ0IsRUFBaEIsV0FBVyxtQkFBRyxFQUFFLEtBQUEsRUFDaEIsZ0JBQW1CLEVBQW5CLFFBQVEsbUJBQUcsUUFBUSxLQUFBLEVBQ25CLHFCQUFzQixFQUF0QixhQUFhLG1CQUFHLE1BQU0sS0FBQSxFQUN0QixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsb0JBQW9CLEVBQXBCLFlBQVksbUJBQUcsS0FBSyxLQUFBLEVBQ3BCLG1CQUFtQixFQUFuQixXQUFXLG1CQUFHLEtBQUssS0FBQSxFQUNuQixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsZUFBYSxFQUFiLE9BQU8sbUJBQUcsR0FBRyxLQUFBO0lBRVAsSUFBQSxLQUEwQixJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLEVBQXZDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBa0IsQ0FBQztJQUMvQyxJQUFNLEtBQUssR0FBRyxJQUFBLGNBQU0sRUFBbUIsSUFBSyxDQUFDLENBQUM7SUFFOUMsSUFBTSxXQUFXLEdBQUc7UUFDbEIsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUM7UUFDbEMsY0FBYyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hCLENBQUMsQ0FBQztJQUVGLElBQU0sWUFBWSxHQUFHLFVBQUMsQ0FBc0M7UUFDMUQsSUFBTSxLQUFLLEdBQUcsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUM7UUFDN0IsS0FBSyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNqRCxDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsaUNBQ0UsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFDaEIsNkNBQXNDLE9BQU8sK0JBQTRCLEVBQ3pFLFNBQVMsQ0FDVixpQkFDWSxJQUFJLGFBRWpCLHVCQUFDLFNBQUssSUFDSixJQUFJLEVBQUUsSUFBSSxFQUNWLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLFFBQVEsRUFDYixHQUFHLEVBQUUsS0FBSyxpQkFDRyxnQkFBUyxJQUFJLENBQUUsRUFDNUIsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFBQyxnQkFBZ0IsRUFBRSxXQUFXLENBQUMsRUFDakQsSUFBSSxFQUFFLElBQUksRUFDVixXQUFXLEVBQUUsV0FBVyxFQUN4QixZQUFZLEVBQUUsWUFBWSxFQUMxQixXQUFXLEVBQUUsV0FBVyxFQUN4QixVQUFVLEVBQUUsVUFBVSxnQkFDWCxRQUFRLEVBQ25CLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLE9BQU8sRUFBRSxPQUFPLEdBQ2hCLEVBQ0Ysd0JBQUMsVUFBTSxJQUNMLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsYUFBYSxFQUFFLGFBQWEsRUFDNUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLFdBQVcsRUFDcEIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsS0FBSyxFQUFDLFFBQVEsRUFDZCxNQUFNLEVBQUUsSUFBSSxhQUVYLElBQUksQ0FBQyxDQUFDLENBQUMsdUJBQUMsYUFBUSxLQUFHLENBQUMsQ0FBQyxDQUFDLEtBQUssRUFDNUIsaUNBQU0sU0FBUyxFQUFDLFNBQVMsdUJBQWMsSUFDaEMsSUFDTCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixrQkFBZSxXQUFXLENBQUMifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc2VhcmNoaW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUFnRDtBQUNoRCxpREFBeUM7QUFDekMscUNBQTBDO0FBQzFDLHdCQUFtQztBQUduQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBa0JGO1FBakJqQixZQUFlLEVBQWYsSUFBSSxtQkFBRyxRQUFRLEtBQUEsRUFDZixVQUFhLEVBQWIsRUFBRSxtQkFBRyxRQUFRLEtBQUEsRUFDYixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsYUFBZ0IsRUFBaEIsS0FBSyxtQkFBRyxRQUFRLEtBQUEsRUFDaEIsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLFlBQVcsRUFBWCxJQUFJLG1CQUFHLElBQUksS0FBQSxFQUNYLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxtQkFBZ0IsRUFBaEIsV0FBVyxtQkFBRyxFQUFFLEtBQUEsRUFDaEIsZ0JBQW1CLEVBQW5CLFFBQVEsbUJBQUcsUUFBUSxLQUFBLEVBQ25CLHFCQUFzQixFQUF0QixhQUFhLG1CQUFHLE1BQU0sS0FBQSxFQUN0QixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsb0JBQW9CLEVBQXBCLFlBQVksbUJBQUcsS0FBSyxLQUFBLEVBQ3BCLG1CQUFtQixFQUFuQixXQUFXLG1CQUFHLEtBQUssS0FBQSxFQUNuQixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsZUFBYSxFQUFiLE9BQU8sbUJBQUcsR0FBRyxLQUFBO0lBRVAsSUFBQSxLQUFvQixJQUFBLGdCQUFRLEVBQUMsRUFBRSxDQUFDLEVBQS9CLEtBQUssUUFBQSxFQUFFLFFBQVEsUUFBZ0IsQ0FBQztJQUN2QyxJQUFNLFFBQVEsR0FBRyxJQUFBLGNBQU0sRUFBbUIsSUFBSyxDQUFDLENBQUM7SUFFakQsSUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUV2QyxJQUFNLFlBQVksR0FBRyxVQUFDLENBQXNDO1FBQzFELElBQU0sUUFBUSxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2hDLFFBQVEsQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNyQixDQUFDLENBQUM7SUFFRixJQUFNLFlBQVksR0FBRyxVQUFDLENBQXlDOztRQUM3RCxJQUFNLFlBQVksR0FBRyxNQUFBLE1BQUEsTUFBQSxRQUFRLENBQUMsT0FBTywwQ0FBRSxLQUFLLDBDQUFFLElBQUksRUFBRSxtQ0FBSSxFQUFFLENBQUM7UUFDM0QsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQy9CLENBQUMsQ0FBQztJQUVGLElBQU0saUJBQWlCLEdBQUc7UUFDeEIsSUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzdCLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUMxQixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsaUNBQ0UsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFDaEIsNkNBQXNDLE9BQU8sK0JBQTRCLEVBQ3pFLFNBQVMsQ0FDVixpQkFDWSxJQUFJLGFBRWpCLHVCQUFDLFNBQUssSUFDSixHQUFHLEVBQUUsUUFBUSxFQUNiLElBQUksRUFBRSxJQUFJLEVBQ1YsRUFBRSxFQUFFLEVBQUUsRUFDTixJQUFJLEVBQUMsUUFBUSxpQkFDQSxnQkFBUyxJQUFJLENBQUUsRUFDNUIsU0FBUyxFQUFFLElBQUEsd0JBQU8sRUFBQyxnQkFBZ0IsRUFBRSxXQUFXLENBQUMsRUFDakQsSUFBSSxFQUFFLElBQUksRUFDVixXQUFXLEVBQUUsV0FBVyxFQUN4QixZQUFZLEVBQUUsWUFBWSxFQUMxQixXQUFXLEVBQUUsV0FBVyxFQUN4QixVQUFVLEVBQUUsVUFBVSxnQkFDWCxRQUFRLEVBQ25CLEtBQUssRUFBRSxLQUFLLEVBQ1osUUFBUSxFQUFFLFlBQVksRUFDdEIsUUFBUSxFQUFFLFlBQVksRUFDdEIsT0FBTyxFQUFFLE9BQU8sR0FDaEIsRUFFRix3QkFBQyxVQUFNLElBQ0wsTUFBTSxFQUFFLFFBQVEsRUFDaEIsSUFBSSxFQUFFLElBQUksRUFDVixhQUFhLEVBQUUsYUFBYSxFQUM1QixRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsaUJBQWlCLEVBQzFCLFFBQVEsRUFBRSxVQUFVLEVBQ3BCLEtBQUssRUFBQyxRQUFRLEVBQ2QsTUFBTSxFQUFFLElBQUksYUFFWCxJQUFJLENBQUMsQ0FBQyxDQUFDLHVCQUFDLGFBQVEsS0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQzVCLGlDQUFNLFNBQVMsRUFBQyxTQUFTLHVCQUFjLElBQ2hDLElBQ0wsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsV0FBVyxDQUFDIn0=

package/lib/searchinput/types/index.d.ts

@@ -6,15 +6,16 @@ export interface SearchInputProps extends React.HTMLAttributes<HTMLDivElement> {
     className?: string;
     style?: React.CSSProperties;
     onButtonSubmit: (value: string) => void;
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+    size?: "sm" | "md" | "lg" | "xl";
     placeholder?: string;
     inputStyles?: string;
-    btnShape?: 'default' | 'square' | 'circle' | 'rounded';
-    btnBackground?: 'dark' | 'light' | 'primary' | 'secondary' | 'transparent';
-    btnColor?: 'dark' | 'light' | 'current';
-    autocomplete?: 'off' | 'on';
-    autocorrect?: 'on' | 'off';
+    btnShape?: "default" | "square" | "circle" | "rounded";
+    btnBackground?: "dark" | "light" | "primary" | "secondary" | "transparent";
+    btnColor?: "dark" | "light" | "current";
+    autocomplete?: "off" | "on";
+    autocorrect?: "on" | "off";
     spellcheck?: boolean;
-    spacing?: '0' | '1' | '2';
-    rounded?: 'none' | 'md' | 'lg' | 'full';
+    spacing?: "0" | "1" | "2";
+    rounded?: "none" | "md" | "lg" | "full";
+    onSearch?: React.EventHandler<React.SyntheticEvent<HTMLInputElement>>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smitch/breeze",
-  "version": "2.2.30",
+  "version": "2.2.31",
   "description": "A lightweight, Tailwind-powered React/Next.js UI component library.",
   "main": "lib/index.js",
   "types": "index.d.ts",