@tecsinapse/react-native-kit 3.5.13-beta.0 → 3.5.14-beta.0

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var reactCore = require('@tecsinapse/react-core');
@@ -43,7 +44,7 @@ const SnappingSlider = ({
     const padCompensation = horizontalPadding * Math.sign(index);
     return offset + padCompensation;
   });
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.ScrollView,
     {
       horizontal: true,
@@ -51,24 +52,24 @@ const SnappingSlider = ({
       snapToStart: true,
       snapToEnd: true,
       showsHorizontalScrollIndicator: false,
-      ...rest
-    },
-    React__namespace.Children.map(children, (child, index) => {
-      const isFirst = index === 0;
-      const isLast = index === childCount - 1;
-      return /* @__PURE__ */ React__namespace.createElement(
-        reactNative.View,
-        {
-          style: {
-            width: totalSlideWidth,
-            paddingHorizontal: horizontalPadding,
-            paddingLeft: isFirst ? 0 : horizontalPadding,
-            paddingRight: isLast ? 0 : horizontalPadding
+      ...rest,
+      children: React__namespace.Children.map(children, (child, index) => {
+        const isFirst = index === 0;
+        const isLast = index === childCount - 1;
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          reactNative.View,
+          {
+            style: {
+              width: totalSlideWidth,
+              paddingHorizontal: horizontalPadding,
+              paddingLeft: isFirst ? 0 : horizontalPadding,
+              paddingRight: isLast ? 0 : horizontalPadding
+            },
+            children: child
           }
-        },
-        child
-      );
-    })
+        );
+      })
+    }
   );
 };
 

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

@@ -1,23 +1,23 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var Text = require('../Text/Text.js');
 
 const Tag = ({ value, ...rest }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.Tag,
     {
-      value: /* @__PURE__ */ React.createElement(
+      value: /* @__PURE__ */ jsxRuntime.jsx(
         Text,
         {
           colorVariant: "secondary",
           colorTone: "dark",
           fontStack: "default",
           fontWeight: "bold",
-          typography: rest.variant === "small" ? "sub" : "base"
-        },
-        value
+          typography: rest.variant === "small" ? "sub" : "base",
+          children: value
+        }
       ),
       ...rest
     }

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

@@ -1,10 +1,10 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var styled = require('./styled.js');
 
 const Text = ({ children, ...rest }) => {
-  return /* @__PURE__ */ React.createElement(styled.StyledNativeText, { ...rest }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.StyledNativeText, { ...rest, children });
 };
 
 module.exports = Text;

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var Text = require('../Text/Text.js');
 var styled = require('./styled.js');
@@ -36,7 +36,7 @@ const TextArea = ({
     onBlur,
     !disabled
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.TextArea,
     {
       label,
@@ -60,23 +60,23 @@ const TextArea = ({
       hint,
       style,
       TextComponent: Text,
-      maxLength
-    },
-    /* @__PURE__ */ React.createElement(
-      styled.StyledNativeInput,
-      {
-        ...rest,
-        fontStack: inputFontStack,
-        fontWeight: inputFontWeight,
-        disabled,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        textAlignVertical: "top",
-        multiline: true,
-        value,
-        maxLength
-      }
-    )
+      maxLength,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        styled.StyledNativeInput,
+        {
+          ...rest,
+          fontStack: inputFontStack,
+          fontWeight: inputFontWeight,
+          disabled,
+          onFocus: handleFocus,
+          onBlur: handleBlur,
+          textAlignVertical: "top",
+          multiline: true,
+          value,
+          maxLength
+        }
+      )
+    }
   );
 };
 

package/dist/cjs/components/molecules/Calendar/Calendar.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var date = require('../../../utils/date.js');
 var Text = require('../../atoms/Text/Text.js');
 
@@ -9,7 +9,7 @@ const Calendar = ({
   locale,
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.Calendar,
     {
       ...rest,

package/dist/cjs/components/molecules/DatePicker/DatePicker.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var date = require('../../../utils/date.js');
@@ -44,7 +45,7 @@ const DatePicker = ({
     }
     return void 0;
   }, [value]);
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.DatePicker,
     {
       ...rest,
@@ -58,12 +59,12 @@ const DatePicker = ({
       onChange: handleChange,
       requestShowCalendar: modal.show,
       requestCloseCalendar: modal.close,
-      renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ React.createElement(NativeModal, { onClose: blur }, calendar))
+      renderCalendar: (calendar, blur) => modal.sync(/* @__PURE__ */ jsxRuntime.jsx(NativeModal, { onClose: blur, children: calendar }))
     }
   );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React.createElement(BaseModalView.ModalView, { BoxComponent: styled.CalendarBoxContent, ...others }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseModalView.ModalView, { BoxComponent: styled.CalendarBoxContent, ...others, children });
 };
 
 exports.DatePicker = DatePicker;

package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js

@@ -1,8 +1,9 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var date = require('../../../utils/date.js');
+require('react');
 require('react-native');
 var BaseModalView = require('../../atoms/Modal/ui/BaseModalView.js');
 var useLazyModalManager = require('../../atoms/Modal/useLazyModalManager.js');
@@ -14,12 +15,12 @@ const DateTimePicker = ({
   ...rest
 }) => {
   const modal = useLazyModalManager.useLazyModalManager();
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactCore.DateTimePicker,
     {
       ...rest,
       TextComponent: Text,
-      DateTimeSelectorComponent: (props) => /* @__PURE__ */ React.createElement(
+      DateTimeSelectorComponent: (props) => /* @__PURE__ */ jsxRuntime.jsx(
         reactCore.ControlledDateTimeSelector,
         {
           SelectorComponent: DateTimePickerSelector,
@@ -29,12 +30,12 @@ const DateTimePicker = ({
       locale: locale ?? date.getLocale(),
       requestShowSelector: modal.show,
       requestCloseSelector: modal.close,
-      renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React.createElement(NativeModal, { onClose: blur }, selector))
+      renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ jsxRuntime.jsx(NativeModal, { onClose: blur, children: selector }))
     }
   );
 };
 const NativeModal = ({ children, ...others }) => {
-  return /* @__PURE__ */ React.createElement(BaseModalView.ModalView, { ...others }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(BaseModalView.ModalView, { ...others, children });
 };
 
 exports.DateTimePicker = DateTimePicker;

package/dist/cjs/components/molecules/DateTimePickerSelector/DateTimePickerSelector.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var Button = require('../../atoms/Button/Button.js');
 var reactCore = require('@tecsinapse/react-core');
 var Text = require('../../atoms/Text/Text.js');
@@ -9,25 +9,6 @@ var Calendar = require('../Calendar/Calendar.js');
 var styled = require('./styled.js');
 var date = require('../../../utils/date.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 DateTimePickerSelector = ({
   TextComponent = Text,
   currentMode,
@@ -47,44 +28,51 @@ const DateTimePickerSelector = ({
   minuteLabel,
   ...rest
 }) => {
-  return /* @__PURE__ */ React__namespace.createElement(styled.Root, { ...rest }, /* @__PURE__ */ React__namespace.createElement(styled.Header, null, currentMode === 1 && /* @__PURE__ */ React__namespace.createElement(styled.BackButton, { onPress: handlePressBack }, /* @__PURE__ */ React__namespace.createElement(
-    reactCore.Icon,
-    {
-      type: "material-community",
-      name: "chevron-left",
-      size: "mega",
-      colorVariant: "secondary"
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(TextComponent, { typography: "base", colorVariant: "secondary" }, modalTitle)), isDate ? /* @__PURE__ */ React__namespace.createElement(
-    Calendar.Calendar,
-    {
-      type: "day",
-      value: date$1,
-      onChange: handleCalendarChange,
-      year: date$1.getFullYear(),
-      month: date$1.getMonth()
-    }
-  ) : isMonth ? /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(
-    ScrollableSelector,
-    {
-      onChange: setDate,
-      value: date$1,
-      yearLabel,
-      monthLabel,
-      format: "MM-yyyy",
-      locale: locale ?? date.getLocale()
-    }
-  )) : /* @__PURE__ */ React__namespace.createElement(styled.Content, null, /* @__PURE__ */ React__namespace.createElement(
-    ScrollableSelector,
-    {
-      onChange: setDate,
-      value: date$1,
-      hourLabel,
-      minuteLabel,
-      format: "HH-mm",
-      locale: locale ?? date.getLocale()
-    }
-  )), /* @__PURE__ */ React__namespace.createElement(Button.Button, { color: "primary", onPress: handlePressConfirm }, /* @__PURE__ */ React__namespace.createElement(TextComponent, { fontWeight: "bold", fontColor: "light" }, confirmButtonText || "OK")));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.Root, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(styled.Header, { children: [
+      currentMode === 1 && /* @__PURE__ */ jsxRuntime.jsx(styled.BackButton, { onPress: handlePressBack, children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactCore.Icon,
+        {
+          type: "material-community",
+          name: "chevron-left",
+          size: "mega",
+          colorVariant: "secondary"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { typography: "base", colorVariant: "secondary", children: modalTitle })
+    ] }),
+    isDate ? /* @__PURE__ */ jsxRuntime.jsx(
+      Calendar.Calendar,
+      {
+        type: "day",
+        value: date$1,
+        onChange: handleCalendarChange,
+        year: date$1.getFullYear(),
+        month: date$1.getMonth()
+      }
+    ) : isMonth ? /* @__PURE__ */ jsxRuntime.jsx(styled.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollableSelector,
+      {
+        onChange: setDate,
+        value: date$1,
+        yearLabel,
+        monthLabel,
+        format: "MM-yyyy",
+        locale: locale ?? date.getLocale()
+      }
+    ) }) : /* @__PURE__ */ jsxRuntime.jsx(styled.Content, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      ScrollableSelector,
+      {
+        onChange: setDate,
+        value: date$1,
+        hourLabel,
+        minuteLabel,
+        format: "HH-mm",
+        locale: locale ?? date.getLocale()
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { color: "primary", onPress: handlePressConfirm, children: /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { fontWeight: "bold", fontColor: "light", children: confirmButtonText || "OK" }) })
+  ] });
 };
 
 module.exports = DateTimePickerSelector;

package/dist/cjs/components/molecules/Grid/Grid.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var Item = require('./Item/Item.js');
@@ -14,7 +15,7 @@ const Grid = ({
 }) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       reactNative.View,
       {
         style: [
@@ -25,21 +26,21 @@ const Grid = ({
             flexWrap: "wrap"
           }
         ],
-        ...rest
-      },
-      React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(
-        Item,
-        {
-          key: `child-${index}`,
-          columns,
-          span: flatLayout[index],
-          spacing
-        },
-        child
-      ))
+        ...rest,
+        children: React.Children.map(children, (child, index) => /* @__PURE__ */ jsxRuntime.jsx(
+          Item,
+          {
+            columns,
+            span: flatLayout[index],
+            spacing,
+            children: child
+          },
+          `child-${index}`
+        ))
+      }
     );
   }
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.View,
     {
       style: [
@@ -50,16 +51,16 @@ const Grid = ({
           flexWrap: "wrap"
         }
       ],
-      ...rest
-    },
-    React.Children.map(children, (child, index) => {
-      return React.cloneElement(child, {
-        ...child?.props,
-        columns,
-        spacing: child?.props.spacing ?? spacing,
-        key: `child-${index}`
-      });
-    })
+      ...rest,
+      children: React.Children.map(children, (child, index) => {
+        return React.cloneElement(child, {
+          ...child?.props,
+          columns,
+          spacing: child?.props.spacing ?? spacing,
+          key: `child-${index}`
+        });
+      })
+    }
   );
 };
 

package/dist/cjs/components/molecules/Grid/Item/Item.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var reactCore = require('@tecsinapse/react-core');
@@ -51,7 +52,7 @@ const GridItem = ({
     ...children?.props,
     style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
   });
-  return wrapper ? /* @__PURE__ */ React.createElement(reactNative.View, { ...rest, style: [style, _style] }, clone) : clone;
+  return wrapper ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...rest, style: [style, _style], children: clone }) : clone;
 };
 
 module.exports = GridItem;

package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
-var React = require('react');
 var styled = require('./styled.js');
 var TextComponent = require('./TextComponent.js');
 
@@ -14,31 +14,35 @@ const IconTextButton = ({
   size = "default",
   ...rest
 }) => {
-  return /* @__PURE__ */ React.createElement(styled.StyledIconTextButton, { boxed: !label, variant, ...rest }, iconPosition === "left" ? /* @__PURE__ */ React.createElement(
-    reactCore.IconComponent,
-    {
-      iconProps,
-      size,
-      defaultFontColor: reactCore.fontColorVC[variant]
-    }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null), /* @__PURE__ */ React.createElement(
-    TextComponent,
-    {
-      label,
-      defaultFontColor: reactCore.fontColorVC[variant],
-      hasIcon: !!iconProps,
-      iconPosition,
-      textProps,
-      size
-    }
-  ), iconPosition === "right" ? /* @__PURE__ */ React.createElement(
-    reactCore.IconComponent,
-    {
-      iconProps,
-      size,
-      defaultFontColor: reactCore.fontColorVC[variant]
-    }
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs(styled.StyledIconTextButton, { boxed: !label, variant, ...rest, children: [
+    iconPosition === "left" ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactCore.IconComponent,
+      {
+        iconProps,
+        size,
+        defaultFontColor: reactCore.fontColorVC[variant]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      TextComponent,
+      {
+        label,
+        defaultFontColor: reactCore.fontColorVC[variant],
+        hasIcon: !!iconProps,
+        iconPosition,
+        textProps,
+        size
+      }
+    ),
+    iconPosition === "right" ? /* @__PURE__ */ jsxRuntime.jsx(
+      reactCore.IconComponent,
+      {
+        iconProps,
+        size,
+        defaultFontColor: reactCore.fontColorVC[variant]
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {})
+  ] });
 };
 
 module.exports = IconTextButton;

package/dist/cjs/components/molecules/IconTextButton/TextComponent.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('./styled.js');
 
@@ -11,7 +12,7 @@ const TextComponent = ({
   iconPosition = "left",
   hasIcon = false
 }) => {
-  return label ? /* @__PURE__ */ React.createElement(
+  return label ? /* @__PURE__ */ jsxRuntime.jsx(
     styled.StyledText,
     {
       typography: textProps?.typography ?? size === "small" ? "sub" : "base",
@@ -19,10 +20,10 @@ const TextComponent = ({
       fontColor: textProps?.fontColor ?? defaultFontColor,
       iconPosition,
       hasIcon,
-      ...textProps
-    },
-    label
-  ) : /* @__PURE__ */ React.createElement(React.Fragment, null);
+      ...textProps,
+      children: label
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {});
 };
 var TextComponent$1 = React.memo(TextComponent);
 

package/dist/cjs/components/molecules/IconTextButton/styled.js

@@ -2,8 +2,8 @@
 
 var styled = require('@emotion/native');
 var Button = require('../../atoms/Button/Button.js');
+require('react/jsx-runtime');
 require('@tecsinapse/react-core');
-require('react');
 var Text = require('../../atoms/Text/Text.js');
 
 const boxedStyle = ({ theme }) => `

package/dist/cjs/components/molecules/InputPassword/InputPassword.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var reactCore = require('@tecsinapse/react-core');
 var React = require('react');
 var Input = require('../../atoms/Input/Input.js');
@@ -7,20 +8,23 @@ var Input = require('../../atoms/Input/Input.js');
 const InputPassword = React.forwardRef(
   ({ rightComponent, ...rest }, ref) => {
     const [revealed, setRevealed] = React.useState(false);
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       Input,
       {
         ...rest,
         ref,
         secureTextEntry: !revealed,
-        rightComponent: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          reactCore.InputPasswordIcon,
-          {
-            onChangeState: setRevealed,
-            revealed,
-            effect: "none"
-          }
-        ), rightComponent)
+        rightComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactCore.InputPasswordIcon,
+            {
+              onChangeState: setRevealed,
+              revealed,
+              effect: "none"
+            }
+          ),
+          rightComponent
+        ] })
       }
     );
   }

package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var styled = require('./styled.js');
@@ -14,16 +15,16 @@ const LabelComponent = ({
 }) => {
   const defaultFontColor = active && !switchDisabled ? "dark" : "medium";
   const defaultFontWeight = active && !switchDisabled ? "bold" : "regular";
-  return /* @__PURE__ */ React.createElement(reactNative.Pressable, { ...rest }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(
     styled.StyledLabel,
     {
       labelPosition,
       fontColor: labelProps?.fontColor ?? defaultFontColor,
       fontWeight: labelProps?.fontWeight ?? defaultFontWeight,
-      ...labelProps
-    },
-    label
-  ));
+      ...labelProps,
+      children: label
+    }
+  ) });
 };
 var LabelComponent$1 = React.memo(LabelComponent);