@rpcbase/ui 0.5.0

package/.wireit/6170706c792d76657273696f6e/fingerprint

@@ -0,0 +1 @@
+{"fullyTracked":true,"platform":"linux","arch":"x64","nodeVersion":"v18.19.0","command":"node ../../scripts/prflow/apply-prerelease-versions.js $BRANCH_NAME","extraArgs":[],"clean":true,"files":{"/home/runner/work/rpcbase/rpcbase/pkg/ui/package.json":"196c030bb35a111fe63385f1450d242da1868720f3e192758a4b16e442a8e12b","/home/runner/work/rpcbase/rpcbase/pkg/ui/yarn.lock":"38df2378ed26e20124d8c38a945af1b4a058656aab3b3b1f71a9d8a629cc0d81","/home/runner/work/rpcbase/rpcbase/yarn.lock":"6418e6930bf35b3c31e73c88c6bf21b0f4033a3a8a4e6470477cdf77088e96f1"},"output":[],"dependencies":{},"env":{"BRANCH_NAME":"master"}}

package/.wireit/6170706c792d76657273696f6e/manifest

@@ -0,0 +1 @@
+{}

package/ActivityIndicator/index.js

@@ -0,0 +1,113 @@
+/* @flow */
+import assert from "assert"
+import {useEffect, useRef} from "react"
+import {Animated, StyleSheet, View, ViewStyle} from "react-native"
+
+import {withStyles} from "@ui-kitten/components"
+import {SpinnerAnimation} from "@ui-kitten/components/ui/spinner/animation"
+
+
+type SizeType = {width: number, height: number}
+
+type ArcElementStyle = {
+  container: ViewStyle,
+  arc: ViewStyle,
+  overflow?: ViewStyle,
+}
+
+const styles = StyleSheet.create({
+  noOverflow: {
+    overflow: "hidden",
+  },
+})
+
+const ActivityIndicator = ({
+  animating = true,
+  size = 24,
+  strokeWidth = 2.6,
+  duration = 1600,
+  color = "#007BFF",
+  testID = "activity-indicator",
+  style = {},
+}) => {
+  const animationRef = useRef(new SpinnerAnimation(size, {duration}))
+
+  assert(typeof size === "number")
+
+  useEffect(() => {
+    if (!animationRef.current) {
+      animationRef.current = new SpinnerAnimation(size, {duration})
+    }
+
+    return () => {
+      animationRef.current?.stop()
+      animationRef.current?.release()
+    }
+  }, [size])
+
+  useEffect(() => {
+    if (animating) {
+      animationRef.current?.start()
+    } else {
+      animationRef.current?.stop()
+    }
+  }, [animating])
+
+  const getComponentStyle = (
+    source: SpinnerAnimation,
+  ): {start: ArcElementStyle, end: ArcElementStyle} => {
+    const start: ArcElementStyle = {
+      container: source.container,
+      arc: source.start,
+    }
+
+    const end: ArcElementStyle = {
+      container: source.container,
+      arc: source.end,
+      overflow: {top: size / 2},
+    }
+
+    return {start, end}
+  }
+
+  const renderArcElement = (arcStyle: ArcElementStyle): React.Element<typeof View> => {
+    const arcSize: SizeType = {width: size, height: size / 2}
+
+    const spinnerStyle = {
+      borderColor: color,
+      borderRadius: size,
+      borderWidth: strokeWidth,
+      height: size,
+      width: size,
+    }
+
+    return (
+      <Animated.View
+        style={[StyleSheet.absoluteFill, arcStyle.container, {width: size, height: size}]}
+      >
+        <View style={[styles.noOverflow, arcStyle.overflow, arcSize]}>
+          <Animated.View style={[arcStyle.arc, {width: size, height: size}]}>
+            <View style={[styles.noOverflow, arcSize]}>
+              <View style={[spinnerStyle]} />
+            </View>
+          </Animated.View>
+        </View>
+      </Animated.View>
+    )
+  }
+
+  if (!animationRef.current) {
+    return null
+  }
+
+  const evaStyle = getComponentStyle(animationRef.current?.toProps())
+
+  return (
+    <View testID={testID} style={{width: size, height: size, ...style}}>
+      {renderArcElement(evaStyle.start)}
+      {renderArcElement(evaStyle.end)}
+    </View>
+  )
+}
+
+export default withStyles(ActivityIndicator, () => ({}))

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@rpcbase/ui",
+  "version": "0.5.0",
+  "license": "SSPL-1.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 0"
+  },
+  "wireit": {
+    "install": {
+      "command": "NODE_ENV=development yarn install --mutex network --frozen-lockfile",
+      "files": [
+        "yarn.lock"
+      ],
+      "output": [
+        "node_modules/"
+      ],
+      "allowUsuallyExcludedPaths": true
+    },
+    "apply-version": {
+      "command": "node ../../scripts/prflow/apply-prerelease-versions.js $BRANCH_NAME",
+      "files": [
+        "package.json"
+      ],
+      "output": [],
+      "env": {
+        "BRANCH_NAME": {
+          "external": true
+        }
+      }
+    },
+    "release": {
+      "command": "npm publish --access public --tag $NPM_RELEASE_CHANNEL | tee publish-output.txt",
+      "dependencies": [
+        "apply-version"
+      ],
+      "files": [
+        "package.json"
+      ],
+      "output": [
+        "publish-output.txt"
+      ],
+      "env": {
+        "NPM_RELEASE_CHANNEL": {
+          "external": true
+        }
+      }
+    }
+  }
+}