@stack-spot/portal-components 0.0.6 → 0.0.8

package/dist/BannerWarning.d.ts

@@ -0,0 +1,4 @@
+export declare const BannerWarning: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BannerWarning.d.ts.map

package/dist/BannerWarning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerWarning.d.ts","sourceRoot":"","sources":["../src/BannerWarning.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;cAA8B,MAAM,SAAS;6CAgBtE,CAAA"}

package/dist/BannerWarning.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Flex, IconBox, Text } from '@citric/core';
+import { ExclamationTriangle } from '@citric/icons';
+import { Alert } from '@citric/ui';
+export const BannerWarning = ({ children }) => (_jsx(Flex, { sx: { position: 'fixed', top: 0, zIndex: '999', w: 12, left: 0 }, children: _jsxs(Alert, { colorScheme: "warning", sx: { p: 2, w: 12, justifyContent: 'center', height: ['60px', '100px'] }, children: [_jsx(IconBox, { size: "md", colorScheme: "light", sx: { display: ['block', 'none'] }, children: _jsx(ExclamationTriangle, {}) }), _jsx(Flex, { sx: { py: [5, 3] }, children: _jsx(Text, { sx: { fontSize: ['16px', '14px'], whiteSpace: 'pre-line' }, colorScheme: "warning.contrastText", children: children }) }), _jsx(IconBox, { size: "md", colorScheme: "light", sx: { display: ['block', 'none'] }, children: _jsx(ExclamationTriangle, {}) })] }) }));
+//# sourceMappingURL=BannerWarning.js.map

package/dist/BannerWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerWarning.js","sourceRoot":"","sources":["../src/BannerWarning.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAiC,EAAE,EAAE,CAAC,CAC5E,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YACpE,MAAC,KAAK,IAAC,WAAW,EAAC,SAAS,EAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,aACnG,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACvE,KAAC,mBAAmB,KAAG,GACf,EACV,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,YACtB,KAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,UAAU,EAAE,UAAU,EAAE,EAAE,WAAW,EAAC,sBAAsB,YACjG,QAAQ,GACJ,GACF,EACP,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,WAAW,EAAC,OAAO,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,YACvE,KAAC,mBAAmB,KAAG,GACf,IACJ,GACH,CACR,CAAA"}

package/dist/Login.d.ts

@@ -19,7 +19,8 @@ interface Props {
     removeLoadingOnSuccess?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    showBanner?: boolean;
 }
-export declare const Login: ({ onSubmit, initialValue, welcomeText, removeLoadingOnSuccess, className, style }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Login: ({ onSubmit, initialValue, welcomeText, removeLoadingOnSuccess, className, style, showBanner }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=Login.d.ts.map

package/dist/Login.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../src/Login.tsx"],"names":[],"mappings":";AASA,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAE9B,UAAU,QAAQ;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,UAAU,OAAQ,SAAQ,QAAQ;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,OAAQ,SAAQ,QAAQ;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAElC,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AA4CD,eAAO,MAAM,KAAK,sFAA4F,KAAK,4CAmDlH,CAAA"}
+{"version":3,"file":"Login.d.ts","sourceRoot":"","sources":["../src/Login.tsx"],"names":[],"mappings":";AAWA,KAAK,SAAS,GAAG,KAAK,GAAG,KAAK,CAAA;AAE9B,UAAU,QAAQ;IAChB,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,UAAU,OAAQ,SAAQ,QAAQ;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,OAAQ,SAAQ,QAAQ;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,EAAE,qBAAqB,CAAC;CACjC;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAElC,UAAU,KAAK;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA4CD,eAAO,MAAM,KAAK,kGAAwG,KAAK,4CAwD9H,CAAA"}

package/dist/Login.js

@@ -1,4 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable max-len */
 import { Button, IconBox, Input, Text } from '@citric/core';
 import { Github } from '@citric/icons';
 import { LoadingCircular } from '@citric/ui';
@@ -7,6 +8,7 @@ import { useTranslate } from '@stack-spot/portal-translate';
 import { useState } from 'react';
 import { styled } from 'styled-components';
 import { MiniLogo } from './MiniLogo.js';
+import { BannerWarning } from './BannerWarning.js';
 const LoginBox = styled.form `
   display: flex;
   flex-direction: column;
@@ -48,7 +50,7 @@ const LoginBox = styled.form `
     line-height: 1.5rem;
   }
 `;
-export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingOnSuccess, className, style }) => {
+export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingOnSuccess, className, style, showBanner }) => {
     const t = useTranslate(dictionary);
     const searchParams = new URLSearchParams(location.search);
     const [error, setError] = useState(searchParams.get('error_description') || searchParams.get('error') || '');
@@ -75,7 +77,7 @@ export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingO
             return;
         login('sso');
     }
-    return (_jsxs(LoginBox, { onSubmit: submitForm, className: className, style: style, children: [_jsxs("header", { children: [_jsx(MiniLogo, {}), _jsx(Text, { className: "title", children: welcomeText || t.welcome })] }), _jsx(Input, { name: "email", value: email, onChange: e => setEmail(e.target.value), placeholder: t.placeholder }), _jsx(Button, { colorScheme: "primary", disabled: disabled || loading, children: loading ? _jsx(LoadingCircular, {}) : _jsx(Text, { children: t.continue }) }), _jsx("p", { className: "separator", children: t.or }), _jsx(Button, { colorScheme: "light", type: "button", onClick: () => login('idp'), disabled: loading, children: loading ? _jsx(LoadingCircular, {}) : (_jsxs(_Fragment, { children: [_jsx(IconBox, { children: _jsx(Github, {}) }), _jsx(Text, { children: t.loginWithGithub })] })) }), error && _jsxs(Text, { className: "error", children: [t.error, ": ", error] })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(LoginBox, { onSubmit: submitForm, className: className, style: style, children: [_jsxs("header", { children: [_jsx(MiniLogo, {}), _jsx(Text, { className: "title", children: welcomeText || t.welcome })] }), _jsx(Input, { name: "email", value: email, onChange: e => setEmail(e.target.value), placeholder: t.placeholder }), _jsx(Button, { colorScheme: "primary", disabled: disabled || loading, children: loading ? _jsx(LoadingCircular, {}) : _jsx(Text, { children: t.continue }) }), _jsx("p", { className: "separator", children: t.or }), _jsx(Button, { colorScheme: "light", type: "button", onClick: () => login('idp'), disabled: loading, children: loading ? _jsx(LoadingCircular, {}) : (_jsxs(_Fragment, { children: [_jsx(IconBox, { children: _jsx(Github, {}) }), _jsx(Text, { children: t.loginWithGithub })] })) }), error && _jsxs(Text, { className: "error", children: [t.error, ": ", error] })] }), showBanner && _jsx(BannerWarning, { children: t.bannerText })] }));
 };
 const dictionary = {
     en: {
@@ -85,6 +87,8 @@ const dictionary = {
         or: 'or',
         loginWithGithub: 'Login with Github',
         error: 'Error while attempting to login',
+        bannerText: `We want to inform you that StackSpot will be undergoing maintenance on April 11, 2024 (Thursday) from 19:00 (GMT-3) until 23:59. During this period, the entire platform, including the Portal, CLI and APIs, will be temporarily unavailable.
+      Client applications will not be affected and should continue to operate during this maintenance window.`,
     },
     pt: {
         welcome: 'Bem vindo à StackSpot',
@@ -93,6 +97,8 @@ const dictionary = {
         or: 'ou',
         loginWithGithub: 'Logar com o GitHub',
         error: 'Erro ao fazer login',
+        bannerText: `Queremos informar que a StackSpot estará em manutenção no dia 11 de Abril de 2024 (quinta-feira) das 19:00 (GMT-3) até às 23:59. Durante este período, toda a plataforma, incluindo Portal, CLI e APIs, estará temporariamente indisponível. 
+      As aplicações de clientes não terão impacto e devem manter seu funcionamento durante essa janela de manutenção.temporariamente indisponível.`,
     },
 };
 //# sourceMappingURL=Login.js.map

package/dist/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sourceRoot":"","sources":["../src/Login.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Login.js","sourceRoot":"","sources":["../src/Login.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,2 +1,3 @@
 export { Login } from './Login.js';
+export { BannerWarning } from './BannerWarning.js';
 //# 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,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/BannerWarning.tsx

@@ -0,0 +1,21 @@
+import { Flex, IconBox, Text } from '@citric/core'
+import { ExclamationTriangle } from '@citric/icons'
+import { Alert } from '@citric/ui'
+
+export const BannerWarning = ({ children }: { children: React.ReactNode }) => (
+  <Flex sx={{ position: 'fixed', top: 0, zIndex: '999', w: 12, left: 0 }}>
+    <Alert colorScheme="warning" sx={{ p: 2, w: 12, justifyContent: 'center', height: ['60px', '100px'] }}>
+      <IconBox size="md" colorScheme="light" sx={{ display: ['block', 'none'] }}>
+        <ExclamationTriangle />
+      </IconBox>
+      <Flex sx={{ py: [5, 3] }}>
+        <Text sx={{ fontSize: ['16px', '14px'], whiteSpace: 'pre-line' }} colorScheme="warning.contrastText">
+          {children}
+        </Text>
+      </Flex>
+      <IconBox size="md" colorScheme="light" sx={{ display: ['block', 'none'] }}>
+        <ExclamationTriangle />
+      </IconBox>
+    </Alert>
+  </Flex>
+)

package/src/Login.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable max-len */
 import { Button, IconBox, Input, Text } from '@citric/core'
 import { Github } from '@citric/icons'
 import { LoadingCircular } from '@citric/ui'
@@ -6,6 +7,7 @@ import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
 import { useState } from 'react'
 import { styled } from 'styled-components'
 import { MiniLogo } from './MiniLogo'
+import { BannerWarning } from './BannerWarning'
 
 type LoginType = 'sso' | 'idp'
 
@@ -32,6 +34,7 @@ interface Props {
   removeLoadingOnSuccess?: boolean,
   className?: string,
   style?: React.CSSProperties,
+  showBanner?: boolean,
 }
 
 const LoginBox = styled.form`
@@ -76,7 +79,7 @@ const LoginBox = styled.form`
   }
 `
 
-export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingOnSuccess, className, style }: Props) => {
+export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingOnSuccess, className, style, showBanner }: Props) => {
   const t = useTranslate(dictionary)
   const searchParams = new URLSearchParams(location.search)
   const [error, setError] = useState(searchParams.get('error_description') || searchParams.get('error') || '')
@@ -104,28 +107,33 @@ export const Login = ({ onSubmit, initialValue = '', welcomeText, removeLoadingO
   }
 
   return (
-    <LoginBox onSubmit={submitForm} className={className} style={style}>
-      <header>
-        <MiniLogo />
-        <Text className="title">{welcomeText || t.welcome}</Text>
-      </header>
-      <Input name="email" value={email} onChange={e => setEmail(e.target.value)} placeholder={t.placeholder} />
-      <Button colorScheme="primary" disabled={disabled || loading}>
-        {loading ? <LoadingCircular /> : <Text>{t.continue}</Text>}
-      </Button>
-      <p className="separator">{t.or}</p>
-      <Button colorScheme="light" type="button" onClick={() => login('idp')} disabled={loading}>
-        {loading ? <LoadingCircular /> : (
-          <>
-            <IconBox>
-              <Github />
-            </IconBox>
-            <Text>{t.loginWithGithub}</Text>
-          </>
-        )}
-      </Button>
-      {error && <Text className="error">{t.error}: {error}</Text>}
-    </LoginBox>
+    <>
+      <LoginBox onSubmit={submitForm} className={className} style={style}>
+        <header>
+          <MiniLogo />
+          <Text className="title">{welcomeText || t.welcome}</Text>
+        </header>
+        <Input name="email" value={email} onChange={e => setEmail(e.target.value)} placeholder={t.placeholder} />
+        <Button colorScheme="primary" disabled={disabled || loading}>
+          {loading ? <LoadingCircular /> : <Text>{t.continue}</Text>}
+        </Button>
+        <p className="separator">{t.or}</p>
+        <Button colorScheme="light" type="button" onClick={() => login('idp')} disabled={loading}>
+          {loading ? <LoadingCircular /> : (
+            <>
+              <IconBox>
+                <Github />
+              </IconBox>
+              <Text>{t.loginWithGithub}</Text>
+            </>
+          )}
+        </Button>
+        {error && <Text className="error">{t.error}: {error}</Text>}
+      </LoginBox>
+      {showBanner && <BannerWarning>
+        {t.bannerText}
+      </BannerWarning>}
+    </>
   )
 }
 
@@ -137,6 +145,9 @@ const dictionary = {
     or: 'or',
     loginWithGithub: 'Login with Github',
     error: 'Error while attempting to login',
+    bannerText:
+      `We want to inform you that StackSpot will be undergoing maintenance on April 11, 2024 (Thursday) from 19:00 (GMT-3) until 23:59. During this period, the entire platform, including the Portal, CLI and APIs, will be temporarily unavailable.
+      Client applications will not be affected and should continue to operate during this maintenance window.`,
   },
   pt: {
     welcome: 'Bem vindo à StackSpot',
@@ -145,5 +156,8 @@ const dictionary = {
     or: 'ou',
     loginWithGithub: 'Logar com o GitHub',
     error: 'Erro ao fazer login',
+    bannerText:
+      `Queremos informar que a StackSpot estará em manutenção no dia 11 de Abril de 2024 (quinta-feira) das 19:00 (GMT-3) até às 23:59. Durante este período, toda a plataforma, incluindo Portal, CLI e APIs, estará temporariamente indisponível. 
+      As aplicações de clientes não terão impacto e devem manter seu funcionamento durante essa janela de manutenção.temporariamente indisponível.`,
   },
 } satisfies Dictionary

package/src/index.ts

@@ -1 +1,2 @@
 export { Login } from './Login'
+export { BannerWarning } from './BannerWarning'