@aic-kits/react-native 0.0.3 → 0.0.5

package/lib/components/Header/BackButton.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useNavigation } from '@react-navigation/native';
+import { useCallback, useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Art } from '../Art';
+import { Box } from '../Box';
+import { IconButton } from './IconButton';
+import { isBackButtonShown } from './utils';
+export const BackButton = (props) => {
+    const theme = useTheme();
+    const themeHeader = useMemo(() => theme.__hd__.header, [theme]);
+    const themeBackButton = useMemo(() => themeHeader.backButton, [themeHeader]);
+    const navigation = useNavigation();
+    const handleDefaultPress = useCallback(() => {
+        navigation.goBack();
+    }, [navigation]);
+    if (!isBackButtonShown({ backButtonProps: props, navigation })) {
+        return null;
+    }
+    const { icon = themeBackButton.defaultIcon, color = themeBackButton.defaultColor, onPress = handleDefaultPress, } = props || {};
+    return (_jsx(Box, { marginRight: themeHeader.gap, children: icon === 'logo' ? (_jsx(Art, { art: require('../../assets/svg/logo.svg'), type: "svg", size: "xlarge" })) : (_jsx(IconButton, { icon: icon, hitSlop: themeBackButton.hitSlop, hapticFeedback: themeBackButton.hapticFeedback, onPress: onPress, color: color, size: themeBackButton.size })) }));
+};

package/lib/components/Header/DefaultHeader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { HeaderProps } from './types';
+type DefaultHeaderContentProps = Omit<HeaderProps & {
+    type: 'default';
+}, 'backgroundColor' | 'type'>;
+export declare const DefaultHeaderContent: React.FC<DefaultHeaderContentProps>;
+export {};
+//# sourceMappingURL=DefaultHeader.d.ts.map

package/lib/components/Header/DefaultHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Header/DefaultHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,KAAK,yBAAyB,GAAG,IAAI,CACnC,WAAW,GAAG;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,EACjC,iBAAiB,GAAG,MAAM,CAC3B,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CACzC,yBAAyB,CA8B1B,CAAC"}

package/lib/components/Header/DefaultHeader.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { Text } from '../Text';
+import { BackButton } from './BackButton';
+import { RightButton } from './RightButton';
+export const DefaultHeaderContent = props => {
+    const theme = useTheme();
+    const themeDefaultHeader = useMemo(() => theme.__hd__.header.defaultHeader, [theme]);
+    const { backButton, rightButton, title, titleColor = themeDefaultHeader.defaultTitleColor, } = props;
+    return (_jsxs(Box, { flex: 1, flexDirection: "row", alignItems: "center", children: [BackButton(backButton), _jsx(Box, { marginTop: "xxsmall", flex: 1, children: _jsx(Text, { fontSize: "h4", fontWeight: "bold", color: titleColor, numberOfLines: 1, children: title }) }), rightButton && RightButton(rightButton)] }));
+};

package/lib/components/Header/HeaderContent.d.ts

@@ -0,0 +1,6 @@
+import type { HeaderProps } from './types';
+interface HeaderContentProps extends Omit<HeaderProps, 'backgroundColor'> {
+}
+export declare const HeaderContent: (props: HeaderContentProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=HeaderContent.d.ts.map

package/lib/components/Header/HeaderContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderContent.d.ts","sourceRoot":"","sources":["../../../src/components/Header/HeaderContent.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAsB,WAAW,EAAuB,MAAM,SAAS,CAAC;AAEpF,UAAU,kBAAmB,SAAQ,IAAI,CAAC,WAAW,EAAE,iBAAiB,CAAC;CAAG;AAE5E,eAAO,MAAM,aAAa,UAAW,kBAAkB,mDAatD,CAAC"}

package/lib/components/Header/HeaderContent.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { DefaultHeaderContent } from './DefaultHeader';
+import { ProgressHeaderContent } from './ProgressHeader';
+export const HeaderContent = (props) => {
+    const theme = useTheme();
+    const themeHeader = useMemo(() => theme.__hd__.header, [theme]);
+    const { type = themeHeader.defaultType, ...otherProps } = props;
+    switch (type) {
+        case 'default':
+            return _jsx(DefaultHeaderContent, { ...otherProps });
+        case 'progress':
+            return _jsx(ProgressHeaderContent, { ...otherProps });
+        default:
+            return null;
+    }
+};

package/lib/components/Header/IconButton.d.ts

@@ -0,0 +1,13 @@
+import type { Color, TouchableHapticFeedbackType } from '../../theme';
+import { type IconName } from '../Icon';
+interface IconButtonProps {
+    icon: IconName;
+    color?: Color;
+    onPress?: () => void;
+    size?: number;
+    hitSlop?: number;
+    hapticFeedback?: TouchableHapticFeedbackType;
+}
+export declare const IconButton: ({ icon, color, onPress, size, hitSlop, hapticFeedback, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/components/Header/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/Header/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AACtE,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,eAAe;IACvB,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC7C;AAED,eAAO,MAAM,UAAU,6DAOpB,eAAe,4CASjB,CAAC"}

package/lib/components/Header/IconButton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Icon } from '../Icon';
+import { Touchable } from '../Touchable';
+export const IconButton = ({ icon, color, onPress, size, hitSlop, hapticFeedback, }) => {
+    return (_jsxs(Touchable, { onPress: onPress, hitSlop: hitSlop, hapticFeedback: hapticFeedback, children: [_jsx(Icon, { icon: icon, color: color, size: size }), "`"] }));
+};

package/lib/components/Header/ProgressHeader.d.ts

@@ -0,0 +1,7 @@
+import type { HeaderProps } from './types';
+type ProgressHeaderContentProps = Omit<HeaderProps & {
+    type: 'progress';
+}, 'backgroundColor' | 'type'>;
+export declare const ProgressHeaderContent: (props: ProgressHeaderContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ProgressHeader.d.ts.map

package/lib/components/Header/ProgressHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Header/ProgressHeader.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAG3C,KAAK,0BAA0B,GAAG,IAAI,CACpC,WAAW,GAAG;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,EAClC,iBAAiB,GAAG,MAAM,CAC3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,UAAW,0BAA0B,4CAgCtE,CAAC"}

package/lib/components/Header/ProgressHeader.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNavigation } from '@react-navigation/native';
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { Progress } from '../Progress';
+import { BackButton } from './BackButton';
+import { isBackButtonShown } from './utils';
+export const ProgressHeaderContent = (props) => {
+    const theme = useTheme();
+    const themeProgressHeader = useMemo(() => theme.__hd__.header.progressHeader, [theme]);
+    const { backButton, progress } = props;
+    const navigation = useNavigation();
+    return (_jsxs(Box, { flex: 1, flexDirection: "row", alignItems: "center", children: [BackButton(backButton), _jsx(Box, { flex: 1, marginTop: "xxsmall", justifyContent: "center", alignItems: "center", children: _jsx(Progress, { progress: progress, width: themeProgressHeader.progress.width, height: "medium" }) }), isBackButtonShown({
+                backButtonProps: backButton,
+                navigation: navigation,
+            }) && (_jsx(Box, { width: themeProgressHeader.progress.marginRight, opacity: 0 }))] }));
+};

package/lib/components/Header/RightButton.d.ts

@@ -0,0 +1,3 @@
+import type { DefaultHeaderProps } from './types';
+export declare const RightButton: (rightButton: DefaultHeaderProps["rightButton"]) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=RightButton.d.ts.map

package/lib/components/Header/RightButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RightButton.d.ts","sourceRoot":"","sources":["../../../src/components/Header/RightButton.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,eAAO,MAAM,WAAW,gBAAiB,kBAAkB,CAAC,aAAa,CAAC,mDA2CzE,CAAC"}

package/lib/components/Header/RightButton.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isArray } from 'lodash';
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { IconButton } from './IconButton';
+export const RightButton = (rightButton) => {
+    const theme = useTheme();
+    const themeHeader = useMemo(() => theme.__hd__.header, [theme]);
+    const themeRightButton = useMemo(() => themeHeader.defaultHeader.rightButton, [themeHeader]);
+    if (!rightButton) {
+        return null;
+    }
+    return (_jsx(Box, { marginLeft: themeHeader.gap, flexDirection: "row", children: isArray(rightButton) ? (rightButton.map((button, index) => (_jsx(Box, { marginLeft: index !== 0 ? 'mediumLarge' : undefined, children: _jsx(IconButton, { icon: button.icon, onPress: button.onPress, size: themeRightButton.size, hitSlop: themeRightButton.hitSlop, hapticFeedback: themeRightButton.hapticFeedback, color: button.color || themeRightButton.defaultColor }, `right-button-icon-${index}`) }, `right-button-box-${index}`)))) : (_jsx(IconButton, { icon: rightButton.icon, onPress: rightButton.onPress, size: themeRightButton.size, hitSlop: themeRightButton.hitSlop, color: rightButton.color || themeRightButton.defaultColor, hapticFeedback: themeRightButton.hapticFeedback })) }));
+};

package/lib/components/Header/index.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderProps } from './types';
+export declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Header/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,MAAM,UAAW,WAAW,4CAqBxC,CAAC;AAEF,cAAc,SAAS,CAAC"}

package/lib/components/Header/index.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { HeaderContent } from './HeaderContent';
+export const Header = (props) => {
+    const theme = useTheme();
+    const themeHeader = useMemo(() => theme.__hd__.header, [theme]);
+    const { backgroundColor = themeHeader.defaultBackgroundColor, ...otherProps } = props;
+    return (_jsx(Box, { width: "100%", paddingHorizontal: "large", paddingTop: "medium", paddingBottom: "smallMedium", backgroundColor: backgroundColor, children: _jsx(Box, { height: theme.spaces.xxxlarge, children: _jsx(HeaderContent, { ...otherProps }) }) }));
+};
+export * from './types';

package/lib/components/Header/types.d.ts

@@ -0,0 +1,86 @@
+import type { IconName } from '../../components/Icon';
+import type { Color, HeaderType } from '../../theme';
+export interface RightButtonParams {
+    /**
+     * The icon to be shown on the back button.
+     *
+     */
+    icon: IconName;
+    /**
+     * The action to be performed when the back button is pressed.
+     */
+    onPress?: () => void;
+    /**
+     * The color of the back button.
+     *
+     * @default 'black'
+     */
+    color?: Color;
+}
+export interface DefaultHeaderProps {
+    /**
+     * The type of the header.
+     */
+    type: 'default';
+    /**
+     * The title of the header.
+     */
+    title?: string;
+    /**
+     * The color of the title.
+     *
+     * @default 'black'
+     */
+    titleColor?: Color;
+    /**
+     * The right button.
+     */
+    rightButton?: RightButtonParams | RightButtonParams[] | false;
+}
+export interface ProgressHeaderProps {
+    /**
+     * The type of the header.
+     */
+    type: 'progress';
+    /**
+     * The progress value.
+     */
+    progress: number;
+}
+export type CustomHeaderProps = DefaultHeaderProps | ProgressHeaderProps;
+export interface BackButtonParams {
+    /**
+     * The icon to be shown on the back button.
+     *
+     * @default 'arrow-left-2-light-outline'
+     */
+    icon?: IconName | 'logo';
+    /**
+     * The action to be performed when the back button is pressed. Not applicable for 'logo' icon.
+     */
+    onPress?: () => void;
+    /**
+     * The color of the back button.
+     *
+     * @default 'black'
+     */
+    color?: Color;
+}
+export interface CommonHeaderProps {
+    /**
+     * The type of the header.
+     *
+     * @default 'default'
+     */
+    type?: HeaderType;
+    /**
+     * The background color of the header.
+     */
+    backgroundColor?: Color;
+    /**
+     * Specifies whether the back button should be shown.
+     */
+    backButton?: BackButtonParams | false;
+}
+export type HeaderProps = CommonHeaderProps & CustomHeaderProps;
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Header/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Header/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;OAIG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,EAAE,GAAG,KAAK,CAAC;CAC/D;AAED,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG,kBAAkB,GAAG,mBAAmB,CAAC;AAEzE,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACJ,eAAe,CAAC,EAAE,KAAK,CAAC;IAEvB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC;CACvC;AAED,MAAM,MAAM,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}

package/lib/components/Header/types.js

@@ -0,0 +1 @@
+export {};

package/lib/components/Header/utils.d.ts

@@ -0,0 +1,10 @@
+import type { NavigationProp, NavigationState } from '@react-navigation/native';
+import { useNavigation } from '@react-navigation/native';
+import type { HeaderProps } from './types';
+export declare const isBackButtonShown: ({ backButtonProps, navigation }: {
+    backButtonProps: HeaderProps["backButton"];
+    navigation: ReturnType<typeof useNavigation<Omit<NavigationProp<ReactNavigation.RootParamList>, "getState"> & {
+        getState(): NavigationState | undefined;
+    }>>;
+}) => boolean;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Header/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Header/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,iBAAiB,oCACK;IACjC,eAAe,EAAE,WAAW,CAAC,YAAY,CAAC,CAAC;IAC3C,UAAU,EAAE,UAAU,CACrB,OAAO,aAAa,CACpB,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC,GAAG;QAClE,QAAQ,IAAI,eAAe,GAAG,SAAS,CAAC;KACxC,CAAC,CAAC,CAAC;CACJ,YAE8D,CAAC"}

package/lib/components/Header/utils.js

@@ -0,0 +1,3 @@
+import { useNavigation } from '@react-navigation/native';
+export const isBackButtonShown = ({ backButtonProps, navigation }) => (backButtonProps !== false && navigation.canGoBack()) ||
+    (backButtonProps !== false && backButtonProps?.icon === 'logo');

package/lib/components/Icon/AnimatedIcon.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+import { PlainIcon } from './PlainIcon';
+type AnimatedIconProps = ComponentProps<typeof PlainIcon>;
+export declare const AnimatedIcon: ({ style, themeSize, ...otherProps }: AnimatedIconProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnimatedIcon.d.ts.map

package/lib/components/Icon/AnimatedIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimatedIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/AnimatedIcon.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAM5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE1D,eAAO,MAAM,YAAY,wCAItB,iBAAiB,4CAuCnB,CAAC"}

package/lib/components/Icon/AnimatedIcon.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { isNumber } from 'lodash';
+import { useEffect, useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { useTheme } from '../../theme';
+import { PlainIcon } from './PlainIcon';
+export const AnimatedIcon = ({ style, themeSize, ...otherProps }) => {
+    const theme = useTheme();
+    const rotateAnimation = useRef(new Animated.Value(0));
+    useEffect(() => {
+        const animation = Animated.loop(Animated.timing(rotateAnimation.current, {
+            toValue: 1,
+            duration: 1000,
+            easing: Easing.linear,
+            useNativeDriver: true,
+        }));
+        animation.start();
+        return () => {
+            animation.stop();
+        };
+    }, []);
+    const interpolatedRotateAnimation = rotateAnimation.current.interpolate({
+        inputRange: [0, 1],
+        outputRange: ['0deg', '360deg'],
+    });
+    return (_jsx(Animated.View, { style: [
+            {
+                transform: [{ rotate: interpolatedRotateAnimation }],
+                width: isNumber(themeSize) ? themeSize : theme.sizes[themeSize],
+            },
+            // @ts-ignore
+            style,
+        ], children: _jsx(PlainIcon, { ...otherProps, themeSize: themeSize }) }));
+};

package/lib/components/Icon/PlainIcon.d.ts

@@ -0,0 +1,16 @@
+import type { IconProps } from 'react-native-vector-icons/Icon';
+import type { Color, Size } from '../../theme';
+import { SIMPLED_AI_GLYPH_MAP } from './constants';
+export declare const IconList: string[];
+export type IconName = keyof typeof SIMPLED_AI_GLYPH_MAP;
+declare const StyledPlainIcon: import("@emotion/native").StyledComponent<IconProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    themeSize: Size | number;
+    themeColor: Color;
+}, {}, {
+    ref?: import("react").Ref<import("react").Component<IconProps, any, any>> | undefined;
+}>;
+export { StyledPlainIcon as PlainIcon };
+//# sourceMappingURL=PlainIcon.d.ts.map

package/lib/components/Icon/PlainIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlainIcon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/PlainIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAEnD,eAAO,MAAM,QAAQ,UAAoC,CAAC;AAC1D,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,oBAAoB,CAAC;AAQzD,QAAA,MAAM,eAAe;;SAWsgI,MAAO,WAAW;;eAVhiI,IAAI,GAAG,MAAM;gBACZ,KAAK;;;EAMhB,CAAC;AAEJ,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,CAAC"}

package/lib/components/Icon/PlainIcon.js

@@ -0,0 +1,13 @@
+import styled from '@emotion/native';
+import { isNumber } from 'lodash';
+import { createIconSet } from 'react-native-vector-icons';
+import { SIMPLED_AI_GLYPH_MAP } from './constants';
+export const IconList = Object.keys(SIMPLED_AI_GLYPH_MAP);
+const IconSet = createIconSet(SIMPLED_AI_GLYPH_MAP, 'SimpledAIIcon', 'SimpledAIIcon.ttf');
+const StyledPlainIcon = styled(IconSet)(({ themeColor, themeSize, theme }) => ({
+    color: theme.colors[themeColor],
+    fontSize: isNumber(themeSize) ? themeSize : theme.sizes[themeSize],
+    width: isNumber(themeSize) ? themeSize : theme.sizes[themeSize],
+    height: isNumber(themeSize) ? themeSize : theme.sizes[themeSize],
+}));
+export { StyledPlainIcon as PlainIcon };