@saasquatch/mint-components 1.3.3-5 → 1.3.3-6

package/dist/collection/components/sqm-portal-login/sqm-portal-login.js

@@ -1,309 +1,254 @@
-import { isDemo, navigation } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { PortalLoginView } from "./sqm-portal-login-view";
-import { usePortalLogin } from "./usePortalLogin";
-/**
- * @uiName Portal Login
- */
-export class PortalLogin {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Page navigated to after sign-in
-     */
-    this.nextPage = "/";
-    /**
-     * @uiName Label for email field
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Label for password field
-     */
-    this.passwordLabel = "Password";
-    /**
-     * @uiName Label for submit button
-     */
-    this.submitLabel = "Sign In";
-    /**
-     * @uiName Label for forgotten password button
-     */
-    this.forgotPasswordLabel = "Forgot Password?";
-    /**
-     * @uiName Label for register navigation button
-     */
-    this.registerLabel = "Register";
-    /**
-     * @uiName Heading label
-     */
-    this.pageLabel = "Sign in to your account";
-    /**
-     * @uiName Routing path to register page
-     */
-    this.registerPath = "/register";
-    /**
-     * @uiName Routing path to forgot password page
-     */
-    this.forgotPasswordPath = "/forgotPassword";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? useLoginDemo(this)
-      : usePortalLogin(this);
-    const content = {
-      forgotPasswordButton: (h("slot", { name: "forgotPassword" },
-        h("a", { onClick: () => navigation.push(states.forgotPasswordPath) }, this.forgotPasswordLabel))),
-      secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.registerPath) }, this.registerLabel))),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-    };
-    return (h(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
-  }
-  static get is() { return "sqm-portal-login"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "nextPage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Page navigated to after sign-in",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "next-page",
-      "reflect": false,
-      "defaultValue": "\"/\""
-    },
-    "emailLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for email field",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "email-label",
-      "reflect": false,
-      "defaultValue": "\"Email\""
-    },
-    "passwordLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for password field",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "password-label",
-      "reflect": false,
-      "defaultValue": "\"Password\""
-    },
-    "submitLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for submit button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "submit-label",
-      "reflect": false,
-      "defaultValue": "\"Sign In\""
-    },
-    "forgotPasswordLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for forgotten password button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "forgot-password-label",
-      "reflect": false,
-      "defaultValue": "\"Forgot Password?\""
-    },
-    "registerLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for register navigation button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "register-label",
-      "reflect": false,
-      "defaultValue": "\"Register\""
-    },
-    "pageLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Heading label",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "page-label",
-      "reflect": false,
-      "defaultValue": "\"Sign in to your account\""
-    },
-    "registerPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Routing path to register page",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "register-path",
-      "reflect": false,
-      "defaultValue": "\"/register\""
-    },
-    "forgotPasswordPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Routing path to forgot password page",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "forgot-password-path",
-      "reflect": false,
-      "defaultValue": "\"/forgotPassword\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<PortalLoginViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; forgotPasswordPath: string; registerPath: string; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "PortalLoginViewProps": {
-            "location": "import",
-            "path": "./sqm-portal-login-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useLoginDemo(props) {
-  return deepmerge({
-    states: {
-      error: "",
-      loading: false,
-      forgotPasswordPath: "/forgotPassword",
-      registerPath: "/register",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo, navigation } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { PortalLoginView } from "./sqm-portal-login-view";
+import { usePortalLogin } from "./usePortalLogin";
+/**
+ * @uiName Portal Login
+ */
+export class PortalLogin {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Page navigated to after sign-in
+     */
+    this.nextPage = "/";
+    /**
+     * @uiName Label for email field
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Label for password field
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Label for submit button
+     */
+    this.submitLabel = "Sign In";
+    /**
+     * @uiName Label for forgotten password button
+     */
+    this.forgotPasswordLabel = "Forgot Password?";
+    /**
+     * @uiName Label for register navigation button
+     */
+    this.registerLabel = "Register";
+    /**
+     * @uiName Heading label
+     */
+    this.pageLabel = "Sign in to your account";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? useLoginDemo(this)
+      : usePortalLogin(this);
+    const content = {
+      forgotPasswordButton: (h("slot", { name: "forgotPassword" },
+        h("a", { onClick: () => navigation.push("/forgotPassword") }, this.forgotPasswordLabel))),
+      secondaryButton: (h("slot", { name: "secondaryButton" },
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push("/register") }, this.registerLabel))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+    };
+    return (h(PortalLoginView, { states: states, callbacks: callbacks, content: content }));
+  }
+  static get is() { return "sqm-portal-login"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "nextPage": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Page navigated to after sign-in",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "next-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
+    "emailLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for email field",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "email-label",
+      "reflect": false,
+      "defaultValue": "\"Email\""
+    },
+    "passwordLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for password field",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "password-label",
+      "reflect": false,
+      "defaultValue": "\"Password\""
+    },
+    "submitLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for submit button",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "submit-label",
+      "reflect": false,
+      "defaultValue": "\"Sign In\""
+    },
+    "forgotPasswordLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for forgotten password button",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "forgot-password-label",
+      "reflect": false,
+      "defaultValue": "\"Forgot Password?\""
+    },
+    "registerLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for register navigation button",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "register-label",
+      "reflect": false,
+      "defaultValue": "\"Register\""
+    },
+    "pageLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Heading label",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "page-label",
+      "reflect": false,
+      "defaultValue": "\"Sign in to your account\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PortalLoginViewProps>",
+        "resolved": "{ states?: { error: string; loading: boolean; }; content?: { forgotPasswordButton?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "PortalLoginViewProps": {
+            "location": "import",
+            "path": "./sqm-portal-login-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useLoginDemo(props) {
+  return deepmerge({
+    states: { error: "", loading: false },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}