@qpqjs/web-admin 0.0.0-stage → 0.2.0

package/lib/esm/view/hooks/useAsyncRequest.js

@@ -0,0 +1,51 @@
+import { useAuthAccessToken, useBaseUrlResolvers } from '@qpqjs/web-react';
+import { useFastCallback } from '@qpqjs/web-react';
+import { apiRequestGet, apiRequestPost, externalRequestGet } from '../../logic';
+import { useAsyncLoading } from '../Loading';
+/**
+ * Custom hook for making a GET request to the platform API.
+ *
+ * @template T - The type of the response data.
+ * @param {string} path - The API path for the GET request.
+ * @returns {AnyAsyncFunction<[], T>} - The asynchronous function for making the API request with loading trigger.
+ */
+export const usePlatformApiGet = (path) => {
+    const accessToken = useAuthAccessToken();
+    const baseUrlResolvers = useBaseUrlResolvers();
+    const requestFunc = useFastCallback(async () => {
+        return await apiRequestGet(path, baseUrlResolvers.getApiUrl(), accessToken);
+    });
+    const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);
+    return requestFuncWithLoadingTrigger;
+};
+/**
+ * Custom hook for making a POST request to the platform API.
+ *
+ * @template T - The type of the response data.
+ * @param {string} path - The API path for the POST request.
+ * @returns {AnyAsyncFunction<[body: object], T>} - The asynchronous function taking the request body, with loading trigger.
+ */
+export const usePlatformApiPost = (path) => {
+    const accessToken = useAuthAccessToken();
+    const baseUrlResolvers = useBaseUrlResolvers();
+    const requestFunc = useFastCallback(async (body) => {
+        return await apiRequestPost(path, body, baseUrlResolvers.getApiUrl(), accessToken);
+    });
+    const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);
+    return requestFuncWithLoadingTrigger;
+};
+/**
+ * Custom hook for making a GET request to the platform API.
+ *
+ * @template T - The type of the response data.
+ * @param {string} path - The API path for the GET request.
+ * @returns {AnyAsyncFunction<[], T>} - The asynchronous function for making the API request with loading trigger.
+ */
+export const useExternalApiGet = (url) => {
+    const requestFunc = useFastCallback(async () => {
+        return await externalRequestGet(url);
+    });
+    const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);
+    return requestFuncWithLoadingTrigger;
+};
+//# sourceMappingURL=useAsyncRequest.js.map

package/lib/esm/view/hooks/useAsyncRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsyncRequest.js","sourceRoot":"","sources":["../../../../src/view/hooks/useAsyncRequest.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEnD,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAG7C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,IAAoB,EAA2B,EAAE;IACpF,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,IAAgB,EAAE;QACzD,OAAO,MAAM,aAAa,CAAI,IAAK,EAAE,gBAAgB,CAAC,SAAS,EAAE,EAAE,WAAW,CAAC,CAAC;IAClF,CAAC,CAAC,CAAC;IAEH,MAAM,6BAA6B,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAEnE,OAAO,6BAA6B,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAI,IAAoB,EAAuC,EAAE;IACjG,MAAM,WAAW,GAAG,kBAAkB,EAAE,CAAC;IACzC,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;IAE/C,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,EAAE,IAAY,EAAc,EAAE;QACrE,OAAO,MAAM,cAAc,CAAI,IAAK,EAAE,IAAI,EAAE,gBAAgB,CAAC,SAAS,EAAE,EAAE,WAAW,CAAC,CAAC;IACzF,CAAC,CAAC,CAAC;IAEH,MAAM,6BAA6B,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAEnE,OAAO,6BAA6B,CAAC;AACvC,CAAC,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAI,GAAmB,EAA2B,EAAE;IACnF,MAAM,WAAW,GAAG,eAAe,CAAC,KAAK,IAAgB,EAAE;QACzD,OAAO,MAAM,kBAAkB,CAAI,GAAI,CAAC,CAAC;IAC3C,CAAC,CAAC,CAAC;IAEH,MAAM,6BAA6B,GAAG,eAAe,CAAC,WAAW,CAAC,CAAC;IAEnE,OAAO,6BAA6B,CAAC;AACvC,CAAC,CAAC","sourcesContent":["import { useAuthAccessToken, useBaseUrlResolvers } from '@qpqjs/web-react';\nimport { useFastCallback } from '@qpqjs/web-react';\n\nimport { apiRequestGet, apiRequestPost, externalRequestGet } from '../../logic';\nimport { useAsyncLoading } from '../Loading';\nimport { AnyAsyncFunction } from '../types';\n\n/**\n * Custom hook for making a GET request to the platform API.\n *\n * @template T - The type of the response data.\n * @param {string} path - The API path for the GET request.\n * @returns {AnyAsyncFunction<[], T>} - The asynchronous function for making the API request with loading trigger.\n */\nexport const usePlatformApiGet = <T>(path?: string | null): AnyAsyncFunction<[], T> => {\n  const accessToken = useAuthAccessToken();\n  const baseUrlResolvers = useBaseUrlResolvers();\n\n  const requestFunc = useFastCallback(async (): Promise<T> => {\n    return await apiRequestGet<T>(path!, baseUrlResolvers.getApiUrl(), accessToken);\n  });\n\n  const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);\n\n  return requestFuncWithLoadingTrigger;\n};\n\n/**\n * Custom hook for making a POST request to the platform API.\n *\n * @template T - The type of the response data.\n * @param {string} path - The API path for the POST request.\n * @returns {AnyAsyncFunction<[body: object], T>} - The asynchronous function taking the request body, with loading trigger.\n */\nexport const usePlatformApiPost = <T>(path?: string | null): AnyAsyncFunction<[body: object], T> => {\n  const accessToken = useAuthAccessToken();\n  const baseUrlResolvers = useBaseUrlResolvers();\n\n  const requestFunc = useFastCallback(async (body: object): Promise<T> => {\n    return await apiRequestPost<T>(path!, body, baseUrlResolvers.getApiUrl(), accessToken);\n  });\n\n  const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);\n\n  return requestFuncWithLoadingTrigger;\n};\n\n/**\n * Custom hook for making a GET request to the platform API.\n *\n * @template T - The type of the response data.\n * @param {string} path - The API path for the GET request.\n * @returns {AnyAsyncFunction<[], T>} - The asynchronous function for making the API request with loading trigger.\n */\nexport const useExternalApiGet = <T>(url?: string | null): AnyAsyncFunction<[], T> => {\n  const requestFunc = useFastCallback(async (): Promise<T> => {\n    return await externalRequestGet<T>(url!);\n  });\n\n  const requestFuncWithLoadingTrigger = useAsyncLoading(requestFunc);\n\n  return requestFuncWithLoadingTrigger;\n};\n"]}

package/lib/esm/view/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export * from './Loading';

package/lib/esm/view/index.js

@@ -0,0 +1,3 @@
+export * from './hooks';
+export * from './Loading';
+//# sourceMappingURL=index.js.map

package/lib/esm/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/view/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC","sourcesContent":["export * from './hooks';\nexport * from './Loading';\n"]}

package/lib/esm/view/types/AnyAsyncFunction.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Represents an asynchronous function with any number of arguments.
+ *
+ * @template T - An array of argument types.
+ * @template U - The return type of the asynchronous function.
+ * @param {...T} args - Arguments to be passed to the asynchronous function.
+ * @returns {Promise<U>} - A promise that resolves with the result of the asynchronous function.
+ */
+export type AnyAsyncFunction<T extends any[], U> = (...args: T) => Promise<U>;

package/lib/esm/view/types/AnyAsyncFunction.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=AnyAsyncFunction.js.map

package/lib/esm/view/types/AnyAsyncFunction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnyAsyncFunction.js","sourceRoot":"","sources":["../../../../src/view/types/AnyAsyncFunction.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents an asynchronous function with any number of arguments.\n *\n * @template T - An array of argument types.\n * @template U - The return type of the asynchronous function.\n * @param {...T} args - Arguments to be passed to the asynchronous function.\n * @returns {Promise<U>} - A promise that resolves with the result of the asynchronous function.\n */\nexport type AnyAsyncFunction<T extends any[], U> = (...args: T) => Promise<U>;\n"]}

package/lib/esm/view/types/index.d.ts

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

package/lib/esm/view/types/index.js

@@ -0,0 +1,2 @@
+export * from './AnyAsyncFunction';
+//# sourceMappingURL=index.js.map

package/lib/esm/view/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/view/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC","sourcesContent":["export * from './AnyAsyncFunction';\n"]}

package/package.json

@@ -1,6 +1,76 @@
 {
   "name": "@qpqjs/web-admin",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.2.0",
+  "description": "",
+  "main": "./lib/commonjs/index.js",
+  "module": "./lib/esm/index.js",
+  "types": "./lib/esm/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "lib/**/*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "clean": "npx rimraf lib && npx rimraf node_modules",
+    "build": "npm run clean && npm run build:esm && npm run build:cjs",
+    "watch": "tsc -p tsconfig.esm.json -w",
+    "build:cjs": "tsc -p tsconfig.commonjs.json",
+    "build:esm": "tsc -p tsconfig.esm.json",
+    "lint": "npx eslint .",
+    "lint:fix": "npx eslint . --fix",
+    "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,scss,md}\""
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/qpqjs/quidproquo.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/qpqjs/quidproquo/issues"
+  },
+  "homepage": "https://github.com/qpqjs/quidproquo#readme",
+  "dependencies": {
+    "@emotion/react": "^11.10.8",
+    "@emotion/styled": "^11.10.8",
+    "@mui/icons-material": "^5.11.16",
+    "@mui/lab": "^5.0.0-alpha.128",
+    "@mui/material": "^5.12.2",
+    "@mui/x-data-grid": "^6.3.0",
+    "@mui/x-date-pickers": "^6.3.0",
+    "@types/react": "^18.3.3",
+    "d3": "^7.8.4",
+    "date-fns": "^2.30.0",
+    "dayjs": "^1.11.7",
+    "javascript-time-ago": "^2.5.9",
+    "@qpqjs/core": "0.2.0",
+    "@qpqjs/features": "0.2.0",
+    "@qpqjs/tsconfig": "0.2.0",
+    "@qpqjs/web": "0.2.0",
+    "@qpqjs/web-react": "0.2.0",
+    "@qpqjs/webserver": "0.2.0",
+    "react": ">=18.3.1",
+    "react-d3-tree": "^3.6.6",
+    "react-dom": "18.3.1",
+    "react-icons": "^4.8.0",
+    "react-inspector": "^6.0.2",
+    "react-markdown": "^9.0.1",
+    "react-time-ago": "^7.2.1",
+    "recharts": "^2.12.3"
+  },
+  "devDependencies": {
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/react": "^16.3.2",
+    "@types/node": "^22.13.13",
+    "@types/react-dom": "^18.3.0",
+    "tsconfig-paths": "^4.2.0",
+    "typescript": "^5.8.2"
+  },
+  "peerDependencies": {
+    "react": ">=18.3.1"
+  }
 }