@lanaco/lnc-react-ui 2.1.21 → 2.1.22

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.
Files changed (3) hide show
  1. package/lib/index.esm.js +173 -97
  2. package/lib/index.js +173 -97
  3. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -4716,7 +4716,7 @@ CheckBox.propTypes = {
4716
4716
  color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
4717
4717
  };
4718
4718
 
4719
- var _templateObject$p, _templateObject2$k, _templateObject3$e;
4719
+ var _templateObject$p, _templateObject2$l, _templateObject3$f;
4720
4720
 
4721
4721
  var getLabelAndTextProps = function getLabelAndTextProps() {
4722
4722
  return {
@@ -4794,7 +4794,7 @@ var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTe
4794
4794
  }, function (props) {
4795
4795
  return getLabelAndTextProps()[props.size].top;
4796
4796
  });
4797
- var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral__default['default'](["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
4797
+ var Input$4 = newStyled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral__default['default'](["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
4798
4798
  return props.theme.palette[props.color].main;
4799
4799
  }, function (props) {
4800
4800
  return props.theme.palette[props.color].main;
@@ -4827,7 +4827,7 @@ var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _tagge
4827
4827
  }, function (props) {
4828
4828
  return props.theme.palette.gray[1000];
4829
4829
  });
4830
- var Span$2 = newStyled.span(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n\n &:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
4830
+ var Span$2 = newStyled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n\n &:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
4831
4831
  return getSpanProps()[props.size].top;
4832
4832
  }, function (props) {
4833
4833
  return getSpanProps()[props.size].left;
@@ -6554,17 +6554,17 @@ SwitchTransition.defaultProps = {
6554
6554
  };
6555
6555
  var SwitchTransition$1 = SwitchTransition;
6556
6556
 
6557
- var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
6557
+ var _templateObject$o, _templateObject2$k, _templateObject3$e, _templateObject4$c, _templateObject5$c, _templateObject6$a, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$4;
6558
6558
  var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _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) {
6559
6559
  return props.width && props.width !== "" ? props.width : "fit-content";
6560
6560
  }, theme.typography.fontFamily);
6561
- var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
6562
- var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
6561
+ var Table$2 = newStyled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
6562
+ var Body$1 = newStyled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
6563
6563
  return props.height && props.height !== "" ? props.height : "auto";
6564
6564
  });
6565
- var Row = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n transition: all 250ms ease;\n background-color: white;\n\n &:hover {\n background-color: whitesmoke;\n }\n"])));
6566
- var HeaderRow = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n border-bottom: 1px solid #80808050;\n background-color: whitesmoke;\n border-radius: 3px 3px 0 0;\n position: sticky;\n"])));
6567
- var HeaderColumnCheck = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral__default['default'](["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: ", ";\n padding-left: 8px;\n border-right: 1px solid #80808050;\n"])), function (props) {
6565
+ var Row = newStyled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n transition: all 250ms ease;\n background-color: white;\n\n &:hover {\n background-color: whitesmoke;\n }\n"])));
6566
+ var HeaderRow = newStyled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n border-bottom: 1px solid #80808050;\n background-color: whitesmoke;\n border-radius: 3px 3px 0 0;\n position: sticky;\n"])));
6567
+ var HeaderColumnCheck = newStyled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteral__default['default'](["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: ", ";\n padding-left: 8px;\n border-right: 1px solid #80808050;\n"])), function (props) {
6568
6568
  return props.check ? "8px" : "0";
6569
6569
  });
6570
6570
  var ColumnCheck = newStyled.div(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px ", " 5px 8px;\n border-right: 1px solid #80808050;\n"])), function (props) {
@@ -6576,9 +6576,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
6576
6576
  var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral__default['default'](["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n font-size: calc(\n ", " + 3px\n );\n"])), function (props) {
6577
6577
  return props.theme.typography[props.size].fontSize;
6578
6578
  });
6579
- var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
6580
- var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
6581
- var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
6579
+ var FooterRow$1 = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
6580
+ var ButtonContainer$4 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
6581
+ var PageNumber$1 = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
6582
6582
  return props.theme.typography[props.size].fontSize;
6583
6583
  }); //=======================================================================
6584
6584
 
@@ -6639,8 +6639,8 @@ var CheckboxLookup = function CheckboxLookup(props) {
6639
6639
  return /*#__PURE__*/React__default['default'].createElement(Container$l, _extends__default['default']({}, themeProps, {
6640
6640
  className: className
6641
6641
  }), /*#__PURE__*/React__default['default'].createElement(Global, {
6642
- 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 "])))
6643
- }), /*#__PURE__*/React__default['default'].createElement(Table$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
6642
+ styles: css(_templateObject13$4 || (_templateObject13$4 = _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 "])))
6643
+ }), /*#__PURE__*/React__default['default'].createElement(Table$2, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
6644
6644
  check: style === "regular"
6645
6645
  }, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
6646
6646
  id: id,
@@ -6664,7 +6664,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
6664
6664
  size: size,
6665
6665
  theme: theme,
6666
6666
  tooltip: label
6667
- })), /*#__PURE__*/React__default['default'].createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default['default'].createElement(Body, themeProps, /*#__PURE__*/React__default['default'].createElement(TransitionGroup$1, {
6667
+ })), /*#__PURE__*/React__default['default'].createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default['default'].createElement(Body$1, themeProps, /*#__PURE__*/React__default['default'].createElement(TransitionGroup$1, {
6668
6668
  component: "div"
6669
6669
  }, _options.map(function (x, i) {
6670
6670
  var isChecked = false;
@@ -6704,25 +6704,25 @@ var CheckboxLookup = function CheckboxLookup(props) {
6704
6704
  size: size,
6705
6705
  theme: theme
6706
6706
  })), /*#__PURE__*/React__default['default'].createElement(ColumnTitle, themeProps, x[itemText])));
6707
- })))), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6707
+ })))), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow$1, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6708
6708
  icon: "angle-double-left",
6709
6709
  onClick: function onClick() {
6710
6710
  return setPage(1);
6711
6711
  },
6712
6712
  disabled: page === 1 || disabled
6713
- }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6713
+ }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6714
6714
  icon: "angle-left",
6715
6715
  onClick: function onClick() {
6716
6716
  return setPage(page - 1);
6717
6717
  },
6718
6718
  disabled: page === 1 || disabled
6719
- }))), /*#__PURE__*/React__default['default'].createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6719
+ }))), /*#__PURE__*/React__default['default'].createElement(PageNumber$1, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6720
6720
  icon: "angle-right",
6721
6721
  onClick: function onClick() {
6722
6722
  return setPage(page + 1);
6723
6723
  },
6724
6724
  disabled: page === pageCount || disabled
6725
- }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6725
+ }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
6726
6726
  icon: "angle-double-right",
6727
6727
  onClick: function onClick() {
6728
6728
  return setPage(pageCount);
@@ -22698,13 +22698,13 @@ DropDown.propTypes = {
22698
22698
 
22699
22699
  var _excluded = ["duration", "delay", "children"];
22700
22700
 
22701
- var _templateObject$n, _templateObject2$i;
22701
+ var _templateObject$n, _templateObject2$j;
22702
22702
 
22703
22703
  function ownKeys$3(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; }
22704
22704
 
22705
22705
  function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
22706
22706
  var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
22707
- var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22707
+ var Wrapper$2 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22708
22708
 
22709
22709
  var FadeIn = function FadeIn(_ref) {
22710
22710
  var _ref$duration = _ref.duration,
@@ -22722,7 +22722,7 @@ var FadeIn = function FadeIn(_ref) {
22722
22722
  }), children);
22723
22723
  };
22724
22724
 
22725
- var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22725
+ var _templateObject$m, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22726
22726
 
22727
22727
  var paddingBySize$a = function paddingBySize(size) {
22728
22728
  if (size === "small") return "0.325rem 0.375rem";
@@ -22737,7 +22737,7 @@ var heightBySize$b = function heightBySize(size) {
22737
22737
  };
22738
22738
 
22739
22739
  var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
22740
- var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
22740
+ var Container$j = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
22741
22741
  return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
22742
22742
  }, function (props) {
22743
22743
  return heightBySize$b(props.size);
@@ -22746,14 +22746,14 @@ var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _tag
22746
22746
  }, function (props) {
22747
22747
  return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
22748
22748
  });
22749
- var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
22750
- var InputContainer$2 = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral__default['default'](["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
22751
- var ButtonContainer$2 = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral__default['default'](["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: ", ";\n"])), function (props) {
22749
+ var Inner$4 = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
22750
+ var InputContainer$2 = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral__default['default'](["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
22751
+ var ButtonContainer$3 = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral__default['default'](["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: ", ";\n"])), function (props) {
22752
22752
  return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
22753
22753
  }, function (props) {
22754
22754
  return props.clickable ? "pointer" : "inherit";
22755
22755
  });
22756
- var TimesButtonContainer = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral__default['default'](["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: pointer;\n"])), function (props) {
22756
+ var TimesButtonContainer = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral__default['default'](["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: pointer;\n"])), function (props) {
22757
22757
  return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
22758
22758
  });
22759
22759
  var LoadingButtonContainer = newStyled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral__default['default'](["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n\n animation: ", " 0.7s ease-in-out infinite;\n"])), function (props) {
@@ -22980,7 +22980,7 @@ var DropdownLookup = function DropdownLookup(props) {
22980
22980
  className: "fas fa-times fa-fw"
22981
22981
  })), loading && /*#__PURE__*/React__default['default'].createElement(LoadingButtonContainer, themeProps, /*#__PURE__*/React__default['default'].createElement("i", {
22982
22982
  className: "fas fa-redo fa-fw"
22983
- })), !loading && /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, _extends__default['default']({}, themeProps, {
22983
+ })), !loading && /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, _extends__default['default']({}, themeProps, {
22984
22984
  clickable: options == null || options.length === 0,
22985
22985
  onClick: function onClick() {
22986
22986
  if (options == null || options.length === 0) {
@@ -31318,11 +31318,11 @@ var AnimatePresence = function (_a) {
31318
31318
  : childrenToRender.map(function (child) { return React.cloneElement(child); })));
31319
31319
  };
31320
31320
 
31321
- var _templateObject$k, _templateObject2$g;
31321
+ var _templateObject$k, _templateObject2$h;
31322
31322
  var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
31323
31323
  return props.zIndex;
31324
31324
  });
31325
- var ModalContainer = newStyled(motion.div)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
31325
+ var ModalContainer = newStyled(motion.div)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
31326
31326
  return props.width;
31327
31327
  }, function (props) {
31328
31328
  return props.zIndex;
@@ -31627,13 +31627,13 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
31627
31627
  var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
31628
31628
  styleInject(css_248z$6);
31629
31629
 
31630
- var _templateObject$j, _templateObject2$f, _templateObject3$b;
31630
+ var _templateObject$j, _templateObject2$g, _templateObject3$c;
31631
31631
 
31632
31632
  var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
31633
31633
  return props.show ? "block" : "none";
31634
31634
  });
31635
- var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
31636
- var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
31635
+ var ItemWrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
31636
+ var Item$4 = newStyled.a(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
31637
31637
 
31638
31638
  var DropdownMenu = function DropdownMenu(props) {
31639
31639
  var _props$actionData = props.actionData,
@@ -31709,13 +31709,13 @@ var freeze = function freeze(dependcies) {
31709
31709
  return freeze;
31710
31710
  };
31711
31711
 
31712
- var _templateObject$i, _templateObject2$e;
31712
+ var _templateObject$i, _templateObject2$f;
31713
31713
  var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n padding: 0px 8px;\n"])), function (props) {
31714
31714
  return props.theme.typography.small.fontSize;
31715
31715
  }, function (props) {
31716
31716
  return props.theme.typography.fontFamily;
31717
31717
  });
31718
- var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
31718
+ var Item$3 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
31719
31719
  return props.first ? "0" : "6px";
31720
31720
  });
31721
31721
 
@@ -49032,19 +49032,19 @@ var TableSelectionType = {
49032
49032
  MULTIPLE: "multiple"
49033
49033
  };
49034
49034
 
49035
- var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
49036
- var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
49035
+ var _templateObject$h, _templateObject2$e, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8;
49036
+ var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
49037
49037
  return props.theme.typography.small.fontSize;
49038
49038
  }, function (props) {
49039
49039
  return props.theme.typography.fontFamily;
49040
49040
  });
49041
- var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
49041
+ var Item$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
49042
49042
  return props.first ? "0" : "6px";
49043
49043
  });
49044
- var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
49045
- var ItemText = newStyled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral__default['default'](["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
49046
- var ItemCurrentPage = newStyled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
49047
- var ItemDropdown = newStyled.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral__default['default'](["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
49044
+ var ExportItem = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
49045
+ var ItemText = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
49046
+ var ItemCurrentPage = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
49047
+ var ItemDropdown = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral__default['default'](["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
49048
49048
 
49049
49049
  var Pagination = function Pagination(props) {
49050
49050
  //======================== PROPS ============================================
@@ -49277,13 +49277,13 @@ Pagination.propTypes = {
49277
49277
  color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
49278
49278
  };
49279
49279
 
49280
- var _templateObject$g, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
49280
+ var _templateObject$g, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
49281
49281
  var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
49282
- var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
49283
- var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
49284
- var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
49285
- var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
49286
- var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: ", ";\n }\n"])), function (props) {
49282
+ var Wrapper$1 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
49283
+ var TableTable$1 = newStyled.table(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
49284
+ var TableHead$1 = newStyled.thead(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
49285
+ var TableHeadRow$1 = newStyled.tr(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
49286
+ var TableHeadCell$1 = newStyled.th(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral__default['default'](["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: ", ";\n }\n"])), function (props) {
49287
49287
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
49288
49288
  }, theme.palette.primary.light, function (props) {
49289
49289
  return props.hideOrdering ? "inherit" : "pointer";
@@ -49494,7 +49494,7 @@ var TableView = function TableView(props) {
49494
49494
  }))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody()))));
49495
49495
  };
49496
49496
 
49497
- var _templateObject$f, _templateObject2$b;
49497
+ var _templateObject$f, _templateObject2$c;
49498
49498
 
49499
49499
  var heightBySize$5 = function heightBySize(size) {
49500
49500
  if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
@@ -49503,7 +49503,7 @@ var heightBySize$5 = function heightBySize(size) {
49503
49503
  };
49504
49504
 
49505
49505
  var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n to {\n transform: rotate(360deg);\n }\n"])));
49506
- var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
49506
+ var StyledSpinner = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
49507
49507
  return heightBySize$5(props.size);
49508
49508
  }, function (props) {
49509
49509
  return props.theme.palette[props.color].lighter;
@@ -49542,7 +49542,7 @@ Spinner.propTypes = {
49542
49542
  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";
49543
49543
  styleInject(css_248z$4);
49544
49544
 
49545
- var _templateObject$e, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
49545
+ var _templateObject$e, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$3;
49546
49546
 
49547
49547
  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; }
49548
49548
 
@@ -49575,20 +49575,20 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
49575
49575
  var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default['default'](["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
49576
49576
  return props.shadow === false ? "0" : "0 0 12px #bebebe";
49577
49577
  });
49578
- var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
49579
- var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
49580
- var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
49578
+ var TableContainer$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
49579
+ var PaginationContainer$1 = newStyled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
49580
+ var FormContainer$2 = newStyled.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
49581
49581
  return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
49582
49582
  });
49583
- var HeaderContainer$1 = newStyled.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n padding: 4px 0;\n border-radius: 3px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
49584
- var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral__default['default'](["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
49583
+ var HeaderContainer$1 = newStyled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n padding: 4px 0;\n border-radius: 3px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
49584
+ var FlexItem$1 = newStyled.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
49585
49585
  newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral__default['default'](["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
49586
49586
  newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
49587
49587
  var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
49588
49588
  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"])));
49589
49589
  var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
49590
49590
  var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
49591
- var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
49591
+ var FilteringContainer = newStyled.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
49592
49592
 
49593
49593
  var DataView = function DataView(props) {
49594
49594
  var emptyFunc = function emptyFunc() {};
@@ -50112,13 +50112,13 @@ FormMovement.propTypes = {
50112
50112
  var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
50113
50113
  styleInject(css_248z$3);
50114
50114
 
50115
- var _templateObject$c, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
50115
+ var _templateObject$c, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2;
50116
50116
  var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
50117
- var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default']([""])));
50118
- var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
50119
- var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
50120
- var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
50121
- var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
50117
+ var Wrapper = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default']([""])));
50118
+ var TableTable = newStyled.table(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
50119
+ var TableHead = newStyled.thead(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
50120
+ var TableHeadRow = newStyled.tr(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
50121
+ var TableHeadCell = newStyled.th(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral__default['default'](["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
50122
50122
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
50123
50123
  }, theme.palette.primary.light);
50124
50124
  var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
@@ -50135,11 +50135,11 @@ var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _t
50135
50135
  }, function (props) {
50136
50136
  if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
50137
50137
  });
50138
- var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n"])), function (props) {
50138
+ var TableBodyCell = newStyled.td(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n"])), function (props) {
50139
50139
  return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
50140
50140
  });
50141
50141
 
50142
- var Table = function Table(props) {
50142
+ var Table$1 = function Table(props) {
50143
50143
  //======================== PROPS ============================================
50144
50144
  var _props$Columns = props.Columns,
50145
50145
  Columns = _props$Columns === void 0 ? [] : _props$Columns,
@@ -50332,7 +50332,7 @@ var Table = function Table(props) {
50332
50332
  }))), /*#__PURE__*/React__default['default'].createElement(TableBody, null, renderBody()))));
50333
50333
  };
50334
50334
 
50335
- Table.defaultProps = {
50335
+ Table$1.defaultProps = {
50336
50336
  theme: theme,
50337
50337
  size: "small",
50338
50338
  color: "primary",
@@ -50362,7 +50362,7 @@ Table.defaultProps = {
50362
50362
  EnableOrdering: false,
50363
50363
  SelectionType: "single"
50364
50364
  };
50365
- Table.propTypes = {
50365
+ Table$1.propTypes = {
50366
50366
  theme: PropTypes__default['default'].object.isRequired,
50367
50367
  size: PropTypes__default['default'].string,
50368
50368
  color: PropTypes__default['default'].string,
@@ -50611,7 +50611,7 @@ uuid.v4 = v4;
50611
50611
 
50612
50612
  var uuid_1 = uuid;
50613
50613
 
50614
- var _templateObject$b, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1;
50614
+ var _templateObject$b, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1;
50615
50615
 
50616
50616
  function ownKeys$1(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; }
50617
50617
 
@@ -50679,7 +50679,9 @@ var getDefaultState = function getDefaultState() {
50679
50679
  SelectedEntirePage: false,
50680
50680
  SelectionType: TableSelectionType.MULTIPLE,
50681
50681
  Columns: [],
50682
- Actions: []
50682
+ Actions: [],
50683
+ FooterText: "",
50684
+ HeaderText: ""
50683
50685
  },
50684
50686
  Form: {
50685
50687
  Mode: "READ",
@@ -50720,19 +50722,29 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
50720
50722
  };
50721
50723
 
50722
50724
  var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
50723
- var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
50724
- var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
50725
- var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
50725
+ var TableContainer = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
50726
+ var PaginationContainer = newStyled.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
50727
+ var ItemFooterText = newStyled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n padding-right: 7px;\n display: flex;\n align-items: center;\n margin-left: auto;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
50728
+ return props.theme.typography.small.fontSize;
50729
+ }, function (props) {
50730
+ return props.theme.typography.fontFamily;
50731
+ });
50732
+ var ItemHeaderText = newStyled.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n max-height: 40px;\n padding-left: 3px;\n padding-right: 4px;\n display: flex;\n align-items: left;\n font-size: ", ";\n font-family: ", ";\n font-weight: bold;\n"])), function (props) {
50733
+ return props.theme.typography.small.fontSize;
50734
+ }, function (props) {
50735
+ return props.theme.typography.fontFamily;
50736
+ });
50737
+ var FormContainer$1 = newStyled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
50726
50738
  return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
50727
50739
  });
50728
- var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n\n border-radius: 3px;\n padding: 0px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
50729
- var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral__default['default'](["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
50730
- var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral__default['default'](["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
50731
- var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
50732
- var LoaderContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
50733
- var LoaderContainerTransparent = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _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"])));
50734
- var Loader = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
50735
- var DivRelative = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
50740
+ var HeaderContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n border-radius: 3px;\n padding: 0px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
50741
+ var FlexItem = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral__default['default'](["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
50742
+ var DeveloperMessageContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral__default['default'](["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
50743
+ var DeveloperMessage = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
50744
+ var LoaderContainer = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
50745
+ var LoaderContainerTransparent = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _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"])));
50746
+ var Loader = newStyled.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
50747
+ var DivRelative = newStyled.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
50736
50748
  var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
50737
50749
  //====================== PROPS ======================================================
50738
50750
  var theme = props.theme,
@@ -50900,7 +50912,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
50900
50912
  SelectedEntirePage: false,
50901
50913
  SelectionType: TableSelectionType.MULTIPLE,
50902
50914
  Columns: [],
50903
- Actions: []
50915
+ Actions: [],
50916
+ FooterText: "",
50917
+ HeaderText: ""
50904
50918
  },
50905
50919
  Form: {
50906
50920
  Mode: "READ",
@@ -51809,6 +51823,14 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51809
51823
  }));
51810
51824
  };
51811
51825
 
51826
+ var renderHeaderText = function renderHeaderText() {
51827
+ if (state.General.CurrentView !== "TableView" || Load === null) {
51828
+ return false;
51829
+ }
51830
+
51831
+ return /*#__PURE__*/React__default['default'].createElement(ItemHeaderText, themeProps, props.HeaderText);
51832
+ };
51833
+
51812
51834
  var renderLookupTakeValues = function renderLookupTakeValues() {
51813
51835
  if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51814
51836
  return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
@@ -51895,7 +51917,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51895
51917
  return /*#__PURE__*/React__default['default'].createElement(PaginationContainer, null, /*#__PURE__*/React__default['default'].createElement(Pagination, _extends__default['default']({}, cfg, {
51896
51918
  inverted: true,
51897
51919
  Localization: Localization.Pagination || {}
51898
- })));
51920
+ })), /*#__PURE__*/React__default['default'].createElement(ItemFooterText, themeProps, props.FooterText));
51899
51921
  };
51900
51922
 
51901
51923
  var renderSpinner = function renderSpinner() {
@@ -51906,7 +51928,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51906
51928
  var renderTable = function renderTable() {
51907
51929
  if (state.General.CurrentView !== "TableView" && state.General.DataFromBackend) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
51908
51930
  var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
51909
- return /*#__PURE__*/React__default['default'].createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default['default'].createElement(Table, {
51931
+ return /*#__PURE__*/React__default['default'].createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default['default'].createElement(Table$1, {
51910
51932
  IsLoading: state.General.IsLoading,
51911
51933
  Columns: state.Table.Columns,
51912
51934
  Data: state.Table.Data,
@@ -51973,7 +51995,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51973
51995
  var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
51974
51996
  var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
51975
51997
  var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
51976
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
51998
+ if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderHeaderText(), renderLookupTakeValues());
51977
51999
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
51978
52000
  };
51979
52001
 
@@ -52074,8 +52096,17 @@ var TagItem = function TagItem(props) {
52074
52096
  }, text);
52075
52097
  };
52076
52098
 
52077
- var _templateObject$9;
52078
- var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
52099
+ var _templateObject$9, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3;
52100
+ var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n font-family: ", ";\n"])), theme.typography.fontFamily);
52101
+ var ButtonContainer$2 = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
52102
+ var PageNumber = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
52103
+ return props.theme.typography[props.size].fontSize;
52104
+ });
52105
+ var Table = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n"])));
52106
+ var FooterRow = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
52107
+ var Body = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
52108
+ return props.height && props.height !== "" ? props.height : "auto";
52109
+ });
52079
52110
 
52080
52111
  var TagSelector = function TagSelector(props) {
52081
52112
  var _props$tags = props.tags,
@@ -52090,7 +52121,27 @@ var TagSelector = function TagSelector(props) {
52090
52121
  theme = props.theme,
52091
52122
  mapId = props.mapId,
52092
52123
  mapName = props.mapName,
52093
- className = props.className;
52124
+ className = props.className,
52125
+ pagination = props.pagination,
52126
+ height = props.height,
52127
+ width = props.width,
52128
+ displayedItemsCount = props.displayedItemsCount;
52129
+ var themeProps = {
52130
+ theme: theme,
52131
+ size: size,
52132
+ color: color,
52133
+ height: height,
52134
+ width: width
52135
+ };
52136
+
52137
+ var _useState = React.useState(1),
52138
+ _useState2 = _slicedToArray__default['default'](_useState, 2),
52139
+ page = _useState2[0],
52140
+ setPage = _useState2[1];
52141
+
52142
+ var pageCount = Math.floor(tags.length / displayedItemsCount) + 1;
52143
+
52144
+ var _tags = pagination ? tags.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : tags;
52094
52145
 
52095
52146
  var calculateSelectionForTag = function calculateSelectionForTag(tagId) {
52096
52147
  return selectedTags.find(function (item) {
@@ -52099,8 +52150,8 @@ var TagSelector = function TagSelector(props) {
52099
52150
  };
52100
52151
 
52101
52152
  var renderTags = function renderTags() {
52102
- return tags.map(function (tag, i) {
52103
- return /*#__PURE__*/React__default['default'].createElement(TagItem, {
52153
+ return /*#__PURE__*/React__default['default'].createElement(Body, themeProps, _tags.map(function (tag, i) {
52154
+ return /*#__PURE__*/React__default['default'].createElement(TagItem, _extends__default['default']({}, themeProps, {
52104
52155
  key: i,
52105
52156
  text: tag[mapName],
52106
52157
  id: tag[mapId],
@@ -52110,16 +52161,37 @@ var TagSelector = function TagSelector(props) {
52110
52161
  size: size,
52111
52162
  color: color,
52112
52163
  theme: theme
52113
- });
52114
- });
52164
+ }));
52165
+ }));
52115
52166
  };
52116
52167
 
52117
- return /*#__PURE__*/React__default['default'].createElement(Container$a, {
52118
- size: size,
52119
- color: color,
52120
- theme: theme,
52168
+ return /*#__PURE__*/React__default['default'].createElement(Container$a, _extends__default['default']({}, themeProps, {
52121
52169
  className: className
52122
- }, renderTags());
52170
+ }), /*#__PURE__*/React__default['default'].createElement(Table, null, renderTags(), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
52171
+ icon: "angle-double-left",
52172
+ onClick: function onClick() {
52173
+ return setPage(1);
52174
+ },
52175
+ disabled: page === 1 || disabled
52176
+ }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
52177
+ icon: "angle-left",
52178
+ onClick: function onClick() {
52179
+ return setPage(page - 1);
52180
+ },
52181
+ disabled: page === 1 || disabled
52182
+ }))), /*#__PURE__*/React__default['default'].createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
52183
+ icon: "angle-right",
52184
+ onClick: function onClick() {
52185
+ return setPage(page + 1);
52186
+ },
52187
+ disabled: page === pageCount || disabled
52188
+ }))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
52189
+ icon: "angle-double-right",
52190
+ onClick: function onClick() {
52191
+ return setPage(pageCount);
52192
+ },
52193
+ disabled: page === pageCount || disabled
52194
+ }))))));
52123
52195
  };
52124
52196
 
52125
52197
  TagSelector.defaultProps = {
@@ -52133,7 +52205,9 @@ TagSelector.defaultProps = {
52133
52205
  selectedTags: [],
52134
52206
  toggleTagSelection: function toggleTagSelection() {},
52135
52207
  mapId: "id",
52136
- mapName: "name"
52208
+ mapName: "name",
52209
+ displayedItemsCount: 7,
52210
+ pagination: true
52137
52211
  };
52138
52212
  TagSelector.propTypes = {
52139
52213
  theme: PropTypes__default['default'].object.isRequired,
@@ -52145,6 +52219,8 @@ TagSelector.propTypes = {
52145
52219
  className: PropTypes__default['default'].string,
52146
52220
  mapId: PropTypes__default['default'].string,
52147
52221
  mapName: PropTypes__default['default'].string,
52222
+ displayedItemsCount: PropTypes__default['default'].number,
52223
+ pagination: PropTypes__default['default'].bool,
52148
52224
  size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
52149
52225
  color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
52150
52226
  };