@tecsinapse/react-web-kit 1.20.0 → 1.20.1

package/esm/hooks/useBreakpoints.js

@@ -0,0 +1,16 @@
+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;
+
+  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

package/esm/hooks/useBreakpoints.js.map

@@ -0,0 +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"}

package/esm/hooks/useClickAwayListener.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useClickAwayListener: (ref: React.MutableRefObject<any>, setVisible: React.Dispatch<React.SetStateAction<boolean>>, event?: 'mouseup' | 'mousedown' | undefined) => void;

package/esm/hooks/useClickAwayListener.js

@@ -0,0 +1,20 @@
+import React from 'react';
+export var useClickAwayListener = function useClickAwayListener(ref, setVisible, event) {
+  if (event === void 0) {
+    event = 'mousedown';
+  }
+
+  React.useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (ref.current && !ref.current.contains(event.target)) {
+        setVisible(false);
+      }
+    };
+
+    document.addEventListener(event, handleClickOutside);
+    return function () {
+      document.removeEventListener(event, handleClickOutside);
+    };
+  }, [ref]);
+};
+//# sourceMappingURL=useClickAwayListener.js.map

package/esm/hooks/useClickAwayListener.js.map

@@ -0,0 +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"}

package/esm/hooks/useWindowSize.d.ts

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

package/esm/hooks/useWindowSize.js

@@ -0,0 +1,26 @@
+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.useEffect(function () {
+    var handleResize = function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+
+    window.addEventListener('resize', handleResize);
+    handleResize();
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  return windowSize;
+};
+//# sourceMappingURL=useWindowSize.js.map

package/esm/hooks/useWindowSize.js.map

@@ -0,0 +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"}

package/esm/index.d.ts

@@ -0,0 +1,24 @@
+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 * from './hooks';

package/esm/index.js

@@ -0,0 +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 * from "./hooks";
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +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"}

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "main": "dist/index.js",
+  "module": "esm/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
   "scripts": {
     "start": "yarn build:es --watch",
-    "build:es": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "build:declaration": "tsc --project tsconfig.build.json",
+    "build:es": "yarn build:cjs && yarn build:esm",
+    "build:cjs": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
+    "build:esm": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir esm --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments --config-file ./babel.config.esm.js",
+    "build:declaration": "yarn build:declaration:cjs && yarn build:declaration:esm",
+    "build:declaration:cjs": "tsc --project tsconfig.build.json",
+    "build:declaration:esm": "tsc --project tsconfig.build.esm.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
@@ -36,5 +41,5 @@
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-native-web": "^0.17.1 || ^0.18.0"
   },
-  "gitHead": "59f85f1085ace4af0b26b85e32faf92cd2bf303f"
+  "gitHead": "6a1f65e7a62365d4955d88dd0226963d138bb21f"
 }

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

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

package/src/index.ts

@@ -1,4 +1,5 @@
 export * from '@tecsinapse/react-core';
+export { Icon, Text } from '@tecsinapse/react-core';
 export { Accordion, AccordionProps } from './components/atoms/Accordion';
 export {
   BadgeWebProps,

package/tsconfig.build.esm.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.build.json",
+  "compilerOptions": {
+    "skipLibCheck": true,
+    "declarationDir": "./esm",
+    "rootDir": "./src",
+    "baseUrl": "./"
+  },
+  "include": ["./src"]
+}