@lanaco/lnc-react-ui 2.1.6 → 2.1.10

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 +146 -132
  2. package/lib/index.js +146 -132
  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,11 @@ 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
- onPaste: handleOnChange,
23492
- onBlur: handleOnBlur,
23493
23491
  className: className,
23494
23492
  disabled: disabled,
23495
23493
  value: val,
@@ -23501,18 +23499,19 @@ var TextArea = /*#__PURE__*/React__default['default'].forwardRef(function (props
23501
23499
  onInput: function onInput(e) {
23502
23500
  e.target.style.whiteSpace = "inherit";
23503
23501
  e.target.style.height = "".concat(e.target.scrollHeight, "px");
23502
+ },
23503
+ onBlur: function onBlur(e) {
23504
+ e.target.style.height = heightBySize$7(size);
23505
+ e.target.style.whiteSpace = "nowrap";
23506
+ handleOnBlur(e);
23504
23507
  }
23505
- }, "onBlur", function onBlur(e) {
23506
- e.target.style.height = heightBySize$7(size);
23507
- e.target.style.whiteSpace = "nowrap";
23508
- }));
23508
+ });
23509
23509
  });
23510
23510
  TextArea.defaultProps = {
23511
23511
  id: "",
23512
23512
  theme: theme,
23513
23513
  disabled: false,
23514
23514
  onChange: function onChange() {},
23515
- onPaste: function onPaste() {},
23516
23515
  className: "",
23517
23516
  preventDefault: true,
23518
23517
  size: "small",
@@ -23524,7 +23523,6 @@ TextArea.propTypes = {
23524
23523
  id: PropTypes__default['default'].string,
23525
23524
  disabled: PropTypes__default['default'].bool,
23526
23525
  onChange: PropTypes__default['default'].func,
23527
- onPaste: PropTypes__default['default'].func,
23528
23526
  className: PropTypes__default['default'].string,
23529
23527
  preventDefault: PropTypes__default['default'].bool,
23530
23528
  value: PropTypes__default['default'].string,
@@ -31356,11 +31354,11 @@ var AnimatePresence = function (_a) {
31356
31354
  : childrenToRender.map(function (child) { return React.cloneElement(child); })));
31357
31355
  };
31358
31356
 
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) {
31357
+ var _templateObject$j, _templateObject2$f;
31358
+ 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
31359
  return props.zIndex;
31362
31360
  });
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) {
31361
+ 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
31362
  return props.width;
31365
31363
  }, function (props) {
31366
31364
  return props.zIndex;
@@ -31426,19 +31424,7 @@ function Modal$1(props) {
31426
31424
 
31427
31425
  var onClickOutsideModal = function onClickOutsideModal(event) {
31428
31426
  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
- }
31427
+ if (clickOutsideToClose || !showHeader) onClose(event);
31442
31428
  };
31443
31429
  var containerVariant = {
31444
31430
  initial: {
@@ -31454,14 +31440,10 @@ function Modal$1(props) {
31454
31440
  top: "-50%"
31455
31441
  }
31456
31442
  };
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,
31443
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, open && /*#__PURE__*/React__default['default'].createElement(Overlay, _extends__default['default']({}, themeProps, {
31462
31444
  onClick: onClickOutsideModal,
31463
31445
  className: className
31464
- }), /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
31446
+ }), /*#__PURE__*/React__default['default'].createElement(AnimatePresence, null, /*#__PURE__*/React__default['default'].createElement(ModalContainer, _extends__default['default']({}, themeProps, {
31465
31447
  initial: "initial",
31466
31448
  animate: "isOpen",
31467
31449
  exit: "exit",
@@ -31469,9 +31451,11 @@ function Modal$1(props) {
31469
31451
  }), 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
31452
  icon: "times",
31471
31453
  iconStyle: "solid",
31472
- onClick: onClose,
31454
+ onClick: function onClick(e) {
31455
+ return onClose(e);
31456
+ },
31473
31457
  color: basic ? "transparent" : themeProps.color
31474
- })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children))));
31458
+ })))), /*#__PURE__*/React__default['default'].createElement(Content$4, themeProps, children)))));
31475
31459
  }
31476
31460
 
31477
31461
  Modal$1.defaultProps = {
@@ -31677,26 +31661,52 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
31677
31661
  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
31662
  styleInject(css_248z$6);
31679
31663
 
31664
+ var _templateObject$i, _templateObject2$e, _templateObject3$b;
31665
+
31666
+ 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) {
31667
+ return props.show ? "block" : "none";
31668
+ });
31669
+ var ItemWrapper$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
31670
+ 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); //============================================================
31671
+
31680
31672
  var DropdownMenu = function DropdownMenu(props) {
31681
31673
  var _props$actionData = props.actionData,
31682
31674
  actionData = _props$actionData === void 0 ? function () {} : _props$actionData,
31683
31675
  _props$items = props.items,
31684
31676
  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
31677
+
31678
+ var _useState = React.useState(false),
31679
+ _useState2 = _slicedToArray__default['default'](_useState, 2),
31680
+ show = _useState2[0],
31681
+ setShow = _useState2[1];
31682
+
31683
+ var onHover = function onHover() {
31684
+ if (props.disabled !== true) setShow(true);
31685
+ };
31686
+
31687
+ var onBlur = function onBlur() {
31688
+ setShow(false);
31689
+ };
31690
+
31691
+ return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement("div", {
31692
+ onMouseOver: onHover,
31693
+ onMouseOut: onBlur
31694
+ }, /*#__PURE__*/React__default['default'].createElement(Button$1, {
31695
+ disabled: props.disabled,
31696
+ onClick: onHover,
31697
+ icon: "bars",
31698
+ inverted: true
31699
+ })), /*#__PURE__*/React__default['default'].createElement(Dropdown, {
31700
+ show: show
31696
31701
  }, items.map(function (x, i) {
31697
- return /*#__PURE__*/React__default['default'].createElement("a", {
31702
+ return /*#__PURE__*/React__default['default'].createElement(ItemWrapper$2, {
31698
31703
  key: i,
31704
+ onMouseOver: onHover,
31705
+ onMouseOut: onBlur
31706
+ }, /*#__PURE__*/React__default['default'].createElement(Item$4, {
31699
31707
  href: "#",
31708
+ onMouseOver: onHover,
31709
+ onMouseOut: onBlur,
31700
31710
  onClick: function onClick(e) {
31701
31711
  e.preventDefault();
31702
31712
  x.action(actionData);
@@ -31706,8 +31716,8 @@ var DropdownMenu = function DropdownMenu(props) {
31706
31716
  }, /*#__PURE__*/React__default['default'].createElement("span", {
31707
31717
  className: styles$1.linkIconSpan
31708
31718
  }, /*#__PURE__*/React__default['default'].createElement(Icon$1, {
31709
- iconClassName: x.iconClassName
31710
- })), x.name));
31719
+ icon: x.icon
31720
+ })), x.name)));
31711
31721
  })));
31712
31722
  };
31713
31723
 
@@ -49051,7 +49061,7 @@ var lodash = {exports: {}};
49051
49061
  }.call(commonjsGlobal));
49052
49062
  }(lodash, lodash.exports));
49053
49063
 
49054
- var TableSelectionType$1 = {
49064
+ var TableSelectionType = {
49055
49065
  SINGLE: "single",
49056
49066
  MULTIPLE: "multiple"
49057
49067
  };
@@ -49303,11 +49313,11 @@ Pagination.propTypes = {
49303
49313
 
49304
49314
  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
49315
  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']([""])));
49316
+ 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
49317
  var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
49308
49318
  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
49319
  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) {
49320
+ 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
49321
  return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
49312
49322
  }, theme.palette.primary.light);
49313
49323
  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"])));
@@ -49525,20 +49535,13 @@ var TableView = function TableView(props) {
49525
49535
  var onClick = !isFunction(def.specialRender) ? function () {
49526
49536
  ChangeToFormView(dataItem);
49527
49537
  } : function () {};
49528
- if (!EnableFormView) onClick = function onClick() {};
49529
-
49530
- if (!EnableFormView && EnableSelection) {
49531
- var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
49532
-
49533
- onClick = function onClick() {
49534
- return handleOnSelection(dataItem, {
49535
- target: {
49536
- checked: !checked
49537
- }
49538
- });
49539
- };
49540
- }
49538
+ if (!EnableFormView) onClick = function onClick() {}; // if (!EnableFormView && EnableSelection) {
49539
+ // var checked = isItemInArray(dataItem, SelectedData, SelectionIndicator);
49540
+ // onClick = () =>
49541
+ // handleOnSelection(dataItem, { target: { checked: !checked } });
49542
+ // }
49541
49543
 
49544
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) onClick = function onClick() {};
49542
49545
  var cellData = def.isObject === true ? dataItem[def.accessor][def.objectAccessor] : dataItem[def.accessor];
49543
49546
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49544
49547
  key: tabIndex,
@@ -49547,7 +49550,7 @@ var TableView = function TableView(props) {
49547
49550
  };
49548
49551
 
49549
49552
  var renderSelectionCell = function renderSelectionCell(dataItem, selected, rowIndex) {
49550
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49553
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49551
49554
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell$1, {
49552
49555
  selectionCell: true,
49553
49556
  key: -1
@@ -49647,13 +49650,13 @@ var TableView = function TableView(props) {
49647
49650
  };
49648
49651
 
49649
49652
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
49650
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49653
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49651
49654
  if (SelectedEntirePage && Localization.DeselectAll) ;
49652
49655
  if (!SelectedEntirePage && Localization.SelectAll) ;
49653
49656
  return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
49654
49657
  selectionCell: true,
49655
49658
  key: -1
49656
- }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
49659
+ }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
49657
49660
  checked: SelectedEntirePage,
49658
49661
  onChange: function onChange() {
49659
49662
  return handleSelectAll(!SelectedEntirePage);
@@ -49729,7 +49732,7 @@ Spinner.propTypes = {
49729
49732
  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";
49730
49733
  styleInject(css_248z$4);
49731
49734
 
49732
- 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;
49735
+ 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;
49733
49736
 
49734
49737
  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; }
49735
49738
 
@@ -49759,7 +49762,9 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
49759
49762
  return css;
49760
49763
  };
49761
49764
 
49762
- 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"])));
49765
+ 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) {
49766
+ return props.shadow === false ? "0" : "0 0 12px #bebebe";
49767
+ });
49763
49768
  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"])));
49764
49769
  var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
49765
49770
  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) {
@@ -49773,6 +49778,7 @@ var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4
49773
49778
  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"])));
49774
49779
  var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
49775
49780
  var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
49781
+ var FilteringContainer = newStyled.div(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
49776
49782
 
49777
49783
  var DataView = function DataView(props) {
49778
49784
  var emptyFunc = function emptyFunc() {};
@@ -49791,7 +49797,9 @@ var DataView = function DataView(props) {
49791
49797
  Table = _ref.Table,
49792
49798
  Form = _ref.Form;
49793
49799
 
49794
- var _props$ChangeToFormVi = props.ChangeToFormView,
49800
+ var _props$Shadow = props.Shadow,
49801
+ Shadow = _props$Shadow === void 0 ? true : _props$Shadow,
49802
+ _props$ChangeToFormVi = props.ChangeToFormView,
49795
49803
  ChangeToFormView = _props$ChangeToFormVi === void 0 ? emptyFunc : _props$ChangeToFormVi,
49796
49804
  _props$ChangeToTableV = props.ChangeToTableView,
49797
49805
  ChangeToTableView = _props$ChangeToTableV === void 0 ? emptyFunc : _props$ChangeToTableV,
@@ -49806,9 +49814,12 @@ var DataView = function DataView(props) {
49806
49814
  _props$OnSelectAll = props.OnSelectAll,
49807
49815
  OnSelectAll = _props$OnSelectAll === void 0 ? emptyFunc : _props$OnSelectAll,
49808
49816
  _props$FormView = props.FormView,
49809
- FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView;
49810
- props.FilteringView;
49811
- var _props$OnHeaderClick = props.OnHeaderClick,
49817
+ FormView = _props$FormView === void 0 ? emptyFunc : _props$FormView,
49818
+ _props$FilteringView = props.FilteringView,
49819
+ FilteringView = _props$FilteringView === void 0 ? function () {
49820
+ return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
49821
+ } : _props$FilteringView,
49822
+ _props$OnHeaderClick = props.OnHeaderClick,
49812
49823
  OnHeaderClick = _props$OnHeaderClick === void 0 ? emptyFunc : _props$OnHeaderClick,
49813
49824
  _props$OnRefresh = props.OnRefresh,
49814
49825
  OnRefresh = _props$OnRefresh === void 0 ? emptyFunc : _props$OnRefresh,
@@ -49951,7 +49962,8 @@ var DataView = function DataView(props) {
49951
49962
  goToPreviousPage: goToPreviousPage,
49952
49963
  goToFirstPage: goToFirstPage,
49953
49964
  goToLastPage: goToLastPage,
49954
- EnableExports: Options.EnableExports
49965
+ EnableExports: Options.EnableExports,
49966
+ Localization: Localization.Pagination
49955
49967
  })
49956
49968
  }; //======== METHODS ========
49957
49969
 
@@ -49979,13 +49991,26 @@ var DataView = function DataView(props) {
49979
49991
  }
49980
49992
  },
49981
49993
  disabled: Table.SelectedData.length === 0,
49982
- icon: "plus"
49994
+ icon: "arrow-circle-down",
49995
+ inverted: true
49983
49996
  }));
49984
49997
  }
49985
49998
 
49986
49999
  return false;
49987
50000
  };
49988
50001
 
50002
+ var renderContextMenu = function renderContextMenu() {
50003
+ if (Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0) {
50004
+ return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(DropdownMenu, {
50005
+ disabled: freezeLoading([Table.SelectedData.length === 0]),
50006
+ items: Table.Actions || [],
50007
+ label: Localization.Actions,
50008
+ actionData: Table.SelectedData,
50009
+ downDoubleIconClassName: Icons.DownDouble
50010
+ }));
50011
+ } else return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50012
+ };
50013
+
49989
50014
  var renderRefreshButton = function renderRefreshButton() {
49990
50015
  if (General.CurrentView !== ViewType.TABLE_VIEW || !General.DataFromBackend) return false;
49991
50016
  return /*#__PURE__*/React__default['default'].createElement(FlexItem$1, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
@@ -50076,6 +50101,11 @@ var DataView = function DataView(props) {
50076
50101
  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))));
50077
50102
  };
50078
50103
 
50104
+ var renderFiltering = function renderFiltering() {
50105
+ if (!Options.EnableFilters || General.CurrentView === ViewType.FORM_VIEW) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50106
+ return /*#__PURE__*/React__default['default'].createElement(FilteringContainer, null, FilteringView());
50107
+ };
50108
+
50079
50109
  var renderFormViewMovement = function renderFormViewMovement() {
50080
50110
  if (!Options.EnableFormViewMovement || Form.Mode === "ADD" || General.CurrentView === "TableView") return false;
50081
50111
  return /*#__PURE__*/React__default['default'].createElement(FormViewMovement, {
@@ -50092,8 +50122,9 @@ var DataView = function DataView(props) {
50092
50122
  var x4 = Options.EnableFormViewMovement && Form !== null && General.CurrentView === "FormView" && Form.Mode !== "ADD" ? true : false;
50093
50123
  var x5 = Options.ReadOnly || !Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || General.CurrentView !== "FormView" ? false : true;
50094
50124
  var x6 = General.CurrentView !== "TableView" ? false : true;
50095
- var x7 = General.IsLookup && Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
50096
- if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer$1, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
50125
+ var x7 = General.IsLookup && Table.SelectionType === "multiple" ? true : false;
50126
+ var x8 = Options.EnableActions && General.CurrentView === ViewType.TABLE_VIEW && Table.Actions && Table.Actions.length > 0;
50127
+ 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());
50097
50128
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50098
50129
  };
50099
50130
 
@@ -50145,7 +50176,9 @@ var DataView = function DataView(props) {
50145
50176
 
50146
50177
  var renderComponent = function renderComponent() {
50147
50178
  var key = General.CurrentView !== "TableView" && General.DataFromBackend;
50148
- return /*#__PURE__*/React__default['default'].createElement(Container$c, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
50179
+ return /*#__PURE__*/React__default['default'].createElement(Container$c, _extends__default['default']({}, themeProps, {
50180
+ shadow: Shadow
50181
+ }), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
50149
50182
  mode: "out-in"
50150
50183
  }, /*#__PURE__*/React__default['default'].createElement(CSSTransition$1, {
50151
50184
  key: key,
@@ -50161,26 +50194,7 @@ var DataView = function DataView(props) {
50161
50194
  node.addEventListener("transitionend", done, false);
50162
50195
  },
50163
50196
  classNames: "fade2"
50164
- }, renderPagination()))) // <div>
50165
- // <div className={styles.flexContainer}>
50166
- // <div className={styles.flexInnerContainer}>
50167
- // {renderChangeToTableView()}
50168
- // {renderSwitchToEditModeButton()}
50169
- // {renderGoToAddButton()}
50170
- // {renderDeleteSelectedButton()}
50171
- // {renderDeleteConfirmationBox()}
50172
- // {renderAddWithCopyButton()}
50173
- // {renderLookupTakeValues()}
50174
- // {renderRefreshButton()}
50175
- // {renderContextMenu()}
50176
- // </div>
50177
- // <div className={styles.filterContainerHolder}>
50178
- // {renderFiltering()}
50179
- // </div>
50180
- // </div>
50181
- // <div className={mergeCSS([styles.view])}>{renderView()}</div>
50182
- // </div>
50183
- ;
50197
+ }, renderPagination())));
50184
50198
  };
50185
50199
 
50186
50200
  return renderComponent();
@@ -50380,7 +50394,7 @@ var Table = function Table(props) {
50380
50394
  _ref3$EnableOrdering = _ref3.EnableOrdering,
50381
50395
  EnableOrdering = _ref3$EnableOrdering === void 0 ? false : _ref3$EnableOrdering,
50382
50396
  _ref3$SelectionType = _ref3.SelectionType,
50383
- SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType$1.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
50397
+ SelectionType = _ref3$SelectionType === void 0 ? TableSelectionType.SINGLE : _ref3$SelectionType; //======================== STATE ============================================
50384
50398
 
50385
50399
 
50386
50400
  var _useState = React.useState([]),
@@ -50409,7 +50423,7 @@ var Table = function Table(props) {
50409
50423
  };
50410
50424
 
50411
50425
  var renderEmptySelectionCell = function renderEmptySelectionCell() {
50412
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50426
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50413
50427
  return /*#__PURE__*/React__default['default'].createElement("td", null);
50414
50428
  };
50415
50429
 
@@ -50480,7 +50494,7 @@ var Table = function Table(props) {
50480
50494
  };
50481
50495
 
50482
50496
  var renderSelectionCell = function renderSelectionCell(dataItem, selected) {
50483
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
50497
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null); // console.log(dataItem, selected);
50484
50498
 
50485
50499
  return /*#__PURE__*/React__default['default'].createElement(TableBodyCell, {
50486
50500
  selectionCell: true,
@@ -50505,13 +50519,13 @@ var Table = function Table(props) {
50505
50519
  };
50506
50520
 
50507
50521
  var renderSelectAllHeaderCell = function renderSelectAllHeaderCell() {
50508
- if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType$1.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50522
+ if (!EnableSelection || ReadOnly || IsLookup && SelectionType === TableSelectionType.SINGLE) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
50509
50523
  if (SelectedEntirePage && Localization.DeselectAll) ;
50510
50524
  if (!SelectedEntirePage && Localization.SelectAll) ;
50511
50525
  return /*#__PURE__*/React__default['default'].createElement(TableHeadCell, {
50512
50526
  selectionCell: true,
50513
50527
  key: -1
50514
- }, SelectionType === TableSelectionType$1.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
50528
+ }, SelectionType === TableSelectionType.MULTIPLE && /*#__PURE__*/React__default['default'].createElement(CheckBox, {
50515
50529
  checked: SelectedEntirePage,
50516
50530
  onChange: handleSelectAll
50517
50531
  }));
@@ -50873,7 +50887,7 @@ var getDefaultState = function getDefaultState() {
50873
50887
  SelectedDataIndexes: [],
50874
50888
  SelectionIndicator: "id",
50875
50889
  SelectedEntirePage: false,
50876
- SelectionType: TableSelectionType$1.MULTIPLE,
50890
+ SelectionType: TableSelectionType.MULTIPLE,
50877
50891
  Columns: [],
50878
50892
  Actions: []
50879
50893
  },
@@ -51094,7 +51108,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51094
51108
  SelectedDataIndexes: [],
51095
51109
  SelectionIndicator: "id",
51096
51110
  SelectedEntirePage: false,
51097
- SelectionType: TableSelectionType$1.MULTIPLE,
51111
+ SelectionType: TableSelectionType.MULTIPLE,
51098
51112
  Columns: [],
51099
51113
  Actions: []
51100
51114
  },
@@ -51612,13 +51626,13 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51612
51626
  selectedData = state.Table.SelectedData.filter(function (x) {
51613
51627
  return x[id] !== dataItem[id];
51614
51628
  });
51615
- } else if (state.Table.SelectionType === TableSelectionType$1.SINGLE) {
51629
+ } else if (state.Table.SelectionType === TableSelectionType.SINGLE) {
51616
51630
  selectedData = [dataItem];
51617
- } else if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51631
+ } else if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51618
51632
  selectedData.push(dataItem);
51619
51633
  }
51620
51634
 
51621
- if (state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51635
+ if (state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51622
51636
  var dataGuids = state.Table.Data.map(function (x) {
51623
51637
  return x[id];
51624
51638
  });
@@ -51667,9 +51681,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
51667
51681
  if (Form === null && !state.General.IsLookup) return;
51668
51682
  var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
51669
51683
 
51670
- if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.SINGLE) {
51684
+ if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.SINGLE) {
51671
51685
  OnChange([dataItem]);
51672
- } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
51686
+ } else if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
51673
51687
  onSelect(dataItem);
51674
51688
  } else {
51675
51689
  setState(function (draft) {
@@ -52006,7 +52020,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
52006
52020
  };
52007
52021
 
52008
52022
  var renderLookupTakeValues = function renderLookupTakeValues() {
52009
- if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE) {
52023
+ if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
52010
52024
  return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
52011
52025
  tooltip: Localization.TakeValues || "Take values",
52012
52026
  onClick: function onClick() {
@@ -52168,7 +52182,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
52168
52182
  var x4 = state.Options.EnableFormViewMovement && Form !== null && state.General.CurrentView === "FormView" && state.Form.Mode !== "ADD" ? true : false;
52169
52183
  var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
52170
52184
  var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
52171
- var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType$1.MULTIPLE ? true : false;
52185
+ var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
52172
52186
  if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
52173
52187
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
52174
52188
  };