npm - @saasquatch/mint-components - Versions diffs - 1.5.1-1 → 1.5.2-0 - Mend

@saasquatch/mint-components 1.5.1-1 → 1.5.2-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 (1048) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -1,145 +1,145 @@
-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": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
-            "name": "uiEnumNames"
-          }],
-        "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": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
-            "name": "uiEnumNames"
-          }],
-        "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": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
+            "name": "uiEnumNames"
+          }],
+        "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": "[\"None\", \"Small\", \"Medium\", \"Large\"]",
+            "name": "uiEnumNames"
+          }],
+        "text": ""
+      },
+      "attribute": "popup-padding",
+      "reflect": false
+    }
+  }; }
+}