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

package/dist/cjs/components/molecules/DateTimeSelector/Selector.js

@@ -54,7 +54,7 @@ const Selector = ({
   TextComponent,
   ...rest
 }) => {
-  const pressInTimeoutRef = React__namespace.useRef();
+  const pressInTimeoutRef = React__namespace.useRef(void 0);
   const handlePressInNext = (_next) => {
     const daysInMonth = dateFns.getDaysInMonth(referenceDate);
     const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];

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

@@ -22,7 +22,7 @@ const Snackbar = ({
   style
 }) => {
   const fadeAnim = React.useRef(new reactNative.Animated.Value(0)).current;
-  const timeoutRef = React.useRef();
+  const timeoutRef = React.useRef(void 0);
   const fadeIn = () => {
     reactNative.Animated.timing(fadeAnim, {
       toValue: 1,

package/dist/cjs/hooks/useDebouncedState.js

@@ -3,7 +3,7 @@
 var React = require('react');
 
 function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = React.useRef();
+  const timeoutId = React.useRef(void 0);
   const [state, setState] = React.useState(initialState);
   React.useEffect(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);

package/dist/esm/components/molecules/DateTimeSelector/Selector.js

@@ -33,7 +33,7 @@ const Selector = ({
   TextComponent,
   ...rest
 }) => {
-  const pressInTimeoutRef = React.useRef();
+  const pressInTimeoutRef = React.useRef(void 0);
   const handlePressInNext = (_next) => {
     const daysInMonth = getDaysInMonth(referenceDate);
     const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];

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

@@ -20,7 +20,7 @@ const Snackbar = ({
   style
 }) => {
   const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
-  const timeoutRef = React__default.useRef();
+  const timeoutRef = React__default.useRef(void 0);
   const fadeIn = () => {
     Animated.timing(fadeAnim, {
       toValue: 1,

package/dist/esm/hooks/useDebouncedState.js

@@ -1,7 +1,7 @@
 import { useRef, useState, useEffect } from 'react';
 
 function useDebouncedState(initialState, timeoutCallback, timeoutMs = 166) {
-  const timeoutId = useRef();
+  const timeoutId = useRef(void 0);
   const [state, setState] = useState(initialState);
   useEffect(() => {
     if (timeoutId.current) clearTimeout(timeoutId.current);

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

@@ -8,5 +8,5 @@ export interface BadgeProps {
     value: React.ReactNode;
     children?: ReactNode;
 }
-declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
+declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => React.ReactElement;
 export default Badge;

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

@@ -20,9 +20,9 @@ export interface ButtonProps extends PressableSurfaceProps {
     borderRadius?: BorderRadiusType;
     size?: ButtonSizeType;
     state?: ButtonStateType;
-    loadingComponent?: JSX.Element;
-    errorComponent?: JSX.Element;
-    successComponent?: JSX.Element;
+    loadingComponent?: React.ReactNode;
+    errorComponent?: React.ReactNode;
+    successComponent?: React.ReactNode;
 }
 declare const Button: FC<ButtonProps>;
 export default Button;

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

@@ -1,10 +1,10 @@
 import { PressableSurfaceProps } from '../PressableSurface';
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { GestureResponderEvent } from 'react-native';
 import { PaperProps } from '../Paper';
 export interface CardProps extends PaperProps, Omit<PressableSurfaceProps, 'style'> {
     onPress?: null | ((event: GestureResponderEvent) => void);
     children?: ReactNode;
 }
-declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => JSX.Element;
+declare const Card: ({ children, elevated, onPress, ...rest }: CardProps) => React.ReactElement;
 export default Card;

package/dist/types/components/atoms/Card/Footer/Footer.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface FooterProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Footer: ({ children, style }: FooterProps) => JSX.Element;
+declare const Footer: ({ children, style }: FooterProps) => React.ReactElement;
 export default Footer;

package/dist/types/components/atoms/Card/Header/Header.d.ts

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface HeaderProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Header: ({ children, style }: HeaderProps) => JSX.Element;
+declare const Header: ({ children, style }: HeaderProps) => React.ReactElement;
 export default Header;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface CheckboxProps {
@@ -11,5 +11,5 @@ export interface CheckboxProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ children, checked, onChange, color, colorTone, labelPosition, disabled, ...rest }: CheckboxProps) => React.ReactElement;
 export default Checkbox;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { ButtonSizeType } from '../Button';
@@ -22,7 +23,7 @@ export interface GroupButtonProps<T> {
     value: T;
     options: GroupButtonValue<T>[];
     renderKey: (option?: T) => string | number | undefined;
-    renderOption: (option: T, active: boolean) => JSX.Element;
+    renderOption: (option: T, active: boolean) => React.ReactElement;
     onChange: (option: T) => void;
     buttonSize?: ButtonSizeType;
     style?: StyleProp<ViewStyle>;

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

@@ -1,9 +1,9 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { TextProps } from '../Text';
 export interface GroupButtonOptionProps {
     active: boolean;
     description: string;
     TextComponent?: FC<TextProps>;
 }
-declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => JSX.Element;
+declare const GroupButtonOption: ({ TextComponent, active, description, }: GroupButtonOptionProps) => React.ReactElement;
 export default GroupButtonOption;

package/dist/types/components/atoms/Input/InputContainer/InputContainer.d.ts

@@ -1,4 +1,4 @@
-import { FC } from 'react';
+import React, { FC } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { InputElementProps } from '..';
 import { ColorGradationType, ColorType, FontColorType, FontStackType, FontWeightType, TypographyVariationType } from '../../../../types/defaults';
@@ -13,8 +13,8 @@ export interface InputContainerProps {
     labelStack?: FontStackType;
     LabelComponent?: FC<TextProps>;
     labelWeight?: FontWeightType;
-    leftComponent?: JSX.Element;
-    rightComponent?: JSX.Element;
+    leftComponent?: React.ReactNode;
+    rightComponent?: React.ReactNode;
     borderColor?: ColorType;
     borderColorGradation?: ColorGradationType;
     style?: StyleProp<ViewStyle>;
@@ -23,7 +23,7 @@ export interface InputContainerProps {
     disabled?: boolean;
     variant?: InputVariantType;
     hint?: string;
-    hintComponent?: JSX.Element;
+    hintComponent?: React.ReactNode;
     testID?: string;
 }
 declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;

package/dist/types/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { PressableStateCallbackType, StyleProp, ViewStyle } from 'react-native';
 import { InputContainerProps } from '../InputContainer/InputContainer';
 import { ReactNode } from 'react';
@@ -7,5 +8,5 @@ export interface PressableInputContainerProps extends Omit<InputContainerProps,
     style?: StyleProp<ViewStyle> | ((state: PressableStateCallbackType) => StyleProp<ViewStyle>);
     children?: ReactNode;
 }
-declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => JSX.Element;
+declare const PressableInputContainer: ({ onPress, disabled, style, children, ...rest }: PressableInputContainerProps) => React.ReactElement;
 export default PressableInputContainer;

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

@@ -1,9 +1,9 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 export interface PaperProps {
     elevated?: boolean;
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Paper: ({ children, elevated, ...rest }: PaperProps) => JSX.Element;
+declare const Paper: ({ children, elevated, ...rest }: PaperProps) => React.ReactElement;
 export default Paper;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { PressableProps, StyleProp, ViewStyle } from 'react-native';
 export interface PressableSurfaceProps extends PressableProps {
     effect?: 'darken' | 'lighten' | 'none';
@@ -7,5 +7,5 @@ export interface PressableSurfaceProps extends PressableProps {
     effectStyle?: (pressed: boolean) => StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => JSX.Element;
+declare const PressableSurface: ({ children, surfaceColor, effect, effectIntensity, effectStyle, style, ...rest }: PressableSurfaceProps) => React.ReactElement;
 export default PressableSurface;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ViewProps } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface ProgressBarProps extends ViewProps {
@@ -8,5 +9,5 @@ export interface ProgressBarProps extends ViewProps {
     color?: ColorType;
     colorTone?: ColorGradationType;
 }
-declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => React.ReactElement;
 export default ProgressBar;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 export interface RadioButtonProps {
@@ -11,5 +11,5 @@ export interface RadioButtonProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const RadioButton: ({ children, onChange, checked, labelPosition, disabled, color, colorTone, ...rest }: RadioButtonProps) => JSX.Element;
+declare const RadioButton: ({ children, onChange, checked, labelPosition, disabled, color, colorTone, ...rest }: RadioButtonProps) => React.ReactElement;
 export default RadioButton;

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

@@ -18,5 +18,5 @@ export interface CalendarProps<T extends SelectionType> extends ViewProps {
     locale?: Locale;
     selectYearProps?: Omit<SelectYearProps, 'TextComponent' | 'currentYear' | 'onSelectYear'>;
 }
-declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, selectYearProps, ...rest }: CalendarProps<T>): JSX.Element;
+declare function Calendar<T extends SelectionType>({ TextComponent, year: _year, month: _month, value, type, onChange, locale, selectYearProps, ...rest }: CalendarProps<T>): React.ReactElement;
 export default Calendar;

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

@@ -6,5 +6,5 @@ interface MemoizedYearCardProps {
     onPress: () => void;
     TextComponent: React.FC<TextProps>;
 }
-declare const MemoizedYearCard: React.MemoExoticComponent<({ year, isSelected, onPress, TextComponent, }: MemoizedYearCardProps) => JSX.Element>;
+declare const MemoizedYearCard: React.MemoExoticComponent<({ year, isSelected, onPress, TextComponent, }: MemoizedYearCardProps) => React.ReactElement>;
 export default MemoizedYearCard;

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

@@ -3,7 +3,7 @@ import { InputContainerProps } from '../../atoms/Input';
 import { TextProps } from '../../atoms/Text';
 import { CalendarProps, SelectionType } from '../Calendar';
 export interface DatePickerProps<T extends SelectionType> extends InputContainerProps, Omit<CalendarProps<T>, 'style'> {
-    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    controlComponent?: (onPress: () => void, displayValue?: string) => React.ReactElement;
     TextComponent?: React.FC<TextProps>;
     CalendarComponent: React.FC<CalendarProps<T>>;
     placeholder?: string;
@@ -11,9 +11,9 @@ export interface DatePickerProps<T extends SelectionType> extends InputContainer
     onBlur?: () => void | never;
     format?: string;
     closeOnPick?: boolean;
-    renderCalendar: (calendar: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    renderCalendar: (calendar: React.ReactElement, blur?: () => void) => React.ReactElement | null;
     requestShowCalendar: () => void;
     requestCloseCalendar: () => void;
 }
-declare function DatePicker<T extends SelectionType>({ month, year, onChange, value, type, format, placeholder, onFocus, onBlur, disabled, controlComponent, hintComponent, hint, variant, TextComponent, CalendarComponent, rightComponent, style, locale, closeOnPick, renderCalendar, requestShowCalendar, requestCloseCalendar, ...rest }: DatePickerProps<T>): JSX.Element;
+declare function DatePicker<T extends SelectionType>({ month, year, onChange, value, type, format, placeholder, onFocus, onBlur, disabled, controlComponent, hintComponent, hint, variant, TextComponent, CalendarComponent, rightComponent, style, locale, closeOnPick, renderCalendar, requestShowCalendar, requestCloseCalendar, ...rest }: DatePickerProps<T>): React.ReactElement;
 export default DatePicker;

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

@@ -3,13 +3,13 @@ import { InputContainerProps } from '../../atoms/Input';
 import { TextProps } from '../../atoms/Text';
 import { DateTimeSelectorProps } from '../DateTimeSelector';
 export interface DateTimePickerProps extends InputContainerProps, Omit<DateTimeSelectorProps, 'style'> {
-    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    controlComponent?: (onPress: () => void, displayValue?: string) => React.ReactElement;
     TextComponent?: React.FC<TextProps>;
     DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;
     placeholder?: string;
     onFocus?: () => void | never;
     onBlur?: () => void | never;
-    renderSelector: (selector: React.ReactElement, blur?: () => void) => JSX.Element | null;
+    renderSelector: (selector: React.ReactElement, blur?: () => void) => React.ReactElement | null;
     requestShowSelector: () => void;
     requestCloseSelector: () => void;
 }

package/dist/types/components/molecules/Grid/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SpacingType } from '../../../types/defaults';
 export interface IGrid {
-    children: JSX.Element[];
+    children: React.ReactNode[];
     layout?: number[][];
     columns?: number;
     spacing?: SpacingType | {

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

@@ -9,9 +9,9 @@ export interface HintInputContainerProps extends PressableInputContainerProps {
     onPress?: () => void | never;
     disabled?: boolean;
     hint?: string;
-    hintComponent?: JSX.Element;
+    hintComponent?: React.ReactNode;
     variant?: InputVariantType;
-    rightComponent?: JSX.Element;
+    rightComponent?: React.ReactNode;
 }
 declare const HintInputContainer: React.FC<HintInputContainerProps>;
 export default HintInputContainer;

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

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { IconProps } from '../../atoms/Icon';
@@ -17,5 +17,5 @@ export interface SnackbarProps {
     style?: StyleProp<ViewStyle>;
     children?: ReactNode;
 }
-declare const Snackbar: ({ children, open, onClose, dismissable, timeout, leftIcon, colorTone, colorVariant, rightIcon, anchor, anchorDistance, style, }: SnackbarProps) => JSX.Element;
+declare const Snackbar: ({ children, open, onClose, dismissable, timeout, leftIcon, colorTone, colorVariant, rightIcon, anchor, anchorDistance, style, }: SnackbarProps) => React.ReactElement;
 export default Snackbar;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "Core hybrid React components library",
-  "version": "3.4.15-beta.0",
+  "version": "3.4.15-beta.1",
   "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": "a79fd28902c6a78bc91feb725354c363d29765d5"
+  "gitHead": "31f09f066e7f7ee57e2736d0124f2aeb667c78a9"
 }