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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compsych-ui-components/react-native",
-  "version": "3.2.5",
+  "version": "4.0.4",
   "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,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Button", {
+    enumerable: true,
+    get: function() {
+        return _button.Button;
+    }
+});
+const _button = require("./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":";;;;+BAASA;;;eAAAA,cAAM;;;wBAAQ"}

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,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Button", {
+    enumerable: true,
+    get: function() {
+        return Button;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _reactnative = require("react-native");
+const _shared = require("@compsych-ui-components/shared");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function Button({ label = 'Click me', alertMessage = 'Hello from @compsych/react-native!', onPress }) {
+    const handlePress = ()=>{
+        if (onPress) {
+            onPress();
+        } else {
+            (0, _shared.showAlert)(alertMessage);
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Pressable, {
+        style: ({ pressed })=>[
+                styles.button,
+                pressed && styles.pressed
+            ],
+        onPress: handlePress,
+        accessibilityRole: "button",
+        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactnative.Text, {
+            style: styles.label,
+            children: label
+        })
+    });
+}
+const styles = _reactnative.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":["Button","label","alertMessage","onPress","handlePress","showAlert","Pressable","style","pressed","styles","button","accessibilityRole","Text","StyleSheet","create","paddingVertical","paddingHorizontal","backgroundColor","borderRadius","alignItems","color","fontSize"],"mappings":";;;;+BAUgBA;;;eAAAA;;;;8DAVE;6BAC0B;wBAClB;;;;;;AAQnB,SAASA,OAAO,EACrBC,QAAQ,UAAU,EAClBC,eAAe,oCAAoC,EACnDC,OAAO,EACK;IACZ,MAAMC,cAAc;QAClB,IAAID,SAAS;YACXA;QACF,OAAO;YACLE,IAAAA,iBAAS,EAACH;QACZ;IACF;IAEA,qBACE,qBAACI,sBAAS;QACRC,OAAO,CAAC,EAAEC,OAAO,EAAE,GAAK;gBAACC,OAAOC,MAAM;gBAAEF,WAAWC,OAAOD,OAAO;aAAC;QAClEL,SAASC;QACTO,mBAAkB;kBAElB,cAAA,qBAACC,iBAAI;YAACL,OAAOE,OAAOR,KAAK;sBAAGA;;;AAGlC;AAEA,MAAMQ,SAASI,uBAAU,CAACC,MAAM,CAAC;IAC/BJ,QAAQ;QACNK,iBAAiB;QACjBC,mBAAmB;QACnBC,iBAAiB;QACjBC,cAAc;QACdC,YAAY;IACd;IACAX,SAAS;QACPS,iBAAiB;IACnB;IACAhB,OAAO;QACLmB,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"]
-}