@bluealba/pae-ui-react-core 3.0.2-develop-1171

package/dist/src/utils/index.d.ts

@@ -0,0 +1,18 @@
+export { logout } from './logout';
+export { hasAccess } from './hasAccess';
+export { getApplications } from './getApplications';
+export { getOperations } from './getOperations';
+export { navigateTo } from './navigateTo';
+export { isValidEmail } from './isValidEmail';
+/**
+ * Returns the initials from a given display name.
+ *
+ * Splits the display name by spaces and extracts the first character of each word,
+ * then joins them and slices the result to the specified maximum length.
+ * If the display name consists of a single word, it slices the word to the maximum length.
+ *
+ * @param displayName - The display name to extract initials from.
+ * @param maxLength - The maximum number of initials to return. Defaults to 2.
+ * @returns The initials as a string, or an empty string if no display name is provided.
+ */
+export declare const getInitials: (displayName?: string, maxLength?: number) => string;

package/dist/src/utils/initializeMicroFrontend.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { ReactAppOrParcel, SingleSpaReactOpts } from 'single-spa-react';
+import { RootComponentProps } from '../MicrofrontendProps';
+
+export interface MicroFrontendOptions<T extends RootComponentProps> extends SingleSpaReactOpts<T> {
+    rootComponent: FC<T>;
+}
+/**
+ * Main function to create a PAE micro-frontend module.
+ * Internally we use single-spa so currently our API is pretty similar.
+ * But it is enriched with PAE concepts such as ModuleMetadata, the catalog, etc.
+ *
+ * All PAE micro-frontends are wrapped in PAE components that provides react context later used
+ * by the provided hooks.
+ */
+declare const initializeMicroFrontend: <T extends RootComponentProps>({ rootComponent, ...opts }: MicroFrontendOptions<T>) => ReactAppOrParcel<T>;
+export default initializeMicroFrontend;

package/dist/src/utils/isValidEmail.d.ts

@@ -0,0 +1 @@
+export declare const isValidEmail: (email: string) => boolean;

package/dist/src/utils/isValidEmail.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/logout.d.ts

@@ -0,0 +1 @@
+export declare function logout(): void;

package/dist/src/utils/logout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/navigateTo.d.ts

@@ -0,0 +1 @@
+export declare const navigateTo: (path: string) => void;

package/dist/src/utils/promises.d.ts

@@ -0,0 +1,4 @@
+/**
+ * wait the given amount of milliseconds before resolving
+ */
+export declare const sleep: (time: number) => Promise<unknown>;

package/dist/tests/renderHookWithProviders.d.ts

@@ -0,0 +1,3 @@
+import { renderHook } from '@testing-library/react';
+
+export declare const renderHookWithProviders: typeof renderHook;

package/dist/tests/testUtils.d.ts

@@ -0,0 +1,7 @@
+type AuthUser = Window['__PAE_GLOBAL_STATE__']['authUser'];
+type Catalog = Window['__PAE_GLOBAL_STATE__']['catalog'];
+export declare function initGlobalState(): void;
+export declare function mockAuthUser(authUser: Partial<AuthUser>): () => void;
+export declare function mockAuthOperations(operations: string[]): () => void;
+export declare function mockCatalog(catalog: Catalog): () => void;
+export {};

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@bluealba/pae-ui-react-core",
+  "version": "3.0.2-develop-1171",
+  "type": "module",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/src/index.d.ts",
+  "files": [
+    "dist",
+    "src/global.css"
+  ],
+  "description": "React utilities for PAE",
+  "scripts": {
+    "build": "node build/build.mjs",
+    "build:watch": "node build/watch.mjs",
+    "publish-local": "node build/publish.mjs",
+    "publish-local:watch": "node build/publish-watch.mjs",
+    "publish-local:patch": "npm version patch && npm run publish",
+    "publish-local:minor": "npm version minor && npm run publish",
+    "publish-local:major": "npm version major && npm run publish",
+    "test": "jest",
+    "lint:fix": "eslint \"{src,apps,libs,test}/**/*.ts\" --fix"
+  },
+  "keywords": [],
+  "author": "Blue Alba",
+  "license": "PolyForm-Noncommercial-1.0.0",
+  "peerDependencies": {
+    "@tanstack/react-query": "5.79.2",
+    "react": "^18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "devDependencies": {
+    "@bluealba/pae-core": "*",
+    "@testing-library/react": "^16.0.1",
+    "@types/js-cookie": "^3.0.6",
+    "@vitejs/plugin-react": "4.3.1",
+    "chalk": "5.3.0",
+    "jest-fetch-mock": "^3.0.3",
+    "resolvable-promise": "^3.0.0",
+    "vite": "5.3.6",
+    "vite-plugin-dts": "4.0.0-beta.2",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "dependencies": {
+    "@radix-ui/react-slot": "^1.1.0",
+    "clsx": "^2.1.1",
+    "color-parse": "^2.0.2",
+    "js-cookie": "^3.0.5",
+    "jsonwebtoken": "^9.0.2",
+    "pluralize": "^8.0.0",
+    "ramda": "^0.30.1",
+    "react-hot-toast": "2.4.1",
+    "rxjs": "^7.8.1",
+    "single-spa": "^6.0.1",
+    "single-spa-react": "6.0.1"
+  },
+  "publishConfig": {
+    "@bluealba:registry": "https://registry.npmjs.org/",
+    "access": "public"
+  }
+}

package/src/global.css

@@ -0,0 +1,32 @@
+:root {
+  /* Input */
+  --platform-label-color: var(--platform-text-secondary-color);
+  --platform-input-border-color: var(--platform-lines);
+  --platform-input-background-color: var(--platform-background-secondary-color);
+  --platform-input-color: var(--platform-text-primary-color);
+  --platform-input-focus-border-color: var(--platform-color-primary);
+
+  /* Button */
+  --platform-button-base-padding: 4px 16px;
+  --platform-button-base-border-radius: 6px;
+  --platform-button-base-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+  --platform-button-base-font-size: 1em;
+  --platform-button-base-line-height: 16px;
+  --platform-button-base-height: calc(2 * var(--platform-button-base-font-size));
+  /* Contained Primary variant */
+  --platform-button-contained-primary-background-color: var(--platform-color-primary);
+  --platform-button-contained-primary-color: #ffffff;
+  /* Outlined Primary variant */
+  --platform-button-outlined-primary-color: var(--platform-color-primary);
+  /* Text Primary variant */
+  --platform-button-text-primary-color: var(--platform-text-primary-color);
+
+  /* Contained danger variant */
+  --platform-button-contained-danger-background-color: var(--platform-color-danger);
+  --platform-button-contained-danger-color: #ffffff;
+  /* Outlined danger variant */
+  --platform-button-outlined-danger-color: var(--platform-color-danger);
+  /* Text danger variant */
+  --platform-button-text-danger-color: var(--platform-color-danger);  
+  
+}