@tecsinapse/react-web-kit 1.21.2 → 1.22.0-beta.11

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

@@ -1,93 +1,78 @@
-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';
-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),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      sortDirection = _React$useState2[0],
-      setSortDirection = _React$useState2[1];
-
-  var handleSortDirection = function handleSortDirection(sort) {
+import { Checkbox, PressableSurface, Icon } from '@tecsinapse/react-core';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import Th from '../../../atoms/Table/Header/Th.js';
+import THead from '../../../atoms/Table/Header/THead.js';
+import Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
+import { CheckboxHeader } from './styled.js';
+import { NEXT_STATE, getIconSuffix, getIconColor, findCurrentItemsOnData, findUnselectedItemsOnData } from './utils.js';
+
+const Header = ({
+  selectable,
+  rowsCount,
+  headers,
+  data,
+  rowKeyExtractor,
+  selectedRows,
+  onSelected
+}) => {
+  const [sortDirection, setSortDirection] = React.useState(
+    NEXT_STATE.initial
+  );
+  const handleSortDirection = (sort) => {
     sort(NEXT_STATE[sortDirection]);
     setSortDirection(NEXT_STATE[sortDirection]);
   };
-
-  var handleSelectAll = function handleSelectAll(checked) {
+  const handleSelectAll = (checked) => {
     if (!checked) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected([]);
+      onSelected == null ? void 0 : onSelected([]);
       return;
     }
-
-    var currentItemsOnData = findCurrentItemsOnData(selectedRows, data, rowKeyExtractor);
-    var unselectedItemsOnData = findUnselectedItemsOnData(selectedRows, data, rowKeyExtractor);
-
+    const currentItemsOnData = findCurrentItemsOnData(
+      selectedRows,
+      data,
+      rowKeyExtractor
+    );
+    const unselectedItemsOnData = findUnselectedItemsOnData(
+      selectedRows,
+      data,
+      rowKeyExtractor
+    );
     if (checked && selectedRows.length < 1) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected(data);
+      onSelected == null ? void 0 : onSelected(data);
       return;
     }
-
     if (checked && currentItemsOnData.length < 1) {
-      onSelected === null || onSelected === void 0 ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      onSelected == null ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
       return;
     }
-
-    onSelected === null || onSelected === void 0 ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+    onSelected == null ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
   };
-
-  return React.createElement(THead, null, React.createElement(Tr, null, selectable && React.createElement(CheckboxHeader, null, React.createElement(Checkbox, {
-    checked: rowsCount === (selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.length),
+  return /* @__PURE__ */ React.createElement(THead, null, /* @__PURE__ */ React.createElement(Tr, null, selectable && /* @__PURE__ */ React.createElement(CheckboxHeader, null, /* @__PURE__ */ 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-".concat(getIconSuffix(sortDirection)),
-      type: 'material-community',
-      fontColor: getIconColor(sortDirection)
-    })))));
-  })));
+  })), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React.createElement(Th, {
+    key: label
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent
+    }
+  }, label, sort && /* @__PURE__ */ React.createElement("div", {
+    style: { marginLeft: 8 }
+  }, /* @__PURE__ */ React.createElement(PressableSurface, {
+    onPress: () => handleSortDirection(sort)
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    name: `sort-alphabetical-${getIconSuffix(sortDirection)}`,
+    type: "material-community",
+    fontColor: getIconColor(sortDirection)
+  }))))))));
 };
 
-export default Header;
-//# sourceMappingURL=Header.js.map
+export { Header as default };
+//# sourceMappingURL=Header.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/organisms/DataGrid/Header/Header.tsx"],"sourcesContent":["import React from 'react';\nimport { Checkbox, Icon, PressableSurface } from '@tecsinapse/react-core';\nimport { Th, THead, Tr } from '../../../atoms/Table';\nimport { CheckboxHeader } from './styled';\nimport { HeadersType, SortState } from '../types';\nimport {\n  findCurrentItemsOnData,\n  findUnselectedItemsOnData,\n  getIconColor,\n  getIconSuffix,\n  NEXT_STATE,\n} from './utils';\n\nexport interface DataGridHeaderProps<Data> {\n  headers: HeadersType<Data>[];\n  data: Data[];\n  selectedRows: Data[];\n  onSelected?: (data: Data[]) => void;\n  rowKeyExtractor: (data: Data) => string;\n  rowsCount: number;\n  selectable?: boolean;\n}\n\nconst Header = <Data,>({\n  selectable,\n  rowsCount,\n  headers,\n  data,\n  rowKeyExtractor,\n  selectedRows,\n  onSelected,\n}: DataGridHeaderProps<Data>): JSX.Element => {\n  const [sortDirection, setSortDirection] = React.useState<SortState>(\n    NEXT_STATE.initial\n  );\n\n  const handleSortDirection = sort => {\n    sort(NEXT_STATE[sortDirection]);\n    setSortDirection(NEXT_STATE[sortDirection]);\n  };\n\n  const handleSelectAll = checked => {\n    if (!checked) {\n      onSelected?.([]);\n      return;\n    }\n\n    const currentItemsOnData = findCurrentItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    const unselectedItemsOnData = findUnselectedItemsOnData(\n      selectedRows,\n      data,\n      rowKeyExtractor\n    );\n\n    if (checked && selectedRows.length < 1) {\n      onSelected?.(data);\n      return;\n    }\n    if (checked && currentItemsOnData.length < 1) {\n      onSelected?.(unselectedItemsOnData.concat(selectedRows));\n      return;\n    }\n    onSelected?.(selectedRows.concat(unselectedItemsOnData));\n  };\n\n  return (\n    <THead>\n      <Tr>\n        {selectable && (\n          <CheckboxHeader>\n            <Checkbox\n              checked={rowsCount === selectedRows?.length}\n              onChange={handleSelectAll}\n            />\n          </CheckboxHeader>\n        )}\n        {headers.map(({ label, sort, justifyContent = 'flex-start' }) => (\n          <Th key={label}>\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                justifyContent,\n              }}\n            >\n              {label}\n              {sort && (\n                <div style={{ marginLeft: 8 }}>\n                  <PressableSurface onPress={() => handleSortDirection(sort)}>\n                    <Icon\n                      name={`sort-alphabetical-${getIconSuffix(sortDirection)}`}\n                      type={'material-community'}\n                      fontColor={getIconColor(sortDirection)}\n                    />\n                  </PressableSurface>\n                </div>\n              )}\n            </div>\n          </Th>\n        ))}\n      </Tr>\n    </THead>\n  );\n};\n\nexport default Header;\n"],"names":[],"mappings":"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"}

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

@@ -1,11 +1,21 @@
-var _templateObject;
+import styled from '@emotion/styled';
+import 'react';
+import '../../../atoms/Table/Cell/styled.js';
+import '../../../atoms/Table/Container/styled.js';
+import '../../../atoms/Table/Footer/styled.js';
+import Th from '../../../atoms/Table/Header/Th.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 CheckboxHeader = styled(Th)`
+  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};
+  & * {
+    user-select: none;
+  }
+`;
 
-import styled from '@emotion/styled';
-import { Th } from "../../../atoms/Table";
-export var CheckboxHeader = styled(Th)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\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
+export { CheckboxHeader };
+//# sourceMappingURL=styled.js.map

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

@@ -1 +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,sIACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}
+{"version":3,"file":"styled.js","sources":["../../../../../src/components/organisms/DataGrid/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Th } from '../../../atoms/Table';\n\nexport const CheckboxHeader = styled(Th)<Partial<StyleProps>>`\n  padding: 0 0 0 ${({ theme }) => theme.spacing.mili};\n  & * {\n    user-select: none;\n  }\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;AAIa,MAAA,cAAA,GAAiB,OAAO,EAAE,CAAA,CAAA;AAAA,iBAAA,EACpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["NEXT_STATE","unsorted","ascending","descending","initial","getIconSuffix","state","getIconColor","findUnselectedItemsOnData","selected","data","rowKeyExtractor","length","filter","item","every","rowData","findCurrentItemsOnData","some"],"sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n  unsorted: 'ascending',\n  ascending: 'descending',\n  descending: 'unsorted',\n  initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n  state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' | 'orange' =>\n  state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? data.filter(item =>\n        selected.every(\n          rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n        )\n      )\n    : [];\n\nexport const findCurrentItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? selected.filter(item =>\n        data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n      )\n    : [];\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/organisms/DataGrid/Header/utils.ts"],"sourcesContent":["import { SortState } from '../types';\n\nexport const NEXT_STATE: { [key: string]: SortState } = {\n  unsorted: 'ascending',\n  ascending: 'descending',\n  descending: 'unsorted',\n  initial: 'unsorted',\n};\n\nexport const getIconSuffix = (state: SortState): string =>\n  state === 'unsorted' ? 'ascending' : state;\n\nexport const getIconColor = (state: SortState): 'medium' | 'orange' =>\n  state === 'unsorted' ? 'medium' : 'orange';\n\nexport const findUnselectedItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? data.filter(item =>\n        selected.every(\n          rowData => rowKeyExtractor(rowData) !== rowKeyExtractor(item)\n        )\n      )\n    : [];\n\nexport const findCurrentItemsOnData = <T>(\n  selected: T[],\n  data: T[],\n  rowKeyExtractor: (t: T) => string\n): T[] =>\n  selected.length > 0\n    ? selected.filter(item =>\n        data.some(rowData => rowKeyExtractor(rowData) === rowKeyExtractor(item))\n      )\n    : [];\n"],"names":[],"mappings":"AAEO,MAAM,UAA2C,GAAA;AAAA,EACtD,QAAU,EAAA,WAAA;AAAA,EACV,SAAW,EAAA,YAAA;AAAA,EACX,UAAY,EAAA,UAAA;AAAA,EACZ,OAAS,EAAA,UAAA;AACX,EAAA;AAEO,MAAM,aAAgB,GAAA,CAAC,KAC5B,KAAA,KAAA,KAAU,aAAa,WAAc,GAAA,MAAA;AAEhC,MAAM,YAAe,GAAA,CAAC,KAC3B,KAAA,KAAA,KAAU,aAAa,QAAW,GAAA,SAAA;AAEvB,MAAA,yBAAA,GAA4B,CACvC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,IAAK,CAAA,MAAA;AAAA,EAAO,UACV,QAAS,CAAA,KAAA;AAAA,IACP,CAAW,OAAA,KAAA,eAAA,CAAgB,OAAO,CAAA,KAAM,gBAAgB,IAAI,CAAA;AAAA,GAC9D;AACF,CAAA,GACA,GAAC;AAEM,MAAA,sBAAA,GAAyB,CACpC,QACA,EAAA,IAAA,EACA,oBAEA,QAAS,CAAA,MAAA,GAAS,IACd,QAAS,CAAA,MAAA;AAAA,EAAO,CAAA,IAAA,KACd,KAAK,IAAK,CAAA,CAAA,OAAA,KAAW,gBAAgB,OAAO,CAAA,KAAM,eAAgB,CAAA,IAAI,CAAC,CAAA;AACzE,CAAA,GACA;;;;"}

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

@@ -1,30 +1,32 @@
 import React from 'react';
 import { Checkbox } from '@tecsinapse/react-core';
-import { CheckboxCell } from "../styled";
-import { Td, Tr } from "../../../atoms/Table";
+import { CheckboxCell } from '../styled.js';
+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 Tr from '../../../atoms/Table/Row/Tr.js';
+import '../../../atoms/Table/Toolbar/styled.js';
+import '../../../atoms/Table/styled.js';
 
-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, {
+const Row = ({
+  rowKeyExtractor,
+  data,
+  checked: _checked,
+  handleSelect,
+  selectable,
+  headers
+}) => {
+  return /* @__PURE__ */ React.createElement(Tr, {
     key: rowKeyExtractor(data)
-  }, selectable && React.createElement(CheckboxCell, null, React.createElement(Checkbox, {
+  }, selectable && /* @__PURE__ */ React.createElement(CheckboxCell, null, /* @__PURE__ */ 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-".concat(rowKeyExtractor(data), "-column-").concat(label)
-    }, render(data));
-  }));
+    onChange: (checked) => handleSelect(data, checked)
+  })), headers.map(({ label, render }) => /* @__PURE__ */ React.createElement(Td, {
+    key: `row-${rowKeyExtractor(data)}-column-${label}`
+  }, render(data))));
 };
+var Row$1 = React.memo(Row);
 
-export default React.memo(Row);
-//# sourceMappingURL=Row.js.map
+export { Row$1 as default };
+//# sourceMappingURL=Row.js.map

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