@tecsinapse/react-web-kit 1.19.0 → 1.20.2

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

@@ -0,0 +1,57 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { default as nativeStyled } from '@emotion/native';
+import { Text } from '@tecsinapse/react-web-kit';
+import { Td } from "../../../atoms/Table";
+import { Button } from "../../../atoms/Button";
+export var TdFooterStyled = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", " 0 0 0;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.spacing.centi;
+});
+export var FlexContainer = styled('div')(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-grow: 1;\n"])));
+export var FooterContainer = styled(FlexContainer)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n  justify-content: space-between;\n  align-items: center;\n"])));
+export var FooterContainerStart = styled(FlexContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n  justify-content: flex-start;\n"])));
+export var FooterContainerEnd = styled(FlexContainer)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n  justify-content: flex-end;\n"])));
+export var SelectContainer = styled('div')(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n  margin-right: ", ";\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.spacing.deca;
+});
+export var NavigationButton = nativeStyled(Button)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["    \n    border-radius: ", ";\n    height: 44px;\n    justify-content: center;\n    padding: ", ";\n    width: 44px;  \n"])), function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.borderRadius.mili;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.spacing.centi;
+});
+export var PageButton = nativeStyled(NavigationButton)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n    padding-right: ", ";\n    padding-left: ", ";\n    border-radius: ", ";\n    justify-content: center;\n    margin-left: ", ";\n    margin-right: ", ";\n"])), function (_ref5) {
+  var theme = _ref5.theme;
+  return theme.spacing.deca;
+}, function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.spacing.deca;
+}, function (_ref7) {
+  var theme = _ref7.theme;
+  return theme.borderRadius.mili;
+}, function (_ref8) {
+  var theme = _ref8.theme;
+  return theme.spacing.micro;
+}, function (_ref9) {
+  var theme = _ref9.theme;
+  return theme.spacing.micro;
+});
+export var PagesContainer = styled('div')(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n  margin: 0 20px;\n  display: flex;\n"])));
+export var HoveredText = styled('div')(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n  user-select: none;\n  &:hover * {\n    color: ", ";\n  }\n"])), function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.font.color.light;
+});
+export var TextPagination = nativeStyled(Text)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n  padding-right: ", ";\n  padding-left: ", ";\n\n"])), function (_ref11) {
+  var theme = _ref11.theme;
+  return theme.spacing.deca;
+}, function (_ref12) {
+  var theme = _ref12.theme;
+  return theme.spacing.deca;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","default","nativeStyled","Text","Td","Button","TdFooterStyled","theme","spacing","centi","FlexContainer","FooterContainer","FooterContainerStart","FooterContainerEnd","SelectContainer","deca","NavigationButton","borderRadius","mili","PageButton","micro","PagesContainer","HoveredText","font","color","light","TextPagination"],"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,OAAOA,MAAP,MAAmB,iBAAnB;AACA,SAASC,OAAO,IAAIC,YAApB,QAAwC,iBAAxC;AAEA,SAASC,IAAT,QAAqB,2BAArB;AACA,SAASC,EAAT;AACA,SAASC,MAAT;AAEA,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACI,EAAD,CAAT,qGACd;EAAA,IAAGG,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CADc,CAApB;AAIP,OAAO,IAAMC,aAAa,GAAGV,MAAM,CAAC,KAAD,CAAT,iHAAnB;AAKP,OAAO,IAAMW,eAAe,GAAGX,MAAM,CAACU,aAAD,CAAT,yIAArB;AAKP,OAAO,IAAME,oBAAoB,GAAGZ,MAAM,CAACU,aAAD,CAAT,8GAA1B;AAIP,OAAO,IAAMG,kBAAkB,GAAGb,MAAM,CAACU,aAAD,CAAT,4GAAxB;AAIP,OAAO,IAAMI,eAAe,GAAGd,MAAM,CAAC,KAAD,CAAT,sGACV;EAAA,IAAGO,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADU,CAArB;AAIP,OAAO,IAAMC,gBAAgB,GAAGd,YAAY,CAACG,MAAD,CAAf,sMACR;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CADQ,EAId;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,KAA7B;AAAA,CAJc,CAAtB;AASP,OAAO,IAAMU,UAAU,GAAGjB,YAAY,CAACc,gBAAD,CAAf,2OACF;EAAA,IAAGT,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADE,EAEH;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFG,EAGF;EAAA,IAAGR,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACU,YAAN,CAAmBC,IAAlC;AAAA,CAHE,EAKJ;EAAA,IAAGX,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CALI,EAMH;EAAA,IAAGb,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcY,KAA7B;AAAA,CANG,CAAhB;AASP,OAAO,IAAMC,cAAc,GAAGrB,MAAM,CAAC,KAAD,CAAT,mHAApB;AAKP,OAAO,IAAMsB,WAAW,GAAGtB,MAAM,CAAC,KAAD,CAAT,6IAGX;EAAA,IAAGO,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACgB,IAAN,CAAWC,KAAX,CAAiBC,KAAhC;AAAA,CAHW,CAAjB;AAOP,OAAO,IAAMC,cAAc,GAAGxB,YAAY,CAACC,IAAD,CAAf,kIACR;EAAA,IAAGI,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CADQ,EAET;EAAA,IAAGR,KAAH,UAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAFS,CAApB"}

package/esm/components/organisms/DataGrid/Header/Header.d.ts

@@ -0,0 +1,12 @@
+import { HeadersType } from '../types';
+export interface DataGridHeaderProps<Data> {
+    headers: HeadersType<Data>[];
+    data: Data[];
+    selectedRows: Data[];
+    onSelected?: (data: Data[]) => void;
+    rowKeyExtractor: (data: Data) => string;
+    rowsCount: number;
+    selectable?: boolean;
+}
+declare const Header: <Data>({ selectable, rowsCount, headers, data, rowKeyExtractor, selectedRows, onSelected, }: DataGridHeaderProps<Data>) => JSX.Element;
+export default Header;

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

@@ -0,0 +1,80 @@
+import React from 'react';
+import { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';
+import { Th, THead, Tr } from "../../../atoms/Table";
+import { CheckboxHeader } from "./styled";
+import { findCurrentItemsOnData, findUnselectedItemsOnData, getIconColor, getIconSuffix, NEXT_STATE } from "./utils";
+
+var Header = function Header(_ref) {
+  var selectable = _ref.selectable,
+      rowsCount = _ref.rowsCount,
+      headers = _ref.headers,
+      data = _ref.data,
+      rowKeyExtractor = _ref.rowKeyExtractor,
+      selectedRows = _ref.selectedRows,
+      onSelected = _ref.onSelected;
+
+  var _React$useState = React.useState(NEXT_STATE.initial),
+      sortDirection = _React$useState[0],
+      setSortDirection = _React$useState[1];
+
+  var handleSortDirection = function handleSortDirection(sort) {
+    sort(NEXT_STATE[sortDirection]);
+    setSortDirection(NEXT_STATE[sortDirection]);
+  };
+
+  var handleSelectAll = function handleSelectAll(checked) {
+    if (!checked) {
+      onSelected == null ? void 0 : onSelected([]);
+      return;
+    }
+
+    var currentItemsOnData = findCurrentItemsOnData(selectedRows, data, rowKeyExtractor);
+    var unselectedItemsOnData = findUnselectedItemsOnData(selectedRows, data, rowKeyExtractor);
+
+    if (checked && selectedRows.length < 1) {
+      onSelected == null ? void 0 : onSelected(data);
+      return;
+    }
+
+    if (checked && currentItemsOnData.length < 1) {
+      onSelected == null ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      return;
+    }
+
+    onSelected == null ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+  };
+
+  return React.createElement(THead, null, React.createElement(Tr, null, selectable && React.createElement(CheckboxHeader, null, React.createElement(Checkbox, {
+    checked: rowsCount === (selectedRows == null ? void 0 : selectedRows.length),
+    onChange: handleSelectAll
+  })), headers.map(function (_ref2) {
+    var label = _ref2.label,
+        sort = _ref2.sort,
+        _ref2$justifyContent = _ref2.justifyContent,
+        justifyContent = _ref2$justifyContent === void 0 ? 'flex-start' : _ref2$justifyContent;
+    return React.createElement(Th, {
+      key: label
+    }, React.createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: justifyContent
+      }
+    }, label, sort && React.createElement("div", {
+      style: {
+        marginLeft: 8
+      }
+    }, React.createElement(PressableSurface, {
+      onPress: function onPress() {
+        return handleSortDirection(sort);
+      }
+    }, React.createElement(Icon, {
+      name: "sort-alphabetical-" + getIconSuffix(sortDirection),
+      type: 'material-community',
+      fontColor: getIconColor(sortDirection)
+    })))));
+  })));
+};
+
+export default Header;
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","names":["React","Checkbox","Icon","PressableSurface","Th","THead","Tr","CheckboxHeader","findCurrentItemsOnData","findUnselectedItemsOnData","getIconColor","getIconSuffix","NEXT_STATE","Header","selectable","rowsCount","headers","data","rowKeyExtractor","selectedRows","onSelected","useState","initial","sortDirection","setSortDirection","handleSortDirection","sort","handleSelectAll","checked","currentItemsOnData","unselectedItemsOnData","length","concat","map","label","justifyContent","display","alignItems","marginLeft"],"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":"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"}

package/esm/components/organisms/DataGrid/Header/index.d.ts

@@ -0,0 +1 @@
+export { default as Header } from './Header';

package/esm/components/organisms/DataGrid/Header/index.js

@@ -0,0 +1,2 @@
+export { default as Header } from "./Header";
+//# sourceMappingURL=index.js.map

package/esm/components/organisms/DataGrid/Header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Header"],"sources":["../../../../../src/components/organisms/DataGrid/Header/index.ts"],"sourcesContent":["export { default as Header } from './Header';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB"}

package/esm/components/organisms/DataGrid/Header/styled.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxHeader: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,11 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { Th } from "../../../atoms/Table";
+export var CheckboxHeader = styled(Th)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: 0 0 0 ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.spacing.mili;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Th","CheckboxHeader","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,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,cAAc,GAAGF,MAAM,CAACC,EAAD,CAAT,2IACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}

package/esm/components/organisms/DataGrid/Header/utils.d.ts

@@ -0,0 +1,8 @@
+import { SortState } from '../types';
+export declare const NEXT_STATE: {
+    [key: string]: SortState;
+};
+export declare const getIconSuffix: (state: SortState) => string;
+export declare const getIconColor: (state: SortState) => 'medium' | 'orange';
+export declare const findUnselectedItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];
+export declare const findCurrentItemsOnData: <T>(selected: T[], data: T[], rowKeyExtractor: (t: T) => string) => T[];

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

@@ -0,0 +1,27 @@
+export var NEXT_STATE = {
+  unsorted: 'ascending',
+  ascending: 'descending',
+  descending: 'unsorted',
+  initial: 'unsorted'
+};
+export var getIconSuffix = function getIconSuffix(state) {
+  return state === 'unsorted' ? 'ascending' : state;
+};
+export var getIconColor = function getIconColor(state) {
+  return state === 'unsorted' ? 'medium' : 'orange';
+};
+export var findUnselectedItemsOnData = function findUnselectedItemsOnData(selected, data, rowKeyExtractor) {
+  return selected.length > 0 ? data.filter(function (item) {
+    return selected.every(function (rowData) {
+      return rowKeyExtractor(rowData) !== rowKeyExtractor(item);
+    });
+  }) : [];
+};
+export var findCurrentItemsOnData = function findCurrentItemsOnData(selected, data, rowKeyExtractor) {
+  return selected.length > 0 ? selected.filter(function (item) {
+    return data.some(function (rowData) {
+      return rowKeyExtractor(rowData) === rowKeyExtractor(item);
+    });
+  }) : [];
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +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":"AAEA,OAAO,IAAMA,UAAwC,GAAG;EACtDC,QAAQ,EAAE,WAD4C;EAEtDC,SAAS,EAAE,YAF2C;EAGtDC,UAAU,EAAE,UAH0C;EAItDC,OAAO,EAAE;AAJ6C,CAAjD;AAOP,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD;EAAA,OAC3BA,KAAK,KAAK,UAAV,GAAuB,WAAvB,GAAqCA,KADV;AAAA,CAAtB;AAGP,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACD,KAAD;EAAA,OAC1BA,KAAK,KAAK,UAAV,GAAuB,QAAvB,GAAkC,QADR;AAAA,CAArB;AAGP,OAAO,IAAME,yBAAyB,GAAG,SAA5BA,yBAA4B,CACvCC,QADuC,EAEvCC,IAFuC,EAGvCC,eAHuC;EAAA,OAKvCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIF,IAAI,CAACG,MAAL,CAAY,UAAAC,IAAI;IAAA,OACdL,QAAQ,CAACM,KAAT,CACE,UAAAC,OAAO;MAAA,OAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAhD;IAAA,CADT,CADc;EAAA,CAAhB,CADJ,GAMI,EAXmC;AAAA,CAAlC;AAaP,OAAO,IAAMG,sBAAsB,GAAG,SAAzBA,sBAAyB,CACpCR,QADoC,EAEpCC,IAFoC,EAGpCC,eAHoC;EAAA,OAKpCF,QAAQ,CAACG,MAAT,GAAkB,CAAlB,GACIH,QAAQ,CAACI,MAAT,CAAgB,UAAAC,IAAI;IAAA,OAClBJ,IAAI,CAACQ,IAAL,CAAU,UAAAF,OAAO;MAAA,OAAIL,eAAe,CAACK,OAAD,CAAf,KAA6BL,eAAe,CAACG,IAAD,CAAhD;IAAA,CAAjB,CADkB;EAAA,CAApB,CADJ,GAII,EATgC;AAAA,CAA/B"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+declare const _default: React.MemoExoticComponent<({ rowKeyExtractor, data, checked: _checked, handleSelect, selectable, headers, }: {
+    rowKeyExtractor: any;
+    data: any;
+    checked: any;
+    handleSelect: any;
+    selectable: any;
+    headers: any;
+}) => JSX.Element>;
+export default _default;

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

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Checkbox } from '@tecsinapse/react-core';
+import { CheckboxCell } from "../styled";
+import { Td, Tr } from "../../../atoms/Table";
+
+var Row = function Row(_ref) {
+  var rowKeyExtractor = _ref.rowKeyExtractor,
+      data = _ref.data,
+      _checked = _ref.checked,
+      handleSelect = _ref.handleSelect,
+      selectable = _ref.selectable,
+      headers = _ref.headers;
+  return React.createElement(Tr, {
+    key: rowKeyExtractor(data)
+  }, selectable && React.createElement(CheckboxCell, null, React.createElement(Checkbox, {
+    checked: _checked,
+    onChange: function onChange(checked) {
+      return handleSelect(data, checked);
+    }
+  })), headers.map(function (_ref2) {
+    var label = _ref2.label,
+        render = _ref2.render;
+    return React.createElement(Td, {
+      key: "row-" + rowKeyExtractor(data) + "-column-" + label
+    }, render(data));
+  }));
+};
+
+export default React.memo(Row);
+//# sourceMappingURL=Row.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","names":["React","Checkbox","CheckboxCell","Td","Tr","Row","rowKeyExtractor","data","_checked","checked","handleSelect","selectable","headers","map","label","render","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,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,QAAT,QAAyB,wBAAzB;AACA,SAASC,YAAT;AACA,SAASC,EAAT,EAAaC,EAAb;;AAEA,IAAMC,GAAG,GAAG,SAANA,GAAM,OAON;EAAA,IANJC,eAMI,QANJA,eAMI;EAAA,IALJC,IAKI,QALJA,IAKI;EAAA,IAJKC,QAIL,QAJJC,OAII;EAAA,IAHJC,YAGI,QAHJA,YAGI;EAAA,IAFJC,UAEI,QAFJA,UAEI;EAAA,IADJC,OACI,QADJA,OACI;EACJ,OACE,oBAAC,EAAD;IAAI,GAAG,EAAEN,eAAe,CAACC,IAAD;EAAxB,GACGI,UAAU,IACT,oBAAC,YAAD,QACE,oBAAC,QAAD;IACE,OAAO,EAAEH,QADX;IAEE,QAAQ,EAAE,kBAAAC,OAAO;MAAA,OAAIC,YAAY,CAACH,IAAD,EAAOE,OAAP,CAAhB;IAAA;EAFnB,EADF,CAFJ,EASGG,OAAO,CAACC,GAAR,CAAY;IAAA,IAAGC,KAAH,SAAGA,KAAH;IAAA,IAAUC,MAAV,SAAUA,MAAV;IAAA,OACX,oBAAC,EAAD;MAAI,GAAG,WAAST,eAAe,CAACC,IAAD,CAAxB,gBAAyCO;IAAhD,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;AA2BA,eAAeP,KAAK,CAACgB,IAAN,CAAWX,GAAX,CAAf"}

package/esm/components/organisms/DataGrid/Row/index.d.ts

@@ -0,0 +1 @@
+export { default as Row } from './Row';

package/esm/components/organisms/DataGrid/Row/index.js

@@ -0,0 +1,2 @@
+export { default as Row } from "./Row";
+//# sourceMappingURL=index.js.map

package/esm/components/organisms/DataGrid/Row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","Row"],"sources":["../../../../../src/components/organisms/DataGrid/Row/index.ts"],"sourcesContent":["export { default as Row } from './Row';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,GAApB"}

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

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

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

@@ -0,0 +1,3 @@
+export { default as DataGrid } from "./DataGrid";
+export * from "./types";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","DataGrid"],"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,SAASA,OAAO,IAAIC,QAApB;AAEA"}

package/esm/components/organisms/DataGrid/styled.d.ts

@@ -0,0 +1 @@
+export declare const CheckboxCell: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,11 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/styled';
+import { Td } from "../../atoms/Table";
+export var CheckboxCell = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.spacing.mili;
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Td","CheckboxCell","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,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,EAAT;AAEA,OAAO,IAAMC,YAAY,GAAGF,MAAM,CAACC,EAAD,CAAT,qIACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}

package/esm/components/organisms/DataGrid/types.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare type SortState = 'ascending' | 'descending' | 'unsorted';
+export declare type HeadersType<Data> = {
+    label: string;
+    render: (data: Data) => React.ReactNode;
+    sort?: (direction: SortState) => void;
+    justifyContent?: 'flex-start' | 'center' | 'flex-end';
+};

package/esm/components/organisms/DataGrid/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/esm/components/organisms/DataGrid/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/organisms/DataGrid/types.ts"],"sourcesContent":["import React from 'react';\n\nexport type SortState = 'ascending' | 'descending' | 'unsorted';\n\nexport type HeadersType<Data> = {\n  /** Column header label */\n  label: string;\n  /** Table cell renderer */\n  render: (data: Data) => React.ReactNode;\n  sort?: (direction: SortState) => void;\n  /** Header alignment */\n  justifyContent?: 'flex-start' | 'center' | 'flex-end';\n};\n"],"mappings":""}

package/esm/components/organisms/DataGrid/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function removeElement<T>(arr: T[], index: number): T[];
+export declare const getData: <Data>(data: Data[], rowsCount: number | undefined, page: number, rowsPerPage: number, pagination: boolean) => Data[];

package/esm/components/organisms/DataGrid/utils.js

@@ -0,0 +1,9 @@
+export function removeElement(arr, index) {
+  var data = [].concat(arr);
+  data.splice(index, 1);
+  return data;
+}
+export var getData = function getData(data, rowsCount, page, rowsPerPage, pagination) {
+  return rowsCount || !pagination ? data : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
+};
+//# sourceMappingURL=utils.js.map

package/esm/components/organisms/DataGrid/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n  const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n  data.splice(index, 1);\n  return data;\n}\n\nexport const getData = <Data>(\n  data: Data[],\n  rowsCount: number | undefined,\n  page: number,\n  rowsPerPage: number,\n  pagination: boolean\n): Data[] =>\n  rowsCount || !pagination\n    ? data\n    : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"mappings":"AAAA,OAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,IAAMC,IAAI,aAAOF,GAAP,CAAV;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;AAED,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB;EAAA,OAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATiB;AAAA,CAAhB"}

package/esm/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useBreakpoints } from './useBreakpoints';
+export { useClickAwayListener } from './useClickAwayListener';
+export { useWindowSize } from './useWindowSize';

package/esm/hooks/index.js

@@ -0,0 +1,4 @@
+export { useBreakpoints } from "./useBreakpoints";
+export { useClickAwayListener } from "./useClickAwayListener";
+export { useWindowSize } from "./useWindowSize";
+//# sourceMappingURL=index.js.map

package/esm/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["useBreakpoints","useClickAwayListener","useWindowSize"],"sources":["../../src/hooks/index.ts"],"sourcesContent":["export { useBreakpoints } from './useBreakpoints';\nexport { useClickAwayListener } from './useClickAwayListener';\nexport { useWindowSize } from './useWindowSize';\n"],"mappings":"AAAA,SAASA,cAAT;AACA,SAASC,oBAAT;AACA,SAASC,aAAT"}

package/esm/hooks/useBreakpoints.d.ts

@@ -0,0 +1,6 @@
+export declare type UseBreakpointsReturn = {
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+};
+export declare const useBreakpoints: () => UseBreakpointsReturn;

package/esm/hooks/useBreakpoints.js

@@ -0,0 +1,16 @@
+import { useTheme } from '@tecsinapse/react-core';
+import { useWindowSize } from "./useWindowSize";
+export var useBreakpoints = function useBreakpoints() {
+  var _useWindowSize = useWindowSize(),
+      width = _useWindowSize.width;
+
+  var _useTheme = useTheme(),
+      breakpoints = _useTheme.breakpoints;
+
+  return {
+    sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,
+    md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,
+    lg: Number(width) > breakpoints.md
+  };
+};
+//# sourceMappingURL=useBreakpoints.js.map

package/esm/hooks/useBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.js","names":["useTheme","useWindowSize","useBreakpoints","width","breakpoints","sm","Number","md","lg"],"sources":["../../src/hooks/useBreakpoints.ts"],"sourcesContent":["import { useTheme } from '@tecsinapse/react-core';\nimport { useWindowSize } from './useWindowSize';\n\nexport type UseBreakpointsReturn = {\n  sm: boolean;\n  md: boolean;\n  lg: boolean;\n};\n\nexport const useBreakpoints = (): UseBreakpointsReturn => {\n  const { width } = useWindowSize();\n  const { breakpoints } = useTheme();\n  return {\n    sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,\n    md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,\n    lg: Number(width) > breakpoints.md,\n  };\n};\n"],"mappings":"AAAA,SAASA,QAAT,QAAyB,wBAAzB;AACA,SAASC,aAAT;AAQA,OAAO,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,GAA4B;EACxD,qBAAkBD,aAAa,EAA/B;EAAA,IAAQE,KAAR,kBAAQA,KAAR;;EACA,gBAAwBH,QAAQ,EAAhC;EAAA,IAAQI,WAAR,aAAQA,WAAR;;EACA,OAAO;IACLC,EAAE,EAAEC,MAAM,CAACH,KAAD,CAAN,IAAiB,CAAjB,IAAsBG,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACC,EADlD;IAELE,EAAE,EAAED,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACC,EAA5B,IAAkCC,MAAM,CAACH,KAAD,CAAN,IAAiBC,WAAW,CAACG,EAF9D;IAGLC,EAAE,EAAEF,MAAM,CAACH,KAAD,CAAN,GAAgBC,WAAW,CAACG;EAH3B,CAAP;AAKD,CARM"}

package/esm/hooks/useClickAwayListener.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useClickAwayListener: (ref: React.MutableRefObject<any>, setVisible: React.Dispatch<React.SetStateAction<boolean>>, event?: 'mouseup' | 'mousedown' | undefined) => void;

package/esm/hooks/useClickAwayListener.js

@@ -0,0 +1,20 @@
+import React from 'react';
+export var useClickAwayListener = function useClickAwayListener(ref, setVisible, event) {
+  if (event === void 0) {
+    event = 'mousedown';
+  }
+
+  React.useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setVisible(false);
+      }
+    };
+
+    document.addEventListener(event, handleClickOutside);
+    return function () {
+      document.removeEventListener(event, handleClickOutside);
+    };
+  }, [ref]);
+};
+//# sourceMappingURL=useClickAwayListener.js.map

package/esm/hooks/useClickAwayListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClickAwayListener.js","names":["React","useClickAwayListener","ref","setVisible","event","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,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAHkC,EAIzB;EAAA,IADTA,KACS;IADTA,KACS,GADoC,WACpC;EAAA;;EACTJ,KAAK,CAACK,SAAN,CAAgB,YAAM;IACpB,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAF,KAAK,EAAI;MAClC,IAAIF,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBJ,KAAK,CAACK,MAA3B,CAApB,EAAwD;QACtDN,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAO,QAAQ,CAACC,gBAAT,CAA0BP,KAA1B,EAAiCE,kBAAjC;IACA,OAAO,YAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BR,KAA7B,EAAoCE,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACJ,GAAD,CAVH;AAWD,CAhBM"}

package/esm/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare type WindowSize = {
+    width: number | undefined;
+    height: number | undefined;
+};
+export declare const useWindowSize: () => WindowSize;
+export {};

package/esm/hooks/useWindowSize.js

@@ -0,0 +1,26 @@
+import React from 'react';
+export var useWindowSize = function useWindowSize() {
+  var _React$useState = React.useState({
+    width: undefined,
+    height: undefined
+  }),
+      windowSize = _React$useState[0],
+      setWindowSize = _React$useState[1];
+
+  React.useEffect(function () {
+    var handleResize = function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return windowSize;
+};
+//# sourceMappingURL=useWindowSize.js.map

package/esm/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","names":["React","useWindowSize","useState","width","undefined","height","windowSize","setWindowSize","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener"],"sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n  const [windowSize, setWindowSize] = React.useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n  });\n  React.useEffect(() => {\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAOA,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,GAAkB;EAC7C,sBAAoCD,KAAK,CAACE,QAAN,CAA2B;IAC7DC,KAAK,EAAEC,SADsD;IAE7DC,MAAM,EAAED;EAFqD,CAA3B,CAApC;EAAA,IAAOE,UAAP;EAAA,IAAmBC,aAAnB;;EAIAP,KAAK,CAACQ,SAAN,CAAgB,YAAM;IACpB,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;MACzBF,aAAa,CAAC;QACZJ,KAAK,EAAEO,MAAM,CAACC,UADF;QAEZN,MAAM,EAAEK,MAAM,CAACE;MAFH,CAAD,CAAb;IAID,CALD;;IAMAF,MAAM,CAACG,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;IACAA,YAAY;IACZ,OAAO;MAAA,OAAMC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAN;IAAA,CAAP;EACD,CAVD,EAUG,EAVH;EAWA,OAAOH,UAAP;AACD,CAjBM"}

package/esm/index.d.ts

@@ -0,0 +1,45 @@
+export * from '@tecsinapse/react-core';
+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';

package/esm/index.js

@@ -0,0 +1,25 @@
+export * from '@tecsinapse/react-core';
+export { Icon, Text } from '@tecsinapse/react-core';
+export { Accordion } from "./components/atoms/Accordion";
+export { default as Badge } from "./components/atoms/Badge/Badge";
+export { Button, useMouseHover } from "./components/atoms/Button";
+export { Input } from "./components/atoms/Input";
+export { InputMask } from "./components/atoms/InputMask";
+export { Modal } from "./components/atoms/Modal";
+export { Skeleton } from "./components/atoms/Skeleton";
+export { Tag } from "./components/atoms/Tag";
+export { Tooltip } from "./components/atoms/Tooltip";
+export { Breadcrumbs } from "./components/molecules/Breadcrumbs";
+export { DatePicker } from "./components/molecules/DatePicker";
+export { DateTimePicker } from "./components/molecules/DateTimePicker";
+export { Drawer } from "./components/molecules/Drawer";
+export { Grid, GridItem } from "./components/molecules/Grid";
+export { InputPassword } from "./components/molecules/InputPassword";
+export { LabeledSwitch } from "./components/molecules/LabeledSwitch";
+export { Menubar } from "./components/molecules/Menubar";
+export { Select } from "./components/molecules/Select";
+export { Snackbar } from "./components/molecules/Snackbar";
+export { TextArea } from "./components/molecules/TextArea";
+export { DataGrid } from "./components/organisms/DataGrid";
+export * from "./hooks";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Icon","Text","Accordion","default","Badge","Button","useMouseHover","Input","InputMask","Modal","Skeleton","Tag","Tooltip","Breadcrumbs","DatePicker","DateTimePicker","Drawer","Grid","GridItem","InputPassword","LabeledSwitch","Menubar","Select","Snackbar","TextArea","DataGrid"],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Icon, Text } from '@tecsinapse/react-core';\nexport { Accordion } from './components/atoms/Accordion';\nexport type { AccordionProps } from './components/atoms/Accordion';\nexport { default as Badge } from './components/atoms/Badge/Badge';\nexport type { BadgeWebProps } from './components/atoms/Badge/Badge';\nexport { Button, useMouseHover } from './components/atoms/Button';\nexport type { WebButtonProps } from './components/atoms/Button';\nexport { Input } from './components/atoms/Input';\nexport type { InputWebProps } from './components/atoms/Input';\nexport { InputMask } from './components/atoms/InputMask';\nexport type { InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal } from './components/atoms/Modal';\nexport type { ModalProps } from './components/atoms/Modal';\nexport { Skeleton } from './components/atoms/Skeleton';\nexport type { SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag } from './components/atoms/Tag';\nexport type { TagProps } from './components/atoms/Tag';\nexport { Tooltip } from './components/atoms/Tooltip';\nexport type { ITooltip } from './components/atoms/Tooltip';\nexport { Breadcrumbs } from './components/molecules/Breadcrumbs';\nexport type {\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport { DatePicker } from './components/molecules/DatePicker';\nexport type { WebDatePickerProps } from './components/molecules/DatePicker';\nexport { DateTimePicker } from './components/molecules/DateTimePicker';\nexport type { WebDateTimePickerProps } from './components/molecules/DateTimePicker';\nexport { Drawer } from './components/molecules/Drawer';\nexport type { DrawerProps } from './components/molecules/Drawer';\nexport { Grid, GridItem } from './components/molecules/Grid';\nexport type { IGridWeb, IGridItemWeb } from './components/molecules/Grid';\nexport { InputPassword } from './components/molecules/InputPassword';\nexport type { InputPasswordWebProps } from './components/molecules/InputPassword';\nexport { LabeledSwitch } from './components/molecules/LabeledSwitch';\nexport type { LabeledSwitchWebProps } from './components/molecules/LabeledSwitch';\nexport { Menubar } from './components/molecules/Menubar';\nexport type {\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select } from './components/molecules/Select';\nexport type { SelectProps } from './components/molecules/Select';\nexport { Snackbar } from './components/molecules/Snackbar';\nexport type { SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea } from './components/molecules/TextArea';\nexport type { TextAreaProps } from './components/molecules/TextArea';\nexport { DataGrid } from './components/organisms/DataGrid';\nexport type {\n  DataGridProps,\n  HeadersType,\n} from './components/organisms/DataGrid';\nexport * from './hooks';\n"],"mappings":"AAAA,cAAc,wBAAd;AACA,SAASA,IAAT,EAAeC,IAAf,QAA2B,wBAA3B;AACA,SAASC,SAAT;AAEA,SAASC,OAAO,IAAIC,KAApB;AAEA,SAASC,MAAT,EAAiBC,aAAjB;AAEA,SAASC,KAAT;AAEA,SAASC,SAAT;AAEA,SAASC,KAAT;AAEA,SAASC,QAAT;AAEA,SAASC,GAAT;AAEA,SAASC,OAAT;AAEA,SAASC,WAAT;AAKA,SAASC,UAAT;AAEA,SAASC,cAAT;AAEA,SAASC,MAAT;AAEA,SAASC,IAAT,EAAeC,QAAf;AAEA,SAASC,aAAT;AAEA,SAASC,aAAT;AAEA,SAASC,OAAT;AAOA,SAASC,MAAT;AAEA,SAASC,QAAT;AAEA,SAASC,QAAT;AAEA,SAASC,QAAT;AAKA"}