@tecsinapse/react-core 3.4.10 → 3.4.11

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

@@ -5,10 +5,10 @@ var React = require('react');
 var reactNative = require('react-native');
 var Icon = require('../../atoms/Icon/Icon.js');
 var Text = require('../../atoms/Text/Text.js');
-var styled = require('./styled.js');
 var Weekdays = require('./components/Weekdays.js');
 var MonthWeek = require('./components/MonthWeek.js');
 var SelectYear = require('./components/SelectYear.js');
+var styled = require('./styled.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var dateFns = require('date-fns');
+var React = require('react');
 var styled = require('../styled.js');
 
 const MonthWeek = ({
@@ -17,7 +17,7 @@ const MonthWeek = ({
       if (type !== "range" || !_value) return false;
       else {
         const { lowest, highest } = _value;
-        if (!highest) return false;
+        if (!highest || !lowest) return false;
         return dateFns.compareAsc(lowest, date) <= 0 && dateFns.compareAsc(highest, date) >= 0;
       }
     },
@@ -28,7 +28,7 @@ const MonthWeek = ({
       if (!_value) return false;
       else if (type === "range" && _value) {
         const { lowest, highest } = _value;
-        return dateFns.isSameDay(lowest, date) || (highest ? dateFns.isSameDay(highest, date) : false);
+        return (lowest ? dateFns.isSameDay(lowest, date) : false) || (highest ? dateFns.isSameDay(highest, date) : false);
       } else {
         return dateFns.isSameDay(_value, date);
       }
@@ -44,7 +44,7 @@ const MonthWeek = ({
       } else {
         let newValue;
         const { lowest, highest } = _value;
-        if (!highest) {
+        if (!highest && lowest) {
           if (dateFns.compareAsc(date, lowest) === -1) {
             newValue = { lowest: date, highest: void 0 };
           } else if (dateFns.compareAsc(date, lowest) === 0) {
@@ -52,7 +52,7 @@ const MonthWeek = ({
           } else {
             newValue = { lowest, highest: date };
           }
-        } else {
+        } else if (lowest && highest) {
           if (dateFns.compareAsc(date, lowest) === -1) {
             newValue = { lowest: date, highest: void 0 };
           } else if (dateFns.compareAsc(date, lowest) === 0) {
@@ -78,7 +78,7 @@ const MonthWeek = ({
     let isRangeStart, isRangeEnd;
     if (type === "range" && value) {
       const { lowest, highest } = value;
-      isRangeStart = highest && dateFns.isSameDay(lowest, date);
+      isRangeStart = lowest && dateFns.isSameDay(lowest, date);
       isRangeEnd = !!highest && dateFns.isSameDay(highest, date);
     } else {
       isRangeStart = false;

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

@@ -73,11 +73,11 @@ function DatePicker({
       return dateFns.format(value, format, { locale });
     } else {
       const { lowest, highest } = value;
-      if (highest)
+      if (highest && lowest) {
         return `${dateFns.format(lowest, format, {
           locale
         })} - ${dateFns.format(highest, format, { locale })}`;
-      else return placeholder;
+      } else return placeholder;
     }
   };
   const StyledText = styled.getStyledTextComponent(TextComponent);

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

@@ -4,10 +4,10 @@ import { useRef } from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
 import Text from '../../atoms/Text/Text.js';
-import { getCapitalizedTextComponent, TitleContainer, Control, Content } from './styled.js';
 import Weekdays from './components/Weekdays.js';
 import MonthWeek from './components/MonthWeek.js';
 import SelectYear from './components/SelectYear.js';
+import { getCapitalizedTextComponent, TitleContainer, Control, Content } from './styled.js';
 
 const now = set(/* @__PURE__ */ new Date(), {
   date: 1,

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

@@ -1,5 +1,5 @@
-import React__default from 'react';
 import { compareAsc, isSameDay } from 'date-fns';
+import React__default from 'react';
 import { Week, Cell, Selected } from '../styled.js';
 
 const MonthWeek = ({
@@ -15,7 +15,7 @@ const MonthWeek = ({
       if (type !== "range" || !_value) return false;
       else {
         const { lowest, highest } = _value;
-        if (!highest) return false;
+        if (!highest || !lowest) return false;
         return compareAsc(lowest, date) <= 0 && compareAsc(highest, date) >= 0;
       }
     },
@@ -26,7 +26,7 @@ const MonthWeek = ({
       if (!_value) return false;
       else if (type === "range" && _value) {
         const { lowest, highest } = _value;
-        return isSameDay(lowest, date) || (highest ? isSameDay(highest, date) : false);
+        return (lowest ? isSameDay(lowest, date) : false) || (highest ? isSameDay(highest, date) : false);
       } else {
         return isSameDay(_value, date);
       }
@@ -42,7 +42,7 @@ const MonthWeek = ({
       } else {
         let newValue;
         const { lowest, highest } = _value;
-        if (!highest) {
+        if (!highest && lowest) {
           if (compareAsc(date, lowest) === -1) {
             newValue = { lowest: date, highest: void 0 };
           } else if (compareAsc(date, lowest) === 0) {
@@ -50,7 +50,7 @@ const MonthWeek = ({
           } else {
             newValue = { lowest, highest: date };
           }
-        } else {
+        } else if (lowest && highest) {
           if (compareAsc(date, lowest) === -1) {
             newValue = { lowest: date, highest: void 0 };
           } else if (compareAsc(date, lowest) === 0) {
@@ -76,7 +76,7 @@ const MonthWeek = ({
     let isRangeStart, isRangeEnd;
     if (type === "range" && value) {
       const { lowest, highest } = value;
-      isRangeStart = highest && isSameDay(lowest, date);
+      isRangeStart = lowest && isSameDay(lowest, date);
       isRangeEnd = !!highest && isSameDay(highest, date);
     } else {
       isRangeStart = false;

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

@@ -53,11 +53,11 @@ function DatePicker({
       return format(value, format$1, { locale });
     } else {
       const { lowest, highest } = value;
-      if (highest)
+      if (highest && lowest) {
         return `${format(lowest, format$1, {
           locale
         })} - ${format(highest, format$1, { locale })}`;
-      else return placeholder;
+      } else return placeholder;
     }
   };
   const StyledText = getStyledTextComponent(TextComponent);

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

@@ -4,7 +4,7 @@ import { TextProps } from '../../atoms/Text';
 import { SelectYearProps } from './components';
 export type SelectionType = 'range' | 'day';
 export type DateRange = {
-    lowest: Date;
+    lowest?: Date;
     highest?: Date;
 };
 export type Value<T extends SelectionType> = T extends 'range' ? DateRange : Date;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SelectionType, Value } from '../Calendar';
 import { TextProps } from '../../../atoms/Text';
+import { SelectionType, Value } from '../Calendar';
 interface IMonthWeek<T extends SelectionType> {
     TextComponent: React.FC<TextProps>;
     onChange?: (value?: any) => void | never;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "Core hybrid React components library",
-  "version": "3.4.10",
+  "version": "3.4.11",
   "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": "2fd6c7cff12e455461dcf7ffebc8893e6565bea3"
+  "gitHead": "462acf763979e604128ca358efbfdd82b98bc8f9"
 }