@sendbird/uikit-react-native-foundation 1.0.0-rc.3 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react-native-foundation",
-  "version": "1.0.0-rc.3",
+  "version": "1.0.1",
   "description": "react-native-uikit",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -38,11 +38,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@sendbird/uikit-utils": "1.0.0-rc.3"
+    "@sendbird/uikit-utils": "1.0.1"
   },
   "devDependencies": {
-    "@types/react": "17.0.2",
-    "@types/react-native": "^0.66.15",
+    "@types/react": "*",
+    "@types/react-native": "*",
     "react": "17.0.2",
     "react-native": "0.66.4",
     "react-native-builder-bob": "^0.18.0",
@@ -80,5 +80,5 @@
     "readmeFile": "./README.md",
     "displayName": "@sendbird/uikit-react-native-foundation"
   },
-  "gitHead": "770f49f1cab2380dcb5b1a81ca9d206442a6dd58"
+  "gitHead": "9627ff7449d05287c4fbf868e8210bb0a4f8b352"
 }

package/src/components/Image/index.ts

@@ -1,4 +1,3 @@
-import type React from 'react';
 import type { ImageProps as NativeImageProps } from 'react-native';
 import { NativeModules } from 'react-native';
 
@@ -8,13 +7,12 @@ export interface SendbirdImageProps extends Omit<NativeImageProps, 'onLoad' | 'o
   tintColor?: string;
 }
 
-export type SendbirdImageComponent = React.FC<SendbirdImageProps>;
+export type SendbirdImageComponent = (props: SendbirdImageProps) => JSX.Element;
 
 function getImageModule(): SendbirdImageComponent {
   const hasFastImage = Boolean(NativeModules.FastImageView);
   if (hasFastImage) {
     try {
-      require('react-native-fast-image');
       return require('./Image.fastimage').default;
     } catch (e) {
       return require('./Image.reactnative').default;

package/src/styles/HeaderStyleContext.tsx

@@ -29,12 +29,12 @@ export const HeaderStyleContext = React.createContext<HeaderStyleContextType>({
 });
 
 type Props = Pick<HeaderStyleContextType, 'statusBarTranslucent' | 'defaultTitleAlign' | 'HeaderComponent'>;
-export const HeaderStyleProvider: React.FC<Props> = ({
+export const HeaderStyleProvider = ({
   children,
   HeaderComponent = () => null,
   defaultTitleAlign,
   statusBarTranslucent,
-}) => {
+}: React.PropsWithChildren<Props>) => {
   const { top } = useSafeAreaInsets();
 
   return (

package/src/theme/UIKitThemeProvider.tsx

@@ -4,8 +4,10 @@ import type { UIKitTheme } from '../types';
 import LightUIKitTheme from './LightUIKitTheme';
 import UIKitThemeContext from './UIKitThemeContext';
 
-type Props = { theme?: UIKitTheme };
-const UIKitThemeProvider: React.FC<Props> = ({ children, theme = LightUIKitTheme }) => {
+type Props = React.PropsWithChildren<{
+  theme?: UIKitTheme;
+}>;
+const UIKitThemeProvider = ({ children, theme = LightUIKitTheme }: Props) => {
   return <UIKitThemeContext.Provider value={theme}>{children}</UIKitThemeContext.Provider>;
 };
 

package/src/ui/ActionMenu/index.tsx

@@ -26,7 +26,7 @@ type Props = {
   onError?: (error: unknown) => void;
   onDismiss?: () => void;
 } & ActionMenuItem;
-const ActionMenu: React.FC<Props> = ({ visible, onHide, onError, onDismiss, title, menuItems }) => {
+const ActionMenu = ({ visible, onHide, onError, onDismiss, title, menuItems }: Props) => {
   const { statusBarTranslucent } = useHeaderStyle();
   const { colors } = useUIKitTheme();
   const [pending, setPending] = useState(false);

package/src/ui/Alert/index.tsx

@@ -20,14 +20,7 @@ type Props = {
   onHide: () => void;
   onDismiss?: () => void;
 } & AlertItem;
-const Alert: React.FC<Props> = ({
-  onDismiss,
-  visible,
-  onHide,
-  title = '',
-  message = '',
-  buttons = [{ text: 'OK' }],
-}) => {
+const Alert = ({ onDismiss, visible, onHide, title = '', message = '', buttons = [{ text: 'OK' }] }: Props) => {
   const { statusBarTranslucent } = useHeaderStyle();
   const { colors } = useUIKitTheme();
 

package/src/ui/Avatar/AvatarGroup.tsx

@@ -3,8 +3,11 @@ import { StyleProp, View, ViewStyle } from 'react-native';
 
 const MAX = 4;
 
-type Props = { size?: number; containerStyle?: StyleProp<ViewStyle> };
-const AvatarGroup: React.FC<Props> = ({ children, containerStyle, size = 56 }) => {
+type Props = React.PropsWithChildren<{
+  size?: number;
+  containerStyle?: StyleProp<ViewStyle>;
+}>;
+const AvatarGroup = ({ children, containerStyle, size = 56 }: Props) => {
   const childAmount = React.Children.count(children);
 
   if (childAmount === 0) {

package/src/ui/Avatar/AvatarIcon.tsx

@@ -11,7 +11,7 @@ type Props = {
   backgroundColor?: string;
   containerStyle?: StyleProp<ViewStyle>;
 };
-const AvatarIcon: React.FC<Props> = ({ size = 56, icon, containerStyle, backgroundColor }) => {
+const AvatarIcon = ({ size = 56, icon, containerStyle, backgroundColor }: Props) => {
   const { colors, palette } = useUIKitTheme();
   return (
     <View

package/src/ui/Avatar/index.tsx

@@ -10,7 +10,10 @@ import Icon from '../Icon';
 import AvatarGroup from './AvatarGroup';
 import AvatarIcon from './AvatarIcon';
 
-type SubComponents = { Group: typeof AvatarGroup; Icon: typeof AvatarIcon };
+type SubComponents = {
+  Group: typeof AvatarGroup;
+  Icon: typeof AvatarIcon;
+};
 type Props = {
   uri?: string;
   size?: number;
@@ -18,7 +21,13 @@ type Props = {
   muted?: boolean;
   containerStyle?: StyleProp<ViewStyle>;
 };
-const Avatar: React.FC<Props> & SubComponents = ({ uri, square, muted = false, size = 56, containerStyle }) => {
+const Avatar: ((props: Props) => JSX.Element) & SubComponents = ({
+  uri,
+  square,
+  muted = false,
+  size = 56,
+  containerStyle,
+}) => {
   const { colors, palette } = useUIKitTheme();
   const [loadFailure, setLoadFailure] = useState(false);
 
@@ -47,7 +56,7 @@ const Avatar: React.FC<Props> & SubComponents = ({ uri, square, muted = false, s
   );
 };
 
-const MutedOverlay: React.FC<{ size: number }> = ({ size }) => {
+const MutedOverlay = ({ size }: { size: number }) => {
   const { palette } = useUIKitTheme();
   return (
     <View style={[styles.container, StyleSheet.absoluteFill]}>

package/src/ui/Badge/index.tsx

@@ -16,7 +16,7 @@ type Props = {
   size?: 'small' | 'default';
 };
 
-const Badge: React.FC<Props> = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }) => {
+const Badge = ({ count, maxCount, badgeColor, textColor, style, size = 'default' }: Props) => {
   const { colors } = useUIKitTheme();
   const isSmall = size === 'small';
   return (

package/src/ui/BottomSheet/index.tsx

@@ -22,7 +22,7 @@ type Props = {
   onError?: (error: unknown) => void;
   onDismiss?: () => void;
 } & BottomSheetItem;
-const BottomSheet: React.FC<Props> = ({ onDismiss, onHide, visible, sheetItems }) => {
+const BottomSheet = ({ onDismiss, onHide, visible, sheetItems }: Props) => {
   const { statusBarTranslucent } = useHeaderStyle();
   const { width } = useWindowDimensions();
   const { bottom, left, right } = useSafeAreaInsets();

package/src/ui/Button/index.tsx

@@ -6,7 +6,7 @@ import useUIKitTheme from '../../theme/useUIKitTheme';
 import Icon from '../Icon';
 import Text from '../Text';
 
-type Props = {
+type Props = React.PropsWithChildren<{
   style?: StyleProp<ViewStyle>;
   icon?: keyof typeof Icon.Assets;
   variant?: 'contained' | 'text';
@@ -14,8 +14,8 @@ type Props = {
   onPress?: () => void;
   buttonColor?: string;
   contentColor?: string;
-};
-const Button: React.FC<Props> = ({
+}>;
+const Button = ({
   icon,
   variant = 'contained',
   buttonColor,
@@ -24,7 +24,7 @@ const Button: React.FC<Props> = ({
   onPress,
   style,
   children,
-}) => {
+}: Props) => {
   const { colors } = useUIKitTheme();
 
   const getStateColor = (pressed: boolean, disabled?: boolean) => {

package/src/ui/ChannelFrozenBanner/index.tsx

@@ -12,7 +12,7 @@ type Props = {
   backgroundColor?: string;
 };
 
-const ChannelFrozenBanner: React.FC<Props> = ({ text = 'Channel is frozen', backgroundColor, textColor, style }) => {
+const ChannelFrozenBanner = ({ text = 'Channel is frozen', backgroundColor, textColor, style }: Props) => {
   const { palette } = useUIKitTheme();
 
   return (

package/src/ui/Dialog/DialogBox.tsx

@@ -4,10 +4,10 @@ import { StyleProp, View, ViewStyle } from 'react-native';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
 
-type Props = {
+type Props = React.PropsWithChildren<{
   style?: StyleProp<ViewStyle>;
-};
-const DialogBox: React.FC<Props> = ({ style, children }) => {
+}>;
+const DialogBox = ({ style, children }: Props) => {
   const { colors } = useUIKitTheme();
   return (
     <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>

package/src/ui/Dialog/DialogSheet.tsx

@@ -6,10 +6,10 @@ import useUIKitTheme from '../../theme/useUIKitTheme';
 import Icon from '../Icon';
 import Text from '../Text';
 
-type Props = {
+type Props = React.PropsWithChildren<{
   style?: StyleProp<ViewStyle>;
-};
-const DialogSheet: React.FC<Props> & { Item: typeof SheetItem } = ({ style, children }) => {
+}>;
+const DialogSheet: ((props: Props) => JSX.Element) & { Item: typeof SheetItem } = ({ style, children }) => {
   const { colors } = useUIKitTheme();
   return (
     <View style={[styles.container, { backgroundColor: colors.ui.dialog.default.none.background }, style]}>
@@ -24,7 +24,7 @@ export type SheetItemProps = {
   title: string;
   titleColor?: string;
 };
-const SheetItem: React.FC<SheetItemProps> = ({ icon, title, iconColor, titleColor }) => {
+const SheetItem = ({ icon, title, iconColor, titleColor }: SheetItemProps) => {
   const { colors } = useUIKitTheme();
   return (
     <View style={[styles.sheetItemContainer, { backgroundColor: colors.ui.dialog.default.none.background }]}>

package/src/ui/Dialog/index.tsx

@@ -45,14 +45,14 @@ const ActionMenuContext = React.createContext<Pick<DialogContextType, 'openMenu'
 const PromptContext = React.createContext<Pick<DialogContextType, 'openPrompt'> | null>(null);
 const BottomSheetContext = React.createContext<Pick<DialogContextType, 'openSheet'> | null>(null);
 
-type Props = {
+type Props = React.PropsWithChildren<{
   defaultLabels?: {
     alert?: { ok?: string };
     prompt?: { placeholder?: string; ok?: string; cancel?: string };
   };
-};
+}>;
 const DISMISS_TIMEOUT = 3000;
-export const DialogProvider: React.FC<Props> = ({ defaultLabels, children }) => {
+export const DialogProvider = ({ defaultLabels, children }: Props) => {
   const waitDismissTimeout = useRef<NodeJS.Timeout>();
   const waitDismissPromise = useRef<() => void>();
   const waitDismiss = useCallback((resolver: () => void) => {

package/src/ui/Divider/index.tsx

@@ -9,7 +9,7 @@ type Props = {
   space?: number;
 };
 
-const Divider: React.FC<Props> = ({ style, space }) => {
+const Divider = ({ style, space }: Props) => {
   const { colors } = useUIKitTheme();
   return (
     <View style={[style, styles.divider, { paddingHorizontal: space }]}>

package/src/ui/GroupChannelPreview/index.tsx

@@ -27,7 +27,7 @@ type Props = {
   notificationOff?: boolean;
 };
 
-const GroupChannelPreview: React.FC<Props> = ({
+const GroupChannelPreview = ({
   customCover,
   coverUrl,
   memberCount,
@@ -39,7 +39,7 @@ const GroupChannelPreview: React.FC<Props> = ({
   titleCaption,
   frozen,
   notificationOff,
-}) => {
+}: Props) => {
   const { colors } = useUIKitTheme();
   const color = colors.ui.groupChannelPreview;
 

package/src/ui/Header/index.tsx

@@ -24,7 +24,7 @@ type HeaderProps = BaseHeaderProps<
 >;
 
 const AlignMapper = { left: 'flex-start', center: 'center', right: 'flex-end' } as const;
-const Header: React.FC<HeaderProps> & {
+const Header: ((props: HeaderProps) => JSX.Element) & {
   Button: typeof HeaderButton;
   Title: typeof HeaderTitle;
   Subtitle: typeof HeaderSubtitle;
@@ -82,7 +82,7 @@ const Header: React.FC<HeaderProps> & {
   );
 };
 
-const LeftSide: React.FC<HeaderProps> = ({ titleAlign, onPressLeft, left }) => {
+const LeftSide = ({ titleAlign, onPressLeft, left }: HeaderProps) => {
   if (titleAlign === 'center') {
     return <View style={styles.left}>{left && <HeaderButton onPress={onPressLeft}>{left}</HeaderButton>}</View>;
   }
@@ -94,7 +94,7 @@ const LeftSide: React.FC<HeaderProps> = ({ titleAlign, onPressLeft, left }) => {
   );
 };
 
-const RightSide: React.FC<HeaderProps> = ({ titleAlign, onPressRight, right }) => {
+const RightSide = ({ titleAlign, onPressRight, right }: HeaderProps) => {
   if (titleAlign === 'center') {
     return <View style={styles.right}>{right && <HeaderButton onPress={onPressRight}>{right}</HeaderButton>}</View>;
   }
@@ -106,14 +106,14 @@ const RightSide: React.FC<HeaderProps> = ({ titleAlign, onPressRight, right }) =
   );
 };
 
-const HeaderTitle: React.FC<{ children: string } & TextProps> = ({ children, style, ...props }) => {
+const HeaderTitle = ({ children, style, ...props }: TextProps) => {
   return (
     <Text {...props} h1 numberOfLines={1} style={style}>
       {children}
     </Text>
   );
 };
-const HeaderSubtitle: React.FC<{ children: string } & TextProps> = ({ children, style, ...props }) => {
+const HeaderSubtitle = ({ children, style, ...props }: TextProps) => {
   const { colors } = useUIKitTheme();
   return (
     <Text color={colors.onBackground03} {...props} caption2 numberOfLines={1} style={style}>
@@ -121,13 +121,7 @@ const HeaderSubtitle: React.FC<{ children: string } & TextProps> = ({ children,
     </Text>
   );
 };
-const HeaderButton: React.FC<TouchableOpacityProps & { color?: string }> = ({
-  children,
-  disabled,
-  onPress,
-  color,
-  ...props
-}) => {
+const HeaderButton = ({ children, disabled, onPress, color, ...props }: TouchableOpacityProps & { color?: string }) => {
   return (
     <TouchableOpacity
       style={styles.button}

package/src/ui/Icon/index.tsx

@@ -15,8 +15,13 @@ type Props = {
   style?: StyleProp<ImageStyle>;
   containerStyle?: StyleProp<ViewStyle>;
 };
-
-const Icon: React.FC<Props> & { Assets: typeof IconAssets } = ({ icon, color, size = 24, containerStyle, style }) => {
+const Icon: ((props: Props) => JSX.Element) & { Assets: typeof IconAssets } = ({
+  icon,
+  color,
+  size = 24,
+  containerStyle,
+  style,
+}) => {
   const sizeStyle = sizeStyles[size as SizeFactor] ?? { width: size, height: size };
   const { colors } = useUIKitTheme();
   return (

package/src/ui/LoadingSpinner/index.tsx

@@ -10,7 +10,7 @@ type Props = {
   style?: StyleProp<ViewStyle>;
 };
 
-const LoadingSpinner: React.FC<Props> = ({ size = 24, color, style }) => {
+const LoadingSpinner = ({ size = 24, color, style }: Props) => {
   const { colors } = useUIKitTheme();
   return (
     <Rotate style={style}>
@@ -37,7 +37,7 @@ const useLoopAnimated = (duration: number, useNativeDriver = true) => {
   return animated;
 };
 
-const Rotate: React.FC<{ style: StyleProp<ViewStyle> }> = ({ children, style }) => {
+const Rotate = ({ children, style }: React.PropsWithChildren<{ style: StyleProp<ViewStyle> }>) => {
   const loop = useLoopAnimated(1000);
   const rotate = loop.interpolate({ inputRange: [0, 1], outputRange: ['0deg', '360deg'] });
   return <Animated.View style={[style, { transform: [{ rotate }] }]}>{children}</Animated.View>;

package/src/ui/MenuBar/index.tsx

@@ -23,7 +23,7 @@ export type MenuBarProps = {
   actionLabel?: string;
   actionItem?: React.ReactNode;
 };
-const MenuBar: React.FC<MenuBarProps> = ({
+const MenuBar = ({
   variant = 'default',
   disabled,
   onPress,
@@ -33,7 +33,7 @@ const MenuBar: React.FC<MenuBarProps> = ({
   iconBackgroundColor,
   actionLabel,
   actionItem = null,
-}) => {
+}: MenuBarProps) => {
   const { palette, colors } = useUIKitTheme();
 
   return (

package/src/ui/Modal/index.tsx

@@ -34,7 +34,7 @@ type Props = {
  * Modal Close: Triggered by Modal.props.onClose() call
  * - Modal.props.onClose() -> visible false -> animation start -> modalVisible false
  * */
-const Modal: React.FC<Props> = ({
+const Modal = ({
   children,
   onClose,
   backgroundStyle,
@@ -45,7 +45,7 @@ const Modal: React.FC<Props> = ({
   enableKeyboardAvoid = false,
   statusBarTranslucent,
   ...props
-}) => {
+}: Props) => {
   const { palette } = useUIKitTheme();
   const { content, backdrop, showTransition, hideTransition } = useModalAnimation(type);
   const panResponder = useModalPanResponder(type, content.translateY, showTransition, onClose);

package/src/ui/Placeholder/index.tsx

@@ -19,7 +19,7 @@ type Props = {
   onPressRetry?: () => void;
 };
 
-const Placeholder: React.FC<Props> = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }) => {
+const Placeholder = ({ icon, loading = false, message = '', errorRetryLabel, onPressRetry }: Props) => {
   const { colors } = useUIKitTheme();
 
   // loading ? styles.containerLoading : errorRetryLabel ? styles.containerError : styles.container

package/src/ui/Prompt/index.tsx

@@ -28,7 +28,7 @@ type Props = {
   onDismiss?: () => void;
   autoFocus?: boolean;
 } & PromptItem;
-const Prompt: React.FC<Props> = ({
+const Prompt = ({
   onDismiss,
   visible,
   onHide,
@@ -40,7 +40,7 @@ const Prompt: React.FC<Props> = ({
   onCancel = NOOP,
   submitLabel = 'Submit',
   cancelLabel = 'Cancel',
-}) => {
+}: Props) => {
   const { statusBarTranslucent } = useHeaderStyle();
   const { colors } = useUIKitTheme();
   const inputRef = useRef<RNTextInput>(null);

package/src/ui/Switch/index.tsx

@@ -4,7 +4,7 @@ import { Animated, Platform, Pressable } from 'react-native';
 import createStyleSheet from '../../styles/createStyleSheet';
 import useUIKitTheme from '../../theme/useUIKitTheme';
 
-interface SwitchProps {
+type SwitchProps = React.PropsWithChildren<{
   trackColor?: string;
   thumbColor?: string;
   inactiveThumbColor?: string;
@@ -12,15 +12,15 @@ interface SwitchProps {
 
   value: boolean;
   onChangeValue: (val: boolean) => void;
-}
-const Switch: React.FC<SwitchProps> = ({
+}>;
+const Switch = ({
   value,
   onChangeValue,
   inactiveThumbColor,
   inactiveTrackColor,
   trackColor,
   thumbColor,
-}) => {
+}: SwitchProps) => {
   const { select, palette, colors } = useUIKitTheme();
   const position = useRef(new Animated.Value(0)).current;
 

package/src/ui/Text/index.tsx

@@ -6,7 +6,7 @@ import type { TypoName, UIKitTheme } from '../../types';
 
 type TypographyProps = Partial<Record<TypoName, boolean>>;
 export type TextProps = RNTextProps & TypographyProps & { color?: ((colors: UIKitTheme['colors']) => string) | string };
-const Text: React.FC<TextProps> = ({ children, color, style, ...props }) => {
+const Text = ({ children, color, style, ...props }: TextProps) => {
   const { colors } = useUIKitTheme();
   const typoStyle = useTypographyFilter(props);
   return (

package/src/ui/Toast/index.tsx

@@ -12,13 +12,13 @@ type Context = { show(text: string, type?: ToastType): void };
 
 const ToastContext = createContext<Context | null>(null);
 
-type Props = {
+type Props = React.PropsWithChildren<{
   top?: number;
   bottom?: number;
   visible: boolean;
   type: ToastType;
   children: string;
-};
+}>;
 
 const useOpacity = () => {
   const opacity = useRef(new Animated.Value(0)).current;
@@ -32,7 +32,8 @@ const useOpacity = () => {
     hide: () => transition(0),
   };
 };
-const Toast: React.FC<Props> = ({ visible, type, children, top, bottom }) => {
+
+const Toast = ({ visible, type, children, top, bottom }: Props) => {
   const { colors, select, palette } = useUIKitTheme();
   const { opacity, show, hide } = useOpacity();
 
@@ -67,7 +68,10 @@ const Toast: React.FC<Props> = ({ visible, type, children, top, bottom }) => {
 };
 
 const VISIBLE_MS = 3000;
-export const ToastProvider: React.FC<{ dismissTimeout?: number }> = ({ children, dismissTimeout = VISIBLE_MS }) => {
+export const ToastProvider = ({
+  children,
+  dismissTimeout = VISIBLE_MS,
+}: React.PropsWithChildren<{ dismissTimeout?: number }>) => {
   const [state, setState] = useState({ visible: false, type: 'error' as ToastType, text: '' });
   const { bottom } = useSafeAreaInsets();
 

package/src/ui/URLParsedText/index.tsx

@@ -18,7 +18,7 @@ type Props = TextProps & {
   onPressUrl?: OnPressUrl;
   strict?: boolean;
 };
-const URLParsedText: React.FC<Props> = ({ children, onPressUrl = openUrl, strict, ...props }) => {
+const URLParsedText = ({ children, onPressUrl = openUrl, strict, ...props }: Props) => {
   const parsedChildren = useMemo((): React.ReactNode => {
     return React.Children.map(React.Children.toArray(children), (child) => {
       if (typeof child === 'string') {

package/lib/commonjs/assets/bundle-icons.js

@@ -1,33 +0,0 @@
-"use strict";
-
-const fs = require('fs');
-
-const path = require('path');
-
-const prettier = require('prettier');
-
-const ignorePatterns = /bundle-icons\.js|\.DS_Store|index\.ts|@2x|@3x/;
-const requireBasePath = './';
-const iconPath = path.join(__dirname, 'icon');
-const icons = {};
-fs.readdirSync(iconPath).forEach(filename => {
-  if (filename.match(ignorePatterns)) return;
-  const ext = path.extname(filename);
-  const name = filename.replace(ext, '').replace(/icon-|ic-/g, '');
-  const assetPath = requireBasePath + filename;
-  icons[name] = `require('${assetPath}')`;
-});
-const serializedIcons = JSON.stringify(icons, null, 4).replace(/("require\()('.+')(\)")/g, (_, a, b, c) => a.replace('"', '') + b + c.replace('"', ''));
-const exportString = `const IconAssets = ${serializedIcons}; export default IconAssets`;
-fs.writeFileSync(path.join(iconPath, 'index.ts'), prettier.format(exportString, {
-  'printWidth': 120,
-  'tabWidth': 2,
-  'useTabs': false,
-  'semi': true,
-  'singleQuote': true,
-  'quoteProps': 'preserve',
-  'trailingComma': 'all',
-  'bracketSpacing': true,
-  'arrowParens': 'always'
-}));
-//# sourceMappingURL=bundle-icons.js.map

package/lib/commonjs/assets/bundle-icons.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["fs","require","path","prettier","ignorePatterns","requireBasePath","iconPath","join","__dirname","icons","readdirSync","forEach","filename","match","ext","extname","name","replace","assetPath","serializedIcons","JSON","stringify","_","a","b","c","exportString","writeFileSync","format"],"sources":["bundle-icons.js"],"sourcesContent":["const fs = require('fs');\nconst path = require('path');\nconst prettier = require('prettier');\n\nconst ignorePatterns = /bundle-icons\\.js|\\.DS_Store|index\\.ts|@2x|@3x/;\nconst requireBasePath = './';\nconst iconPath = path.join(__dirname, 'icon');\nconst icons = {};\n\nfs.readdirSync(iconPath).forEach((filename) => {\n  if (filename.match(ignorePatterns)) return;\n  const ext = path.extname(filename);\n  const name = filename.replace(ext, '').replace(/icon-|ic-/g, '');\n  const assetPath = requireBasePath + filename;\n  icons[name] = `require('${assetPath}')`;\n});\n\nconst serializedIcons = JSON.stringify(icons, null, 4).replace(\n  /(\"require\\()('.+')(\\)\")/g,\n  (_, a, b, c) => a.replace('\"', '') + b + c.replace('\"', ''),\n);\nconst exportString = `const IconAssets = ${serializedIcons}; export default IconAssets`;\n\nfs.writeFileSync(\n  path.join(iconPath, 'index.ts'),\n  prettier.format(exportString, {\n    'printWidth': 120,\n    'tabWidth': 2,\n    'useTabs': false,\n    'semi': true,\n    'singleQuote': true,\n    'quoteProps': 'preserve',\n    'trailingComma': 'all',\n    'bracketSpacing': true,\n    'arrowParens': 'always',\n  }),\n);\n"],"mappings":";;AAAA,MAAMA,EAAE,GAAGC,OAAO,CAAC,IAAD,CAAlB;;AACA,MAAMC,IAAI,GAAGD,OAAO,CAAC,MAAD,CAApB;;AACA,MAAME,QAAQ,GAAGF,OAAO,CAAC,UAAD,CAAxB;;AAEA,MAAMG,cAAc,GAAG,+CAAvB;AACA,MAAMC,eAAe,GAAG,IAAxB;AACA,MAAMC,QAAQ,GAAGJ,IAAI,CAACK,IAAL,CAAUC,SAAV,EAAqB,MAArB,CAAjB;AACA,MAAMC,KAAK,GAAG,EAAd;AAEAT,EAAE,CAACU,WAAH,CAAeJ,QAAf,EAAyBK,OAAzB,CAAkCC,QAAD,IAAc;EAC7C,IAAIA,QAAQ,CAACC,KAAT,CAAeT,cAAf,CAAJ,EAAoC;EACpC,MAAMU,GAAG,GAAGZ,IAAI,CAACa,OAAL,CAAaH,QAAb,CAAZ;EACA,MAAMI,IAAI,GAAGJ,QAAQ,CAACK,OAAT,CAAiBH,GAAjB,EAAsB,EAAtB,EAA0BG,OAA1B,CAAkC,YAAlC,EAAgD,EAAhD,CAAb;EACA,MAAMC,SAAS,GAAGb,eAAe,GAAGO,QAApC;EACAH,KAAK,CAACO,IAAD,CAAL,GAAe,YAAWE,SAAU,IAApC;AACD,CAND;AAQA,MAAMC,eAAe,GAAGC,IAAI,CAACC,SAAL,CAAeZ,KAAf,EAAsB,IAAtB,EAA4B,CAA5B,EAA+BQ,OAA/B,CACtB,0BADsB,EAEtB,CAACK,CAAD,EAAIC,CAAJ,EAAOC,CAAP,EAAUC,CAAV,KAAgBF,CAAC,CAACN,OAAF,CAAU,GAAV,EAAe,EAAf,IAAqBO,CAArB,GAAyBC,CAAC,CAACR,OAAF,CAAU,GAAV,EAAe,EAAf,CAFnB,CAAxB;AAIA,MAAMS,YAAY,GAAI,sBAAqBP,eAAgB,6BAA3D;AAEAnB,EAAE,CAAC2B,aAAH,CACEzB,IAAI,CAACK,IAAL,CAAUD,QAAV,EAAoB,UAApB,CADF,EAEEH,QAAQ,CAACyB,MAAT,CAAgBF,YAAhB,EAA8B;EAC5B,cAAc,GADc;EAE5B,YAAY,CAFgB;EAG5B,WAAW,KAHiB;EAI5B,QAAQ,IAJoB;EAK5B,eAAe,IALa;EAM5B,cAAc,UANc;EAO5B,iBAAiB,KAPW;EAQ5B,kBAAkB,IARU;EAS5B,eAAe;AATa,CAA9B,CAFF"}