@adiraku/react-native-ui 1.2.3-snapshot.3 → 1.2.3-snapshot.4

package/package.json

@@ -1,133 +1,133 @@
-{
-  "name": "@adiraku/react-native-ui",
-  "version": "1.2.3-snapshot.3",
-  "description": "UI library for Adiraku apps",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
-  "types": "lib/typescript/index.d.ts",
-  "react-native": "src/index",
-  "source": "src/index",
-  "files": [
-    "src",
-    "lib",
-    "android",
-    "ios",
-    "cpp",
-    "*.podspec",
-    "!lib/typescript/example",
-    "!ios/build",
-    "!android/build",
-    "!android/gradle",
-    "!android/gradlew",
-    "!android/gradlew.bat",
-    "!android/local.properties",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
-    "!**/.*"
-  ],
-  "scripts": {
-    "test": "jest",
-    "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "lint-fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
-    "prepack": "bob build",
-    "release": "release-it",
-    "example": "yarn --cwd example",
-    "bootstrap": "yarn example && yarn install && yarn example pods",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
-  },
-  "keywords": [
-    "react-native",
-    "ios",
-    "android"
-  ],
-  "repository": "https://bitbucket.org/dcoedev/adiraku-react-native-ui/",
-  "author": "DCOEDev",
-  "license": "MIT",
-  "bugs": {
-    "url": "https://bitbucket.org/dcoedev/adiraku-react-native-ui/issues"
-  },
-  "homepage": "https://bitbucket.org/dcoedev/adiraku-react-native-ui#readme",
-  "devDependencies": {
-    "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.2.2",
-    "@react-native-community/eslint-config": "^3.0.2",
-    "@release-it/conventional-changelog": "^5.0.0",
-    "@types/jest": "^28.1.2",
-    "@types/react": "~17.0.21",
-    "@types/react-native": "0.70.0",
-    "commitlint": "^17.0.2",
-    "del-cli": "^5.0.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "jest": "^28.1.1",
-    "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
-    "react": "18.2.0",
-    "react-native": "0.71.1",
-    "react-native-builder-bob": "^0.20.0",
-    "react-native-svg": "^13.9.0",
-    "react-native-svg-web": "^1.0.9",
-    "react-native-web": "^0.19.4",
-    "release-it": "^15.0.0",
-    "typescript": "4.5.2"
-  },
-  "resolutions": {
-    "@types/react": "17.0.21"
-  },
-  "peerDependencies": {
-    "react": "*",
-    "react-native": "*",
-    "react-native-svg": "9.9.3"
-  },
-  "packageManager": "^yarn@1.22.15",
-  "jest": {
-    "preset": "react-native",
-    "modulePathIgnorePatterns": [
-      "<rootDir>/example/node_modules",
-      "<rootDir>/lib/"
-    ]
-  },
-  "release-it": {
-    "git": {
-      "commitMessage": "chore: release ${version}",
-      "tagName": "v${version}"
-    },
-    "npm": {
-      "publish": true
-    },
-    "github": {
-      "release": true
-    },
-    "plugins": {
-      "@release-it/conventional-changelog": {
-        "preset": "angular"
-      }
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ],
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
-  },
-  "dependencies": {
-    "react-native-mask-input": "^1.2.3",
-    "react-native-modal": "^13.0.1",
-    "react-native-toast-message": "^2.1.6"
-  }
-}
+{
+  "name": "@adiraku/react-native-ui",
+  "version": "1.2.3-snapshot.4",
+  "description": "UI library for Adiraku apps",
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "files": [
+    "src",
+    "lib",
+    "android",
+    "ios",
+    "cpp",
+    "*.podspec",
+    "!lib/typescript/example",
+    "!ios/build",
+    "!android/build",
+    "!android/gradle",
+    "!android/gradlew",
+    "!android/gradlew.bat",
+    "!android/local.properties",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "scripts": {
+    "test": "jest",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint-fix": "eslint \"**/*.{js,ts,tsx}\" --fix",
+    "prepack": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "bootstrap": "yarn example && yarn install && yarn example pods",
+    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android"
+  ],
+  "repository": "https://bitbucket.org/dcoedev/adiraku-react-native-ui/",
+  "author": "DCOEDev",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://bitbucket.org/dcoedev/adiraku-react-native-ui/issues"
+  },
+  "homepage": "https://bitbucket.org/dcoedev/adiraku-react-native-ui#readme",
+  "devDependencies": {
+    "@commitlint/config-conventional": "^17.0.2",
+    "@evilmartians/lefthook": "^1.2.2",
+    "@react-native-community/eslint-config": "^3.0.2",
+    "@release-it/conventional-changelog": "^5.0.0",
+    "@types/jest": "^28.1.2",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "0.70.0",
+    "commitlint": "^17.0.2",
+    "del-cli": "^5.0.0",
+    "eslint": "^8.4.1",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "jest": "^28.1.1",
+    "pod-install": "^0.1.0",
+    "prettier": "^2.0.5",
+    "react": "18.2.0",
+    "react-native": "0.71.1",
+    "react-native-builder-bob": "^0.20.0",
+    "react-native-svg": "^13.9.0",
+    "react-native-svg-web": "^1.0.9",
+    "react-native-web": "^0.19.4",
+    "release-it": "^15.0.0",
+    "typescript": "4.5.2"
+  },
+  "resolutions": {
+    "@types/react": "17.0.21"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*",
+    "react-native-svg": "9.9.3"
+  },
+  "packageManager": "^yarn@1.22.15",
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/node_modules",
+      "<rootDir>/lib/"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  },
+  "dependencies": {
+    "react-native-mask-input": "^1.2.3",
+    "react-native-modal": "^13.0.1",
+    "react-native-toast-message": "^2.1.6"
+  }
+}

package/react-native-ui.podspec

@@ -1,36 +1,36 @@
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "package.json")))
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-
-Pod::Spec.new do |s|
-  s.name         = "react-native-ui"
-  s.version      = package["version"]
-  s.summary      = package["description"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.authors      = package["author"]
-
-  s.platforms    = { :ios => "11.0" }
-  s.source       = { :git => "https://bitbucket.com/AndhikaK/react-native-ui.git", :tag => "#{s.version}" }
-
-  s.source_files = "ios/**/*.{h,m,mm,swift}"
-
-  s.dependency "React-Core"
-
-  # Don't install the dependencies when we run `pod install` in the old architecture.
-  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-    s.pod_target_xcconfig    = {
-        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
-        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
-    }
-    s.dependency "React-RCTFabric"
-    s.dependency "React-Codegen"
-    s.dependency "RCT-Folly"
-    s.dependency "RCTRequired"
-    s.dependency "RCTTypeSafety"
-    s.dependency "ReactCommon/turbomodule/core"
-  end
-end
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
+
+Pod::Spec.new do |s|
+  s.name         = "react-native-ui"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => "11.0" }
+  s.source       = { :git => "https://bitbucket.com/AndhikaK/react-native-ui.git", :tag => "#{s.version}" }
+
+  s.source_files = "ios/**/*.{h,m,mm,swift}"
+
+  s.dependency "React-Core"
+
+  # Don't install the dependencies when we run `pod install` in the old architecture.
+  if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
+    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
+    s.pod_target_xcconfig    = {
+        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
+        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
+        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    }
+    s.dependency "React-RCTFabric"
+    s.dependency "React-Codegen"
+    s.dependency "RCT-Folly"
+    s.dependency "RCTRequired"
+    s.dependency "RCTTypeSafety"
+    s.dependency "ReactCommon/turbomodule/core"
+  end
+end

package/src/components/Appbar/Appbar.component.tsx

@@ -1,73 +1,73 @@
-import * as React from 'react';
-import { TouchableHighlight, View } from 'react-native';
-
-import { getStyle } from './Appbar.style';
-import { Palettes, Shadow } from '../../themes';
-import { IconArrowLeft } from '../../icons';
-import { Typography } from '../typography/typography.component';
-
-import type { AppbarProps } from './Appbar.type';
-
-const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
-  const {
-    backIcon = (
-      <IconArrowLeft width={20} height={20} fill={Palettes.black[900]} />
-    ),
-    title = '',
-    customHeader = null,
-    containerStyle,
-    onBackPress = () => {},
-    buttonActions = [],
-    withShadow = true,
-    backIconProps = {},
-    titleProps = {},
-  } = props;
-
-  const computedStyle = getStyle();
-
-  return (
-    <View
-      style={[
-        computedStyle.container,
-        containerStyle,
-        withShadow && Shadow['shadow-elevation-2'],
-      ]}
-    >
-      {customHeader || (
-        <>
-          <TouchableHighlight
-            onPress={onBackPress}
-            style={[computedStyle.iconWrapper]}
-            underlayColor={Palettes.grey[50]}
-            {...backIconProps}
-          >
-            {backIcon}
-          </TouchableHighlight>
-          <View style={[computedStyle.contentWrapper]}>
-            <Typography
-              variant="subtitle1"
-              style={[computedStyle.title]}
-              {...titleProps}
-            >
-              {title}
-            </Typography>
-            {buttonActions.length > 0 &&
-              buttonActions.map((action, idx) => (
-                <TouchableHighlight
-                  key={idx}
-                  onPress={action.onPress}
-                  style={[computedStyle.iconWrapper]}
-                  underlayColor={Palettes.grey[50]}
-                  {...action.props}
-                >
-                  {action.icon}
-                </TouchableHighlight>
-              ))}
-          </View>
-        </>
-      )}
-    </View>
-  );
-};
-
-export { Appbar };
+import * as React from 'react';
+import { TouchableHighlight, View } from 'react-native';
+
+import { getStyle } from './Appbar.style';
+import { Palettes, Shadow } from '../../themes';
+import { IconArrowLeft } from '../../icons';
+import { Typography } from '../typography/typography.component';
+
+import type { AppbarProps } from './Appbar.type';
+
+const Appbar: React.FunctionComponent<AppbarProps> = (props) => {
+  const {
+    backIcon = (
+      <IconArrowLeft width={20} height={20} fill={Palettes.black[900]} />
+    ),
+    title = '',
+    customHeader = null,
+    containerStyle,
+    onBackPress = () => {},
+    buttonActions = [],
+    withShadow = true,
+    backIconProps = {},
+    titleProps = {},
+  } = props;
+
+  const computedStyle = getStyle(props);
+
+  return (
+    <View
+      style={[
+        computedStyle.container,
+        containerStyle,
+        withShadow && Shadow['shadow-elevation-2'],
+      ]}
+    >
+      {customHeader || (
+        <>
+          <TouchableHighlight
+            onPress={onBackPress}
+            style={[computedStyle.iconWrapper]}
+            underlayColor={Palettes.grey[50]}
+            {...backIconProps}
+          >
+            {backIcon}
+          </TouchableHighlight>
+          <View style={[computedStyle.contentWrapper]}>
+            <Typography
+              variant="subtitle1"
+              style={[computedStyle.title]}
+              {...titleProps}
+            >
+              {title}
+            </Typography>
+            {buttonActions.length > 0 &&
+              buttonActions.map((action, idx) => (
+                <TouchableHighlight
+                  key={idx}
+                  onPress={action.onPress}
+                  style={[computedStyle.iconWrapper]}
+                  underlayColor={Palettes.grey[50]}
+                  {...action.props}
+                >
+                  {action.icon}
+                </TouchableHighlight>
+              ))}
+          </View>
+        </>
+      )}
+    </View>
+  );
+};
+
+export { Appbar };

package/src/components/Appbar/Appbar.style.tsx

@@ -1,46 +1,48 @@
-import { StyleSheet } from 'react-native';
-
-import { Palettes, Radius, Spacing } from '../../themes';
-
-import type { ViewStyle } from 'react-native';
-import { TextStyle } from 'react-native';
-
-interface ComputedStyleProps {
-  container?: ViewStyle;
-  iconWrapper?: ViewStyle;
-  contentWrapper?: ViewStyle;
-  title?: TextStyle;
-}
-
-export const getStyle = () => {
-  const computedStyle: ComputedStyleProps = {};
-
-  computedStyle.container = {
-    width: '100%',
-    height: 56,
-    padding: Spacing[16],
-    backgroundColor: Palettes.white[50],
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'center',
-  };
-
-  computedStyle.iconWrapper = {
-    padding: Spacing[8],
-    borderRadius: Radius[4],
-  };
-
-  computedStyle.contentWrapper = {
-    flex: 1,
-    marginLeft: Spacing[16],
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center',
-  };
-
-  computedStyle.title = {
-    flex: 1,
-  };
-
-  return StyleSheet.create(computedStyle);
-};
+import { StyleSheet } from 'react-native';
+
+import { Palettes, Radius, Spacing } from '../../themes';
+import { AppbarProps } from './Appbar.type';
+
+import type { ViewStyle } from 'react-native';
+import { TextStyle } from 'react-native';
+
+interface ComputedStyleProps {
+  container?: ViewStyle;
+  iconWrapper?: ViewStyle;
+  contentWrapper?: ViewStyle;
+  title?: TextStyle;
+}
+
+export const getStyle = (props: AppbarProps) => {
+  const { statusBarHeight = 0 } = props;
+  const computedStyle: ComputedStyleProps = {};
+
+  computedStyle.container = {
+    width: '100%',
+    height: 56 + statusBarHeight,
+    padding: Spacing[16],
+    backgroundColor: Palettes.white[50],
+    flexDirection: 'row',
+    justifyContent: 'flex-start',
+    alignItems: 'center',
+  };
+
+  computedStyle.iconWrapper = {
+    padding: Spacing[8],
+    borderRadius: Radius[4],
+  };
+
+  computedStyle.contentWrapper = {
+    flex: 1,
+    marginLeft: Spacing[16],
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  };
+
+  computedStyle.title = {
+    flex: 1,
+  };
+
+  return StyleSheet.create(computedStyle);
+};

package/src/components/Appbar/Appbar.type.ts

@@ -1,28 +1,30 @@
-import { ReactNode } from 'react';
-import { ViewStyle } from 'react-native';
-
-import type { TouchableHighlightProps, TextProps } from 'react-native';
-
-export interface AppbarProps {
-  title?: string;
-
-  onBackPress: () => void;
-
-  backIcon?: ReactNode;
-
-  backIconProps?: TouchableHighlightProps;
-
-  titleProps?: TextProps;
-
-  customHeader?: ReactNode;
-
-  containerStyle?: ViewStyle;
-
-  withShadow?: boolean;
-
-  buttonActions?: {
-    icon: ReactNode;
-    onPress: () => void;
-    props?: TouchableHighlightProps;
-  }[];
-}
+import { ReactNode } from 'react';
+import { ViewStyle } from 'react-native';
+
+import type { TouchableHighlightProps, TextProps } from 'react-native';
+
+export interface AppbarProps {
+  title?: string;
+
+  onBackPress: () => void;
+
+  backIcon?: ReactNode;
+
+  backIconProps?: TouchableHighlightProps;
+
+  titleProps?: TextProps;
+
+  customHeader?: ReactNode;
+
+  containerStyle?: ViewStyle;
+
+  withShadow?: boolean;
+
+  statusBarHeight?: number;
+
+  buttonActions?: {
+    icon: ReactNode;
+    onPress: () => void;
+    props?: TouchableHighlightProps;
+  }[];
+}