@react-native-ohos/slider 5.0.1-rc.1 → 5.1.2-rc.1

package/package.json

@@ -1,98 +1,92 @@
-{
-  "name": "@react-native-ohos/slider",
-  "version": "5.0.1-rc.1",
-  "license": "MIT",
-  "author": "react-native-community",
-  "homepage": "https://github.com/callstack/react-native-slider#readme",
-  "description": "React Native component used to select a single value from a range of values.",
-  "harmony": {
-    "alias": "@react-native-community/slider"
-  },
-   "files": [
-    "dist",
-    "src",
-    "typings",
-    "harmony"
-  ],
-  "publishConfig": {
-    "registry": "https://npm.pkg.github.com"
-  },
-  "main": "dist/Slider.js",
-  "types": "typings/index.d.ts",
-  "keywords": [
-    "react-native",
-    "react native",
-    "slider"
-  ],
-  "scripts": {
-    "prepare": "babel --extensions \".ts,.tsx\" --out-dir dist src",
-    "lint": "npx eslint src",
-    "test": "npx jest src"
-  },
-  "dependencies": {
-    "@react-native-community/slider": "5.0.0"
-  },
-  "devDependencies": {
-    "@babel/cli": "^7.8.4",
-    "@babel/core": "^7.25.2",
-    "@babel/preset-flow": "^7.9.0",
-    "@babel/preset-typescript": "^7.18.6",
-    "@babel/runtime": "^7.25.0",
-    "@react-native-community/cli": "15.0.1",
-    "@react-native-community/cli-platform-android": "15.0.1",
-    "@react-native-community/cli-platform-ios": "15.0.1",
-    "@react-native-community/eslint-config": "^3.2.0",
-    "@react-native/babel-preset": "0.76.3",
-    "@react-native/eslint-config": "0.76.3",
-    "@react-native/metro-config": "0.76.3",
-    "@react-native/typescript-config": "0.76.3",
-    "@types/jest": "^28.1.8",
-    "@types/react": "^18.2.6",
-    "@types/react-test-renderer": "^18.0.0",
-    "babel-jest": "^29.7.0",
-    "babel-plugin-module-resolver": "5.0.0",
-    "copyfiles": "^2.4.1",
-    "eslint": "^8.19.0",
-    "eslint-plugin-prettier": "4.2.1",
-    "eslint-plugin-react": "^7.30.1",
-    "eslint-plugin-react-native": "^4.0.0",
-    "flow-bin": "^0.163.0",
-    "jest": "^29.5.0",
-    "prettier": "2.8.8",
-    "react": "^18.3.1",
-    "react-native": "^0.77.1",
-    "react-native-windows": "^0.76.2",
-    "react-test-renderer": "^18.3.1",
-    "typescript": "^5.0.4"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/react-native-oh-library/react-native-slider.git"
-  },
-  "jest": {
-    "preset": "react-native",
-    "verbose": true,
-    "modulePathIgnorePatterns": [
-      "/e2e/"
-    ]
-  },
-  "prettier": {
-    "singleQuote": true,
-    "trailingComma": "all",
-    "bracketSpacing": false,
-    "jsxBracketSameLine": true
-  },
-  "codegenConfig": {
-    "name": "RNCSlider",
-    "type": "components",
-    "jsSrcsDir": "src",
-    "android": {
-      "javaPackageName": "com.reactnativecommunity.slider"
-    },
-    "ios": {
-      "componentProvider": {
-        "RNCSlider": "RNCSliderComponentView"
-      }
-    }
-  }
-}
+{
+  "name": "@react-native-ohos/slider",
+  "version": "5.1.2-rc.1",
+  "license": "MIT",
+  "author": "react-native-community",
+  "homepage": "https://gitcode.com/openharmony-sig/rntpc_react-native-slider/tree/br_rnoh0.77#readme",
+  "description": "React Native component used to select a single value from a range of values.",
+  "harmony": {
+    "alias": "@react-native-community/slider"
+  },
+  "publishConfig": {
+    "registry": "https://npm.pkg.github.com"
+  },
+  "main": "dist/Slider.js",
+  "types": "typings/index.d.ts",
+  "keywords": [
+    "react-native",
+    "react native",
+    "slider"
+  ],
+  "scripts": {
+    "prepare": "babel --extensions \".ts,.tsx\" --out-dir dist src",
+    "lint": "npx eslint src",
+    "test": "npx jest src"
+  },
+  "dependencies": {
+    "@react-native-community/slider": "5.1.1"
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.8.4",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-flow": "^7.9.0",
+    "@babel/preset-typescript": "^7.18.6",
+    "@babel/runtime": "^7.25.0",
+    "@react-native-community/cli": "^20.0.2",
+    "@react-native-community/cli-platform-android": "^20.0.2",
+    "@react-native-community/cli-platform-ios": "^20.0.2",
+    "@react-native-community/eslint-config": "^3.2.0",
+    "@react-native/babel-preset": "^0.81.1",
+    "@react-native/eslint-config": "^0.81.1",
+    "@react-native/metro-config": "^0.81.1",
+    "@react-native/typescript-config": "^0.81.1",
+    "@types/jest": "^28.1.8",
+    "@types/react": "^19.2.0",
+    "@types/react-test-renderer": "^19.1.0",
+    "babel-jest": "^29.7.0",
+    "babel-plugin-module-resolver": "5.0.0",
+    "copyfiles": "^2.4.1",
+    "eslint": "^8.19.0",
+    "eslint-plugin-prettier": "4.2.1",
+    "eslint-plugin-react": "^7.30.1",
+    "eslint-plugin-react-native": "^4.0.0",
+    "flow-bin": "^0.163.0",
+    "jest": "^29.5.0",
+    "prettier": "2.8.8",
+    "react": "^19.2.0",
+    "react-native": "^0.81.4",
+    "react-native-windows": "^0.76.2",
+    "react-test-renderer": "^19.2.0",
+    "typescript": "^5.0.4"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitcode.com/openharmony-sig/rntpc_react-native-slider.git"
+  },
+  "jest": {
+    "preset": "react-native",
+    "verbose": true,
+    "modulePathIgnorePatterns": [
+      "/e2e/"
+    ]
+  },
+  "prettier": {
+    "singleQuote": true,
+    "trailingComma": "all",
+    "bracketSpacing": false,
+    "jsxBracketSameLine": true
+  },
+  "codegenConfig": {
+    "name": "RNCSlider",
+    "type": "components",
+    "jsSrcsDir": "src",
+    "android": {
+      "javaPackageName": "com.reactnativecommunity.slider"
+    },
+    "ios": {
+      "componentProvider": {
+        "RNCSlider": "RNCSliderComponentView"
+      }
+    }
+  }
+}

package/react-native.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  dependency: {
+    platforms: {
+      android: {
+        libraryName: 'RNCSlider',
+        componentDescriptors: ['RNCSliderComponentDescriptor'],
+        cmakeListsPath: 'src/main/jni/CMakeLists.txt',
+      },
+    },
+  },
+};

package/src/RNCSliderNativeComponent.ts

@@ -1,47 +1,51 @@
-import type {ColorValue, HostComponent, ViewProps} from 'react-native';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-//@ts-ignore
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
-import type {
-  Float,
-  WithDefault,
-  DirectEventHandler,
-  BubblingEventHandler,
-  Double,
-} from 'react-native/Libraries/Types/CodegenTypes';
-
-type Event = Readonly<{
-  value: Float;
-  fromUser?: boolean;
-}>;
-
-export interface NativeProps extends ViewProps {
-  accessibilityUnits?: string;
-  accessibilityIncrements?: ReadonlyArray<string>;
-  disabled?: WithDefault<boolean, false>;
-  inverted?: WithDefault<boolean, false>;
-  vertical?: WithDefault<boolean, false>;
-  tapToSeek?: WithDefault<boolean, false>;
-  maximumTrackImage?: ImageSource;
-  maximumTrackTintColor?: ColorValue;
-  maximumValue?: Double;
-  minimumTrackImage?: ImageSource;
-  minimumTrackTintColor?: ColorValue;
-  minimumValue?: Double;
-  onChange?: BubblingEventHandler<Event>;
-  onRNCSliderSlidingStart?: DirectEventHandler<Event>;
-  onRNCSliderSlidingComplete?: DirectEventHandler<Event>;
-  onRNCSliderValueChange?: BubblingEventHandler<Event>;
-  step?: Double;
-  testID?: string;
-  thumbImage?: ImageSource;
-  thumbTintColor?: ColorValue;
-  trackImage?: ImageSource;
-  value?: Float;
-  lowerLimit?: Float;
-  upperLimit?: Float;
-}
-
-export default codegenNativeComponent<NativeProps>('RNCSlider', {
-  interfaceOnly: true,
-}) as HostComponent<NativeProps>;
+/*
+ * Copyright (c) 2025 Huawei Device Co., Ltd. All rights reserved
+ * Use of this source code is governed by a MIT license that can be
+ * found in the LICENSE file.
+ */
+
+import type {ColorValue, HostComponent, ViewProps} from 'react-native';
+import {ImageSource, codegenNativeComponent} from 'react-native';
+import type {
+  Float,
+  WithDefault,
+  DirectEventHandler,
+  BubblingEventHandler,
+  Double,
+} from 'react-native/Libraries/Types/CodegenTypes';
+
+type Event = Readonly<{
+  value: Float;
+  fromUser?: boolean;
+}>;
+
+export interface NativeProps extends ViewProps {
+  accessibilityUnits?: string;
+  accessibilityIncrements?: ReadonlyArray<string>;
+  disabled?: WithDefault<boolean, false>;
+  inverted?: WithDefault<boolean, false>;
+  vertical?: WithDefault<boolean, false>;
+  tapToSeek?: WithDefault<boolean, false>;
+  maximumTrackImage?: ImageSource;
+  maximumTrackTintColor?: ColorValue;
+  maximumValue?: Double;
+  minimumTrackImage?: ImageSource;
+  minimumTrackTintColor?: ColorValue;
+  minimumValue?: Double;
+  onChange?: BubblingEventHandler<Event>;
+  onRNCSliderSlidingStart?: DirectEventHandler<Event>;
+  onRNCSliderSlidingComplete?: DirectEventHandler<Event>;
+  onRNCSliderValueChange?: BubblingEventHandler<Event>;
+  step?: Double;
+  testID?: string;
+  thumbImage?: ImageSource;
+  thumbTintColor?: ColorValue;
+  trackImage?: ImageSource;
+  value?: Float;
+  lowerLimit?: Float;
+  upperLimit?: Float;
+}
+
+export default codegenNativeComponent<NativeProps>('RNCSlider', {
+  interfaceOnly: true,
+}) as HostComponent<NativeProps>;