@xelto.npm/xc2-lib 0.1.2 → 0.1.4

package/dist/index.cjs.js

@@ -71,15 +71,6 @@ function _objectSpread2(target) {
   }
   return target;
 }
-function _typeof$I(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$I(obj);
-}
 function _defineProperty$C(obj, key, value) {
   key = _toPropertyKey(key);
   if (key in obj) {
@@ -73949,8 +73940,9 @@ var StyledSearchBarWrapper = styled$1(Box$1, {
 })(function (_ref) {
   var fluid = _ref.fluid;
   return {
+    maxWidth: fluid ? '100%' : '300px',
+    width: '100%',
     boxSizing: 'border-box',
-    width: fluid ? '100%' : 'fit-content',
     backgroundColor: '#E7EAF3',
     position: 'relative',
     display: 'flex',
@@ -74118,7 +74110,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
     type: "text",
     placeholder: placeholder,
     "aria-label": "Search",
-    style: {
+    tyle: {
       margin: 0,
       padding: 0,
       border: 'none'
@@ -74126,7 +74118,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
   }));
 };
 SearchBarComponent.propTypes = {
-  fluid: propTypesExports.func,
+  fluid: propTypesExports.bool,
   placeholder: propTypesExports.string,
   searchText: propTypesExports.string,
   onChange: propTypesExports.func,
@@ -74185,6 +74177,10 @@ var TableToolbar = function TableToolbar(_ref2) {
     components = _ref2.components,
     className = _ref2.className,
     onSearch = _ref2.onSearch;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray$a(_useState, 2),
+    textSearch = _useState2[0],
+    setSearchText = _useState2[1];
   return /*#__PURE__*/React.createElement(StyledTableToolbar, {
     className: className
   }, selected.length > 0 ? /*#__PURE__*/React.createElement(StyledTableToolbarItem, null, selected.length + " " + labelRowsSelected, showRemoveRowsIcon ? /*#__PURE__*/React.createElement(IconButtonComponent, {
@@ -74201,8 +74197,10 @@ var TableToolbar = function TableToolbar(_ref2) {
   }) : null) : null, components && /*#__PURE__*/React.createElement(StyledTableToolbarItem, {
     className: "toolbar-components"
   }, components), /*#__PURE__*/React.createElement(SearchBarComponent, {
+    fluid: false,
     onChange: onSearch,
-    onChangeSearchText: function onChangeSearchText() {},
+    searchText: textSearch,
+    onChangeSearchText: setSearchText,
     placeholder: labelSearchBar,
     style: {
       marginRight: 0,
@@ -97900,9 +97898,7 @@ var CustomStepper = function CustomStepper(_ref4) {
     label = _ref4.label,
     withIcon = _ref4.withIcon,
     currentStep = _ref4.currentStep;
-  console.log(currentStep + _typeof$I(currentStep));
   var currentStepIndex = steps.indexOf(currentStep);
-  console.log('currentStepIndex ' + currentStepIndex);
   var totalSteps = steps.length;
   var allStepsCompleted = currentStepIndex + 1 === totalSteps;
   return /*#__PURE__*/React.createElement(StyledStepperContainer, null, /*#__PURE__*/React.createElement(Box$1, {

package/dist/index.esm.js

@@ -51,15 +51,6 @@ function _objectSpread2(target) {
   }
   return target;
 }
-function _typeof$I(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof$I = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof$I(obj);
-}
 function _defineProperty$C(obj, key, value) {
   key = _toPropertyKey(key);
   if (key in obj) {
@@ -73929,8 +73920,9 @@ var StyledSearchBarWrapper = styled$1(Box$1, {
 })(function (_ref) {
   var fluid = _ref.fluid;
   return {
+    maxWidth: fluid ? '100%' : '300px',
+    width: '100%',
     boxSizing: 'border-box',
-    width: fluid ? '100%' : 'fit-content',
     backgroundColor: '#E7EAF3',
     position: 'relative',
     display: 'flex',
@@ -74098,7 +74090,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
     type: "text",
     placeholder: placeholder,
     "aria-label": "Search",
-    style: {
+    tyle: {
       margin: 0,
       padding: 0,
       border: 'none'
@@ -74106,7 +74098,7 @@ var SearchBarComponent = function SearchBarComponent(_ref3) {
   }));
 };
 SearchBarComponent.propTypes = {
-  fluid: propTypesExports.func,
+  fluid: propTypesExports.bool,
   placeholder: propTypesExports.string,
   searchText: propTypesExports.string,
   onChange: propTypesExports.func,
@@ -74165,6 +74157,10 @@ var TableToolbar = function TableToolbar(_ref2) {
     components = _ref2.components,
     className = _ref2.className,
     onSearch = _ref2.onSearch;
+  var _useState = useState(''),
+    _useState2 = _slicedToArray$a(_useState, 2),
+    textSearch = _useState2[0],
+    setSearchText = _useState2[1];
   return /*#__PURE__*/React__default.createElement(StyledTableToolbar, {
     className: className
   }, selected.length > 0 ? /*#__PURE__*/React__default.createElement(StyledTableToolbarItem, null, selected.length + " " + labelRowsSelected, showRemoveRowsIcon ? /*#__PURE__*/React__default.createElement(IconButtonComponent, {
@@ -74181,8 +74177,10 @@ var TableToolbar = function TableToolbar(_ref2) {
   }) : null) : null, components && /*#__PURE__*/React__default.createElement(StyledTableToolbarItem, {
     className: "toolbar-components"
   }, components), /*#__PURE__*/React__default.createElement(SearchBarComponent, {
+    fluid: false,
     onChange: onSearch,
-    onChangeSearchText: function onChangeSearchText() {},
+    searchText: textSearch,
+    onChangeSearchText: setSearchText,
     placeholder: labelSearchBar,
     style: {
       marginRight: 0,
@@ -97880,9 +97878,7 @@ var CustomStepper = function CustomStepper(_ref4) {
     label = _ref4.label,
     withIcon = _ref4.withIcon,
     currentStep = _ref4.currentStep;
-  console.log(currentStep + _typeof$I(currentStep));
   var currentStepIndex = steps.indexOf(currentStep);
-  console.log('currentStepIndex ' + currentStepIndex);
   var totalSteps = steps.length;
   var allStepsCompleted = currentStepIndex + 1 === totalSteps;
   return /*#__PURE__*/React__default.createElement(StyledStepperContainer, null, /*#__PURE__*/React__default.createElement(Box$1, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xelto.npm/xc2-lib",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "author": "XELTO",
   "description": "React component library based on MUI",
   "license": "ISC",