@visin/frontend-core 0.1.2 → 0.1.3

package/dist/components/ErrorPage/ErrorPage.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+/**
+ * Props for the ErrorPage component
+ */
+export interface ErrorPageProps {
+    /** The main error title to display */
+    title?: string;
+    /** The error message content (can be text or React elements) */
+    message?: string | ReactNode;
+    /** Custom icon to display (defaults to error icon) */
+    icon?: ReactNode;
+    /** Whether to show the retry button */
+    showRetry?: boolean;
+    /** Callback function when retry button is clicked */
+    onRetry?: () => void;
+}
+export declare function ErrorPage({ title, message, icon, showRetry, onRetry }: ErrorPageProps): import("react").JSX.Element;
+//# sourceMappingURL=ErrorPage.d.ts.map

package/dist/components/ErrorPage/ErrorPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,uCAAuC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAA6B,EAC7B,OAMC,EACD,IAAsE,EACtE,SAAgB,EAChB,OAAwC,EACzC,EAAE,cAAc,+BA0BhB"}

package/dist/components/ErrorPage/ErrorPage.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Typography, Button } from '@mui/material';
+import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline';
+export function ErrorPage({ title = 'Configuration Error', message = (_jsxs(_Fragment, { children: ["Failed to load application configuration.", _jsx("br", {}), "Please check your network connection and try again."] })), icon = _jsx(ErrorOutlineIcon, { sx: { fontSize: 80, color: 'error.main' } }), showRetry = true, onRetry = () => window.location.reload() }) {
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: '100vh',
+            gap: 2
+        }, children: [icon, _jsx(Typography, { variant: "h4", color: "error", fontWeight: 600, gutterBottom: true, children: title }), _jsx(Typography, { variant: "body1", color: "text.secondary", textAlign: "center", mb: showRetry ? 2 : 0, children: message }), showRetry && (_jsx(Button, { variant: "contained", color: "primary", onClick: onRetry, children: "Retry" }))] }));
+}
+//# sourceMappingURL=ErrorPage.js.map

package/dist/components/ErrorPage/ErrorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorPage.js","sourceRoot":"","sources":["../../../src/components/ErrorPage/ErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,gBAAgB,MAAM,kCAAkC,CAAC;AAkBhE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,GAAG,qBAAqB,EAC7B,OAAO,GAAG,CACR,2EAEE,cAAM,2DAEL,CACJ,EACD,IAAI,GAAG,KAAC,gBAAgB,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,GAAI,EACtE,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,EACzB;IACf,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,CAAC;SACP,aAEA,IAAI,EACL,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAE,GAAG,EAAE,YAAY,kBACjE,KAAK,GACK,EACb,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,EAAC,SAAS,EAAC,QAAQ,EAAC,EAAE,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACxF,OAAO,GACG,EACZ,SAAS,IAAI,CACZ,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,sBAEnD,CACV,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/ErrorPage/index.d.ts

@@ -0,0 +1,3 @@
+export { ErrorPage } from './ErrorPage';
+export type { ErrorPageProps } from './ErrorPage';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ErrorPage/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/ErrorPage/index.js

@@ -0,0 +1,2 @@
+export { ErrorPage } from './ErrorPage';
+//# sourceMappingURL=index.js.map

package/dist/components/ErrorPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ErrorPage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/Loader/Loader.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Props for the Loader component
+ */
+export interface LoaderProps {
+    /** The loading message to display below the spinner */
+    message?: string;
+    /** Size of the loading spinner in pixels */
+    size?: number;
+    /** Whether to take full viewport height or auto height */
+    fullHeight?: boolean;
+}
+export declare function Loader({ message, size, fullHeight }: LoaderProps): import("react").JSX.Element;
+//# sourceMappingURL=Loader.d.ts.map

package/dist/components/Loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAEA;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,MAAM,CAAC,EAAE,OAAsB,EAAE,IAAS,EAAE,UAAiB,EAAE,EAAE,WAAW,+BAmB3F"}

package/dist/components/Loader/Loader.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, CircularProgress, Typography } from '@mui/material';
+export function Loader({ message = 'Loading...', size = 48, fullHeight = true }) {
+    return (_jsxs(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            height: fullHeight ? '100vh' : 'auto',
+            gap: 2,
+            py: fullHeight ? 0 : 8
+        }, children: [_jsx(CircularProgress, { size: size }), _jsx(Typography, { variant: "body1", color: "text.secondary", children: message })] }));
+}
+//# sourceMappingURL=Loader.js.map

package/dist/components/Loader/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAclE,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,IAAI,GAAG,EAAE,EAAE,UAAU,GAAG,IAAI,EAAe;IAC1F,OAAO,CACL,MAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACrC,GAAG,EAAE,CAAC;YACN,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SACvB,aAED,KAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,GAAI,EAChC,KAAC,UAAU,IAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,gBAAgB,YAC/C,OAAO,GACG,IACT,CACP,CAAC;AACJ,CAAC"}

package/dist/components/Loader/index.d.ts

@@ -0,0 +1,3 @@
+export { Loader } from './Loader';
+export type { LoaderProps } from './Loader';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Loader/index.js

@@ -0,0 +1,2 @@
+export { Loader } from './Loader';
+//# sourceMappingURL=index.js.map

package/dist/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,7 @@
 export { createApiClient, ApiError } from './apiClient';
 export type { ApiClientOptions, ApiRequestOptions, ApiClient } from './apiClient';
+export { Loader } from './components/Loader';
+export type { LoaderProps } from './components/Loader';
+export { ErrorPage } from './components/ErrorPage';
+export type { ErrorPageProps } from './components/ErrorPage';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACxD,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAElF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,YAAY,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -1,5 +1,7 @@
 // @visin/frontend-core - Shared frontend auth/API-client logic for Visin frontends
 export { createApiClient, ApiError } from './apiClient';
+export { Loader } from './components/Loader';
+export { ErrorPage } from './components/ErrorPage';
 // Not yet extracted: account-front's `authService.ts`, auth-front's
 // `authFlow.ts`, and vision-front's `AuthContext.tsx` implement auth
 // (token storage, login/logout, session checks) three different ways

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,oEAAoE;AACpE,qEAAqE;AACrE,qEAAqE;AACrE,uEAAuE;AACvE,kEAAkE"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mFAAmF;AAEnF,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAGxD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,oEAAoE;AACpE,qEAAqE;AACrE,qEAAqE;AACrE,uEAAuE;AACvE,kEAAkE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@visin/frontend-core",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Shared frontend auth/API-client logic for Visin frontends",
   "author": "Toomas Tahves",
   "license": "MIT",
@@ -33,12 +33,24 @@
     "auth",
     "api-client"
   ],
+  "peerDependencies": {
+    "@mui/icons-material": "^7.3.11",
+    "@mui/material": "^7.3.11",
+    "react": "^19.2.7"
+  },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
+    "@mui/icons-material": "^7.3.11",
+    "@mui/material": "^7.3.11",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
     "@types/node": "^26.0.1",
+    "@types/react": "^19.2.17",
     "@vitest/coverage-v8": "^3.2.4",
     "eslint": "^10.6.0",
     "jsdom": "^26.1.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "standard-version": "^9.5.0",
     "typescript": "^6.0.3",
     "typescript-eslint": "^8.62.1",