@momo-kits/logo 0.74.2-react-native.1

package/index.tsx

@@ -0,0 +1,39 @@
+import React, {FC} from 'react';
+import {View} from 'react-native';
+import {LogoProps} from './types';
+import {Colors, Image} from '@momo-kits/foundation';
+import styles from './styles';
+
+const Logo: FC<LogoProps> = ({
+  type = 'image',
+  useShadow = true,
+  useBorder = true,
+  useBackground = true,
+  backgroundColor = Colors.black_01,
+  shadowColor = '#d9d9d9',
+  borderColor = '#e2e2e2',
+  source,
+  style,
+}) => {
+  const isIcon = type === 'icon';
+  const containerStyle = !isIcon ? styles.image : styles.icon;
+  const shadowStyle = useShadow ? [styles.shadow, {shadowColor}] : {};
+  const backgroundStyle = useBackground && !isIcon ? {backgroundColor} : {};
+  const borderStyle = useBorder && !isIcon ? {borderColor, borderWidth: 2} : {};
+
+  return (
+    <View
+      style={[
+        style,
+        styles.container,
+        containerStyle,
+        backgroundStyle,
+        shadowStyle,
+        borderStyle,
+      ]}>
+      <Image source={{uri: source}} style={styles.logo} />
+    </View>
+  );
+};
+
+export {Logo};

package/package.json

@@ -0,0 +1,15 @@
+{
+    "name": "@momo-kits/logo",
+    "version": "0.74.2-react-native.1",
+    "private": false,
+    "main": "index.tsx",
+    "peerDependencies": {
+        "@momo-kits/foundation": "latest",
+        "react": "*",
+        "react-native": "*",
+        "prop-types": "15.7.2"
+    },
+    "devDependencies": {},
+    "license": "MoMo",
+    "dependencies": {}
+}

package/publish.sh

@@ -0,0 +1,28 @@
+#!/bin/bash
+rm -rf dist
+mkdir dist
+
+cp . ./dist
+
+# GET VERSION from mck_package.json
+VERSIONSTRING=( v$(jq .version package.json) )
+VERSION=(${VERSIONSTRING//[\"]/})
+echo VERSION: $VERSION
+
+rsync -r --verbose --exclude '*.mdx' --exclude '*Demo.js'  --exclude 'props-type.js' --exclude 'prop-types.js' ./* dist
+
+# #babel component to dist
+#babel ./dist -d dist --copy-files
+
+#copy option
+#cp -r ./src/ dist
+
+
+#npm login
+#publish dist to npm
+cd dist
+npm publish --tag beta --access=public
+cd ..
+rm -rf dist
+
+##curl -X POST -H 'Content-Type: application/json' 'https://chat.googleapis.com/v1/spaces/AAAAbP8987c/messages?key=AIzaSyDdI0hCZtE6vySjMm-WEfRq3CPzqKqqsHI&token=UGSFRvk_oYb9uGsAgs31bVvMm6jDkmD8zihGm3eyaQA%3D&threadKey=JoaXTEYaNNkl' -d '{"text": "@momo-kits/bank new version release: '*"$VERSION"*' `https://www.npmjs.com/package/@momo-kits/avatar`"}'

package/styles.ts

@@ -0,0 +1,25 @@
+import {StyleSheet} from 'react-native';
+
+export default StyleSheet.create({
+  container: {
+    width: 28,
+    height: 28,
+  },
+  image: {
+    borderRadius: 9,
+  },
+  icon: {},
+  logo: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 7,
+  },
+  shadow: {
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 1,
+    shadowRadius: 2,
+  },
+});

package/types.ts

@@ -0,0 +1,13 @@
+import {ViewStyle} from 'react-native';
+
+export type LogoProps = {
+  type?: 'icon' | 'image';
+  useShadow?: boolean;
+  useBorder?: boolean;
+  useBackground?: boolean;
+  backgroundColor?: string;
+  shadowColor?: string;
+  borderColor?: string;
+  source: string;
+  style?: ViewStyle | ViewStyle[];
+};