@compsych-ui-components/react-native 3.2.5 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compsych-ui-components/react-native",
-  "version": "3.2.5",
+  "version": "4.0.0",
   "description": "React Native UI components for compsych",
   "main": "./src/index.js",
   "types": "./src/index.d.ts",
@@ -18,5 +18,6 @@
     "@compsych-ui-components/shared": "*",
     "react": ">=18.0.0",
     "react-native": ">=0.73.0"
-  }
-}
+  },
+  "type": "commonjs"
+}

package/src/{index.ts → index.d.ts}

@@ -1,2 +1,2 @@
-export { Button } from './lib/button';
-export type { ButtonProps } from './lib/button';
+export { Button } from './lib/button';
+export type { ButtonProps } from './lib/button';

package/src/index.js

@@ -0,0 +1,3 @@
+export { Button } from './lib/button';
+
+//# sourceMappingURL=index.js.map

package/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/react-native/src/index.ts"],"sourcesContent":["export { Button } from './lib/button';\r\nexport type { ButtonProps } from './lib/button';\r\n"],"names":["Button"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe"}

package/src/lib/button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface ButtonProps {
+    label?: string;
+    alertMessage?: string;
+    onPress?: () => void;
+}
+export declare function Button({ label, alertMessage, onPress, }: ButtonProps): React.JSX.Element;

package/src/lib/button.js

@@ -0,0 +1,43 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { Pressable, StyleSheet, Text } from 'react-native';
+import { showAlert } from '@compsych-ui-components/shared';
+export function Button({ label = 'Click me', alertMessage = 'Hello from @compsych/react-native!', onPress }) {
+    const handlePress = ()=>{
+        if (onPress) {
+            onPress();
+        } else {
+            showAlert(alertMessage);
+        }
+    };
+    return /*#__PURE__*/ _jsx(Pressable, {
+        style: ({ pressed })=>[
+                styles.button,
+                pressed && styles.pressed
+            ],
+        onPress: handlePress,
+        accessibilityRole: "button",
+        children: /*#__PURE__*/ _jsx(Text, {
+            style: styles.label,
+            children: label
+        })
+    });
+}
+const styles = StyleSheet.create({
+    button: {
+        paddingVertical: 8,
+        paddingHorizontal: 16,
+        backgroundColor: '#1976d2',
+        borderRadius: 4,
+        alignItems: 'center'
+    },
+    pressed: {
+        backgroundColor: '#1565c0'
+    },
+    label: {
+        color: '#ffffff',
+        fontSize: 14
+    }
+});
+
+//# sourceMappingURL=button.js.map

package/src/lib/button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../packages/react-native/src/lib/button.tsx"],"sourcesContent":["import React from 'react';\r\nimport { Pressable, StyleSheet, Text } from 'react-native';\r\nimport { showAlert } from '@compsych-ui-components/shared';\r\n\r\nexport interface ButtonProps {\r\n  label?: string;\r\n  alertMessage?: string;\r\n  onPress?: () => void;\r\n}\r\n\r\nexport function Button({\r\n  label = 'Click me',\r\n  alertMessage = 'Hello from @compsych/react-native!',\r\n  onPress,\r\n}: ButtonProps) {\r\n  const handlePress = () => {\r\n    if (onPress) {\r\n      onPress();\r\n    } else {\r\n      showAlert(alertMessage);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Pressable\r\n      style={({ pressed }) => [styles.button, pressed && styles.pressed]}\r\n      onPress={handlePress}\r\n      accessibilityRole=\"button\"\r\n    >\r\n      <Text style={styles.label}>{label}</Text>\r\n    </Pressable>\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  button: {\r\n    paddingVertical: 8,\r\n    paddingHorizontal: 16,\r\n    backgroundColor: '#1976d2',\r\n    borderRadius: 4,\r\n    alignItems: 'center',\r\n  },\r\n  pressed: {\r\n    backgroundColor: '#1565c0',\r\n  },\r\n  label: {\r\n    color: '#ffffff',\r\n    fontSize: 14,\r\n  },\r\n});\r\n"],"names":["React","Pressable","StyleSheet","Text","showAlert","Button","label","alertMessage","onPress","handlePress","style","pressed","styles","button","accessibilityRole","create","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","alignItems","color","fontSize"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,eAAe;AAC3D,SAASC,SAAS,QAAQ,iCAAiC;AAQ3D,OAAO,SAASC,OAAO,EACrBC,QAAQ,UAAU,EAClBC,eAAe,oCAAoC,EACnDC,OAAO,EACK;IACZ,MAAMC,cAAc;QAClB,IAAID,SAAS;YACXA;QACF,OAAO;YACLJ,UAAUG;QACZ;IACF;IAEA,qBACE,KAACN;QACCS,OAAO,CAAC,EAAEC,OAAO,EAAE,GAAK;gBAACC,OAAOC,MAAM;gBAAEF,WAAWC,OAAOD,OAAO;aAAC;QAClEH,SAASC;QACTK,mBAAkB;kBAElB,cAAA,KAACX;YAAKO,OAAOE,OAAON,KAAK;sBAAGA;;;AAGlC;AAEA,MAAMM,SAASV,WAAWa,MAAM,CAAC;IAC/BF,QAAQ;QACNG,iBAAiB;QACjBC,mBAAmB;QACnBC,iBAAiB;QACjBC,cAAc;QACdC,YAAY;IACd;IACAT,SAAS;QACPO,iBAAiB;IACnB;IACAZ,OAAO;QACLe,OAAO;QACPC,UAAU;IACZ;AACF"}

package/.swcrc

@@ -1,21 +0,0 @@
-{
-  "jsc": {
-    "target": "es2022",
-    "parser": {
-      "syntax": "typescript",
-      "tsx": true,
-      "decorators": false,
-      "dynamicImport": true
-    },
-    "transform": {
-      "react": {
-        "runtime": "automatic"
-      }
-    }
-  },
-  "module": {
-    "type": "nodenext"
-  },
-  "sourceMaps": true,
-  "exclude": [".*\\.spec\\.tsx?$"]
-}

package/project.json

@@ -1,19 +0,0 @@
-{
-  "name": "react-native",
-  "$schema": "../../node_modules/nx/schemas/project-schema.json",
-  "sourceRoot": "packages/react-native/src",
-  "projectType": "library",
-  "targets": {
-    "build": {
-      "executor": "@nx/js:swc",
-      "outputs": ["{options.outputPath}"],
-      "options": {
-        "outputPath": "dist/packages/react-native",
-        "main": "packages/react-native/src/index.ts",
-        "tsConfig": "packages/react-native/tsconfig.lib.json"
-      },
-      "dependsOn": ["^build"]
-    }
-  },
-  "implicitDependencies": ["shared"]
-}

package/src/lib/button.tsx

@@ -1,50 +0,0 @@
-import React from 'react';
-import { Pressable, StyleSheet, Text } from 'react-native';
-import { showAlert } from '@compsych/shared';
-
-export interface ButtonProps {
-  label?: string;
-  alertMessage?: string;
-  onPress?: () => void;
-}
-
-export function Button({
-  label = 'Click me',
-  alertMessage = 'Hello from @compsych/react-native!',
-  onPress,
-}: ButtonProps) {
-  const handlePress = () => {
-    if (onPress) {
-      onPress();
-    } else {
-      showAlert(alertMessage);
-    }
-  };
-
-  return (
-    <Pressable
-      style={({ pressed }) => [styles.button, pressed && styles.pressed]}
-      onPress={handlePress}
-      accessibilityRole="button"
-    >
-      <Text style={styles.label}>{label}</Text>
-    </Pressable>
-  );
-}
-
-const styles = StyleSheet.create({
-  button: {
-    paddingVertical: 8,
-    paddingHorizontal: 16,
-    backgroundColor: '#1976d2',
-    borderRadius: 4,
-    alignItems: 'center',
-  },
-  pressed: {
-    backgroundColor: '#1565c0',
-  },
-  label: {
-    color: '#ffffff',
-    fontSize: 14,
-  },
-});

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "../../dist/out-tsc",
-    "declarationDir": "../../dist/out-tsc",
-    "jsx": "react-native",
-    "moduleResolution": "node"
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx"]
-}

package/tsconfig.lib.json

@@ -1,8 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "declaration": true,
-    "types": []
-  },
-  "exclude": ["**/*.spec.ts", "**/*.spec.tsx"]
-}