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

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
 var React = require('react');
 var reactNative = require('react-native');
@@ -104,84 +105,93 @@ function Calendar({
     },
     [referenceDate]
   );
-  return /* @__PURE__ */ React__namespace.createElement(reactNative.View, { ...rest }, /* @__PURE__ */ React__namespace.createElement(styled.TitleContainer, null, /* @__PURE__ */ React__namespace.createElement(
-    styled.Control,
-    {
-      onPress: handlePressPrev,
-      align: "start",
-      disabled: showSelectYear,
-      isLeft: true
-    },
-    /* @__PURE__ */ React__namespace.createElement(
-      Icon,
+  return /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { ...rest, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(styled.TitleContainer, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        styled.Control,
+        {
+          onPress: handlePressPrev,
+          align: "start",
+          disabled: showSelectYear,
+          isLeft: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              name: "chevron-left",
+              type: "material-community",
+              size: "kilo",
+              colorVariant: "secondary",
+              colorTone: "medium"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(reactNative.TouchableOpacity, { onPress: handlePressSelectYear, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Capitalized,
+        {
+          colorVariant: "secondary",
+          colorTone: "xdark",
+          fontWeight: "bold",
+          children: dateFns.format(referenceDate, "MMMM yyyy", { locale })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        styled.Control,
+        {
+          onPress: handlePressNext,
+          align: "end",
+          disabled: showSelectYear,
+          isRight: true,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            Icon,
+            {
+              name: "chevron-right",
+              type: "material-community",
+              size: "kilo",
+              colorVariant: "secondary",
+              colorTone: "medium"
+            }
+          )
+        }
+      )
+    ] }),
+    showSelectYear ? /* @__PURE__ */ jsxRuntime.jsx(styled.Content, { height: calendarHeightRef.current, children: /* @__PURE__ */ jsxRuntime.jsx(
+      SelectYear,
       {
-        name: "chevron-left",
-        type: "material-community",
-        size: "kilo",
-        colorVariant: "secondary",
-        colorTone: "medium"
+        currentYear: referenceDate.getFullYear(),
+        onSelectYear: handleSelectYear,
+        TextComponent,
+        ...selectYearProps
       }
-    )
-  ), /* @__PURE__ */ React__namespace.createElement(reactNative.TouchableOpacity, { onPress: handlePressSelectYear }, /* @__PURE__ */ React__namespace.createElement(
-    Capitalized,
-    {
-      colorVariant: "secondary",
-      colorTone: "xdark",
-      fontWeight: "bold"
-    },
-    dateFns.format(referenceDate, "MMMM yyyy", { locale })
-  )), /* @__PURE__ */ React__namespace.createElement(
-    styled.Control,
-    {
-      onPress: handlePressNext,
-      align: "end",
-      disabled: showSelectYear,
-      isRight: true
-    },
-    /* @__PURE__ */ React__namespace.createElement(
-      Icon,
+    ) }) : /* @__PURE__ */ jsxRuntime.jsxs(
+      styled.Content,
       {
-        name: "chevron-right",
-        type: "material-community",
-        size: "kilo",
-        colorVariant: "secondary",
-        colorTone: "medium"
+        onLayout: (e) => calendarHeightRef.current = e.nativeEvent.layout.height,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Weekdays,
+            {
+              locale,
+              calendar,
+              Capitalized
+            }
+          ),
+          calendar.map((week, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            MonthWeek,
+            {
+              week,
+              type,
+              value,
+              onChange,
+              TextComponent,
+              referenceDate
+            },
+            `week-${index}`
+          ))
+        ]
       }
     )
-  )), showSelectYear ? /* @__PURE__ */ React__namespace.createElement(styled.Content, { height: calendarHeightRef.current }, /* @__PURE__ */ React__namespace.createElement(
-    SelectYear,
-    {
-      currentYear: referenceDate.getFullYear(),
-      onSelectYear: handleSelectYear,
-      TextComponent,
-      ...selectYearProps
-    }
-  )) : /* @__PURE__ */ React__namespace.createElement(
-    styled.Content,
-    {
-      onLayout: (e) => calendarHeightRef.current = e.nativeEvent.layout.height
-    },
-    /* @__PURE__ */ React__namespace.createElement(
-      Weekdays,
-      {
-        locale,
-        calendar,
-        Capitalized
-      }
-    ),
-    calendar.map((week, index) => /* @__PURE__ */ React__namespace.createElement(
-      MonthWeek,
-      {
-        week,
-        type,
-        value,
-        key: `week-${index}`,
-        onChange,
-        TextComponent,
-        referenceDate
-      }
-    ))
-  ));
+  ] });
 }
 
 module.exports = Calendar;

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('../styled.js');
 
@@ -9,23 +10,23 @@ const MemoizedYearCard = React.memo(
     isSelected,
     onPress,
     TextComponent
-  }) => /* @__PURE__ */ React.createElement(
+  }) => /* @__PURE__ */ jsxRuntime.jsx(
     styled.YearCard,
     {
       id: String(year),
-      key: year,
       isSelected,
-      onPress
+      onPress,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        TextComponent,
+        {
+          colorVariant: isSelected ? "primary" : "secondary",
+          colorTone: "xdark",
+          typography: "sub",
+          children: year
+        }
+      )
     },
-    /* @__PURE__ */ React.createElement(
-      TextComponent,
-      {
-        colorVariant: isSelected ? "primary" : "secondary",
-        colorTone: "xdark",
-        typography: "sub"
-      },
-      year
-    )
+    year
   )
 );
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
 var React = require('react');
 var styled = require('../styled.js');
@@ -72,7 +73,7 @@ const MonthWeek = ({
     },
     [onChange, type]
   );
-  return /* @__PURE__ */ React.createElement(styled.Week, null, week.map((date, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.Week, { children: week.map((date, index) => {
     const isSelected = checkIfIsSelected(date, value);
     const isBetween = checkIfIsBetween(date, value);
     let isRangeStart, isRangeEnd;
@@ -85,21 +86,21 @@ const MonthWeek = ({
       isRangeEnd = false;
     }
     const colorTone = isSelected ? "xlight" : date.getMonth() === referenceDate.getMonth() ? "xdark" : "light";
-    return /* @__PURE__ */ React.createElement(
+    return /* @__PURE__ */ jsxRuntime.jsx(
       styled.Cell,
       {
-        key: date.getDate(),
         selected: isSelected,
         highlighted: isBetween,
         isLineEnd: index === 6,
         isLineStart: index === 0,
         isRangeStart,
         isRangeEnd,
-        onPress: handlePressCell(date, value)
+        onPress: handlePressCell(date, value),
+        children: /* @__PURE__ */ jsxRuntime.jsx(styled.Selected, { selected: isSelected, pointerEvents: "none", children: /* @__PURE__ */ jsxRuntime.jsx(TextComponent, { colorVariant: "secondary", colorTone, children: date.getDate() }) })
       },
-      /* @__PURE__ */ React.createElement(styled.Selected, { selected: isSelected, pointerEvents: "none" }, /* @__PURE__ */ React.createElement(TextComponent, { colorVariant: "secondary", colorTone }, date.getDate()))
+      date.getDate()
     );
-  }));
+  }) });
 };
 var MonthWeek$1 = React.memo(MonthWeek);
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactNative = require('react-native');
 var Text = require('../../../atoms/Text/Text.js');
@@ -31,7 +32,7 @@ const SelectYear = ({
   }, [currentYear, firstYear, numColumns]);
   const yearCardHeight = ResponsiveFontSize.RFValue(Number(theme.typography.base.fontSize.slice(0, -2))) + 2 * ResponsiveFontSize.RFValue(Number(theme.spacing.deca.slice(0, -2)));
   const yearCardsBuilder = React.useCallback(
-    (item) => /* @__PURE__ */ React.createElement(
+    (item) => /* @__PURE__ */ jsxRuntime.jsx(
       MemoizedYearCard,
       {
         year: item.item,
@@ -42,7 +43,7 @@ const SelectYear = ({
     ),
     [currentYear, onSelectYear]
   );
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     reactNative.FlatList,
     {
       data: years,

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

@@ -1,24 +1,25 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var styled = require('../styled.js');
 var dateFns = require('date-fns');
 
 const Weekdays = ({ calendar, locale, Capitalized }) => {
-  return /* @__PURE__ */ React.createElement(styled.Week, null, calendar[0].map((date) => /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(styled.Week, { children: calendar[0].map((date) => /* @__PURE__ */ jsxRuntime.jsx(
     styled.Cell,
     {
-      key: date.getDate(),
       selected: false,
       highlighted: false,
       isLineEnd: false,
       isLineStart: false,
       isRangeStart: false,
       isRangeEnd: false,
-      pointerEvents: "none"
+      pointerEvents: "none",
+      children: /* @__PURE__ */ jsxRuntime.jsx(Capitalized, { colorVariant: "secondary", colorTone: "medium", children: dateFns.format(date, "EEE", { locale }).slice(0, 3) })
     },
-    /* @__PURE__ */ React.createElement(Capitalized, { colorVariant: "secondary", colorTone: "medium" }, dateFns.format(date, "EEE", { locale }).slice(0, 3))
-  )));
+    date.getDate()
+  )) });
 };
 var Weekdays$1 = React.memo(Weekdays);
 

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 function _interopNamespaceDefault(e) {
@@ -57,7 +58,7 @@ const ControlledDateTimeSelector = ({
   const handlePressBack = () => {
     setCurrentMode(0);
   };
-  return /* @__PURE__ */ React__namespace.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsx(
     SelectorComponent,
     {
       ...rest,

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

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
 var React = require('react');
 var Text = require('../../atoms/Text/Text.js');
@@ -94,7 +95,7 @@ function DatePicker({
       if (lowest && highest) setTimeout(handleRequestCloseCalendar, 200);
     }
   }, [value, closeOnPick, type, handleRequestCloseCalendar]);
-  const calendar = /* @__PURE__ */ React__namespace.createElement(
+  const calendar = /* @__PURE__ */ jsxRuntime.jsx(
     CalendarComponent,
     {
       pointerEvents: "box-none",
@@ -106,22 +107,28 @@ function DatePicker({
       locale
     }
   );
-  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, controlComponent ? controlComponent(handleShowCalendar, getDisplayValue()) : /* @__PURE__ */ React__namespace.createElement(
-    HintInputContainer,
-    {
-      focused,
-      viewStyle: style,
-      onPress: handleShowCalendar,
-      disabled,
-      hintComponent,
-      LabelComponent: TextComponent,
-      variant,
-      hint,
-      rightComponent: /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(styled.CalendarIcon, { name: "calendar-sharp", type: "ionicon", size: "centi" }), rightComponent),
-      ...rest
-    },
-    /* @__PURE__ */ React__namespace.createElement(StyledText, { fontWeight: "bold", disabled }, getDisplayValue() || " ")
-  ), renderCalendar(calendar, handleBlur));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    controlComponent ? controlComponent(handleShowCalendar, getDisplayValue()) : /* @__PURE__ */ jsxRuntime.jsx(
+      HintInputContainer,
+      {
+        focused,
+        viewStyle: style,
+        onPress: handleShowCalendar,
+        disabled,
+        hintComponent,
+        LabelComponent: TextComponent,
+        variant,
+        hint,
+        rightComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(styled.CalendarIcon, { name: "calendar-sharp", type: "ionicon", size: "centi" }),
+          rightComponent
+        ] }),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(StyledText, { fontWeight: "bold", disabled, children: getDisplayValue() || " " })
+      }
+    ),
+    renderCalendar(calendar, handleBlur)
+  ] });
 }
 
 module.exports = DatePicker;

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

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

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

@@ -1,11 +1,12 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var dateFns = require('date-fns');
-var React = require('react');
 var Text = require('../../atoms/Text/Text.js');
 require('../../atoms/Input/styled.js');
 var useInputFocus = require('../../atoms/Input/hooks/useInputFocus.js');
 require('currency.js');
+require('react');
 require('../../atoms/Input/InputElement/InputElement.js');
 require('../../atoms/Input/InputMaskElement/InputMaskElement.js');
 require('../../atoms/Input/PressableInputContainer/styled.js');
@@ -14,25 +15,6 @@ var DateTimeSelector = require('../DateTimeSelector/DateTimeSelector.js');
 var HintInputContainer = require('../HintInputContainer/HintInputContainer.js');
 var styled$1 = 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 DateTimePicker = ({
   onChange,
   value,
@@ -88,7 +70,7 @@ const DateTimePicker = ({
   const StyledDateTimeSelector = styled$1.getStyledDateTimeSelector(
     DateTimeSelectorComponent
   );
-  const dateTimeSelector = /* @__PURE__ */ React__namespace.createElement(
+  const dateTimeSelector = /* @__PURE__ */ jsxRuntime.jsx(
     StyledDateTimeSelector,
     {
       value,
@@ -112,22 +94,28 @@ const DateTimePicker = ({
       onChange: handleChoosing
     }
   );
-  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, controlComponent ? controlComponent(handleShowSelector, displayValue) : /* @__PURE__ */ React__namespace.createElement(
-    HintInputContainer,
-    {
-      focused,
-      viewStyle: style,
-      onPress: handleShowSelector,
-      disabled,
-      LabelComponent: TextComponent,
-      variant,
-      hint,
-      hintComponent,
-      rightComponent: /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, /* @__PURE__ */ React__namespace.createElement(styled.CalendarIcon, { name: "calendar-sharp", type: "ionicon", size: "centi" }), rightComponent),
-      ...rest
-    },
-    /* @__PURE__ */ React__namespace.createElement(StyledText, { fontWeight: "bold", disabled }, displayValue)
-  ), renderSelector(dateTimeSelector, handleBlur));
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    controlComponent ? controlComponent(handleShowSelector, displayValue) : /* @__PURE__ */ jsxRuntime.jsx(
+      HintInputContainer,
+      {
+        focused,
+        viewStyle: style,
+        onPress: handleShowSelector,
+        disabled,
+        LabelComponent: TextComponent,
+        variant,
+        hint,
+        hintComponent,
+        rightComponent: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(styled.CalendarIcon, { name: "calendar-sharp", type: "ionicon", size: "centi" }),
+          rightComponent
+        ] }),
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(StyledText, { fontWeight: "bold", disabled, children: displayValue })
+      }
+    ),
+    renderSelector(dateTimeSelector, handleBlur)
+  ] });
 };
 
 module.exports = DateTimePicker;