@tecsinapse/react-web-kit 1.18.7 → 1.20.1

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

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

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeElement = removeElement;
 exports.getData = void 0;
+exports.removeElement = removeElement;
 
 function removeElement(arr, index) {
   const data = [...arr];

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"mappings":";;;;;;;;AAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;AAC7D,QAAMC,IAAI,GAAG,CAAC,GAAGF,GAAJ,CAAb;AACAE,EAAAA,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;AACA,SAAOC,IAAP;AACD;;AAEM,MAAME,OAAO,GAAG,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB,KAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATC","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"],"file":"utils.js"}
+{"version":3,"file":"utils.js","names":["removeElement","arr","index","data","splice","getData","rowsCount","page","rowsPerPage","pagination","slice"],"sources":["../../../../src/components/organisms/DataGrid/utils.ts"],"sourcesContent":["export function removeElement<T>(arr: T[], index: number): T[] {\n  const data = [...arr]; // Sometimes looks like the data is removed from table, check if this is a bug. I'm copying the arr to a new variable for security reasons\n  data.splice(index, 1);\n  return data;\n}\n\nexport const getData = <Data>(\n  data: Data[],\n  rowsCount: number | undefined,\n  page: number,\n  rowsPerPage: number,\n  pagination: boolean\n): Data[] =>\n  rowsCount || !pagination\n    ? data\n    : data.slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage);\n"],"mappings":";;;;;;;;AAAO,SAASA,aAAT,CAA0BC,GAA1B,EAAoCC,KAApC,EAAwD;EAC7D,MAAMC,IAAI,GAAG,CAAC,GAAGF,GAAJ,CAAb;EACAE,IAAI,CAACC,MAAL,CAAYF,KAAZ,EAAmB,CAAnB;EACA,OAAOC,IAAP;AACD;;AAEM,MAAME,OAAO,GAAG,CACrBF,IADqB,EAErBG,SAFqB,EAGrBC,IAHqB,EAIrBC,WAJqB,EAKrBC,UALqB,KAOrBH,SAAS,IAAI,CAACG,UAAd,GACIN,IADJ,GAEIA,IAAI,CAACO,KAAL,CAAWH,IAAI,GAAGC,WAAlB,EAA+BD,IAAI,GAAGC,WAAP,GAAqBA,WAApD,CATC"}

package/dist/hooks/index.d.ts

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

package/dist/hooks/index.js

@@ -3,12 +3,28 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useBreakpoints", {
+  enumerable: true,
+  get: function () {
+    return _useBreakpoints.useBreakpoints;
+  }
+});
 Object.defineProperty(exports, "useClickAwayListener", {
   enumerable: true,
   get: function () {
     return _useClickAwayListener.useClickAwayListener;
   }
 });
+Object.defineProperty(exports, "useWindowSize", {
+  enumerable: true,
+  get: function () {
+    return _useWindowSize.useWindowSize;
+  }
+});
+
+var _useBreakpoints = require("./useBreakpoints");
 
 var _useClickAwayListener = require("./useClickAwayListener");
+
+var _useWindowSize = require("./useWindowSize");
 //# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

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

package/dist/hooks/useBreakpoints.d.ts

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

package/dist/hooks/useBreakpoints.js

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

package/dist/hooks/useBreakpoints.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoints.js","names":["useBreakpoints","width","useWindowSize","breakpoints","useTheme","sm","Number","md","lg"],"sources":["../../src/hooks/useBreakpoints.ts"],"sourcesContent":["import { useTheme } from '@tecsinapse/react-core';\nimport { useWindowSize } from './useWindowSize';\n\nexport type UseBreakpointsReturn = {\n  sm: boolean;\n  md: boolean;\n  lg: boolean;\n};\n\nexport const useBreakpoints = (): UseBreakpointsReturn => {\n  const { width } = useWindowSize();\n  const { breakpoints } = useTheme();\n  return {\n    sm: Number(width) >= 0 && Number(width) <= breakpoints.sm,\n    md: Number(width) > breakpoints.sm && Number(width) <= breakpoints.md,\n    lg: Number(width) > breakpoints.md,\n  };\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAQO,MAAMA,cAAc,GAAG,MAA4B;EACxD,MAAM;IAAEC;EAAF,IAAY,IAAAC,4BAAA,GAAlB;EACA,MAAM;IAAEC;EAAF,IAAkB,IAAAC,mBAAA,GAAxB;EACA,OAAO;IACLC,EAAE,EAAEC,MAAM,CAACL,KAAD,CAAN,IAAiB,CAAjB,IAAsBK,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACE,EADlD;IAELE,EAAE,EAAED,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACE,EAA5B,IAAkCC,MAAM,CAACL,KAAD,CAAN,IAAiBE,WAAW,CAACI,EAF9D;IAGLC,EAAE,EAAEF,MAAM,CAACL,KAAD,CAAN,GAAgBE,WAAW,CAACI;EAH3B,CAAP;AAKD,CARM"}

package/dist/hooks/useClickAwayListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useClickAwayListener.ts"],"names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAA0C,GAAG,WAHX,KAIzB;AACTC,iBAAMC,SAAN,CAAgB,MAAM;AACpB,UAAMC,kBAAkB,GAAGH,KAAK,IAAI;AAClC,UAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;AACtDP,QAAAA,UAAU,CAAC,KAAD,CAAV;AACD;AACF,KAJD;;AAKAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;AACA,WAAO,MAAM;AACXI,MAAAA,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;AACD,KAFD;AAGD,GAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM","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"],"file":"useClickAwayListener.js"}
+{"version":3,"file":"useClickAwayListener.js","names":["useClickAwayListener","ref","setVisible","event","React","useEffect","handleClickOutside","current","contains","target","document","addEventListener","removeEventListener"],"sources":["../../src/hooks/useClickAwayListener.ts"],"sourcesContent":["import React from 'react';\n\nexport const useClickAwayListener = (\n  ref: React.MutableRefObject<any>,\n  setVisible: React.Dispatch<React.SetStateAction<boolean>>,\n  event: 'mouseup' | 'mousedown' | undefined = 'mousedown'\n): void => {\n  React.useEffect(() => {\n    const handleClickOutside = event => {\n      if (ref.current && !ref.current.contains(event.target)) {\n        setVisible(false);\n      }\n    };\n    document.addEventListener(event, handleClickOutside);\n    return () => {\n      document.removeEventListener(event, handleClickOutside);\n    };\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAAA;;;;AAEO,MAAMA,oBAAoB,GAAG,CAClCC,GADkC,EAElCC,UAFkC,EAGlCC,KAA0C,GAAG,WAHX,KAIzB;EACTC,cAAA,CAAMC,SAAN,CAAgB,MAAM;IACpB,MAAMC,kBAAkB,GAAGH,KAAK,IAAI;MAClC,IAAIF,GAAG,CAACM,OAAJ,IAAe,CAACN,GAAG,CAACM,OAAJ,CAAYC,QAAZ,CAAqBL,KAAK,CAACM,MAA3B,CAApB,EAAwD;QACtDP,UAAU,CAAC,KAAD,CAAV;MACD;IACF,CAJD;;IAKAQ,QAAQ,CAACC,gBAAT,CAA0BR,KAA1B,EAAiCG,kBAAjC;IACA,OAAO,MAAM;MACXI,QAAQ,CAACE,mBAAT,CAA6BT,KAA7B,EAAoCG,kBAApC;IACD,CAFD;EAGD,CAVD,EAUG,CAACL,GAAD,CAVH;AAWD,CAhBM"}

package/dist/hooks/useWindowSize.d.ts

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

package/dist/hooks/useWindowSize.js

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

package/dist/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","names":["useWindowSize","windowSize","setWindowSize","React","useState","width","undefined","height","useEffect","handleResize","window","innerWidth","innerHeight","addEventListener","removeEventListener"],"sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":["import React from 'react';\n\ntype WindowSize = {\n  width: number | undefined;\n  height: number | undefined;\n};\n\nexport const useWindowSize = (): WindowSize => {\n  const [windowSize, setWindowSize] = React.useState<WindowSize>({\n    width: undefined,\n    height: undefined,\n  });\n  React.useEffect(() => {\n    const handleResize = () => {\n      setWindowSize({\n        width: window.innerWidth,\n        height: window.innerHeight,\n      });\n    };\n    window.addEventListener('resize', handleResize);\n    handleResize();\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n  return windowSize;\n};\n"],"mappings":";;;;;;;AAAA;;;;AAOO,MAAMA,aAAa,GAAG,MAAkB;EAC7C,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BC,cAAA,CAAMC,QAAN,CAA2B;IAC7DC,KAAK,EAAEC,SADsD;IAE7DC,MAAM,EAAED;EAFqD,CAA3B,CAApC;;EAIAH,cAAA,CAAMK,SAAN,CAAgB,MAAM;IACpB,MAAMC,YAAY,GAAG,MAAM;MACzBP,aAAa,CAAC;QACZG,KAAK,EAAEK,MAAM,CAACC,UADF;QAEZJ,MAAM,EAAEG,MAAM,CAACE;MAFH,CAAD,CAAb;IAID,CALD;;IAMAF,MAAM,CAACG,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;IACAA,YAAY;IACZ,OAAO,MAAMC,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAb;EACD,CAVD,EAUG,EAVH;;EAWA,OAAOR,UAAP;AACD,CAjBM"}

package/dist/index.d.ts

@@ -1,22 +1,24 @@
 export * from '@tecsinapse/react-core';
-export { default as Badge, BadgeWebProps, } from './components/atoms/Badge/Badge';
+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 { Tag, TagProps } from './components/atoms/Tag';
-export { InputPassword, InputPasswordWebProps, } from './components/molecules/InputPassword';
 export { InputMask, InputMaskWebProps } from './components/atoms/InputMask';
-export { Menubar, MenubarProps, MenubarOptionsType, MenubarItemsOptions, MenubarMostUsedType, } from './components/molecules/Menubar';
+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 { Breadcrumbs, BreadcrumbsProps, BreadcrumbType, } from './components/molecules/Breadcrumbs';
-export { Skeleton, SkeletonProps } from './components/atoms/Skeleton';
-export { Accordion, AccordionProps } from './components/atoms/Accordion';
-export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
-export { Modal, ModalProps } from './components/atoms/Modal';
 export { TextArea, TextAreaProps } from './components/molecules/TextArea';
-export { Tooltip, ITooltip } from './components/atoms/Tooltip';
+export { DataGrid, DataGridProps, HeadersType, } from './components/organisms/DataGrid';
 export * from './hooks';
-export { DatePicker, WebDatePickerProps, } from './components/molecules/DatePicker';
-export { DateTimePicker, WebDateTimePickerProps, } from './components/molecules/DateTimePicker';
-export { Grid, GridItem, IGrid, IGridItem } from './components/molecules/Grid';