@smitch/breeze 2.2.32 → 2.2.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,12 +8,25 @@ var fa_1 = require("react-icons/fa");
|
|
|
8
8
|
var __1 = require("..");
|
|
9
9
|
var SearchInput = function (_a) {
|
|
10
10
|
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, _r = _a.value, value = _r === void 0 ? "" : _r;
|
|
11
|
+
var _s = (0, react_1.useState)(true), disabled = _s[0], setDisabled = _s[1];
|
|
11
12
|
var inputRef = (0, react_1.useRef)(null);
|
|
12
|
-
|
|
13
|
+
(0, react_1.useEffect)(function () {
|
|
14
|
+
if (value && value.trim().length > 0) {
|
|
15
|
+
setDisabled(false);
|
|
16
|
+
}
|
|
17
|
+
else {
|
|
18
|
+
setDisabled(true);
|
|
19
|
+
}
|
|
20
|
+
}, [value]);
|
|
13
21
|
var handleChange = function (e) {
|
|
14
22
|
var newValue = e.target.value;
|
|
15
|
-
if (!newValue)
|
|
23
|
+
if (!newValue) {
|
|
16
24
|
onButtonSubmit(newValue);
|
|
25
|
+
setDisabled(true);
|
|
26
|
+
}
|
|
27
|
+
else {
|
|
28
|
+
setDisabled(false);
|
|
29
|
+
}
|
|
17
30
|
};
|
|
18
31
|
var handleKeydown = function (e) {
|
|
19
32
|
var _a, _b, _c;
|
|
@@ -23,10 +36,11 @@ var SearchInput = function (_a) {
|
|
|
23
36
|
}
|
|
24
37
|
};
|
|
25
38
|
var handleButtonClick = function () {
|
|
26
|
-
var
|
|
27
|
-
|
|
39
|
+
var _a, _b, _c;
|
|
40
|
+
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 : "";
|
|
41
|
+
onButtonSubmit(currentValue);
|
|
28
42
|
};
|
|
29
|
-
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, onKeyDown: handleKeydown, rounded: rounded }), (0, jsx_runtime_1.jsxs)(__1.Button, { layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, onClick: handleButtonClick, disabled:
|
|
43
|
+
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, onKeyDown: handleKeydown, rounded: rounded }), (0, jsx_runtime_1.jsxs)(__1.Button, { layout: btnShape, size: size, btnBackground: btnBackground, btnColor: btnColor, onClick: handleButtonClick, disabled: disabled, title: "Submit", isBold: true, className: "min-w-[42px]", children: [icon ? (0, jsx_runtime_1.jsx)(fa_1.FaSearch, {}) : label, (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Search" })] })] }));
|
|
30
44
|
};
|
|
31
45
|
exports.default = SearchInput;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc2VhcmNoaW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUEyRDtBQUMzRCxpREFBeUM7QUFDekMscUNBQTBDO0FBQzFDLHdCQUFtQztBQUduQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBbUJGO1FBbEJqQixZQUFlLEVBQWYsSUFBSSxtQkFBRyxRQUFRLEtBQUEsRUFDZixVQUFhLEVBQWIsRUFBRSxtQkFBRyxRQUFRLEtBQUEsRUFDYixpQkFBYyxFQUFkLFNBQVMsbUJBQUcsRUFBRSxLQUFBLEVBQ2QsYUFBZ0IsRUFBaEIsS0FBSyxtQkFBRyxRQUFRLEtBQUEsRUFDaEIsSUFBSSxVQUFBLEVBQ0osY0FBYyxvQkFBQSxFQUNkLFlBQVcsRUFBWCxJQUFJLG1CQUFHLElBQUksS0FBQSxFQUNYLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNkLFdBQVcsaUJBQUEsRUFDWCxtQkFBZ0IsRUFBaEIsV0FBVyxtQkFBRyxFQUFFLEtBQUEsRUFDaEIsZ0JBQW1CLEVBQW5CLFFBQVEsbUJBQUcsUUFBUSxLQUFBLEVBQ25CLHFCQUFzQixFQUF0QixhQUFhLG1CQUFHLE1BQU0sS0FBQSxFQUN0QixnQkFBa0IsRUFBbEIsUUFBUSxtQkFBRyxPQUFPLEtBQUEsRUFDbEIsb0JBQW9CLEVBQXBCLFlBQVksbUJBQUcsS0FBSyxLQUFBLEVBQ3BCLG1CQUFtQixFQUFuQixXQUFXLG1CQUFHLEtBQUssS0FBQSxFQUNuQixrQkFBa0IsRUFBbEIsVUFBVSxtQkFBRyxLQUFLLEtBQUEsRUFDbEIsZUFBYSxFQUFiLE9BQU8sbUJBQUcsR0FBRyxLQUFBLEVBQ2IsYUFBVSxFQUFWLEtBQUssbUJBQUcsRUFBRSxLQUFBO0lBRUosSUFBQSxLQUEwQixJQUFBLGdCQUFRLEVBQUMsSUFBSSxDQUFDLEVB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
|