@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1 +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,gBAAST,eAAe,CAACC,IAAD,CAAxB,qBAAyCO,KAAzC;IAAP,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;AA2BA,eAAeP,KAAK,CAACgB,IAAN,CAAWX,GAAX,CAAf"}
+{"version":3,"file":"Row.js","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"],"names":[],"mappings":";;;;;;;;;;;AAKA,MAAM,MAAM,CAAC;AAAA,EACX,eAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAS,EAAA,QAAA;AAAA,EACT,YAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AACF,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,GAAA,EAAK,gBAAgB,IAAI,CAAA;AAAA,GAC1B,EAAA,UAAA,oBACE,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,IACC,OAAS,EAAA,QAAA;AAAA,IACT,QAAU,EAAA,CAAA,OAAA,KAAW,YAAa,CAAA,IAAA,EAAM,OAAO,CAAA;AAAA,GACjD,CACF,GAED,OAAQ,CAAA,GAAA,CAAI,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,qBAC3B,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,GAAK,EAAA,CAAA,IAAA,EAAO,eAAgB,CAAA,IAAI,CAAY,CAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAAA,GAAA,EAC7C,MAAO,CAAA,IAAI,CACd,CACD,CACH,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,YAAe,KAAA,CAAM,KAAK,GAAG,CAAA;;;;"}

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

@@ -1,11 +1,20 @@
-var _templateObject;
+import styled from '@emotion/styled';
+import 'react';
+import Td from '../../atoms/Table/Cell/Td.js';
+import '../../atoms/Table/Container/styled.js';
+import '../../atoms/Table/Footer/styled.js';
+import '../../atoms/Table/Header/styled.js';
+import '../../atoms/Table/Row/styled.js';
+import '../../atoms/Table/Toolbar/styled.js';
+import '@tecsinapse/react-core';
+import '../../atoms/Table/styled.js';
 
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+const CheckboxCell = styled(Td)`
+  padding: ${({ theme }) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
 
-import styled from '@emotion/styled';
-import { Td } from "../../atoms/Table";
-export var CheckboxCell = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
-  var theme = _ref.theme;
-  return theme.spacing.mili;
-});
-//# sourceMappingURL=styled.js.map
+export { CheckboxCell };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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,gIACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}
+{"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;;;;;;;;;AAIa,MAAA,YAAA,GAAe,OAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,22 +1,9 @@
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-export function removeElement(arr, index) {
-  var data = _toConsumableArray(arr);
-
+function removeElement(arr, index) {
+  const data = [...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
+const getData = (data, rowsCount, page, rowsPerPage, pagination) => rowsCount || !pagination ? data : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
+
+export { getData, removeElement };
+//# sourceMappingURL=utils.js.map

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

@@ -1 +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,sBAAOF,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"}
+{"version":3,"file":"utils.js","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"],"names":[],"mappings":"AAAgB,SAAA,aAAA,CAAiB,KAAU,KAAoB,EAAA;AAC7D,EAAM,MAAA,IAAA,GAAO,CAAC,GAAG,GAAG,CAAA,CAAA;AACpB,EAAK,IAAA,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA,CAAA;AACpB,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAEO,MAAM,UAAU,CACrB,IAAA,EACA,SACA,EAAA,IAAA,EACA,aACA,UAEA,KAAA,SAAA,IAAa,CAAC,UAAA,GACV,OACA,IAAK,CAAA,KAAA,CAAM,OAAO,WAAa,EAAA,IAAA,GAAO,cAAc,WAAW;;;;"}

package/esm/hooks/useBreakpoints.js

@@ -1,16 +1,15 @@
 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;
+import { useWindowSize } from './useWindowSize.js';
 
+const useBreakpoints = () => {
+  const { width } = useWindowSize();
+  const { breakpoints } = useTheme();
   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
+
+export { useBreakpoints };
+//# sourceMappingURL=useBreakpoints.js.map

package/esm/hooks/useBreakpoints.js.map

@@ -1 +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"}
+{"version":3,"file":"useBreakpoints.js","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"],"names":[],"mappings":";;;AASO,MAAM,iBAAiB,MAA4B;AACxD,EAAM,MAAA,EAAE,KAAM,EAAA,GAAI,aAAc,EAAA,CAAA;AAChC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAI,QAAS,EAAA,CAAA;AACjC,EAAO,OAAA;AAAA,IACL,EAAA,EAAI,OAAO,KAAK,CAAA,IAAK,KAAK,MAAO,CAAA,KAAK,KAAK,WAAY,CAAA,EAAA;AAAA,IACvD,EAAA,EAAI,OAAO,KAAK,CAAA,GAAI,YAAY,EAAM,IAAA,MAAA,CAAO,KAAK,CAAA,IAAK,WAAY,CAAA,EAAA;AAAA,IACnE,EAAI,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,WAAY,CAAA,EAAA;AAAA,GAClC,CAAA;AACF;;;;"}

package/esm/hooks/useClickAwayListener.js

@@ -1,17 +1,18 @@
 import React from 'react';
-export var useClickAwayListener = function useClickAwayListener(ref, setVisible) {
-  var event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
-  React.useEffect(function () {
-    var handleClickOutside = function handleClickOutside(event) {
-      if (ref.current && !ref.current.contains(event.target)) {
+
+const useClickAwayListener = (ref, setVisible, event = "mousedown") => {
+  React.useEffect(() => {
+    const handleClickOutside = (event2) => {
+      if (ref.current && !ref.current.contains(event2.target)) {
         setVisible(false);
       }
     };
-
     document.addEventListener(event, handleClickOutside);
-    return function () {
+    return () => {
       document.removeEventListener(event, handleClickOutside);
     };
   }, [ref]);
 };
-//# sourceMappingURL=useClickAwayListener.js.map
+
+export { useClickAwayListener };
+//# sourceMappingURL=useClickAwayListener.js.map

package/esm/hooks/useClickAwayListener.js.map

@@ -1 +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,EAIzB;EAAA,IADTC,KACS,uEADoC,WACpC;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"}
+{"version":3,"file":"useClickAwayListener.js","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"],"names":["event"],"mappings":";;AAEO,MAAM,oBAAuB,GAAA,CAClC,GACA,EAAA,UAAA,EACA,QAA6C,WACpC,KAAA;AACT,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,kBAAA,GAAqB,CAAAA,MAAS,KAAA;AAClC,MAAI,IAAA,GAAA,CAAI,WAAW,CAAC,GAAA,CAAI,QAAQ,QAASA,CAAAA,MAAAA,CAAM,MAAM,CAAG,EAAA;AACtD,QAAA,UAAA,CAAW,KAAK,CAAA,CAAA;AAAA,OAClB;AAAA,KACF,CAAA;AACA,IAAS,QAAA,CAAA,gBAAA,CAAiB,OAAO,kBAAkB,CAAA,CAAA;AACnD,IAAA,OAAO,MAAM;AACX,MAAS,QAAA,CAAA,mBAAA,CAAoB,OAAO,kBAAkB,CAAA,CAAA;AAAA,KACxD,CAAA;AAAA,GACF,EAAG,CAAC,GAAG,CAAC,CAAA,CAAA;AACV;;;;"}

package/esm/hooks/useWindowSize.js

@@ -1,39 +1,23 @@
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 import React from 'react';
-export var useWindowSize = function useWindowSize() {
-  var _React$useState = React.useState({
-    width: undefined,
-    height: undefined
-  }),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      windowSize = _React$useState2[0],
-      setWindowSize = _React$useState2[1];
 
-  React.useEffect(function () {
-    var handleResize = function handleResize() {
+const useWindowSize = () => {
+  const [windowSize, setWindowSize] = React.useState({
+    width: void 0,
+    height: void 0
+  });
+  React.useEffect(() => {
+    const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-
-    window.addEventListener('resize', handleResize);
+    window.addEventListener("resize", handleResize);
     handleResize();
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
+    return () => window.removeEventListener("resize", handleResize);
   }, []);
   return windowSize;
 };
-//# sourceMappingURL=useWindowSize.js.map
+
+export { useWindowSize };
+//# sourceMappingURL=useWindowSize.js.map

package/esm/hooks/useWindowSize.js.map

@@ -1 +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;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"}
+{"version":3,"file":"useWindowSize.js","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"],"names":[],"mappings":";;AAOO,MAAM,gBAAgB,MAAkB;AAC7C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,MAAM,QAAqB,CAAA;AAAA,IAC7D,KAAO,EAAA,KAAA,CAAA;AAAA,IACP,MAAQ,EAAA,KAAA,CAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,eAAe,MAAM;AACzB,MAAc,aAAA,CAAA;AAAA,QACZ,OAAO,MAAO,CAAA,UAAA;AAAA,QACd,QAAQ,MAAO,CAAA,WAAA;AAAA,OAChB,CAAA,CAAA;AAAA,KACH,CAAA;AACA,IAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,YAAY,CAAA,CAAA;AAC9C,IAAa,YAAA,EAAA,CAAA;AACb,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAoB,CAAA,QAAA,EAAU,YAAY,CAAA,CAAA;AAAA,GAChE,EAAG,EAAE,CAAA,CAAA;AACL,EAAO,OAAA,UAAA,CAAA;AACT;;;;"}

package/esm/index.d.ts

@@ -19,7 +19,7 @@ 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 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';
@@ -27,13 +27,14 @@ export type { WebDateTimePickerProps } from './components/molecules/DateTimePick
 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 type { IGridItemWeb, IGridWeb } from './components/molecules/Grid';
+export { IconTextButton } from './components/molecules/IconTextButton';
 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 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';
@@ -41,5 +42,5 @@ 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 type { DataGridProps, HeadersType } from './components/organisms/DataGrid';
 export * from './hooks';

package/esm/index.js

@@ -1,25 +1,30 @@
 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
+export { default as Accordion } from './components/atoms/Accordion/Accordion.js';
+export { default as Badge } from './components/atoms/Badge/Badge.js';
+export { default as Button } from './components/atoms/Button/Button.js';
+export { useMouseHover } from './components/atoms/Button/hooks/useMouseHover.js';
+export { default as Input } from './components/atoms/Input/Input.js';
+export { default as InputMask } from './components/atoms/InputMask/InputMask.js';
+export { default as Modal } from './components/atoms/Modal/Modal.js';
+export { default as Skeleton } from './components/atoms/Skeleton/Skeleton.js';
+export { default as Tag } from './components/atoms/Tag/Tag.js';
+export { default as Tooltip } from './components/atoms/Tooltip/Tooltip.js';
+export { default as Breadcrumbs } from './components/molecules/Breadcrumbs/Breadcrumbs.js';
+export { DatePicker } from './components/molecules/DatePicker/DatePicker.js';
+export { DateTimePicker } from './components/molecules/DateTimePicker/DateTimePicker.js';
+export { default as Drawer } from './components/molecules/Drawer/Drawer.js';
+export { default as GridItem } from './components/molecules/Grid/Item/Item.js';
+export { default as Grid } from './components/molecules/Grid/Grid.js';
+export { default as IconTextButton } from './components/molecules/IconTextButton/IconTextButton.js';
+export { default as InputPassword } from './components/molecules/InputPassword/InputPassword.js';
+export { default as LabeledSwitch } from './components/molecules/LabeledSwitch/LabeledSwitch.js';
+export { default as Menubar } from './components/molecules/Menubar/Menubar.js';
+export { default as Select } from './components/molecules/Select/Select.js';
+export { default as Snackbar } from './components/molecules/Snackbar/Snackbar.js';
+export { default as TextArea } from './components/molecules/TextArea/TextArea.js';
+export { default as DataGrid } from './components/organisms/DataGrid/DataGrid.js';
+export { useBreakpoints } from './hooks/useBreakpoints.js';
+export { useClickAwayListener } from './hooks/useClickAwayListener.js';
+export { useWindowSize } from './hooks/useWindowSize.js';
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,17 +1,15 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.21.3",
+  "version": "1.22.0",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
   "scripts": {
     "start": "yarn build:es --watch",
-    "build:es": "yarn build:cjs && yarn build:esm",
-    "build:cjs": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "build:esm": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir esm --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments --config-file ./babel.config.esm.js",
-    "build:declaration": "yarn build:declaration:cjs && yarn build:declaration:esm",
+    "build:es": "yarn rollup --config",
+    "build:declaration": "run-p build:declaration:cjs build:declaration:esm",
     "build:declaration:cjs": "tsc --project tsconfig.build.json",
     "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
@@ -22,7 +20,7 @@
     "@emotion/native": "^11.10.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@tecsinapse/react-core": "^1.20.0",
+    "@tecsinapse/react-core": "^1.21.0",
     "@types/react-native": "^0.64.4",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "^4.4.2"
@@ -41,5 +39,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "73b880b17f2fbd116fa873b579f8dfcb22cc2ddd"
+  "gitHead": "92debfcee6bd043a295edc3697e3795dccabf8f6"
 }

package/rollup.config.js

@@ -0,0 +1,44 @@
+import esbuild from 'rollup-plugin-esbuild';
+import alias from '@rollup/plugin-alias';
+
+const outputDefaultConfig = {
+  preserveModules: true,
+  preserveModulesRoot: 'src',
+  sourcemap: true,
+};
+
+export default [
+  {
+    input: ['./src/index.ts'],
+    output: [
+      {
+        dir: 'esm',
+        format: 'esm',
+        ...outputDefaultConfig,
+      },
+      {
+        dir: 'dist',
+        format: 'cjs',
+        exports: 'auto',
+        ...outputDefaultConfig,
+      },
+    ],
+    plugins: [
+      alias({
+        entries: [{ find: 'react-native', replacement: 'react-native-web' }],
+      }),
+      esbuild({ tsconfig: 'tsconfig.build.json' }),
+    ],
+    external: [
+      'react',
+      'react-dom',
+      'react-native-web',
+      '@emotion/native',
+      '@emotion/react',
+      '@emotion/styled',
+      '@tecsinapse/react-core',
+      'react-native-vector-icons',
+      'react-transition-group',
+    ],
+  },
+];

package/src/components/atoms/Dropdown/index.tsx

@@ -1,9 +1,8 @@
-import * as React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { StyledContainerDropdown } from './styled';
 import { Transition } from 'react-transition-group';
 import { defaultStyles, transition } from '../../molecules/Select/animations';
-import { Dispatch, SetStateAction } from 'react';
-import { useClickAwayListener } from '@tecsinapse/react-web-kit';
+import { useClickAwayListener } from '../../../hooks';
 
 export interface DropdownProps {
   visible: boolean;

package/src/components/atoms/Table/Body/TBody.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-export const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
+const TBody: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
   children,
   ...rest
 }) => {

package/src/components/atoms/Table/Footer/TFoot.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TFooter } from './styled';
 
-export const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
+const TFoot: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
   children,
   ...rest
 }) => {

package/src/components/atoms/Table/Header/THead.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { HeaderBackground, THeadStyled } from './styled';
-import { Tr } from '../Row/Tr';
+import Tr from '../Row/Tr';
 
 const THead: React.FC<React.HTMLAttributes<HTMLTableSectionElement>> = ({
   children,

package/src/components/atoms/Table/Header/Th.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import { ThStyled } from './styled';
 
-export const Th: React.FC<
-  React.ThHTMLAttributes<HTMLTableHeaderCellElement>
-> = ({ children, ...rest }) => {
+const Th: React.FC<React.ThHTMLAttributes<HTMLTableHeaderCellElement>> = ({
+  children,
+  ...rest
+}) => {
   return <ThStyled {...rest}>{children}</ThStyled>;
 };
 

package/src/components/atoms/Table/Row/Tr.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TRow } from './styled';
 
-export const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({
+const Tr: React.FC<React.HTMLAttributes<HTMLTableRowElement>> = ({
   children,
   ...rest
 }) => {

package/src/components/atoms/Table/Table.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TableStyled } from './styled';
 
-export const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({
+const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement>> = ({
   children,
   ...rest
 }) => {

package/src/components/molecules/Grid/Item/Item.tsx

@@ -6,7 +6,7 @@ import {
   getGridItemColumSpan,
   getGridItemPadding,
 } from '@tecsinapse/react-core';
-import { useBreakpoints } from '@tecsinapse/react-web-kit';
+import { useBreakpoints } from '../../../../hooks';
 import { getSpan } from './functions';
 
 export type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;

package/src/components/molecules/Select/Select.tsx

@@ -40,7 +40,7 @@ export interface SelectProps<Data, Type extends 'single' | 'multi'>
 }
 
 /** NOTE: For better performance, you should memoize options and handlers */
-export const Select = <Data, Type extends 'single' | 'multi'>({
+const Select = <Data, Type extends 'single' | 'multi'>({
   value,
   options,
   keyExtractor,

package/src/components/molecules/Snackbar/Snackbar.stories.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Story } from '@storybook/react';
-import { Snackbar, SnackbarWebProps } from './Snackbar';
+import { default as Snackbar, SnackbarWebProps } from './Snackbar';
 
 export default {
   title: 'Hybrid/Snackbar',

package/src/components/molecules/Snackbar/Snackbar.tsx

@@ -11,7 +11,7 @@ export interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {
   textProps?: TextProps;
 }
 
-export const Snackbar: React.FC<SnackbarWebProps> = ({
+const Snackbar: React.FC<SnackbarWebProps> = ({
   value,
   textProps = { colorVariant: 'primary', colorTone: 'medium' },
   ...rest

package/src/components/organisms/DataGrid/Footer/Footer.tsx

@@ -1,5 +1,7 @@
 import React from 'react';
-import { Button, Icon, Select, Text } from '@tecsinapse/react-web-kit';
+import { Button } from '../../../atoms/Button';
+import { Icon, Text } from '@tecsinapse/react-core';
+import { Select } from '../../../molecules/Select';
 import { TFoot, Tr } from '../../../atoms/Table';
 import {
   FooterContainer,

package/src/components/organisms/DataGrid/Footer/styled.ts

@@ -1,7 +1,6 @@
 import styled from '@emotion/styled';
 import { default as nativeStyled } from '@emotion/native';
-import { StyleProps } from '@tecsinapse/react-core';
-import { Text } from '@tecsinapse/react-web-kit';
+import { StyleProps, Text } from '@tecsinapse/react-core';
 import { Td } from '../../../atoms/Table';
 import { Button } from '../../../atoms/Button';
 

package/src/index.ts

@@ -21,7 +21,7 @@ export type { ITooltip } from './components/atoms/Tooltip';
 export { Breadcrumbs } from './components/molecules/Breadcrumbs';
 export type {
   BreadcrumbsProps,
-  BreadcrumbType,
+  BreadcrumbType
 } from './components/molecules/Breadcrumbs';
 export { DatePicker } from './components/molecules/DatePicker';
 export type { WebDatePickerProps } from './components/molecules/DatePicker';
@@ -30,7 +30,8 @@ export type { WebDateTimePickerProps } from './components/molecules/DateTimePick
 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 type { IGridItemWeb, IGridWeb } from './components/molecules/Grid';
+export { IconTextButton } from './components/molecules/IconTextButton';
 export { InputPassword } from './components/molecules/InputPassword';
 export type { InputPasswordWebProps } from './components/molecules/InputPassword';
 export { LabeledSwitch } from './components/molecules/LabeledSwitch';
@@ -40,7 +41,7 @@ export type {
   MenubarItemsOptions,
   MenubarMostUsedType,
   MenubarOptionsType,
-  MenubarProps,
+  MenubarProps
 } from './components/molecules/Menubar';
 export { Select } from './components/molecules/Select';
 export type { SelectProps } from './components/molecules/Select';
@@ -51,6 +52,7 @@ export type { TextAreaProps } from './components/molecules/TextArea';
 export { DataGrid } from './components/organisms/DataGrid';
 export type {
   DataGridProps,
-  HeadersType,
+  HeadersType
 } from './components/organisms/DataGrid';
 export * from './hooks';
+