phx-react 1.3.1

package/dist/esm/lib/apollo-wrapper.js

@@ -0,0 +1,31 @@
+import { ApolloLink, HttpLink } from '@apollo/client';
+import { ApolloNextAppProvider, NextSSRInMemoryCache, SSRMultipartLink, NextSSRApolloClient, } from '@apollo/experimental-nextjs-app-support/ssr';
+import React from 'react';
+function makeClient() {
+    var uri = 'https://graphql-iris.phx.asia/v1/graphql';
+    var key = 'jcVC8tvmdx8yhWkcv7GZDyvN3gD8elWGqFC0O6ocncgdIFqqDuj87u65Zv6ToP6kRA';
+    var httpLink = new HttpLink({
+        uri: uri,
+        headers: {
+            // @ts-ignore
+            'x-hasura-admin-secret': key
+        }
+    });
+    return new NextSSRApolloClient({
+        cache: new NextSSRInMemoryCache(),
+        link: typeof window === 'undefined'
+            ? ApolloLink.from([
+                new SSRMultipartLink({
+                    stripDefer: true
+                }),
+                httpLink,
+            ])
+            : httpLink
+    });
+}
+// eslint-disable-next-line no-undef
+export function ApolloWrapper(_a) {
+    var children = _a.children;
+    return React.createElement(ApolloNextAppProvider, { makeClient: makeClient }, children);
+}
+//# sourceMappingURL=apollo-wrapper.js.map

package/dist/esm/lib/apollo-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apollo-wrapper.js","sourceRoot":"","sources":["../../../src/lib/apollo-wrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,6CAA6C,CAAA;AACpD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,UAAU;IACjB,IAAM,GAAG,GAAG,0CAA0C,CAAA;IACtD,IAAM,GAAG,GAAG,oEAAoE,CAAA;IAEhF,IAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC;QAC5B,GAAG,KAAA;QACH,OAAO,EAAE;YACP,aAAa;YACb,uBAAuB,EAAE,GAAG;SAC7B;KACF,CAAC,CAAA;IAEF,OAAO,IAAI,mBAAmB,CAAC;QAC7B,KAAK,EAAE,IAAI,oBAAoB,EAAE;QACjC,IAAI,EACF,OAAO,MAAM,KAAK,WAAW;YAC3B,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC;gBACd,IAAI,gBAAgB,CAAC;oBACnB,UAAU,EAAE,IAAI;iBACjB,CAAC;gBACF,QAAQ;aACT,CAAC;YACJ,CAAC,CAAC,QAAQ;KACf,CAAC,CAAA;AACJ,CAAC;AAED,oCAAoC;AACpC,MAAM,UAAU,aAAa,CAAC,EAAqC;QAAnC,QAAQ,cAAA;IACtC,OAAO,oBAAC,qBAAqB,IAAC,UAAU,EAAE,UAAU,IAAG,QAAQ,CAAyB,CAAA;AAC1F,CAAC"}

package/dist/esm/utils/query.d.ts

@@ -0,0 +1,3 @@
+import { MutationOptions, QueryOptions, ApolloClient, NormalizedCacheObject } from '@apollo/client';
+export declare function clientQuery(option: QueryOptions, client: ApolloClient<NormalizedCacheObject>): Promise<any>;
+export declare function clientMutation(option: MutationOptions, client: ApolloClient<NormalizedCacheObject>): Promise<any>;

package/dist/esm/utils/query.js

@@ -0,0 +1,50 @@
+'use client';
+import { __awaiter, __generator } from "tslib";
+// import client from '../apollo-client'
+export function clientQuery(option, client) {
+    return __awaiter(this, void 0, void 0, function () {
+        var startTime, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, client.query(option)];
+                case 1:
+                    data = (_a.sent()).data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 500); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    });
+}
+export function clientMutation(option, client) {
+    return __awaiter(this, void 0, void 0, function () {
+        var startTime, data, endTime, duration;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    startTime = performance.now();
+                    return [4 /*yield*/, client.mutate(option)];
+                case 1:
+                    data = (_a.sent()).data;
+                    endTime = performance.now();
+                    duration = endTime - startTime;
+                    if (!(duration < 100)) return [3 /*break*/, 3];
+                    console.info('promise delay...');
+                    return [4 /*yield*/, new Promise(function (r) { return setTimeout(r, 500); })];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3: return [2 /*return*/, data];
+            }
+        });
+    });
+}
+//# sourceMappingURL=query.js.map

package/dist/esm/utils/query.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"query.js","sourceRoot":"","sources":["../../../src/utils/query.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AAEZ,wCAAwC;AAExC,MAAM,UAAgB,WAAW,CAAC,MAAoB,EAAE,MAA2C;;;;;;oBAC3F,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAClB,qBAAM,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,EAAA;;oBAAnC,IAAI,GAAK,CAAA,SAA0B,CAAA,KAA/B;oBACN,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,GAAG,CAAA,EAAd,wBAAc;oBAChB,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,IAAI,EAAA;;;;CACZ;AAED,MAAM,UAAgB,cAAc,CAClC,MAAuB,EACvB,MAA2C;;;;;;oBAErC,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAClB,qBAAM,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAA;;oBAApC,IAAI,GAAK,CAAA,SAA2B,CAAA,KAAhC;oBACN,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;oBAC3B,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;yBAGhC,CAAA,QAAQ,GAAG,GAAG,CAAA,EAAd,wBAAc;oBAChB,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAA;oBAChC,qBAAM,IAAI,OAAO,CAAC,UAAC,CAAC,IAAK,OAAA,UAAU,CAAC,CAAC,EAAE,GAAG,CAAC,EAAlB,CAAkB,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;;wBAE9C,sBAAO,IAAI,EAAA;;;;CACZ"}

package/dist/esm/utils/use-disable-interaction.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function useDisableClick(disabled?: boolean, handleClick?: () => void): ((event: React.MouseEvent<HTMLButtonElement>) => void) | undefined;

package/dist/esm/utils/use-disable-interaction.js

@@ -0,0 +1,14 @@
+import { useCallback } from 'react';
+export function useDisableClick(disabled, handleClick) {
+    var handleClickWrapper = useCallback(function (event) {
+        if (disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+        }
+    }, [disabled]);
+    if (!disabled) {
+        return handleClick;
+    }
+    return handleClickWrapper;
+}
+//# sourceMappingURL=use-disable-interaction.js.map

package/dist/esm/utils/use-disable-interaction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-disable-interaction.js","sourceRoot":"","sources":["../../../src/utils/use-disable-interaction.ts"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1C,MAAM,UAAU,eAAe,CAAC,QAAkB,EAAE,WAAwB;IAC1E,IAAM,kBAAkB,GAAG,WAAW,CACpC,UAAC,KAA0C;QACzC,IAAI,QAAQ,EAAE;YACZ,KAAK,CAAC,cAAc,EAAE,CAAA;YACtB,KAAK,CAAC,eAAe,EAAE,CAAA;SACxB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,WAAW,CAAA;KACnB;IAED,OAAO,kBAAkB,CAAA;AAC3B,CAAC"}

package/package.json

@@ -0,0 +1,97 @@
+{
+  "name": "phx-react",
+  "version": "1.3.1",
+  "description": "My first react typescript package",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/esm/index.d.ts",
+  "repository": {
+    "type": "git",
+    "url": ""
+  },
+  "scripts": {
+    "build": "yarn build:esm && yarn build:cjs",
+    "build:esm": "tsc",
+    "build:cjs": "tsc --module commonjs --outDir dist/cjs",
+    "lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
+    "prettier": "prettier --write \"{src,tests,example/src}/**/*.{js,ts,jsx,tsx}\"",
+    "test": "jest --config jestconfig.json",
+    "prepare": "npm run build",
+    "prepublishOnly": "npm test && npm run prettier",
+    "pub": "yarn build && npm publish",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "files": [
+    "dist",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "react",
+    "typescript",
+    "awesome-project"
+  ],
+  "author": "PHX DevTeam 2023",
+  "license": "MIT",
+  "devDependencies": {
+    "@apollo/client": "3.8.0-rc.1",
+    "@apollo/experimental-nextjs-app-support": "^0.4.1",
+    "@headlessui/react": "^1.7.14",
+    "@heroicons/react": "^2.0.18",
+    "@storybook/addon-essentials": "^7.0.12",
+    "@storybook/addon-interactions": "^7.0.12",
+    "@storybook/addon-links": "^7.0.12",
+    "@storybook/addon-styling": "^1.0.8",
+    "@storybook/blocks": "^7.0.12",
+    "@storybook/react": "^7.0.12",
+    "@storybook/react-vite": "^7.0.12",
+    "@storybook/testing-library": "^0.0.14-next.2",
+    "@tailwindcss/forms": "^0.5.3",
+    "@testing-library/react": "^13.3.0",
+    "@types/jest": "^28.1.1",
+    "@types/react": "^18.0.12",
+    "@typescript-eslint/eslint-plugin": "^5.27.1",
+    "@typescript-eslint/parser": "^5.27.1",
+    "autoprefixer": "^10.4.14",
+    "chromatic": "^6.18.2",
+    "eslint": "^8.17.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-prettier": "^4.0.0",
+    "eslint-plugin-react": "^7.30.0",
+    "eslint-plugin-react-hooks": "^4.5.0",
+    "eslint-plugin-storybook": "^0.6.12",
+    "graphql": "^16.7.1",
+    "jest": "^28.1.1",
+    "jest-canvas-mock": "^2.4.0",
+    "jest-environment-jsdom": "^28.1.1",
+    "next": "^13.4.13",
+    "js-cookie": "^3.0.5",
+    "postcss": "^8.4.23",
+    "prettier": "^2.6.2",
+    "prop-types": "^15.8.1",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0",
+    "react-hook-form": "^7.45.2",
+    "storybook": "^7.0.12",
+    "tailwindcss": "^3.3.2",
+    "ts-jest": "^28.0.4",
+    "typescript": "^4.7.3",
+    "vite": "^4.3.7",
+    "@types/js-cookie": "^3.0.3"
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "dependencies": {
+    "js-cookie": "^3.0.5",
+    "@fortawesome/fontawesome-svg-core": "^6.4.0",
+    "@fortawesome/free-solid-svg-icons": "^6.4.0",
+    "@fortawesome/react-fontawesome": "^0.2.0"
+  }
+}