@tecsinapse/react-core 3.4.14-beta.0 → 3.4.15-beta.0

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -1,3 +1,4 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
 import React__default from 'react';
 import { Animated } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
@@ -57,7 +58,7 @@ const Snackbar = ({
       }, timeout + FADE_DURATION);
     }
   }, [open, timeout]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     SnackbarContainer,
     {
       colorVariant,
@@ -67,17 +68,23 @@ const Snackbar = ({
       anchorDistance,
       visible: open,
       style: [{ opacity: fadeAnim }, style],
-      timeout
-    },
-    /* @__PURE__ */ React__default.createElement(StyledContainerFlexRow, null, /* @__PURE__ */ React__default.createElement(ContentContainer, null, leftIcon && /* @__PURE__ */ React__default.createElement(IconContainer, null, /* @__PURE__ */ React__default.createElement(Icon, { ...leftIcon, size: "centi" })), /* @__PURE__ */ React__default.createElement(TextContainer, null, children)), dismissable && /* @__PURE__ */ React__default.createElement(DismissContainer, { effect: "none", onPress: handleDismiss }, /* @__PURE__ */ React__default.createElement(
-      Icon,
-      {
-        ...rightIcon,
-        size: "centi",
-        name: "close",
-        type: "material-community"
-      }
-    )))
+      timeout,
+      children: /* @__PURE__ */ jsxs(StyledContainerFlexRow, { children: [
+        /* @__PURE__ */ jsxs(ContentContainer, { children: [
+          leftIcon && /* @__PURE__ */ jsx(IconContainer, { children: /* @__PURE__ */ jsx(Icon, { ...leftIcon, size: "centi" }) }),
+          /* @__PURE__ */ jsx(TextContainer, { children })
+        ] }),
+        dismissable && /* @__PURE__ */ jsx(DismissContainer, { effect: "none", onPress: handleDismiss, children: /* @__PURE__ */ jsx(
+          Icon,
+          {
+            ...rightIcon,
+            size: "centi",
+            name: "close",
+            type: "material-community"
+          }
+        ) })
+      ] })
+    }
   );
 };
 

package/dist/esm/components/molecules/Snackbar/styled.js

@@ -1,8 +1,9 @@
 import styled, { css } from '@emotion/native';
 import { View } from 'react-native';
-import 'react';
+import 'react/jsx-runtime';
 import '../../atoms/Text/styled.js';
 import '../../atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import '../../atoms/Input/InputElement/InputElement.js';
 import '../../atoms/Input/InputMaskElement/InputMaskElement.js';

package/dist/esm/components/molecules/TextArea/TextArea.js

@@ -1,6 +1,7 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { View } from 'react-native';
 import Hint from '../../atoms/Input/Hint.js';
+import 'react';
 import 'currency.js';
 import Text from '../../atoms/Text/Text.js';
 import '../../atoms/Input/styled.js';
@@ -38,41 +39,46 @@ const TextArea = ({
   if (maxLength && length > maxLength) {
     length = maxLength;
   }
-  const _hint = hintComponent || /* @__PURE__ */ React__default.createElement(Hint, { TextComponent, text: hint, variant });
-  return /* @__PURE__ */ React__default.createElement(View, { style }, /* @__PURE__ */ React__default.createElement(
-    StyledInputContainer,
-    {
-      label,
-      labelColor,
-      labelColorVariant,
-      labelColorTone,
-      labelTypography,
-      labelStack,
-      labelWeight,
-      LabelComponent: TextComponent,
-      leftComponent,
-      rightComponent,
-      borderColor,
-      borderColorGradation,
-      inputContainerStyle,
-      focused,
-      disabled,
-      variant
-    },
-    children,
-    maxLength && /* @__PURE__ */ React__default.createElement(
-      TextComponent,
+  const _hint = hintComponent || /* @__PURE__ */ jsx(Hint, { TextComponent, text: hint, variant });
+  return /* @__PURE__ */ jsxs(View, { style, children: [
+    /* @__PURE__ */ jsxs(
+      StyledInputContainer,
       {
-        colorVariant: "secondary",
-        colorTone: "medium",
-        typography: "label",
-        fontStack: "default",
-        fontWeight: "bold",
-        style: { textAlign: "right" }
-      },
-      `${length}/${maxLength}`
-    )
-  ), hint && _hint);
+        label,
+        labelColor,
+        labelColorVariant,
+        labelColorTone,
+        labelTypography,
+        labelStack,
+        labelWeight,
+        LabelComponent: TextComponent,
+        leftComponent,
+        rightComponent,
+        borderColor,
+        borderColorGradation,
+        inputContainerStyle,
+        focused,
+        disabled,
+        variant,
+        children: [
+          children,
+          maxLength && /* @__PURE__ */ jsx(
+            TextComponent,
+            {
+              colorVariant: "secondary",
+              colorTone: "medium",
+              typography: "label",
+              fontStack: "default",
+              fontWeight: "bold",
+              style: { textAlign: "right" },
+              children: `${length}/${maxLength}`
+            }
+          )
+        ]
+      }
+    ),
+    hint && _hint
+  ] });
 };
 
 export { TextArea as default };

package/dist/esm/components/molecules/TextArea/styled.js

@@ -1,8 +1,9 @@
 import styled from '@emotion/native';
 import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
-import 'react';
+import 'react/jsx-runtime';
 import '../../atoms/Text/styled.js';
 import '../../atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import InputContainer from '../../atoms/Input/InputContainer/InputContainer.js';
 import InputElement from '../../atoms/Input/InputElement/InputElement.js';

package/dist/esm/styles/ThemeProvider.js

@@ -1,11 +1,11 @@
-import React__default from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { ThemeProvider as ThemeProvider$1 } from '@emotion/react';
 
 const ThemeProvider = ({
   theme,
   children
 }) => {
-  return /* @__PURE__ */ React__default.createElement(ThemeProvider$1, { theme }, children);
+  return /* @__PURE__ */ jsx(ThemeProvider$1, { theme, children });
 };
 
 export { ThemeProvider as default };

package/dist/esm/styles/definitions.js

@@ -1,6 +1,7 @@
-import 'react';
+import 'react/jsx-runtime';
 import '../components/atoms/Text/styled.js';
 import '../components/atoms/Input/styled.js';
+import 'react';
 import 'currency.js';
 import '../components/atoms/Input/InputElement/InputElement.js';
 import '../components/atoms/Input/InputMaskElement/InputMaskElement.js';

package/dist/esm/utils/formatWithMask.js

@@ -1,6 +1,7 @@
-import 'react';
+import 'react/jsx-runtime';
 import '../components/atoms/Text/styled.js';
 import '../components/atoms/Input/styled.js';
+import 'react';
 import { getInternalNumberAndMask } from '../components/atoms/Input/hooks/useNumberMask.js';
 import { getMask, mergeMask } from '../components/atoms/Input/hooks/useStringMask.js';
 import '../components/atoms/Input/InputElement/InputElement.js';

package/dist/esm/utils/masks.js

@@ -14,7 +14,10 @@ const Masks = {
     const isCellPhoneExtended = onlyNumbers.length === 11;
     return value?.length <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
   },
-  COMBINED_CPF_CNPJ: (value) => value?.length <= 14 ? Masks.CPF : Masks.CNPJ
+  COMBINED_CPF_CNPJ: (value) => {
+    const onlyNumbers = extractDigitsFromString(value);
+    return onlyNumbers.length <= 11 ? Masks.CPF : Masks.CNPJ;
+  }
 };
 
 export { Masks };

package/dist/types/components/atoms/GroupButton/GroupButton.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { ButtonSizeType } from '../Button';
@@ -29,5 +28,5 @@ export interface GroupButtonProps<T> {
     style?: StyleProp<ViewStyle>;
     disableAllOptions?: boolean;
 }
-declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => React.JSX.Element;
+declare const GroupButton: <T>({ style, ...rest }: GroupButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default GroupButton;

package/dist/types/components/atoms/Icon/AntDesign.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default AntDesign;

package/dist/types/components/atoms/Icon/Entypo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Entypo;

package/dist/types/components/atoms/Icon/Evil.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Evil;

package/dist/types/components/atoms/Icon/Feather.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Feather;

package/dist/types/components/atoms/Icon/FontAwesome.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default FontAwesome;

package/dist/types/components/atoms/Icon/FontAwesomeFive.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default FontAwesomeFive;

package/dist/types/components/atoms/Icon/Fontisto.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Fontisto;

package/dist/types/components/atoms/Icon/Foundation.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Foundation;

package/dist/types/components/atoms/Icon/Ionicon.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Ionicon;

package/dist/types/components/atoms/Icon/Material.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Material;

package/dist/types/components/atoms/Icon/MaterialCommunity.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default MaterialCommunity;

package/dist/types/components/atoms/Icon/Octicon.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Octicon;

package/dist/types/components/atoms/Icon/SimpleLine.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default SimpleLine;

package/dist/types/components/atoms/Icon/Zocial.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { IconInternalProps } from './types';
-declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => React.JSX.Element;
+declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => import("react/jsx-runtime").JSX.Element;
 export default Zocial;

package/dist/types/components/molecules/Calendar/components/MonthWeek.d.ts

@@ -9,5 +9,5 @@ interface IMonthWeek<T extends SelectionType> {
     week: Date[];
     referenceDate: Date;
 }
-declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => React.JSX.Element)>;
+declare const _default: React.MemoExoticComponent<(<T extends SelectionType>({ week, referenceDate, type, value, TextComponent, onChange, }: IMonthWeek<T>) => import("react/jsx-runtime").JSX.Element)>;
 export default _default;

package/dist/types/components/molecules/Calendar/components/SelectYear.d.ts

@@ -8,5 +8,5 @@ export interface SelectYearProps {
     firstYear?: number;
     numColumns?: number;
 }
-declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ currentYear, onSelectYear, TextComponent, yearsToShow, firstYear, numColumns, }: SelectYearProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/types/components/molecules/Calendar/components/Weekdays.d.ts

@@ -4,5 +4,5 @@ interface IWeekdays {
     locale?: Locale;
     Capitalized: React.ElementType;
 }
-declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ calendar, locale, Capitalized }: IWeekdays) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "Core hybrid React components library",
-  "version": "3.4.14-beta.0",
+  "version": "3.4.15-beta.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -35,5 +35,5 @@
     "react-native": ">=0.72.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "6351ddb5b10a5ef01aa4a92bdc909e6aded110e5"
+  "gitHead": "a79fd28902c6a78bc91feb725354c363d29765d5"
 }