@thecb/components 10.8.0-beta.2 → 10.8.0
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.
- package/dist/index.cjs.js +7 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.esm.js +7 -9
- package/dist/index.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/atoms/form-layouts/FormInput.js +0 -1
- package/src/components/atoms/icons/SearchIcon.js +1 -1
- package/src/components/atoms/search/Search.js +7 -13
- package/src/components/atoms/search/index.d.ts +2 -1
package/dist/index.cjs.js
CHANGED
|
@@ -14722,7 +14722,7 @@ var SearchIcon = function SearchIcon(_ref) {
|
|
|
14722
14722
|
return /*#__PURE__*/React__default.createElement("svg", {
|
|
14723
14723
|
width: size,
|
|
14724
14724
|
height: size,
|
|
14725
|
-
viewBox: "0 0
|
|
14725
|
+
viewBox: "0 0 ".concat(size, " ").concat(size),
|
|
14726
14726
|
version: "1.1"
|
|
14727
14727
|
}, /*#__PURE__*/React__default.createElement("g", {
|
|
14728
14728
|
id: "Debt-Search",
|
|
@@ -27106,7 +27106,6 @@ var FormInput = function FormInput(_ref15) {
|
|
|
27106
27106
|
_ref15$isRequired = _ref15.isRequired,
|
|
27107
27107
|
isRequired = _ref15$isRequired === void 0 ? false : _ref15$isRequired,
|
|
27108
27108
|
props = _objectWithoutProperties(_ref15, _excluded2);
|
|
27109
|
-
debugger;
|
|
27110
27109
|
var _useState = React.useState(false),
|
|
27111
27110
|
_useState2 = _slicedToArray(_useState, 2),
|
|
27112
27111
|
showPassword = _useState2[0],
|
|
@@ -28616,12 +28615,11 @@ var Search = function Search(_ref) {
|
|
|
28616
28615
|
placeholder = _ref$placeholder === void 0 ? "Search" : _ref$placeholder,
|
|
28617
28616
|
_ref$searchOnKeypress = _ref.searchOnKeypress,
|
|
28618
28617
|
searchOnKeypress = _ref$searchOnKeypress === void 0 ? false : _ref$searchOnKeypress,
|
|
28619
|
-
_ref$
|
|
28620
|
-
|
|
28618
|
+
_ref$width = _ref.width,
|
|
28619
|
+
width = _ref$width === void 0 ? "100%" : _ref$width,
|
|
28621
28620
|
ariaControlsId = _ref.ariaControlsId,
|
|
28622
|
-
themeValues = _ref.themeValues
|
|
28623
|
-
|
|
28624
|
-
console.log("🚀 ~ fieldActions:", fieldActions);
|
|
28621
|
+
themeValues = _ref.themeValues,
|
|
28622
|
+
extraStyles = _ref.extraStyles;
|
|
28625
28623
|
var searchTerm = field.rawValue;
|
|
28626
28624
|
var getFilteredDataset = function getFilteredDataset() {
|
|
28627
28625
|
if (!searchTerm) return dataset;
|
|
@@ -28636,10 +28634,10 @@ var Search = function Search(_ref) {
|
|
|
28636
28634
|
return onSearchCallback(getFilteredDataset());
|
|
28637
28635
|
};
|
|
28638
28636
|
return /*#__PURE__*/React__default.createElement(Cluster, {
|
|
28639
|
-
extraStyles: "overflow: visible;"
|
|
28637
|
+
extraStyles: "overflow: visible; width: ".concat(width, "; ").concat(extraStyles)
|
|
28640
28638
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
28641
28639
|
padding: "0",
|
|
28642
|
-
extraStyles: "
|
|
28640
|
+
extraStyles: "flex-grow: 1;"
|
|
28643
28641
|
}, /*#__PURE__*/React__default.createElement(FormInput$1, {
|
|
28644
28642
|
id: "searchInput",
|
|
28645
28643
|
role: "search",
|