@smitch/breeze 2.2.32 → 2.2.33
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.
|
@@ -7,9 +7,9 @@ var tailwind_merge_1 = require("tailwind-merge");
|
|
|
7
7
|
var fa_1 = require("react-icons/fa");
|
|
8
8
|
var __1 = require("..");
|
|
9
9
|
var SearchInput = function (_a) {
|
|
10
|
-
var _b
|
|
10
|
+
var _b, _c;
|
|
11
|
+
var _d = _a.name, name = _d === void 0 ? "search" : _d, _e = _a.id, id = _e === void 0 ? "search" : _e, _f = _a.className, className = _f === void 0 ? "" : _f, _g = _a.label, label = _g === void 0 ? "Search" : _g, icon = _a.icon, onButtonSubmit = _a.onButtonSubmit, _h = _a.size, size = _h === void 0 ? "md" : _h, _j = _a.rounded, rounded = _j === void 0 ? "md" : _j, placeholder = _a.placeholder, _k = _a.inputStyles, inputStyles = _k === void 0 ? "" : _k, _l = _a.btnShape, btnShape = _l === void 0 ? "circle" : _l, _m = _a.btnBackground, btnBackground = _m === void 0 ? "dark" : _m, _o = _a.btnColor, btnColor = _o === void 0 ? "light" : _o, _p = _a.autocomplete, autocomplete = _p === void 0 ? "off" : _p, _q = _a.autocorrect, autocorrect = _q === void 0 ? "off" : _q, _r = _a.spellcheck, spellcheck = _r === void 0 ? false : _r, _s = _a.spacing, spacing = _s === void 0 ? "0" : _s, _t = _a.value, value = _t === void 0 ? "" : _t;
|
|
11
12
|
var inputRef = (0, react_1.useRef)(null);
|
|
12
|
-
var isDisabled = value.trim() === "";
|
|
13
13
|
var handleChange = function (e) {
|
|
14
14
|
var newValue = e.target.value;
|
|
15
15
|
if (!newValue)
|
|
@@ -26,7 +26,7 @@ var SearchInput = function (_a) {
|
|
|
26
26
|
var trimmed = value.trim();
|
|
27
27
|
onButtonSubmit(trimmed);
|
|
28
28
|
};
|
|
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:
|
|
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: ((_c = (_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.value) === null || _c === void 0 ? void 0 : _c.trim()) === "", 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
30
|
};
|
|
31
31
|
exports.default = SearchInput;
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VhcmNoSW5wdXQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdWkvc2VhcmNoaW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxZQUFZLENBQUM7OztBQUViLCtCQUFzQztBQUN0QyxpREFBeUM7QUFDekMscUNBQTBDO0FBQzFDLHdCQUFtQztBQUduQyxJQUFNLFdBQVcsR0FBRyxVQUFDLEVBbUJGOztRQWxCakIsWUFBZSxFQUFmLElBQUksbUJBQUcsUUFBUSxLQUFBLEVBQ2YsVUFBYSxFQUFiLEVBQUUsbUJBQUcsUUFBUSxLQUFBLEVBQ2IsaUJBQWMsRUFBZCxTQUFTLG1CQUFHLEVBQUUsS0FBQSxFQUNkLGFBQWdCLEVBQWhCLEtBQUssbUJBQUcsUUFBUSxLQUFBLEVBQ2hCLElBQUksVUFBQSxFQUNKLGNBQWMsb0JBQUEsRUFDZCxZQUFXLEVBQVgsSUFBSSxtQkFBRyxJQUFJLEtBQUEsRUFDWCxlQUFjLEVBQWQsT0FBTyxtQkFBRyxJQUFJLEtBQUEsRUFDZCxXQUFXLGlCQUFBLEVBQ1gsbUJBQWdCLEVBQWhCLFdBQVcsbUJBQUcsRUFBRSxLQUFBLEVBQ2hCLGdCQUFtQixFQUFuQixRQUFRLG1CQUFHLFFBQVEsS0FBQSxFQUNuQixxQkFBc0IsRUFBdEIsYUFBYSxtQkFBRyxNQUFNLEtBQUEsRUFDdEIsZ0JBQWtCLEVBQWxCLFFBQVEsbUJBQUcsT0FBTyxLQUFBLEVBQ2xCLG9CQUFvQixFQUFwQixZQUFZLG1CQUFHLEtBQUssS0FBQSxFQUNwQixtQkFBbUIsRUFBbkIsV0FBVyxtQkFBRyxLQUFLLEtBQUEsRUFDbkIsa0JBQWtCLEVBQWxCLFVBQVUsbUJBQUcsS0FBSyxLQUFBLEVBQ2xCLGVBQWEsRUFBYixPQUFPLG1CQUFHLEdBQUcsS0FBQSxFQUNiLGFBQVUsRUFBVixLQUFLLG1CQUFHLEVBQUUsS0FBQTtJQUVWLElBQU0sUUFBUSxHQUFHLElBQUEsY0FBTSxFQUFtQixJQUFLLENBQUMsQ0FBQztJQUVqRCxJQUFNLFlBQVksR0FBRyxVQUFDLENBQXNDO1FBQzFELElBQU0sUUFBUSxHQUFHLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxRQUFRO1lBQUUsY0FBYyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUMsQ0FBQztJQUVGLElBQU0sYUFBYSxHQUFHLFVBQUMsQ0FBd0M7O1FBQzdELElBQUksQ0FBQyxDQUFDLEdBQUcsS0FBSyxPQUFPLEVBQUUsQ0FBQztZQUN0QixJQUFNLFlBQVksR0FBRyxNQUFBLE1BQUEsTUFBQSxRQUFRLENBQUMsT0FBTywwQ0FBRSxLQUFLLDBDQUFFLElBQUksRUFBRSxtQ0FBSSxFQUFFLENBQUM7WUFDM0QsY0FBYyxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDLENBQUM7SUFFRixJQUFNLGlCQUFpQixHQUFHO1FBQ3hCLElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUM3QixjQUFjLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDMUIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLGlDQUNFLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQ2hCLDZDQUFzQyxPQUFPLCtCQUE0QixFQUN6RSxTQUFTLENBQ1YsaUJBQ1ksSUFBSSxhQUVqQix1QkFBQyxTQUFLLElBQ0osR0FBRyxFQUFFLFFBQVEsRUFDYixJQUFJLEVBQUUsSUFBSSxFQUNWLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFDLFFBQVEsaUJBQ0EsZ0JBQVMsSUFBSSxDQUFFLEVBQzVCLFNBQVMsRUFBRSxJQUFBLHdCQUFPLEVBQUMsZ0JBQWdCLEVBQUUsV0FBVyxDQUFDLEVBQ2pELElBQUksRUFBRSxJQUFJLEVBQ1YsV0FBVyxFQUFFLFdBQVcsRUFDeEIsWUFBWSxFQUFFLFlBQVksRUFDMUIsV0FBVyxFQUFFLFdBQVcsRUFDeEIsVUFBVSxFQUFFLFVBQVUsZ0JBQ1gsUUFBUSxFQUNuQixLQUFLLEVBQUUsS0FBSyxFQUNaLFFBQVEsRUFBRSxZQUFZLEVBQ3RCLFNBQVMsRUFBRSxhQUFhLEVBQ3hCLE9BQU8sRUFBRSxPQUFPLEdBQ2hCLEVBRUYsd0JBQUMsVUFBTSxJQUNMLE1BQU0sRUFBRSxRQUFRLEVBQ2hCLElBQUksRUFBRSxJQUFJLEVBQ1YsYUFBYSxFQUFFLGFBQWEsRUFDNUIsUUFBUSxFQUFFLFFBQVEsRUFDbEIsT0FBTyxFQUFFLGlCQUFpQixFQUMxQixRQUFRLEVBQUUsQ0FBQSxNQUFBLE1BQUEsUUFBUSxDQUFDLE9BQU8sMENBQUUsS0FBSywwQ0FBRSxJQUFJLEVBQUUsTUFBSyxFQUFFLEVBQ2hELEtBQUssRUFBQyxRQUFRLEVBQ2QsTUFBTSxFQUFFLElBQUksRUFDWixTQUFTLEVBQUMsY0FBYyxhQUV2QixJQUFJLENBQUMsQ0FBQyxDQUFDLHVCQUFDLGFBQVEsS0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQzVCLGlDQUFNLFNBQVMsRUFBQyxTQUFTLHVCQUFjLElBQ2hDLElBQ0wsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsa0JBQWUsV0FBVyxDQUFDIn0=
|