@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,106 +1,85 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextPagination = exports.TdFooterStyled = exports.SelectContainer = exports.PagesContainer = exports.PageButton = exports.NavigationButton = exports.HoveredText = exports.FooterContainerStart = exports.FooterContainerEnd = exports.FooterContainer = exports.FlexContainer = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+var nativeStyled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
+require('react');
+var Td = require('../../../atoms/Table/Cell/Td.js');
+require('../../../atoms/Table/Container/styled.js');
+require('../../../atoms/Table/Footer/styled.js');
+require('../../../atoms/Table/Header/styled.js');
+require('../../../atoms/Table/Row/styled.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+var Button = require('../../../atoms/Button/Button.js');
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactWebKit = require("@tecsinapse/react-web-kit");
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+var nativeStyled__default = /*#__PURE__*/_interopDefaultLegacy(nativeStyled);
 
-var _Table = require("../../../atoms/Table");
+const TdFooterStyled = styled__default["default"](Td)`
+  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;
+`;
+const FlexContainer = styled__default["default"]("div")`
+  display: flex;
+  flex-grow: 1;
+`;
+const FooterContainer = styled__default["default"](FlexContainer)`
+  justify-content: space-between;
+  align-items: center;
+`;
+const FooterContainerStart = styled__default["default"](FlexContainer)`
+  justify-content: flex-start;
+`;
+const FooterContainerEnd = styled__default["default"](FlexContainer)`
+  justify-content: flex-end;
+`;
+const SelectContainer = styled__default["default"]("div")`
+  margin-right: ${({ theme }) => theme.spacing.deca};
+`;
+const NavigationButton = nativeStyled__default["default"](Button)`    
+    border-radius: ${({ theme }) => theme.borderRadius.mili};
+    height: 44px;
+    justify-content: center;
+    padding: ${({ theme }) => theme.spacing.centi};
+    width: 44px;  
+`;
+const PageButton = nativeStyled__default["default"](NavigationButton)`
+    padding-right: ${({ theme }) => theme.spacing.deca};
+    padding-left: ${({ theme }) => theme.spacing.deca};
+    border-radius: ${({ theme }) => theme.borderRadius.mili};
+    justify-content: center;
+    margin-left: ${({ theme }) => theme.spacing.micro};
+    margin-right: ${({ theme }) => theme.spacing.micro};
+`;
+const PagesContainer = styled__default["default"]("div")`
+  margin: 0 20px;
+  display: flex;
+`;
+const HoveredText = styled__default["default"]("div")`
+  user-select: none;
+  &:hover * {
+    color: ${({ theme }) => theme.font.color.light};
+  }
+`;
+const TextPagination = nativeStyled__default["default"](reactCore.Text)`
+  padding-right: ${({ theme }) => theme.spacing.deca};
+  padding-left: ${({ theme }) => theme.spacing.deca};
 
-var _Button = require("../../../atoms/Button");
+`;
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const TdFooterStyled = (0, _styled.default)(_Table.Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", " 0 0 0;\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.spacing.centi;
-});
-exports.TdFooterStyled = TdFooterStyled;
-const FlexContainer = (0, _styled.default)('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n"])));
 exports.FlexContainer = FlexContainer;
-const FooterContainer = (0, _styled.default)(FlexContainer)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  justify-content: space-between;\n  align-items: center;\n"])));
 exports.FooterContainer = FooterContainer;
-const FooterContainerStart = (0, _styled.default)(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n"])));
-exports.FooterContainerStart = FooterContainerStart;
-const FooterContainerEnd = (0, _styled.default)(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  justify-content: flex-end;\n"])));
 exports.FooterContainerEnd = FooterContainerEnd;
-const SelectContainer = (0, _styled.default)('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.spacing.deca;
-});
-exports.SelectContainer = SelectContainer;
-const NavigationButton = (0, _native.default)(_Button.Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["    \n    border-radius: ", ";\n    height: 44px;\n    justify-content: center;\n    padding: ", ";\n    width: 44px;  \n"])), _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.borderRadius.mili;
-}, _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.spacing.centi;
-});
+exports.FooterContainerStart = FooterContainerStart;
+exports.HoveredText = HoveredText;
 exports.NavigationButton = NavigationButton;
-const PageButton = (0, _native.default)(NavigationButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    justify-content: center;\n    margin-left: ", ";\n    margin-right: ", ";\n"])), _ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return theme.spacing.deca;
-}, _ref6 => {
-  let {
-    theme
-  } = _ref6;
-  return theme.spacing.deca;
-}, _ref7 => {
-  let {
-    theme
-  } = _ref7;
-  return theme.borderRadius.mili;
-}, _ref8 => {
-  let {
-    theme
-  } = _ref8;
-  return theme.spacing.micro;
-}, _ref9 => {
-  let {
-    theme
-  } = _ref9;
-  return theme.spacing.micro;
-});
 exports.PageButton = PageButton;
-const PagesContainer = (0, _styled.default)('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  margin: 0 20px;\n  display: flex;\n"])));
 exports.PagesContainer = PagesContainer;
-const HoveredText = (0, _styled.default)('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: none;\n  &:hover * {\n    color: ", ";\n  }\n"])), _ref10 => {
-  let {
-    theme
-  } = _ref10;
-  return theme.font.color.light;
-});
-exports.HoveredText = HoveredText;
-const TextPagination = (0, _native.default)(_reactWebKit.Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n  padding-left: ", ";\n\n"])), _ref11 => {
-  let {
-    theme
-  } = _ref11;
-  return theme.spacing.deca;
-}, _ref12 => {
-  let {
-    theme
-  } = _ref12;
-  return theme.spacing.deca;
-});
+exports.SelectContainer = SelectContainer;
+exports.TdFooterStyled = TdFooterStyled;
 exports.TextPagination = TextPagination;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["TdFooterStyled","styled","Td","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","nativeStyled","Button","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination","Text"],"sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Text } from '@tecsinapse/react-web-kit';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAH,gGACd;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADc,CAApB;;AAIA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAH,4GAAnB;;AAKA,MAAMM,eAAe,GAAG,IAAAN,eAAA,EAAOK,aAAP,CAAH,oIAArB;;AAKA,MAAME,oBAAoB,GAAG,IAAAP,eAAA,EAAOK,aAAP,CAAH,yGAA1B;;AAIA,MAAMG,kBAAkB,GAAG,IAAAR,eAAA,EAAOK,aAAP,CAAH,uGAAxB;;AAIA,MAAMI,eAAe,GAAG,IAAAT,eAAA,EAAO,KAAP,CAAH,iGACV;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADU,CAArB;;AAIA,MAAMC,gBAAgB,GAAG,IAAAC,eAAA,EAAaC,cAAb,CAAH,iMACR;EAAA,IAAC;IAAEX;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAlC;AAAA,CADQ,EAId;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJc,CAAtB;;AASA,MAAMY,UAAU,GAAG,IAAAJ,eAAA,EAAaD,gBAAb,CAAH,sOACF;EAAA,IAAC;IAAET;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADE,EAEH;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFG,EAGF;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAlC;AAAA,CAHE,EAKJ;EAAA,IAAC;IAAEb;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcc,KAA7B;AAAA,CALI,EAMH;EAAA,IAAC;IAAEf;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcc,KAA7B;AAAA,CANG,CAAhB;;AASA,MAAMC,cAAc,GAAG,IAAAlB,eAAA,EAAO,KAAP,CAAH,8GAApB;;AAKA,MAAMmB,WAAW,GAAG,IAAAnB,eAAA,EAAO,KAAP,CAAH,wIAGX;EAAA,IAAC;IAAEE;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACkB,IAAN,CAAWC,KAAX,CAAiBC,KAAhC;AAAA,CAHW,CAAjB;;AAOA,MAAMC,cAAc,GAAG,IAAAX,eAAA,EAAaY,iBAAb,CAAH,6HACR;EAAA,IAAC;IAAEtB;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADQ,EAET;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFS,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/organisms/DataGrid/Footer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as nativeStyled } from '@emotion/native';\nimport { StyleProps, Text } from '@tecsinapse/react-core';\nimport { Td } from '../../../atoms/Table';\nimport { Button } from '../../../atoms/Button';\n\nexport const TdFooterStyled = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.centi} 0 0 0;\n`;\n\nexport const FlexContainer = styled('div')`\n  display: flex;\n  flex-grow: 1;\n`;\n\nexport const FooterContainer = styled(FlexContainer)`\n  justify-content: space-between;\n  align-items: center;\n`;\n\nexport const FooterContainerStart = styled(FlexContainer)`\n  justify-content: flex-start;\n`;\n\nexport const FooterContainerEnd = styled(FlexContainer)`\n  justify-content: flex-end;\n`;\n\nexport const SelectContainer = styled('div')<Partial<StyleProps>>`\n  margin-right: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const NavigationButton = nativeStyled(Button)<Partial<StyleProps>>`    \n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    height: 44px;\n    justify-content: center;\n    padding: ${({ theme }) => theme.spacing.centi};\n    width: 44px;  \n`;\n\n// Se o botão estiver ativo, renderizar outlined, caso contrario o botão é text\nexport const PageButton = nativeStyled(NavigationButton)<Partial<StyleProps>>`\n    padding-right: ${({ theme }) => theme.spacing.deca};\n    padding-left: ${({ theme }) => theme.spacing.deca};\n    border-radius: ${({ theme }) => theme.borderRadius.mili};\n    justify-content: center;\n    margin-left: ${({ theme }) => theme.spacing.micro};\n    margin-right: ${({ theme }) => theme.spacing.micro};\n`;\n\nexport const PagesContainer = styled('div')<Partial<StyleProps>>`\n  margin: 0 20px;\n  display: flex;\n`;\n\nexport const HoveredText = styled('div')<Partial<StyleProps>>`\n  user-select: none;\n  &:hover * {\n    color: ${({ theme }) => theme.font.color.light};\n  }\n`;\n\nexport const TextPagination = nativeStyled(Text)<Partial<StyleProps>>`\n  padding-right: ${({ theme }) => theme.spacing.deca};\n  padding-left: ${({ theme }) => theme.spacing.deca};\n\n`;\n"],"names":["styled","nativeStyled","Text"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAMa,MAAA,cAAA,GAAiBA,2BAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EAC1B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAG7B,MAAA,aAAA,GAAgBA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK5B,MAAA,eAAA,GAAkBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,oBAAA,GAAuBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAI3C,MAAA,kBAAA,GAAqBA,2BAAO,aAAa,CAAA,CAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,eAAA,GAAkBA,2BAAO,KAAK,CAAA,CAAA;AAAA,gBAAA,EACzB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,EAAA;AAGlC,MAAA,gBAAA,GAAmBC,iCAAa,MAAM,CAAA,CAAA;AAAA,mBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,aAAA,EAGxC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAK/B,MAAA,UAAA,GAAaA,iCAAa,gBAAgB,CAAA,CAAA;AAAA,mBAAA,EAClC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,mBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,iBAAA,EAEpC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,kBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,KAAA,CAAA;AAAA,EAAA;AAGpC,MAAA,cAAA,GAAiBD,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK7B,MAAA,WAAA,GAAcA,2BAAO,KAAK,CAAA,CAAA;AAAA;AAAA;AAAA,WAAA,EAG1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,KAAK,KAAM,CAAA,KAAA,CAAA;AAAA;AAAA,EAAA;AAIhC,MAAA,cAAA,GAAiBC,iCAAaC,cAAI,CAAA,CAAA;AAAA,iBAAA,EAC5B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,gBAAA,EAC9B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;;;;;;;;;;;;;;"}

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

@@ -1,93 +1,84 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _Table = require("../../../atoms/Table");
-
-var _styled = require("./styled");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Header = _ref => {
-  let {
-    selectable,
-    rowsCount,
-    headers,
-    data,
-    rowKeyExtractor,
-    selectedRows,
-    onSelected
-  } = _ref;
-
-  const [sortDirection, setSortDirection] = _react.default.useState(_utils.NEXT_STATE.initial);
-
-  const handleSortDirection = sort => {
-    sort(_utils.NEXT_STATE[sortDirection]);
-    setSortDirection(_utils.NEXT_STATE[sortDirection]);
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+require('../../../atoms/Table/Cell/styled.js');
+require('../../../atoms/Table/Container/styled.js');
+require('../../../atoms/Table/Footer/styled.js');
+var Th = require('../../../atoms/Table/Header/Th.js');
+var THead = require('../../../atoms/Table/Header/THead.js');
+var Tr = require('../../../atoms/Table/Row/Tr.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+var styled = require('./styled.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);
+
+const Header = ({
+  selectable,
+  rowsCount,
+  headers,
+  data,
+  rowKeyExtractor,
+  selectedRows,
+  onSelected
+}) => {
+  const [sortDirection, setSortDirection] = React__default["default"].useState(
+    utils.NEXT_STATE.initial
+  );
+  const handleSortDirection = (sort) => {
+    sort(utils.NEXT_STATE[sortDirection]);
+    setSortDirection(utils.NEXT_STATE[sortDirection]);
   };
-
-  const handleSelectAll = checked => {
+  const handleSelectAll = (checked) => {
     if (!checked) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected([]);
+      onSelected == null ? void 0 : onSelected([]);
       return;
     }
-
-    const currentItemsOnData = (0, _utils.findCurrentItemsOnData)(selectedRows, data, rowKeyExtractor);
-    const unselectedItemsOnData = (0, _utils.findUnselectedItemsOnData)(selectedRows, data, rowKeyExtractor);
-
+    const currentItemsOnData = utils.findCurrentItemsOnData(
+      selectedRows,
+      data,
+      rowKeyExtractor
+    );
+    const unselectedItemsOnData = utils.findUnselectedItemsOnData(
+      selectedRows,
+      data,
+      rowKeyExtractor
+    );
     if (checked && selectedRows.length < 1) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected(data);
+      onSelected == null ? void 0 : onSelected(data);
       return;
     }
-
     if (checked && currentItemsOnData.length < 1) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      onSelected == null ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
       return;
     }
-
-    onSelected === null || onSelected === void 0 ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+    onSelected == null ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
   };
-
-  return _react.default.createElement(_Table.THead, null, _react.default.createElement(_Table.Tr, null, selectable && _react.default.createElement(_styled.CheckboxHeader, null, _react.default.createElement(_reactCore.Checkbox, {
-    checked: rowsCount === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length),
+  return /* @__PURE__ */ React__default["default"].createElement(THead, null, /* @__PURE__ */ React__default["default"].createElement(Tr, null, selectable && /* @__PURE__ */ React__default["default"].createElement(styled.CheckboxHeader, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Checkbox, {
+    checked: rowsCount === (selectedRows == null ? void 0 : selectedRows.length),
     onChange: handleSelectAll
-  })), headers.map(_ref2 => {
-    let {
-      label,
-      sort,
-      justifyContent = 'flex-start'
-    } = _ref2;
-    return _react.default.createElement(_Table.Th, {
-      key: label
-    }, _react.default.createElement("div", {
-      style: {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent
-      }
-    }, label, sort && _react.default.createElement("div", {
-      style: {
-        marginLeft: 8
-      }
-    }, _react.default.createElement(_reactCore.PressableSurface, {
-      onPress: () => handleSortDirection(sort)
-    }, _react.default.createElement(_reactCore.Icon, {
-      name: "sort-alphabetical-".concat((0, _utils.getIconSuffix)(sortDirection)),
-      type: 'material-community',
-      fontColor: (0, _utils.getIconColor)(sortDirection)
-    })))));
-  })));
+  })), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React__default["default"].createElement(Th, {
+    key: label
+  }, /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent
+    }
+  }, label, sort && /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: { marginLeft: 8 }
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.PressableSurface, {
+    onPress: () => handleSortDirection(sort)
+  }, /* @__PURE__ */ React__default["default"].createElement(reactCore.Icon, {
+    name: `sort-alphabetical-${utils.getIconSuffix(sortDirection)}`,
+    type: "material-community",
+    fontColor: utils.getIconColor(sortDirection)
+  }))))))));
 };
 
-var _default = Header;
-exports.default = _default;
-//# sourceMappingURL=Header.js.map
+module.exports = Header;
+//# sourceMappingURL=Header.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","sortDirection","setSortDirection","React","useState","NEXT_STATE","initial","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","findCurrentItemsOnData","unselectedItemsOnData","findUnselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft","getIconSuffix","getIconColor"],"sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data,>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<SortState>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAkBA,MAAMA,MAAM,GAAG,QAQ+B;EAAA,IARvB;IACrBC,UADqB;IAErBC,SAFqB;IAGrBC,OAHqB;IAIrBC,IAJqB;IAKrBC,eALqB;IAMrBC,YANqB;IAOrBC;EAPqB,CAQuB;;EAC5C,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,cAAA,CAAMC,QAAN,CACxCC,iBAAA,CAAWC,OAD6B,CAA1C;;EAIA,MAAMC,mBAAmB,GAAGC,IAAI,IAAI;IAClCA,IAAI,CAACH,iBAAA,CAAWJ,aAAX,CAAD,CAAJ;IACAC,gBAAgB,CAACG,iBAAA,CAAWJ,aAAX,CAAD,CAAhB;EACD,CAHD;;EAKA,MAAMQ,eAAe,GAAGC,OAAO,IAAI;IACjC,IAAI,CAACA,OAAL,EAAc;MACZV,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAG,EAAH,CAAV;MACA;IACD;;IAED,MAAMW,kBAAkB,GAAG,IAAAC,6BAAA,EACzBb,YADyB,EAEzBF,IAFyB,EAGzBC,eAHyB,CAA3B;IAMA,MAAMe,qBAAqB,GAAG,IAAAC,gCAAA,EAC5Bf,YAD4B,EAE5BF,IAF4B,EAG5BC,eAH4B,CAA9B;;IAMA,IAAIY,OAAO,IAAIX,YAAY,CAACgB,MAAb,GAAsB,CAArC,EAAwC;MACtCf,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGH,IAAH,CAAV;MACA;IACD;;IACD,IAAIa,OAAO,IAAIC,kBAAkB,CAACI,MAAnB,GAA4B,CAA3C,EAA8C;MAC5Cf,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGa,qBAAqB,CAACG,MAAtB,CAA6BjB,YAA7B,CAAH,CAAV;MACA;IACD;;IACDC,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAGD,YAAY,CAACiB,MAAb,CAAoBH,qBAApB,CAAH,CAAV;EACD,CA3BD;;EA6BA,OACE,6BAAC,YAAD,QACE,6BAAC,SAAD,QACGnB,UAAU,IACT,6BAAC,sBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEC,SAAS,MAAKI,YAAL,aAAKA,YAAL,uBAAKA,YAAY,CAAEgB,MAAnB,CADpB;IAEE,QAAQ,EAAEN;EAFZ,EADF,CAFJ,EASGb,OAAO,CAACqB,GAAR,CAAY;IAAA,IAAC;MAAEC,KAAF;MAASV,IAAT;MAAeW,cAAc,GAAG;IAAhC,CAAD;IAAA,OACX,6BAAC,SAAD;MAAI,GAAG,EAAED;IAAT,GACE;MACE,KAAK,EAAE;QACLE,OAAO,EAAE,MADJ;QAELC,UAAU,EAAE,QAFP;QAGLF;MAHK;IADT,GAOGD,KAPH,EAQGV,IAAI,IACH;MAAK,KAAK,EAAE;QAAEc,UAAU,EAAE;MAAd;IAAZ,GACE,6BAAC,2BAAD;MAAkB,OAAO,EAAE,MAAMf,mBAAmB,CAACC,IAAD;IAApD,GACE,6BAAC,eAAD;MACE,IAAI,8BAAuB,IAAAe,oBAAA,EAActB,aAAd,CAAvB,CADN;MAEE,IAAI,EAAE,oBAFR;MAGE,SAAS,EAAE,IAAAuB,mBAAA,EAAavB,aAAb;IAHb,EADF,CADF,CATJ,CADF,CADW;EAAA,CAAZ,CATH,CADF,CADF;AAsCD,CArFD;;eAuFeR,M"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data,>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<SortState>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":["React","NEXT_STATE","findCurrentItemsOnData","findUnselectedItemsOnData","CheckboxHeader","Checkbox","PressableSurface","Icon","getIconSuffix","getIconColor"],"mappings":"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"}

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

@@ -1,25 +1,29 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckboxHeader = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+require('react');
+require('../../../atoms/Table/Cell/styled.js');
+require('../../../atoms/Table/Container/styled.js');
+require('../../../atoms/Table/Footer/styled.js');
+var Th = require('../../../atoms/Table/Header/Th.js');
+require('../../../atoms/Table/Header/styled.js');
+require('../../../atoms/Table/Row/styled.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('@tecsinapse/react-core');
+require('../../../atoms/Table/styled.js');
 
-var _Table = require("../../../atoms/Table");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CheckboxHeader = styled__default["default"](Th)`
+  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-const CheckboxHeader = (0, _styled.default)(_Table.Th)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0 0 0 ", ";\n  & * {\n    user-select: none;\n  }\n"])), _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.spacing.mili;
-});
 exports.CheckboxHeader = CheckboxHeader;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["CheckboxHeader","styled","Th","theme","spacing","mili"],"sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAH,sIACR;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"names":["styled"],"mappings":";;;;;;;;;;;;;;;;;;;;AAIa,MAAA,cAAA,GAAiBA,2BAAO,EAAE,CAAA,CAAA;AAAA,iBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,30 +1,27 @@
-"use strict";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIconSuffix = exports.getIconColor = exports.findUnselectedItemsOnData = exports.findCurrentItemsOnData = exports.NEXT_STATE = void 0;
 const NEXT_STATE = {
-  unsorted: 'ascending',
-  ascending: 'descending',
-  descending: 'unsorted',
-  initial: 'unsorted'
+  unsorted: "ascending",
+  ascending: "descending",
+  descending: "unsorted",
+  initial: "unsorted"
 };
-exports.NEXT_STATE = NEXT_STATE;
-
-const getIconSuffix = state => state === 'unsorted' ? 'ascending' : state;
-
-exports.getIconSuffix = getIconSuffix;
-
-const getIconColor = state => state === 'unsorted' ? 'medium' : 'orange';
-
-exports.getIconColor = getIconColor;
-
-const findUnselectedItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? data.filter(item => selected.every(rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item))) : [];
-
-exports.findUnselectedItemsOnData = findUnselectedItemsOnData;
-
-const findCurrentItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? selected.filter(item => data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))) : [];
+const getIconSuffix = (state) => state === "unsorted" ? "ascending" : state;
+const getIconColor = (state) => state === "unsorted" ? "medium" : "orange";
+const findUnselectedItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? data.filter(
+  (item) => selected.every(
+    (rowData) => rowKeyExtractor(rowData) !== rowKeyExtractor(item)
+  )
+) : [];
+const findCurrentItemsOnData = (selected, data, rowKeyExtractor) => selected.length > 0 ? selected.filter(
+  (item) => data.some((rowData) => rowKeyExtractor(rowData) === rowKeyExtractor(item))
+) : [];
 
+exports.NEXT_STATE = NEXT_STATE;
 exports.findCurrentItemsOnData = findCurrentItemsOnData;
-//# sourceMappingURL=utils.js.map
+exports.findUnselectedItemsOnData = findUnselectedItemsOnData;
+exports.getIconColor = getIconColor;
+exports.getIconSuffix = getIconSuffix;
+//# sourceMappingURL=utils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["NEXT_STATE","unsorted","ascending","descending","initial","getIconSuffix","state","getIconColor","findUnselectedItemsOnData","selected","data","rowKeyExtractor","length","filter","item","every","rowData","findCurrentItemsOnData","some"],"sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n  unsorted: 'ascending',\n  ascending: 'descending',\n  descending: 'unsorted',\n  initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n  state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' | 'orange' =>\n  state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? data.filter(item =>\n        selected.every(\n          rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n        )\n      )\n    : [];\n\nexport const findCurrentItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? selected.filter(item =>\n        data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n      )\n    : [];\n"],"mappings":";;;;;;AAEO,MAAMA,UAAwC,GAAG;EACtDC,QAAQ,EAAE,WAD4C;EAEtDC,SAAS,EAAE,YAF2C;EAGtDC,UAAU,EAAE,UAH0C;EAItDC,OAAO,EAAE;AAJ6C,CAAjD;;;AAOA,MAAMC,aAAa,GAAIC,KAAD,IAC3BA,KAAK,KAAK,UAAV,GAAuB,WAAvB,GAAqCA,KADhC;;;;AAGA,MAAMC,YAAY,GAAID,KAAD,IAC1BA,KAAK,KAAK,UAAV,GAAuB,QAAvB,GAAkC,QAD7B;;;;AAGA,MAAME,yBAAyB,GAAG,CACvCC,QADuC,EAEvCC,IAFuC,EAGvCC,eAHuC,KAKvCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIF,IAAI,CAACG,MAAL,CAAYC,IAAI,IACdL,QAAQ,CAACM,KAAT,CACEC,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CADzD,CADF,CADJ,GAMI,EAXC;;;;AAaA,MAAMG,sBAAsB,GAAG,CACpCR,QADoC,EAEpCC,IAFoC,EAGpCC,eAHoC,KAKpCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIH,QAAQ,CAACI,MAAT,CAAgBC,IAAI,IAClBJ,IAAI,CAACQ,IAAL,CAAUF,OAAO,IAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAjE,CADF,CADJ,GAII,EATC"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n  unsorted: 'ascending',\n  ascending: 'descending',\n  descending: 'unsorted',\n  initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n  state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' | 'orange' =>\n  state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? data.filter(item =>\n        selected.every(\n          rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n        )\n      )\n    : [];\n\nexport const findCurrentItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? selected.filter(item =>\n        data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n      )\n    : [];\n"],"names":[],"mappings":";;;;AAEO,MAAM,UAA2C,GAAA;AAAA,EACtD,QAAU,EAAA,WAAA;AAAA,EACV,SAAW,EAAA,YAAA;AAAA,EACX,UAAY,EAAA,UAAA;AAAA,EACZ,OAAS,EAAA,UAAA;AACX,EAAA;AAEO,MAAM,aAAgB,GAAA,CAAC,KAC5B,KAAA,KAAA,KAAU,aAAa,WAAc,GAAA,MAAA;AAEhC,MAAM,YAAe,GAAA,CAAC,KAC3B,KAAA,KAAA,KAAU,aAAa,QAAW,GAAA,SAAA;AAEvB,MAAA,yBAAA,GAA4B,CACvC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,IAAK,CAAA,MAAA;AAAA,EAAO,UACV,QAAS,CAAA,KAAA;AAAA,IACP,CAAW,OAAA,KAAA,eAAA,CAAgB,OAAO,CAAA,KAAM,gBAAgB,IAAI,CAAA;AAAA,GAC9D;AACF,CAAA,GACA,GAAC;AAEM,MAAA,sBAAA,GAAyB,CACpC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,QAAS,CAAA,MAAA;AAAA,EAAO,CAAA,IAAA,KACd,KAAK,IAAK,CAAA,CAAA,OAAA,KAAW,gBAAgB,OAAO,CAAA,KAAM,eAAgB,CAAA,IAAI,CAAC,CAAA;AACzE,CAAA,GACA;;;;;;;;"}

package/dist/components/organisms/DataGrid/Row/Row.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, checked: _checked, handleSelect, selectable, headers, }: {
+declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, checked, handleSelect, selectable, headers, }: {
     rowKeyExtractor: any;
     data: any;
     checked: any;