@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.esm.js CHANGED
@@ -4675,7 +4675,7 @@ CheckBox.propTypes = {
4675
4675
  color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
4676
4676
  };
4677
4677
 
4678
- var _templateObject$p, _templateObject2$k, _templateObject3$e;
4678
+ var _templateObject$p, _templateObject2$l, _templateObject3$f;
4679
4679
 
4680
4680
  var getLabelAndTextProps = function getLabelAndTextProps() {
4681
4681
  return {
@@ -4753,7 +4753,7 @@ var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTe
4753
4753
  }, function (props) {
4754
4754
  return getLabelAndTextProps()[props.size].top;
4755
4755
  });
4756
- var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\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) {
4756
+ var Input$4 = newStyled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\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) {
4757
4757
  return props.theme.palette[props.color].main;
4758
4758
  }, function (props) {
4759
4759
  return props.theme.palette[props.color].main;
@@ -4786,7 +4786,7 @@ var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _tagge
4786
4786
  }, function (props) {
4787
4787
  return props.theme.palette.gray[1000];
4788
4788
  });
4789
- var Span$2 = newStyled.span(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\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) {
4789
+ var Span$2 = newStyled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\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) {
4790
4790
  return getSpanProps()[props.size].top;
4791
4791
  }, function (props) {
4792
4792
  return getSpanProps()[props.size].left;
@@ -6513,17 +6513,17 @@ SwitchTransition.defaultProps = {
6513
6513
  };
6514
6514
  var SwitchTransition$1 = SwitchTransition;
6515
6515
 
6516
- 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;
6516
+ 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;
6517
6517
  var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
6518
6518
  return props.width && props.width !== "" ? props.width : "fit-content";
6519
6519
  }, theme.typography.fontFamily);
6520
- var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
6521
- var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\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) {
6520
+ var Table$2 = newStyled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
6521
+ var Body$1 = newStyled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\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) {
6522
6522
  return props.height && props.height !== "" ? props.height : "auto";
6523
6523
  });
6524
- var Row = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\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"])));
6525
- var HeaderRow = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\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"])));
6526
- var HeaderColumnCheck = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral(["\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) {
6524
+ var Row = newStyled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\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"])));
6525
+ var HeaderRow = newStyled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\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"])));
6526
+ var HeaderColumnCheck = newStyled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteral(["\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) {
6527
6527
  return props.check ? "8px" : "0";
6528
6528
  });
6529
6529
  var ColumnCheck = newStyled.div(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral(["\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) {
@@ -6535,9 +6535,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
6535
6535
  var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\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) {
6536
6536
  return props.theme.typography[props.size].fontSize;
6537
6537
  });
6538
- var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\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"])));
6539
- var ButtonContainer$3 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
6540
- var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
6538
+ var FooterRow$1 = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\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"])));
6539
+ var ButtonContainer$4 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
6540
+ var PageNumber$1 = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
6541
6541
  return props.theme.typography[props.size].fontSize;
6542
6542
  }); //=======================================================================
6543
6543
 
@@ -6598,8 +6598,8 @@ var CheckboxLookup = function CheckboxLookup(props) {
6598
6598
  return /*#__PURE__*/React__default.createElement(Container$l, _extends({}, themeProps, {
6599
6599
  className: className
6600
6600
  }), /*#__PURE__*/React__default.createElement(Global, {
6601
- styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
6602
- }), /*#__PURE__*/React__default.createElement(Table$1, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
6601
+ styles: css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
6602
+ }), /*#__PURE__*/React__default.createElement(Table$2, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
6603
6603
  check: style === "regular"
6604
6604
  }, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
6605
6605
  id: id,
@@ -6623,7 +6623,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
6623
6623
  size: size,
6624
6624
  theme: theme,
6625
6625
  tooltip: label
6626
- })), /*#__PURE__*/React__default.createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default.createElement(Body, themeProps, /*#__PURE__*/React__default.createElement(TransitionGroup$1, {
6626
+ })), /*#__PURE__*/React__default.createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default.createElement(Body$1, themeProps, /*#__PURE__*/React__default.createElement(TransitionGroup$1, {
6627
6627
  component: "div"
6628
6628
  }, _options.map(function (x, i) {
6629
6629
  var isChecked = false;
@@ -6663,25 +6663,25 @@ var CheckboxLookup = function CheckboxLookup(props) {
6663
6663
  size: size,
6664
6664
  theme: theme
6665
6665
  })), /*#__PURE__*/React__default.createElement(ColumnTitle, themeProps, x[itemText])));
6666
- })))), pagination && /*#__PURE__*/React__default.createElement(FooterRow, null, /*#__PURE__*/React__default.createElement(ButtonContainer$3, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6666
+ })))), pagination && /*#__PURE__*/React__default.createElement(FooterRow$1, null, /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6667
6667
  icon: "angle-double-left",
6668
6668
  onClick: function onClick() {
6669
6669
  return setPage(1);
6670
6670
  },
6671
6671
  disabled: page === 1 || disabled
6672
- }))), /*#__PURE__*/React__default.createElement(ButtonContainer$3, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6672
+ }))), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6673
6673
  icon: "angle-left",
6674
6674
  onClick: function onClick() {
6675
6675
  return setPage(page - 1);
6676
6676
  },
6677
6677
  disabled: page === 1 || disabled
6678
- }))), /*#__PURE__*/React__default.createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$3, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6678
+ }))), /*#__PURE__*/React__default.createElement(PageNumber$1, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6679
6679
  icon: "angle-right",
6680
6680
  onClick: function onClick() {
6681
6681
  return setPage(page + 1);
6682
6682
  },
6683
6683
  disabled: page === pageCount || disabled
6684
- }))), /*#__PURE__*/React__default.createElement(ButtonContainer$3, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6684
+ }))), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
6685
6685
  icon: "angle-double-right",
6686
6686
  onClick: function onClick() {
6687
6687
  return setPage(pageCount);
@@ -22657,13 +22657,13 @@ DropDown.propTypes = {
22657
22657
 
22658
22658
  var _excluded = ["duration", "delay", "children"];
22659
22659
 
22660
- var _templateObject$n, _templateObject2$i;
22660
+ var _templateObject$n, _templateObject2$j;
22661
22661
 
22662
22662
  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; }
22663
22663
 
22664
22664
  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(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; }
22665
22665
  var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
22666
- var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22666
+ var Wrapper$2 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22667
22667
 
22668
22668
  var FadeIn = function FadeIn(_ref) {
22669
22669
  var _ref$duration = _ref.duration,
@@ -22681,7 +22681,7 @@ var FadeIn = function FadeIn(_ref) {
22681
22681
  }), children);
22682
22682
  };
22683
22683
 
22684
- var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22684
+ var _templateObject$m, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22685
22685
 
22686
22686
  var paddingBySize$a = function paddingBySize(size) {
22687
22687
  if (size === "small") return "0.325rem 0.375rem";
@@ -22696,7 +22696,7 @@ var heightBySize$b = function heightBySize(size) {
22696
22696
  };
22697
22697
 
22698
22698
  var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
22699
- var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\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) {
22699
+ var Container$j = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\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) {
22700
22700
  return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
22701
22701
  }, function (props) {
22702
22702
  return heightBySize$b(props.size);
@@ -22705,14 +22705,14 @@ var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _tag
22705
22705
  }, function (props) {
22706
22706
  return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
22707
22707
  });
22708
- var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n display: flex;\n"])));
22709
- var InputContainer$2 = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
22710
- var ButtonContainer$2 = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\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) {
22708
+ var Inner$4 = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n display: flex;\n"])));
22709
+ var InputContainer$2 = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
22710
+ var ButtonContainer$3 = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\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) {
22711
22711
  return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
22712
22712
  }, function (props) {
22713
22713
  return props.clickable ? "pointer" : "inherit";
22714
22714
  });
22715
- var TimesButtonContainer = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral(["\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) {
22715
+ var TimesButtonContainer = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral(["\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) {
22716
22716
  return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
22717
22717
  });
22718
22718
  var LoadingButtonContainer = newStyled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral(["\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) {
@@ -22939,7 +22939,7 @@ var DropdownLookup = function DropdownLookup(props) {
22939
22939
  className: "fas fa-times fa-fw"
22940
22940
  })), loading && /*#__PURE__*/React__default.createElement(LoadingButtonContainer, themeProps, /*#__PURE__*/React__default.createElement("i", {
22941
22941
  className: "fas fa-redo fa-fw"
22942
- })), !loading && /*#__PURE__*/React__default.createElement(ButtonContainer$2, _extends({}, themeProps, {
22942
+ })), !loading && /*#__PURE__*/React__default.createElement(ButtonContainer$3, _extends({}, themeProps, {
22943
22943
  clickable: options == null || options.length === 0,
22944
22944
  onClick: function onClick() {
22945
22945
  if (options == null || options.length === 0) {
@@ -31277,11 +31277,11 @@ var AnimatePresence = function (_a) {
31277
31277
  : childrenToRender.map(function (child) { return cloneElement(child); })));
31278
31278
  };
31279
31279
 
31280
- var _templateObject$k, _templateObject2$g;
31280
+ var _templateObject$k, _templateObject2$h;
31281
31281
  var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\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) {
31282
31282
  return props.zIndex;
31283
31283
  });
31284
- var ModalContainer = newStyled(motion.div)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\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) {
31284
+ var ModalContainer = newStyled(motion.div)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\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) {
31285
31285
  return props.width;
31286
31286
  }, function (props) {
31287
31287
  return props.zIndex;
@@ -31586,13 +31586,13 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
31586
31586
  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"};
31587
31587
  styleInject(css_248z$6);
31588
31588
 
31589
- var _templateObject$j, _templateObject2$f, _templateObject3$b;
31589
+ var _templateObject$j, _templateObject2$g, _templateObject3$c;
31590
31590
 
31591
31591
  var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\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) {
31592
31592
  return props.show ? "block" : "none";
31593
31593
  });
31594
- var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
31595
- var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\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); //============================================================
31594
+ var ItemWrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
31595
+ var Item$4 = newStyled.a(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\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); //============================================================
31596
31596
 
31597
31597
  var DropdownMenu = function DropdownMenu(props) {
31598
31598
  var _props$actionData = props.actionData,
@@ -31668,13 +31668,13 @@ var freeze = function freeze(dependcies) {
31668
31668
  return freeze;
31669
31669
  };
31670
31670
 
31671
- var _templateObject$i, _templateObject2$e;
31671
+ var _templateObject$i, _templateObject2$f;
31672
31672
  var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\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) {
31673
31673
  return props.theme.typography.small.fontSize;
31674
31674
  }, function (props) {
31675
31675
  return props.theme.typography.fontFamily;
31676
31676
  });
31677
- var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
31677
+ var Item$3 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
31678
31678
  return props.first ? "0" : "6px";
31679
31679
  });
31680
31680
 
@@ -48991,19 +48991,19 @@ var TableSelectionType = {
48991
48991
  MULTIPLE: "multiple"
48992
48992
  };
48993
48993
 
48994
- var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
48995
- var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\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) {
48994
+ var _templateObject$h, _templateObject2$e, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8;
48995
+ var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\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) {
48996
48996
  return props.theme.typography.small.fontSize;
48997
48997
  }, function (props) {
48998
48998
  return props.theme.typography.fontFamily;
48999
48999
  });
49000
- var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
49000
+ var Item$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
49001
49001
  return props.first ? "0" : "6px";
49002
49002
  });
49003
- var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
49004
- var ItemText = newStyled.div(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
49005
- var ItemCurrentPage = newStyled.div(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
49006
- var ItemDropdown = newStyled.div(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral(["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
49003
+ var ExportItem = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
49004
+ var ItemText = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
49005
+ var ItemCurrentPage = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
49006
+ var ItemDropdown = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral(["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
49007
49007
 
49008
49008
  var Pagination = function Pagination(props) {
49009
49009
  //======================== PROPS ============================================
@@ -49236,13 +49236,13 @@ Pagination.propTypes = {
49236
49236
  color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
49237
49237
  };
49238
49238
 
49239
- 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;
49239
+ 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;
49240
49240
  var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
49241
- var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
49242
- var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
49243
- var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
49244
- var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
49245
- var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\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) {
49241
+ var Wrapper$1 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
49242
+ var TableTable$1 = newStyled.table(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
49243
+ var TableHead$1 = newStyled.thead(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
49244
+ var TableHeadRow$1 = newStyled.tr(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
49245
+ var TableHeadCell$1 = newStyled.th(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral(["\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) {
49246
49246
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
49247
49247
  }, theme.palette.primary.light, function (props) {
49248
49248
  return props.hideOrdering ? "inherit" : "pointer";
@@ -49453,7 +49453,7 @@ var TableView = function TableView(props) {
49453
49453
  }))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
49454
49454
  };
49455
49455
 
49456
- var _templateObject$f, _templateObject2$b;
49456
+ var _templateObject$f, _templateObject2$c;
49457
49457
 
49458
49458
  var heightBySize$5 = function heightBySize(size) {
49459
49459
  if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
@@ -49462,7 +49462,7 @@ var heightBySize$5 = function heightBySize(size) {
49462
49462
  };
49463
49463
 
49464
49464
  var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
49465
- var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\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) {
49465
+ var StyledSpinner = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\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) {
49466
49466
  return heightBySize$5(props.size);
49467
49467
  }, function (props) {
49468
49468
  return props.theme.palette[props.color].lighter;
@@ -49501,7 +49501,7 @@ Spinner.propTypes = {
49501
49501
  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";
49502
49502
  styleInject(css_248z$4);
49503
49503
 
49504
- 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;
49504
+ 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;
49505
49505
 
49506
49506
  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; }
49507
49507
 
@@ -49534,20 +49534,20 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
49534
49534
  var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
49535
49535
  return props.shadow === false ? "0" : "0 0 12px #bebebe";
49536
49536
  });
49537
- var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
49538
- var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
49539
- var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
49537
+ var TableContainer$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
49538
+ var PaginationContainer$1 = newStyled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
49539
+ var FormContainer$2 = newStyled.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
49540
49540
  return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
49541
49541
  });
49542
- var HeaderContainer$1 = newStyled.div(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\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"])));
49543
- var FlexItem$1 = newStyled.div(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
49542
+ var HeaderContainer$1 = newStyled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\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"])));
49543
+ var FlexItem$1 = newStyled.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
49544
49544
  newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\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"])));
49545
49545
  newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
49546
49546
  var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\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"])));
49547
49547
  var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
49548
49548
  var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
49549
49549
  var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n position: relative;\n"])));
49550
- var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
49550
+ var FilteringContainer = newStyled.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
49551
49551
 
49552
49552
  var DataView = function DataView(props) {
49553
49553
  var emptyFunc = function emptyFunc() {};
@@ -50071,13 +50071,13 @@ FormMovement.propTypes = {
50071
50071
  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";
50072
50072
  styleInject(css_248z$3);
50073
50073
 
50074
- 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;
50074
+ 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;
50075
50075
  var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
50076
- var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([""])));
50077
- var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
50078
- var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
50079
- var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
50080
- var TableHeadCell = newStyled.th(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\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) {
50076
+ var Wrapper = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral([""])));
50077
+ var TableTable = newStyled.table(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
50078
+ var TableHead = newStyled.thead(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
50079
+ var TableHeadRow = newStyled.tr(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
50080
+ var TableHeadCell = newStyled.th(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\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) {
50081
50081
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
50082
50082
  }, theme.palette.primary.light);
50083
50083
  var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
@@ -50094,11 +50094,11 @@ var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _t
50094
50094
  }, function (props) {
50095
50095
  if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
50096
50096
  });
50097
- var TableBodyCell = newStyled.td(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
50097
+ var TableBodyCell = newStyled.td(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
50098
50098
  return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
50099
50099
  });
50100
50100
 
50101
- var Table = function Table(props) {
50101
+ var Table$1 = function Table(props) {
50102
50102
  //======================== PROPS ============================================
50103
50103
  var _props$Columns = props.Columns,
50104
50104
  Columns = _props$Columns === void 0 ? [] : _props$Columns,
@@ -50291,7 +50291,7 @@ var Table = function Table(props) {
50291
50291
  }))), /*#__PURE__*/React__default.createElement(TableBody, null, renderBody()))));
50292
50292
  };
50293
50293
 
50294
- Table.defaultProps = {
50294
+ Table$1.defaultProps = {
50295
50295
  theme: theme,
50296
50296
  size: "small",
50297
50297
  color: "primary",
@@ -50321,7 +50321,7 @@ Table.defaultProps = {
50321
50321
  EnableOrdering: false,
50322
50322
  SelectionType: "single"
50323
50323
  };
50324
- Table.propTypes = {
50324
+ Table$1.propTypes = {
50325
50325
  theme: PropTypes.object.isRequired,
50326
50326
  size: PropTypes.string,
50327
50327
  color: PropTypes.string,
@@ -50570,7 +50570,7 @@ uuid.v4 = v4;
50570
50570
 
50571
50571
  var uuid_1 = uuid;
50572
50572
 
50573
- 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;
50573
+ 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;
50574
50574
 
50575
50575
  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; }
50576
50576
 
@@ -50638,7 +50638,9 @@ var getDefaultState = function getDefaultState() {
50638
50638
  SelectedEntirePage: false,
50639
50639
  SelectionType: TableSelectionType.MULTIPLE,
50640
50640
  Columns: [],
50641
- Actions: []
50641
+ Actions: [],
50642
+ FooterText: "",
50643
+ HeaderText: ""
50642
50644
  },
50643
50645
  Form: {
50644
50646
  Mode: "READ",
@@ -50679,19 +50681,29 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
50679
50681
  };
50680
50682
 
50681
50683
  var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
50682
- var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
50683
- var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
50684
- var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
50684
+ var TableContainer = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
50685
+ var PaginationContainer = newStyled.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
50686
+ var ItemFooterText = newStyled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\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) {
50687
+ return props.theme.typography.small.fontSize;
50688
+ }, function (props) {
50689
+ return props.theme.typography.fontFamily;
50690
+ });
50691
+ var ItemHeaderText = newStyled.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\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) {
50692
+ return props.theme.typography.small.fontSize;
50693
+ }, function (props) {
50694
+ return props.theme.typography.fontFamily;
50695
+ });
50696
+ var FormContainer$1 = newStyled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
50685
50697
  return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
50686
50698
  });
50687
- var HeaderContainer = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\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"])));
50688
- var FlexItem = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
50689
- var DeveloperMessageContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\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"])));
50690
- var DeveloperMessage = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
50691
- var LoaderContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\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"])));
50692
- var LoaderContainerTransparent = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
50693
- var Loader = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
50694
- var DivRelative = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
50699
+ var HeaderContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\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"])));
50700
+ var FlexItem = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
50701
+ var DeveloperMessageContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\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"])));
50702
+ var DeveloperMessage = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
50703
+ var LoaderContainer = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\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"])));
50704
+ var LoaderContainerTransparent = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
50705
+ var Loader = newStyled.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
50706
+ var DivRelative = newStyled.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
50695
50707
  var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
50696
50708
  //====================== PROPS ======================================================
50697
50709
  var theme = props.theme,
@@ -50859,7 +50871,9 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
50859
50871
  SelectedEntirePage: false,
50860
50872
  SelectionType: TableSelectionType.MULTIPLE,
50861
50873
  Columns: [],
50862
- Actions: []
50874
+ Actions: [],
50875
+ FooterText: "",
50876
+ HeaderText: ""
50863
50877
  },
50864
50878
  Form: {
50865
50879
  Mode: "READ",
@@ -51768,6 +51782,14 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
51768
51782
  }));
51769
51783
  };
51770
51784
 
51785
+ var renderHeaderText = function renderHeaderText() {
51786
+ if (state.General.CurrentView !== "TableView" || Load === null) {
51787
+ return false;
51788
+ }
51789
+
51790
+ return /*#__PURE__*/React__default.createElement(ItemHeaderText, themeProps, props.HeaderText);
51791
+ };
51792
+
51771
51793
  var renderLookupTakeValues = function renderLookupTakeValues() {
51772
51794
  if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51773
51795
  return /*#__PURE__*/React__default.createElement(FlexItem, null, /*#__PURE__*/React__default.createElement(Button$1, {
@@ -51854,7 +51876,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
51854
51876
  return /*#__PURE__*/React__default.createElement(PaginationContainer, null, /*#__PURE__*/React__default.createElement(Pagination, _extends({}, cfg, {
51855
51877
  inverted: true,
51856
51878
  Localization: Localization.Pagination || {}
51857
- })));
51879
+ })), /*#__PURE__*/React__default.createElement(ItemFooterText, themeProps, props.FooterText));
51858
51880
  };
51859
51881
 
51860
51882
  var renderSpinner = function renderSpinner() {
@@ -51865,7 +51887,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
51865
51887
  var renderTable = function renderTable() {
51866
51888
  if (state.General.CurrentView !== "TableView" && state.General.DataFromBackend) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
51867
51889
  var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
51868
- return /*#__PURE__*/React__default.createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default.createElement(Table, {
51890
+ return /*#__PURE__*/React__default.createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default.createElement(Table$1, {
51869
51891
  IsLoading: state.General.IsLoading,
51870
51892
  Columns: state.Table.Columns,
51871
51893
  Data: state.Table.Data,
@@ -51932,7 +51954,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
51932
51954
  var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
51933
51955
  var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
51934
51956
  var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
51935
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default.createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
51957
+ if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default.createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderHeaderText(), renderLookupTakeValues());
51936
51958
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
51937
51959
  };
51938
51960
 
@@ -52033,8 +52055,17 @@ var TagItem = function TagItem(props) {
52033
52055
  }, text);
52034
52056
  };
52035
52057
 
52036
- var _templateObject$9;
52037
- var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\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"])));
52058
+ var _templateObject$9, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3;
52059
+ var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\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);
52060
+ var ButtonContainer$2 = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
52061
+ var PageNumber = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
52062
+ return props.theme.typography[props.size].fontSize;
52063
+ });
52064
+ var Table = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
52065
+ var FooterRow = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\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"])));
52066
+ var Body = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\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) {
52067
+ return props.height && props.height !== "" ? props.height : "auto";
52068
+ });
52038
52069
 
52039
52070
  var TagSelector = function TagSelector(props) {
52040
52071
  var _props$tags = props.tags,
@@ -52049,7 +52080,27 @@ var TagSelector = function TagSelector(props) {
52049
52080
  theme = props.theme,
52050
52081
  mapId = props.mapId,
52051
52082
  mapName = props.mapName,
52052
- className = props.className;
52083
+ className = props.className,
52084
+ pagination = props.pagination,
52085
+ height = props.height,
52086
+ width = props.width,
52087
+ displayedItemsCount = props.displayedItemsCount;
52088
+ var themeProps = {
52089
+ theme: theme,
52090
+ size: size,
52091
+ color: color,
52092
+ height: height,
52093
+ width: width
52094
+ };
52095
+
52096
+ var _useState = useState(1),
52097
+ _useState2 = _slicedToArray(_useState, 2),
52098
+ page = _useState2[0],
52099
+ setPage = _useState2[1];
52100
+
52101
+ var pageCount = Math.floor(tags.length / displayedItemsCount) + 1;
52102
+
52103
+ var _tags = pagination ? tags.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : tags;
52053
52104
 
52054
52105
  var calculateSelectionForTag = function calculateSelectionForTag(tagId) {
52055
52106
  return selectedTags.find(function (item) {
@@ -52058,8 +52109,8 @@ var TagSelector = function TagSelector(props) {
52058
52109
  };
52059
52110
 
52060
52111
  var renderTags = function renderTags() {
52061
- return tags.map(function (tag, i) {
52062
- return /*#__PURE__*/React__default.createElement(TagItem, {
52112
+ return /*#__PURE__*/React__default.createElement(Body, themeProps, _tags.map(function (tag, i) {
52113
+ return /*#__PURE__*/React__default.createElement(TagItem, _extends({}, themeProps, {
52063
52114
  key: i,
52064
52115
  text: tag[mapName],
52065
52116
  id: tag[mapId],
@@ -52069,16 +52120,37 @@ var TagSelector = function TagSelector(props) {
52069
52120
  size: size,
52070
52121
  color: color,
52071
52122
  theme: theme
52072
- });
52073
- });
52123
+ }));
52124
+ }));
52074
52125
  };
52075
52126
 
52076
- return /*#__PURE__*/React__default.createElement(Container$a, {
52077
- size: size,
52078
- color: color,
52079
- theme: theme,
52127
+ return /*#__PURE__*/React__default.createElement(Container$a, _extends({}, themeProps, {
52080
52128
  className: className
52081
- }, renderTags());
52129
+ }), /*#__PURE__*/React__default.createElement(Table, null, renderTags(), pagination && /*#__PURE__*/React__default.createElement(FooterRow, null, /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
52130
+ icon: "angle-double-left",
52131
+ onClick: function onClick() {
52132
+ return setPage(1);
52133
+ },
52134
+ disabled: page === 1 || disabled
52135
+ }))), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
52136
+ icon: "angle-left",
52137
+ onClick: function onClick() {
52138
+ return setPage(page - 1);
52139
+ },
52140
+ disabled: page === 1 || disabled
52141
+ }))), /*#__PURE__*/React__default.createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
52142
+ icon: "angle-right",
52143
+ onClick: function onClick() {
52144
+ return setPage(page + 1);
52145
+ },
52146
+ disabled: page === pageCount || disabled
52147
+ }))), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
52148
+ icon: "angle-double-right",
52149
+ onClick: function onClick() {
52150
+ return setPage(pageCount);
52151
+ },
52152
+ disabled: page === pageCount || disabled
52153
+ }))))));
52082
52154
  };
52083
52155
 
52084
52156
  TagSelector.defaultProps = {
@@ -52092,7 +52164,9 @@ TagSelector.defaultProps = {
52092
52164
  selectedTags: [],
52093
52165
  toggleTagSelection: function toggleTagSelection() {},
52094
52166
  mapId: "id",
52095
- mapName: "name"
52167
+ mapName: "name",
52168
+ displayedItemsCount: 7,
52169
+ pagination: true
52096
52170
  };
52097
52171
  TagSelector.propTypes = {
52098
52172
  theme: PropTypes.object.isRequired,
@@ -52104,6 +52178,8 @@ TagSelector.propTypes = {
52104
52178
  className: PropTypes.string,
52105
52179
  mapId: PropTypes.string,
52106
52180
  mapName: PropTypes.string,
52181
+ displayedItemsCount: PropTypes.number,
52182
+ pagination: PropTypes.bool,
52107
52183
  size: PropTypes.oneOf(["small", "medium", "large"]),
52108
52184
  color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
52109
52185
  };