@lanaco/lnc-react-ui 2.1.6 → 2.1.7

package/lib/index.esm.js

@@ -6513,7 +6513,7 @@ SwitchTransition.defaultProps = {
 };
 var SwitchTransition$1 = SwitchTransition;
 
-var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$2;
+var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
 var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  box-shadow: 0 0 6px #bebebe;\n  border-radius: 0.175rem;\n  padding: 8px;\n  width: ", ";\n\n  font-family: ", ";\n"])), function (props) {
   return props.width && props.width !== "" ? props.width : "fit-content";
 }, theme.typography.fontFamily);
@@ -6597,7 +6597,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
   return /*#__PURE__*/React__default.createElement(Container$k, _extends({}, themeProps, {
     className: className
   }), /*#__PURE__*/React__default.createElement(Global, {
-    styles: css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
+    styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
   }), /*#__PURE__*/React__default.createElement(Table$1, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
     check: style === "regular"
   }, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
@@ -22470,7 +22470,7 @@ var DateInput = function DateInput(props) {
   useEffect(function () {
     var timeOutId = setTimeout(function () {
       return handleDelayedOnChange();
-    }, 1500);
+    }, 350);
     return function () {
       return clearTimeout(timeOutId);
     };
@@ -23442,13 +23442,12 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onChange(id, val);
   };
 
-  return /*#__PURE__*/React__default.createElement(StyledTextInput$1, _defineProperty({
+  return /*#__PURE__*/React__default.createElement(StyledTextInput$1, {
     theme: theme,
     size: size,
     color: color,
     onChange: handleOnChange,
     onPaste: handleOnChange,
-    onBlur: handleOnBlur,
     className: className,
     disabled: disabled,
     value: val,
@@ -23460,11 +23459,13 @@ var TextArea = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
     onInput: function onInput(e) {
       e.target.style.whiteSpace = "inherit";
       e.target.style.height = "".concat(e.target.scrollHeight, "px");
+    },
+    onBlur: function onBlur(e) {
+      e.target.style.height = heightBySize$7(size);
+      e.target.style.whiteSpace = "nowrap";
+      handleOnBlur(e);
     }
-  }, "onBlur", function onBlur(e) {
-    e.target.style.height = heightBySize$7(size);
-    e.target.style.whiteSpace = "nowrap";
-  }));
+  });
 });
 TextArea.defaultProps = {
   id: "",
@@ -49688,7 +49689,7 @@ Spinner.propTypes = {
 var css_248z$4 = ".fade1-enter {\n  opacity: 0;\n}\n.fade1-exit {\n  opacity: 1;\n}\n.fade1-enter-active {\n  opacity: 1;\n}\n.fade1-exit-active {\n  opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n  transition: opacity 330ms;\n}\n\n.fade2-enter {\n  opacity: 0;\n}\n.fade2-exit {\n  opacity: 1;\n}\n.fade2-enter-active {\n  opacity: 1;\n}\n.fade2-exit-active {\n  opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n  transition: opacity 330ms;\n}\n";
 styleInject(css_248z$4);
 
-var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3;
+var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -49732,6 +49733,7 @@ var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4
 var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
 var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
 var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n  width: 100%;\n"])));
 
 var DataView = function DataView(props) {
   var emptyFunc = function emptyFunc() {};
@@ -49765,9 +49767,12 @@ var DataView = function DataView(props) {
       _props$OnSelectAll = props.OnSelectAll,
       OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
       _props$FormView = props.FormView,
-      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView;
-      props.FilteringView;
-      var _props$OnHeaderClick = props.OnHeaderClick,
+      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
+      _props$FilteringView = props.FilteringView,
+      FilteringView = _props$FilteringView === void 0 ? function () {
+    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+  } : _props$FilteringView,
+      _props$OnHeaderClick = props.OnHeaderClick,
       OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
       _props$OnRefresh = props.OnRefresh,
       OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
@@ -50035,6 +50040,11 @@ var DataView = function DataView(props) {
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(LoaderContainer$1, null), /*#__PURE__*/React__default.createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default.createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default.createElement(Spinner, null) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null))));
   };
 
+  var renderFiltering = function renderFiltering() {
+    if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
+    return /*#__PURE__*/React__default.createElement(FilteringContainer, null, FilteringView());
+  };
+
   var renderFormViewMovement = function renderFormViewMovement() {
     if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
     return /*#__PURE__*/React__default.createElement(FormViewMovement, {
@@ -50104,7 +50114,7 @@ var DataView = function DataView(props) {
 
   var renderComponent = function renderComponent() {
     var key = General.CurrentView !== "TableView" && General.DataFromBackend;
-    return /*#__PURE__*/React__default.createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
+    return /*#__PURE__*/React__default.createElement(Container$c, themeProps, renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
       mode: "out-in"
     }, /*#__PURE__*/React__default.createElement(CSSTransition$1, {
       key: key,

package/lib/index.js

@@ -6554,7 +6554,7 @@ SwitchTransition.defaultProps = {
 };
 var SwitchTransition$1 = SwitchTransition;
 
-var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$2;
+var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
 var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  box-shadow: 0 0 6px #bebebe;\n  border-radius: 0.175rem;\n  padding: 8px;\n  width: ", ";\n\n  font-family: ", ";\n"])), function (props) {
   return props.width && props.width !== "" ? props.width : "fit-content";
 }, theme.typography.fontFamily);
@@ -6638,7 +6638,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
   return /*#__PURE__*/React__default['default'].createElement(Container$k, _extends__default['default']({}, themeProps, {
     className: className
   }), /*#__PURE__*/React__default['default'].createElement(Global, {
-    styles: css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
+    styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral__default['default'](["\n          .item-enter {\n            opacity: 0;\n          }\n\n          .item-enter-active {\n            transition: all 0.4s ease-in;\n            opacity: 1;\n          }\n\n          .item-exit {\n          }\n\n          .item-exit-active {\n            opacity: 0;\n            transition: opacity 400ms ease-out;\n          }\n        "])))
   }), /*#__PURE__*/React__default['default'].createElement(Table$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
     check: style === "regular"
   }, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
@@ -22511,7 +22511,7 @@ var DateInput = function DateInput(props) {
   React.useEffect(function () {
     var timeOutId = setTimeout(function () {
       return handleDelayedOnChange();
-    }, 1500);
+    }, 350);
     return function () {
       return clearTimeout(timeOutId);
     };
@@ -23483,13 +23483,12 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
     onChange(id, val);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, _defineProperty__default['default']({
+  return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, {
     theme: theme,
     size: size,
     color: color,
     onChange: handleOnChange,
     onPaste: handleOnChange,
-    onBlur: handleOnBlur,
     className: className,
     disabled: disabled,
     value: val,
@@ -23501,11 +23500,13 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
     onInput: function onInput(e) {
       e.target.style.whiteSpace = "inherit";
       e.target.style.height = "".concat(e.target.scrollHeight, "px");
+    },
+    onBlur: function onBlur(e) {
+      e.target.style.height = heightBySize$7(size);
+      e.target.style.whiteSpace = "nowrap";
+      handleOnBlur(e);
     }
-  }, "onBlur", function onBlur(e) {
-    e.target.style.height = heightBySize$7(size);
-    e.target.style.whiteSpace = "nowrap";
-  }));
+  });
 });
 TextArea.defaultProps = {
   id: "",
@@ -49729,7 +49730,7 @@ Spinner.propTypes = {
 var css_248z$4 = ".fade1-enter {\n  opacity: 0;\n}\n.fade1-exit {\n  opacity: 1;\n}\n.fade1-enter-active {\n  opacity: 1;\n}\n.fade1-exit-active {\n  opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n  transition: opacity 330ms;\n}\n\n.fade2-enter {\n  opacity: 0;\n}\n.fade2-exit {\n  opacity: 1;\n}\n.fade2-enter-active {\n  opacity: 1;\n}\n.fade2-exit-active {\n  opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n  transition: opacity 330ms;\n}\n";
 styleInject(css_248z$4);
 
-var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3;
+var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
 
 function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
@@ -49773,6 +49774,7 @@ var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4
 var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  width: 100%;\n  height: 100%;\n  background-color: transparent;\n  z-index: 10000000;\n"])));
 var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n  position: absolute;\n  top: 48%;\n  left: 47%;\n"])));
 var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n  position: relative;\n"])));
+var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n  width: 100%;\n"])));
 
 var DataView = function DataView(props) {
   var emptyFunc = function emptyFunc() {};
@@ -49806,9 +49808,12 @@ var DataView = function DataView(props) {
       _props$OnSelectAll = props.OnSelectAll,
       OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
       _props$FormView = props.FormView,
-      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView;
-      props.FilteringView;
-      var _props$OnHeaderClick = props.OnHeaderClick,
+      FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
+      _props$FilteringView = props.FilteringView,
+      FilteringView = _props$FilteringView === void 0 ? function () {
+    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+  } : _props$FilteringView,
+      _props$OnHeaderClick = props.OnHeaderClick,
       OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
       _props$OnRefresh = props.OnRefresh,
       OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
@@ -50076,6 +50081,11 @@ var DataView = function DataView(props) {
     return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderContainer$1, null), /*#__PURE__*/React__default['default'].createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default['default'].createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default['default'].createElement(Spinner, null) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
   };
 
+  var renderFiltering = function renderFiltering() {
+    if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
+    return /*#__PURE__*/React__default['default'].createElement(FilteringContainer, null, FilteringView());
+  };
+
   var renderFormViewMovement = function renderFormViewMovement() {
     if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
     return /*#__PURE__*/React__default['default'].createElement(FormViewMovement, {
@@ -50145,7 +50155,7 @@ var DataView = function DataView(props) {
 
   var renderComponent = function renderComponent() {
     var key = General.CurrentView !== "TableView" && General.DataFromBackend;
-    return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
+    return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
       mode: "out-in"
     }, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
       key: key,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lanaco/lnc-react-ui",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "component library",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",