@tecsinapse/react-web-kit 1.21.2 → 1.22.0-beta.11

package/dist/components/molecules/TextArea/TextArea.js

@@ -1,22 +1,46 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var styled = require('./styled.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactCore = require("@tecsinapse/react-core");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const TextArea = _ref => {
-  let {
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TextArea = (_a) => {
+  var _b = _a, {
     label,
     labelColor,
     labelColorVariant,
@@ -30,59 +54,81 @@ const TextArea = _ref => {
     style,
     borderColor,
     borderColorGradation,
-    inputFontStack = 'default',
-    inputFontWeight = 'bold',
+    inputFontStack = "default",
+    inputFontWeight = "bold",
     inputContainerStyle,
-    variant = 'default',
+    variant = "default",
     hintComponent,
     hint,
     onFocus,
     onBlur,
     value,
-    maxLength,
-    ...rest
-  } = _ref;
-  const {
+    maxLength
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "labelColor",
+    "labelColorVariant",
+    "labelColorTone",
+    "labelTypography",
+    "labelStack",
+    "labelWeight",
+    "leftComponent",
+    "rightComponent",
+    "disabled",
+    "style",
+    "borderColor",
+    "borderColorGradation",
+    "inputFontStack",
+    "inputFontWeight",
+    "inputContainerStyle",
+    "variant",
+    "hintComponent",
+    "hint",
+    "onFocus",
+    "onBlur",
+    "value",
+    "maxLength"
+  ]);
+  const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
+    onFocus,
+    onBlur,
+    !disabled
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.TextArea, {
+    label,
+    labelColor,
+    labelColorVariant,
+    labelColorTone,
+    labelTypography,
+    labelStack,
+    labelWeight,
+    LabelComponent: reactCore.Text,
+    leftComponent,
+    rightComponent,
+    borderColor,
+    borderColorGradation,
+    inputContainerStyle,
     focused,
-    handleBlur,
-    handleFocus
-  } = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
-  return _react.default.createElement(_reactCore.TextArea, {
-    label: label,
-    labelColor: labelColor,
-    labelColorVariant: labelColorVariant,
-    labelColorTone: labelColorTone,
-    labelTypography: labelTypography,
-    labelStack: labelStack,
-    labelWeight: labelWeight,
-    LabelComponent: _reactCore.Text,
-    leftComponent: leftComponent,
-    rightComponent: rightComponent,
-    borderColor: borderColor,
-    borderColorGradation: borderColorGradation,
-    inputContainerStyle: inputContainerStyle,
-    focused: focused,
-    disabled: disabled,
-    variant: variant,
-    value: value,
-    hintComponent: hintComponent,
-    hint: hint,
-    style: style,
-    TextComponent: _reactCore.Text,
-    maxLength: maxLength
-  }, _react.default.createElement(_styled.StyledWebInput, _extends({}, rest, {
+    disabled,
+    variant,
+    value,
+    hintComponent,
+    hint,
+    style,
+    TextComponent: reactCore.Text,
+    maxLength
+  }, /* @__PURE__ */ React__default["default"].createElement(styled.StyledWebInput, __spreadProps(__spreadValues({}, rest), {
     fontStack: inputFontStack,
     fontWeight: inputFontWeight,
-    disabled: disabled,
+    disabled,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    textAlignVertical: 'top',
+    textAlignVertical: "top",
     multiline: true,
-    value: value,
-    maxLength: maxLength
+    value,
+    maxLength
   })));
 };
 
-var _default = TextArea;
-exports.default = _default;
-//# sourceMappingURL=TextArea.js.map
+module.exports = TextArea;
+//# sourceMappingURL=TextArea.js.map

package/dist/components/molecules/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["TextArea","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","maxLength","rest","focused","handleBlur","handleFocus","useInputFocus","Text"],"sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n  Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledWebInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;;;AAIA,MAAMA,QAA2B,GAAG,QAyB9B;EAAA,IAzB+B;IACnCC,KADmC;IAEnCC,UAFmC;IAGnCC,iBAHmC;IAInCC,cAJmC;IAKnCC,eALmC;IAMnCC,UANmC;IAOnCC,WAPmC;IAQnCC,aARmC;IASnCC,cATmC;IAUnCC,QAVmC;IAWnCC,KAXmC;IAYnCC,WAZmC;IAanCC,oBAbmC;IAcnCC,cAAc,GAAG,SAdkB;IAenCC,eAAe,GAAG,MAfiB;IAgBnCC,mBAhBmC;IAiBnCC,OAAO,GAAG,SAjByB;IAkBnCC,aAlBmC;IAmBnCC,IAnBmC;IAoBnCC,OApBmC;IAqBnCC,MArBmC;IAsBnCC,KAtBmC;IAuBnCC,SAvBmC;IAwBnC,GAAGC;EAxBgC,CAyB/B;EACJ,MAAM;IAAEC,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CR,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;EAMA,OACE,6BAAC,mBAAD;IACE,KAAK,EAAET,KADT;IAEE,UAAU,EAAEC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEsB,eARlB;IASE,aAAa,EAAErB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAES,OAdX;IAeE,QAAQ,EAAEf,QAfZ;IAgBE,OAAO,EAAEO,OAhBX;IAiBE,KAAK,EAAEK,KAjBT;IAkBE,aAAa,EAAEJ,aAlBjB;IAmBE,IAAI,EAAEC,IAnBR;IAoBE,KAAK,EAAER,KApBT;IAqBE,aAAa,EAAEkB,eArBjB;IAsBE,SAAS,EAAEN;EAtBb,GAwBE,6BAAC,sBAAD,eACMC,IADN;IAEE,SAAS,EAAEV,cAFb;IAGE,UAAU,EAAEC,eAHd;IAIE,QAAQ,EAAEL,QAJZ;IAKE,OAAO,EAAEiB,WALX;IAME,MAAM,EAAED,UANV;IAOE,iBAAiB,EAAE,KAPrB;IAQE,SAAS,MARX;IASE,KAAK,EAAEJ,KATT;IAUE,SAAS,EAAEC;EAVb,GAxBF,CADF;AAuCD,CAvED;;eAyEevB,Q"}
+{"version":3,"file":"TextArea.js","sources":["../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n  useInputFocus,\n  TextAreaProps as ITACore,\n  TextArea as TACore,\n  Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n  label,\n  labelColor,\n  labelColorVariant,\n  labelColorTone,\n  labelTypography,\n  labelStack,\n  labelWeight,\n  leftComponent,\n  rightComponent,\n  disabled,\n  style,\n  borderColor,\n  borderColorGradation,\n  inputFontStack = 'default',\n  inputFontWeight = 'bold',\n  inputContainerStyle,\n  variant = 'default',\n  hintComponent,\n  hint,\n  onFocus,\n  onBlur,\n  value,\n  maxLength,\n  ...rest\n}) => {\n  const { focused, handleBlur, handleFocus } = useInputFocus(\n    onFocus,\n    onBlur,\n    !disabled\n  );\n\n  return (\n    <TACore\n      label={label}\n      labelColor={labelColor}\n      labelColorVariant={labelColorVariant}\n      labelColorTone={labelColorTone}\n      labelTypography={labelTypography}\n      labelStack={labelStack}\n      labelWeight={labelWeight}\n      LabelComponent={Text}\n      leftComponent={leftComponent}\n      rightComponent={rightComponent}\n      borderColor={borderColor}\n      borderColorGradation={borderColorGradation}\n      inputContainerStyle={inputContainerStyle}\n      focused={focused}\n      disabled={disabled}\n      variant={variant}\n      value={value}\n      hintComponent={hintComponent}\n      hint={hint}\n      style={style}\n      TextComponent={Text}\n      maxLength={maxLength}\n    >\n      <StyledWebInput\n        {...rest}\n        fontStack={inputFontStack}\n        fontWeight={inputFontWeight}\n        disabled={disabled}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        textAlignVertical={'top'}\n        multiline\n        value={value}\n        maxLength={maxLength}\n      />\n    </TACore>\n  );\n};\n\nexport default TextArea;\n"],"names":["useInputFocus","React","TACore","Text","StyledWebInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,MAAA,QAAA,GAA8B,CAAC,EAyB/B,KAAA;AAzB+B,EACnC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,SAAA;AAAA,GAlCF,GAWqC,EAwBhC,EAAA,IAAA,GAAA,SAAA,CAxBgC,EAwBhC,EAAA;AAAA,IAvBH,OAAA;AAAA,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,qBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAAA,uBAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,kBAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAAC,cAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAAA,cAAA;AAAA,IACf,SAAA;AAAA,GAEA,kBAAAF,yBAAA,CAAA,aAAA,CAACG,wDACK,IADL,CAAA,EAAA;AAAA,IAEC,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,GAAA,CACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/components/molecules/TextArea/styled.js

@@ -1,32 +1,19 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledWebInput = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledWebInput = nativeStyled__default["default"](reactCore.TextAreaInputBase)`
+  font-weight: ${({ theme, fontWeight = "regular" }) => theme.font.weight[fontWeight]};
+  font-family: ${({ theme, fontStack = "default" }) => `'${theme.font.stack[fontStack]}'`};
+  outline-width: 0;
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const StyledWebInput = (0, _native.default)(_reactCore.TextAreaInputBase)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  font-weight: ", ";\n  font-family: ", ";\n  outline-width: 0;\n"])), _ref => {
-  let {
-    theme,
-    fontWeight = 'regular'
-  } = _ref;
-  return theme.font.weight[fontWeight];
-}, _ref2 => {
-  let {
-    theme,
-    fontStack = 'default'
-  } = _ref2;
-  return "'".concat(theme.font.stack[fontStack], "'");
-});
 exports.StyledWebInput = StyledWebInput;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

package/dist/components/molecules/TextArea/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["StyledWebInput","styled","TextAreaInputBase","theme","fontWeight","font","weight","fontStack","stack"],"sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  outline-width: 0;\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAaO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,4BAAP,CAAH,yIAGV;EAAA,IAAC;IAAEC,KAAF;IAASC,UAAU,GAAG;EAAtB,CAAD;EAAA,OACbD,KAAK,CAACE,IAAN,CAAWC,MAAX,CAAkBF,UAAlB,CADa;AAAA,CAHU,EAKV;EAAA,IAAC;IAAED,KAAF;IAASI,SAAS,GAAG;EAArB,CAAD;EAAA,kBACTJ,KAAK,CAACE,IAAN,CAAWG,KAAX,CAAiBD,SAAjB,CADS;AAAA,CALU,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n  FontStackType,\n  FontWeightType,\n  StyleProps,\n  TextAreaInputBase,\n} from '@tecsinapse/react-core';\nimport { TextAreaProps } from './TextArea';\n\ninterface Font {\n  fontStack?: FontStackType;\n  fontWeight?: FontWeightType;\n}\n\nexport const StyledWebInput = styled(TextAreaInputBase)<\n  Font & Partial<TextAreaProps> & Partial<StyleProps>\n>`\n  font-weight: ${({ theme, fontWeight = 'regular' }) =>\n    theme.font.weight[fontWeight]};\n  font-family: ${({ theme, fontStack = 'default' }) =>\n    `'${theme.font.stack[fontStack]}'`};\n  outline-width: 0;\n`;\n"],"names":["styled","TextAreaInputBase"],"mappings":";;;;;;;;;;;AAca,MAAA,cAAA,GAAiBA,iCAAOC,2BAAiB,CAAA,CAAA;AAAA,eAGrC,EAAA,CAAC,EAAE,KAAO,EAAA,UAAA,GAAa,WACpC,KAAA,KAAA,CAAM,KAAK,MAAO,CAAA,UAAA,CAAA,CAAA;AAAA,eACL,EAAA,CAAC,EAAE,KAAO,EAAA,SAAA,GAAY,WACnC,KAAA,CAAA,CAAA,EAAI,KAAM,CAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;;;;"}

package/dist/components/organisms/DataGrid/DataGrid.js

@@ -1,28 +1,54 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Table = require("../../atoms/Table");
-
-var _Header = require("./Header");
-
-var _Row = require("./Row");
-
-var _Footer = require("./Footer");
-
-var _Skeleton = require("../../atoms/Skeleton");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const DataGrid = _ref => {
-  let {
+'use strict';
+
+var React = require('react');
+var TBody = require('../../atoms/Table/Body/TBody.js');
+var Td = require('../../atoms/Table/Cell/Td.js');
+var TableContainer = require('../../atoms/Table/Container/TableContainer.js');
+require('../../atoms/Table/Footer/styled.js');
+require('../../atoms/Table/Header/styled.js');
+var Tr = require('../../atoms/Table/Row/Tr.js');
+var TableToolbar = require('../../atoms/Table/Toolbar/TableToolbar.js');
+var Table = require('../../atoms/Table/Table.js');
+var Header = require('./Header/Header.js');
+var Row = require('./Row/Row.js');
+var Footer = require('./Footer/Footer.js');
+var Skeleton = require('../../atoms/Skeleton/Skeleton.js');
+var utils = require('./utils.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const DataGrid = (_a) => {
+  var _b = _a, {
     headers,
     data,
     rowKeyExtractor,
@@ -37,7 +63,7 @@ const DataGrid = _ref => {
     onRowsPerPageChange,
     rowsPerPageOptions: _rowsPerPageOptions,
     rowsPerPageLabel: _rowsPerPageLabel,
-    exportLabel = 'Exportar',
+    exportLabel = "Exportar",
     exportFunction,
     rowsCount,
     page = 0,
@@ -45,82 +71,111 @@ const DataGrid = _ref => {
     loading = false,
     skeletonComponent,
     emptyPlaceholder,
-    exportComponent,
-    ...rest
-  } = _ref;
-
+    exportComponent
+  } = _b, rest = __objRest(_b, [
+    "headers",
+    "data",
+    "rowKeyExtractor",
+    "toolbarTitle",
+    "toolbarFooter",
+    "toolbarRightIcons",
+    "selectable",
+    "selectedRows",
+    "onSelectedRows",
+    "pagination",
+    "rowsPerPage",
+    "onRowsPerPageChange",
+    "rowsPerPageOptions",
+    "rowsPerPageLabel",
+    "exportLabel",
+    "exportFunction",
+    "rowsCount",
+    "page",
+    "onPageChange",
+    "loading",
+    "skeletonComponent",
+    "emptyPlaceholder",
+    "exportComponent"
+  ]);
   if (selectable && (!selectedRows || !onSelectedRows)) {
-    throw new Error('[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)');
+    throw new Error(
+      "[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)"
+    );
   }
-
-  const rowsPerPageLabel = _react.default.useCallback(value => _rowsPerPageLabel ? _rowsPerPageLabel(value) : "Exibir por p\xE1gina: ".concat(value, " itens"), [_rowsPerPageLabel]);
-
-  const rowsPerPageOptions = _react.default.useMemo(() => _rowsPerPageOptions !== null && _rowsPerPageOptions !== void 0 ? _rowsPerPageOptions : [10, 25, 50], [_rowsPerPageOptions]);
-
-  const handleSelect = _react.default.useCallback((current, checked) => {
-    if (checked) {
-      onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(prevState => [...prevState, current]);
-      return;
-    }
-
-    onSelectedRows === null || onSelectedRows === void 0 ? void 0 : onSelectedRows(prevState => {
-      const idx = prevState.findIndex(el => rowKeyExtractor(el) === rowKeyExtractor(current));
-      return [...(0, _utils.removeElement)(prevState, idx)];
-    });
-  }, [onSelectedRows, rowKeyExtractor]);
-
-  return _react.default.createElement(_Table.TableContainer, rest, _react.default.createElement(_Table.TableToolbar, {
+  const rowsPerPageLabel = React__default["default"].useCallback(
+    (value) => _rowsPerPageLabel ? _rowsPerPageLabel(value) : `Exibir por p\xE1gina: ${value} itens`,
+    [_rowsPerPageLabel]
+  );
+  const rowsPerPageOptions = React__default["default"].useMemo(
+    () => _rowsPerPageOptions != null ? _rowsPerPageOptions : [10, 25, 50],
+    [_rowsPerPageOptions]
+  );
+  const handleSelect = React__default["default"].useCallback(
+    (current, checked) => {
+      if (checked) {
+        onSelectedRows == null ? void 0 : onSelectedRows((prevState) => [...prevState, current]);
+        return;
+      }
+      onSelectedRows == null ? void 0 : onSelectedRows((prevState) => {
+        const idx = prevState.findIndex(
+          (el) => rowKeyExtractor(el) === rowKeyExtractor(current)
+        );
+        return [...utils.removeElement(prevState, idx)];
+      });
+    },
+    [onSelectedRows, rowKeyExtractor]
+  );
+  return /* @__PURE__ */ React__default["default"].createElement(TableContainer, __spreadValues({}, rest), /* @__PURE__ */ React__default["default"].createElement(TableToolbar, {
     title: toolbarTitle,
     rightIcons: toolbarRightIcons,
     footer: toolbarFooter
-  }), _react.default.createElement(_Table.Table, null, _react.default.createElement(_Header.Header, {
-    selectable: selectable,
-    headers: headers,
-    data: data,
-    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
-    rowKeyExtractor: rowKeyExtractor,
-    selectedRows: selectedRows,
+  }), /* @__PURE__ */ React__default["default"].createElement(Table, null, /* @__PURE__ */ React__default["default"].createElement(Header, {
+    selectable,
+    headers,
+    data,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowKeyExtractor,
+    selectedRows,
     onSelected: onSelectedRows
-  }), !loading ? _react.default.createElement(_Table.TBody, null, data.length > 0 ? (0, _utils.getData)(data, rowsCount, page, rowsPerPage, pagination).map(item => _react.default.createElement(_Row.Row, {
-    key: rowKeyExtractor(item),
-    rowKeyExtractor: rowKeyExtractor,
-    handleSelect: handleSelect,
-    selectable: selectable,
-    headers: headers,
-    data: item,
-    checked: selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.some(sel => rowKeyExtractor(sel) === rowKeyExtractor(item))
-  })) : _react.default.createElement("tr", null, _react.default.createElement("td", {
+  }), !loading ? /* @__PURE__ */ React__default["default"].createElement(TBody, null, data.length > 0 ? utils.getData(data, rowsCount, page, rowsPerPage, pagination).map(
+    (item) => /* @__PURE__ */ React__default["default"].createElement(Row, {
+      key: rowKeyExtractor(item),
+      rowKeyExtractor,
+      handleSelect,
+      selectable,
+      headers,
+      data: item,
+      checked: selectedRows == null ? void 0 : selectedRows.some(
+        (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
+      )
+    })
+  ) : /* @__PURE__ */ React__default["default"].createElement("tr", null, /* @__PURE__ */ React__default["default"].createElement("td", {
     colSpan: 99
-  }, emptyPlaceholder))) : _react.default.createElement(_Table.TBody, null, [...Array(rowsPerPage).keys()].map(idx => _react.default.createElement(_Table.Tr, {
-    key: "skeleton-".concat(idx)
-  }, _react.default.createElement(_Table.Td, {
+  }, emptyPlaceholder))) : /* @__PURE__ */ React__default["default"].createElement(TBody, null, [...Array(rowsPerPage).keys()].map((idx) => /* @__PURE__ */ React__default["default"].createElement(Tr, {
+    key: `skeleton-${idx}`
+  }, /* @__PURE__ */ React__default["default"].createElement(Td, {
     colSpan: 99,
-    style: {
-      padding: 0
-    }
-  }, skeletonComponent !== null && skeletonComponent !== void 0 ? skeletonComponent : _react.default.createElement(_Skeleton.Skeleton, {
+    style: { padding: 0 }
+  }, skeletonComponent != null ? skeletonComponent : /* @__PURE__ */ React__default["default"].createElement(Skeleton, {
     height: 55,
     radius: "mili",
     animation: "wave"
-  }, _react.default.createElement("div", {
-    style: {
-      width: '100%'
-    }
-  })))))), (Number(rowsCount) > 0 || data.length > 0) && _react.default.createElement(_Footer.Footer, {
-    exportFunction: exportFunction,
-    exportLabel: exportLabel,
-    rowsPerPageLabel: rowsPerPageLabel,
-    rowsPerPage: rowsPerPage,
-    onRowsPerPageChange: onRowsPerPageChange,
-    rowsPerPageOptions: rowsPerPageOptions,
-    rowsCount: rowsCount !== null && rowsCount !== void 0 ? rowsCount : data.length,
-    page: page,
-    onPageChange: onPageChange,
-    pagination: pagination,
-    exportComponent: exportComponent
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: { width: "100%" }
+  })))))), (Number(rowsCount) > 0 || data.length > 0) && /* @__PURE__ */ React__default["default"].createElement(Footer, {
+    exportFunction,
+    exportLabel,
+    rowsPerPageLabel,
+    rowsPerPage,
+    onRowsPerPageChange,
+    rowsPerPageOptions,
+    rowsCount: rowsCount != null ? rowsCount : data.length,
+    page,
+    onPageChange,
+    pagination,
+    exportComponent
   })));
 };
 
-var _default = DataGrid;
-exports.default = _default;
-//# sourceMappingURL=DataGrid.js.map
+module.exports = DataGrid;
+//# sourceMappingURL=DataGrid.js.map

package/dist/components/organisms/DataGrid/DataGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataGrid.js","names":["DataGrid","headers","data","rowKeyExtractor","toolbarTitle","toolbarFooter","toolbarRightIcons","selectable","selectedRows","onSelectedRows","pagination","rowsPerPage","onRowsPerPageChange","rowsPerPageOptions","_rowsPerPageOptions","rowsPerPageLabel","_rowsPerPageLabel","exportLabel","exportFunction","rowsCount","page","onPageChange","loading","skeletonComponent","emptyPlaceholder","exportComponent","rest","Error","React","useCallback","value","useMemo","handleSelect","current","checked","prevState","idx","findIndex","el","removeElement","length","getData","map","item","some","sel","Array","keys","padding","width","Number"],"sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Table,\n  TableToolbar,\n  TableContainer,\n  Tr,\n  Td,\n  TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  /** Unique identifier for row data */\n  rowKeyExtractor: (data: Data) => string;\n  toolbarRightIcons?: React.ReactNode;\n  toolbarFooter?: React.ReactNode;\n  toolbarTitle: string;\n  /** Enable rows selection */\n  selectable?: boolean;\n  /** Selected items */\n  selectedRows?: Data[];\n  /** Selection handler */\n  onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;\n  /** Shows pagination controls */\n  pagination?: boolean;\n  /** Results per page */\n  rowsPerPage?: number;\n  /** Results per page handler */\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions?: number[];\n  rowsPerPageLabel?: (value: number) => string;\n  /** Export button label */\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements. Only specify this property if your data is server-side */\n  rowsCount?: number;\n  /** Current page. Always start in 0 */\n  page?: number;\n  /** Current page handler */\n  onPageChange?: (page: number) => void;\n  /** Loading state. The amount of skeleton rows is based on current rowsPerPage */\n  loading?: boolean;\n  /** Custom skeleton component for better visual */\n  skeletonComponent?: React.ReactNode;\n  /** Empty state placeholder */\n  emptyPlaceholder?: React.ReactNode;\n  /** Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" */\n  exportComponent?: React.ReactNode;\n}\n\n/** Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n  headers,\n  data,\n  rowKeyExtractor,\n  toolbarTitle,\n  toolbarFooter,\n  toolbarRightIcons,\n  selectable = false,\n  selectedRows = [],\n  onSelectedRows,\n  pagination = false,\n  rowsPerPage = 10,\n  onRowsPerPageChange,\n  rowsPerPageOptions: _rowsPerPageOptions,\n  rowsPerPageLabel: _rowsPerPageLabel,\n  exportLabel = 'Exportar',\n  exportFunction,\n  rowsCount,\n  page = 0,\n  onPageChange,\n  loading = false,\n  skeletonComponent,\n  emptyPlaceholder,\n  exportComponent,\n  ...rest\n}: DataGridProps<Data>): JSX.Element => {\n  if (selectable && (!selectedRows || !onSelectedRows)) {\n    throw new Error(\n      '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n    );\n  }\n\n  const rowsPerPageLabel = React.useCallback(\n    value =>\n      _rowsPerPageLabel\n        ? _rowsPerPageLabel(value)\n        : `Exibir por página: ${value} itens`,\n    [_rowsPerPageLabel]\n  );\n  const rowsPerPageOptions = React.useMemo(\n    () => _rowsPerPageOptions ?? [10, 25, 50],\n    [_rowsPerPageOptions]\n  );\n\n  const handleSelect = React.useCallback(\n    (current, checked) => {\n      if (checked) {\n        onSelectedRows?.(prevState => [...prevState, current]);\n        return;\n      }\n\n      onSelectedRows?.(prevState => {\n        const idx = prevState.findIndex(\n          el => rowKeyExtractor(el) === rowKeyExtractor(current)\n        );\n        return [...removeElement(prevState, idx)];\n      });\n    },\n    [onSelectedRows, rowKeyExtractor]\n  );\n\n  return (\n    <TableContainer {...rest}>\n      <TableToolbar\n        title={toolbarTitle}\n        rightIcons={toolbarRightIcons}\n        footer={toolbarFooter}\n      />\n      <Table>\n        <Header\n          selectable={selectable}\n          headers={headers}\n          data={data}\n          rowsCount={rowsCount ?? data.length}\n          rowKeyExtractor={rowKeyExtractor}\n          selectedRows={selectedRows}\n          onSelected={onSelectedRows}\n        />\n\n        {!loading ? (\n          <TBody>\n            {data.length > 0 ? (\n              getData(data, rowsCount, page, rowsPerPage, pagination).map(\n                item => (\n                  <Row\n                    key={rowKeyExtractor(item)}\n                    rowKeyExtractor={rowKeyExtractor}\n                    handleSelect={handleSelect}\n                    selectable={selectable}\n                    headers={headers}\n                    data={item}\n                    checked={selectedRows?.some(\n                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n                    )}\n                  />\n                )\n              )\n            ) : (\n              <tr>\n                <td colSpan={99}>{emptyPlaceholder}</td>\n              </tr>\n            )}\n          </TBody>\n        ) : (\n          <TBody>\n            {[...Array(rowsPerPage).keys()].map(idx => (\n              <Tr key={`skeleton-${idx}`}>\n                <Td colSpan={99} style={{ padding: 0 }}>\n                  {skeletonComponent ?? (\n                    <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n                      <div style={{ width: '100%' }} />\n                    </Skeleton>\n                  )}\n                </Td>\n              </Tr>\n            ))}\n          </TBody>\n        )}\n\n        {(Number(rowsCount) > 0 || data.length > 0) && (\n          <Footer\n            exportFunction={exportFunction}\n            exportLabel={exportLabel}\n            rowsPerPageLabel={rowsPerPageLabel}\n            rowsPerPage={rowsPerPage}\n            onRowsPerPageChange={onRowsPerPageChange}\n            rowsPerPageOptions={rowsPerPageOptions}\n            rowsCount={rowsCount ?? data.length}\n            page={page}\n            onPageChange={onPageChange}\n            pagination={pagination}\n            exportComponent={exportComponent}\n          />\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\n\nexport default DataGrid;\n"],"mappings":"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"}
+{"version":3,"file":"DataGrid.js","sources":["../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  Table,\n  TableToolbar,\n  TableContainer,\n  Tr,\n  Td,\n  TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n  extends React.HTMLAttributes<HTMLDivElement> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  /** Unique identifier for row data */\n  rowKeyExtractor: (data: Data) => string;\n  toolbarRightIcons?: React.ReactNode;\n  toolbarFooter?: React.ReactNode;\n  toolbarTitle: string;\n  /** Enable rows selection */\n  selectable?: boolean;\n  /** Selected items */\n  selectedRows?: Data[];\n  /** Selection handler */\n  onSelectedRows?: (data: Data[] | ((prevState: Data[]) => Data[])) => void;\n  /** Shows pagination controls */\n  pagination?: boolean;\n  /** Results per page */\n  rowsPerPage?: number;\n  /** Results per page handler */\n  onRowsPerPageChange?: (value: number) => void;\n  rowsPerPageOptions?: number[];\n  rowsPerPageLabel?: (value: number) => string;\n  /** Export button label */\n  exportLabel?: string;\n  exportFunction?: () => void;\n  /** Total data elements. Only specify this property if your data is server-side */\n  rowsCount?: number;\n  /** Current page. Always start in 0 */\n  page?: number;\n  /** Current page handler */\n  onPageChange?: (page: number) => void;\n  /** Loading state. The amount of skeleton rows is based on current rowsPerPage */\n  loading?: boolean;\n  /** Custom skeleton component for better visual */\n  skeletonComponent?: React.ReactNode;\n  /** Empty state placeholder */\n  emptyPlaceholder?: React.ReactNode;\n  /** Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" */\n  exportComponent?: React.ReactNode;\n}\n\n/** Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n  headers,\n  data,\n  rowKeyExtractor,\n  toolbarTitle,\n  toolbarFooter,\n  toolbarRightIcons,\n  selectable = false,\n  selectedRows = [],\n  onSelectedRows,\n  pagination = false,\n  rowsPerPage = 10,\n  onRowsPerPageChange,\n  rowsPerPageOptions: _rowsPerPageOptions,\n  rowsPerPageLabel: _rowsPerPageLabel,\n  exportLabel = 'Exportar',\n  exportFunction,\n  rowsCount,\n  page = 0,\n  onPageChange,\n  loading = false,\n  skeletonComponent,\n  emptyPlaceholder,\n  exportComponent,\n  ...rest\n}: DataGridProps<Data>): JSX.Element => {\n  if (selectable && (!selectedRows || !onSelectedRows)) {\n    throw new Error(\n      '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n    );\n  }\n\n  const rowsPerPageLabel = React.useCallback(\n    value =>\n      _rowsPerPageLabel\n        ? _rowsPerPageLabel(value)\n        : `Exibir por página: ${value} itens`,\n    [_rowsPerPageLabel]\n  );\n  const rowsPerPageOptions = React.useMemo(\n    () => _rowsPerPageOptions ?? [10, 25, 50],\n    [_rowsPerPageOptions]\n  );\n\n  const handleSelect = React.useCallback(\n    (current, checked) => {\n      if (checked) {\n        onSelectedRows?.(prevState => [...prevState, current]);\n        return;\n      }\n\n      onSelectedRows?.(prevState => {\n        const idx = prevState.findIndex(\n          el => rowKeyExtractor(el) === rowKeyExtractor(current)\n        );\n        return [...removeElement(prevState, idx)];\n      });\n    },\n    [onSelectedRows, rowKeyExtractor]\n  );\n\n  return (\n    <TableContainer {...rest}>\n      <TableToolbar\n        title={toolbarTitle}\n        rightIcons={toolbarRightIcons}\n        footer={toolbarFooter}\n      />\n      <Table>\n        <Header\n          selectable={selectable}\n          headers={headers}\n          data={data}\n          rowsCount={rowsCount ?? data.length}\n          rowKeyExtractor={rowKeyExtractor}\n          selectedRows={selectedRows}\n          onSelected={onSelectedRows}\n        />\n\n        {!loading ? (\n          <TBody>\n            {data.length > 0 ? (\n              getData(data, rowsCount, page, rowsPerPage, pagination).map(\n                item => (\n                  <Row\n                    key={rowKeyExtractor(item)}\n                    rowKeyExtractor={rowKeyExtractor}\n                    handleSelect={handleSelect}\n                    selectable={selectable}\n                    headers={headers}\n                    data={item}\n                    checked={selectedRows?.some(\n                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n                    )}\n                  />\n                )\n              )\n            ) : (\n              <tr>\n                <td colSpan={99}>{emptyPlaceholder}</td>\n              </tr>\n            )}\n          </TBody>\n        ) : (\n          <TBody>\n            {[...Array(rowsPerPage).keys()].map(idx => (\n              <Tr key={`skeleton-${idx}`}>\n                <Td colSpan={99} style={{ padding: 0 }}>\n                  {skeletonComponent ?? (\n                    <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n                      <div style={{ width: '100%' }} />\n                    </Skeleton>\n                  )}\n                </Td>\n              </Tr>\n            ))}\n          </TBody>\n        )}\n\n        {(Number(rowsCount) > 0 || data.length > 0) && (\n          <Footer\n            exportFunction={exportFunction}\n            exportLabel={exportLabel}\n            rowsPerPageLabel={rowsPerPageLabel}\n            rowsPerPage={rowsPerPage}\n            onRowsPerPageChange={onRowsPerPageChange}\n            rowsPerPageOptions={rowsPerPageOptions}\n            rowsCount={rowsCount ?? data.length}\n            page={page}\n            onPageChange={onPageChange}\n            pagination={pagination}\n            exportComponent={exportComponent}\n          />\n        )}\n      </Table>\n    </TableContainer>\n  );\n};\n\nexport default DataGrid;\n"],"names":["React","removeElement","getData"],"mappings":"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"}