@tecsinapse/react-core 1.21.0-beta.13 → 1.21.1-beta.1

package/CHANGELOG.md

@@ -3,6 +3,29 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.21.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.20.0...@tecsinapse/react-core@1.21.0) (2022-09-28)
+
+
+### Bug Fixes
+
+* add babel target ([88f3dd8](https://github.com/tecsinapse/design-system/commit/88f3dd8a7865ef507855d76ed4f420c6bd1c1a39))
+* icon suspense fallback ([90e4b5d](https://github.com/tecsinapse/design-system/commit/90e4b5dbc4772c78a9b96e9c17b0383e678ad9bf))
+* project scripts ([cb2e0a1](https://github.com/tecsinapse/design-system/commit/cb2e0a1873cfc3f45e793b5443297fb6fffce1b5))
+* stories import ([8d0cc3f](https://github.com/tecsinapse/design-system/commit/8d0cc3fdc51fb2331f73ab3cd6c1ec3cfa37941c))
+* use run-p to parallelize scripts ([31ee9eb](https://github.com/tecsinapse/design-system/commit/31ee9eb0441f3b2f663e337c7f86549284108982))
+
+
+### Features
+
+* finish compiler config ([af9f2ae](https://github.com/tecsinapse/design-system/commit/af9f2ae2dd2b08e9842778d0159ecd3d44bef89a))
+* finish rollup config for core and web ([0ce9636](https://github.com/tecsinapse/design-system/commit/0ce9636d0b44bd2a80cf5614b8ed93f126dba8d2))
+* try rollup + esbuild ([a591643](https://github.com/tecsinapse/design-system/commit/a5916430c75e4d1707ae47286d675daddfc05a75))
+* try rollup + esbuild ([c6a7474](https://github.com/tecsinapse/design-system/commit/c6a747426c28a7d06212877ef4eb37fe4723b430))
+
+
+
+
+
 # [1.20.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.19.0...@tecsinapse/react-core@1.20.0) (2022-09-05)
 
 

package/dist/components/atoms/BoxContent/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const elevatedStyles: ({ theme }: any) => {
+export declare const elevatedStyles: ({ theme }: StyleProps) => {
     shadowColor: any;
     shadowOffset: {
         width: number;

package/dist/components/atoms/Icon/helpers.d.ts

@@ -1,4 +1,4 @@
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export declare const registerCustomIconType: (id: string, customIcon: any) => void;
-export declare const getIconComponent: (type: any, size: any) => any;
-export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: any, theme: any) => string;
+export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
+export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;

package/dist/components/atoms/Icon/helpers.js

@@ -35,86 +35,84 @@ const getStyledIcon = (Component, size) => styled__default["default"](Component)
 const getIconComponent = (type, size) => {
   switch (type) {
     case "zocial":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Zocial')); })),
-        size
+      const Zocial = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Zocial')); })
       );
+      return getStyledIcon(Zocial, size);
     case "octicon":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })),
-        size
+      const Octicons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Octicons')); })
       );
+      return getStyledIcon(Octicons, size);
     case "material":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })),
-        size
+      const Material = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
       );
+      return getStyledIcon(Material, size);
     case "material-community":
-      return getStyledIcon(
-        React.lazy(
-          () => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
-        ),
-        size
+      const MaterialCommunity = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialCommunityIcons')); })
       );
+      return getStyledIcon(MaterialCommunity, size);
     case "ionicon":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })),
-        size
+      const Ionicons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Ionicons')); })
       );
+      return getStyledIcon(Ionicons, size);
     case "foundation":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Foundation')); })),
-        size
+      const Foundation = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Foundation')); })
       );
+      return getStyledIcon(Foundation, size);
     case "evilicon":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })),
-        size
+      const EvilIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/EvilIcons')); })
       );
+      return getStyledIcon(EvilIcons, size);
     case "entypo":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Entypo')); })),
-        size
+      const Entypo = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Entypo')); })
       );
+      return getStyledIcon(Entypo, size);
     case "font-awesome":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })),
-        size
+      const FontAwesome = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome')); })
       );
+      return getStyledIcon(FontAwesome, size);
     case "font-awesome-5":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })),
-        size
+      const FontAwesome5 = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/FontAwesome5')); })
       );
+      return getStyledIcon(FontAwesome5, size);
     case "simple-line-icon":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })),
-        size
+      const SimpleLineIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/SimpleLineIcons')); })
       );
+      return getStyledIcon(SimpleLineIcons, size);
     case "feather":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Feather')); })),
-        size
+      const Feather = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Feather')); })
       );
+      return getStyledIcon(Feather, size);
     case "antdesign":
     case "ant-design":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })),
-        size
+      const AntDesign = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/AntDesign')); })
       );
+      return getStyledIcon(AntDesign, size);
     case "fontisto":
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Fontisto')); })),
-        size
+      const Fontisto = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/Fontisto')); })
       );
+      return getStyledIcon(Fontisto, size);
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
         return getStyledIcon(customIcons[type], size);
       }
-      return getStyledIcon(
-        React.lazy(() => Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })),
-        size
+      const MaterialIcons = React.lazy(
+        async () => await Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-native-vector-icons/dist/MaterialIcons')); })
       );
+      return getStyledIcon(MaterialIcons, size);
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {

package/dist/components/atoms/Icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Zocial')),\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Octicons')),\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        lazy(\n          () => import('react-native-vector-icons/dist/MaterialCommunityIcons')\n        ),\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Ionicons')),\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Foundation')),\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/EvilIcons')),\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Entypo')),\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome')),\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome5')),\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/SimpleLineIcons')),\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Feather')),\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/AntDesign')),\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Fontisto')),\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":["styled","lazy"],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":["styled","lazy"],"mappings":"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"}

package/dist/components/atoms/Input/hooks/useInputFocus.d.ts

@@ -1,4 +1,4 @@
-export declare const useInputFocus: (onFocus?: (() => void) | undefined, onBlur?: (() => void) | undefined, focusEnabled?: boolean) => {
+export declare const useInputFocus: (onFocus?: () => void, onBlur?: () => void, focusEnabled?: boolean) => {
     focused: boolean;
     handleBlur: () => void;
     handleFocus: () => void;

package/dist/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -1,8 +1,8 @@
 import currency from 'currency.js';
 import { MaskValue } from './useStringMask';
 export declare type CurrencyOptions = currency.Options;
-export declare const getInternalNumberAndMask: (value: string | number, options?: currency.Options | undefined) => {
+export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
     internalNumber: number;
     mergedOptions: CurrencyOptions;
 };
-export declare const useNumberMask: (options?: currency.Options | undefined, defaultValue?: string | number | undefined) => [MaskValue, (value: string | number) => void];
+export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];

package/dist/components/atoms/Input/hooks/useStringMask.d.ts

@@ -5,4 +5,4 @@ export interface MaskValue {
 export declare type MaskType = string | RegExp | Array<RegExp>;
 export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
 export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
-export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number | undefined) => [MaskValue, (text: string | number) => void];
+export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

package/dist/components/atoms/shared/PaperAndCard.d.ts

@@ -1,3 +1,3 @@
 import { StyleProps } from '@tecsinapse/react-core';
-export declare const baseStyles: ({ theme }: any) => any;
+export declare const baseStyles: ({ theme }: StyleProps) => any;
 export declare const elevatedStyles: ({ theme, elevated, }: any) => any;

package/dist/components/molecules/Grid/functions.d.ts

@@ -1,3 +1,3 @@
 import { GridSpacing } from '@tecsinapse/react-core';
-export declare const getGridItemPadding: (pos: any, _spacing: GridSpacing | undefined, themeSpacing: any) => number | undefined;
+export declare const getGridItemPadding: (pos: PaddingPosition, _spacing: GridSpacing | undefined, themeSpacing: Spacing) => number | undefined;
 export declare const getGridItemColumSpan: (columns: number, span: number) => number;

package/dist/utils/ResponsiveFontSize.d.ts

@@ -1,3 +1,3 @@
 export declare const RFPercentage: (percent: number) => number;
 export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
-export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number | undefined) => string;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/esm/components/atoms/BoxContent/styled.d.ts

@@ -1,4 +1,4 @@
-export declare const elevatedStyles: ({ theme }: any) => {
+export declare const elevatedStyles: ({ theme }: StyleProps) => {
     shadowColor: any;
     shadowOffset: {
         width: number;

package/esm/components/atoms/Icon/helpers.d.ts

@@ -1,4 +1,4 @@
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export declare const registerCustomIconType: (id: string, customIcon: any) => void;
-export declare const getIconComponent: (type: any, size: any) => any;
-export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: any, theme: any) => string;
+export declare const getIconComponent: (type: IconType, size: IconSizeType) => any;
+export declare const getIconColor: (colorVariant: ColorType | undefined, colorGradation: ColorGradationType | undefined, fontColor: FontColorType, theme: ThemeProp) => string;

package/esm/components/atoms/Icon/helpers.js

@@ -9,86 +9,84 @@ const getStyledIcon = (Component, size) => styled(Component)`
 const getIconComponent = (type, size) => {
   switch (type) {
     case "zocial":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Zocial')),
-        size
+      const Zocial = lazy(
+        async () => await import('react-native-vector-icons/dist/Zocial')
       );
+      return getStyledIcon(Zocial, size);
     case "octicon":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Octicons')),
-        size
+      const Octicons = lazy(
+        async () => await import('react-native-vector-icons/dist/Octicons')
       );
+      return getStyledIcon(Octicons, size);
     case "material":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),
-        size
+      const Material = lazy(
+        async () => await import('react-native-vector-icons/dist/MaterialIcons')
       );
+      return getStyledIcon(Material, size);
     case "material-community":
-      return getStyledIcon(
-        lazy(
-          () => import('react-native-vector-icons/dist/MaterialCommunityIcons')
-        ),
-        size
+      const MaterialCommunity = lazy(
+        async () => await import('react-native-vector-icons/dist/MaterialCommunityIcons')
       );
+      return getStyledIcon(MaterialCommunity, size);
     case "ionicon":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Ionicons')),
-        size
+      const Ionicons = lazy(
+        async () => await import('react-native-vector-icons/dist/Ionicons')
       );
+      return getStyledIcon(Ionicons, size);
     case "foundation":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Foundation')),
-        size
+      const Foundation = lazy(
+        async () => await import('react-native-vector-icons/dist/Foundation')
       );
+      return getStyledIcon(Foundation, size);
     case "evilicon":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/EvilIcons')),
-        size
+      const EvilIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/EvilIcons')
       );
+      return getStyledIcon(EvilIcons, size);
     case "entypo":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Entypo')),
-        size
+      const Entypo = lazy(
+        async () => await import('react-native-vector-icons/dist/Entypo')
       );
+      return getStyledIcon(Entypo, size);
     case "font-awesome":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/FontAwesome')),
-        size
+      const FontAwesome = lazy(
+        async () => await import('react-native-vector-icons/dist/FontAwesome')
       );
+      return getStyledIcon(FontAwesome, size);
     case "font-awesome-5":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/FontAwesome5')),
-        size
+      const FontAwesome5 = lazy(
+        async () => await import('react-native-vector-icons/dist/FontAwesome5')
       );
+      return getStyledIcon(FontAwesome5, size);
     case "simple-line-icon":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/SimpleLineIcons')),
-        size
+      const SimpleLineIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/SimpleLineIcons')
       );
+      return getStyledIcon(SimpleLineIcons, size);
     case "feather":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Feather')),
-        size
+      const Feather = lazy(
+        async () => await import('react-native-vector-icons/dist/Feather')
       );
+      return getStyledIcon(Feather, size);
     case "antdesign":
     case "ant-design":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/AntDesign')),
-        size
+      const AntDesign = lazy(
+        async () => await import('react-native-vector-icons/dist/AntDesign')
       );
+      return getStyledIcon(AntDesign, size);
     case "fontisto":
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/Fontisto')),
-        size
+      const Fontisto = lazy(
+        async () => await import('react-native-vector-icons/dist/Fontisto')
       );
+      return getStyledIcon(Fontisto, size);
     default:
       if (Object.prototype.hasOwnProperty.call(customIcons, type)) {
         return getStyledIcon(customIcons[type], size);
       }
-      return getStyledIcon(
-        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),
-        size
+      const MaterialIcons = lazy(
+        async () => await import('react-native-vector-icons/dist/MaterialIcons')
       );
+      return getStyledIcon(MaterialIcons, size);
   }
 };
 const getIconColor = (colorVariant, colorGradation, fontColor, theme) => {

package/esm/components/atoms/Icon/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Zocial')),\n        size\n      );\n    case 'octicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Octicons')),\n        size\n      );\n    case 'material':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n    case 'material-community':\n      return getStyledIcon(\n        lazy(\n          () => import('react-native-vector-icons/dist/MaterialCommunityIcons')\n        ),\n        size\n      );\n    case 'ionicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Ionicons')),\n        size\n      );\n    case 'foundation':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Foundation')),\n        size\n      );\n    case 'evilicon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/EvilIcons')),\n        size\n      );\n    case 'entypo':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Entypo')),\n        size\n      );\n    case 'font-awesome':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome')),\n        size\n      );\n    case 'font-awesome-5':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/FontAwesome5')),\n        size\n      );\n    case 'simple-line-icon':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/SimpleLineIcons')),\n        size\n      );\n    case 'feather':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Feather')),\n        size\n      );\n    case 'antdesign':\n    case 'ant-design':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/AntDesign')),\n        size\n      );\n    case 'fontisto':\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/Fontisto')),\n        size\n      );\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      return getStyledIcon(\n        lazy(() => import('react-native-vector-icons/dist/MaterialIcons')),\n        size\n      );\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"helpers.js","sources":["../../../../src/components/atoms/Icon/helpers.ts"],"sourcesContent":["import { lazy } from 'react';\nimport {\n  ColorGradationType,\n  ColorType,\n  FontColorType,\n  IconSizeType,\n  IconType,\n  ThemeProp,\n} from '@tecsinapse/react-core';\nimport styled from '@emotion/native';\n\n/* eslint-disable */\nconst customIcons: any = {};\n\nexport const registerCustomIconType = (id: string, customIcon: any) => {\n  customIcons[id] = customIcon;\n};\n\nconst getStyledIcon = (Component, size) => styled(Component)`\n  font-size: ${({ theme }) => theme.iconSize[size]};\n  text-align: center;\n`;\n\nexport const getIconComponent = (type: IconType, size: IconSizeType): any => {\n  switch (type) {\n    case 'zocial':\n      const Zocial = lazy(\n        async () => await import('react-native-vector-icons/dist/Zocial')\n      );\n      return getStyledIcon(Zocial, size);\n    case 'octicon':\n      const Octicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Octicons')\n      );\n      return getStyledIcon(Octicons, size);\n    case 'material':\n      const Material = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(Material, size);\n    case 'material-community':\n      const MaterialCommunity = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/MaterialCommunityIcons')\n      );\n      return getStyledIcon(MaterialCommunity, size);\n    case 'ionicon':\n      const Ionicons = lazy(\n        async () => await import('react-native-vector-icons/dist/Ionicons')\n      );\n      return getStyledIcon(Ionicons, size);\n    case 'foundation':\n      const Foundation = lazy(\n        async () => await import('react-native-vector-icons/dist/Foundation')\n      );\n      return getStyledIcon(Foundation, size);\n    case 'evilicon':\n      const EvilIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/EvilIcons')\n      );\n      return getStyledIcon(EvilIcons, size);\n    case 'entypo':\n      const Entypo = lazy(\n        async () => await import('react-native-vector-icons/dist/Entypo')\n      );\n      return getStyledIcon(Entypo, size);\n    case 'font-awesome':\n      const FontAwesome = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome')\n      );\n      return getStyledIcon(FontAwesome, size);\n    case 'font-awesome-5':\n      const FontAwesome5 = lazy(\n        async () => await import('react-native-vector-icons/dist/FontAwesome5')\n      );\n      return getStyledIcon(FontAwesome5, size);\n    case 'simple-line-icon':\n      const SimpleLineIcons = lazy(\n        async () =>\n          await import('react-native-vector-icons/dist/SimpleLineIcons')\n      );\n      return getStyledIcon(SimpleLineIcons, size);\n    case 'feather':\n      const Feather = lazy(\n        async () => await import('react-native-vector-icons/dist/Feather')\n      );\n      return getStyledIcon(Feather, size);\n    case 'antdesign':\n    case 'ant-design':\n      const AntDesign = lazy(\n        async () => await import('react-native-vector-icons/dist/AntDesign')\n      );\n      return getStyledIcon(AntDesign, size);\n    case 'fontisto':\n      const Fontisto = lazy(\n        async () => await import('react-native-vector-icons/dist/Fontisto')\n      );\n      return getStyledIcon(Fontisto, size);\n    default:\n      if (Object.prototype.hasOwnProperty.call(customIcons, type)) {\n        return getStyledIcon(customIcons[type], size);\n      }\n      const MaterialIcons = lazy(\n        async () => await import('react-native-vector-icons/dist/MaterialIcons')\n      );\n      return getStyledIcon(MaterialIcons, size);\n  }\n};\n/* eslint-enable */\nexport const getIconColor = (\n  colorVariant: ColorType | undefined,\n  colorGradation: ColorGradationType | undefined,\n  fontColor: FontColorType,\n  theme: ThemeProp\n): string => {\n  if (colorVariant && colorGradation) {\n    return theme.color[colorVariant][colorGradation];\n  }\n  return theme.font.color[fontColor];\n};\n"],"names":[],"mappings":"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"}

package/esm/components/atoms/Input/hooks/useInputFocus.d.ts

@@ -1,4 +1,4 @@
-export declare const useInputFocus: (onFocus?: (() => void) | undefined, onBlur?: (() => void) | undefined, focusEnabled?: boolean) => {
+export declare const useInputFocus: (onFocus?: () => void, onBlur?: () => void, focusEnabled?: boolean) => {
     focused: boolean;
     handleBlur: () => void;
     handleFocus: () => void;

package/esm/components/atoms/Input/hooks/useNumberMask.d.ts

@@ -1,8 +1,8 @@
 import currency from 'currency.js';
 import { MaskValue } from './useStringMask';
 export declare type CurrencyOptions = currency.Options;
-export declare const getInternalNumberAndMask: (value: string | number, options?: currency.Options | undefined) => {
+export declare const getInternalNumberAndMask: (value: string | number, options?: CurrencyOptions) => {
     internalNumber: number;
     mergedOptions: CurrencyOptions;
 };
-export declare const useNumberMask: (options?: currency.Options | undefined, defaultValue?: string | number | undefined) => [MaskValue, (value: string | number) => void];
+export declare const useNumberMask: (options?: CurrencyOptions, defaultValue?: string | number) => [MaskValue, (value: string | number) => void];

package/esm/components/atoms/Input/hooks/useStringMask.d.ts

@@ -5,4 +5,4 @@ export interface MaskValue {
 export declare type MaskType = string | RegExp | Array<RegExp>;
 export declare const mergeMask: (value: string | undefined, mask: MaskType[]) => MaskValue;
 export declare const getMask: (mask: MaskType[] | ((value: string) => MaskType[]), newValue: string) => MaskType[];
-export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number | undefined) => [MaskValue, (text: string | number) => void];
+export declare const useStringMask: (mask: MaskType[] | ((value: string) => MaskType[]), defaultValue?: string | number) => [MaskValue, (text: string | number) => void];

package/esm/components/atoms/shared/PaperAndCard.d.ts

@@ -1,3 +1,3 @@
 import { StyleProps } from '@tecsinapse/react-core';
-export declare const baseStyles: ({ theme }: any) => any;
+export declare const baseStyles: ({ theme }: StyleProps) => any;
 export declare const elevatedStyles: ({ theme, elevated, }: any) => any;

package/esm/components/molecules/Grid/functions.d.ts

@@ -1,3 +1,3 @@
 import { GridSpacing } from '@tecsinapse/react-core';
-export declare const getGridItemPadding: (pos: any, _spacing: GridSpacing | undefined, themeSpacing: any) => number | undefined;
+export declare const getGridItemPadding: (pos: PaddingPosition, _spacing: GridSpacing | undefined, themeSpacing: Spacing) => number | undefined;
 export declare const getGridItemColumSpan: (columns: number, span: number) => number;

package/esm/utils/ResponsiveFontSize.d.ts

@@ -1,3 +1,3 @@
 export declare const RFPercentage: (percent: number) => number;
 export declare const RFValue: (fontSize: number, standardScreenHeight?: number) => number;
-export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number | undefined) => string;
+export declare const RFValueStr: (fontSize: string, standardScreenHeight?: number) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "1.21.0-beta.13+cb2e0a1",
+  "version": "1.21.1-beta.1+a77c737",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "esm/index.js",
@@ -17,10 +17,10 @@
     "yalc:show": "yalc installations show $npm_package_name"
   },
   "dependencies": {
-    "@emotion/native": "^11.10.0",
-    "@emotion/react": "^11.10.0",
-    "currency.js": "^2.0.4",
-    "date-fns": "^2.29.1"
+    "@emotion/native": "~11.10.0",
+    "@emotion/react": "~11.10.0",
+    "currency.js": "~2.0.4",
+    "date-fns": "~2.29.1"
   },
   "repository": {
     "type": "git",
@@ -36,5 +36,5 @@
     "react-native": "^0.64.0",
     "react-native-vector-icons": "^8.1.0 || ^9.0.0"
   },
-  "gitHead": "cb2e0a1873cfc3f45e793b5443297fb6fffce1b5"
+  "gitHead": "a77c73780d3fe6fb6a1538f79f5f58078cd2fefa"
 }