@longline/aqua-ui 1.0.15 → 1.0.17

package/controls/SecondaryButton/index.d.ts

@@ -1 +1 @@
-export * from './SecondaryButton';
+export { SecondaryButton } from './SecondaryButton';

package/controls/SecondaryButton/index.js

@@ -1 +1 @@
-export * from './SecondaryButton';
+export { SecondaryButton } from './SecondaryButton';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@longline/aqua-ui",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "AquaUI",
   "author": "Alexander van Oostenrijk / Longline Environment",
   "license": "Commercial",
   "homepage": "https://github.com/henck/aqua-ui#readme",
-  "main": "index.js",
-  "module": "index.js",
-  "types": "index.d.ts",
+  "main": "/index.js",
+  "module": "/index.js",
+  "types": "/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/henck/aqua-ui.git"

package/services/Auth/Auth.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+interface IProps {
+    children?: React.ReactNode;
+}
+/**
+ * `Auth` serves as an authentication and authorization context. It wraps an application,
+ * providing it with the `useAuth` hook. This hook is used to determine if a user is currently
+ * authenticated, and redirect to a different route if necessary.
+ *
+ * Wrap an application:
+ *
+ * ```tsx
+ * <Auth>
+ *   ...
+ * </Auth>
+ * ```
+ *
+ * In the application, use `useAuth`:
+ *
+ * ```tsx
+ * const auth = useAuth();
+ * auth.signin("access", "refresh");
+ * ```
+ */
+declare const Auth: (props: IProps) => React.JSX.Element;
+export { Auth };

package/services/Auth/Auth.js

@@ -0,0 +1,63 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { AuthContext } from './AuthContext';
+/**
+ * `Auth` serves as an authentication and authorization context. It wraps an application,
+ * providing it with the `useAuth` hook. This hook is used to determine if a user is currently
+ * authenticated, and redirect to a different route if necessary.
+ *
+ * Wrap an application:
+ *
+ * ```tsx
+ * <Auth>
+ *   ...
+ * </Auth>
+ * ```
+ *
+ * In the application, use `useAuth`:
+ *
+ * ```tsx
+ * const auth = useAuth();
+ * auth.signin("access", "refresh");
+ * ```
+ */
+var Auth = function (props) {
+    var getInitialState = function () {
+        // Try to load Auth from session storage.
+        var authStr = sessionStorage.getItem('auth');
+        var authData = authStr ? JSON.parse(authStr) : {};
+        var initialState = {
+            access_token: null,
+            refresh_token: null
+        };
+        initialState = __assign(__assign({}, initialState), authData);
+        return initialState;
+    };
+    var _a = React.useState(getInitialState()), data = _a[0], setData = _a[1];
+    var signin = function (access_token, refresh_token) {
+        var newData = {
+            access_token: access_token,
+            refresh_token: refresh_token
+        };
+        setData(newData);
+        // Store auth in session:
+        sessionStorage.setItem('auth', JSON.stringify(newData));
+    };
+    var signout = function () {
+        setData({ access_token: null, refresh_token: null });
+        // Remove auth from session:
+        sessionStorage.removeItem('auth');
+    };
+    return (React.createElement(AuthContext.Provider, { value: __assign({ signin: signin, signout: signout }, data) }, props.children));
+};
+export { Auth };

package/services/Auth/AuthContext.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IAuth {
+    access_token: string;
+    refresh_token: string;
+}
+interface IAuthContext extends IAuth {
+    signin: (access_token: string, refresh_token: string) => void;
+    signout: () => void;
+}
+declare const AuthContext: React.Context<IAuthContext>;
+export { AuthContext, IAuth, IAuthContext };

package/services/Auth/AuthContext.js

@@ -0,0 +1,3 @@
+import * as React from 'react';
+var AuthContext = React.createContext(null);
+export { AuthContext };

package/services/Auth/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Auth';
+export * from './useAuth';

package/services/Auth/index.js

@@ -0,0 +1,2 @@
+export * from './Auth';
+export * from './useAuth';

package/services/Auth/useAuth.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Returns the instance of the `Auth` state.
+ */
+declare const useAuth: () => import("./AuthContext").IAuthContext;
+export { useAuth };

package/services/Auth/useAuth.js

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { AuthContext } from "./AuthContext";
+/**
+ * Returns the instance of the `Auth` state.
+ */
+var useAuth = function () {
+    return React.useContext(AuthContext);
+};
+export { useAuth };