@tecsinapse/react-web-kit 1.20.0 → 1.21.0

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

@@ -15,91 +15,92 @@ var _Table = require("../../../atoms/Table");
 
 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 }; }
 
-const TdFooterStyled = (0, _styled.default)(_Table.Td)`
-  padding: ${({
-  theme
-}) => theme.spacing.centi} 0 0 0;
-`;
+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')`
-  display: flex;
-  flex-grow: 1;
-`;
+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)`
-  justify-content: space-between;
-  align-items: center;
-`;
+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)`
-  justify-content: flex-start;
-`;
+const FooterContainerStart = (0, _styled.default)(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  justify-content: flex-start;\n"])));
 exports.FooterContainerStart = FooterContainerStart;
-const FooterContainerEnd = (0, _styled.default)(FlexContainer)`
-  justify-content: flex-end;
-`;
+const FooterContainerEnd = (0, _styled.default)(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  justify-content: flex-end;\n"])));
 exports.FooterContainerEnd = FooterContainerEnd;
-const SelectContainer = (0, _styled.default)('div')`
-  margin-right: ${({
-  theme
-}) => theme.spacing.deca};
-`;
+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)`    
-    border-radius: ${({
-  theme
-}) => theme.borderRadius.mili};
-    height: 44px;
-    justify-content: center;
-    padding: ${({
-  theme
-}) => theme.spacing.centi};
-    width: 44px;  
-`;
+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.NavigationButton = NavigationButton;
-const PageButton = (0, _native.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 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')`
-  margin: 0 20px;
-  display: flex;
-`;
+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')`
-  user-select: none;
-  &:hover * {
-    color: ${({
-  theme
-}) => theme.font.color.light};
-  }
-`;
+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)`
-  padding-right: ${({
-  theme
-}) => theme.spacing.deca};
-  padding-left: ${({
-  theme
-}) => theme.spacing.deca};
-
-`;
+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.TextPagination = TextPagination;
 //# 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,CAAgC;AAC9D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAChD,CAFO;;AAIA,MAAMC,aAAa,GAAG,IAAAL,eAAA,EAAO,KAAP,CAAc;AAC3C;AACA;AACA,CAHO;;AAKA,MAAMM,eAAe,GAAG,IAAAN,eAAA,EAAOK,aAAP,CAAsB;AACrD;AACA;AACA,CAHO;;AAKA,MAAME,oBAAoB,GAAG,IAAAP,eAAA,EAAOK,aAAP,CAAsB;AAC1D;AACA,CAFO;;AAIA,MAAMG,kBAAkB,GAAG,IAAAR,eAAA,EAAOK,aAAP,CAAsB;AACxD;AACA,CAFO;;AAIA,MAAMI,eAAe,GAAG,IAAAT,eAAA,EAAO,KAAP,CAAmC;AAClE,kBAAkB,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD,CAFO;;AAIA,MAAMC,gBAAgB,GAAG,IAAAC,eAAA,EAAaC,cAAb,CAA0C;AAC1E,qBAAqB,CAAC;EAAEX;AAAF,CAAD,KAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC5D;AACA;AACA,eAAe,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,KAAM;AAClD;AACA,CANO;;AASA,MAAMY,UAAU,GAAG,IAAAJ,eAAA,EAAaD,gBAAb,CAAoD;AAC9E,qBAAqB,CAAC;EAAET;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACvD,oBAAoB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACtD,qBAAqB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACY,YAAN,CAAmBC,IAAK;AAC5D;AACA,mBAAmB,CAAC;EAAEb;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcc,KAAM;AACtD,oBAAoB,CAAC;EAAEf;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcc,KAAM;AACvD,CAPO;;AASA,MAAMC,cAAc,GAAG,IAAAlB,eAAA,EAAO,KAAP,CAAmC;AACjE;AACA;AACA,CAHO;;AAKA,MAAMmB,WAAW,GAAG,IAAAnB,eAAA,EAAO,KAAP,CAAmC;AAC9D;AACA;AACA,aAAa,CAAC;EAAEE;AAAF,CAAD,KAAeA,KAAK,CAACkB,IAAN,CAAWC,KAAX,CAAiBC,KAAM;AACnD;AACA,CALO;;AAOA,MAAMC,cAAc,GAAG,IAAAX,eAAA,EAAaY,iBAAb,CAAwC;AACtE,mBAAmB,CAAC;EAAEtB;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACrD,kBAAkB,CAAC;EAAER;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcO,IAAK;AACpD;AACA,CAJO"}
+{"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"}

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

@@ -17,15 +17,17 @@ var _utils = require("./utils");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Header = ({
-  selectable,
-  rowsCount,
-  headers,
-  data,
-  rowKeyExtractor,
-  selectedRows,
-  onSelected
-}) => {
+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 => {
@@ -58,29 +60,32 @@ const Header = ({
   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),
     onChange: handleSelectAll
-  })), headers.map(({
-    label,
-    sort,
-    justifyContent = 'flex-start'
-  }) => _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-${(0, _utils.getIconSuffix)(sortDirection)}`,
-    type: 'material-community',
-    fontColor: (0, _utils.getIconColor)(sortDirection)
-  }))))))));
+  })), 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)
+    })))));
+  })));
 };
 
 var _default = Header;

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,CAAQ;EACrBC,UADqB;EAErBC,SAFqB;EAGrBC,OAHqB;EAIrBC,IAJqB;EAKrBC,eALqB;EAMrBC,YANqB;EAOrBC;AAPqB,CAAR,KAQ+B;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,CAAC;IAAEC,KAAF;IAASV,IAAT;IAAeW,cAAc,GAAG;EAAhC,CAAD,KACX,6BAAC,SAAD;IAAI,GAAG,EAAED;EAAT,GACE;IACE,KAAK,EAAE;MACLE,OAAO,EAAE,MADJ;MAELC,UAAU,EAAE,QAFP;MAGLF;IAHK;EADT,GAOGD,KAPH,EAQGV,IAAI,IACH;IAAK,KAAK,EAAE;MAAEc,UAAU,EAAE;IAAd;EAAZ,GACE,6BAAC,2BAAD;IAAkB,OAAO,EAAE,MAAMf,mBAAmB,CAACC,IAAD;EAApD,GACE,6BAAC,eAAD;IACE,IAAI,EAAG,qBAAoB,IAAAe,oBAAA,EAActB,aAAd,CAA6B,EAD1D;IAEE,IAAI,EAAE,oBAFR;IAGE,SAAS,EAAE,IAAAuB,mBAAA,EAAavB,aAAb;EAHb,EADF,CADF,CATJ,CADF,CADD,CATH,CADF,CADF;AAsCD,CArFD;;eAuFeR,M"}
+{"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"}

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

@@ -9,15 +9,17 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _Table = require("../../../atoms/Table");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const CheckboxHeader = (0, _styled.default)(_Table.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

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,CAAgC;AAC9D,mBAAmB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AACrD;AACA;AACA;AACA,CALO"}
+{"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"}

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

@@ -15,25 +15,29 @@ var _Table = require("../../../atoms/Table");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Row = ({
-  rowKeyExtractor,
-  data,
-  checked: _checked,
-  handleSelect,
-  selectable,
-  headers
-}) => {
+const Row = _ref => {
+  let {
+    rowKeyExtractor,
+    data,
+    checked: _checked,
+    handleSelect,
+    selectable,
+    headers
+  } = _ref;
   return _react.default.createElement(_Table.Tr, {
     key: rowKeyExtractor(data)
   }, selectable && _react.default.createElement(_styled.CheckboxCell, null, _react.default.createElement(_reactCore.Checkbox, {
     checked: _checked,
     onChange: checked => handleSelect(data, checked)
-  })), headers.map(({
-    label,
-    render
-  }) => _react.default.createElement(_Table.Td, {
-    key: `row-${rowKeyExtractor(data)}-column-${label}`
-  }, render(data))));
+  })), headers.map(_ref2 => {
+    let {
+      label,
+      render
+    } = _ref2;
+    return _react.default.createElement(_Table.Td, {
+      key: "row-".concat(rowKeyExtractor(data), "-column-").concat(label)
+    }, render(data));
+  }));
 };
 
 var _default = _react.default.memo(Row);

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

@@ -1 +1 @@
-{"version":3,"file":"Row.js","names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;EACXC,eADW;EAEXC,IAFW;EAGXC,OAAO,EAAEC,QAHE;EAIXC,YAJW;EAKXC,UALW;EAMXC;AANW,CAAD,KAON;EACJ,OACE,6BAAC,SAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEF,QADX;IAEE,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;EAFnC,EADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY,CAAC;IAAEC,KAAF;IAASC;EAAT,CAAD,KACX,6BAAC,SAAD;IAAI,GAAG,EAAG,OAAMT,eAAe,CAACC,IAAD,CAAO,WAAUO,KAAM;EAAtD,GACGC,MAAM,CAACR,IAAD,CADT,CADD,CATH,CADF;AAiBD,CAzBD;;eA2BeS,cAAA,CAAMC,IAAN,CAAWZ,GAAX,C"}
+{"version":3,"file":"Row.js","names":["Row","rowKeyExtractor","data","checked","_checked","handleSelect","selectable","headers","map","label","render","React","memo"],"sources":["../../../../../src/components/organisms/DataGrid/Row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox } from '@tecsinapse/react-core';\nimport { CheckboxCell } from '../styled';\nimport { Td, Tr } from '../../../atoms/Table';\n\nconst Row = ({\n  rowKeyExtractor,\n  data,\n  checked: _checked,\n  handleSelect,\n  selectable,\n  headers,\n}) => {\n  return (\n    <Tr key={rowKeyExtractor(data)}>\n      {selectable && (\n        <CheckboxCell>\n          <Checkbox\n            checked={_checked}\n            onChange={checked => handleSelect(data, checked)}\n          />\n        </CheckboxCell>\n      )}\n      {headers.map(({ label, render }) => (\n        <Td key={`row-${rowKeyExtractor(data)}-column-${label}`}>\n          {render(data)}\n        </Td>\n      ))}\n    </Tr>\n  );\n};\n\nexport default React.memo(Row);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,QAON;EAAA,IAPO;IACXC,eADW;IAEXC,IAFW;IAGXC,OAAO,EAAEC,QAHE;IAIXC,YAJW;IAKXC,UALW;IAMXC;EANW,CAOP;EACJ,OACE,6BAAC,SAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,6BAAC,oBAAD,QACE,6BAAC,mBAAD;IACE,OAAO,EAAEF,QADX;IAEE,QAAQ,EAAED,OAAO,IAAIE,YAAY,CAACH,IAAD,EAAOC,OAAP;EAFnC,EADF,CAFJ,EASGI,OAAO,CAACC,GAAR,CAAY;IAAA,IAAC;MAAEC,KAAF;MAASC;IAAT,CAAD;IAAA,OACX,6BAAC,SAAD;MAAI,GAAG,gBAAST,eAAe,CAACC,IAAD,CAAxB,qBAAyCO,KAAzC;IAAP,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;eA2BeS,cAAA,CAAMC,IAAN,CAAWZ,GAAX,C"}

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

@@ -1,2 +1,3 @@
-export { default as DataGrid, DataGridProps } from './DataGrid';
+export { default as DataGrid } from './DataGrid';
+export type { DataGridProps } from './DataGrid';
 export * from './types';

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var _exportNames = {
-  DataGrid: true,
-  DataGridProps: true
+  DataGrid: true
 };
 Object.defineProperty(exports, "DataGrid", {
   enumerable: true,
@@ -13,14 +12,8 @@ Object.defineProperty(exports, "DataGrid", {
     return _DataGrid.default;
   }
 });
-Object.defineProperty(exports, "DataGridProps", {
-  enumerable: true,
-  get: function () {
-    return _DataGrid.DataGridProps;
-  }
-});
 
-var _DataGrid = _interopRequireWildcard(require("./DataGrid"));
+var _DataGrid = _interopRequireDefault(require("./DataGrid"));
 
 var _types = require("./types");
 
@@ -36,7 +29,5 @@ Object.keys(_types).forEach(function (key) {
   });
 });
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/organisms/DataGrid/index.ts"],"sourcesContent":["export { default as DataGrid, DataGridProps } from './DataGrid';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/organisms/DataGrid/index.ts"],"sourcesContent":["export { default as DataGrid } from './DataGrid';\nexport type { DataGridProps } from './DataGrid';\nexport * from './types';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -9,15 +9,17 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
 
 var _Table = require("../../atoms/Table");
 
+var _templateObject;
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const CheckboxCell = (0, _styled.default)(_Table.Td)`
-  padding: ${({
-  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 CheckboxCell = (0, _styled.default)(_Table.Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), _ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.spacing.mili;
+});
 exports.CheckboxCell = CheckboxCell;
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["CheckboxCell","styled","Td","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;AAEO,MAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAgC;AAC5D,aAAa,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,OAAN,CAAcC,IAAK;AAC/C;AACA;AACA;AACA,CALO"}
+{"version":3,"file":"styled.js","names":["CheckboxCell","styled","Td","theme","spacing","mili"],"sources":["../../../../src/components/organisms/DataGrid/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Td } from '../../atoms/Table';\n\nexport const CheckboxCell = styled(Td)<Partial<StyleProps>>`\n  padding: ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;AAEO,MAAMA,YAAY,GAAG,IAAAC,eAAA,EAAOC,SAAP,CAAH,gIACZ;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}

package/dist/hooks/useClickAwayListener.js

@@ -9,7 +9,9 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const useClickAwayListener = (ref, setVisible, event = 'mousedown') => {
+const useClickAwayListener = function (ref, setVisible) {
+  let event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
+
   _react.default.useEffect(() => {
     const handleClickOutside = event => {
       if (ref.current && !ref.current.contains(event.target)) {

package/dist/hooks/useClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAA0C,GAAG,WAHX,KAIzB;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}
+{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,UAClCC,GADkC,EAElCC,UAFkC,EAIzB;EAAA,IADTC,KACS,uEADoC,WACpC;;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}

package/dist/index.d.ts

@@ -1,23 +1,45 @@
 export * from '@tecsinapse/react-core';
-export { Accordion, AccordionProps } from './components/atoms/Accordion';
-export { BadgeWebProps, default as Badge, } from './components/atoms/Badge/Badge';
-export { Button, useMouseHover, WebButtonProps, } from './components/atoms/Button';
-export { Input, InputWebProps } from './components/atoms/Input';
-export { InputMask, InputMaskWebProps } from './components/atoms/InputMask';
-export { Modal, ModalProps } from './components/atoms/Modal';
-export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
-export { Tag, TagProps } from './components/atoms/Tag';
-export { ITooltip, Tooltip } from './components/atoms/Tooltip';
-export { Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
-export { DatePicker, WebDatePickerProps, } from './components/molecules/DatePicker';
-export { DateTimePicker, WebDateTimePickerProps, } from './components/molecules/DateTimePicker';
-export { Drawer, DrawerProps } from './components/molecules/Drawer';
-export { Grid, GridItem, IGridWeb, IGridItemWeb, } from './components/molecules/Grid';
-export { InputPassword, InputPasswordWebProps, } from './components/molecules/InputPassword';
-export { LabeledSwitch, LabeledSwitchWebProps, } from './components/molecules/LabeledSwitch';
-export { Menubar, MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
-export { Select, SelectProps } from './components/molecules/Select';
-export { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';
-export { TextArea, TextAreaProps } from './components/molecules/TextArea';
-export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
+export { Icon, Text } from '@tecsinapse/react-core';
+export { Accordion } from './components/atoms/Accordion';
+export type { AccordionProps } from './components/atoms/Accordion';
+export { default as Badge } from './components/atoms/Badge/Badge';
+export type { BadgeWebProps } from './components/atoms/Badge/Badge';
+export { Button, useMouseHover } from './components/atoms/Button';
+export type { WebButtonProps } from './components/atoms/Button';
+export { Input } from './components/atoms/Input';
+export type { InputWebProps } from './components/atoms/Input';
+export { InputMask } from './components/atoms/InputMask';
+export type { InputMaskWebProps } from './components/atoms/InputMask';
+export { Modal } from './components/atoms/Modal';
+export type { ModalProps } from './components/atoms/Modal';
+export { Skeleton } from './components/atoms/Skeleton';
+export type { SkeletonProps } from './components/atoms/Skeleton';
+export { Tag } from './components/atoms/Tag';
+export type { TagProps } from './components/atoms/Tag';
+export { Tooltip } from './components/atoms/Tooltip';
+export type { ITooltip } from './components/atoms/Tooltip';
+export { Breadcrumbs } from './components/molecules/Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
+export { DatePicker } from './components/molecules/DatePicker';
+export type { WebDatePickerProps } from './components/molecules/DatePicker';
+export { DateTimePicker } from './components/molecules/DateTimePicker';
+export type { WebDateTimePickerProps } from './components/molecules/DateTimePicker';
+export { Drawer } from './components/molecules/Drawer';
+export type { DrawerProps } from './components/molecules/Drawer';
+export { Grid, GridItem } from './components/molecules/Grid';
+export type { IGridWeb, IGridItemWeb } from './components/molecules/Grid';
+export { InputPassword } from './components/molecules/InputPassword';
+export type { InputPasswordWebProps } from './components/molecules/InputPassword';
+export { LabeledSwitch } from './components/molecules/LabeledSwitch';
+export type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';
+export { Menubar } from './components/molecules/Menubar';
+export type { MenubarItemsOptions, MenubarMostUsedType, MenubarOptionsType, MenubarProps, } from './components/molecules/Menubar';
+export { Select } from './components/molecules/Select';
+export type { SelectProps } from './components/molecules/Select';
+export { Snackbar } from './components/molecules/Snackbar';
+export type { SnackbarWebProps } from './components/molecules/Snackbar';
+export { TextArea } from './components/molecules/TextArea';
+export type { TextAreaProps } from './components/molecules/TextArea';
+export { DataGrid } from './components/organisms/DataGrid';
+export type { DataGridProps, HeadersType, } from './components/organisms/DataGrid';
 export * from './hooks';