@lanaco/lnc-react-ui 2.1.5 → 2.1.9

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 +152 -131
  2. package/lib/index.js +152 -131
  3. package/package.json +1 -1
package/lib/index.js CHANGED
@@ -4616,7 +4616,7 @@ if (process.env.NODE_ENV !== 'production') {
4616
4616
  }
4617
4617
  }
4618
4618
 
4619
- var _templateObject$o;
4619
+ var _templateObject$p;
4620
4620
 
4621
4621
  var getCheckboxCss = function getCheckboxCss(props) {
4622
4622
  var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
@@ -4661,7 +4661,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
4661
4661
  height = "1.6875rem";
4662
4662
  }
4663
4663
 
4664
- return css(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
4664
+ return css(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral__default['default'](["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
4665
4665
  };
4666
4666
 
4667
4667
  var CheckBox = function CheckBox(props) {
@@ -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$n, _templateObject2$i, _templateObject3$d;
4719
+ var _templateObject$o, _templateObject2$j, _templateObject3$e;
4720
4720
 
4721
4721
  var getLabelAndTextProps = function getLabelAndTextProps() {
4722
4722
  return {
@@ -4787,14 +4787,14 @@ var Label = newStyled.label(function (props) {
4787
4787
  }
4788
4788
  };
4789
4789
  });
4790
- var Text$2 = newStyled.label(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
4790
+ var Text$2 = newStyled.label(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
4791
4791
  return props.theme.typography.fontFamily;
4792
4792
  }, function (props) {
4793
4793
  return props.theme.typography[props.size].fontSize;
4794
4794
  }, function (props) {
4795
4795
  return getLabelAndTextProps()[props.size].top;
4796
4796
  });
4797
- var Input$4 = newStyled.input(_templateObject2$i || (_templateObject2$i = _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$j || (_templateObject2$j = _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$i || (_templateObject2$i = _tagge
4827
4827
  }, function (props) {
4828
4828
  return props.theme.palette.gray[1000];
4829
4829
  });
4830
- var Span$2 = newStyled.span(_templateObject3$d || (_templateObject3$d = _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$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) {
4831
4831
  return getSpanProps()[props.size].top;
4832
4832
  }, function (props) {
4833
4833
  return getSpanProps()[props.size].left;
@@ -6554,12 +6554,12 @@ SwitchTransition.defaultProps = {
6554
6554
  };
6555
6555
  var SwitchTransition$1 = SwitchTransition;
6556
6556
 
6557
- var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$2;
6558
- var Container$k = newStyled.div(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
6557
+ var _templateObject$n, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
6558
+ var Container$k = newStyled.div(_templateObject$n || (_templateObject$n = _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$h || (_templateObject2$h = _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$c || (_templateObject3$c = _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$1 = newStyled.div(_templateObject2$i || (_templateObject2$i = _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) {
6563
6563
  return props.height && props.height !== "" ? props.height : "auto";
6564
6564
  });
6565
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"])));
@@ -6638,7 +6638,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
6638
6638
  return /*#__PURE__*/React__default['default'].createElement(Container$k, _extends__default['default']({}, themeProps, {
6639
6639
  className: className
6640
6640
  }), /*#__PURE__*/React__default['default'].createElement(Global, {
6641
- styles: css(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
6641
+ 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 "])))
6642
6642
  }), /*#__PURE__*/React__default['default'].createElement(Table$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
6643
6643
  check: style === "regular"
6644
6644
  }, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
@@ -22511,7 +22511,7 @@ var DateInput = function DateInput(props) {
22511
22511
  React.useEffect(function () {
22512
22512
  var timeOutId = setTimeout(function () {
22513
22513
  return handleDelayedOnChange();
22514
- }, 1500);
22514
+ }, 350);
22515
22515
  return function () {
22516
22516
  return clearTimeout(timeOutId);
22517
22517
  };
@@ -22691,13 +22691,13 @@ DropDown.propTypes = {
22691
22691
 
22692
22692
  var _excluded = ["duration", "delay", "children"];
22693
22693
 
22694
- var _templateObject$l, _templateObject2$g;
22694
+ var _templateObject$m, _templateObject2$h;
22695
22695
 
22696
22696
  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; }
22697
22697
 
22698
22698
  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; }
22699
- var fadeIn = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
22700
- var Wrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22699
+ var fadeIn = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
22700
+ var Wrapper$2 = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
22701
22701
 
22702
22702
  var FadeIn = function FadeIn(_ref) {
22703
22703
  var _ref$duration = _ref.duration,
@@ -22715,7 +22715,7 @@ var FadeIn = function FadeIn(_ref) {
22715
22715
  }), children);
22716
22716
  };
22717
22717
 
22718
- var _templateObject$k, _templateObject2$f, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22718
+ var _templateObject$l, _templateObject2$g, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
22719
22719
 
22720
22720
  var paddingBySize$a = function paddingBySize(size) {
22721
22721
  if (size === "small") return "0.325rem 0.375rem";
@@ -22729,8 +22729,8 @@ var heightBySize$b = function heightBySize(size) {
22729
22729
  if (size === "large") return "2.25rem";
22730
22730
  };
22731
22731
 
22732
- var spin$2 = keyframes$2(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
22733
- var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _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) {
22732
+ var spin$2 = keyframes$2(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
22733
+ var Container$i = newStyled.div(_templateObject2$g || (_templateObject2$g = _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) {
22734
22734
  return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
22735
22735
  }, function (props) {
22736
22736
  return heightBySize$b(props.size);
@@ -22739,7 +22739,7 @@ var Container$i = newStyled.div(_templateObject2$f || (_templateObject2$f = _tag
22739
22739
  }, function (props) {
22740
22740
  return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
22741
22741
  });
22742
- var Inner$4 = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
22742
+ var Inner$4 = newStyled.div(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
22743
22743
  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"])));
22744
22744
  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) {
22745
22745
  return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
@@ -23016,7 +23016,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
23016
23016
  onChange: PropTypes__default['default'].func
23017
23017
  }, _defineProperty__default['default'](_DropdownLookup$propT, "load", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "clear", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "className", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "initialValue", PropTypes__default['default'].object), _defineProperty__default['default'](_DropdownLookup$propT, "notItemsFoundText", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "size", PropTypes__default['default'].oneOf(["small", "medium", "large"])), _defineProperty__default['default'](_DropdownLookup$propT, "color", PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
23018
23018
 
23019
- var _templateObject$j;
23019
+ var _templateObject$k;
23020
23020
 
23021
23021
  var getPadding = function getPadding(size) {
23022
23022
  if (size === "small") return "0.4125rem 0.34375rem";
@@ -23030,7 +23030,7 @@ var heightBySize$a = function heightBySize(size) {
23030
23030
  if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
23031
23031
  };
23032
23032
 
23033
- var Span$1 = newStyled.span(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
23033
+ var Span$1 = newStyled.span(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
23034
23034
  return props.theme.typography[props.size].fontSize;
23035
23035
  }, function (props) {
23036
23036
  return getPadding(props.size);
@@ -23483,13 +23483,12 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
23483
23483
  onChange(id, val);
23484
23484
  };
23485
23485
 
23486
- return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, _defineProperty__default['default']({
23486
+ return /*#__PURE__*/React__default['default'].createElement(StyledTextInput$1, {
23487
23487
  theme: theme,
23488
23488
  size: size,
23489
23489
  color: color,
23490
23490
  onChange: handleOnChange,
23491
23491
  onPaste: handleOnChange,
23492
- onBlur: handleOnBlur,
23493
23492
  className: className,
23494
23493
  disabled: disabled,
23495
23494
  value: val,
@@ -23501,11 +23500,13 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
23501
23500
  onInput: function onInput(e) {
23502
23501
  e.target.style.whiteSpace = "inherit";
23503
23502
  e.target.style.height = "".concat(e.target.scrollHeight, "px");
23503
+ },
23504
+ onBlur: function onBlur(e) {
23505
+ e.target.style.height = heightBySize$7(size);
23506
+ e.target.style.whiteSpace = "nowrap";
23507
+ handleOnBlur(e);
23504
23508
  }
23505
- }, "onBlur", function onBlur(e) {
23506
- e.target.style.height = heightBySize$7(size);
23507
- e.target.style.whiteSpace = "nowrap";
23508
- }));
23509
+ });
23509
23510
  });
23510
23511
  TextArea.defaultProps = {
23511
23512
  id: "",
@@ -31356,11 +31357,11 @@ var AnimatePresence = function (_a) {
31356
31357
  : childrenToRender.map(function (child) { return React.cloneElement(child); })));
31357
31358
  };
31358
31359
 
31359
- var _templateObject$i, _templateObject2$e;
31360
- var Overlay = newStyled(motion.div)(_templateObject$i || (_templateObject$i = _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) {
31360
+ var _templateObject$j, _templateObject2$f;
31361
+ var Overlay = newStyled(motion.div)(_templateObject$j || (_templateObject$j = _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) {
31361
31362
  return props.zIndex;
31362
31363
  });
31363
- var ModalContainer = newStyled(motion.div)(_templateObject2$e || (_templateObject2$e = _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) {
31364
+ var ModalContainer = newStyled(motion.div)(_templateObject2$f || (_templateObject2$f = _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) {
31364
31365
  return props.width;
31365
31366
  }, function (props) {
31366
31367
  return props.zIndex;
@@ -31426,19 +31427,7 @@ function Modal$1(props) {
31426
31427
 
31427
31428
  var onClickOutsideModal = function onClickOutsideModal(event) {
31428
31429
  if (event.target !== event.currentTarget) return;
31429
- if (clickOutsideToClose || !showHeader) onClose();
31430
- };
31431
-
31432
- var modalVariant = {
31433
- initial: {
31434
- opacity: 0
31435
- },
31436
- isOpen: {
31437
- opacity: 1
31438
- },
31439
- exit: {
31440
- opacity: 0
31441
- }
31430
+ if (clickOutsideToClose || !showHeader) onClose(event);
31442
31431
  };
31443
31432
  var containerVariant = {
31444
31433
  initial: {
@@ -31454,14 +31443,10 @@ function Modal$1(props) {
31454
31443
  top: "-50%"
31455
31444
  }
31456
31445
  };
31457
- return /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
31458
- initial: "initial",
31459
- animate: "isOpen",
31460
- exit: "exit",
31461
- variants: modalVariant,
31446
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
31462
31447
  onClick: onClickOutsideModal,
31463
31448
  className: className
31464
- }), /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
31449
+ }), /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
31465
31450
  initial: "initial",
31466
31451
  animate: "isOpen",
31467
31452
  exit: "exit",
@@ -31469,9 +31454,11 @@ function Modal$1(props) {
31469
31454
  }), showHeader && /*#__PURE__*/React__default['default'].createElement(Header$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Title$1, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
31470
31455
  icon: "times",
31471
31456
  iconStyle: "solid",
31472
- onClick: onClose,
31457
+ onClick: function onClick(e) {
31458
+ return onClose(e);
31459
+ },
31473
31460
  color: basic ? "transparent" : themeProps.color
31474
- })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children))));
31461
+ })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children)))));
31475
31462
  }
31476
31463
 
31477
31464
  Modal$1.defaultProps = {
@@ -31677,26 +31664,52 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
31677
31664
  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"};
31678
31665
  styleInject(css_248z$6);
31679
31666
 
31667
+ var _templateObject$i, _templateObject2$e, _templateObject3$b;
31668
+
31669
+ var Dropdown = newStyled.div(_templateObject$i || (_templateObject$i = _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) {
31670
+ return props.show ? "block" : "none";
31671
+ });
31672
+ var ItemWrapper$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
31673
+ 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); //============================================================
31674
+
31680
31675
  var DropdownMenu = function DropdownMenu(props) {
31681
31676
  var _props$actionData = props.actionData,
31682
31677
  actionData = _props$actionData === void 0 ? function () {} : _props$actionData,
31683
31678
  _props$items = props.items,
31684
31679
  items = _props$items === void 0 ? [] : _props$items;
31685
- return /*#__PURE__*/React__default['default'].createElement("div", {
31686
- className: props.disabled ? styles$1.disabled : styles$1.dropdown
31687
- }, /*#__PURE__*/React__default['default'].createElement("span", {
31688
- className: styles$1.dropbtn,
31689
- disabled: props.disabled
31690
- }, props.label, "\xA0\xA0", /*#__PURE__*/React__default['default'].createElement("span", {
31691
- className: styles$1.iconSpan
31692
- }, /*#__PURE__*/React__default['default'].createElement("i", {
31693
- iconClassName: props.downDoubleIconClassName
31694
- }))), /*#__PURE__*/React__default['default'].createElement("div", {
31695
- className: styles$1.dropdownContent
31680
+
31681
+ var _useState = React.useState(false),
31682
+ _useState2 = _slicedToArray__default['default'](_useState, 2),
31683
+ show = _useState2[0],
31684
+ setShow = _useState2[1];
31685
+
31686
+ var onHover = function onHover() {
31687
+ if (props.disabled !== true) setShow(true);
31688
+ };
31689
+
31690
+ var onBlur = function onBlur() {
31691
+ setShow(false);
31692
+ };
31693
+
31694
+ return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
31695
+ onMouseOver: onHover,
31696
+ onMouseOut: onBlur
31697
+ }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
31698
+ disabled: props.disabled,
31699
+ onClick: onHover,
31700
+ icon: "bars",
31701
+ inverted: true
31702
+ })), /*#__PURE__*/React__default['default'].createElement(Dropdown, {
31703
+ show: show
31696
31704
  }, items.map(function (x, i) {
31697
- return /*#__PURE__*/React__default['default'].createElement("a", {
31705
+ return /*#__PURE__*/React__default['default'].createElement(ItemWrapper$2, {
31698
31706
  key: i,
31707
+ onMouseOver: onHover,
31708
+ onMouseOut: onBlur
31709
+ }, /*#__PURE__*/React__default['default'].createElement(Item$4, {
31699
31710
  href: "#",
31711
+ onMouseOver: onHover,
31712
+ onMouseOut: onBlur,
31700
31713
  onClick: function onClick(e) {
31701
31714
  e.preventDefault();
31702
31715
  x.action(actionData);
@@ -31706,8 +31719,8 @@ var DropdownMenu = function DropdownMenu(props) {
31706
31719
  }, /*#__PURE__*/React__default['default'].createElement("span", {
31707
31720
  className: styles$1.linkIconSpan
31708
31721
  }, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
31709
- iconClassName: x.iconClassName
31710
- })), x.name));
31722
+ icon: x.icon
31723
+ })), x.name)));
31711
31724
  })));
31712
31725
  };
31713
31726
 
@@ -49051,7 +49064,7 @@ var lodash = {exports: {}};
49051
49064
  }.call(commonjsGlobal));
49052
49065
  }(lodash, lodash.exports));
49053
49066
 
49054
- var TableSelectionType$1 = {
49067
+ var TableSelectionType = {
49055
49068
  SINGLE: "single",
49056
49069
  MULTIPLE: "multiple"
49057
49070
  };
@@ -49303,11 +49316,11 @@ Pagination.propTypes = {
49303
49316
 
49304
49317
  var _templateObject$f, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
49305
49318
  var Container$d = newStyled.div(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
49306
- var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default']([""])));
49319
+ var Wrapper$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
49307
49320
  var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
49308
49321
  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);
49309
49322
  var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
49310
- 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\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: pointer;\n }\n"])), function (props) {
49323
+ 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: pointer;\n }\n"])), function (props) {
49311
49324
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
49312
49325
  }, theme.palette.primary.light);
49313
49326
  var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _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"])));
@@ -49491,7 +49504,9 @@ var TableView = function TableView(props) {
49491
49504
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(TableBodyRow$1, {
49492
49505
  selectedRow: rowSelected,
49493
49506
  key: i
49494
- }, renderSelectionCell(dataItem, rowSelected, i), Columns.map(function (col, j) {
49507
+ }, renderSelectionCell(dataItem, rowSelected, i), Columns.filter(function (x) {
49508
+ return x.hide !== true;
49509
+ }).map(function (col, j) {
49495
49510
  return renderBodyCell(dataItem, col, i, j);
49496
49511
  })));
49497
49512
  }; // const renderCell = (rowData, def, key) => {
@@ -49523,20 +49538,13 @@ var TableView = function TableView(props) {
49523
49538
  var onClick = !isFunction(def.specialRender) ? function () {
49524
49539
  ChangeToFormView(dataItem);
49525
49540
  } : function () {};
49526
- if (!EnableFormView) onClick = function onClick() {};
49527
-
49528
- if (!EnableFormView && EnableSelection) {
49529
- var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
49530
-
49531
- onClick = function onClick() {
49532
- return handleOnSelection(dataItem, {
49533
- target: {
49534
- checked: !checked
49535
- }
49536
- });
49537
- };
49538
- }
49541
+ if (!EnableFormView) onClick = function onClick() {}; // if (!EnableFormView && EnableSelection) {
49542
+ // var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
49543
+ // onClick = () =>
49544
+ // handleOnSelection(dataItem, { target: { checked: !checked } });
49545
+ // }
49539
49546
 
49547
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
49540
49548
  var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
49541
49549
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49542
49550
  key: tabIndex,
@@ -49545,7 +49553,7 @@ var TableView = function TableView(props) {
49545
49553
  };
49546
49554
 
49547
49555
  var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
49548
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49556
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49549
49557
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49550
49558
  selectionCell: true,
49551
49559
  key: -1
@@ -49645,13 +49653,13 @@ var TableView = function TableView(props) {
49645
49653
  };
49646
49654
 
49647
49655
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
49648
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49656
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49649
49657
  if (SelectedEntirePage && Localization.DeselectAll) ;
49650
49658
  if (!SelectedEntirePage && Localization.SelectAll) ;
49651
49659
  return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
49652
49660
  selectionCell: true,
49653
49661
  key: -1
49654
- }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
49662
+ }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
49655
49663
  checked: SelectedEntirePage,
49656
49664
  onChange: function onChange() {
49657
49665
  return handleSelectAll(!SelectedEntirePage);
@@ -49662,7 +49670,9 @@ var TableView = function TableView(props) {
49662
49670
 
49663
49671
  return /*#__PURE__*/React__default['default'].createElement(Container$d, null, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, null, /*#__PURE__*/React__default['default'].createElement(TableTable$1, {
49664
49672
  cellSpacing: 0
49665
- }, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.map(function (col, i) {
49673
+ }, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
49674
+ return x.hide !== true;
49675
+ }).map(function (col, i) {
49666
49676
  return renderHeaderCell(col, i);
49667
49677
  }))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody())))); // return (
49668
49678
  // <div>
@@ -49725,7 +49735,7 @@ Spinner.propTypes = {
49725
49735
  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";
49726
49736
  styleInject(css_248z$4);
49727
49737
 
49728
- var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3;
49738
+ var _templateObject$d, _templateObject2$9, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
49729
49739
 
49730
49740
  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; }
49731
49741
 
@@ -49755,7 +49765,9 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
49755
49765
  return css;
49756
49766
  };
49757
49767
 
49758
- var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n box-shadow: 0 0 12px #bebebe;\n border-radius: 3px;\n padding: 0 4px;\n"])));
49768
+ var Container$c = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
49769
+ return props.shadow === false ? "0" : "0 0 12px #bebebe";
49770
+ });
49759
49771
  var TableContainer$1 = 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"])));
49760
49772
  var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
49761
49773
  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) {
@@ -49769,6 +49781,7 @@ var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4
49769
49781
  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"])));
49770
49782
  var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
49771
49783
  var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
49784
+ var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
49772
49785
 
49773
49786
  var DataView = function DataView(props) {
49774
49787
  var emptyFunc = function emptyFunc() {};
@@ -49787,7 +49800,9 @@ var DataView = function DataView(props) {
49787
49800
  Table = _ref.Table,
49788
49801
  Form = _ref.Form;
49789
49802
 
49790
- var _props$ChangeToFormVi = props.ChangeToFormView,
49803
+ var _props$Shadow = props.Shadow,
49804
+ Shadow = _props$Shadow === void 0 ? true : _props$Shadow,
49805
+ _props$ChangeToFormVi = props.ChangeToFormView,
49791
49806
  ChangeToFormView = _props$ChangeToFormVi === void 0 ? emptyFunc : _props$ChangeToFormVi,
49792
49807
  _props$ChangeToTableV = props.ChangeToTableView,
49793
49808
  ChangeToTableView = _props$ChangeToTableV === void 0 ? emptyFunc : _props$ChangeToTableV,
@@ -49802,9 +49817,12 @@ var DataView = function DataView(props) {
49802
49817
  _props$OnSelectAll = props.OnSelectAll,
49803
49818
  OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
49804
49819
  _props$FormView = props.FormView,
49805
- FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView;
49806
- props.FilteringView;
49807
- var _props$OnHeaderClick = props.OnHeaderClick,
49820
+ FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
49821
+ _props$FilteringView = props.FilteringView,
49822
+ FilteringView = _props$FilteringView === void 0 ? function () {
49823
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49824
+ } : _props$FilteringView,
49825
+ _props$OnHeaderClick = props.OnHeaderClick,
49808
49826
  OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
49809
49827
  _props$OnRefresh = props.OnRefresh,
49810
49828
  OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
@@ -49947,7 +49965,8 @@ var DataView = function DataView(props) {
49947
49965
  goToPreviousPage: goToPreviousPage,
49948
49966
  goToFirstPage: goToFirstPage,
49949
49967
  goToLastPage: goToLastPage,
49950
- EnableExports: Options.EnableExports
49968
+ EnableExports: Options.EnableExports,
49969
+ Localization: Localization.Pagination
49951
49970
  })
49952
49971
  }; //======== METHODS ========
49953
49972
 
@@ -49975,13 +49994,26 @@ var DataView = function DataView(props) {
49975
49994
  }
49976
49995
  },
49977
49996
  disabled: Table.SelectedData.length === 0,
49978
- icon: "plus"
49997
+ icon: "arrow-circle-down",
49998
+ inverted: true
49979
49999
  }));
49980
50000
  }
49981
50001
 
49982
50002
  return false;
49983
50003
  };
49984
50004
 
50005
+ var renderContextMenu = function renderContextMenu() {
50006
+ if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
50007
+ return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
50008
+ disabled: freezeLoading([Table.SelectedData.length === 0]),
50009
+ items: Table.Actions || [],
50010
+ label: Localization.Actions,
50011
+ actionData: Table.SelectedData,
50012
+ downDoubleIconClassName: Icons.DownDouble
50013
+ }));
50014
+ } else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50015
+ };
50016
+
49985
50017
  var renderRefreshButton = function renderRefreshButton() {
49986
50018
  if (General.CurrentView !== ViewType.TABLE_VIEW || !General.DataFromBackend) return false;
49987
50019
  return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
@@ -50072,6 +50104,11 @@ var DataView = function DataView(props) {
50072
50104
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(LoaderContainer$1, null), /*#__PURE__*/React__default['default'].createElement(LoaderContainerTransparent$1, null, /*#__PURE__*/React__default['default'].createElement(Loader$1, null, Table.Data.length > 2 ? /*#__PURE__*/React__default['default'].createElement(Spinner, null) : /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null))));
50073
50105
  };
50074
50106
 
50107
+ var renderFiltering = function renderFiltering() {
50108
+ if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50109
+ return /*#__PURE__*/React__default['default'].createElement(FilteringContainer, null, FilteringView());
50110
+ };
50111
+
50075
50112
  var renderFormViewMovement = function renderFormViewMovement() {
50076
50113
  if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
50077
50114
  return /*#__PURE__*/React__default['default'].createElement(FormViewMovement, {
@@ -50088,8 +50125,9 @@ var DataView = function DataView(props) {
50088
50125
  var x4 = Options.EnableFormViewMovement && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD" ? true : false;
50089
50126
  var x5 = Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || General.CurrentView !== "FormView" ? false : true;
50090
50127
  var x6 = General.CurrentView !== "TableView" ? false : true;
50091
- var x7 = General.IsLookup && Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
50092
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
50128
+ var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
50129
+ var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
50130
+ if (x1 || x2 || x3 || x4 || x5 || x6 || x7 || x8) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues(), renderContextMenu());
50093
50131
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50094
50132
  };
50095
50133
 
@@ -50141,7 +50179,9 @@ var DataView = function DataView(props) {
50141
50179
 
50142
50180
  var renderComponent = function renderComponent() {
50143
50181
  var key = General.CurrentView !== "TableView" && General.DataFromBackend;
50144
- return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
50182
+ return /*#__PURE__*/React__default['default'].createElement(Container$c, _extends__default['default']({}, themeProps, {
50183
+ shadow: Shadow
50184
+ }), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
50145
50185
  mode: "out-in"
50146
50186
  }, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
50147
50187
  key: key,
@@ -50157,26 +50197,7 @@ var DataView = function DataView(props) {
50157
50197
  node.addEventListener("transitionend", done, false);
50158
50198
  },
50159
50199
  classNames: "fade2"
50160
- }, renderPagination()))) // <div>
50161
- // <div className={styles.flexContainer}>
50162
- // <div className={styles.flexInnerContainer}>
50163
- // {renderChangeToTableView()}
50164
- // {renderSwitchToEditModeButton()}
50165
- // {renderGoToAddButton()}
50166
- // {renderDeleteSelectedButton()}
50167
- // {renderDeleteConfirmationBox()}
50168
- // {renderAddWithCopyButton()}
50169
- // {renderLookupTakeValues()}
50170
- // {renderRefreshButton()}
50171
- // {renderContextMenu()}
50172
- // </div>
50173
- // <div className={styles.filterContainerHolder}>
50174
- // {renderFiltering()}
50175
- // </div>
50176
- // </div>
50177
- // <div className={mergeCSS([styles.view])}>{renderView()}</div>
50178
- // </div>
50179
- ;
50200
+ }, renderPagination())));
50180
50201
  };
50181
50202
 
50182
50203
  return renderComponent();
@@ -50376,7 +50397,7 @@ var Table = function Table(props) {
50376
50397
  _ref3$EnableOrdering = _ref3.EnableOrdering,
50377
50398
  EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
50378
50399
  _ref3$SelectionType = _ref3.SelectionType,
50379
- SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
50400
+ SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
50380
50401
 
50381
50402
 
50382
50403
  var _useState = React.useState([]),
@@ -50405,7 +50426,7 @@ var Table = function Table(props) {
50405
50426
  };
50406
50427
 
50407
50428
  var renderEmptySelectionCell = function renderEmptySelectionCell() {
50408
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50429
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50409
50430
  return /*#__PURE__*/React__default['default'].createElement("td", null);
50410
50431
  };
50411
50432
 
@@ -50476,7 +50497,7 @@ var Table = function Table(props) {
50476
50497
  };
50477
50498
 
50478
50499
  var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
50479
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
50500
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
50480
50501
 
50481
50502
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell, {
50482
50503
  selectionCell: true,
@@ -50501,13 +50522,13 @@ var Table = function Table(props) {
50501
50522
  };
50502
50523
 
50503
50524
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
50504
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50525
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50505
50526
  if (SelectedEntirePage && Localization.DeselectAll) ;
50506
50527
  if (!SelectedEntirePage && Localization.SelectAll) ;
50507
50528
  return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
50508
50529
  selectionCell: true,
50509
50530
  key: -1
50510
- }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
50531
+ }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
50511
50532
  checked: SelectedEntirePage,
50512
50533
  onChange: handleSelectAll
50513
50534
  }));
@@ -50869,7 +50890,7 @@ var getDefaultState = function getDefaultState() {
50869
50890
  SelectedDataIndexes: [],
50870
50891
  SelectionIndicator: "id",
50871
50892
  SelectedEntirePage: false,
50872
- SelectionType: TableSelectionType$1.MULTIPLE,
50893
+ SelectionType: TableSelectionType.MULTIPLE,
50873
50894
  Columns: [],
50874
50895
  Actions: []
50875
50896
  },
@@ -51090,7 +51111,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51090
51111
  SelectedDataIndexes: [],
51091
51112
  SelectionIndicator: "id",
51092
51113
  SelectedEntirePage: false,
51093
- SelectionType: TableSelectionType$1.MULTIPLE,
51114
+ SelectionType: TableSelectionType.MULTIPLE,
51094
51115
  Columns: [],
51095
51116
  Actions: []
51096
51117
  },
@@ -51608,13 +51629,13 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51608
51629
  selectedData = state.Table.SelectedData.filter(function (x) {
51609
51630
  return x[id] !== dataItem[id];
51610
51631
  });
51611
- } else if (state.Table.SelectionType === TableSelectionType$1.SINGLE) {
51632
+ } else if (state.Table.SelectionType === TableSelectionType.SINGLE) {
51612
51633
  selectedData = [dataItem];
51613
- } else if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51634
+ } else if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51614
51635
  selectedData.push(dataItem);
51615
51636
  }
51616
51637
 
51617
- if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51638
+ if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51618
51639
  var dataGuids = state.Table.Data.map(function (x) {
51619
51640
  return x[id];
51620
51641
  });
@@ -51663,9 +51684,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51663
51684
  if (Form === null && !state.General.IsLookup) return;
51664
51685
  var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
51665
51686
 
51666
- if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.SINGLE) {
51687
+ if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.SINGLE) {
51667
51688
  OnChange([dataItem]);
51668
- } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51689
+ } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51669
51690
  onSelect(dataItem);
51670
51691
  } else {
51671
51692
  setState(function (draft) {
@@ -52002,7 +52023,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
52002
52023
  };
52003
52024
 
52004
52025
  var renderLookupTakeValues = function renderLookupTakeValues() {
52005
- if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
52026
+ if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
52006
52027
  return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
52007
52028
  tooltip: Localization.TakeValues || "Take values",
52008
52029
  onClick: function onClick() {
@@ -52164,7 +52185,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
52164
52185
  var x4 = state.Options.EnableFormViewMovement && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD" ? true : false;
52165
52186
  var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
52166
52187
  var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
52167
- var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE ? true : false;
52188
+ var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
52168
52189
  if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
52169
52190
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
52170
52191
  };