qbs-core - npm Package Compare versions

Comparing version 1.0.41 to 1.0.42

dist/AutoComplete.js

@@ -221,5 +221,5 @@ "use strict";
                     react_1.default.createElement("button", { onClick: function () { return handleRemoveSelectedItem(0); }, className: "remove-item-btn", "aria-label": "Remove ".concat(selectedItems[0].name) }, "X")),
-                selectedItems.length > 2 && (react_1.default.createElement("div", { className: "selected-item-more" },
+                selectedItems.length > 1 && (react_1.default.createElement("div", { className: "selected-item-more" },
                     "+",
-                    selectedItems.length - 2,
+                    selectedItems.length - 1,
                     " more"))))),
@@ -238,7 +238,13 @@ react_1.default.createElement("input", { id: id, type: "text", value: type === 'auto_suggestion' ? inputValue : searchValue || inputValue, onChange: handleChange,
                 type == 'auto_suggestion' && (react_1.default.createElement("div", { style: { position: 'relative' }, className: "qbs-core-search-container" },
-                    react_1.default.createElement("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Type to search..." }))),
+                    react_1.default.createElement("span", { className: "dropdown-search-icon" },
+                        react_1.default.createElement(icons_1.Search, null)),
+                    react_1.default.createElement("input", { className: "dropdown-search-input", onChange: handleSuggestionChange, value: searchValue, placeholder: "Search" }))),
                 react_1.default.createElement("div", { className: "qbs-autocomplete-suggestions-sub" },
-                    filteredData.length > 0 ? (filteredData.map(function (suggestion, idx) { return (react_1.default.createElement("div", { key: idx.toString(), className: "qbs-autocomplete-listitem-container" },
-                        (isMultiple || singleSelect) && (react_1.default.createElement("div", null,
-                            react_1.default.createElement("input", { onChange: function (e) { return handleMultiSelect(e, suggestion); }, type: "checkbox", checked: isSelected(suggestion, selected) }))),
+                    filteredData.length > 0 ? (filteredData.map(function (suggestion, idx) { return (react_1.default.createElement("div", { key: idx.toString(), className: "qbs-autocomplete-listitem-container ".concat((isMultiple || singleSelect) &&
+                            'qbs-autocomplete-checkbox-container', " ").concat(isSelected(suggestion, selected) ? 'is-selected' : '') },
+                        (isMultiple || singleSelect) && (react_1.default.createElement("div", { className: "qbs-autocomplete-checkbox" },
+                            react_1.default.createElement("input", { onChange: function (e) { return handleMultiSelect(e, suggestion); }, type: "checkbox", checked: isSelected(suggestion, selected), id: "qbs-checkbox-".concat(idx.toString()) }),
+                            react_1.default.createElement("label", { htmlFor: "qbs-checkbox-".concat(idx.toString()) },
+                                react_1.default.createElement("svg", { width: "8", height: "6", viewBox: "0 0 8 6", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                                    react_1.default.createElement("path", { d: "M0 3.21739L2.89883 6L8 1.06994L6.89494 0L2.89883 3.86768L1.09728 2.14745L0 3.21739Z", fill: "white" }))))),
                         react_1.default.createElement("li", { key: idx, className: "qbs-autocomplete-suggestions-item ".concat(isSelected(suggestion, selected) ? 'is-selected' : ''), onClick: function () { return handleSuggestionClick(suggestion); }, "data-testid": suggestion[desc] }, suggestion[desc]))); })) : (react_1.default.createElement(react_1.default.Fragment, null, isLoading ? (react_1.default.createElement("div", { style: { display: 'flex', justifyContent: 'center' } },
@@ -245,0 +251,0 @@ react_1.default.createElement("span", null,

dist/utilities/icons.d.ts

@@ -5,1 +5,2 @@ import React from 'react';
 export declare const Spinner: React.FC<any>;
+export declare const Search: React.FC<any>;

dist/utilities/icons.js

@@ -6,3 +6,3 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner = exports.Close = exports.DropArrow = void 0;
+exports.Search = exports.Spinner = exports.Close = exports.DropArrow = void 0;
 var react_1 = __importDefault(require("react"));
@@ -29,2 +29,9 @@ var DropArrow = function (_a) {
 exports.Spinner = Spinner;
+var Search = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.stroke, stroke = _c === void 0 ? 1.5 : _c;
+    return (react_1.default.createElement("div", { role: "status" },
+        react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+            react_1.default.createElement("path", { d: "M14 14.0027L10 10.0027M11.3333 6.66935C11.3333 9.24668 9.244 11.336 6.66667 11.336C4.08934 11.336 2 9.24668 2 6.66935C2 4.09202 4.08934 2.00269 6.66667 2.00269C9.244 2.00269 11.3333 4.09202 11.3333 6.66935Z", stroke: "#999696", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))));
+};
+exports.Search = Search;
 //# sourceMappingURL=icons.js.map

package.json

 {
   "name": "qbs-core",
-  "version": "1.0.41",
+  "version": "1.0.42",
   "description": "React Components",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

105265

increased by9.87%

Lines of code

2199

increased by17.59%

No dependency changes