@deephaven/auth-plugins 0.37.4-beta.0 → 0.37.4-logout.1

package/dist/AuthPlugin.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { CoreClient } from '@deephaven/jsapi-types';
 /**
  * Map from auth config keys to their values
  * E.g. Map { AuthHandlers → "io.deephaven.auth.AnonymousAuthenticationHandler" }
@@ -11,18 +10,16 @@ export type AuthConfigMap = Map<string, string>;
 export type AuthPluginProps = {
     /** Map from config keys to their values */
     authConfigValues: AuthConfigMap;
-    /** Client to check auth configuration on */
-    client: CoreClient;
-    /** Called when authentication is sucessful */
-    onSuccess(): void;
-    /** Called when authentication fails */
-    onFailure(error: unknown): void;
+    /**
+     * The children to render after authentication is completed.
+     */
+    children: React.ReactNode;
 };
 export type AuthPluginComponent = React.FunctionComponent<AuthPluginProps>;
 /**
  * Whether the auth plugin is available given the current configuration
  */
-export type AuthPluginIsAvailableFunction = (authHandlers: string[]) => boolean;
+export type AuthPluginIsAvailableFunction = (authHandlers: string[], authConfig: AuthConfigMap) => boolean;
 export type AuthPlugin = {
     Component: AuthPluginComponent;
     isAvailable: AuthPluginIsAvailableFunction;

package/dist/AuthPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPlugin.d.ts","sourceRoot":"","sources":["../src/AuthPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,2CAA2C;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAEhC,4CAA4C;IAC5C,MAAM,EAAE,UAAU,CAAC;IAEnB,8CAA8C;IAC9C,SAAS,IAAI,IAAI,CAAC;IAElB,uCAAuC;IACvC,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,CAAC,YAAY,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC;AAEhF,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,WAAW,EAAE,6BAA6B,CAAC;CAC5C,CAAC;AAEF,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,IAAI,UAAU,CAOnE"}
+{"version":3,"file":"AuthPlugin.d.ts","sourceRoot":"","sources":["../src/AuthPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,2CAA2C;IAC3C,gBAAgB,EAAE,aAAa,CAAC;IAEhC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,6BAA6B,GAAG,CAC1C,YAAY,EAAE,MAAM,EAAE,EACtB,UAAU,EAAE,aAAa,KACtB,OAAO,CAAC;AAEb,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,EAAE,mBAAmB,CAAC;IAC/B,WAAW,EAAE,6BAA6B,CAAC;CAC5C,CAAC;AAEF,wBAAgB,YAAY,CAAC,MAAM,CAAC,EAAE,OAAO,GAAG,MAAM,IAAI,UAAU,CAOnE"}

package/dist/AuthPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPlugin.js","names":["isAuthPlugin","plugin","authPlugin","Component","undefined","isAvailable"],"sources":["../src/AuthPlugin.ts"],"sourcesContent":["import React from 'react';\nimport { CoreClient } from '@deephaven/jsapi-types';\n\n/**\n * Map from auth config keys to their values\n * E.g. Map { AuthHandlers → \"io.deephaven.auth.AnonymousAuthenticationHandler\" }\n */\nexport type AuthConfigMap = Map<string, string>;\n\n/**\n * Props for the auth plugin component to render\n */\nexport type AuthPluginProps = {\n  /** Map from config keys to their values */\n  authConfigValues: AuthConfigMap;\n\n  /** Client to check auth configuration on */\n  client: CoreClient;\n\n  /** Called when authentication is sucessful */\n  onSuccess(): void;\n\n  /** Called when authentication fails */\n  onFailure(error: unknown): void;\n};\n\nexport type AuthPluginComponent = React.FunctionComponent<AuthPluginProps>;\n\n/**\n * Whether the auth plugin is available given the current configuration\n */\nexport type AuthPluginIsAvailableFunction = (authHandlers: string[]) => boolean;\n\nexport type AuthPlugin = {\n  Component: AuthPluginComponent;\n  isAvailable: AuthPluginIsAvailableFunction;\n};\n\nexport function isAuthPlugin(plugin?: unknown): plugin is AuthPlugin {\n  if (plugin == null) return false;\n  const authPlugin = plugin as AuthPlugin;\n  return (\n    authPlugin.Component !== undefined &&\n    typeof authPlugin.isAvailable === 'function'\n  );\n}\n"],"mappings":"AAGA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAiBA;AACA;AACA;;AAQA,OAAO,SAASA,YAAY,CAACC,MAAgB,EAAwB;EACnE,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAO,KAAK;EAChC,IAAMC,UAAU,GAAGD,MAAoB;EACvC,OACEC,UAAU,CAACC,SAAS,KAAKC,SAAS,IAClC,OAAOF,UAAU,CAACG,WAAW,KAAK,UAAU;AAEhD"}
+{"version":3,"file":"AuthPlugin.js","names":["isAuthPlugin","plugin","authPlugin","Component","undefined","isAvailable"],"sources":["../src/AuthPlugin.ts"],"sourcesContent":["import React from 'react';\n\n/**\n * Map from auth config keys to their values\n * E.g. Map { AuthHandlers → \"io.deephaven.auth.AnonymousAuthenticationHandler\" }\n */\nexport type AuthConfigMap = Map<string, string>;\n\n/**\n * Props for the auth plugin component to render\n */\nexport type AuthPluginProps = {\n  /** Map from config keys to their values */\n  authConfigValues: AuthConfigMap;\n\n  /**\n   * The children to render after authentication is completed.\n   */\n  children: React.ReactNode;\n};\n\nexport type AuthPluginComponent = React.FunctionComponent<AuthPluginProps>;\n\n/**\n * Whether the auth plugin is available given the current configuration\n */\nexport type AuthPluginIsAvailableFunction = (\n  authHandlers: string[],\n  authConfig: AuthConfigMap\n) => boolean;\n\nexport type AuthPlugin = {\n  Component: AuthPluginComponent;\n  isAvailable: AuthPluginIsAvailableFunction;\n};\n\nexport function isAuthPlugin(plugin?: unknown): plugin is AuthPlugin {\n  if (plugin == null) return false;\n  const authPlugin = plugin as AuthPlugin;\n  return (\n    authPlugin.Component !== undefined &&\n    typeof authPlugin.isAvailable === 'function'\n  );\n}\n"],"mappings":"AAEA;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAaA;AACA;AACA;;AAWA,OAAO,SAASA,YAAY,CAACC,MAAgB,EAAwB;EACnE,IAAIA,MAAM,IAAI,IAAI,EAAE,OAAO,KAAK;EAChC,IAAMC,UAAU,GAAGD,MAAoB;EACvC,OACEC,UAAU,CAACC,SAAS,KAAKC,SAAS,IAClC,OAAOF,UAAU,CAACG,WAAW,KAAK,UAAU;AAEhD"}

package/dist/AuthPluginAnonymous.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginAnonymous.d.ts","sourceRoot":"","sources":["../src/AuthPluginAnonymous.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAoD3D,QAAA,MAAM,mBAAmB,EAAE,UAI1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"AuthPluginAnonymous.d.ts","sourceRoot":"","sources":["../src/AuthPluginAnonymous.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AA6B3D,QAAA,MAAM,mBAAmB,EAAE,UAI1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/AuthPluginAnonymous.js

@@ -1,64 +1,32 @@
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React, { useEffect, useState } from 'react';
+import React, { useCallback } from 'react';
 import { useApi } from '@deephaven/jsapi-bootstrap';
-import Log from '@deephaven/log';
-import { LoadingOverlay } from '@deephaven/components';
 import { AUTH_HANDLER_TYPE_ANONYMOUS } from "./AuthHandlerTypes.js";
-var log = Log.module('AuthPluginAnonymous');
+import AuthPluginBase from "./AuthPluginBase.js";
+import { UserPermissionsOverrideContext } from "./UserContexts.js";
+var permissionsOverrides = {
+  canLogout: false
+};
 
 /**
  * AuthPlugin that tries to login anonymously. Fails if anonymous login fails
  */
 function Component(_ref) {
   var {
-    client,
-    onSuccess,
-    onFailure
+    children
   } = _ref;
-  var [error, setError] = useState();
   var dh = useApi();
-  useEffect(() => {
-    var isCanceled = false;
-    function login() {
-      return _login.apply(this, arguments);
-    }
-    function _login() {
-      _login = _asyncToGenerator(function* () {
-        try {
-          log.info('Logging in...');
-          yield client.login({
-            type: dh.CoreClient.LOGIN_TYPE_ANONYMOUS
-          });
-          if (isCanceled) {
-            log.info('Previous login result canceled');
-            return;
-          }
-          log.info('Logged in successfully.');
-          onSuccess();
-        } catch (e) {
-          if (isCanceled) {
-            log.info('Previous login failure canceled');
-            return;
-          }
-          log.error('Unable to login:', e);
-          setError(e);
-          onFailure(e);
-        }
-      });
-      return _login.apply(this, arguments);
-    }
-    login();
-    return () => {
-      isCanceled = true;
+  var getLoginOptions = useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
+    return {
+      type: dh.CoreClient.LOGIN_TYPE_ANONYMOUS
     };
-  }, [client, dh, onFailure, onSuccess]);
-  return /*#__PURE__*/React.createElement(LoadingOverlay, {
-    "data-testid": "auth-anonymous-loading",
-    isLoading: true,
-    isLoaded: false,
-    errorMessage: error != null ? "".concat(error) : null
-  });
+  }), [dh]);
+  return /*#__PURE__*/React.createElement(AuthPluginBase, {
+    getLoginOptions: getLoginOptions
+  }, /*#__PURE__*/React.createElement(UserPermissionsOverrideContext.Provider, {
+    value: permissionsOverrides
+  }, children));
 }
 var AuthPluginAnonymous = {
   Component,

package/dist/AuthPluginAnonymous.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginAnonymous.js","names":["React","useEffect","useState","useApi","Log","LoadingOverlay","AUTH_HANDLER_TYPE_ANONYMOUS","log","module","Component","client","onSuccess","onFailure","error","setError","dh","isCanceled","login","info","type","CoreClient","LOGIN_TYPE_ANONYMOUS","e","AuthPluginAnonymous","isAvailable","authHandlers","includes"],"sources":["../src/AuthPluginAnonymous.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport Log from '@deephaven/log';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { AUTH_HANDLER_TYPE_ANONYMOUS } from './AuthHandlerTypes';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\n\nconst log = Log.module('AuthPluginAnonymous');\n\n/**\n * AuthPlugin that tries to login anonymously. Fails if anonymous login fails\n */\nfunction Component({\n  client,\n  onSuccess,\n  onFailure,\n}: AuthPluginProps): JSX.Element {\n  const [error, setError] = useState<unknown>();\n  const dh = useApi();\n\n  useEffect(() => {\n    let isCanceled = false;\n    async function login() {\n      try {\n        log.info('Logging in...');\n        await client.login({ type: dh.CoreClient.LOGIN_TYPE_ANONYMOUS });\n        if (isCanceled) {\n          log.info('Previous login result canceled');\n          return;\n        }\n        log.info('Logged in successfully.');\n        onSuccess();\n      } catch (e) {\n        if (isCanceled) {\n          log.info('Previous login failure canceled');\n          return;\n        }\n        log.error('Unable to login:', e);\n        setError(e);\n        onFailure(e);\n      }\n    }\n    login();\n    return () => {\n      isCanceled = true;\n    };\n  }, [client, dh, onFailure, onSuccess]);\n  return (\n    <LoadingOverlay\n      data-testid=\"auth-anonymous-loading\"\n      isLoading\n      isLoaded={false}\n      errorMessage={error != null ? `${error}` : null}\n    />\n  );\n}\n\nconst AuthPluginAnonymous: AuthPlugin = {\n  Component,\n  isAvailable: authHandlers =>\n    authHandlers.includes(AUTH_HANDLER_TYPE_ANONYMOUS),\n};\n\nexport default AuthPluginAnonymous;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,MAAM,QAAQ,4BAA4B;AACnD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AAAC,SAC9CC,2BAA2B;AAGpC,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,qBAAqB,CAAC;;AAE7C;AACA;AACA;AACA,SAASC,SAAS,OAIe;EAAA,IAJd;IACjBC,MAAM;IACNC,SAAS;IACTC;EACe,CAAC;EAChB,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,EAAW;EAC7C,IAAMa,EAAE,GAAGZ,MAAM,EAAE;EAEnBF,SAAS,CAAC,MAAM;IACd,IAAIe,UAAU,GAAG,KAAK;IAAC,SACRC,KAAK;MAAA;IAAA;IAAA;MAAA,2BAApB,aAAuB;QACrB,IAAI;UACFV,GAAG,CAACW,IAAI,CAAC,eAAe,CAAC;UACzB,MAAMR,MAAM,CAACO,KAAK,CAAC;YAAEE,IAAI,EAAEJ,EAAE,CAACK,UAAU,CAACC;UAAqB,CAAC,CAAC;UAChE,IAAIL,UAAU,EAAE;YACdT,GAAG,CAACW,IAAI,CAAC,gCAAgC,CAAC;YAC1C;UACF;UACAX,GAAG,CAACW,IAAI,CAAC,yBAAyB,CAAC;UACnCP,SAAS,EAAE;QACb,CAAC,CAAC,OAAOW,CAAC,EAAE;UACV,IAAIN,UAAU,EAAE;YACdT,GAAG,CAACW,IAAI,CAAC,iCAAiC,CAAC;YAC3C;UACF;UACAX,GAAG,CAACM,KAAK,CAAC,kBAAkB,EAAES,CAAC,CAAC;UAChCR,QAAQ,CAACQ,CAAC,CAAC;UACXV,SAAS,CAACU,CAAC,CAAC;QACd;MACF,CAAC;MAAA;IAAA;IACDL,KAAK,EAAE;IACP,OAAO,MAAM;MACXD,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,EAAEK,EAAE,EAAEH,SAAS,EAAED,SAAS,CAAC,CAAC;EACtC,oBACE,oBAAC,cAAc;IACb,eAAY,wBAAwB;IACpC,SAAS;IACT,QAAQ,EAAE,KAAM;IAChB,YAAY,EAAEE,KAAK,IAAI,IAAI,aAAMA,KAAK,IAAK;EAAK,EAChD;AAEN;AAEA,IAAMU,mBAA+B,GAAG;EACtCd,SAAS;EACTe,WAAW,EAAEC,YAAY,IACvBA,YAAY,CAACC,QAAQ,CAACpB,2BAA2B;AACrD,CAAC;AAED,eAAeiB,mBAAmB"}
+{"version":3,"file":"AuthPluginAnonymous.js","names":["React","useCallback","useApi","AUTH_HANDLER_TYPE_ANONYMOUS","AuthPluginBase","UserPermissionsOverrideContext","permissionsOverrides","canLogout","Component","children","dh","getLoginOptions","type","CoreClient","LOGIN_TYPE_ANONYMOUS","AuthPluginAnonymous","isAvailable","authHandlers","includes"],"sources":["../src/AuthPluginAnonymous.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { useApi } from '@deephaven/jsapi-bootstrap';\nimport { AUTH_HANDLER_TYPE_ANONYMOUS } from './AuthHandlerTypes';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\nimport AuthPluginBase from './AuthPluginBase';\nimport {\n  UserPermissionsOverride,\n  UserPermissionsOverrideContext,\n} from './UserContexts';\n\nconst permissionsOverrides: UserPermissionsOverride = { canLogout: false };\n\n/**\n * AuthPlugin that tries to login anonymously. Fails if anonymous login fails\n */\nfunction Component({ children }: AuthPluginProps): JSX.Element {\n  const dh = useApi();\n\n  const getLoginOptions = useCallback(\n    async () => ({ type: dh.CoreClient.LOGIN_TYPE_ANONYMOUS }),\n    [dh]\n  );\n\n  return (\n    <AuthPluginBase getLoginOptions={getLoginOptions}>\n      <UserPermissionsOverrideContext.Provider value={permissionsOverrides}>\n        {children}\n      </UserPermissionsOverrideContext.Provider>\n    </AuthPluginBase>\n  );\n}\n\nconst AuthPluginAnonymous: AuthPlugin = {\n  Component,\n  isAvailable: authHandlers =>\n    authHandlers.includes(AUTH_HANDLER_TYPE_ANONYMOUS),\n};\n\nexport default AuthPluginAnonymous;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,MAAM,QAAQ,4BAA4B;AAAC,SAC3CC,2BAA2B;AAAA,OAE7BC,cAAc;AAAA,SAGnBC,8BAA8B;AAGhC,IAAMC,oBAA6C,GAAG;EAAEC,SAAS,EAAE;AAAM,CAAC;;AAE1E;AACA;AACA;AACA,SAASC,SAAS,OAA6C;EAAA,IAA5C;IAAEC;EAA0B,CAAC;EAC9C,IAAMC,EAAE,GAAGR,MAAM,EAAE;EAEnB,IAAMS,eAAe,GAAGV,WAAW,iCACjC;IAAA,OAAa;MAAEW,IAAI,EAAEF,EAAE,CAACG,UAAU,CAACC;IAAqB,CAAC;EAAA,CAAC,GAC1D,CAACJ,EAAE,CAAC,CACL;EAED,oBACE,oBAAC,cAAc;IAAC,eAAe,EAAEC;EAAgB,gBAC/C,oBAAC,8BAA8B,CAAC,QAAQ;IAAC,KAAK,EAAEL;EAAqB,GAClEG,QAAQ,CAC+B,CAC3B;AAErB;AAEA,IAAMM,mBAA+B,GAAG;EACtCP,SAAS;EACTQ,WAAW,EAAEC,YAAY,IACvBA,YAAY,CAACC,QAAQ,CAACf,2BAA2B;AACrD,CAAC;AAED,eAAeY,mBAAmB"}

package/dist/AuthPluginBase.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { LoginOptions } from '@deephaven/jsapi-types';
+export type AuthPluginBaseProps = {
+    /**
+     * The children to render after authentication is completed.
+     */
+    children: React.ReactNode;
+    /**
+     * Retrieve the login options for logging in to the client
+     * @returns A promise for the login options
+     */
+    getLoginOptions: () => Promise<LoginOptions>;
+};
+/**
+ * Base AuthPlugin that gets passed a function for retrieving the login options, and then attempting to login with them.
+ * @param getLoginOptions Function that returns a promise for the login options
+ */
+declare function AuthPluginBase({ children, getLoginOptions, }: AuthPluginBaseProps): JSX.Element;
+export default AuthPluginBase;
+//# sourceMappingURL=AuthPluginBase.d.ts.map

package/dist/AuthPluginBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPluginBase.d.ts","sourceRoot":"","sources":["../src/AuthPluginBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAKtD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,EAAE,MAAM,OAAO,CAAC,YAAY,CAAC,CAAC;CAC9C,CAAC;AAEF;;;GAGG;AACH,iBAAS,cAAc,CAAC,EACtB,QAAQ,EACR,eAAe,GAChB,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAiDnC;AAED,eAAe,cAAc,CAAC"}

package/dist/AuthPluginBase.js

@@ -0,0 +1,68 @@
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+import React, { useEffect, useState } from 'react';
+import { LoadingOverlay } from '@deephaven/components';
+import { useClient } from '@deephaven/jsapi-bootstrap';
+import Log from '@deephaven/log';
+import { CanceledPromiseError } from '@deephaven/utils';
+var log = Log.module('AuthPluginBase');
+/**
+ * Base AuthPlugin that gets passed a function for retrieving the login options, and then attempting to login with them.
+ * @param getLoginOptions Function that returns a promise for the login options
+ */
+function AuthPluginBase(_ref) {
+  var {
+    children,
+    getLoginOptions
+  } = _ref;
+  var client = useClient();
+  var [error, setError] = useState();
+  var [isLoggedIn, setIsLoggedIn] = useState(false);
+  useEffect(() => {
+    var isCanceled = false;
+    function verifyNotCanceled() {
+      if (isCanceled) {
+        throw new CanceledPromiseError('Login canceled.');
+      }
+    }
+    function login() {
+      return _login.apply(this, arguments);
+    }
+    function _login() {
+      _login = _asyncToGenerator(function* () {
+        try {
+          var loginOptions = yield getLoginOptions();
+          verifyNotCanceled();
+          log.info('Logging in...');
+          yield client.login(loginOptions);
+          verifyNotCanceled();
+          setIsLoggedIn(true);
+        } catch (e) {
+          if (!isCanceled) {
+            log.error('Unable to login:', e);
+            setError(e);
+            setIsLoggedIn(false);
+          }
+        }
+      });
+      return _login.apply(this, arguments);
+    }
+    login();
+    return () => {
+      isCanceled = true;
+    };
+  }, [client, getLoginOptions]);
+  if (!isLoggedIn) {
+    return /*#__PURE__*/React.createElement(LoadingOverlay, {
+      "data-testid": "auth-base-loading",
+      isLoading: error == null,
+      isLoaded: false,
+      errorMessage: error != null ? "".concat(error) : null
+    });
+  }
+
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
+}
+export default AuthPluginBase;
+//# sourceMappingURL=AuthPluginBase.js.map

package/dist/AuthPluginBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthPluginBase.js","names":["React","useEffect","useState","LoadingOverlay","useClient","Log","CanceledPromiseError","log","module","AuthPluginBase","children","getLoginOptions","client","error","setError","isLoggedIn","setIsLoggedIn","isCanceled","verifyNotCanceled","login","loginOptions","info","e"],"sources":["../src/AuthPluginBase.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { useClient } from '@deephaven/jsapi-bootstrap';\nimport Log from '@deephaven/log';\nimport { LoginOptions } from '@deephaven/jsapi-types';\nimport { CanceledPromiseError } from '@deephaven/utils';\n\nconst log = Log.module('AuthPluginBase');\n\nexport type AuthPluginBaseProps = {\n  /**\n   * The children to render after authentication is completed.\n   */\n  children: React.ReactNode;\n\n  /**\n   * Retrieve the login options for logging in to the client\n   * @returns A promise for the login options\n   */\n  getLoginOptions: () => Promise<LoginOptions>;\n};\n\n/**\n * Base AuthPlugin that gets passed a function for retrieving the login options, and then attempting to login with them.\n * @param getLoginOptions Function that returns a promise for the login options\n */\nfunction AuthPluginBase({\n  children,\n  getLoginOptions,\n}: AuthPluginBaseProps): JSX.Element {\n  const client = useClient();\n  const [error, setError] = useState<unknown>();\n  const [isLoggedIn, setIsLoggedIn] = useState(false);\n\n  useEffect(() => {\n    let isCanceled = false;\n    function verifyNotCanceled() {\n      if (isCanceled) {\n        throw new CanceledPromiseError('Login canceled.');\n      }\n    }\n    async function login() {\n      try {\n        const loginOptions = await getLoginOptions();\n        verifyNotCanceled();\n\n        log.info('Logging in...');\n        await client.login(loginOptions);\n        verifyNotCanceled();\n\n        setIsLoggedIn(true);\n      } catch (e) {\n        if (!isCanceled) {\n          log.error('Unable to login:', e);\n          setError(e);\n          setIsLoggedIn(false);\n        }\n      }\n    }\n    login();\n    return () => {\n      isCanceled = true;\n    };\n  }, [client, getLoginOptions]);\n\n  if (!isLoggedIn) {\n    return (\n      <LoadingOverlay\n        data-testid=\"auth-base-loading\"\n        isLoading={error == null}\n        isLoaded={false}\n        errorMessage={error != null ? `${error}` : null}\n      />\n    );\n  }\n\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  return <>{children}</>;\n}\n\nexport default AuthPluginBase;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,cAAc,QAAQ,uBAAuB;AACtD,SAASC,SAAS,QAAQ,4BAA4B;AACtD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,SAASC,oBAAoB,QAAQ,kBAAkB;AAEvD,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,gBAAgB,CAAC;AAexC;AACA;AACA;AACA;AACA,SAASC,cAAc,OAGc;EAAA,IAHb;IACtBC,QAAQ;IACRC;EACmB,CAAC;EACpB,IAAMC,MAAM,GAAGR,SAAS,EAAE;EAC1B,IAAM,CAACS,KAAK,EAAEC,QAAQ,CAAC,GAAGZ,QAAQ,EAAW;EAC7C,IAAM,CAACa,UAAU,EAAEC,aAAa,CAAC,GAAGd,QAAQ,CAAC,KAAK,CAAC;EAEnDD,SAAS,CAAC,MAAM;IACd,IAAIgB,UAAU,GAAG,KAAK;IACtB,SAASC,iBAAiB,GAAG;MAC3B,IAAID,UAAU,EAAE;QACd,MAAM,IAAIX,oBAAoB,CAAC,iBAAiB,CAAC;MACnD;IACF;IAAC,SACca,KAAK;MAAA;IAAA;IAAA;MAAA,2BAApB,aAAuB;QACrB,IAAI;UACF,IAAMC,YAAY,SAAST,eAAe,EAAE;UAC5CO,iBAAiB,EAAE;UAEnBX,GAAG,CAACc,IAAI,CAAC,eAAe,CAAC;UACzB,MAAMT,MAAM,CAACO,KAAK,CAACC,YAAY,CAAC;UAChCF,iBAAiB,EAAE;UAEnBF,aAAa,CAAC,IAAI,CAAC;QACrB,CAAC,CAAC,OAAOM,CAAC,EAAE;UACV,IAAI,CAACL,UAAU,EAAE;YACfV,GAAG,CAACM,KAAK,CAAC,kBAAkB,EAAES,CAAC,CAAC;YAChCR,QAAQ,CAACQ,CAAC,CAAC;YACXN,aAAa,CAAC,KAAK,CAAC;UACtB;QACF;MACF,CAAC;MAAA;IAAA;IACDG,KAAK,EAAE;IACP,OAAO,MAAM;MACXF,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EAAE,CAACL,MAAM,EAAED,eAAe,CAAC,CAAC;EAE7B,IAAI,CAACI,UAAU,EAAE;IACf,oBACE,oBAAC,cAAc;MACb,eAAY,mBAAmB;MAC/B,SAAS,EAAEF,KAAK,IAAI,IAAK;MACzB,QAAQ,EAAE,KAAM;MAChB,YAAY,EAAEA,KAAK,IAAI,IAAI,aAAMA,KAAK,IAAK;IAAK,EAChD;EAEN;;EAEA;EACA,oBAAO,0CAAGH,QAAQ,CAAI;AACxB;AAEA,eAAeD,cAAc"}

package/dist/AuthPluginParent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginParent.d.ts","sourceRoot":"","sources":["../src/AuthPluginParent.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AA8C3D,QAAA,MAAM,gBAAgB,EAAE,UAIvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"AuthPluginParent.d.ts","sourceRoot":"","sources":["../src/AuthPluginParent.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAiC3D,QAAA,MAAM,gBAAgB,EAAE,UAIvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/AuthPluginParent.js

@@ -1,10 +1,16 @@
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
-function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React, { useEffect, useState } from 'react';
+import React from 'react';
 import { LOGIN_OPTIONS_REQUEST, requestParentResponse } from '@deephaven/jsapi-utils';
 import Log from '@deephaven/log';
-import { LoadingOverlay } from '@deephaven/components';
+import AuthPluginBase from "./AuthPluginBase.js";
+import { UserPermissionsOverrideContext } from "./UserContexts.js";
 var log = Log.module('AuthPluginParent');
+var permissionsOverrides = {
+  canLogout: false
+};
+function getLoginOptions() {
+  log.info('Logging in by delegating to parent window...');
+  return requestParentResponse(LOGIN_OPTIONS_REQUEST);
+}
 function getWindowAuthProvider() {
   var _URLSearchParams$get;
   return (_URLSearchParams$get = new URLSearchParams(window.location.search).get('authProvider')) !== null && _URLSearchParams$get !== void 0 ? _URLSearchParams$get : '';
@@ -15,39 +21,13 @@ function getWindowAuthProvider() {
  */
 function Component(_ref) {
   var {
-    client,
-    onSuccess,
-    onFailure
+    children
   } = _ref;
-  var [error, setError] = useState();
-  useEffect(() => {
-    function login() {
-      return _login.apply(this, arguments);
-    }
-    function _login() {
-      _login = _asyncToGenerator(function* () {
-        try {
-          log.info('Logging in by delegating to parent window...');
-          var loginOptions = yield requestParentResponse(LOGIN_OPTIONS_REQUEST);
-          yield client.login(loginOptions);
-          log.info('Logged in successfully.');
-          onSuccess();
-        } catch (e) {
-          log.error('Unable to login:', e);
-          setError(e);
-          onFailure(e);
-        }
-      });
-      return _login.apply(this, arguments);
-    }
-    login();
-  }, [client, onFailure, onSuccess]);
-  return /*#__PURE__*/React.createElement(LoadingOverlay, {
-    "data-testid": "auth-parent-loading",
-    isLoading: true,
-    isLoaded: false,
-    errorMessage: error != null ? "".concat(error) : null
-  });
+  return /*#__PURE__*/React.createElement(AuthPluginBase, {
+    getLoginOptions: getLoginOptions
+  }, /*#__PURE__*/React.createElement(UserPermissionsOverrideContext.Provider, {
+    value: permissionsOverrides
+  }, children));
 }
 var AuthPluginParent = {
   Component,

package/dist/AuthPluginParent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginParent.js","names":["React","useEffect","useState","LOGIN_OPTIONS_REQUEST","requestParentResponse","Log","LoadingOverlay","log","module","getWindowAuthProvider","URLSearchParams","window","location","search","get","Component","client","onSuccess","onFailure","error","setError","login","info","loginOptions","e","AuthPluginParent","isAvailable","opener"],"sources":["../src/AuthPluginParent.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { LoginOptions } from '@deephaven/jsapi-types';\nimport {\n  LOGIN_OPTIONS_REQUEST,\n  requestParentResponse,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\n\nconst log = Log.module('AuthPluginParent');\n\nfunction getWindowAuthProvider(): string {\n  return new URLSearchParams(window.location.search).get('authProvider') ?? '';\n}\n\n/**\n * AuthPlugin that tries to delegate to the parent window for authentication. Fails if there is no parent window.\n */\nfunction Component({\n  client,\n  onSuccess,\n  onFailure,\n}: AuthPluginProps): JSX.Element {\n  const [error, setError] = useState<unknown>();\n  useEffect(() => {\n    async function login() {\n      try {\n        log.info('Logging in by delegating to parent window...');\n        const loginOptions = await requestParentResponse<LoginOptions>(\n          LOGIN_OPTIONS_REQUEST\n        );\n\n        await client.login(loginOptions);\n        log.info('Logged in successfully.');\n        onSuccess();\n      } catch (e) {\n        log.error('Unable to login:', e);\n        setError(e);\n        onFailure(e);\n      }\n    }\n    login();\n  }, [client, onFailure, onSuccess]);\n  return (\n    <LoadingOverlay\n      data-testid=\"auth-parent-loading\"\n      isLoading\n      isLoaded={false}\n      errorMessage={error != null ? `${error}` : null}\n    />\n  );\n}\n\nconst AuthPluginParent: AuthPlugin = {\n  Component,\n  isAvailable: () =>\n    window.opener != null && getWindowAuthProvider() === 'parent',\n};\n\nexport default AuthPluginParent;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAElD,SACEC,qBAAqB,EACrBC,qBAAqB,QAChB,wBAAwB;AAC/B,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AAGtD,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,kBAAkB,CAAC;AAE1C,SAASC,qBAAqB,GAAW;EAAA;EACvC,+BAAO,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,cAAc,CAAC,uEAAI,EAAE;AAC9E;;AAEA;AACA;AACA;AACA,SAASC,SAAS,OAIe;EAAA,IAJd;IACjBC,MAAM;IACNC,SAAS;IACTC;EACe,CAAC;EAChB,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGlB,QAAQ,EAAW;EAC7CD,SAAS,CAAC,MAAM;IAAA,SACCoB,KAAK;MAAA;IAAA;IAAA;MAAA,2BAApB,aAAuB;QACrB,IAAI;UACFd,GAAG,CAACe,IAAI,CAAC,8CAA8C,CAAC;UACxD,IAAMC,YAAY,SAASnB,qBAAqB,CAC9CD,qBAAqB,CACtB;UAED,MAAMa,MAAM,CAACK,KAAK,CAACE,YAAY,CAAC;UAChChB,GAAG,CAACe,IAAI,CAAC,yBAAyB,CAAC;UACnCL,SAAS,EAAE;QACb,CAAC,CAAC,OAAOO,CAAC,EAAE;UACVjB,GAAG,CAACY,KAAK,CAAC,kBAAkB,EAAEK,CAAC,CAAC;UAChCJ,QAAQ,CAACI,CAAC,CAAC;UACXN,SAAS,CAACM,CAAC,CAAC;QACd;MACF,CAAC;MAAA;IAAA;IACDH,KAAK,EAAE;EACT,CAAC,EAAE,CAACL,MAAM,EAAEE,SAAS,EAAED,SAAS,CAAC,CAAC;EAClC,oBACE,oBAAC,cAAc;IACb,eAAY,qBAAqB;IACjC,SAAS;IACT,QAAQ,EAAE,KAAM;IAChB,YAAY,EAAEE,KAAK,IAAI,IAAI,aAAMA,KAAK,IAAK;EAAK,EAChD;AAEN;AAEA,IAAMM,gBAA4B,GAAG;EACnCV,SAAS;EACTW,WAAW,EAAE,MACXf,MAAM,CAACgB,MAAM,IAAI,IAAI,IAAIlB,qBAAqB,EAAE,KAAK;AACzD,CAAC;AAED,eAAegB,gBAAgB"}
+{"version":3,"file":"AuthPluginParent.js","names":["React","LOGIN_OPTIONS_REQUEST","requestParentResponse","Log","AuthPluginBase","UserPermissionsOverrideContext","log","module","permissionsOverrides","canLogout","getLoginOptions","info","getWindowAuthProvider","URLSearchParams","window","location","search","get","Component","children","AuthPluginParent","isAvailable","opener"],"sources":["../src/AuthPluginParent.tsx"],"sourcesContent":["import React from 'react';\nimport { LoginOptions } from '@deephaven/jsapi-types';\nimport {\n  LOGIN_OPTIONS_REQUEST,\n  requestParentResponse,\n} from '@deephaven/jsapi-utils';\nimport Log from '@deephaven/log';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\nimport AuthPluginBase from './AuthPluginBase';\nimport {\n  UserPermissionsOverride,\n  UserPermissionsOverrideContext,\n} from './UserContexts';\n\nconst log = Log.module('AuthPluginParent');\n\nconst permissionsOverrides: UserPermissionsOverride = { canLogout: false };\n\nfunction getLoginOptions(): Promise<LoginOptions> {\n  log.info('Logging in by delegating to parent window...');\n  return requestParentResponse<LoginOptions>(LOGIN_OPTIONS_REQUEST);\n}\n\nfunction getWindowAuthProvider(): string {\n  return new URLSearchParams(window.location.search).get('authProvider') ?? '';\n}\n\n/**\n * AuthPlugin that tries to delegate to the parent window for authentication. Fails if there is no parent window.\n */\nfunction Component({ children }: AuthPluginProps): JSX.Element {\n  return (\n    <AuthPluginBase getLoginOptions={getLoginOptions}>\n      <UserPermissionsOverrideContext.Provider value={permissionsOverrides}>\n        {children}\n      </UserPermissionsOverrideContext.Provider>\n    </AuthPluginBase>\n  );\n}\n\nconst AuthPluginParent: AuthPlugin = {\n  Component,\n  isAvailable: () =>\n    window.opener != null && getWindowAuthProvider() === 'parent',\n};\n\nexport default AuthPluginParent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SACEC,qBAAqB,EACrBC,qBAAqB,QAChB,wBAAwB;AAC/B,OAAOC,GAAG,MAAM,gBAAgB;AAAC,OAE1BC,cAAc;AAAA,SAGnBC,8BAA8B;AAGhC,IAAMC,GAAG,GAAGH,GAAG,CAACI,MAAM,CAAC,kBAAkB,CAAC;AAE1C,IAAMC,oBAA6C,GAAG;EAAEC,SAAS,EAAE;AAAM,CAAC;AAE1E,SAASC,eAAe,GAA0B;EAChDJ,GAAG,CAACK,IAAI,CAAC,8CAA8C,CAAC;EACxD,OAAOT,qBAAqB,CAAeD,qBAAqB,CAAC;AACnE;AAEA,SAASW,qBAAqB,GAAW;EAAA;EACvC,+BAAO,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,cAAc,CAAC,uEAAI,EAAE;AAC9E;;AAEA;AACA;AACA;AACA,SAASC,SAAS,OAA6C;EAAA,IAA5C;IAAEC;EAA0B,CAAC;EAC9C,oBACE,oBAAC,cAAc;IAAC,eAAe,EAAET;EAAgB,gBAC/C,oBAAC,8BAA8B,CAAC,QAAQ;IAAC,KAAK,EAAEF;EAAqB,GAClEW,QAAQ,CAC+B,CAC3B;AAErB;AAEA,IAAMC,gBAA4B,GAAG;EACnCF,SAAS;EACTG,WAAW,EAAE,MACXP,MAAM,CAACQ,MAAM,IAAI,IAAI,IAAIV,qBAAqB,EAAE,KAAK;AACzD,CAAC;AAED,eAAeQ,gBAAgB"}

package/dist/AuthPluginPsk.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginPsk.d.ts","sourceRoot":"","sources":["../src/AuthPluginPsk.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AA+D3D,QAAA,MAAM,aAAa,EAAE,UAGpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"AuthPluginPsk.d.ts","sourceRoot":"","sources":["../src/AuthPluginPsk.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AA8M3D,QAAA,MAAM,aAAa,EAAE,UAGpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/AuthPluginPsk.js

@@ -1,13 +1,46 @@
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
 function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
-import React, { useEffect, useState } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { CSSTransition } from 'react-transition-group';
+import { LoadingOverlay, ThemeExport } from '@deephaven/components';
+import { useClient } from '@deephaven/jsapi-bootstrap';
+import { useBroadcastLoginListener } from '@deephaven/jsapi-components';
 import Log from '@deephaven/log';
-import { LoadingOverlay } from '@deephaven/components';
-var log = Log.module('AuthPluginPsk');
+import Cookies from 'js-cookie';
+import LoginForm from "./LoginForm.js";
+import Login from "./Login.js";
 var AUTH_TYPE = 'io.deephaven.authentication.psk.PskAuthenticationHandler';
+var PSK_QUERY_PARAM_KEY = 'psk';
+var PSK_TOKEN_KEY = 'io.deephaven.web.client.auth.psk.token';
+var log = Log.module('AuthPluginPsk');
 function getWindowToken() {
-  var _URLSearchParams$get;
-  return (_URLSearchParams$get = new URLSearchParams(window.location.search).get('psk')) !== null && _URLSearchParams$get !== void 0 ? _URLSearchParams$get : '';
+  return new URLSearchParams(window.location.search).get(PSK_QUERY_PARAM_KEY);
+}
+function clearWindowToken() {
+  log.debug2('clearWindowToken');
+  var params = new URLSearchParams(window.location.search);
+  params.delete(PSK_QUERY_PARAM_KEY);
+  var queryString = "".concat(params);
+  if (queryString.length > 0) {
+    queryString = "?".concat(queryString);
+  }
+  var newPath = "".concat(window.location.pathname).concat(queryString).concat(window.location.hash);
+  window.history.replaceState(null, '', newPath);
+}
+function readCookieToken() {
+  var _Cookies$get;
+  return (_Cookies$get = Cookies.get(PSK_TOKEN_KEY)) !== null && _Cookies$get !== void 0 ? _Cookies$get : null;
+}
+function storeCookieToken(token) {
+  log.debug2('Storing token in cookie', token);
+  if (token != null) {
+    Cookies.set(PSK_TOKEN_KEY, token, {
+      secure: true,
+      sameSite: 'strict'
+    });
+  } else {
+    Cookies.remove(PSK_TOKEN_KEY);
+  }
 }
 
 /**
@@ -16,57 +49,156 @@ function getWindowToken() {
  */
 function Component(_ref) {
   var {
-    client,
-    onSuccess,
-    onFailure
+    children
   } = _ref;
+  var client = useClient();
+  var inputField = useRef(null);
+  var loginPromise = useRef(null);
   var [error, setError] = useState();
-  var [token] = useState(() => getWindowToken());
+  var [isInputRequired, setIsInputRequired] = useState(false);
+  var [isLoggedIn, setIsLoggedIn] = useState(false);
+  var [isLoggingIn, setIsLoggingIn] = useState(false);
+  var [token, setToken] = useState('');
+  var login = useCallback(
+  /*#__PURE__*/
+  // eslint-disable-next-line @typescript-eslint/no-inferrable-types
+  function () {
+    var _ref2 = _asyncToGenerator(function* (loginToken) {
+      var showError = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      log.info('Logging in...');
+      setIsLoggingIn(true);
+      var newLoginPromise = null;
+      try {
+        newLoginPromise = client.login({
+          type: AUTH_TYPE,
+          token: loginToken
+        });
+        loginPromise.current = newLoginPromise;
+        yield newLoginPromise;
+        log.info('Logged in successfully');
+        if (loginPromise.current !== newLoginPromise) {
+          return;
+        }
+        storeCookieToken(loginToken);
+        setIsLoggedIn(true);
+      } catch (e) {
+        if (loginPromise.current !== newLoginPromise) {
+          return;
+        }
+        setIsInputRequired(true);
+        if (showError) {
+          var _detail;
+          setError((_detail = e === null || e === void 0 ? void 0 : e.detail) !== null && _detail !== void 0 ? _detail : 'Unable to login: Verify credentials.');
+        }
+      }
+      setIsLoggingIn(false);
+    });
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [client]);
+  var cancelLogin = useCallback(() => {
+    loginPromise.current = null;
+    setIsLoggingIn(false);
+  }, []);
+  var onLogin = useCallback( /*#__PURE__*/_asyncToGenerator(function* () {
+    log.debug('onLogin');
+
+    // User logged in successfully in another tab, we should be able to read the token from the cookie and login
+    var newToken = readCookieToken();
+    if (isLoggedIn || isLoggingIn || newToken == null) {
+      return;
+    }
+    login(newToken, false);
+  }), [isLoggedIn, isLoggingIn, login]);
+  var onLogout = useCallback(() => {
+    storeCookieToken(null);
+  }, []);
+  useBroadcastLoginListener(onLogin, onLogout);
   useEffect(() => {
     var isCanceled = false;
-    function login() {
-      return _login.apply(this, arguments);
+    function initialLogin() {
+      return _initialLogin.apply(this, arguments);
     }
-    function _login() {
-      _login = _asyncToGenerator(function* () {
+    function _initialLogin() {
+      _initialLogin = _asyncToGenerator(function* () {
+        var _getWindowToken;
+        var initialToken = (_getWindowToken = getWindowToken()) !== null && _getWindowToken !== void 0 ? _getWindowToken : readCookieToken();
+        clearWindowToken();
+        if (initialToken == null) {
+          setIsInputRequired(true);
+          return;
+        }
+        setIsLoggingIn(true);
         try {
-          if (!token) {
-            throw new Error('No Pre-shared key token found. Add `psk=<token>` parameter to your URL');
-          }
-          log.info('Logging in with found token...');
           yield client.login({
             type: AUTH_TYPE,
-            token
+            token: initialToken
           });
-          if (isCanceled) {
-            log.info('Previous login result canceled');
-            return;
+          if (!isCanceled) {
+            storeCookieToken(initialToken);
+            setIsLoggedIn(true);
+            setIsLoggingIn(false);
           }
-          log.info('Logged in successfully.');
-          onSuccess();
         } catch (e) {
-          if (isCanceled) {
-            log.info('Previous login failure canceled');
-            return;
+          if (!isCanceled) {
+            setIsInputRequired(true);
+            setIsLoggingIn(false);
           }
-          log.error('Unable to login:', e);
-          setError(e);
-          onFailure(e);
         }
       });
-      return _login.apply(this, arguments);
+      return _initialLogin.apply(this, arguments);
     }
-    login();
+    initialLogin();
     return () => {
       isCanceled = true;
     };
-  }, [client, onFailure, onSuccess, token]);
-  return /*#__PURE__*/React.createElement(LoadingOverlay, {
+  }, [client]);
+  var handleSubmit = useCallback(() => {
+    if (!isLoggingIn) {
+      login(token);
+    } else {
+      cancelLogin();
+    }
+  }, [cancelLogin, isLoggingIn, login, token]);
+  useEffect(function autoFocusInput() {
+    var _inputField$current;
+    (_inputField$current = inputField.current) === null || _inputField$current === void 0 ? void 0 : _inputField$current.focus();
+  }, [inputField, isInputRequired]);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isLoggedIn && children, isInputRequired && /*#__PURE__*/React.createElement(CSSTransition, {
+    in: !isLoggedIn,
+    timeout: ThemeExport.transitionMs,
+    classNames: "fade",
+    mountOnEnter: true,
+    unmountOnExit: true
+  }, /*#__PURE__*/React.createElement(Login, null, /*#__PURE__*/React.createElement(LoginForm, {
+    errorMessage: error != null ? "".concat(error) : undefined,
+    isLoggingIn: isLoggingIn,
+    onSubmit: handleSubmit
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "form-group"
+  }, /*#__PURE__*/React.createElement("label", {
+    htmlFor: "auth-psk-token-input"
+  }, "Token"), /*#__PURE__*/React.createElement("input", {
+    id: "auth-psk-token-input",
+    name: "token",
+    className: "input-token form-control",
+    type: "text",
+    autoComplete: "username",
+    autoCapitalize: "none",
+    autoCorrect: "off",
+    spellCheck: "false",
+    ref: inputField,
+    value: token,
+    onChange: event => {
+      setError(undefined);
+      setToken(event.target.value);
+    }
+  }))))), /*#__PURE__*/React.createElement(LoadingOverlay, {
     "data-testid": "auth-psk-loading",
-    isLoading: true,
-    isLoaded: false,
-    errorMessage: error != null ? "".concat(error) : null
-  });
+    isLoaded: isLoggedIn || isInputRequired,
+    isLoading: !isLoggedIn && !isInputRequired
+  }));
 }
 var AuthPluginPsk = {
   Component,

package/dist/AuthPluginPsk.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPluginPsk.js","names":["React","useEffect","useState","Log","LoadingOverlay","log","module","AUTH_TYPE","getWindowToken","URLSearchParams","window","location","search","get","Component","client","onSuccess","onFailure","error","setError","token","isCanceled","login","Error","info","type","e","AuthPluginPsk","isAvailable","authHandlers","includes"],"sources":["../src/AuthPluginPsk.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport Log from '@deephaven/log';\nimport { LoadingOverlay } from '@deephaven/components';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\n\nconst log = Log.module('AuthPluginPsk');\n\nconst AUTH_TYPE = 'io.deephaven.authentication.psk.PskAuthenticationHandler';\n\nfunction getWindowToken(): string {\n  return new URLSearchParams(window.location.search).get('psk') ?? '';\n}\n\n/**\n * AuthPlugin that tries to login using a pre-shared key.\n * Add the `psk=<token>` parameter to your URL string to set the token.\n */\nfunction Component({\n  client,\n  onSuccess,\n  onFailure,\n}: AuthPluginProps): JSX.Element {\n  const [error, setError] = useState<unknown>();\n  const [token] = useState(() => getWindowToken());\n  useEffect(() => {\n    let isCanceled = false;\n    async function login() {\n      try {\n        if (!token) {\n          throw new Error(\n            'No Pre-shared key token found. Add `psk=<token>` parameter to your URL'\n          );\n        }\n        log.info('Logging in with found token...');\n        await client.login({ type: AUTH_TYPE, token });\n        if (isCanceled) {\n          log.info('Previous login result canceled');\n          return;\n        }\n        log.info('Logged in successfully.');\n        onSuccess();\n      } catch (e) {\n        if (isCanceled) {\n          log.info('Previous login failure canceled');\n          return;\n        }\n        log.error('Unable to login:', e);\n        setError(e);\n        onFailure(e);\n      }\n    }\n    login();\n    return () => {\n      isCanceled = true;\n    };\n  }, [client, onFailure, onSuccess, token]);\n  return (\n    <LoadingOverlay\n      data-testid=\"auth-psk-loading\"\n      isLoading\n      isLoaded={false}\n      errorMessage={error != null ? `${error}` : null}\n    />\n  );\n}\n\nconst AuthPluginPsk: AuthPlugin = {\n  Component,\n  isAvailable: authHandlers => authHandlers.includes(AUTH_TYPE),\n};\n\nexport default AuthPluginPsk;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,GAAG,MAAM,gBAAgB;AAChC,SAASC,cAAc,QAAQ,uBAAuB;AAGtD,IAAMC,GAAG,GAAGF,GAAG,CAACG,MAAM,CAAC,eAAe,CAAC;AAEvC,IAAMC,SAAS,GAAG,0DAA0D;AAE5E,SAASC,cAAc,GAAW;EAAA;EAChC,+BAAO,IAAIC,eAAe,CAACC,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,KAAK,CAAC,uEAAI,EAAE;AACrE;;AAEA;AACA;AACA;AACA;AACA,SAASC,SAAS,OAIe;EAAA,IAJd;IACjBC,MAAM;IACNC,SAAS;IACTC;EACe,CAAC;EAChB,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGjB,QAAQ,EAAW;EAC7C,IAAM,CAACkB,KAAK,CAAC,GAAGlB,QAAQ,CAAC,MAAMM,cAAc,EAAE,CAAC;EAChDP,SAAS,CAAC,MAAM;IACd,IAAIoB,UAAU,GAAG,KAAK;IAAC,SACRC,KAAK;MAAA;IAAA;IAAA;MAAA,2BAApB,aAAuB;QACrB,IAAI;UACF,IAAI,CAACF,KAAK,EAAE;YACV,MAAM,IAAIG,KAAK,CACb,wEAAwE,CACzE;UACH;UACAlB,GAAG,CAACmB,IAAI,CAAC,gCAAgC,CAAC;UAC1C,MAAMT,MAAM,CAACO,KAAK,CAAC;YAAEG,IAAI,EAAElB,SAAS;YAAEa;UAAM,CAAC,CAAC;UAC9C,IAAIC,UAAU,EAAE;YACdhB,GAAG,CAACmB,IAAI,CAAC,gCAAgC,CAAC;YAC1C;UACF;UACAnB,GAAG,CAACmB,IAAI,CAAC,yBAAyB,CAAC;UACnCR,SAAS,EAAE;QACb,CAAC,CAAC,OAAOU,CAAC,EAAE;UACV,IAAIL,UAAU,EAAE;YACdhB,GAAG,CAACmB,IAAI,CAAC,iCAAiC,CAAC;YAC3C;UACF;UACAnB,GAAG,CAACa,KAAK,CAAC,kBAAkB,EAAEQ,CAAC,CAAC;UAChCP,QAAQ,CAACO,CAAC,CAAC;UACXT,SAAS,CAACS,CAAC,CAAC;QACd;MACF,CAAC;MAAA;IAAA;IACDJ,KAAK,EAAE;IACP,OAAO,MAAM;MACXD,UAAU,GAAG,IAAI;IACnB,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,EAAEE,SAAS,EAAED,SAAS,EAAEI,KAAK,CAAC,CAAC;EACzC,oBACE,oBAAC,cAAc;IACb,eAAY,kBAAkB;IAC9B,SAAS;IACT,QAAQ,EAAE,KAAM;IAChB,YAAY,EAAEF,KAAK,IAAI,IAAI,aAAMA,KAAK,IAAK;EAAK,EAChD;AAEN;AAEA,IAAMS,aAAyB,GAAG;EAChCb,SAAS;EACTc,WAAW,EAAEC,YAAY,IAAIA,YAAY,CAACC,QAAQ,CAACvB,SAAS;AAC9D,CAAC;AAED,eAAeoB,aAAa"}
+{"version":3,"file":"AuthPluginPsk.js","names":["React","useCallback","useEffect","useRef","useState","CSSTransition","LoadingOverlay","ThemeExport","useClient","useBroadcastLoginListener","Log","Cookies","LoginForm","Login","AUTH_TYPE","PSK_QUERY_PARAM_KEY","PSK_TOKEN_KEY","log","module","getWindowToken","URLSearchParams","window","location","search","get","clearWindowToken","debug2","params","delete","queryString","length","newPath","pathname","hash","history","replaceState","readCookieToken","storeCookieToken","token","set","secure","sameSite","remove","Component","children","client","inputField","loginPromise","error","setError","isInputRequired","setIsInputRequired","isLoggedIn","setIsLoggedIn","isLoggingIn","setIsLoggingIn","setToken","login","loginToken","showError","info","newLoginPromise","type","current","e","detail","cancelLogin","onLogin","debug","newToken","onLogout","isCanceled","initialLogin","initialToken","handleSubmit","autoFocusInput","focus","transitionMs","undefined","event","target","value","AuthPluginPsk","isAvailable","authHandlers","includes"],"sources":["../src/AuthPluginPsk.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { LoadingOverlay, ThemeExport } from '@deephaven/components';\nimport { useClient } from '@deephaven/jsapi-bootstrap';\nimport { useBroadcastLoginListener } from '@deephaven/jsapi-components';\nimport Log from '@deephaven/log';\nimport Cookies from 'js-cookie';\nimport { AuthPlugin, AuthPluginProps } from './AuthPlugin';\nimport LoginForm from './LoginForm';\nimport Login from './Login';\n\nconst AUTH_TYPE = 'io.deephaven.authentication.psk.PskAuthenticationHandler';\n\nconst PSK_QUERY_PARAM_KEY = 'psk';\n\nconst PSK_TOKEN_KEY = 'io.deephaven.web.client.auth.psk.token';\n\nconst log = Log.module('AuthPluginPsk');\n\nfunction getWindowToken(): string | null {\n  return new URLSearchParams(window.location.search).get(PSK_QUERY_PARAM_KEY);\n}\n\nfunction clearWindowToken() {\n  log.debug2('clearWindowToken');\n  const params = new URLSearchParams(window.location.search);\n  params.delete(PSK_QUERY_PARAM_KEY);\n\n  let queryString = `${params}`;\n  if (queryString.length > 0) {\n    queryString = `?${queryString}`;\n  }\n  const newPath = `${window.location.pathname}${queryString}${window.location.hash}`;\n  window.history.replaceState(null, '', newPath);\n}\n\nfunction readCookieToken(): string | null {\n  return Cookies.get(PSK_TOKEN_KEY) ?? null;\n}\n\nfunction storeCookieToken(token: string | null): void {\n  log.debug2('Storing token in cookie', token);\n  if (token != null) {\n    Cookies.set(PSK_TOKEN_KEY, token, { secure: true, sameSite: 'strict' });\n  } else {\n    Cookies.remove(PSK_TOKEN_KEY);\n  }\n}\n\n/**\n * AuthPlugin that tries to login using a pre-shared key.\n * Add the `psk=<token>` parameter to your URL string to set the token.\n */\nfunction Component({ children }: AuthPluginProps): JSX.Element {\n  const client = useClient();\n  const inputField = useRef<HTMLInputElement>(null);\n  const loginPromise = useRef<Promise<void> | null>(null);\n  const [error, setError] = useState<unknown>();\n  const [isInputRequired, setIsInputRequired] = useState(false);\n  const [isLoggedIn, setIsLoggedIn] = useState(false);\n  const [isLoggingIn, setIsLoggingIn] = useState(false);\n  const [token, setToken] = useState('');\n\n  const login = useCallback(\n    // eslint-disable-next-line @typescript-eslint/no-inferrable-types\n    async (loginToken: string, showError: boolean = true) => {\n      log.info('Logging in...');\n      setIsLoggingIn(true);\n      let newLoginPromise: Promise<void> | null = null;\n      try {\n        newLoginPromise = client.login({ type: AUTH_TYPE, token: loginToken });\n        loginPromise.current = newLoginPromise;\n        await newLoginPromise;\n\n        log.info('Logged in successfully');\n        if (loginPromise.current !== newLoginPromise) {\n          return;\n        }\n        storeCookieToken(loginToken);\n        setIsLoggedIn(true);\n      } catch (e) {\n        if (loginPromise.current !== newLoginPromise) {\n          return;\n        }\n        setIsInputRequired(true);\n        if (showError) {\n          setError(\n            (e as CustomEvent)?.detail ?? 'Unable to login: Verify credentials.'\n          );\n        }\n      }\n      setIsLoggingIn(false);\n    },\n    [client]\n  );\n\n  const cancelLogin = useCallback(() => {\n    loginPromise.current = null;\n    setIsLoggingIn(false);\n  }, []);\n\n  const onLogin = useCallback(async () => {\n    log.debug('onLogin');\n\n    // User logged in successfully in another tab, we should be able to read the token from the cookie and login\n    const newToken = readCookieToken();\n    if (isLoggedIn || isLoggingIn || newToken == null) {\n      return;\n    }\n\n    login(newToken, false);\n  }, [isLoggedIn, isLoggingIn, login]);\n  const onLogout = useCallback(() => {\n    storeCookieToken(null);\n  }, []);\n  useBroadcastLoginListener(onLogin, onLogout);\n\n  useEffect(() => {\n    let isCanceled = false;\n    async function initialLogin() {\n      const initialToken = getWindowToken() ?? readCookieToken();\n      clearWindowToken();\n\n      if (initialToken == null) {\n        setIsInputRequired(true);\n        return;\n      }\n\n      setIsLoggingIn(true);\n      try {\n        await client.login({ type: AUTH_TYPE, token: initialToken });\n        if (!isCanceled) {\n          storeCookieToken(initialToken);\n          setIsLoggedIn(true);\n          setIsLoggingIn(false);\n        }\n      } catch (e) {\n        if (!isCanceled) {\n          setIsInputRequired(true);\n          setIsLoggingIn(false);\n        }\n      }\n    }\n    initialLogin();\n    return () => {\n      isCanceled = true;\n    };\n  }, [client]);\n\n  const handleSubmit = useCallback(() => {\n    if (!isLoggingIn) {\n      login(token);\n    } else {\n      cancelLogin();\n    }\n  }, [cancelLogin, isLoggingIn, login, token]);\n\n  useEffect(\n    function autoFocusInput() {\n      inputField.current?.focus();\n    },\n    [inputField, isInputRequired]\n  );\n\n  return (\n    <>\n      {isLoggedIn && children}\n      {isInputRequired && (\n        <CSSTransition\n          in={!isLoggedIn}\n          timeout={ThemeExport.transitionMs}\n          classNames=\"fade\"\n          mountOnEnter\n          unmountOnExit\n        >\n          <Login>\n            <LoginForm\n              errorMessage={error != null ? `${error}` : undefined}\n              isLoggingIn={isLoggingIn}\n              onSubmit={handleSubmit}\n            >\n              <div className=\"form-group\">\n                <label htmlFor=\"auth-psk-token-input\">Token</label>\n                <input\n                  id=\"auth-psk-token-input\"\n                  name=\"token\"\n                  className=\"input-token form-control\"\n                  type=\"text\"\n                  autoComplete=\"username\"\n                  autoCapitalize=\"none\"\n                  autoCorrect=\"off\"\n                  spellCheck=\"false\"\n                  ref={inputField}\n                  value={token}\n                  onChange={event => {\n                    setError(undefined);\n                    setToken(event.target.value);\n                  }}\n                />\n              </div>\n            </LoginForm>\n          </Login>\n        </CSSTransition>\n      )}\n      <LoadingOverlay\n        data-testid=\"auth-psk-loading\"\n        isLoaded={isLoggedIn || isInputRequired}\n        isLoading={!isLoggedIn && !isInputRequired}\n      />\n    </>\n  );\n}\n\nconst AuthPluginPsk: AuthPlugin = {\n  Component,\n  isAvailable: authHandlers => authHandlers.includes(AUTH_TYPE),\n};\n\nexport default AuthPluginPsk;\n"],"mappings":"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"}

package/dist/Login.css

@@ -0,0 +1,74 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.login-container {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.login-container .login-box {
+  position: relative;
+  display: flex;
+  width: 605px;
+  box-shadow: 0 0.1rem 1rem rgba(26, 23, 26, 0.45);
+  opacity: 0;
+  animation: 0.3s ease-out 0s 1 forwards animateLoginBox;
+}
+.login-container .login-box .logo {
+  background-color: #fcfcfa;
+  border-radius: 4px 0 0 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  min-height: 310px;
+  min-width: 302.5px;
+  pointer-events: none;
+  user-select: none;
+}
+.login-container .login-box .logo img {
+  max-width: 225px;
+}
+.login-container .login-box .footer {
+  padding: 1rem 0;
+  position: absolute;
+  width: 100%;
+  bottom: 0;
+  margin: 0;
+  transform: translateY(100%);
+  text-align: center;
+  color: #c0bfbf;
+  font-size: 12px;
+}
+
+@keyframes animateLoginBox {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@media (max-width: 767.98px) {
+  .login-container .login-box {
+    flex-direction: column;
+    margin: 3rem;
+  }
+  .login-container .login-box .logo {
+    width: 100%;
+    min-height: 165px;
+    border-radius: 4px 4px 0 0;
+  }
+  .login-container .login-box .logo img {
+    width: 80%;
+    max-width: 350px;
+  }
+  .login-container .login-box .form {
+    max-width: 100%;
+    border-radius: 0 0 4px 4px;
+  }
+}
+
+/*# sourceMappingURL=Login.css.map */

package/dist/Login.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/Login.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACQA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,OAnBc;EAoBd,YCoGS;EDnGT;EACA;;AAEA;EACE,kBCTK;EDUL;EACA;EACA;EACA;EACA,YA7BiB;EA8BjB;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OC9BK;ED+BL;;;AAKN;EACE;IACE;;EAEF;IACE;;;AEYA;EFNA;IACE;IACA,QG/DK;;EHgEL;IACE;IACA;IACA;;EACA;IACE;IACA;;EAGJ;IACE;IACA","file":"Login.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n$login-box-width: 605px;\n$login-box-min-height: 310px;\n$logo-background-color: $gray-100;\n$footer-color: $gray-300;\n$login-box-animation-scale: 0.8;\n\n.login-container {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .login-box {\n    position: relative;\n    display: flex;\n    width: $login-box-width;\n    box-shadow: $box-shadow;\n    opacity: 0;\n    animation: $transition-long ease-out 0s 1 forwards animateLoginBox;\n\n    .logo {\n      background-color: $logo-background-color;\n      border-radius: $border-radius 0 0 $border-radius;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: $login-box-min-height;\n      min-width: $login-box-width * 0.5;\n      pointer-events: none;\n      user-select: none;\n\n      img {\n        max-width: 225px;\n      }\n    }\n\n    .footer {\n      padding: $spacer-3 0;\n      position: absolute;\n      width: 100%;\n      bottom: 0;\n      margin: 0;\n      transform: translateY(100%);\n      text-align: center;\n      color: $footer-color;\n      font-size: 12px;\n    }\n  }\n}\n\n@keyframes animateLoginBox {\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n@include media-breakpoint-down(sm) {\n  .login-container {\n    .login-box {\n      flex-direction: column;\n      margin: $spacer-5;\n      .logo {\n        width: 100%;\n        min-height: 165px;\n        border-radius: $border-radius $border-radius 0 0;\n        img {\n          width: 80%;\n          max-width: 350px;\n        }\n      }\n      .form {\n        max-width: 100%;\n        border-radius: 0 0 $border-radius $border-radius;\n      }\n    }\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n//    >> breakpoint-next(sm)\n//    md\n//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    md\n//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n//    md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n  $n: index($breakpoint-names, $name);\n  @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n  $min: map-get($breakpoints, $name);\n  @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n  $next: breakpoint-next($name, $breakpoints);\n  @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"\"  (Returns a blank string)\n//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n//    \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n  @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  @if $min {\n    @media (min-width: $min) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n  $max: breakpoint-max($name, $breakpoints);\n  @if $max {\n    @media (max-width: $max) {\n      @content;\n    }\n  } @else {\n    @content;\n  }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($lower, $breakpoints);\n  $max: breakpoint-max($upper, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($lower, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($upper, $breakpoints) {\n      @content;\n    }\n  }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n  $min: breakpoint-min($name, $breakpoints);\n  $max: breakpoint-max($name, $breakpoints);\n\n  @if $min != null and $max != null {\n    @media (min-width: $min) and (max-width: $max) {\n      @content;\n    }\n  } @else if $max == null {\n    @include media-breakpoint-up($name, $breakpoints) {\n      @content;\n    }\n  } @else if $min == null {\n    @include media-breakpoint-down($name, $breakpoints) {\n      @content;\n    }\n  }\n}\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/Login.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './Login.scss';
+interface LoginProps {
+    /** What to show in the login input part of the login form. */
+    children: React.ReactNode;
+}
+export declare function Login({ children }: LoginProps): JSX.Element;
+export default Login;
+//# sourceMappingURL=Login.d.ts.map

package/dist/Login.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../src/Login.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,cAAc,CAAC;AAEtB,UAAU,UAAU;IAClB,8DAA8D;IAC9D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE,UAAU,eAgB7C;AAED,eAAe,KAAK,CAAC"}

package/dist/Login.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { RandomAreaPlotAnimation } from '@deephaven/components';
+import "./Login.css";
+export function Login(_ref) {
+  var {
+    children
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "login-container"
+  }, /*#__PURE__*/React.createElement(RandomAreaPlotAnimation, null), /*#__PURE__*/React.createElement("div", {
+    className: "login-box"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "logo"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/logo",
+    alt: "Deephaven Data Labs"
+  })), children, /*#__PURE__*/React.createElement("p", {
+    className: "footer"
+  }, "\xA9 2016-", new Date().getFullYear(), " Deephaven Data Labs LLC. Patent Pending.")));
+}
+export default Login;
+//# sourceMappingURL=Login.js.map

package/dist/Login.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Login.js","names":["React","RandomAreaPlotAnimation","Login","children","Date","getFullYear"],"sources":["../src/Login.tsx"],"sourcesContent":["import React from 'react';\nimport { RandomAreaPlotAnimation } from '@deephaven/components';\nimport './Login.scss';\n\ninterface LoginProps {\n  /** What to show in the login input part of the login form. */\n  children: React.ReactNode;\n}\n\nexport function Login({ children }: LoginProps) {\n  return (\n    <div className=\"login-container\">\n      <RandomAreaPlotAnimation />\n      <div className=\"login-box\">\n        <div className=\"logo\">\n          <img src=\"/logo\" alt=\"Deephaven Data Labs\" />\n        </div>\n        {children}\n        <p className=\"footer\">\n          © 2016-{new Date().getFullYear()} Deephaven Data Labs LLC. Patent\n          Pending.\n        </p>\n      </div>\n    </div>\n  );\n}\n\nexport default Login;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,uBAAuB,QAAQ,uBAAuB;AAAC;AAQhE,OAAO,SAASC,KAAK,OAA2B;EAAA,IAA1B;IAAEC;EAAqB,CAAC;EAC5C,oBACE;IAAK,SAAS,EAAC;EAAiB,gBAC9B,oBAAC,uBAAuB,OAAG,eAC3B;IAAK,SAAS,EAAC;EAAW,gBACxB;IAAK,SAAS,EAAC;EAAM,gBACnB;IAAK,GAAG,EAAC,OAAO;IAAC,GAAG,EAAC;EAAqB,EAAG,CACzC,EACLA,QAAQ,eACT;IAAG,SAAS,EAAC;EAAQ,GAAC,YACb,EAAC,IAAIC,IAAI,EAAE,CAACC,WAAW,EAAE,EAAC,2CAEnC,CAAI,CACA,CACF;AAEV;AAEA,eAAeH,KAAK"}

package/dist/LoginForm.css

@@ -0,0 +1,57 @@
+/* stylelint-disable scss/at-import-no-partial-leading-underscore */
+.login-form {
+  max-width: 302.5px;
+  min-height: 310px;
+  background: #403e41;
+  border-radius: 0 4px 4px 0;
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  padding: 1rem 0;
+}
+.login-form fieldset {
+  padding: 0;
+  margin: 0;
+}
+.login-form .flex-wrapper {
+  width: 85%;
+}
+.login-form .flex-spacer {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-grow: 1;
+  width: 85%;
+}
+.login-form .flex-spacer:empty {
+  content: "";
+}
+.login-form .status-message {
+  color: #929192;
+}
+.login-form .error-message {
+  color: #f95d84;
+  width: 100%;
+  word-break: break-word;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
+.login-form .btn-primary {
+  min-width: 118px;
+}
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+.login-form .is-initializing {
+  opacity: 0;
+  animation: fade-in 0.15s 1s forwards;
+}
+
+/*# sourceMappingURL=LoginForm.css.map */

package/dist/LoginForm.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../node_modules/@deephaven/components/scss/custom.scss","../src/LoginForm.scss","../../../node_modules/@deephaven/components/scss/bootstrap_overrides.scss","../../../node_modules/@deephaven/components/scss/new_variables.scss"],"names":[],"mappings":"AAAA;ACKA;EACE;EACA,YAJqB;EAKrB,YCgBS;EDfT;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE,OClBO;;ADqBT;EACE,OCxCE;EDyCF;EACA;EACA,YE5CO;EF6CP,eE7CO;;AFgDT;EACE;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;EACA","file":"LoginForm.css","sourcesContent":["/* stylelint-disable scss/at-import-no-partial-leading-underscore */\n// Consumers should be able to resolve bootstrap/ to node_modules/bootstrap\n\n//Make bootstrap functions available for use in overrides\n@import 'bootstrap/scss/_functions.scss';\n@import './bootstrap_overrides.scss';\n\n//_variable imports come after bootstrap default overrides,\n// makes all other variables and mixins from bootstrap available\n/// with just importing customer.scss\n@import 'bootstrap/scss/_variables.scss';\n@import 'bootstrap/scss/_mixins.scss';\n\n//New variables come after imports\n@import './new_variables.scss';\n","@import '@deephaven/components/scss/custom.scss';\n\n$login-box-width: 605px;\n$login-box-min-height: 310px;\n\n.login-form {\n  max-width: $login-box-width * 0.5;\n  min-height: $login-box-min-height;\n  background: $gray-700;\n  border-radius: 0 $border-radius $border-radius 0;\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  padding: $spacer 0;\n\n  fieldset {\n    padding: 0;\n    margin: 0;\n  }\n\n  .flex-wrapper {\n    width: 85%;\n  }\n\n  .flex-spacer {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-grow: 1;\n    width: 85%;\n  }\n\n  .flex-spacer:empty {\n    content: ''; // just to make a empty div to have height\n  }\n\n  .status-message {\n    color: $gray-400;\n  }\n\n  .error-message {\n    color: $danger;\n    width: 100%;\n    word-break: break-word;\n    margin-top: $spacer-1;\n    margin-bottom: $spacer-1;\n  }\n\n  .btn-primary {\n    min-width: 118px;\n  }\n\n  @keyframes fade-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n\n  .is-initializing {\n    opacity: 0;\n    animation: fade-in $transition 1s forwards;\n  }\n}\n","// Styling overrides for bootstrap\n\n// Override / set color variables\n$red: #f95d84;\n$orange: #f37e3f;\n$yellow: #fcd65b;\n$green: #9edc6f;\n$blue: #76d9e4;\n$purple: #aa9af4;\n\n//Define some UI colors\n$interfacegray: #2d2a2e;\n$interfaceblue: #4878ea;\n$interfacewhite: #f0f0ee; //same as gray-200\n$interfaceblack: #1a171a;\n\n//Define our Gray scale\n$white: $interfacewhite;\n$gray-100: #fcfcfa;\n$gray-200: $interfacewhite;\n$gray-300: #c0bfbf;\n$gray-400: #929192;\n$gray-500: #5b5a5c;\n$gray-600: #555356;\n$gray-700: #403e41;\n$gray-800: #373438;\n$gray-850: #322f33;\n$gray-900: #211f22;\n$black: $interfaceblack;\n$content-bg: $interfacegray;\n$background: $interfaceblack;\n$foreground: $interfacewhite;\n\n//Load colors into map\n$colors: ();\n$colors: map-merge(\n  (\n    'red': $red,\n    'orange': $orange,\n    'yellow': $yellow,\n    'green': $green,\n    'blue': $blue,\n    'purple': $purple,\n    'white': $white,\n    'black': $black,\n  ),\n  $colors\n);\n\n//Set default colors\n$body-bg: $black;\n$body-color: $interfacewhite;\n\n// Set brand colors\n$primary: $interfaceblue;\n$primary-hover: darken($primary, 8%);\n$primary-dark: mix($primary, $content-bg, 25%);\n$primary-light: scale-color($primary, $lightness: -25%);\n$secondary: $gray-500;\n$secondary-hover: darken($secondary, 8%);\n$success: $green;\n$info: $yellow;\n$warning: $orange;\n$danger: $red;\n$danger-hover: darken($danger, 8%);\n$light: $gray-100;\n$mid: $gray-400; //Added a mid color, useful for input styling\n$dark: $gray-800;\n$green-dark: scale-color($green, $lightness: -45%, $saturation: -10%);\n\n$theme-colors: () !default;\n$theme-colors: map-merge(\n  (\n    'primary': $primary,\n    'primary-hover': $primary-hover,\n    'primary-light': $primary-light,\n    'primary-dark': $primary-dark,\n    'secondary': $secondary,\n    'success': $success,\n    'info': $info,\n    'warning': $warning,\n    'danger': $danger,\n    'light': $light,\n    'dark': $dark,\n    'mid': $mid,\n    'content-bg': $interfacegray,\n    'background': $interfaceblack,\n    'foreground': $interfacewhite,\n  ),\n  $theme-colors\n);\n\n$component-active-bg: $primary;\n$theme-color-interval: 9%;\n$yiq-contrasted-threshold: 180;\n\n// Override fonts\n$font-family-sans-serif: 'Fira Sans', -apple-system, blinkmacsystemfont,\n  'Segoe UI', 'Roboto', 'Helvetica Neue', arial, sans-serif; //fira sans then native system ui fallbacks\n$font-family-monospace: 'Fira Mono', menlo, monaco, consolas, 'Liberation Mono',\n  'Courier New', monospace;\n$font-family-base: $font-family-sans-serif;\n\n$headings-font-weight: 400;\n\n//Text overides\n$text-muted: $gray-400;\n\n//Style Selection highlight color\n//so browsers add alpha to your color by default, ignoring opacity 1\n//by setting rgba with 0.99 it tricks browser into thinking there is alpha applied\n$text-select-color: $primary-hover;\n$text-select-color-editor: lighten(\n  $gray-700,\n  15%\n); //we lighten it abit to account for that 0.01 loss, and because it needs some anyways.\n\n//Grid variables, same value as default just making easily accessible\n$grid-gutter-width: 30px;\n\n//Visual Overrides\n$border-radius: 4px;\n$box-shadow: 0 0.1rem 1rem rgba($black, 45%); //because our UI is so dark, we need darker default shadows\n$box-shadow-900: 0 0.1rem 1rem rgba(0, 0, 0, 45%); //darkest shadow for $black popups over $black UI\n\n//Override Btn\n$btn-border-radius: 4rem;\n$btn-padding-x: 1.5rem;\n$btn-transition: color 0.12s ease-in-out, background-color 0.12s ease-in-out,\n  border-color 0.12s ease-in-out, box-shadow 0.12s ease-in-out; //default 0.15 is too long\n$btn-border-width: 2px;\n\n//Override Inputs\n$input-bg: $gray-600;\n$input-disabled-bg: $gray-800;\n$input-color: $foreground;\n$input-border-color: $gray-400;\n$input-placeholder-color: $gray-400;\n$input-focus-border-color: rgba($primary, 85%);\n\n$input-btn-focus-width: 0.2rem;\n$input-btn-focus-color: rgba($component-active-bg, 35%);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n//checkbox\n$custom-control-indicator-bg: $gray-600;\n$custom-control-indicator-bg-size: 75% 75%;\n$custom-control-indicator-disabled-bg: $gray-800;\n$custom-control-indicator-checked-disabled-bg: $gray-800;\n$custom-control-label-disabled-color: $gray-400;\n\n//Custom Select\n$custom-select-indicator-color: $gray-400;\n$custom-select-bg-size: 16px 16px;\n//dhSort icon encoded\n$custom-select-indicator: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M4 7l-.4-.8 4-3.7h.8l4 3.7-.4.8H4zm0 2l-.4.8 4 3.7h.8l4-3.7L12 9H4z'/%3E%3C/svg%3E\"),\n  '#',\n  '%23'\n);\n$custom-select-focus-box-shadow: $input-btn-focus-box-shadow;\n$custom-select-disabled-color: darken($gray-400, 5%);\n$custom-select-disabled-bg: $gray-800;\n\n//modal\n$modal-content-bg: $gray-200;\n$modal-content-border-width: 0;\n$modal-md: 550px;\n\n// Toast notification\n$toast-bg: $primary-dark;\n$toast-color: $foreground;\n$toast-error-bg: mix($danger, $content-bg, 15%);\n$toast-error-color: $foreground;\n\n//tooltips\n$tooltip-bg: $gray-700;\n$tooltip-color: $foreground;\n$tooltip-box-shadow: 0 0.1rem 1.5rem 0.1rem rgba($black, 80%);\n\n//drowdowns\n$dropdown-bg: $gray-600;\n$dropdown-link-color: $foreground;\n$dropdown-link-hover-color: $foreground;\n$dropdown-link-hover-bg: $primary;\n$dropdown-divider-bg: $gray-700;\n\n//context menus\n$contextmenu-bg: $gray-600;\n$contextmenu-color: $foreground;\n$contextmenu-disabled-color: $text-muted;\n$contextmenu-keyboard-selected-bg: rgba($primary, 50%);\n$contextmenu-selected-bg: $primary;\n$contextmenu-selected-color: $foreground;\n\n//links\n$link-color: $gray-400;\n$link-hover-color: $foreground;\n\n//progress-bar\n$progress-bg: $gray-600;\n$progress-border-radius: 1rem;\n\n// Set global options\n$enable-shadows: false;\n$enable-gradients: false;\n$enable-print-styles: false; //I don't think anyone should expect to \"print\" this app.\n\n// Transition times\n$transition: 0.15s;\n$transition-mid: 0.2s;\n$transition-long: 0.3s;\n$transition-slow: 0.6s;\n\n//form-validation icon, uses vsWarning icon encoded here as svg\n$form-feedback-icon-invalid-color: theme-color('danger');\n$form-feedback-icon-invalid: str-replace(\n  url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cg fill='none'%3E%3Cg fill='#{$form-feedback-icon-invalid-color}'%3E%3Cpath d='M7.56 1h.88l6.54 12.26-.44.74H1.44L1 13.26 7.56 1zM8 2.28 2.28 13H13.7L8 2.28zM8.625 12v-1h-1.25v1h1.25zm-1.25-2V6h1.25v4h-1.25z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E \"),\n  '#',\n  '%23'\n);\n","//Set of spacer variables from the spacer map\n$spacer-0: map-get($spacers, 0); //0\n$spacer-1: map-get($spacers, 1);\n$spacer-2: map-get($spacers, 2);\n$spacer-3: map-get($spacers, 3);\n$spacer-4: map-get($spacers, 4);\n$spacer-5: map-get($spacers, 5);\n\n//Marching Ants for golden layout dropzone and drag and drop\n//top bottom, left right.\n//create 4 background images that are 50% color 1, 50% color 2 using graidents,  two veritical, two horizontal\n//size them to ant-size and thickness\n//position those images along the egdes and make top/bottom repeat-x and left/right repeat-y\n//then offest each of those background positions by ant-size in animation to make them march.\n$ant-size: 8px;\n$ant-thickness: 1px;\n\n@mixin ants-base($color-1: black, $color-2: white) {\n  background-image: linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to right, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%),\n    linear-gradient(to bottom, $color-2 50%, $color-1 50%);\n  background-size: $ant-size $ant-thickness, $ant-size $ant-thickness,\n    $ant-thickness $ant-size, $ant-thickness $ant-size;\n  background-position: 0 top, 0 bottom, left 0, right 0;\n  background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;\n  animation: march 0.5s;\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n}\n\n@mixin drag-stack($pseudo-element) {\n  &::#{$pseudo-element} {\n    content: ' ';\n    background: $primary;\n    box-shadow: $box-shadow;\n    border-radius: $border-radius;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    @content;\n  }\n}\n\n$focus-bg-transparency: 0.12;\n$hover-bg-transparency: 0.14;\n$active-bg-transparency: 0.28;\n$exception-transparency: 0.13;\n"]}

package/dist/LoginForm.d.ts

@@ -0,0 +1,15 @@
+import React, { FormEventHandler } from 'react';
+import './LoginForm.scss';
+export interface LoginFormProps {
+    /** What to display inside the form */
+    children: React.ReactNode;
+    /** Error message to display */
+    errorMessage?: string;
+    /** Whether currently logging in */
+    isLoggingIn?: boolean;
+    /** Triggered when the form is submitting */
+    onSubmit?: FormEventHandler;
+}
+export declare function LoginForm({ children, errorMessage, isLoggingIn, onSubmit, }: LoginFormProps): JSX.Element;
+export default LoginForm;
+//# sourceMappingURL=LoginForm.d.ts.map

package/dist/LoginForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.d.ts","sourceRoot":"","sources":["../src/LoginForm.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC7B,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,mCAAmC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,YAAY,EACZ,WAAmB,EACnB,QAAQ,GACT,EAAE,cAAc,eA2ChB;AAED,eAAe,SAAS,CAAC"}

package/dist/LoginForm.js

@@ -0,0 +1,48 @@
+import { LoadingSpinner } from '@deephaven/components';
+import classNames from 'classnames';
+import React from 'react';
+import "./LoginForm.css";
+export function LoginForm(_ref) {
+  var {
+    children,
+    errorMessage,
+    isLoggingIn = false,
+    onSubmit: _onSubmit
+  } = _ref;
+  return /*#__PURE__*/React.createElement("form", {
+    className: "login-form",
+    onSubmit: event => {
+      event.preventDefault();
+      event.stopPropagation();
+      _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(event);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex-spacer"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "flex-wrapper"
+  }, /*#__PURE__*/React.createElement("fieldset", {
+    disabled: isLoggingIn,
+    className: "container-fluid"
+  }, children), /*#__PURE__*/React.createElement("div", {
+    className: "form-group d-flex justify-content-end align-items-center mb-0"
+  }, /*#__PURE__*/React.createElement("button", {
+    type: "submit",
+    className: classNames('btn btn-primary', {
+      'btn-spinner': isLoggingIn
+    }, {
+      'btn-cancelable': isLoggingIn
+    }),
+    "data-testid": "btn-login"
+  }, isLoggingIn && /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(LoadingSpinner, null), /*#__PURE__*/React.createElement("span", {
+    className: "btn-normal-content"
+  }, "Logging in"), /*#__PURE__*/React.createElement("span", {
+    className: "btn-hover-content"
+  }, "Cancel")), !isLoggingIn && 'Login'))), /*#__PURE__*/React.createElement("div", {
+    className: "flex-spacer"
+  }, errorMessage != null && /*#__PURE__*/React.createElement("p", {
+    className: "error-message mb-0",
+    role: "alert"
+  }, "".concat(errorMessage))));
+}
+export default LoginForm;
+//# sourceMappingURL=LoginForm.js.map

package/dist/LoginForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginForm.js","names":["LoadingSpinner","classNames","React","LoginForm","children","errorMessage","isLoggingIn","onSubmit","event","preventDefault","stopPropagation"],"sources":["../src/LoginForm.tsx"],"sourcesContent":["import { LoadingSpinner } from '@deephaven/components';\nimport classNames from 'classnames';\nimport React, { FormEventHandler } from 'react';\nimport './LoginForm.scss';\n\nexport interface LoginFormProps {\n  /** What to display inside the form */\n  children: React.ReactNode;\n\n  /** Error message to display */\n  errorMessage?: string;\n\n  /** Whether currently logging in */\n  isLoggingIn?: boolean;\n\n  /** Triggered when the form is submitting */\n  onSubmit?: FormEventHandler;\n}\n\nexport function LoginForm({\n  children,\n  errorMessage,\n  isLoggingIn = false,\n  onSubmit,\n}: LoginFormProps) {\n  return (\n    <form\n      className=\"login-form\"\n      onSubmit={event => {\n        event.preventDefault();\n        event.stopPropagation();\n        onSubmit?.(event);\n      }}\n    >\n      <div className=\"flex-spacer\" />\n      <div className=\"flex-wrapper\">\n        <fieldset disabled={isLoggingIn} className=\"container-fluid\">\n          {children}\n        </fieldset>\n        <div className=\"form-group d-flex justify-content-end align-items-center mb-0\">\n          <button\n            type=\"submit\"\n            className={classNames(\n              'btn btn-primary',\n              { 'btn-spinner': isLoggingIn },\n              { 'btn-cancelable': isLoggingIn }\n            )}\n            data-testid=\"btn-login\"\n          >\n            {isLoggingIn && (\n              <span>\n                <LoadingSpinner />\n                <span className=\"btn-normal-content\">Logging in</span>\n                <span className=\"btn-hover-content\">Cancel</span>\n              </span>\n            )}\n            {!isLoggingIn && 'Login'}\n          </button>\n        </div>\n      </div>\n      <div className=\"flex-spacer\">\n        {errorMessage != null && (\n          <p className=\"error-message mb-0\" role=\"alert\">{`${errorMessage}`}</p>\n        )}\n      </div>\n    </form>\n  );\n}\n\nexport default LoginForm;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,uBAAuB;AACtD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAA4B,OAAO;AAAC;AAiBhD,OAAO,SAASC,SAAS,OAKN;EAAA,IALO;IACxBC,QAAQ;IACRC,YAAY;IACZC,WAAW,GAAG,KAAK;IACnBC,QAAQ,EAARA;EACc,CAAC;EACf,oBACE;IACE,SAAS,EAAC,YAAY;IACtB,QAAQ,EAAEC,KAAK,IAAI;MACjBA,KAAK,CAACC,cAAc,EAAE;MACtBD,KAAK,CAACE,eAAe,EAAE;MACvBH,SAAQ,aAARA,SAAQ,uBAARA,SAAQ,CAAGC,KAAK,CAAC;IACnB;EAAE,gBAEF;IAAK,SAAS,EAAC;EAAa,EAAG,eAC/B;IAAK,SAAS,EAAC;EAAc,gBAC3B;IAAU,QAAQ,EAAEF,WAAY;IAAC,SAAS,EAAC;EAAiB,GACzDF,QAAQ,CACA,eACX;IAAK,SAAS,EAAC;EAA+D,gBAC5E;IACE,IAAI,EAAC,QAAQ;IACb,SAAS,EAAEH,UAAU,CACnB,iBAAiB,EACjB;MAAE,aAAa,EAAEK;IAAY,CAAC,EAC9B;MAAE,gBAAgB,EAAEA;IAAY,CAAC,CACjC;IACF,eAAY;EAAW,GAEtBA,WAAW,iBACV,+CACE,oBAAC,cAAc,OAAG,eAClB;IAAM,SAAS,EAAC;EAAoB,GAAC,YAAU,CAAO,eACtD;IAAM,SAAS,EAAC;EAAmB,GAAC,QAAM,CAAO,CAEpD,EACA,CAACA,WAAW,IAAI,OAAO,CACjB,CACL,CACF,eACN;IAAK,SAAS,EAAC;EAAa,GACzBD,YAAY,IAAI,IAAI,iBACnB;IAAG,SAAS,EAAC,oBAAoB;IAAC,IAAI,EAAC;EAAO,aAAKA,YAAY,EAChE,CACG,CACD;AAEX;AAEA,eAAeF,SAAS"}

package/dist/UserContexts.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { User, UserPermissions } from '@deephaven/redux';
+export type UserOverride = Partial<Omit<User, 'permissions'>>;
+export type UserPermissionsOverride = Partial<UserPermissions>;
+export declare const UserOverrideContext: import("react").Context<Partial<Omit<User, "permissions">>>;
+export declare const UserPermissionsOverrideContext: import("react").Context<Partial<UserPermissions>>;
+//# sourceMappingURL=UserContexts.d.ts.map

package/dist/UserContexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserContexts.d.ts","sourceRoot":"","sources":["../src/UserContexts.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;AAE9D,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,eAAe,CAAC,CAAC;AAE/D,eAAO,MAAM,mBAAmB,6DAAkC,CAAC;AAEnE,eAAO,MAAM,8BAA8B,mDAE1C,CAAC"}

package/dist/UserContexts.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export var UserOverrideContext = /*#__PURE__*/createContext({});
+export var UserPermissionsOverrideContext = /*#__PURE__*/createContext({});
+//# sourceMappingURL=UserContexts.js.map

package/dist/UserContexts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserContexts.js","names":["createContext","UserOverrideContext","UserPermissionsOverrideContext"],"sources":["../src/UserContexts.ts"],"sourcesContent":["import { createContext } from 'react';\nimport { User, UserPermissions } from '@deephaven/redux';\n\nexport type UserOverride = Partial<Omit<User, 'permissions'>>;\n\nexport type UserPermissionsOverride = Partial<UserPermissions>;\n\nexport const UserOverrideContext = createContext<UserOverride>({});\n\nexport const UserPermissionsOverrideContext = createContext<UserPermissionsOverride>(\n  {}\n);\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,OAAO;AAOrC,OAAO,IAAMC,mBAAmB,gBAAGD,aAAa,CAAe,CAAC,CAAC,CAAC;AAElE,OAAO,IAAME,8BAA8B,gBAAGF,aAAa,CACzD,CAAC,CAAC,CACH"}

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 export * from './AuthPlugin';
 export * from './AuthHandlerTypes';
 export { default as AuthPluginAnonymous } from './AuthPluginAnonymous';
+export { default as AuthPluginBase } from './AuthPluginBase';
 export { default as AuthPluginParent } from './AuthPluginParent';
 export { default as AuthPluginPsk } from './AuthPluginPsk';
+export * from './Login';
+export * from './LoginForm';
+export * from './UserContexts';
 //# 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":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,6 +1,10 @@
 export * from "./AuthPlugin.js";
 export * from "./AuthHandlerTypes.js";
 export { default as AuthPluginAnonymous } from "./AuthPluginAnonymous.js";
+export { default as AuthPluginBase } from "./AuthPluginBase.js";
 export { default as AuthPluginParent } from "./AuthPluginParent.js";
 export { default as AuthPluginPsk } from "./AuthPluginPsk.js";
+export * from "./Login.js";
+export * from "./LoginForm.js";
+export * from "./UserContexts.js";
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","AuthPluginAnonymous","AuthPluginParent","AuthPluginPsk"],"sources":["../src/index.ts"],"sourcesContent":["export * from './AuthPlugin';\nexport * from './AuthHandlerTypes';\nexport { default as AuthPluginAnonymous } from './AuthPluginAnonymous';\nexport { default as AuthPluginParent } from './AuthPluginParent';\nexport { default as AuthPluginPsk } from './AuthPluginPsk';\n"],"mappings":";;SAESA,OAAO,IAAIC,mBAAmB;AAAA,SAC9BD,OAAO,IAAIE,gBAAgB;AAAA,SAC3BF,OAAO,IAAIG,aAAa"}
+{"version":3,"file":"index.js","names":["default","AuthPluginAnonymous","AuthPluginBase","AuthPluginParent","AuthPluginPsk"],"sources":["../src/index.ts"],"sourcesContent":["export * from './AuthPlugin';\nexport * from './AuthHandlerTypes';\nexport { default as AuthPluginAnonymous } from './AuthPluginAnonymous';\nexport { default as AuthPluginBase } from './AuthPluginBase';\nexport { default as AuthPluginParent } from './AuthPluginParent';\nexport { default as AuthPluginPsk } from './AuthPluginPsk';\nexport * from './Login';\nexport * from './LoginForm';\nexport * from './UserContexts';\n"],"mappings":";;SAESA,OAAO,IAAIC,mBAAmB;AAAA,SAC9BD,OAAO,IAAIE,cAAc;AAAA,SACzBF,OAAO,IAAIG,gBAAgB;AAAA,SAC3BH,OAAO,IAAII,aAAa;AAAA;AAAA;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deephaven/auth-plugins",
-  "version": "0.37.4-beta.0+33c9673e",
+  "version": "0.37.4-logout.1+055523d8",
   "description": "Deephaven Auth Plugins",
   "keywords": [
     "Deephaven",
@@ -29,17 +29,24 @@
   },
   "scripts": {
     "build": "cross-env NODE_ENV=production run-p build:*",
-    "build:babel": "babel ./src --out-dir ./dist --extensions \".ts,.tsx,.js,.jsx\" --source-maps --root-mode upward"
+    "build:babel": "babel ./src --out-dir ./dist --extensions \".ts,.tsx,.js,.jsx\" --source-maps --root-mode upward",
+    "build:sass": "sass --embed-sources --load-path=../../node_modules ./src:./dist"
   },
   "dependencies": {
-    "@deephaven/components": "^0.37.4-beta.0+33c9673e",
-    "@deephaven/jsapi-bootstrap": "^0.37.4-beta.0+33c9673e",
-    "@deephaven/jsapi-types": "^0.37.4-beta.0+33c9673e",
-    "@deephaven/jsapi-utils": "^0.37.4-beta.0+33c9673e",
-    "@deephaven/log": "^0.37.4-beta.0+33c9673e"
+    "@deephaven/components": "^0.37.4-logout.1+055523d8",
+    "@deephaven/jsapi-bootstrap": "^0.37.4-logout.1+055523d8",
+    "@deephaven/jsapi-components": "^0.37.4-logout.1+055523d8",
+    "@deephaven/jsapi-types": "^0.37.4-logout.1+055523d8",
+    "@deephaven/jsapi-utils": "^0.37.4-logout.1+055523d8",
+    "@deephaven/log": "^0.37.4-logout.1+055523d8",
+    "@deephaven/redux": "^0.37.4-logout.1+055523d8",
+    "@deephaven/utils": "^0.37.4-logout.1+055523d8",
+    "classnames": "^2.3.1",
+    "js-cookie": "^3.0.5",
+    "react-transition-group": "^4.4.2"
   },
   "devDependencies": {
-    "@deephaven/tsconfig": "^0.37.4-beta.0+33c9673e",
+    "@deephaven/tsconfig": "^0.37.4-logout.1+055523d8",
     "@types/react": "^17.0.2"
   },
   "peerDependencies": {
@@ -52,5 +59,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "33c9673e1f523f9dba1f06d13b4a2aa5441c0679"
+  "gitHead": "055523d81e65b5f0ef2d2515bcfe091f4a3391de"
 }