@tecsinapse/react-web-kit 1.21.3 → 1.22.0

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

@@ -1,46 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _styled = require("../styled");
-
-var _Table = require("../../../atoms/Table");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Row = _ref => {
-  let {
-    rowKeyExtractor,
-    data,
-    checked: _checked,
-    handleSelect,
-    selectable,
-    headers
-  } = _ref;
-  return _react.default.createElement(_Table.Tr, {
+'use strict';
+
+var React = require('react');
+var reactCore = require('@tecsinapse/react-core');
+var styled = require('../styled.js');
+var Td = require('../../../atoms/Table/Cell/Td.js');
+require('../../../atoms/Table/Container/styled.js');
+require('../../../atoms/Table/Footer/styled.js');
+require('../../../atoms/Table/Header/styled.js');
+var Tr = require('../../../atoms/Table/Row/Tr.js');
+require('../../../atoms/Table/Toolbar/styled.js');
+require('../../../atoms/Table/styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const Row = ({
+  rowKeyExtractor,
+  data,
+  checked: _checked,
+  handleSelect,
+  selectable,
+  headers
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(Tr, {
     key: rowKeyExtractor(data)
-  }, selectable && _react.default.createElement(_styled.CheckboxCell, null, _react.default.createElement(_reactCore.Checkbox, {
+  }, selectable && /* @__PURE__ */ React__default["default"].createElement(styled.CheckboxCell, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.Checkbox, {
     checked: _checked,
-    onChange: checked => handleSelect(data, checked)
-  })), headers.map(_ref2 => {
-    let {
-      label,
-      render
-    } = _ref2;
-    return _react.default.createElement(_Table.Td, {
-      key: "row-".concat(rowKeyExtractor(data), "-column-").concat(label)
-    }, render(data));
-  }));
+    onChange: (checked) => handleSelect(data, checked)
+  })), headers.map(({ label, render }) => /* @__PURE__ */ React__default["default"].createElement(Td, {
+    key: `row-${rowKeyExtractor(data)}-column-${label}`
+  }, render(data))));
 };
+var Row$1 = React__default["default"].memo(Row);
 
-var _default = _react.default.memo(Row);
-
-exports.default = _default;
-//# sourceMappingURL=Row.js.map
+module.exports = Row$1;
+//# sourceMappingURL=Row.js.map

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,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"}
+{"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":["React","CheckboxCell","Checkbox"],"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,uBACGA,yBAAA,CAAA,aAAA,CAAA,EAAA,EAAA;AAAA,IAAG,GAAA,EAAK,gBAAgB,IAAI,CAAA;AAAA,GAC1B,EAAA,UAAA,oBACEA,yBAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA,IAAA,kBACED,yBAAA,CAAA,aAAA,CAAAE,kBAAA,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,qBAC3BF,yBAAA,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,YAAeA,yBAAA,CAAM,KAAK,GAAG,CAAA;;;;"}

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

@@ -1,25 +1,28 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CheckboxCell = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var styled = require('@emotion/styled');
+require('react');
+var Td = require('../../atoms/Table/Cell/Td.js');
+require('../../atoms/Table/Container/styled.js');
+require('../../atoms/Table/Footer/styled.js');
+require('../../atoms/Table/Header/styled.js');
+require('../../atoms/Table/Row/styled.js');
+require('../../atoms/Table/Toolbar/styled.js');
+require('@tecsinapse/react-core');
+require('../../atoms/Table/styled.js');
 
-var _Table = require("../../atoms/Table");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _templateObject;
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const CheckboxCell = styled__default["default"](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
+//# 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,CAAH,gIACZ;EAAA,IAAC;IAAEC;EAAF,CAAD;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":["styled"],"mappings":";;;;;;;;;;;;;;;;;;;AAIa,MAAA,YAAA,GAAeA,2BAAO,EAAE,CAAA,CAAA;AAAA,WAAA,EACxB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

@@ -1,18 +1,14 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getData = void 0;
-exports.removeElement = removeElement;
+Object.defineProperty(exports, '__esModule', { value: true });
 
 function removeElement(arr, index) {
   const data = [...arr];
   data.splice(index, 1);
   return data;
 }
-
 const getData = (data, rowsCount, page, rowsPerPage, pagination) => rowsCount || !pagination ? data : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);
 
 exports.getData = getData;
-//# sourceMappingURL=utils.js.map
+exports.removeElement = removeElement;
+//# sourceMappingURL=utils.js.map

package/dist/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":";;;;;;;;AAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,MAAMC,IAAI,GAAG,CAAC,GAAGF,GAAJ,CAAb;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;;AAEM,MAAME,OAAO,GAAG,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB,KAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATC"}
+{"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/dist/hooks/useBreakpoints.js

@@ -1,21 +1,13 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useBreakpoints = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactCore = require("@tecsinapse/react-core");
-
-var _useWindowSize = require("./useWindowSize");
+var reactCore = require('@tecsinapse/react-core');
+var useWindowSize = require('./useWindowSize.js');
 
 const useBreakpoints = () => {
-  const {
-    width
-  } = (0, _useWindowSize.useWindowSize)();
-  const {
-    breakpoints
-  } = (0, _reactCore.useTheme)();
+  const { width } = useWindowSize.useWindowSize();
+  const { breakpoints } = reactCore.useTheme();
   return {
     sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,
     md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,
@@ -24,4 +16,4 @@ const useBreakpoints = () => {
 };
 
 exports.useBreakpoints = useBreakpoints;
-//# sourceMappingURL=useBreakpoints.js.map
+//# sourceMappingURL=useBreakpoints.js.map

package/dist/hooks/useBreakpoints.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoints.js","names":["useBreakpoints","width","useWindowSize","breakpoints","useTheme","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;;AACA;;AAQO,MAAMA,cAAc,GAAG,MAA4B;EACxD,MAAM;IAAEC;EAAF,IAAY,IAAAC,4BAAA,GAAlB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,mBAAA,GAAxB;EACA,OAAO;IACLC,EAAE,EAAEC,MAAM,CAACL,KAAD,CAAN,IAAiB,CAAjB,IAAsBK,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACE,EADlD;IAELE,EAAE,EAAED,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACE,EAA5B,IAAkCC,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACI,EAF9D;IAGLC,EAAE,EAAEF,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACI;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":["useWindowSize","useTheme"],"mappings":";;;;;;;AASO,MAAM,iBAAiB,MAA4B;AACxD,EAAM,MAAA,EAAE,KAAM,EAAA,GAAIA,2BAAc,EAAA,CAAA;AAChC,EAAM,MAAA,EAAE,WAAY,EAAA,GAAIC,kBAAS,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/dist/hooks/useClickAwayListener.js

@@ -1,24 +1,20 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useClickAwayListener = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = _interopRequireDefault(require("react"));
+var React = require('react');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-const useClickAwayListener = function (ref, setVisible) {
-  let event = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'mousedown';
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-  _react.default.useEffect(() => {
-    const handleClickOutside = event => {
-      if (ref.current && !ref.current.contains(event.target)) {
+const useClickAwayListener = (ref, setVisible, event = "mousedown") => {
+  React__default["default"].useEffect(() => {
+    const handleClickOutside = (event2) => {
+      if (ref.current && !ref.current.contains(event2.target)) {
         setVisible(false);
       }
     };
-
     document.addEventListener(event, handleClickOutside);
     return () => {
       document.removeEventListener(event, handleClickOutside);
@@ -27,4 +23,4 @@ const useClickAwayListener = function (ref, setVisible) {
 };
 
 exports.useClickAwayListener = useClickAwayListener;
-//# sourceMappingURL=useClickAwayListener.js.map
+//# sourceMappingURL=useClickAwayListener.js.map

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,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"}
+{"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":["React","event"],"mappings":";;;;;;;;;;AAEO,MAAM,oBAAuB,GAAA,CAClC,GACA,EAAA,UAAA,EACA,QAA6C,WACpC,KAAA;AACT,EAAAA,yBAAA,CAAM,UAAU,MAAM;AACpB,IAAM,MAAA,kBAAA,GAAqB,CAAAC,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/dist/hooks/useWindowSize.js

@@ -1,35 +1,31 @@
-"use strict";
+'use strict';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useWindowSize = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _react = _interopRequireDefault(require("react"));
+var React = require('react');
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const useWindowSize = () => {
-  const [windowSize, setWindowSize] = _react.default.useState({
-    width: undefined,
-    height: undefined
+  const [windowSize, setWindowSize] = React__default["default"].useState({
+    width: void 0,
+    height: void 0
   });
-
-  _react.default.useEffect(() => {
+  React__default["default"].useEffect(() => {
     const handleResize = () => {
       setWindowSize({
         width: window.innerWidth,
         height: window.innerHeight
       });
     };
-
-    window.addEventListener('resize', handleResize);
+    window.addEventListener("resize", handleResize);
     handleResize();
-    return () => window.removeEventListener('resize', handleResize);
+    return () => window.removeEventListener("resize", handleResize);
   }, []);
-
   return windowSize;
 };
 
 exports.useWindowSize = useWindowSize;
-//# sourceMappingURL=useWindowSize.js.map
+//# sourceMappingURL=useWindowSize.js.map

package/dist/hooks/useWindowSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWindowSize.js","names":["useWindowSize","windowSize","setWindowSize","React","useState","width","undefined","height","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;;;;AAOO,MAAMA,aAAa,GAAG,MAAkB;EAC7C,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,cAAA,CAAMC,QAAN,CAA2B;IAC7DC,KAAK,EAAEC,SADsD;IAE7DC,MAAM,EAAED;EAFqD,CAA3B,CAApC;;EAIAH,cAAA,CAAMK,SAAN,CAAgB,MAAM;IACpB,MAAMC,YAAY,GAAG,MAAM;MACzBP,aAAa,CAAC;QACZG,KAAK,EAAEK,MAAM,CAACC,UADF;QAEZJ,MAAM,EAAEG,MAAM,CAACE;MAFH,CAAD,CAAb;IAID,CALD;;IAMAF,MAAM,CAACG,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;IACAA,YAAY;IACZ,OAAO,MAAMC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAb;EACD,CAVD,EAUG,EAVH;;EAWA,OAAOR,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":["React"],"mappings":";;;;;;;;;;AAOO,MAAM,gBAAgB,MAAkB;AAC7C,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAIA,0BAAM,QAAqB,CAAA;AAAA,IAC7D,KAAO,EAAA,KAAA,CAAA;AAAA,IACP,MAAQ,EAAA,KAAA,CAAA;AAAA,GACT,CAAA,CAAA;AACD,EAAAA,yBAAA,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/dist/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';