@saasquatch/mint-components 1.4.0 → 1.5.0-11

package/dist/collection/components/sqm-task-card/sqm-task-card.js

@@ -0,0 +1,443 @@
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+import { getProps } from "../../utils/utils";
+import { useBigStat } from "../sqm-big-stat/useBigStat";
+import { useDemoBigStat } from "../sqm-big-stat/useDemoBigStat";
+import { TaskCardView } from "./sqm-task-card-view";
+/**
+ * @uiName Task Card
+ * @uiOrder ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab"]
+ */
+export class TaskCard {
+  constructor() {
+    this.ignored = true;
+    /**
+     * @uiName Reward Amount
+     */
+    this.rewardAmount = "0";
+    /**
+     * @uiName Reward Unit
+     */
+    this.rewardUnit = "Points";
+    /**
+     * @uiName Title Text
+     */
+    this.cardTitle = "Title Text";
+    /**
+     * @uiName Description Text
+     */
+    this.description = "Description Text";
+    /**
+     * @uiName Goal Repeatable
+     */
+    this.repeatable = false;
+    /**
+     * @uiName Repeat Amount (0 for no limit)
+     */
+    this.finite = 0;
+    /**
+     * @uiName Show Progress Bar
+     */
+    this.showProgressBar = false;
+    /**
+     * @uiName Goal Completion Number
+     */
+    this.goal = 1;
+    /**
+     * @uiName Progress Bar Steps
+     */
+    this.steps = false;
+    /**
+     * @uiName Show Goal Expiry
+     */
+    this.showExpiry = false;
+    /**
+     * @uiName Reward Duration
+     * @uiWidget DateRange
+     * @uiOptions {"allowPastDates":true, "months": 1}
+     */
+    this.rewardDuration = "/";
+    /**
+     * @uiName CTA Button Text
+     */
+    this.buttonText = "Complete Action";
+    /**
+     * @uiName CTA Button Link
+     */
+    this.buttonLink = "https://example.com/";
+    /**
+     * @uiName CTA Button Link Open in New Tab
+     */
+    this.openNewTab = false;
+    /**
+     * Select what type of stat to display for the goal. Manual paths are also supported.
+     *
+     * @uiWidget StatTypeSelectWidget
+     * @uiName Goal Progress Source
+     * @uiOptions {"version": 1.1}
+     */
+    this.statType = "/programGoals/count/Referral-Started%2Freferrals";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const { props } = isDemo() ? useDemoBigStat(this) : useBigStat(this);
+    const { value, statvalue } = props;
+    return (h(TaskCardView, Object.assign({ progress: value, loading: !isDemo() && value === undefined }, getProps(this))));
+  }
+  static get is() { return "sqm-task-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get properties() { return {
+    "rewardAmount": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Amount",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "reward-amount",
+      "reflect": false,
+      "defaultValue": "\"0\""
+    },
+    "rewardUnit": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Unit",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "reward-unit",
+      "reflect": false,
+      "defaultValue": "\"Points\""
+    },
+    "cardTitle": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Title Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "card-title",
+      "reflect": false,
+      "defaultValue": "\"Title Text\""
+    },
+    "description": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Description Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "description",
+      "reflect": false,
+      "defaultValue": "\"Description Text\""
+    },
+    "repeatable": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Goal Repeatable",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "repeatable",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "finite": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Repeat Amount (0 for no limit)",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "finite",
+      "reflect": false,
+      "defaultValue": "0"
+    },
+    "showProgressBar": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show Progress Bar",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "show-progress-bar",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "goal": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Goal Completion Number",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "goal",
+      "reflect": false,
+      "defaultValue": "1"
+    },
+    "steps": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Progress Bar Steps",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "steps",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "progressBarUnit": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Progress Bar Unit",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "progress-bar-unit",
+      "reflect": false
+    },
+    "showExpiry": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show Goal Expiry",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "show-expiry",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "rewardDuration": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Reward Duration",
+            "name": "uiName"
+          }, {
+            "text": "DateRange",
+            "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiOptions"
+          }],
+        "text": ""
+      },
+      "attribute": "reward-duration",
+      "reflect": false,
+      "defaultValue": "\"/\""
+    },
+    "buttonText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "CTA Button Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "button-text",
+      "reflect": false,
+      "defaultValue": "\"Complete Action\""
+    },
+    "buttonLink": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "CTA Button Link",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "button-link",
+      "reflect": false,
+      "defaultValue": "\"https://example.com/\""
+    },
+    "openNewTab": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "CTA Button Link Open in New Tab",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "open-new-tab",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "statType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "StatTypeSelectWidget",
+            "name": "uiWidget"
+          }, {
+            "text": "Goal Progress Source",
+            "name": "uiName"
+          }, {
+            "text": "{\"version\": 1.1}",
+            "name": "uiOptions"
+          }],
+        "text": "Select what type of stat to display for the goal. Manual paths are also supported."
+      },
+      "attribute": "stat-type",
+      "reflect": false,
+      "defaultValue": "\"/programGoals/count/Referral-Started%2Freferrals\""
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}

package/dist/collection/{stories → components/sqm-user-name}/UserName.stories.js

@@ -1,14 +1,14 @@
 import { h } from "@stencil/core";
 export default {
-  title: "User Name",
+  title: "Tests/User Name",
 };
-export const FullStack = () => {
+export const DemoData = () => {
   return (h("sqm-user-name", { demoData: {
       loading: false,
       loadingText: "...",
       username: "Test Testerson",
     } }));
 };
-export const FullStackDefault = () => {
+export const Username = () => {
   return h("sqm-user-name", null);
 };

package/dist/collection/components/sqm-user-name/sqm-user-name.js

@@ -5,7 +5,7 @@ import deepmerge from "deepmerge";
 import { UserNameView } from "./sqm-user-name-view";
 import { useUserName } from "./useUserName";
 /**
- * @uiName User Name
+ * @uiName Navigation Link
  */
 export class UserName {
   constructor() {

package/dist/collection/fonts/GoogleFonts.js

@@ -0,0 +1,12 @@
+/**
+ * Build a font CSS URL using the Google Fonts CSS API
+ *
+ * Docs: https://developers.google.com/fonts/docs/css2
+ *
+ * @param fonts - the font family or families to load
+ * @returns url to a .css file
+ */
+export function buildFontsCssUrl(...fonts) {
+  const queryString = fonts.map(f => `family=${encodeURIComponent(f)}`).join("&");
+  return `https://fonts.googleapis.com/css2?${queryString}`;
+}