npm - @saasquatch/mint-components - Versions diffs - 1.3.3-5 → 1.4.0 - Mend

@saasquatch/mint-components 1.3.3-5 → 1.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (672) hide show

package/dist/collection/components/sqm-portal-register/sqm-portal-register.js CHANGED Viewed

@@ -1,390 +1,392 @@
-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 { PortalRegisterView, } from "./sqm-portal-register-view";
-import { usePortalRegister } from "./usePortalRegister";
-/**
- * @uiName Portal Register
- */
-export class PortalRegister {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Page navigated to after registration
-     */
-    this.nextPage = "/";
-    /**
-     * @uiName Base path of verify email link
-     */
-    this.redirectPath = "/verifyEmail";
-    /**
-     * @uiName Label for email field
-     */
-    this.emailLabel = "Email";
-    /**
-     * @uiName Label for password field
-     */
-    this.passwordLabel = "Password";
-    /**
-     * @uiName Label for submit button
-     */
-    this.submitLabel = "Register";
-    /**
-     * @uiName Label for login navigation button
-     */
-    this.loginLabel = "Sign in";
-    /**
-     * @uiName Label for confirm password field
-     */
-    this.confirmPasswordLabel = "Confirm Password";
-    /**
-     * @uiName Show confirm password field
-     */
-    this.confirmPassword = false;
-    /**
-     * @uiName Use password field with live validation
-     */
-    this.enablePasswordValidation = true;
-    /**
-     * @uiName Hide default input fields to use custom fields
-     */
-    this.hideInputs = false;
-    /**
-     * @uiName Heading label
-     */
-    this.pageLabel = "Register";
-    /**
-     * @uiName Routing path to login page
-     */
-    this.loginPath = "/login";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks, refs } = isDemo()
-      ? useRegisterDemo(this)
-      : usePortalRegister(this);
-    const content = {
-      formData: h("slot", { name: "formData" }),
-      secondaryButton: (h("slot", { name: "secondaryButton" },
-        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
-      emailLabel: this.emailLabel,
-      passwordLabel: this.passwordLabel,
-      submitLabel: this.submitLabel,
-      pageLabel: this.pageLabel,
-      confirmPasswordLabel: this.confirmPasswordLabel,
-    };
-    return (h(PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
-  }
-  static get is() { return "sqm-portal-register"; }
-  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 registration",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "next-page",
-      "reflect": false,
-      "defaultValue": "\"/\""
-    },
-    "redirectPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Base path of verify email link",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "redirect-path",
-      "reflect": false,
-      "defaultValue": "\"/verifyEmail\""
-    },
-    "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": "\"Register\""
-    },
-    "loginLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for login navigation button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "login-label",
-      "reflect": false,
-      "defaultValue": "\"Sign in\""
-    },
-    "confirmPasswordLabel": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Label for confirm password field",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "confirm-password-label",
-      "reflect": false,
-      "defaultValue": "\"Confirm Password\""
-    },
-    "confirmPassword": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show confirm password field",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "confirm-password",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "enablePasswordValidation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Use password field with live validation",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "enable-password-validation",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "hideInputs": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Hide default input fields to use custom fields",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "hide-inputs",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "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": "\"Register\""
-    },
-    "loginPath": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Routing path to login page",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "login-path",
-      "reflect": false,
-      "defaultValue": "\"/login\""
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<PortalRegisterViewProps>",
-        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "PortalRegisterViewProps": {
-            "location": "import",
-            "path": "./sqm-portal-register-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useRegisterDemo(props) {
-  return deepmerge({
-    states: {
-      error: "",
-      loading: false,
-      confirmPassword: true,
-      hideInputs: props.hideInputs || false,
-      customPasswordField: false,
-      loginPath: "/login",
-    },
-    callbacks: {
-      submit: async (_event) => {
-        console.log("submit");
-      },
-      inputFunction: () => { },
-    },
-    refs: {
-      formRef: {},
-    },
-  }, 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 { PortalRegisterView, } from "./sqm-portal-register-view";
+import { usePortalRegister } from "./usePortalRegister";
+/**
+ * @uiName Portal Register
+ */
+export class PortalRegister {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Page navigated to after registration
+     */
+    this.nextPage = "/";
+    /**
+     * The page that users are redirected to from the verification email.
+     *
+     * @uiName Email redirection base path
+     */
+    this.redirectPath = "/verifyEmail";
+    /**
+     * @uiName Label for email field
+     */
+    this.emailLabel = "Email";
+    /**
+     * @uiName Label for password field
+     */
+    this.passwordLabel = "Password";
+    /**
+     * @uiName Label for submit button
+     */
+    this.submitLabel = "Register";
+    /**
+     * @uiName Label for login navigation button
+     */
+    this.loginLabel = "Sign in";
+    /**
+     * @uiName Label for confirm password field
+     */
+    this.confirmPasswordLabel = "Confirm Password";
+    /**
+     * @uiName Show confirm password field
+     */
+    this.confirmPassword = false;
+    /**
+     * @uiName Use password field with live validation
+     */
+    this.enablePasswordValidation = true;
+    /**
+     * @uiName Hide default input fields to use custom fields
+     */
+    this.hideInputs = false;
+    /**
+     * @uiName Heading label
+     */
+    this.pageLabel = "Register";
+    /**
+     * @uiName Sign in button redirection path
+     */
+    this.loginPath = "/login";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks, refs } = isDemo()
+      ? useRegisterDemo(this)
+      : usePortalRegister(this);
+    const content = {
+      formData: h("slot", { name: "formData" }),
+      secondaryButton: (h("slot", { name: "secondaryButton" },
+        h("sl-button", { type: "text", disabled: states.loading, onClick: () => navigation.push(states.loginPath) }, this.loginLabel))),
+      emailLabel: this.emailLabel,
+      passwordLabel: this.passwordLabel,
+      submitLabel: this.submitLabel,
+      pageLabel: this.pageLabel,
+      confirmPasswordLabel: this.confirmPasswordLabel,
+    };
+    return (h(PortalRegisterView, { states: states, callbacks: callbacks, content: content, refs: refs }));
+  }
+  static get is() { return "sqm-portal-register"; }
+  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 registration",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "next-page",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
+    "redirectPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Email redirection base path",
+            "name": "uiName"
+          }],
+        "text": "The page that users are redirected to from the verification email."
+      },
+      "attribute": "redirect-path",
+      "reflect": false,
+      "defaultValue": "\"/verifyEmail\""
+    },
+    "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": "\"Register\""
+    },
+    "loginLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for login navigation button",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "login-label",
+      "reflect": false,
+      "defaultValue": "\"Sign in\""
+    },
+    "confirmPasswordLabel": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Label for confirm password field",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "confirm-password-label",
+      "reflect": false,
+      "defaultValue": "\"Confirm Password\""
+    },
+    "confirmPassword": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show confirm password field",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "confirm-password",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "enablePasswordValidation": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Use password field with live validation",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "enable-password-validation",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "hideInputs": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Hide default input fields to use custom fields",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "hide-inputs",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "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": "\"Register\""
+    },
+    "loginPath": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Sign in button redirection path",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "login-path",
+      "reflect": false,
+      "defaultValue": "\"/login\""
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<PortalRegisterViewProps>",
+        "resolved": "{ states?: { error: string; loading: boolean; confirmPassword: boolean; hideInputs: boolean; validationState?: FormState; enablePasswordValidation?: boolean; loginPath: string; }; content?: { formData?: any; passwordField?: any; secondaryButton?: any; emailLabel?: string; passwordLabel?: string; submitLabel?: string; pageLabel?: string; confirmPasswordLabel: string; }; refs?: { formRef: any; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "PortalRegisterViewProps": {
+            "location": "import",
+            "path": "./sqm-portal-register-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useRegisterDemo(props) {
+  return deepmerge({
+    states: {
+      error: "",
+      loading: false,
+      confirmPassword: true,
+      hideInputs: props.hideInputs || false,
+      customPasswordField: false,
+      loginPath: "/login",
+    },
+    callbacks: {
+      submit: async (_event) => {
+        console.log("submit");
+      },
+      inputFunction: () => { },
+    },
+    refs: {
+      formRef: {},
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}