@sendbird/uikit-react-native-foundation 1.0.0-rc.1

package/lib/typescript/src/ui/Header/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { TouchableOpacityProps } from 'react-native';
+import type { BaseHeaderProps } from '../../index';
+import { TextProps } from '../Text';
+declare type HeaderElement = string | React.ReactElement | null;
+declare type HeaderProps = BaseHeaderProps<{
+    title?: HeaderElement;
+    left?: HeaderElement;
+    right?: HeaderElement;
+    onPressLeft?: () => void;
+    onPressRight?: () => void;
+}, {
+    clearTitleMargin?: boolean;
+}>;
+declare const Header: React.FC<HeaderProps> & {
+    Button: typeof HeaderButton;
+    Title: typeof HeaderTitle;
+    Subtitle: typeof HeaderSubtitle;
+};
+declare const HeaderTitle: React.FC<{
+    children: string;
+} & TextProps>;
+declare const HeaderSubtitle: React.FC<{
+    children: string;
+} & TextProps>;
+declare const HeaderButton: React.FC<TouchableOpacityProps & {
+    color?: string;
+}>;
+export default Header;

package/lib/typescript/src/ui/Icon/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ImageStyle, StyleProp, ViewStyle } from 'react-native';
+import IconAssets from '../../assets/icon';
+declare type IconNames = keyof typeof IconAssets;
+declare type Props = {
+    icon: IconNames;
+    color?: string;
+    size?: number;
+    style?: StyleProp<ImageStyle>;
+    containerStyle?: StyleProp<ViewStyle>;
+};
+declare const Icon: React.FC<Props> & {
+    Assets: typeof IconAssets;
+};
+export default Icon;

package/lib/typescript/src/ui/LoadingSpinner/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    size?: number;
+    color?: string;
+    style?: StyleProp<ViewStyle>;
+};
+declare const LoadingSpinner: React.FC<Props>;
+export default LoadingSpinner;

package/lib/typescript/src/ui/MenuBar/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import Icon from '../Icon';
+export declare type MenuBarProps = {
+    variant?: 'default' | 'contained';
+    onPress: () => void;
+    disabled?: boolean;
+    icon: keyof typeof Icon.Assets;
+    iconColor?: string;
+    iconBackgroundColor?: string;
+    name: string;
+    actionLabel?: string;
+    actionItem?: React.ReactNode;
+};
+declare const MenuBar: React.FC<MenuBarProps>;
+export default MenuBar;

package/lib/typescript/src/ui/Modal/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ModalProps, StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    type?: 'slide' | 'fade';
+    onClose: () => void;
+    backgroundStyle?: StyleProp<ViewStyle>;
+    disableBackgroundClose?: boolean;
+    enableKeyboardAvoid?: boolean;
+} & Omit<ModalProps, 'animationType' | 'onRequestClose'>;
+/**
+ * Modal Open: Triggered by Modal.props.visible state changed to true
+ * - visible true -> modalVisible true -> animation start
+ *
+ * Modal Close: Triggered by Modal.props.onClose() call
+ * - Modal.props.onClose() -> visible false -> animation start -> modalVisible false
+ * */
+declare const Modal: React.FC<Props>;
+export default Modal;

package/lib/typescript/src/ui/Placeholder/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import Icon from '../Icon';
+declare type Props = {
+    loading?: boolean;
+    icon: keyof typeof Icon.Assets;
+    message?: string;
+    errorRetryLabel?: string;
+    onPressRetry?: () => void;
+};
+declare const Placeholder: React.FC<Props>;
+export default Placeholder;

package/lib/typescript/src/ui/Prompt/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare type PromptItem = {
+    title: string;
+    placeholder?: string;
+    defaultValue?: string;
+    onSubmit?: (text: string) => void;
+    submitLabel?: string;
+    onCancel?: () => void;
+    cancelLabel?: string;
+};
+declare type Props = {
+    visible: boolean;
+    onHide: () => void;
+    onDismiss?: () => void;
+    autoFocus?: boolean;
+} & PromptItem;
+declare const Prompt: React.FC<Props>;
+export default Prompt;

package/lib/typescript/src/ui/Switch/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SwitchProps {
+    trackColor?: string;
+    thumbColor?: string;
+    inactiveThumbColor?: string;
+    inactiveTrackColor?: string;
+    value: boolean;
+    onChangeValue: (val: boolean) => void;
+}
+declare const Switch: React.FC<SwitchProps>;
+export default Switch;

package/lib/typescript/src/ui/Text/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TextProps as RNTextProps } from 'react-native';
+import type { TypoName, UIKitTheme } from '../../types';
+declare type TypographyProps = Partial<Record<TypoName, boolean>>;
+export declare type TextProps = RNTextProps & TypographyProps & {
+    color?: ((colors: UIKitTheme['colors']) => string) | string;
+};
+declare const Text: React.FC<TextProps>;
+export default Text;

package/lib/typescript/src/ui/TextInput/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { TextInput as RNTextInput, TextInputProps } from 'react-native';
+declare const TextInput: React.ForwardRefExoticComponent<{
+    variant?: "default" | "underline" | undefined;
+} & TextInputProps & React.RefAttributes<RNTextInput>>;
+export default TextInput;

package/lib/typescript/src/ui/Toast/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type ToastType = 'normal' | 'error' | 'success';
+declare type Context = {
+    show(text: string, type?: ToastType): void;
+};
+declare type Props = {
+    top?: number;
+    bottom?: number;
+    visible: boolean;
+    type: ToastType;
+    children: string;
+};
+declare const Toast: React.FC<Props>;
+export declare const ToastProvider: React.FC<{
+    dismissTimeout?: number;
+}>;
+export declare const useToast: () => Context;
+export default Toast;

package/lib/typescript/src/ui/URLParsedText/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { TextProps } from '../Text';
+declare type OnPressUrl = (url: string, httpProtocol: boolean) => void;
+declare type Props = TextProps & {
+    onPressUrl?: OnPressUrl;
+    strict?: boolean;
+};
+declare const URLParsedText: React.FC<Props>;
+export default URLParsedText;

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "@sendbird/uikit-react-native-foundation",
+  "version": "1.0.0-rc.1",
+  "description": "react-native-uikit",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "test": "jest",
+    "build": "bob build",
+    "clean": "del lib"
+  },
+  "keywords": [
+    "react-native",
+    "sendbird"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/sendbird/sendbird-uikit-react-native.git",
+    "directory": "packages/uikit-react-native-foundation"
+  },
+  "author": "Sendbird <support@sendbird.com>",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "bugs": {
+    "url": "https://github.com/sendbird/sendbird-uikit-react-native.git/issues"
+  },
+  "homepage": "https://github.com/sendbird/sendbird-uikit-react-native.git#readme",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "dependencies": {
+    "@sendbird/uikit-utils": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@types/react": "17.0.2",
+    "@types/react-native": "^0.66.15",
+    "react": "17.0.2",
+    "react-native": "0.66.4",
+    "react-native-builder-bob": "^0.18.0",
+    "react-native-fast-image": "^8.5.11",
+    "react-native-safe-area-context": "^3.3.2",
+    "typescript": "^4.1.3"
+  },
+  "peerDependencies": {
+    "react": ">=16.13.1",
+    "react-native": ">=0.63.3",
+    "react-native-fast-image": "^8.5.11",
+    "react-native-safe-area-context": "^3.3.2"
+  },
+  "peerDependenciesMeta": {
+    "react-native-fast-image": {
+      "optional": true
+    }
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "typedoc": {
+    "entryPoint": "./src/index.ts",
+    "readmeFile": "./README.md",
+    "displayName": "@sendbird/uikit-react-native-foundation"
+  },
+  "gitHead": "870c05138843249a23a3978106a17e7a4e466d4d"
+}

package/src/assets/bundle-icons.js

@@ -0,0 +1,37 @@
+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',
+  }),
+);