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

package/dist/cjs/components/atoms/Icon/Zocial.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var MaterialCommunityRNVI = require('react-native-vector-icons/dist/Zocial');
 var styled = require('./styled.js');
 
 const Zocial = ({ size, color, name, ...rest }) => {
   const Icon = styled.getStyledIcon(MaterialCommunityRNVI, size);
-  return /* @__PURE__ */ React.createElement(Icon, { ...rest, name, color });
+  return /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...rest, name, color });
 };
 
 module.exports = Zocial;

package/dist/cjs/components/atoms/Input/Hint.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Text = require('../Text/Text.js');
 var styled = require('./styled.js');
 
@@ -20,15 +20,18 @@ const Hint = ({ variant, text, TextComponent = Text }) => {
       icon = "checkmark-circle-outline";
       break;
   }
-  return /* @__PURE__ */ React.createElement(styled.StyledHintContainer, null, icon && /* @__PURE__ */ React.createElement(
-    styled.StyledHintIcon,
-    {
-      name: icon,
-      type: "ionicon",
-      size: "centi",
-      colorVariant: color
-    }
-  ), /* @__PURE__ */ React.createElement(TextComponent, { typography: "label", colorVariant: color }, text));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.StyledHintContainer, { children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx(
+      styled.StyledHintIcon,
+      {
+        name: icon,
+        type: "ionicon",
+        size: "centi",
+        colorVariant: color
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { typography: "label", colorVariant: color, children: text })
+  ] });
 };
 
 module.exports = Hint;

package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Text = require('../../Text/Text.js');
 var styled = require('../styled.js');
 
@@ -27,44 +27,48 @@ const InputContainer = ({
   if (variant === "success") _defaultLabelColor = "success";
   const _labelColorVariant = disabled ? "secondary" : _defaultLabelColor;
   const _labelColorTone = disabled ? "light" : labelColorTone;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     styled.StyledInputContainer,
     {
       ...rest,
       style: inputContainerStyle,
       focused,
-      disabled
-    },
-    /* @__PURE__ */ React.createElement(
-      styled.StyledBorderKeeper,
-      {
-        focused,
-        disabled,
-        borderColor: _defaultLabelColor
-      }
-    ),
-    leftComponent && /* @__PURE__ */ React.createElement(styled.StyledIconContent, null, leftComponent),
-    /* @__PURE__ */ React.createElement(
-      styled.StyledLabelContainer,
-      {
-        leftComponent,
-        rightComponent
-      },
-      label && /* @__PURE__ */ React.createElement(
-        LabelComponent,
-        {
-          fontColor: labelColor,
-          colorTone: _labelColorTone,
-          colorVariant: _labelColorVariant,
-          typography: labelTypography,
-          fontWeight: labelWeight,
-          fontStack: labelStack
-        },
-        label
-      ),
-      children
-    ),
-    rightComponent && /* @__PURE__ */ React.createElement(styled.StyledIconContent, null, rightComponent)
+      disabled,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          styled.StyledBorderKeeper,
+          {
+            focused,
+            disabled,
+            borderColor: _defaultLabelColor
+          }
+        ),
+        leftComponent && /* @__PURE__ */ jsxRuntime.jsx(styled.StyledIconContent, { children: leftComponent }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          styled.StyledLabelContainer,
+          {
+            leftComponent,
+            rightComponent,
+            children: [
+              label && /* @__PURE__ */ jsxRuntime.jsx(
+                LabelComponent,
+                {
+                  fontColor: labelColor,
+                  colorTone: _labelColorTone,
+                  colorVariant: _labelColorVariant,
+                  typography: labelTypography,
+                  fontWeight: labelWeight,
+                  fontStack: labelStack,
+                  children: label
+                }
+              ),
+              children
+            ]
+          }
+        ),
+        rightComponent && /* @__PURE__ */ jsxRuntime.jsx(styled.StyledIconContent, { children: rightComponent })
+      ]
+    }
   );
 };
 

package/dist/cjs/components/atoms/Input/InputElement/InputElement.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('../styled.js');
 var useTheme = require('../../../../hooks/useTheme.js');
@@ -15,7 +16,7 @@ const InputElement = React.forwardRef(
   }, ref) => {
     const theme = useTheme.useTheme();
     const _placeholderColor = placeholderTextColor || theme.font?.color?.dark;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       styled.StyledInputElement,
       {
         ...rest,

package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 var React = require('react');
 var styled = require('../styled.js');
@@ -53,7 +54,7 @@ const InputMaskElement = React.forwardRef(
         onChangeValue(value);
       }
     }, [value]);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       styled.StyledInputElement,
       {
         ...rest,

package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js

@@ -1,28 +1,9 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var InputContainer = require('../InputContainer/InputContainer.js');
 var styled = require('./styled.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-
 const PressableInputContainer = ({
   onPress,
   disabled,
@@ -30,7 +11,7 @@ const PressableInputContainer = ({
   children,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__namespace.createElement(styled.StyledPressableSurface, { onPress, disabled, style }, /* @__PURE__ */ React__namespace.createElement(InputContainer, { disabled, ...rest }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledPressableSurface, { onPress, disabled, style, children: /* @__PURE__ */ jsxRuntime.jsx(InputContainer, { disabled, ...rest, children }) });
 };
 
 module.exports = PressableInputContainer;

package/dist/cjs/components/atoms/Paper/Paper.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var styled = require('./styled.js');
 
 const Paper = ({
   children,
   elevated = false,
   ...rest
-}) => /* @__PURE__ */ React.createElement(styled.StyledPaper, { ...rest, elevated }, children);
+}) => /* @__PURE__ */ jsxRuntime.jsx(styled.StyledPaper, { ...rest, elevated, children });
 
 module.exports = Paper;

package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js

@@ -1,10 +1,11 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
-var React = require('react');
 var reactNative = require('react-native');
 require('../Text/styled.js');
 require('../Input/styled.js');
+require('react');
 require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');
@@ -33,7 +34,7 @@ const PressableSurface = ({
     effectBaseColor,
     bgColor
   );
-  return /* @__PURE__ */ React.createElement(reactNative.Pressable, { ...rest, style: readyStyle }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { ...rest, style: readyStyle, children });
 };
 const prepareStyle = (props, effectColor, bgColor) => {
   const {

package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
 require('../Text/styled.js');
 require('../Input/styled.js');
+require('react');
 require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');
@@ -33,27 +34,27 @@ const ProgressBar = ({
     const minmax = (totalProgress - min) / (max - min);
     const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
     const progressPercent = `${width}%`;
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       styled.Segment,
       {
-        key: index,
         style: {
           borderRightWidth: index == segments - 1 ? 0 : 2
-        }
-      },
-      /* @__PURE__ */ React.createElement(
-        styled.Progress,
-        {
-          style: {
-            width: progressPercent,
-            backgroundColor: theme.color[color][colorTone],
-            borderRightWidth: width > 0 && width < 100 ? 2 : 0
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          styled.Progress,
+          {
+            style: {
+              width: progressPercent,
+              backgroundColor: theme.color[color][colorTone],
+              borderRightWidth: width > 0 && width < 100 ? 2 : 0
+            }
           }
-        }
-      )
+        )
+      },
+      index
     );
   });
-  return /* @__PURE__ */ React.createElement(styled.Container, { ...rest }, segmentsRender);
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.Container, { ...rest, children: segmentsRender });
 };
 
 module.exports = ProgressBar;

package/dist/cjs/components/atoms/ProgressBar/styled.js

@@ -1,9 +1,10 @@
 'use strict';
 
 var styled = require('@emotion/native');
-require('react');
+require('react/jsx-runtime');
 require('../Text/styled.js');
 require('../Input/styled.js');
+require('react');
 require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');

package/dist/cjs/components/atoms/RadioButton/RadioButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactNative = require('react-native');
 var Icon = require('../Icon/Icon.js');
 var styled = require('./styled.js');
@@ -18,32 +18,37 @@ const RadioButton = ({
   const handleChange = () => {
     onChange?.(!checked);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.Pressable,
     {
       ...rest,
       disabled,
       onPress: handleChange,
-      accessibilityRole: "radio"
-    },
-    /* @__PURE__ */ React.createElement(styled.ViewStyled, null, labelPosition === "left" && children, checked && /* @__PURE__ */ React.createElement(styled.IconViewStyled, null, /* @__PURE__ */ React.createElement(styled.IconWrapper, null, /* @__PURE__ */ React.createElement(styled.ScaledView, null, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        name: "circle",
-        colorVariant: color,
-        colorTone,
-        type: "material-community",
-        size: "centi"
-      }
-    )))), !checked && /* @__PURE__ */ React.createElement(styled.IconViewStyled, null, /* @__PURE__ */ React.createElement(styled.IconWrapper, null, /* @__PURE__ */ React.createElement(styled.ScaledView, null, /* @__PURE__ */ React.createElement(
-      Icon,
-      {
-        name: "circle",
-        fontColor: "light",
-        type: "material-community",
-        size: "centi"
-      }
-    )))), labelPosition === "right" && children)
+      accessibilityRole: "radio",
+      children: /* @__PURE__ */ jsxRuntime.jsxs(styled.ViewStyled, { children: [
+        labelPosition === "left" && children,
+        checked && /* @__PURE__ */ jsxRuntime.jsx(styled.IconViewStyled, { children: /* @__PURE__ */ jsxRuntime.jsx(styled.IconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(styled.ScaledView, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "circle",
+            colorVariant: color,
+            colorTone,
+            type: "material-community",
+            size: "centi"
+          }
+        ) }) }) }),
+        !checked && /* @__PURE__ */ jsxRuntime.jsx(styled.IconViewStyled, { children: /* @__PURE__ */ jsxRuntime.jsx(styled.IconWrapper, { children: /* @__PURE__ */ jsxRuntime.jsx(styled.ScaledView, { children: /* @__PURE__ */ jsxRuntime.jsx(
+          Icon,
+          {
+            name: "circle",
+            fontColor: "light",
+            type: "material-community",
+            size: "centi"
+          }
+        ) }) }) }),
+        labelPosition === "right" && children
+      ] })
+    }
   );
 };
 

package/dist/cjs/components/atoms/Switch/Switch.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var react = require('@emotion/react');
 var React = require('react');
 var reactNative = require('react-native');
@@ -59,27 +60,27 @@ const Switch = ({
     const translate = calculateTranslate();
     animation.transitionSwitch(active, translate, transitionValue, animatedColor);
   };
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     PressableSurface,
     {
       ...rest,
       onPress: handleChange,
       effect: "none",
-      disabled
-    },
-    /* @__PURE__ */ React.createElement(
-      styled.StyledSwitchContent,
-      {
-        onLayout: handleSwitchLayout,
-        style: { backgroundColor: interpolateColor }
-      },
-      /* @__PURE__ */ React.createElement(
-        styled.StyledSwitch,
+      disabled,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        styled.StyledSwitchContent,
         {
-          style: [dotStyle, { transform: [{ translateX: transitionValue }] }]
+          onLayout: handleSwitchLayout,
+          style: { backgroundColor: interpolateColor },
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            styled.StyledSwitch,
+            {
+              style: [dotStyle, { transform: [{ translateX: transitionValue }] }]
+            }
+          )
         }
       )
-    )
+    }
   );
 };
 

package/dist/cjs/components/atoms/Switch/styled.js

@@ -2,9 +2,10 @@
 
 var styled = require('@emotion/native');
 var reactNative = require('react-native');
-require('react');
+require('react/jsx-runtime');
 require('../Text/styled.js');
 require('../Input/styled.js');
+require('react');
 require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');

package/dist/cjs/components/atoms/Tag/Tag.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var PressableSurface = require('../PressableSurface/PressableSurface.js');
@@ -31,7 +32,7 @@ const Tag = ({
     fadeOut();
     setTimeout(() => setDismiss(true), duration);
   }, [onDismiss]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxs(
     styled.StyledTagContainer,
     {
       backgroundColorTone,
@@ -39,26 +40,28 @@ const Tag = ({
       variant,
       style: [{ opacity: fadeAnim }, style],
       visible: !dismiss,
-      ...rest
-    },
-    icon && /* @__PURE__ */ React.createElement(
-      styled.StyledLeftIcon,
-      {
-        size: icon.size || "micro",
-        colorVariant: icon.colorVariant || "primary",
-        ...icon
-      }
-    ),
-    value,
-    canDismiss && /* @__PURE__ */ React.createElement(PressableSurface, { onPress: handleDismiss }, /* @__PURE__ */ React.createElement(
-      styled.StyledCloseIcon,
-      {
-        name: "close-outline",
-        type: "ionicon",
-        size: "centi",
-        fontColor: "medium"
-      }
-    ))
+      ...rest,
+      children: [
+        icon && /* @__PURE__ */ jsxRuntime.jsx(
+          styled.StyledLeftIcon,
+          {
+            size: icon.size || "micro",
+            colorVariant: icon.colorVariant || "primary",
+            ...icon
+          }
+        ),
+        value,
+        canDismiss && /* @__PURE__ */ jsxRuntime.jsx(PressableSurface, { onPress: handleDismiss, children: /* @__PURE__ */ jsxRuntime.jsx(
+          styled.StyledCloseIcon,
+          {
+            name: "close-outline",
+            type: "ionicon",
+            size: "centi",
+            fontColor: "medium"
+          }
+        ) })
+      ]
+    }
   );
 };
 

package/dist/cjs/components/atoms/Text/Text.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var styled = require('./styled.js');
 var functions = require('./functions.js');
 
@@ -18,7 +18,7 @@ const Text = ({
   capitalFirst = false,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     styled.StyledColoredText,
     {
       ...rest,
@@ -30,9 +30,9 @@ const Text = ({
       typography,
       numberOfLines,
       ellipsizeMode,
-      textTransform
-    },
-    functions.getLabel(children, capitalFirst)
+      textTransform,
+      children: functions.getLabel(children, capitalFirst)
+    }
   );
 };