@draftbit/core 50.2.1 → 50.2.2-132cc7.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "50.2.1",
+  "version": "50.2.2-132cc7.2+132cc7a",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/src/index.d.ts",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/theme": "50.2.1",
+    "@draftbit/theme": "^50.2.2-132cc7.2+132cc7a",
     "@expo/vector-icons": "^14.0.0",
     "@gorhom/bottom-sheet": "5.0.0-alpha.7",
     "@material-ui/core": "^4.11.0",
@@ -117,5 +117,5 @@
     ],
     "testEnvironment": "node"
   },
-  "gitHead": "61e1fefd75c19101d867a7c9ceae6577444d3017"
+  "gitHead": "132cc7affaf4a70ec5c54bdab57166458b89bb43"
 }

package/src/components/ActivityIndicator.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ActivityIndicator as ActivityIndicatorRN, } from "react-native";
+import { withTheme } from "@draftbit/theme";
+const ActivityIndicator = ({ style, color, theme: { colors }, ...rest }) => {
+    return (React.createElement(ActivityIndicatorRN, { animating: true, hidesWhenStopped: true, size: "small", style: [
+            {
+                backgroundColor: color || colors.border.brand,
+            },
+            style,
+        ], ...rest }));
+};
+export default withTheme(ActivityIndicator);
+//# sourceMappingURL=ActivityIndicator.js.map

package/src/components/ActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["ActivityIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,iBAAiB,IAAI,mBAAmB,GACzC,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAS5C,MAAM,iBAAiB,GAA6C,CAAC,EACnE,KAAK,EACL,KAAK,EACL,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,OAAO,CACL,oBAAC,mBAAmB,IAClB,SAAS,EAAE,IAAI,EACf,gBAAgB,EAAE,IAAI,EACtB,IAAI,EAAE,OAAO,EACb,KAAK,EAAE;YACL;gBACE,eAAe,EAAE,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK;aAC9C;YACD,KAAK;SACN,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,iBAAiB,CAAC,CAAC"}

package/src/components/ActivityIndicator.tsx

@@ -0,0 +1,38 @@
+import * as React from "react";
+import {
+  StyleProp,
+  ViewStyle,
+  ActivityIndicator as ActivityIndicatorRN,
+} from "react-native";
+import { withTheme } from "@draftbit/theme";
+import type { ReadTheme } from "@draftbit/theme";
+
+type Props = {
+  style?: StyleProp<ViewStyle>;
+  color?: string;
+  theme: ReadTheme;
+};
+
+const ActivityIndicator: React.FC<React.PropsWithChildren<Props>> = ({
+  style,
+  color,
+  theme: { colors },
+  ...rest
+}) => {
+  return (
+    <ActivityIndicatorRN
+      animating={true}
+      hidesWhenStopped={true}
+      size={"small"}
+      style={[
+        {
+          backgroundColor: color || colors.border.brand,
+        },
+        style,
+      ]}
+      {...rest}
+    />
+  );
+};
+
+export default withTheme(ActivityIndicator);