@nextelco/common-ui 2.1.98 → 2.1.100

package/dist/esm/legacy/pages/Loading/Loading.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+import './Loading.css';/* empty css             */
+const LoadingPage = ({ logo }) => {
+  return /* @__PURE__ */ jsx("div", { className: "loading-page", children: /* @__PURE__ */ jsx("div", { className: "loading", children: logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "", className: "loading-icon-custom" }) : /* @__PURE__ */ jsx("div", { className: "loading-icon" }) }) });
+};
+export {
+  LoadingPage as default
+};
+//# sourceMappingURL=Loading.js.map

package/dist/esm/legacy/pages/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../../../../src/legacy/pages/Loading/Loading.tsx"],"sourcesContent":["import React from 'react'\r\nimport './Loading.scss'\r\n\r\ntype Props = {\r\n  // Sobrepõe a animação \"Proef\" por defeito por uma imagem estática própria.\r\n  logo?: string\r\n}\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nconst LoadingPage = ({ logo }: Props) => {\r\n  return (\r\n    <div className=\"loading-page\">\r\n      <div className=\"loading\">\r\n        {logo ? (\r\n          <img src={logo} alt=\"\" className=\"loading-icon-custom\" />\r\n        ) : (\r\n          <div className=\"loading-icon\"></div>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default LoadingPage\r\n"],"names":[],"mappings":";;AASA,MAAM,cAAc,CAAC,EAAE,WAAkB;AACvC,SACE,oBAAC,SAAI,WAAU,gBACb,8BAAC,OAAA,EAAI,WAAU,WACZ,UAAA,OACC,oBAAC,OAAA,EAAI,KAAK,MAAM,KAAI,IAAG,WAAU,sBAAA,CAAsB,wBAEtD,OAAA,EAAI,WAAU,eAAA,CAAe,EAAA,CAElC,EAAA,CACF;AAEJ;"}

package/dist/esm/legacy/pages/Login/LoginScreen.js

@@ -0,0 +1,46 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+function LoginScreen({
+  appTitle,
+  subtitle,
+  onSignIn,
+  signInLabel = "Sign in",
+  companyLabel,
+  logo,
+  error,
+  topoDireita,
+  acentos = false
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "min-h-screen bg-proef-navy flex flex-col items-center justify-center p-8 relative overflow-hidden", children: [
+    acentos && /* @__PURE__ */ jsxs("div", { className: "absolute inset-0 overflow-hidden pointer-events-none", "aria-hidden": true, children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute -top-32 -right-32 w-96 h-96 bg-proef-turquoise/5 rotate-45" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute -bottom-32 -left-32 w-96 h-96 bg-proef-blue/10 rotate-45" })
+    ] }),
+    topoDireita && /* @__PURE__ */ jsx("div", { className: "absolute top-6 right-6 z-20", children: topoDireita }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-sm text-center relative z-10", children: [
+      /* @__PURE__ */ jsx("div", { className: "mb-10 flex items-center justify-center", children: logo ?? /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-5xl font-black text-white tracking-tighter", children: "proef" }),
+        /* @__PURE__ */ jsx("div", { className: "w-2.5 h-2.5 rounded-full bg-proef-turquoise mt-4 animate-pulse" })
+      ] }) }),
+      appTitle && /* @__PURE__ */ jsx("h1", { className: "text-lg font-black uppercase tracking-[0.3em] text-white mb-1", children: appTitle }),
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-white/50 text-sm mb-10", children: subtitle }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onSignIn,
+          className: "appearance-none cursor-pointer w-full bg-proef-turquoise text-proef-navy hover:bg-white transition-colors rounded-lg px-6 py-3.5 text-xs font-black uppercase tracking-widest",
+          children: signInLabel
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "text-red-300 text-xs mt-4", children: error }),
+      companyLabel && /* @__PURE__ */ jsxs("p", { className: "text-white/25 text-xs mt-12", children: [
+        companyLabel,
+        " — ",
+        (/* @__PURE__ */ new Date()).getFullYear()
+      ] })
+    ] })
+  ] });
+}
+export {
+  LoginScreen as default
+};
+//# sourceMappingURL=LoginScreen.js.map

package/dist/esm/legacy/pages/Login/LoginScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoginScreen.js","sources":["../../../../../src/legacy/pages/Login/LoginScreen.tsx"],"sourcesContent":["import React from 'react'\r\n\r\n/** @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy. */\r\nexport interface LoginScreenProps {\r\n  /** Título da app (ex: nome do portal). */\r\n  appTitle?: string\r\n  /** Subtítulo/descrição curta. */\r\n  subtitle?: string\r\n  /** Ação do botão de entrar (ex: MSAL loginRedirect). */\r\n  onSignIn: () => void\r\n  signInLabel?: string\r\n  /** Rodapé — empresa. O ano é acrescentado automaticamente. */\r\n  companyLabel?: string\r\n  /** Logo custom. Sem isto mostra a marca \"proef\" + ponto turquesa. */\r\n  logo?: React.ReactNode\r\n  /** Mensagem de erro opcional (ex: falha de login). */\r\n  error?: string\r\n  /**\r\n   * Canto superior direito — tipicamente o seletor de idioma.\r\n   *\r\n   * Existe porque quem ainda não entrou pode não perceber a língua em que o\r\n   * ecrã está, e é precisamente aí que mais precisa de a poder trocar.\r\n   */\r\n  topoDireita?: React.ReactNode\r\n  /**\r\n   * Dois quadrados rodados em marca-d'água nos cantos opostos.\r\n   *\r\n   * A maioria dos portais tinha-os no seu ecrã de login próprio, e sem isto a\r\n   * passagem para o componente partilhado tirava-lhos. Default `false` para\r\n   * não mexer em quem já usa o componente.\r\n   *\r\n   * Herdam `--color-proef-turquoise` e `--color-proef-blue`, por isso um\r\n   * portal que redefina essas variáveis vê os acentos acompanharem.\r\n   */\r\n  acentos?: boolean\r\n}\r\n\r\n/**\r\n * Ecrã de login partilhado (design system proef): fundo navy, marca \"proef\",\r\n * título/subtítulo da app e botão de entrar. Agnóstico ao provider — a app passa\r\n * `onSignIn` (MSAL/Keycloak/…). Requer o CSS do common-ui.\r\n * @deprecated Legacy — não usar em código novo. Ver Storybook › Legacy.\r\n */\r\nexport default function LoginScreen({\r\n  appTitle,\r\n  subtitle,\r\n  onSignIn,\r\n  signInLabel = 'Sign in',\r\n  companyLabel,\r\n  logo,\r\n  error,\r\n  topoDireita,\r\n  acentos = false,\r\n}: LoginScreenProps) {\r\n  return (\r\n    <div className=\"min-h-screen bg-proef-navy flex flex-col items-center justify-center p-8 relative overflow-hidden\">\r\n      {acentos && (\r\n        <div className=\"absolute inset-0 overflow-hidden pointer-events-none\" aria-hidden>\r\n          <div className=\"absolute -top-32 -right-32 w-96 h-96 bg-proef-turquoise/5 rotate-45\" />\r\n          <div className=\"absolute -bottom-32 -left-32 w-96 h-96 bg-proef-blue/10 rotate-45\" />\r\n        </div>\r\n      )}\r\n      {topoDireita && <div className=\"absolute top-6 right-6 z-20\">{topoDireita}</div>}\r\n      <div className=\"w-full max-w-sm text-center relative z-10\">\r\n        <div className=\"mb-10 flex items-center justify-center\">\r\n          {logo ?? (\r\n            <div className=\"flex items-center gap-2\">\r\n              <span className=\"text-5xl font-black text-white tracking-tighter\">proef</span>\r\n              <div className=\"w-2.5 h-2.5 rounded-full bg-proef-turquoise mt-4 animate-pulse\" />\r\n            </div>\r\n          )}\r\n        </div>\r\n\r\n        {appTitle && (\r\n          <h1 className=\"text-lg font-black uppercase tracking-[0.3em] text-white mb-1\">{appTitle}</h1>\r\n        )}\r\n        {subtitle && <p className=\"text-white/50 text-sm mb-10\">{subtitle}</p>}\r\n\r\n        <button\r\n          onClick={onSignIn}\r\n          className=\"appearance-none cursor-pointer w-full bg-proef-turquoise text-proef-navy hover:bg-white transition-colors rounded-lg px-6 py-3.5 text-xs font-black uppercase tracking-widest\"\r\n        >\r\n          {signInLabel}\r\n        </button>\r\n\r\n        {error && <p className=\"text-red-300 text-xs mt-4\">{error}</p>}\r\n\r\n        {companyLabel && (\r\n          <p className=\"text-white/25 text-xs mt-12\">\r\n            {companyLabel} — {new Date().getFullYear()}\r\n          </p>\r\n        )}\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"names":[],"mappings":";AA2CA,SAAwB,YAAY;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AACZ,GAAqB;AACnB,SACE,qBAAC,OAAA,EAAI,WAAU,qGACZ,UAAA;AAAA,IAAA,WACC,qBAAC,OAAA,EAAI,WAAU,wDAAuD,eAAW,MAC/E,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,sEAAA,CAAsE;AAAA,MACrF,oBAAC,OAAA,EAAI,WAAU,oEAAA,CAAoE;AAAA,IAAA,GACrF;AAAA,IAED,eAAe,oBAAC,OAAA,EAAI,WAAU,+BAA+B,UAAA,aAAY;AAAA,IAC1E,qBAAC,OAAA,EAAI,WAAU,6CACb,UAAA;AAAA,MAAA,oBAAC,SAAI,WAAU,0CACZ,kBACC,qBAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,mDAAkD,UAAA,SAAK;AAAA,QACvE,oBAAC,OAAA,EAAI,WAAU,iEAAA,CAAiE;AAAA,MAAA,EAAA,CAClF,EAAA,CAEJ;AAAA,MAEC,YACC,oBAAC,MAAA,EAAG,WAAU,iEAAiE,UAAA,UAAS;AAAA,MAEzF,YAAY,oBAAC,KAAA,EAAE,WAAU,+BAA+B,UAAA,UAAS;AAAA,MAElE;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAET,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,MAGF,SAAS,oBAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,OAAM;AAAA,MAEzD,gBACC,qBAAC,KAAA,EAAE,WAAU,+BACV,UAAA;AAAA,QAAA;AAAA,QAAa;AAAA,SAAI,oBAAI,KAAA,GAAO,YAAA;AAAA,MAAY,EAAA,CAC3C;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}