@tecsinapse/react-native-kit 3.5.15-beta.0 → 3.5.15-beta.1

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

@@ -27,16 +27,19 @@ const Grid = ({
           }
         ],
         ...rest,
-        children: React.Children.map(children, (child, index) => /* @__PURE__ */ jsxRuntime.jsx(
-          Item,
-          {
-            columns,
-            span: flatLayout[index],
-            spacing,
-            children: child
-          },
-          `child-${index}`
-        ))
+        children: React.Children.map(children, (child, index) => {
+          const content = React.isValidElement(child) ? child : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: child });
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            Item,
+            {
+              columns,
+              span: flatLayout[index],
+              spacing,
+              children: content
+            },
+            `child-${index}`
+          );
+        })
       }
     );
   }
@@ -53,12 +56,16 @@ const Grid = ({
       ],
       ...rest,
       children: React.Children.map(children, (child, index) => {
-        return React.cloneElement(child, {
-          ...child?.props,
-          columns,
-          spacing: child?.props.spacing ?? spacing,
-          key: `child-${index}`
-        });
+        if (React.isValidElement(child)) {
+          const childEl = child;
+          return React.cloneElement(childEl, {
+            ...childEl.props,
+            columns,
+            spacing: childEl.props?.spacing ?? spacing,
+            key: `child-${index}`
+          });
+        }
+        return child;
       })
     }
   );

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

@@ -48,10 +48,14 @@ const GridItem = ({
     paddingRight: reactCore.getGridItemPadding("right", _spacing, spacing),
     paddingLeft: reactCore.getGridItemPadding("left", _spacing, spacing)
   };
-  const clone = React.cloneElement(children, {
-    ...children?.props,
-    style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
-  });
+  let clone = void 0;
+  if (React.isValidElement(children)) {
+    const childEl = children;
+    clone = React.cloneElement(childEl, {
+      ...childEl.props,
+      style: wrapper ? childEl.props?.style : { ..._style, ...childEl.props?.style }
+    });
+  }
   return wrapper ? /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { ...rest, style: [style, _style], children: clone }) : clone;
 };
 

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

@@ -1,4 +1,4 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import React__default from 'react';
 import { View } from 'react-native';
 import GridItem from './Item/Item.js';
@@ -25,16 +25,19 @@ const Grid = ({
           }
         ],
         ...rest,
-        children: React__default.Children.map(children, (child, index) => /* @__PURE__ */ jsx(
-          GridItem,
-          {
-            columns,
-            span: flatLayout[index],
-            spacing,
-            children: child
-          },
-          `child-${index}`
-        ))
+        children: React__default.Children.map(children, (child, index) => {
+          const content = React__default.isValidElement(child) ? child : /* @__PURE__ */ jsx(Fragment, { children: child });
+          return /* @__PURE__ */ jsx(
+            GridItem,
+            {
+              columns,
+              span: flatLayout[index],
+              spacing,
+              children: content
+            },
+            `child-${index}`
+          );
+        })
       }
     );
   }
@@ -51,12 +54,16 @@ const Grid = ({
       ],
       ...rest,
       children: React__default.Children.map(children, (child, index) => {
-        return React__default.cloneElement(child, {
-          ...child?.props,
-          columns,
-          spacing: child?.props.spacing ?? spacing,
-          key: `child-${index}`
-        });
+        if (React__default.isValidElement(child)) {
+          const childEl = child;
+          return React__default.cloneElement(childEl, {
+            ...childEl.props,
+            columns,
+            spacing: childEl.props?.spacing ?? spacing,
+            key: `child-${index}`
+          });
+        }
+        return child;
       })
     }
   );

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

@@ -46,10 +46,14 @@ const GridItem = ({
     paddingRight: getGridItemPadding("right", _spacing, spacing),
     paddingLeft: getGridItemPadding("left", _spacing, spacing)
   };
-  const clone = React__default.cloneElement(children, {
-    ...children?.props,
-    style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
-  });
+  let clone = void 0;
+  if (React__default.isValidElement(children)) {
+    const childEl = children;
+    clone = React__default.cloneElement(childEl, {
+      ...childEl.props,
+      style: wrapper ? childEl.props?.style : { ..._style, ...childEl.props?.style }
+    });
+  }
   return wrapper ? /* @__PURE__ */ jsx(View, { ...rest, style: [style, _style], children: clone }) : clone;
 };
 

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

@@ -6,7 +6,7 @@ export interface BottomNavigatorProps<T extends string | number | symbol> extend
     onSelect: (value: T) => void | never;
     children: React.ReactElement<BottomNavigatorItemProps<T>> | React.ReactElement<BottomNavigatorItemProps<T>>[];
 }
-declare function BottomNavigator<T extends string | number | symbol>({ selected, onSelect, children, ...rest }: BottomNavigatorProps<T>): JSX.Element;
+declare function BottomNavigator<T extends string | number | symbol>({ selected, onSelect, children, ...rest }: BottomNavigatorProps<T>): React.ReactElement;
 declare namespace BottomNavigator {
     var Item: typeof import("./Item").default;
 }

package/dist/types/components/atoms/BottomNavigator/Item.d.ts

@@ -14,6 +14,6 @@ export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<View
 }
 type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
 type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
-declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): any;
-declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): any;
+declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): React.ReactElement;
+declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): React.ReactElement;
 export default Item;

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

@@ -1,3 +1,4 @@
 import { GroupButtonOptionProps } from '@tecsinapse/react-core';
-declare const GroupButtonOption: (props: GroupButtonOptionProps) => JSX.Element;
+import React from 'react';
+declare const GroupButtonOption: (props: GroupButtonOptionProps) => React.ReactElement;
 export default GroupButtonOption;

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

@@ -1,2 +1,3 @@
 import { CalendarProps, SelectionType } from '@tecsinapse/react-core';
-export declare const Calendar: <T extends SelectionType>({ locale, ...rest }: CalendarProps<T>) => JSX.Element;
+import React from 'react';
+export declare const Calendar: <T extends SelectionType>({ locale, ...rest }: CalendarProps<T>) => React.ReactElement;

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

@@ -1,3 +1,4 @@
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
+import React from 'react';
 export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
-export declare const DatePicker: <T extends SelectionType>({ locale, onChange, value, type, ...rest }: NativeDatePickerProps<T>) => JSX.Element;
+export declare const DatePicker: <T extends SelectionType>({ locale, onChange, value, type, ...rest }: NativeDatePickerProps<T>) => React.ReactElement;

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

@@ -1,5 +1,6 @@
+import React from 'react';
 import { ViewProps } from 'react-native';
 import { IGrid } from '@tecsinapse/react-core';
 export type IGridNative = IGrid & Omit<ViewProps, 'children'>;
-declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
+declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => React.ReactElement;
 export default Grid;

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { DimensionValue, ViewProps } from 'react-native';
 import { IGridItem } from '@tecsinapse/react-core';
 export type IGridItemNative = IGridItem & Omit<ViewProps, 'children'> & {
     flexBasis?: DimensionValue;
 };
-declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
+declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => React.ReactElement;
 export default GridItem;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SelectNativeProps, SelectType } from './types';
-declare function Select<Data, Type extends SelectType>(props: SelectNativeProps<Data, Type>): JSX.Element;
+declare function Select<Data, Type extends SelectType>(props: SelectNativeProps<Data, Type>): React.ReactElement;
 export default Select;

package/dist/types/components/molecules/Select/components/Flat.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BaseFlatList } from '../types';
-declare const Flat: <Data>({ options, keyExtractor, renderItem, getData, }: BaseFlatList<Data>) => JSX.Element;
+declare const Flat: <Data>({ options, keyExtractor, renderItem, getData, }: BaseFlatList<Data>) => React.ReactElement;
 export default Flat;

package/dist/types/components/molecules/Select/components/Modal.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IBaseModal } from '../../../atoms/Modal';
 import { LoadingProps, OverrideModalProps, SelectType } from '../types';
-export declare const Modal: <Data, Type extends SelectType>(props: OverrideModalProps<Data, Type> & LoadingProps & IBaseModal) => JSX.Element;
+export declare const Modal: <Data, Type extends SelectType>(props: OverrideModalProps<Data, Type> & LoadingProps & IBaseModal) => React.ReactElement;

package/dist/types/components/molecules/Select/components/Option.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { OptionData, SelectType } from '../types';
 interface IOption<Data> {
     item: OptionData<Data>;
@@ -5,5 +6,5 @@ interface IOption<Data> {
     labelExtractor: (t: Data) => string;
     handlePressItem: (t: Data) => void;
 }
-declare const Component: <Data>({ handlePressItem, labelExtractor, item, type, }: IOption<Data>) => JSX.Element;
+declare const Component: <Data>({ handlePressItem, labelExtractor, item, type, }: IOption<Data>) => React.ReactElement;
 export default Component;

package/dist/types/components/molecules/Select/components/Section.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BaseSectionList } from '../types';
-declare const Section: <Data>({ options, renderItem, getData, keyExtractor, groupLabelExtractor, }: BaseSectionList<Data>) => JSX.Element;
+declare const Section: <Data>({ options, renderItem, getData, keyExtractor, groupLabelExtractor, }: BaseSectionList<Data>) => React.ReactElement;
 export default Section;

package/dist/types/components/molecules/Select/hooks/useModal.d.ts

@@ -20,19 +20,19 @@ declare const useModal: <Data, Type extends SelectType>({ keyExtractor, labelExt
     labelStack?: import("@tecsinapse/react-core").FontStackType | undefined;
     LabelComponent?: React.FC<import("@tecsinapse/react-core").TextProps> | undefined;
     labelWeight?: import("@tecsinapse/react-core").FontWeightType | undefined;
-    leftComponent?: JSX.Element | undefined;
-    rightComponent?: JSX.Element | undefined;
+    leftComponent?: React.ReactNode;
+    rightComponent?: React.ReactNode;
     borderColorGradation?: import("@tecsinapse/react-core").ColorGradationType | undefined;
     inputContainerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     hint?: string | undefined;
-    hintComponent?: JSX.Element | undefined;
-    controlComponent?: ((onPress: () => void, displayValue?: string) => JSX.Element) | undefined;
+    hintComponent?: React.ReactNode;
+    controlComponent?: ((onPress: () => void, displayValue?: string) => React.ReactElement) | undefined;
     confirmButtonText?: string | undefined;
     groupLabelExtractor?: ((title: string) => string) | undefined;
     hideSearchBar?: boolean | undefined;
     searchBarPlaceholder?: string | undefined;
     selectModalTitle?: string | undefined;
-    selectModalTitleComponent?: JSX.Element | undefined;
+    selectModalTitleComponent?: React.ReactNode;
     options: Data[] | Map<string, Data[]>;
     loading?: boolean;
     visible?: boolean;

package/dist/types/components/molecules/Select/hooks/useSelect.d.ts

@@ -7,9 +7,9 @@ declare const useSelect: <Data, Type extends SelectType>({ value, options, keyEx
     searchBarPlaceholder?: string;
     confirmButtonText?: string;
     selectModalTitle?: string;
-    selectModalTitleComponent?: JSX.Element;
+    selectModalTitleComponent?: React.ReactNode;
     closeOnPick?: boolean;
-    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    controlComponent?: (onPress: () => void, displayValue?: string) => React.ReactElement;
     numberOfLines?: number;
     style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     testID?: string | undefined;
@@ -22,13 +22,13 @@ declare const useSelect: <Data, Type extends SelectType>({ value, options, keyEx
     labelStack?: import("@tecsinapse/react-core").FontStackType | undefined;
     LabelComponent?: React.FC<import("@tecsinapse/react-core").TextProps> | undefined;
     labelWeight?: import("@tecsinapse/react-core").FontWeightType | undefined;
-    leftComponent?: JSX.Element | undefined;
-    rightComponent?: JSX.Element | undefined;
+    leftComponent?: React.ReactNode;
+    rightComponent?: React.ReactNode;
     borderColorGradation?: import("@tecsinapse/react-core").ColorGradationType | undefined;
     inputContainerStyle?: import("react-native").StyleProp<import("react-native").ViewStyle>;
     focused: boolean;
     hint?: string | undefined;
-    hintComponent?: JSX.Element | undefined;
+    hintComponent?: React.ReactNode;
     handleBlur: () => void;
     handlePressInput: () => Promise<void>;
     getDisplayValue: () => string;

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

@@ -25,13 +25,13 @@ export interface SelectNativeProps<Data, Type extends SelectType> extends Omit<I
     searchBarPlaceholder?: string;
     confirmButtonText?: string;
     selectModalTitle?: string;
-    selectModalTitleComponent?: JSX.Element;
+    selectModalTitleComponent?: React.ReactNode;
     closeOnPick?: boolean;
-    controlComponent?: (onPress: () => void, displayValue?: string) => JSX.Element;
+    controlComponent?: (onPress: () => void, displayValue?: string) => React.ReactElement;
     numberOfLines?: number;
 }
 type BaseList<Data> = {
-    renderItem: (item: ListRenderItemInfo<OptionData<Data>>) => JSX.Element;
+    renderItem: (item: ListRenderItemInfo<OptionData<Data>>) => React.ReactElement;
     getData: (options: Data[]) => OptionData<Data>[];
     keyExtractor: Extractor<Data>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-native-kit",
   "description": "React Native components library",
-  "version": "3.5.15-beta.0",
+  "version": "3.5.15-beta.1",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -18,7 +18,7 @@
   "dependencies": {
     "@emotion/native": "~11.11.0",
     "@emotion/react": "~11.11.0",
-    "@tecsinapse/react-core": "3.4.15-beta.0",
+    "@tecsinapse/react-core": "3.4.15-beta.1",
     "react-native-linear-gradient": "~2.8.3"
   },
   "devDependencies": {
@@ -40,5 +40,5 @@
     "react-native-safe-area-context": "^4.0.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "a79fd28902c6a78bc91feb725354c363d29765d5"
+  "gitHead": "31f09f066e7f7ee57e2736d0124f2aeb667c78a9"
 }