@nuskin/react-loyalty-elements 1.0.0

package/LICENSE.md

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2023, Nuskin
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+# Loyalty Components
+
+This is a repository for loyalty components to be used to integrate with other domains as well as providing reuseability
+

package/package.json

@@ -0,0 +1,68 @@
+{
+    "name": "@nuskin/react-loyalty-elements",
+    "version": "1.0.0",
+    "description": "A React based component library for reusable Nextgen Loyalty component",
+    "main": "src/common/index.ts",
+    "repository": {
+        "type": "git",
+        "url": "git@code.tls.nuskin.io:nextgen-development/loyalty/npm/react-loyalty-elements.git"
+    },
+    "homepage": "https://code.tls.nuskin.io/nextgen-development/loyalty/npm/react-loyalty-elements/-/blob/master/README.md",
+    "publishConfig": {
+        "access": "public"
+    },
+    "keywords": [
+        "react",
+        "loyalty",
+        "nextgen-loyalty",
+        "react-loyalty-elements"
+    ],
+    "license": "MIT",
+    "scripts": {
+        "lint": "eslint",
+        "test": "jest --coverage",
+        "test:watch": "jest --watch",
+        "test:update-snapshot": "jest -u",
+        "test:failed": "npx jest --onlyFailures",
+        "test:coverage": "jest --coverage",
+        "types:check": "tsc --pretty --noEmit"
+    },
+    "dependencies": {
+        "@types/react": "^18.2.0",
+        "@types/react-dom": "^18.2.0",
+        "react-dom": "^18.2.0"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.23.2",
+        "@babel/preset-env": "^7.23.2",
+        "@babel/preset-react": "^7.22.15",
+        "@babel/preset-typescript": "^7.23.2",
+        "@nuskin/eslint-config": "^1.0.0-setup.1",
+        "@testing-library/dom": "^9.3.3",
+        "@testing-library/jest-dom": "^6.1.4",
+        "@testing-library/react": "^14.0.0",
+        "@types/jest": "^29.5.7",
+        "@types/lodash": "^4.14.200",
+        "@types/node": "^20.8.7",
+        "@types/react-test-renderer": "^18.0.5",
+        "babel-jest": "^29.7.0",
+        "babel-loader": "^9.1.3",
+        "babel-plugin-emotion": "^11.0.0",
+        "eslint": "^8.51.0",
+        "eslint-config-prettier": "^9.0.0",
+        "eslint-plugin-json": "^3.1.0",
+        "eslint-plugin-prettier": "^5.0.1",
+        "jest": "^29.7.0",
+        "jest-environment-jsdom": "^29.7.0",
+        "react": "^18.2.0",
+        "typescript": "^5.4.2"
+    },
+    "peerDependencies": {
+        "react": "^18.2.0",
+        "typescript": "^5.4.2"
+    },
+    "files": [
+        "src"
+    ],
+    "readme": "./README.md"
+}

package/src/SampleComponent/SampleComponent.spec.tsx

@@ -0,0 +1,27 @@
+import React from 'react';
+import { render, screen, fireEvent } from '@testing-library/react';
+import SampleComponent from './SampleComponent';
+
+describe('NsInputField', () => {
+    it('should render component', () => {
+        render(<SampleComponent />);
+        const sampleComponent = screen.getByText('Sample Component');
+        expect(sampleComponent).toBeTruthy();
+    });
+
+    it('should increment count', () => {
+        render(<SampleComponent />);
+        const incrementButton = screen.getByText('Increment');
+        fireEvent.click(incrementButton);
+        const count = screen.getByText('Count: 1');
+        expect(count).toBeTruthy();
+    });
+
+    it('should decrement count', () => {
+        render(<SampleComponent />);
+        const decrementButton = screen.getByText('Decrement');
+        fireEvent.click(decrementButton);
+        const count = screen.getByText('Count: -1');
+        expect(count).toBeTruthy();
+    });
+});

package/src/SampleComponent/SampleComponent.tsx

@@ -0,0 +1,15 @@
+import React, { ReactElement, useState } from 'react';
+
+const SampleComponent = (): ReactElement => {
+    const [count, setCount] = useState<number>(0);
+
+    return (
+        <div>
+            <h1>Sample Component</h1>
+            <p>Count: {count}</p>
+            <button onClick={() => setCount(count + 1)}>Increment</button>
+            <button onClick={() => setCount(count - 1)}>Decrement</button>
+        </div>
+    );
+};
+export default SampleComponent;

package/src/SampleComponent/index.ts

@@ -0,0 +1 @@
+export { default as SampleComponent } from './SampleComponent';

package/src/index.ts

@@ -0,0 +1 @@
+export * from './SampleComponent';