@tecsinapse/react-web-kit 1.19.0 → 1.20.2

package/package.json

@@ -1,14 +1,19 @@
 {
   "name": "@tecsinapse/react-web-kit",
   "description": "TecSinapse React components",
-  "version": "1.19.0",
+  "version": "1.20.2",
   "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"
@@ -17,7 +22,7 @@
     "@emotion/native": "^11.10.0",
     "@emotion/react": "^11.10.0",
     "@emotion/styled": "^11.10.0",
-    "@tecsinapse/react-core": "^1.18.0",
+    "@tecsinapse/react-core": "^1.19.0",
     "@types/react-native": "^0.64.4",
     "react-native-vector-icons": "^9.2.0",
     "react-transition-group": "^4.4.2"
@@ -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": "7014df32d2de88a1f42259b56599d7fc10d794a9"
+  "gitHead": "d7f69e1e15c809587d73cce63dcf88fdbc5ec693"
 }

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/Input.tsx

@@ -6,12 +6,11 @@ import {
   useInputFocus,
 } from '@tecsinapse/react-core';
 import React, { FC } from 'react';
-import { View } from 'react-native';
+import { TextInput, View } from 'react-native';
 import { StyledWebTextInput } from './styled';
 
-export interface InputWebProps
-  extends Omit<InputElementProps, 'style'>,
-    InputContainerProps {}
+export type InputWebProps = Omit<InputElementProps, 'style'> &
+  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };
 
 const Input: FC<InputWebProps> = React.forwardRef(
   (
@@ -73,7 +72,7 @@ const Input: FC<InputWebProps> = React.forwardRef(
             {...rest}
             placeholder={onlyLabel ? label : placeholder}
             value={value}
-            ref={ref}
+            ref={ref as React.Ref<TextInput>}
             disabled={disabled}
             onFocus={handleFocus}
             onBlur={handleBlur}

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/InputMask.tsx

@@ -6,12 +6,11 @@ import {
   useInputFocus,
 } from '@tecsinapse/react-core';
 import React, { FC } from 'react';
-import { View } from 'react-native';
+import { TextInput, View } from 'react-native';
 import { StyledWebTextInputMask } from './styled';
 
-export interface InputMaskWebProps
-  extends Omit<InputMaskElementProps, 'style'>,
-    InputContainerProps {}
+export type InputMaskWebProps = Omit<InputMaskElementProps, 'style'> &
+  InputContainerProps & { ref?: React.Ref<HTMLInputElement | undefined> };
 
 const InputMask: FC<InputMaskWebProps> = React.forwardRef(
   (
@@ -73,7 +72,7 @@ const InputMask: FC<InputMaskWebProps> = React.forwardRef(
             {...rest}
             placeholder={onlyLabel ? label : placeholder}
             value={value}
-            ref={ref}
+            ref={ref as React.Ref<TextInput>}
             disabled={disabled}
             onFocus={handleFocus}
             onBlur={handleBlur}

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/Modal.tsx

@@ -1,9 +1,17 @@
-import { CalendarProps, PressableSurface, SelectionType } from '@tecsinapse/react-core';
+import {
+  CalendarProps,
+  PressableSurface,
+  SelectionType,
+} from '@tecsinapse/react-core';
 import * as React from 'react';
 import { Modal as RNModal, ModalProps } from 'react-native';
 import { Backdrop, ModalContent } from './styled';
 
-const Component = <T extends SelectionType>({ onRequestClose, children, ...modalProps }: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {
+const Component = <T extends SelectionType>({
+  onRequestClose,
+  children,
+  ...modalProps
+}: CalendarProps<T> & ModalProps & { children: JSX.Element }): JSX.Element => {
   return (
     <RNModal
       transparent
@@ -14,9 +22,7 @@ const Component = <T extends SelectionType>({ onRequestClose, children, ...modal
     >
       <Backdrop onPress={onRequestClose} effect="none">
         <PressableSurface>
-          <ModalContent>
-            {children}
-          </ModalContent>
+          <ModalContent>{children}</ModalContent>
         </PressableSurface>
       </Backdrop>
     </RNModal>

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/DatePicker/styled.ts

@@ -1,6 +1,6 @@
-import styled, { css } from "@emotion/native";
-import { hex2rgba, PressableSurface, StyleProps } from "@tecsinapse/react-core";
-import { Platform } from "react-native";
+import styled, { css } from '@emotion/native';
+import { hex2rgba, PressableSurface, StyleProps } from '@tecsinapse/react-core';
+import { Platform } from 'react-native';
 
 const isWeb = Platform.OS === 'web';
 

package/src/components/molecules/DateTimePicker/Modal.tsx

@@ -5,11 +5,9 @@ import { Backdrop, ModalContent } from './styled';
 
 const Component: React.FC<DateTimeSelectorProps & ModalProps> = ({
   onRequestClose,
-  onChange,
   children,
   ...rest
 }) => {
-
   return (
     <RNModal
       transparent
@@ -19,9 +17,7 @@ const Component: React.FC<DateTimeSelectorProps & ModalProps> = ({
       onRequestClose={onRequestClose}
     >
       <Backdrop onPress={onRequestClose} effect="none">
-        <ModalContent>
-          {children}
-        </ModalContent>
+        <ModalContent>{children}</ModalContent>
       </Backdrop>
     </RNModal>
   );

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/DateTimePicker/styled.ts

@@ -1,7 +1,10 @@
-import styled, { css } from "@emotion/native";
-import { DateTimeSelectorProps, PressableSurface, RFValueStr, StyleProps } from "@tecsinapse/react-core";
-import { FC } from "react";
-import { Platform } from "react-native";
+import styled, { css } from '@emotion/native';
+import {
+  PressableSurface,
+  RFValueStr,
+  StyleProps,
+} from '@tecsinapse/react-core';
+import { Platform } from 'react-native';
 
 const isWeb = Platform.OS === 'web';
 
@@ -34,4 +37,4 @@ export const ModalContent = styled.View<Partial<StyleProps>>`
     `}
   `}
   overflow: hidden;
-`;
+`;

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

@@ -7,7 +7,7 @@ export const getSpan = (
   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 (md) return value?.md ?? value.sm;
+  if (lg) return value?.lg ?? value?.md ?? value.sm;
   return 0;
 };

package/src/components/molecules/IconTextButton/IconTextButton.tsx

@@ -17,9 +17,8 @@ const IconTextButton: React.FC<WebIconTextButtonProps> = ({
   size = 'default',
   ...rest
 }): JSX.Element => {
-  const { handleHover, handlePressed, defaultFontColor } = useIconTextButton(
-    variant
-  );
+  const { handleHover, handlePressed, defaultFontColor } =
+    useIconTextButton(variant);
 
   return (
     <StyledIconTextButton

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/Menubar.tsx

@@ -52,9 +52,10 @@ const Menubar: React.FC<MenubarProps> = ({
   const menuRef = useRef<HTMLDivElement | null>(null);
   useClickAwayListener(menuRef, setOpen, 'mouseup');
 
-  const toggleOpen = React.useCallback(() => setOpen(state => !state), [
-    setOpen,
-  ]);
+  const toggleOpen = React.useCallback(
+    () => setOpen(state => !state),
+    [setOpen]
+  );
 
   React.useEffect(() => {
     if (search === '') return;

package/src/components/molecules/Menubar/SearchResultItem/utils.tsx

@@ -39,7 +39,7 @@ export const stringMatcher = (
   return Array.from(tx.matchAll(r));
 };
 
-const highlightReplacer = <T extends unknown>(
+const highlightReplacer = <T,>(
   searchTerm: string,
   textToReplace: string,
   Component: React.ElementType,
@@ -66,7 +66,7 @@ const highlightReplacer = <T extends unknown>(
   });
 };
 
-export const highlight = <T extends unknown>(
+export const highlight = <T,>(
   searchTerm: string,
   textToReplace: string,
   Component: React.ElementType,

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/Dropdown/Dropdown.tsx

@@ -59,9 +59,10 @@ const Dropdown = <Data, Type extends 'single' | 'multi'>({
     !aux ? onSelect(auxArray as OnSelectArg) : onSelect(items as OnSelectArg);
   }, [options, setCheckedAll, onSelect]);
 
-  const onChange = React.useCallback(text => setSearchArg(text), [
-    setSearchArg,
-  ]);
+  const onChange = React.useCallback(
+    text => setSearchArg(text),
+    [setSearchArg]
+  );
 
   return (
     <StyledContainerDropdown

package/src/components/molecules/Select/Select.tsx

@@ -1,7 +1,7 @@
 import {
   PressableInputContainer,
   Text,
-  TextProps
+  TextProps,
 } from '@tecsinapse/react-core';
 import React from 'react';
 import { Transition } from 'react-transition-group';
@@ -12,7 +12,7 @@ import { getDisplayValue } from './functions';
 import {
   RightComponent,
   StyledContainer,
-  StyledInputContainer
+  StyledInputContainer,
 } from './styled';
 
 export interface SelectProps<Data, Type extends 'single' | 'multi'>
@@ -60,9 +60,10 @@ export const Select = <Data, Type extends 'single' | 'multi'>({
   useClickAwayListener(refDropDown, setDropDownVisible);
 
   const onlyLabel = label && !placeholder;
-  const hasValue = type === 'single' ? !!value : ((value || []) as []).length > 0
-  const _placeholder = onlyLabel ? label : placeholder
-  const _label = hasValue ? label : undefined
+  const hasValue =
+    type === 'single' ? !!value : ((value || []) as []).length > 0;
+  const _placeholder = onlyLabel ? label : placeholder;
+  const _label = hasValue ? label : undefined;
 
   const displayValue = getDisplayValue<Data>(
     type,
@@ -73,9 +74,10 @@ export const Select = <Data, Type extends 'single' | 'multi'>({
     labelExtractor
   );
 
-  const onPress = React.useCallback(() => setDropDownVisible(prev => !prev), [
-    setDropDownVisible,
-  ]);
+  const onPress = React.useCallback(
+    () => setDropDownVisible(prev => !prev),
+    [setDropDownVisible]
+  );
 
   return (
     <StyledContainer ref={refDropDown} {...rest}>

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/DataGrid.tsx

@@ -57,7 +57,7 @@ export interface DataGridProps<Data>
 }
 
 /** Note: Consider memoizing functions for a better performance */
-const DataGrid = <Data extends unknown>({
+const DataGrid = <Data,>({
   headers,
   data,
   rowKeyExtractor,
@@ -139,25 +139,21 @@ const DataGrid = <Data extends unknown>({
         {!loading ? (
           <TBody>
             {data.length > 0 ? (
-              getData(
-                data,
-                rowsCount,
-                page,
-                rowsPerPage,
-                pagination
-              ).map(item => (
-                <Row
-                  key={rowKeyExtractor(item)}
-                  rowKeyExtractor={rowKeyExtractor}
-                  handleSelect={handleSelect}
-                  selectable={selectable}
-                  headers={headers}
-                  data={item}
-                  checked={selectedRows?.some(
-                    sel => rowKeyExtractor(sel) === rowKeyExtractor(item)
-                  )}
-                />
-              ))
+              getData(data, rowsCount, page, rowsPerPage, pagination).map(
+                item => (
+                  <Row
+                    key={rowKeyExtractor(item)}
+                    rowKeyExtractor={rowKeyExtractor}
+                    handleSelect={handleSelect}
+                    selectable={selectable}
+                    headers={headers}
+                    data={item}
+                    checked={selectedRows?.some(
+                      sel => rowKeyExtractor(sel) === rowKeyExtractor(item)
+                    )}
+                  />
+                )
+              )
             ) : (
               <tr>
                 <td colSpan={99}>{emptyPlaceholder}</td>

package/src/components/organisms/DataGrid/Header/Header.tsx

@@ -21,7 +21,7 @@ export interface DataGridHeaderProps<Data> {
   selectable?: boolean;
 }
 
-const Header = <Data extends unknown>({
+const Header = <Data,>({
   selectable,
   rowsCount,
   headers,

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';

package/src/index.ts

@@ -1,60 +1,55 @@
 export * 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,
+export { Icon, Text } from '@tecsinapse/react-core';
+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,
-  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,
+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, SelectProps } from './components/molecules/Select';
-export { Snackbar, SnackbarWebProps } from './components/molecules/Snackbar';
-export { TextArea, TextAreaProps } from './components/molecules/TextArea';
-export {
-  DataGrid,
+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';

package/tsconfig.build.esm.json

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