@tecsinapse/react-web-kit 1.20.1 → 1.21.1

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

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

@@ -1,10 +1,10 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { Th } from "../../../atoms/Table";
-export var CheckboxHeader = styled(Th)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: 0 0 0 ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+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;
 });

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,2IACR;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADQ,CAApB"}
+{"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"}

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

@@ -21,7 +21,7 @@ var Row = function Row(_ref) {
     var label = _ref2.label,
         render = _ref2.render;
     return React.createElement(Td, {
-      key: "row-" + rowKeyExtractor(data) + "-column-" + label
+      key: "row-".concat(rowKeyExtractor(data), "-column-").concat(label)
     }, render(data));
   }));
 };

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,WAAST,eAAe,CAACC,IAAD,CAAxB,gBAAyCO;IAAhD,GACGC,MAAM,CAACR,IAAD,CADT,CADW;EAAA,CAAZ,CATH,CADF;AAiBD,CAzBD;;AA2BA,eAAeP,KAAK,CAACgB,IAAN,CAAWX,GAAX,CAAf"}
+{"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"}

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

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

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

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

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

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

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

@@ -1,10 +1,10 @@
 var _templateObject;
 
-function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
 import styled from '@emotion/styled';
 import { Td } from "../../atoms/Table";
-export var CheckboxCell = styled(Td)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  padding: ", ";\n  & * {\n    user-select: none;\n  }\n"])), function (_ref) {
+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;
 });

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,qIACZ;EAAA,IAAGE,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADY,CAAlB"}
+{"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"}

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

@@ -1,5 +1,18 @@
+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 = [].concat(arr);
+  var data = _toConsumableArray(arr);
+
   data.splice(index, 1);
   return data;
 }

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,aAAOF,GAAP,CAAV;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;AAED,OAAO,IAAME,OAAO,GAAG,SAAVA,OAAU,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB;EAAA,OAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATiB;AAAA,CAAhB"}
+{"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"}

package/esm/hooks/useClickAwayListener.js

@@ -1,9 +1,6 @@
 import React from 'react';
-export var useClickAwayListener = function useClickAwayListener(ref, setVisible, event) {
-  if (event === void 0) {
-    event = 'mousedown';
-  }
-
+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)) {

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,EAGlCC,KAHkC,EAIzB;EAAA,IADTA,KACS;IADTA,KACS,GADoC,WACpC;EAAA;;EACTJ,KAAK,CAACK,SAAN,CAAgB,YAAM;IACpB,IAAMC,kBAAkB,GAAG,SAArBA,kBAAqB,CAAAF,KAAK,EAAI;MAClC,IAAIF,GAAG,CAACK,OAAJ,IAAe,CAACL,GAAG,CAACK,OAAJ,CAAYC,QAAZ,CAAqBJ,KAAK,CAACK,MAA3B,CAApB,EAAwD;QACtDN,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAO,QAAQ,CAACC,gBAAT,CAA0BP,KAA1B,EAAiCE,kBAAjC;IACA,OAAO,YAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BR,KAA7B,EAAoCE,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACJ,GAAD,CAVH;AAWD,CAhBM"}
+{"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"}

package/esm/hooks/useWindowSize.js

@@ -1,11 +1,24 @@
+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
   }),
-      windowSize = _React$useState[0],
-      setWindowSize = _React$useState[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      windowSize = _React$useState2[0],
+      setWindowSize = _React$useState2[1];
 
   React.useEffect(function () {
     var handleResize = function handleResize() {

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,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","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"}

package/esm/index.d.ts

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

package/esm/index.js

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

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Icon","Text","Accordion","AccordionProps","BadgeWebProps","default","Badge","Button","useMouseHover","WebButtonProps","Input","InputWebProps","InputMask","InputMaskWebProps","Modal","ModalProps","Skeleton","SkeletonProps","Tag","TagProps","ITooltip","Tooltip","Breadcrumbs","BreadcrumbsProps","BreadcrumbType","DatePicker","WebDatePickerProps","DateTimePicker","WebDateTimePickerProps","Drawer","DrawerProps","Grid","GridItem","IGridWeb","IGridItemWeb","InputPassword","InputPasswordWebProps","LabeledSwitch","LabeledSwitchWebProps","Menubar","MenubarItemsOptions","MenubarMostUsedType","MenubarOptionsType","MenubarProps","Select","SelectProps","Snackbar","SnackbarWebProps","TextArea","TextAreaProps","DataGrid","DataGridProps","HeadersType"],"sources":["../src/index.ts"],"sourcesContent":["export * from '@tecsinapse/react-core';\nexport { Icon, Text } from '@tecsinapse/react-core';\nexport { Accordion, AccordionProps } from './components/atoms/Accordion';\nexport {\n  BadgeWebProps,\n  default as Badge,\n} from './components/atoms/Badge/Badge';\nexport {\n  Button,\n  useMouseHover,\n  WebButtonProps,\n} from './components/atoms/Button';\nexport { Input, InputWebProps } from './components/atoms/Input';\nexport { InputMask, InputMaskWebProps } from './components/atoms/InputMask';\nexport { Modal, ModalProps } from './components/atoms/Modal';\nexport { Skeleton, SkeletonProps } from './components/atoms/Skeleton';\nexport { Tag, TagProps } from './components/atoms/Tag';\nexport { ITooltip, Tooltip } from './components/atoms/Tooltip';\nexport {\n  Breadcrumbs,\n  BreadcrumbsProps,\n  BreadcrumbType,\n} from './components/molecules/Breadcrumbs';\nexport {\n  DatePicker,\n  WebDatePickerProps,\n} from './components/molecules/DatePicker';\nexport {\n  DateTimePicker,\n  WebDateTimePickerProps,\n} from './components/molecules/DateTimePicker';\nexport { Drawer, DrawerProps } from './components/molecules/Drawer';\nexport {\n  Grid,\n  GridItem,\n  IGridWeb,\n  IGridItemWeb,\n} from './components/molecules/Grid';\nexport {\n  InputPassword,\n  InputPasswordWebProps,\n} from './components/molecules/InputPassword';\nexport {\n  LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './components/molecules/LabeledSwitch';\nexport {\n  Menubar,\n  MenubarItemsOptions,\n  MenubarMostUsedType,\n  MenubarOptionsType,\n  MenubarProps,\n} from './components/molecules/Menubar';\nexport { Select, SelectProps } from './components/molecules/Select';\nexport { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';\nexport { TextArea, TextAreaProps } from './components/molecules/TextArea';\nexport {\n  DataGrid,\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,EAAoBC,cAApB;AACA,SACEC,aADF,EAEEC,OAAO,IAAIC,KAFb;AAIA,SACEC,MADF,EAEEC,aAFF,EAGEC,cAHF;AAKA,SAASC,KAAT,EAAgBC,aAAhB;AACA,SAASC,SAAT,EAAoBC,iBAApB;AACA,SAASC,KAAT,EAAgBC,UAAhB;AACA,SAASC,QAAT,EAAmBC,aAAnB;AACA,SAASC,GAAT,EAAcC,QAAd;AACA,SAASC,QAAT,EAAmBC,OAAnB;AACA,SACEC,WADF,EAEEC,gBAFF,EAGEC,cAHF;AAKA,SACEC,UADF,EAEEC,kBAFF;AAIA,SACEC,cADF,EAEEC,sBAFF;AAIA,SAASC,MAAT,EAAiBC,WAAjB;AACA,SACEC,IADF,EAEEC,QAFF,EAGEC,QAHF,EAIEC,YAJF;AAMA,SACEC,aADF,EAEEC,qBAFF;AAIA,SACEC,aADF,EAEEC,qBAFF;AAIA,SACEC,OADF,EAEEC,mBAFF,EAGEC,mBAHF,EAIEC,kBAJF,EAKEC,YALF;AAOA,SAASC,MAAT,EAAiBC,WAAjB;AACA,SAASC,QAAT,EAAmBC,gBAAnB;AACA,SAASC,QAAT,EAAmBC,aAAnB;AACA,SACEC,QADF,EAEEC,aAFF,EAGEC,WAHF;AAKA"}
+{"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.20.1",
+  "version": "1.21.1",
   "main": "dist/index.js",
   "module": "esm/index.js",
   "types": "dist/index.d.ts",
@@ -22,7 +22,7 @@
     "@emotion/native": "^11.10.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@tecsinapse/react-core": "^1.19.0",
+    "@tecsinapse/react-core": "^1.20.0",
     "@types/react-native": "^0.64.4",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "^4.4.2"
@@ -41,5 +41,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "6a1f65e7a62365d4955d88dd0226963d138bb21f"
+  "gitHead": "2062ee0d597c89feb63e3a2025e7238353c21fe4"
 }

package/src/components/atoms/Accordion/index.ts

@@ -1 +1,2 @@
-export { default as Accordion, AccordionProps } from './Accordion';
+export { default as Accordion } from './Accordion';
+export type { AccordionProps } from './Accordion';

package/src/components/atoms/Badge/index.ts

@@ -1 +1,2 @@
-export { default as Badge, BadgeWebProps } from './Badge';
+export { default as Badge } from './Badge';
+export type { BadgeWebProps } from './Badge';

package/src/components/atoms/Button/index.ts

@@ -1,2 +1,3 @@
-export { default as Button, WebButtonProps } from './Button';
+export { default as Button } from './Button';
+export type { WebButtonProps } from './Button';
 export * from './hooks/useMouseHover';

package/src/components/atoms/Input/index.ts

@@ -1 +1,2 @@
-export { default as Input, InputWebProps } from './Input';
+export { default as Input } from './Input';
+export type { InputWebProps } from './Input';

package/src/components/atoms/InputMask/index.ts

@@ -1 +1,2 @@
-export { default as InputMask, InputMaskWebProps } from './InputMask';
+export { default as InputMask } from './InputMask';
+export type { InputMaskWebProps } from './InputMask';

package/src/components/atoms/Modal/index.ts

@@ -1 +1,2 @@
-export { default as Modal, ModalProps } from './Modal';
+export { default as Modal } from './Modal';
+export type { ModalProps } from './Modal';

package/src/components/atoms/Skeleton/index.ts

@@ -1 +1,2 @@
-export { default as Skeleton, SkeletonProps } from './Skeleton';
+export { default as Skeleton } from './Skeleton';
+export type { SkeletonProps } from './Skeleton';

package/src/components/atoms/Table/Toolbar/index.ts

@@ -1 +1,2 @@
-export { default as TableToolbar, TableToolbarProps } from './TableToolbar';
+export { default as TableToolbar } from './TableToolbar';
+export type { TableToolbarProps } from './TableToolbar';

package/src/components/atoms/Table/index.ts

@@ -4,5 +4,6 @@ export { TableContainer } from './Container';
 export { TFoot } from './Footer';
 export { THead, Th } from './Header';
 export { Tr } from './Row';
-export { TableToolbar, TableToolbarProps } from './Toolbar';
+export { TableToolbar } from './Toolbar';
+export type { TableToolbarProps } from './Toolbar';
 export { default as Table } from './Table';

package/src/components/atoms/Tag/index.ts

@@ -1 +1,2 @@
-export { default as Tag, TagProps } from './Tag';
+export { default as Tag } from './Tag';
+export type { TagProps } from './Tag';

package/src/components/atoms/Tooltip/index.ts

@@ -1 +1,2 @@
-export { default as Tooltip, ITooltip } from './Tooltip';
+export { default as Tooltip } from './Tooltip';
+export type { ITooltip } from './Tooltip';

package/src/components/molecules/Breadcrumbs/index.ts

@@ -1,5 +1,2 @@
-export {
-  default as Breadcrumbs,
-  BreadcrumbsProps,
-  BreadcrumbType,
-} from './Breadcrumbs';
+export { default as Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbType } from './Breadcrumbs';

package/src/components/molecules/DatePicker/index.ts

@@ -1 +1,2 @@
-export { DatePicker, WebDatePickerProps } from './DatePicker';
+export { DatePicker } from './DatePicker';
+export type { WebDatePickerProps } from './DatePicker';

package/src/components/molecules/DateTimePicker/index.ts

@@ -1 +1,2 @@
-export { DateTimePicker, WebDateTimePickerProps } from './DateTimePicker';
+export { DateTimePicker } from './DateTimePicker';
+export type { WebDateTimePickerProps } from './DateTimePicker';

package/src/components/molecules/Drawer/index.ts

@@ -1 +1,2 @@
-export { default as Drawer, DrawerProps } from './Drawer';
+export { default as Drawer } from './Drawer';
+export type { DrawerProps } from './Drawer';

package/src/components/molecules/Grid/Item/functions.ts

@@ -6,6 +6,7 @@ export const getSpan = (
   md: boolean,
   lg: boolean
 ): number => {
+  if (!value) return 0;
   if (sm) return value.sm;
   if (md) return value?.md ?? value.sm;
   if (lg) return value?.lg ?? value?.md ?? value.sm;

package/src/components/molecules/IconTextButton/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as IconTextButton,
-  WebIconTextButtonProps,
-} from './IconTextButton';
+export { default as IconTextButton } from './IconTextButton';
+export type { WebIconTextButtonProps } from './IconTextButton';

package/src/components/molecules/InputPassword/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as InputPassword,
-  InputPasswordWebProps,
-} from './InputPassword';
+export { default as InputPassword } from './InputPassword';
+export type { InputPasswordWebProps } from './InputPassword';

package/src/components/molecules/LabeledSwitch/index.ts

@@ -1,4 +1,2 @@
-export {
-  default as LabeledSwitch,
-  LabeledSwitchWebProps,
-} from './LabeledSwitch';
+export { default as LabeledSwitch } from './LabeledSwitch';
+export type { LabeledSwitchWebProps } from './LabeledSwitch';

package/src/components/molecules/Menubar/index.ts

@@ -1,5 +1,5 @@
 export { default as Menubar } from './Menubar';
-export {
+export type {
   OptionsType as MenubarOptionsType,
   MostUsedType as MenubarMostUsedType,
   ItemsOptions as MenubarItemsOptions,

package/src/components/molecules/Select/index.ts

@@ -1 +1,2 @@
-export { default as Select, SelectProps } from './Select';
+export { default as Select } from './Select';
+export type { SelectProps } from './Select';

package/src/components/molecules/Snackbar/index.ts

@@ -1 +1,2 @@
-export { default as Snackbar, SnackbarWebProps } from './Snackbar';
+export { default as Snackbar } from './Snackbar';
+export type { SnackbarWebProps } from './Snackbar';

package/src/components/molecules/TextArea/index.ts

@@ -1 +1,2 @@
-export { default as TextArea, TextAreaProps } from './TextArea';
+export { default as TextArea } from './TextArea';
+export type { TextAreaProps } from './TextArea';

package/src/components/organisms/DataGrid/index.ts

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