@saasquatch/mint-components 1.3.3-4 → 1.4.0-0

package/dist/collection/components/sqm-password-field/sqm-password-field.js

@@ -1,132 +1,132 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { useState } from "@saasquatch/universal-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { validateNewPassword } from "./passwordValidation";
-import { PortalResetPasswordView, } from "./sqm-password-field-view";
-import { usePasswordField } from "./usePasswordField";
-/**
- * @uiName Portal Password Field
- */
-export class PortalPasswordField {
-  constructor() {
-    this.ignored = true;
-    /**
-     * @uiName Label for password field
-     */
-    this.fieldLabel = "Password";
-    /**
-     * @uiName Enable live password validation
-     */
-    this.enableValidation = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { states, callbacks } = isDemo()
-      ? usePasswordFieldDemo(this)
-      : usePasswordField(this);
-    return h(PortalResetPasswordView, { states: states, callbacks: callbacks });
-  }
-  static get is() { return "sqm-password-field"; }
-  static get properties() { return {
-    "fieldLabel": {
-      "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": "field-label",
-      "reflect": false,
-      "defaultValue": "\"Password\""
-    },
-    "enableValidation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Enable live password validation",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "enable-validation",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "PasswordFieldViewDemoProps",
-        "resolved": "PasswordFieldViewDemoProps",
-        "references": {
-          "PasswordFieldViewDemoProps": {
-            "location": "local"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function usePasswordFieldDemo(props) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const [dynamicValidation, setDynamicValidation] = useState("");
-  const [lastValidated, setLastValidated] = useState("");
-  if (props.demoData && lastValidated != ((_a = props === null || props === void 0 ? void 0 : props.demoData) === null || _a === void 0 ? void 0 : _a.initValue)) {
-    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "");
-    setDynamicValidation(((_c = props === null || props === void 0 ? void 0 : props.demoData) === null || _c === void 0 ? void 0 : _c.initValue) === "" ? "" : validation);
-    setLastValidated((_d = props === null || props === void 0 ? void 0 : props.demoData) === null || _d === void 0 ? void 0 : _d.initValue);
-  }
-  function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
-    setDynamicValidation(validation);
-  }
-  return deepmerge({
-    states: {
-      enableValidation: true,
-      dynamicValidation,
-      validationErrors: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.validationErrors) || {},
-      content: {
-        fieldLabel: "Password",
-      },
-    },
-    callbacks: {
-      onInput,
-    },
-  }, ((_g = props === null || props === void 0 ? void 0 : props.demoData) === null || _g === void 0 ? void 0 : _g.states) || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { useState } from "@saasquatch/universal-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { validateNewPassword } from "./passwordValidation";
+import { PortalResetPasswordView, } from "./sqm-password-field-view";
+import { usePasswordField } from "./usePasswordField";
+/**
+ * @uiName Portal Password Field
+ */
+export class PortalPasswordField {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Label for password field
+     */
+    this.fieldLabel = "Password";
+    /**
+     * @uiName Enable live password validation
+     */
+    this.enableValidation = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { states, callbacks } = isDemo()
+      ? usePasswordFieldDemo(this)
+      : usePasswordField(this);
+    return h(PortalResetPasswordView, { states: states, callbacks: callbacks });
+  }
+  static get is() { return "sqm-password-field"; }
+  static get properties() { return {
+    "fieldLabel": {
+      "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": "field-label",
+      "reflect": false,
+      "defaultValue": "\"Password\""
+    },
+    "enableValidation": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Enable live password validation",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "enable-validation",
+      "reflect": false,
+      "defaultValue": "true"
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "PasswordFieldViewDemoProps",
+        "resolved": "PasswordFieldViewDemoProps",
+        "references": {
+          "PasswordFieldViewDemoProps": {
+            "location": "local"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function usePasswordFieldDemo(props) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [dynamicValidation, setDynamicValidation] = useState("");
+  const [lastValidated, setLastValidated] = useState("");
+  if (props.demoData && lastValidated != ((_a = props === null || props === void 0 ? void 0 : props.demoData) === null || _a === void 0 ? void 0 : _a.initValue)) {
+    const validation = validateNewPassword(((_b = props === null || props === void 0 ? void 0 : props.demoData) === null || _b === void 0 ? void 0 : _b.initValue) || "");
+    setDynamicValidation(((_c = props === null || props === void 0 ? void 0 : props.demoData) === null || _c === void 0 ? void 0 : _c.initValue) === "" ? "" : validation);
+    setLastValidated((_d = props === null || props === void 0 ? void 0 : props.demoData) === null || _d === void 0 ? void 0 : _d.initValue);
+  }
+  function onInput(input) {
+    const validation = validateNewPassword(input.target.value);
+    setDynamicValidation(validation);
+  }
+  return deepmerge({
+    states: {
+      enableValidation: true,
+      dynamicValidation,
+      validationErrors: ((_f = (_e = props === null || props === void 0 ? void 0 : props.demoData) === null || _e === void 0 ? void 0 : _e.states) === null || _f === void 0 ? void 0 : _f.validationErrors) || {},
+      content: {
+        fieldLabel: "Password",
+      },
+    },
+    callbacks: {
+      onInput,
+    },
+  }, ((_g = props === null || props === void 0 ? void 0 : props.demoData) === null || _g === void 0 ? void 0 : _g.states) || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-password-field/usePasswordField.js

@@ -1,25 +1,25 @@
-import { useState } from "@saasquatch/universal-hooks";
-import { validateNewPassword } from "./passwordValidation";
-import { useDomContext } from "@saasquatch/stencil-hooks";
-const CONTEXT_NAME = "sq:validation-state";
-export function usePasswordField(props) {
-  const validationState = useDomContext(CONTEXT_NAME);
-  const [dynamicValidation, setDynamicValidation] = useState("");
-  function onInput(input) {
-    const validation = validateNewPassword(input.target.value);
-    setDynamicValidation(validation);
-  }
-  return {
-    states: {
-      enableValidation: props.enableValidation,
-      dynamicValidation,
-      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
-      content: {
-        fieldLabel: props.fieldLabel,
-      },
-    },
-    callbacks: {
-      onInput,
-    },
-  };
-}
+import { useState } from "@saasquatch/universal-hooks";
+import { validateNewPassword } from "./passwordValidation";
+import { useDomContext } from "@saasquatch/stencil-hooks";
+const CONTEXT_NAME = "sq:validation-state";
+export function usePasswordField(props) {
+  const validationState = useDomContext(CONTEXT_NAME);
+  const [dynamicValidation, setDynamicValidation] = useState("");
+  function onInput(input) {
+    const validation = validateNewPassword(input.target.value);
+    setDynamicValidation(validation);
+  }
+  return {
+    states: {
+      enableValidation: props.enableValidation,
+      dynamicValidation,
+      validationErrors: validationState === null || validationState === void 0 ? void 0 : validationState.validationErrors,
+      content: {
+        fieldLabel: props.fieldLabel,
+      },
+    },
+    callbacks: {
+      onInput,
+    },
+  };
+}

package/dist/collection/components/sqm-popup-container/sqm-popup-container-view.js

@@ -1,11 +1,11 @@
-import { h, Host } from "@stencil/core";
-const PopupContainerView = (props) => {
-  const { states, callbacks } = props;
-  const { styles } = states;
-  return (h(Host, { class: "squatch-container" },
-    h("div", { style: { padding: props.states.styles.padding } },
-      styles.closeButton && (h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
-      h("slot", null),
-      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
-};
-export default PopupContainerView;
+import { h, Host } from "@stencil/core";
+const PopupContainerView = (props) => {
+  const { states, callbacks } = props;
+  const { styles } = states;
+  return (h(Host, { class: "squatch-container" },
+    h("div", { style: { padding: props.states.styles.padding } },
+      styles.closeButton && (h("span", { class: "close squatch-header-close", "data-close-panel": "#squatch-panel", onClick: () => callbacks.closePopup() }, styles.closeButtonText)),
+      h("slot", null),
+      styles.poweredBy ? (h("a", { class: "sqh-attribution", href: "https://www.saasquatch.com/?utm_source=app&utm_medium=user-widget&utm_campaign=referral-widget", target: "_blank" }, "Powered By")) : (""))));
+};
+export default PopupContainerView;

package/dist/collection/components/sqm-popup-container/sqm-popup-container.js

@@ -1,139 +1,139 @@
-import { h, Component, Prop } from "@stencil/core";
-import PopupContainerView from "./sqm-popup-container-view";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { usePopupContainer } from "./usePopupContainer";
-import { getProps } from "../../utils/utils";
-/**
- * @uiName Popup container for widgets
- */
-export class PopupContainer {
-  constructor() {
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
-  }
-  static get is() { return "sqm-popup-container"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-popup-container.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-popup-container.css"]
-  }; }
-  static get properties() { return {
-    "poweredBy": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show SaaSquatch Powered By messaging",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "powered-by",
-      "reflect": false
-    },
-    "closeButton": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Display a close button on the popup",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "close-button",
-      "reflect": false
-    },
-    "closeButtonText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Text to be used as the close button",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "close-button-text",
-      "reflect": false
-    },
-    "embedPadding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Specify padding on the popup contents when in embedded mode",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "embed-padding",
-      "reflect": false
-    },
-    "popupPadding": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
-        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Specify padding on the popup contents when in popup mode",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "popup-padding",
-      "reflect": false
-    }
-  }; }
-}
+import { h, Component, Prop } from "@stencil/core";
+import PopupContainerView from "./sqm-popup-container-view";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { usePopupContainer } from "./usePopupContainer";
+import { getProps } from "../../utils/utils";
+/**
+ * @uiName Popup container for widgets
+ */
+export class PopupContainer {
+  constructor() {
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = getProps(this);
+    return h(PopupContainerView, Object.assign({}, usePopupContainer(thisProps)));
+  }
+  static get is() { return "sqm-popup-container"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-popup-container.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-popup-container.css"]
+  }; }
+  static get properties() { return {
+    "poweredBy": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show SaaSquatch Powered By messaging",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "powered-by",
+      "reflect": false
+    },
+    "closeButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Display a close button on the popup",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "close-button",
+      "reflect": false
+    },
+    "closeButtonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Text to be used as the close button",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "close-button-text",
+      "reflect": false
+    },
+    "embedPadding": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
+        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Specify padding on the popup contents when in embedded mode",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "embed-padding",
+      "reflect": false
+    },
+    "popupPadding": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"none\" | \"small\" | \"medium\" | \"large\"",
+        "resolved": "\"large\" | \"medium\" | \"none\" | \"small\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Specify padding on the popup contents when in popup mode",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"none\", \"small\", \"medium\", \"large\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "popup-padding",
+      "reflect": false
+    }
+  }; }
+}