@janiscommerce/ui-native 1.9.0 → 1.10.0

package/dist/components/{LayoutWithBottomButtons → molecules/LayoutWithBottomButtons}/utils/index.js

@@ -1,12 +1,13 @@
-import { moderateScale, scaledForDevice } from '../../../scale';
-import { palette } from '../../../theme/palette';
+import { moderateScale, scaledForDevice } from '../../../../scale';
+import { palette } from '../../../../theme/palette';
 export const validVariants = {
     squared: 'squared',
     rounded: 'rounded',
+    roundedOnTop: 'roundedOnTop',
     default: 'squared',
 };
 const buttonVariantStyles = (variant) => ({
-    ...(variant === 'rounded' && {
+    ...((variant === 'rounded' || variant === 'roundedOnTop') && {
         borderRadius: scaledForDevice(48, moderateScale),
         height: scaledForDevice(48, moderateScale),
     }),
@@ -27,6 +28,9 @@ export const buttonWrapperVariantStyles = (variant) => ({
     ...(variant === 'rounded' && {
         padding: scaledForDevice(16, moderateScale),
     }),
+    ...(variant === 'roundedOnTop' && {
+        padding: scaledForDevice(16, moderateScale),
+    }),
 });
 const validWidth = (width) => {
     if (typeof width === 'number' && !Number.isNaN(width)) {
@@ -43,7 +47,7 @@ export const parseButtonsStyles = (buttons, variant) => {
     }
     const currentVariant = validVariants[variant] || validVariants.default;
     const newButtons = [...buttons].slice(0, 3);
-    const areButtonsRounded = currentVariant === validVariants.rounded;
+    const areButtonsRounded = currentVariant === validVariants.rounded || currentVariant === validVariants.roundedOnTop;
     if (newButtons.length === 3 && areButtonsRounded) {
         const parsedButtons = newButtons.map((btn, idx) => {
             const { backgroundColor, pressedColor } = getBackgroundColor(btn);
@@ -73,17 +77,26 @@ export const parseButtonsStyles = (buttons, variant) => {
         return parsedButtons;
     }
     if (newButtons.length === 2 && areButtonsRounded) {
+        let isThereAnOnlyIconBtn = false;
         const parsedButtons = newButtons.map((btn, idx) => {
             const { backgroundColor, pressedColor } = getBackgroundColor(btn);
-            if (idx === 0 && btn.width === '100%') {
+            if (!isThereAnOnlyIconBtn) {
+                isThereAnOnlyIconBtn = !!btn.icon && !btn.value;
+            }
+            if (idx === 0) {
                 return {
                     ...btn,
                     pressedColor,
                     style: {
                         ...btn?.style,
                         backgroundColor,
-                        width: btn.width,
-                        marginBottom: scaledForDevice(10, moderateScale),
+                        width: isThereAnOnlyIconBtn
+                            ? 'auto'
+                            : currentVariant === 'roundedOnTop'
+                                ? '100%'
+                                : '58%',
+                        paddingHorizontal: scaledForDevice(24, moderateScale),
+                        marginBottom: scaledForDevice(currentVariant === 'roundedOnTop' ? 8 : 0, moderateScale),
                         ...buttonVariantStyles(currentVariant),
                     },
                 };
@@ -94,7 +107,7 @@ export const parseButtonsStyles = (buttons, variant) => {
                 style: {
                     ...btn?.style,
                     backgroundColor,
-                    width: validWidth(btn.width) ?? '49%',
+                    width: currentVariant === 'roundedOnTop' ? '100%' : isThereAnOnlyIconBtn ? '75%' : '40%',
                     ...buttonVariantStyles(currentVariant),
                 },
             };

package/dist/components/molecules/MainCardList/index.d.ts

@@ -0,0 +1,14 @@
+import { FC, ReactNode } from 'react';
+import { ViewProps } from 'react-native';
+export interface Block {
+    component: ReactNode;
+    hasSeparator?: boolean;
+}
+export interface MainCardListProps extends ViewProps {
+    displayId: string;
+    children?: ReactNode;
+    blocks?: Block[];
+    isSelected?: boolean;
+}
+declare const MainCardList: FC<MainCardListProps>;
+export default MainCardList;

package/dist/components/molecules/MainCardList/index.js

@@ -0,0 +1,60 @@
+import BaseCardList from '../../atoms/BaseCardList';
+import Text from '../../atoms/Text';
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { palette } from '../../../theme/palette';
+const MainCardList = ({ displayId, children, blocks, isSelected, style, ...props }) => {
+    if (!displayId || typeof displayId !== 'string') {
+        return null;
+    }
+    const styles = StyleSheet.create({
+        innerContainer: {},
+        blockContainer: {
+            marginTop: 12,
+            paddingTop: 12,
+        },
+        blockWithSeparator: {
+            borderTopWidth: 1,
+            borderTopColor: palette.white.main,
+        },
+        displayIdText: {
+            fontFamily: 'Roboto',
+            fontWeight: '700',
+            fontSize: 18,
+            color: palette.black.main,
+        },
+        selectedDisplayIdText: {
+            color: palette.primary.main,
+        },
+        childrenContainer: {
+            marginTop: 4,
+        },
+    });
+    const renderBlocks = () => {
+        if (!blocks || !Array.isArray(blocks) || !blocks.length) {
+            return null;
+        }
+        return blocks.map((block, idx) => {
+            const { component, hasSeparator = true } = block;
+            const activeBlockStyles = [
+                styles.blockContainer,
+                hasSeparator && styles.blockWithSeparator,
+            ].filter(Boolean);
+            return (<View key={idx} style={activeBlockStyles}>
+					{component}
+				</View>);
+        });
+    };
+    const activeDisplayIdStyles = [
+        styles.displayIdText,
+        isSelected && styles.selectedDisplayIdText,
+    ].filter(Boolean);
+    return (<BaseCardList isSelected={isSelected} style={style && style} {...props}>
+			<View>
+				<Text style={activeDisplayIdStyles}>{displayId}</Text>
+				{children && <View style={styles.childrenContainer}>{children}</View>}
+				<View>{renderBlocks()}</View>
+			</View>
+		</BaseCardList>);
+};
+export default MainCardList;

package/dist/components/{ProgressBar → molecules/ProgressBar}/index.js

@@ -1,9 +1,9 @@
 /* istanbul ignore file */
 import React, { useEffect, useRef } from 'react';
 import { View, StyleSheet, Animated, Easing } from 'react-native';
-import { palette } from '../../theme/palette';
+import { palette } from '../../../theme/palette';
 import { getBarColor, getPercentage } from './utils';
-import { moderateScale, scaledForDevice } from '../../scale';
+import { moderateScale, scaledForDevice } from '../../../scale';
 const ProgressBar = ({ value, totalValue, isAnimated = false, duration = 300, style, ...props }) => {
     const { white } = palette;
     const widthAnimation = useRef(new Animated.Value(0)).current;

package/dist/components/{ProgressBar → molecules/ProgressBar}/utils/index.js

@@ -1,4 +1,4 @@
-import { palette } from '../../../theme/palette';
+import { palette } from '../../../../theme/palette';
 const THRESHOLD = {
     warning: 25,
     alert: 50,

package/dist/components/{Select → molecules/Select}/Components/Dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { DropdownMeasures } from '../..';
+import { DropdownMeasures } from '../../';
 export interface DropdownProps {
     show: boolean;
     setShow: (isShowed: boolean) => void;

package/dist/components/{Select → molecules/Select}/Components/Modal/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Modal as ModalComponent, StyleSheet, View } from 'react-native';
-import { base } from '../../../../theme/palette';
-import { moderateScale, scaledForDevice } from '../../../../scale';
+import { base } from '../../../../../theme/palette';
+import { moderateScale, scaledForDevice } from '../../../../../scale';
 import Button from '../../../Button';
 const Modal = ({ show, setShow, isMulti, modalAcceptText, children }) => {
     const validBottom = scaledForDevice(20, moderateScale);

package/dist/components/{Select → molecules/Select}/Components/Options/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CustomOptionComponent, DropdownMeasures, Option, VariantOptions } from '../..';
+import { CustomOptionComponent, DropdownMeasures, Option, VariantOptions } from '../../';
 interface OptionsProps {
     variantOptions: VariantOptions;
     dropdownMeasures: DropdownMeasures;

package/dist/components/{Select → molecules/Select}/Components/Options/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { View, StyleSheet, TouchableOpacity, ScrollView, Text } from 'react-native';
-import { base, black, grey, primary, white } from '../../../../theme/palette';
+import { base, black, grey, primary, white } from '../../../../../theme/palette';
 import SwitcherComponent from '../SwitcherComponent';
 const Options = (props) => {
     const { variantOptions, dropdownMeasures, isShowedOptions, setIsShowedOptions, filteredOptions, callbackOption, selectedOptions, noOptionsMessage, optionStyles, customOptionComponent = null, isMulti, modalAcceptText, } = props;

package/dist/components/{Select → molecules/Select}/Components/SwitcherComponent/index.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-import { DropdownMeasures, VariantOptions } from '../..';
+import { DropdownMeasures, VariantOptions } from '../../';
 interface SwitcherProps {
     show: boolean;
     isMulti: boolean;

package/dist/components/{Select → molecules/Select}/index.js

@@ -1,11 +1,11 @@
 /* istanbul ignore file */
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import { Keyboard, Pressable, StyleSheet, Text, TextInput, View } from 'react-native';
-import { black, grey, primary } from '../../theme/palette';
+import { black, grey, primary } from '../../../theme/palette';
 import { formatPlaceholderMulti } from './utils';
 import Options from './Components/Options';
-import Icon from '../Icon';
-import { horizontalScale, moderateScale, scaledForDevice } from '../../scale';
+import Icon from '../../atoms/Icon';
+import { horizontalScale, moderateScale, scaledForDevice } from '../../../scale';
 var KeyboardTypes;
 (function (KeyboardTypes) {
     KeyboardTypes["Default"] = "default";

package/dist/components/{Select → molecules/Select}/utils/index.d.ts

@@ -1,2 +1,2 @@
-import { Option } from '..';
+import { Option } from '../';
 export declare const formatPlaceholderMulti: (options: Option[], optionsText: string | null) => string;

package/dist/components/molecules/SwipeList/index.d.ts

@@ -0,0 +1,11 @@
+import { FC, Ref } from 'react';
+import { SwipeUpProps } from '../../atoms/SwipeUp';
+import { ButtonProps } from '../Button';
+import BottomSheet, { BottomSheetProps } from '@gorhom/bottom-sheet';
+export interface SwipeListProps extends SwipeUpProps, BottomSheetProps {
+    ref?: Ref<BottomSheet>;
+    renderHeader?: () => void;
+    actions?: ButtonProps[];
+}
+declare const SwipeList: FC<SwipeListProps>;
+export default SwipeList;

package/dist/components/molecules/SwipeList/index.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import SwipeUp from '../../atoms/SwipeUp';
+import Button from '../Button';
+import { SwipeUpScrollView } from '../../atoms/SwipeUp/childComponents';
+import { StyleSheet, View } from 'react-native';
+import { verticalScale } from '../../../scale';
+const styles = StyleSheet.create({
+    footerContainer: {
+        padding: verticalScale(17),
+    },
+});
+const SwipeList = React.forwardRef(({ renderHeader = () => { }, actions = [], children, ...props }, ref) => {
+    if (!children) {
+        return null;
+    }
+    const isRenderHeaderValid = typeof renderHeader === 'function';
+    const areThereValidActions = Array.isArray(actions) && actions.length > 0;
+    const renderActions = () => {
+        if (!areThereValidActions) {
+            return null;
+        }
+        return (<View style={styles.footerContainer}>
+					{actions?.map((action, idx) => (<Button key={idx} {...action}/>))}
+				</View>);
+    };
+    return (<SwipeUp ref={ref} footerComponent={renderActions} {...props}>
+				{isRenderHeaderValid && renderHeader()}
+				<SwipeUpScrollView>{children}</SwipeUpScrollView>
+			</SwipeUp>);
+});
+export default SwipeList;

package/dist/components/{Tabs → molecules/Tabs}/index.js

@@ -1,12 +1,11 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import React, { useEffect, useRef, useState } from 'react';
 import { StyleSheet, View, ScrollView, FlatList } from 'react-native';
-import { moderateScale, scaledForDevice } from '../../scale';
-import { base, black, grey, primary } from '../../theme/palette';
-import BaseButton from '../BaseButton';
-import Text from '../Text';
-import { viewportWidth } from '../../scale';
-import { isObject } from '../../utils';
+import { moderateScale, scaledForDevice, viewportWidth } from '../../../scale';
+import { base, black, grey, primary } from '../../../theme/palette';
+import BaseButton from '../../atoms/BaseButton';
+import Text from '../../atoms/Text';
+import { isObject } from '../../../utils';
 export const positions = {
     top: 'top',
     bottom: 'bottom',

package/dist/components/{Toast → molecules/Toast}/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { TextStyle } from 'react-native';
-import { BaseToastProps } from '../BaseToast';
+import { BaseToastProps } from '../../atoms/BaseToast';
 export interface ToastProps extends BaseToastProps {
     props?: {
         showIcon?: boolean;

package/dist/components/{Toast → molecules/Toast}/index.js

@@ -1,13 +1,13 @@
 import React from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import { StyleSheet } from 'react-native';
-import { moderateScale, scaledForDevice } from '../../scale';
+import { moderateScale, scaledForDevice } from '../../../scale';
 import { defaultIcon } from './utils';
-import { base, black } from '../../theme/palette';
-import BaseToast from '../BaseToast';
+import { base, black } from '../../../theme/palette';
+import BaseToast from '../../atoms/BaseToast';
 import ToastAction from 'react-native-toast-message';
-import Text from '../Text';
-import Icon from '../Icon';
+import Text from '../../atoms/Text';
+import Icon from '../../atoms/Icon';
 const Toast = ({ type, text1, text2, style, props }) => {
     const validType = type && typeof type === 'string';
     const validTitle = text1 && typeof text1 === 'string';

package/dist/components/{Toast → molecules/Toast}/utils/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Toast from '..';
+import Toast from '../';
 export const configToast = {
     success: (props) => <Toast {...props}/>,
     notice: (props) => <Toast {...props}/>,

package/dist/components/{FullScreenMessage → organisms/FullScreenMessage}/index.js

@@ -1,9 +1,9 @@
 import React, { useEffect } from 'react';
 import { Modal, StyleSheet, View } from 'react-native';
-import { moderateScale, scaledForDevice } from '../../scale';
-import { base, primary } from '../../theme/palette';
-import Icon from '../Icon';
-import Text from '../Text';
+import { moderateScale, scaledForDevice } from '../../../scale';
+import { base, primary } from '../../../theme/palette';
+import Icon from '../../atoms/Icon';
+import Text from '../../atoms/Text';
 export var animationTypes;
 (function (animationTypes) {
     animationTypes["Slide"] = "slide";

package/dist/components/{LoadingFullScreen → organisms/LoadingFullScreen}/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalProps, ViewStyle } from 'react-native';
-import { Names } from '../../ts/interfaces/svgs';
+import { Names } from '../../../ts/interfaces/svgs';
 interface ILoadingFullScreen extends ModalProps {
     isLoading: boolean;
     text?: string;

package/dist/components/{LoadingFullScreen → organisms/LoadingFullScreen}/index.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { StyleSheet, Modal, Text, View } from 'react-native';
-import Loading from '../Loading';
-import Svg from '../Svg';
-import { grey, white } from '../../theme/palette';
-import { moderateScale, horizontalScale, scaledForDevice } from '../../scale';
+import Loading from '../../atoms/Loading';
+import Svg from '../../atoms/Svg';
+import { grey, white } from '../../../theme/palette';
+import { moderateScale, horizontalScale, scaledForDevice } from '../../../scale';
 const validFontSize = scaledForDevice(16, moderateScale);
 const validLineHeight = scaledForDevice(24, moderateScale);
 const validMarginTop = scaledForDevice(25, moderateScale);

package/dist/components/organisms/SwipeItemSelectionList/index.d.ts

@@ -0,0 +1,14 @@
+import React, { Ref } from 'react';
+import { SwipeListProps } from '../../molecules/SwipeList';
+import BottomSheet from '@gorhom/bottom-sheet';
+interface SwipeItemSelectionListProps extends Partial<SwipeListProps> {
+    ref?: Ref<BottomSheet>;
+    data: any[];
+    radioButton?: boolean;
+    multiselect?: boolean;
+    leftSelection?: boolean;
+    rightSelection?: boolean;
+    onSelection?: (id: string) => {};
+}
+declare const SwipeItemSelectionList: React.FC<SwipeItemSelectionListProps>;
+export default SwipeItemSelectionList;

package/dist/components/organisms/SwipeItemSelectionList/index.js

@@ -0,0 +1,37 @@
+import React, { useState } from 'react';
+import SwipeList from '../../molecules/SwipeList';
+import ItemSelectionButton from '../../molecules/ItemSelectionButton';
+const SwipeItemSelectionList = React.forwardRef(({ data, radioButton = false, multiselect = false, leftSelection = false, rightSelection = false, onSelection = () => { }, ...props }, ref) => {
+    const [selectedElementId, setSelectedElementId] = useState('');
+    const [selectedElementsIds, setSelectedElementsIds] = useState([]);
+    if (!data || !data.length) {
+        return null;
+    }
+    const checkIfElementIsSelected = (id, isElementSelected) => {
+        if (isElementSelected) {
+            return multiselect
+                ? setSelectedElementsIds((prevState) => prevState.filter((includedId) => includedId !== id)
+                // eslint-disable-next-line no-mixed-spaces-and-tabs
+                )
+                : setSelectedElementId('');
+        }
+        return multiselect
+            ? setSelectedElementsIds((prevState) => [...prevState, id])
+            : setSelectedElementId(id);
+    };
+    const renderItem = (element) => {
+        const { id, name } = element;
+        const isElementSelected = multiselect
+            ? selectedElementsIds.includes(id)
+            : selectedElementId === id;
+        const onSelectElement = () => {
+            checkIfElementIsSelected(id, isElementSelected);
+            return onSelection(id);
+        };
+        return (<ItemSelectionButton radioButton={radioButton} leftSelection={leftSelection} rightSelection={rightSelection} selected={isElementSelected} onSelection={onSelectElement} name={name}/>);
+    };
+    return (<SwipeList ref={ref} {...props}>
+				{data.map((element) => renderItem(element))}
+			</SwipeList>);
+});
+export default SwipeItemSelectionList;

package/dist/index.d.ts

@@ -1,27 +1,30 @@
-import Text from './components/Text';
-import Avatar from './components/Avatar';
-import CheckBox from './components/CheckBox';
-import Image from './components/Image';
-import Svg from './components/Svg';
-import Loading from './components/Loading';
-import StatusChip from './components/StatusChip';
-import Input from './components/Input';
-import LoadingFullScreen from './components/LoadingFullScreen';
-import Icon from './components/Icon';
-import Select from './components/Select';
-import { palette } from './theme/palette';
-import RadioButton from './components/RadioButton';
-import SwipeUp from './components/SwipeUp';
-import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from './components/SwipeUp/childComponents';
-import Carousel from './components/Carousel';
-import ProgressBar from './components/ProgressBar';
-import List from './components/List';
-import BaseButton from './components/BaseButton';
-import Button from './components/Button/index';
-import FullScreenMessage from './components/FullScreenMessage';
-import LayoutWithBottomButtons from './components/LayoutWithBottomButtons';
+import BaseButton from './components/atoms/BaseButton';
+import CheckBox from './components/atoms/CheckBox';
+import Icon from './components/atoms/Icon';
+import Image from './components/atoms/Image';
+import Input from './components/atoms/Input';
+import List from './components/atoms/List';
+import Loading from './components/atoms/Loading';
+import RadioButton from './components/atoms/RadioButton';
+import StatusChip from './components/atoms/StatusChip';
+import Svg from './components/atoms/Svg';
+import SwipeUp from './components/atoms/SwipeUp';
+import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from './components/atoms/SwipeUp/childComponents';
+import Text from './components/atoms/Text';
+import Avatar from './components/molecules/Avatar';
+import Button from './components/molecules/Button';
+import Carousel from './components/molecules/Carousel';
+import LayoutWithBottomButtons from './components/molecules/LayoutWithBottomButtons';
+import ProgressBar from './components/molecules/ProgressBar';
+import Select from './components/molecules/Select';
 import Toast from 'react-native-toast-message';
-import { configToast } from './components/Toast/utils';
-import Tabs from './components/Tabs';
+import { configToast } from './components/molecules/Toast/utils';
+import SwipeList from './components/molecules/SwipeList';
+import ItemSelectionButton from './components/molecules/ItemSelectionButton';
+import MainCardList from './components/molecules/MainCardList';
+import LoadingFullScreen from './components/organisms/LoadingFullScreen';
+import FullScreenMessage from './components/organisms/FullScreenMessage';
+import SwipeItemSelectionList from './components/organisms/SwipeItemSelectionList';
+import { palette } from './theme/palette';
 import * as getScale from './scale';
-export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, Tabs, };
+export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, };

package/dist/index.js

@@ -1,27 +1,34 @@
-import Text from './components/Text';
-import Avatar from './components/Avatar';
-import CheckBox from './components/CheckBox';
-import Image from './components/Image';
-import Svg from './components/Svg';
-import Loading from './components/Loading';
-import StatusChip from './components/StatusChip';
-import Input from './components/Input';
-import LoadingFullScreen from './components/LoadingFullScreen';
-import Icon from './components/Icon';
-import Select from './components/Select';
-import { palette } from './theme/palette';
-import RadioButton from './components/RadioButton';
-import SwipeUp from './components/SwipeUp';
-import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, } from './components/SwipeUp/childComponents';
-import Carousel from './components/Carousel';
-import ProgressBar from './components/ProgressBar';
-import List from './components/List';
-import BaseButton from './components/BaseButton';
-import Button from './components/Button/index';
-import FullScreenMessage from './components/FullScreenMessage';
-import LayoutWithBottomButtons from './components/LayoutWithBottomButtons';
+// Atoms
+import BaseButton from './components/atoms/BaseButton';
+import CheckBox from './components/atoms/CheckBox';
+import Icon from './components/atoms/Icon';
+import Image from './components/atoms/Image';
+import Input from './components/atoms/Input';
+import List from './components/atoms/List';
+import Loading from './components/atoms/Loading';
+import RadioButton from './components/atoms/RadioButton';
+import StatusChip from './components/atoms/StatusChip';
+import Svg from './components/atoms/Svg';
+import SwipeUp from './components/atoms/SwipeUp';
+import { SwipeUpFlatList, SwipeUpScrollView, SwipeUpView } from './components/atoms/SwipeUp/childComponents';
+import Text from './components/atoms/Text';
+// Molecules
+import Avatar from './components/molecules/Avatar';
+import Button from './components/molecules/Button';
+import Carousel from './components/molecules/Carousel';
+import LayoutWithBottomButtons from './components/molecules/LayoutWithBottomButtons';
+import ProgressBar from './components/molecules/ProgressBar';
+import Select from './components/molecules/Select';
 import Toast from 'react-native-toast-message';
-import { configToast } from './components/Toast/utils';
-import Tabs from './components/Tabs';
+import { configToast } from './components/molecules/Toast/utils';
+import SwipeList from './components/molecules/SwipeList';
+import ItemSelectionButton from './components/molecules/ItemSelectionButton';
+import MainCardList from './components/molecules/MainCardList';
+// Organisms
+import LoadingFullScreen from './components/organisms/LoadingFullScreen';
+import FullScreenMessage from './components/organisms/FullScreenMessage';
+import SwipeItemSelectionList from './components/organisms/SwipeItemSelectionList';
+// Misc
+import { palette } from './theme/palette';
 import * as getScale from './scale';
-export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, Tabs, };
+export { Text, Avatar, CheckBox, Icon, Image, Loading, Svg, StatusChip, Input, palette, LoadingFullScreen, RadioButton, Select, SwipeUp, SwipeUpFlatList, SwipeUpScrollView, SwipeUpView, Carousel, ProgressBar, List, BaseButton, Button, getScale, LayoutWithBottomButtons, FullScreenMessage, Toast, configToast, SwipeList, ItemSelectionButton, SwipeItemSelectionList, MainCardList, };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@janiscommerce/ui-native",
-	"version": "1.9.0",
+	"version": "1.10.0",
 	"description": "components library for Janis app",
 	"main": "dist/index.js",
 	"typings": "dist/index.d.ts",
@@ -16,10 +16,10 @@
 		"test": "jest",
 		"lint": "eslint .",
 		"prepare": "husky install",
-		"validate:code": "npm run lint -- --fix && tsc --noEmit && npm t",
+		"validate:code": "npm run lint -- --fix && tsc --project tsconfig.build.json --noEmit && npm t",
 		"test:commit": "jest --colors --bail --findRelatedTests",
 		"test:coverage": "tsc --noEmit && jest --collectCoverage --detectOpenHandles",
-		"build": "rm -rf dist && tsc && cp -r android ios dist",
+		"build": "rm -rf dist && tsc --project tsconfig.build.json && cp -r android ios dist && tsc-alias -p tsconfig.aliases.json",
 		"storybook-server": "react-native-storybook-server",
 		"storybook-watcher": "sb-rn-watcher --config-path .ondevice",
 		"update-stories": "sb-rn-get-stories --config-path .ondevice",
@@ -46,8 +46,8 @@
 		"react": ">=17.0.2",
 		"react-native": ">=0.67.5",
 		"react-native-gesture-handler": ">=2.9.0",
-		"react-native-toast-message": ">=1.6.0",
-		"react-native-reanimated": "2.17.0"
+		"react-native-reanimated": "2.17.0",
+		"react-native-toast-message": ">=1.6.0"
 	},
 	"devDependencies": {
 		"@babel/core": "^7.12.9",
@@ -98,6 +98,7 @@
 		"react-test-renderer": "17.0.2",
 		"setup-env": "^2.0.0",
 		"storybook": "^6.5.4",
+		"tsc-alias": "^1.8.10",
 		"typescript": "^5.1.6",
 		"webpack": "^5.52.0"
 	},
@@ -117,17 +118,18 @@
 		]
 	},
 	"dependencies": {
-		"@gorhom/bottom-sheet": "^4.5.1",
+		"@gorhom/bottom-sheet": "^4.6.3",
 		"@react-native-async-storage/async-storage": "^1.19.0",
 		"@react-native-community/datetimepicker": "^7.4.0",
 		"@react-native-community/slider": "^4.4.2",
 		"@storybook/cli": "^6.5.4",
-		"react-native-reanimated": "^2.17.0",
-		"react-native-gesture-handler": "^2.9.0",
+		"babel-plugin-module-resolver": "^5.0.2",
+		"react-native-gesture-handler": ">=2.9.0",
+		"react-native-reanimated": "2.17.0",
 		"react-native-safe-area-context": "^4.6.4",
 		"react-native-svg": "12.1.1",
-		"react-native-vector-icons": "^9.2.0",
 		"react-native-toast-message": ">=1.6.0",
+		"react-native-vector-icons": "^9.2.0",
 		"react-native-web": "^0.15.0"
 	}
 }