@saasquatch/mint-components 1.5.6-2 → 1.6.0-0

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-source-column.js

@@ -3,7 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Reward Table Source Column
- * @validParents ["sqm-rewards-table"]
  */
 export class RewardTableUserColumn {
   constructor() {
@@ -12,19 +11,15 @@ export class RewardTableUserColumn {
      */
     this.columnTitle = "Source";
     /**
-     * Name displayed for unknown users
-     *
-     * @uiName Anonymous User Text
+     * @uiName Name displayed for anonymous users
      */
     this.anonymousUser = "Anonymous User";
     /**
-     * Name displayed for deleted users
-     *
-     * @uiName Deleted User Text
+     * @uiName Name displayed for deleted users
      */
     this.deletedUser = "Deleted User";
     /**
-     * @uiName Reward Exchange Label
+     * @uiName Reward Exchange label
      */
     this.rewardExchangeText = "Reward Exchange";
     /**
@@ -93,10 +88,10 @@ export class RewardTableUserColumn {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Anonymous User Text",
+            "text": "Name displayed for anonymous users",
             "name": "uiName"
           }],
-        "text": "Name displayed for unknown users"
+        "text": ""
       },
       "attribute": "anonymous-user",
       "reflect": false,
@@ -114,10 +109,10 @@ export class RewardTableUserColumn {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Deleted User Text",
+            "text": "Name displayed for deleted users",
             "name": "uiName"
           }],
-        "text": "Name displayed for deleted users"
+        "text": ""
       },
       "attribute": "deleted-user",
       "reflect": false,
@@ -135,7 +130,7 @@ export class RewardTableUserColumn {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Reward Exchange Label",
+            "text": "Reward Exchange label",
             "name": "uiName"
           }],
         "text": ""

package/dist/collection/components/sqm-rewards-table/columns/sqm-rewards-table-status-column.js

@@ -3,7 +3,6 @@ import { Component, h, Host, Method, Prop } from "@stencil/core";
 import { useRequestRerender } from "../../../tables/re-render";
 /**
  * @uiName Reward Table Status Column
- * @validParents ["sqm-rewards-table"]
  */
 export class RewardTableStatusColumn {
   constructor() {

package/dist/collection/components/sqm-route/sqm-route.js

@@ -25,7 +25,7 @@ export class SqmRoute {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Navigation Path Name",
+            "text": "Navigation path name",
             "name": "uiName"
           }],
         "text": ""

package/dist/collection/components/sqm-share-button/sqm-share-button.js

@@ -8,16 +8,6 @@ import deepmerge from "deepmerge";
 /**
  * @uiName Share Button
  * @uiOrder ["medium", "program-id", "*", "pill", "disabled", "hideicon"]
- * @example Facebook Share Button - <sqm-share-button medium="facebook">Share on Facebook</sqm-share-button>
- * @example Twitter Share Button - <sqm-share-button medium="twitter">Share via Tweet</sqm-share-button>
- * @example Email Share Button - <sqm-share-button medium="email">Share via Email</sqm-share-button>
- * @example Web Share Sheet Share Button - <sqm-share-button medium="direct">Share</sqm-share-button>
- * @example LinkedIn Share Button - <sqm-share-button medium="linkedin">Share on LinkedIn</sqm-share-button>
- * @example SMS Share Button - <sqm-share-button medium="sms">Text a friend</sqm-share-button>
- * @example Facebook Messenger Share Button - <sqm-share-button medium="fbmessenger">Share via Messenger</sqm-share-button>
- * @example WhatsApp Share Button - <sqm-share-button medium="whatsapp">Share via WhatsApp</sqm-share-button>
- * @example Line Messenger Share Button - <sqm-share-button medium="linemessenger">Share via Line Messenger</sqm-share-button>
- * @example Pinterest Share Button - <sqm-share-button medium="pinterest">Share on Pinterest</sqm-share-button>
  */
 export class ShareButton {
   constructor() {
@@ -36,11 +26,11 @@ export class ShareButton {
      */
     this.iconslot = "prefix";
     /**
-     * @uiName Hide Icon
+     * @uiName Hide the icon
      */
     this.hideicon = false;
     /**
-     * @uiName Hide Text
+     * @uiName Hide the text
      */
     this.hidetext = false;
     withHooks(this);
@@ -124,10 +114,10 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Border Radius",
+            "text": "Configure border radius with pixel amount",
             "name": "uiName"
           }],
-        "text": "Configure border radius with pixel amount"
+        "text": ""
       },
       "attribute": "borderradius",
       "reflect": false
@@ -144,7 +134,7 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Button Background Color",
+            "text": "Button background color",
             "name": "uiName"
           }, {
             "text": "color",
@@ -167,7 +157,7 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Button Text Color",
+            "text": "Button text color",
             "name": "uiName"
           }, {
             "text": "color",
@@ -190,7 +180,7 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Display Pill",
+            "text": "Display as pill",
             "name": "uiName"
           }],
         "text": ""
@@ -319,10 +309,10 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Icon",
+            "text": "Icon used in button. Will try to select an icon based on the share medium if left empty.",
             "name": "uiName"
           }],
-        "text": "Options available at https://shoelace.style/components/icon\n\nIcon used in button. Will try to select an icon based on the share medium if left empty."
+        "text": "Options available at https://shoelace.style/components/icon"
       },
       "attribute": "icon",
       "reflect": false
@@ -339,7 +329,7 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Hide Icon",
+            "text": "Hide the icon",
             "name": "uiName"
           }],
         "text": ""
@@ -360,7 +350,7 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Hide Text",
+            "text": "Hide the text",
             "name": "uiName"
           }],
         "text": ""
@@ -381,10 +371,10 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Share Title",
+            "text": "Title used for native sharing (mobile only)",
             "name": "uiName"
           }],
-        "text": "Title used for native sharing (mobile only)"
+        "text": ""
       },
       "attribute": "sharetitle",
       "reflect": false
@@ -401,10 +391,10 @@ export class ShareButton {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Share Text",
+            "text": "Text used for native sharing (mobile only)",
             "name": "uiName"
           }],
-        "text": "Text used for native sharing (mobile only)"
+        "text": ""
       },
       "attribute": "sharetext",
       "reflect": false

package/dist/collection/components/sqm-share-code/sqm-share-code.js

@@ -5,16 +5,16 @@ import { ShareLinkView, } from "../sqm-share-link/sqm-share-link-view";
 import { getProps } from "../../utils/utils";
 import { useShareCode } from "./useShareCode";
 import deepmerge from "deepmerge";
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
 /**
  * @uiName Share Code
- * @example Share Code - <sqm-share-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-code>
  */
 export class ShareCode {
   constructor() {
     /**
-     * This is shown after someone has successfully copied the code to the clipboard.
+     * This is shown after someone has successfully copied the cpde to the clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
@@ -22,7 +22,7 @@ export class ShareCode {
      *
      * @uiName Tooltip lifespan
      */
-    this.tooltiplifespan = 1000;
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -68,10 +68,10 @@ export class ShareCode {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tooltip Text",
+            "text": "Tooltip text",
             "name": "uiName"
           }],
-        "text": "This is shown after someone has successfully copied the code to the clipboard."
+        "text": "This is shown after someone has successfully copied the cpde to the clipboard."
       },
       "attribute": "tooltip-text",
       "reflect": false,
@@ -96,7 +96,7 @@ export class ShareCode {
       },
       "attribute": "tooltip-lifespan",
       "reflect": false,
-      "defaultValue": "1000"
+      "defaultValue": "DEFAULT_TOOLTIP_LIFESPAN"
     },
     "demoData": {
       "type": "unknown",

package/dist/collection/components/sqm-share-link/sqm-share-link.js

@@ -5,24 +5,24 @@ import { ShareLinkView } from "./sqm-share-link-view";
 import { useShareLink } from "./useShareLink";
 import { getProps } from "../../utils/utils";
 import deepmerge from "deepmerge";
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
 /**
  * @uiName Share Link
- * @example Share Link - <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-share-link>
  */
 export class ShareLink {
   constructor() {
     /**
      * This is shown after someone has successfully copied the link to the clipboard.
      *
-     * @uiName Tooltip Text
+     * @uiName Tooltip text
      */
     this.tooltiptext = "Copied to Clipboard";
     /**
      * The number of milliseconds that the tooltip will appear for
      *
-     * @uiName Tooltip Lifespan
+     * @uiName Tooltip lifespan
      */
-    this.tooltiplifespan = 1000;
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
     withHooks(this);
   }
   disconnectedCallback() { }
@@ -68,7 +68,7 @@ export class ShareLink {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tooltip Text",
+            "text": "Tooltip text",
             "name": "uiName"
           }],
         "text": "This is shown after someone has successfully copied the link to the clipboard."
@@ -89,14 +89,14 @@ export class ShareLink {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Tooltip Lifespan",
+            "text": "Tooltip lifespan",
             "name": "uiName"
           }],
         "text": "The number of milliseconds that the tooltip will appear for"
       },
       "attribute": "tooltip-lifespan",
       "reflect": false,
-      "defaultValue": "1000"
+      "defaultValue": "DEFAULT_TOOLTIP_LIFESPAN"
     },
     "demoData": {
       "type": "unknown",

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

@@ -4,13 +4,12 @@ import { StatContainerView } from "./sqm-stat-container-view";
 import { getProps } from "../../utils/utils";
 /**
  * @uiName Stat Container
- * @slots [{"name":"","title":"Stats"}]
  */
 export class StatContainer {
   constructor() {
     this.ignored = true;
     /**
-     * @uiName Space Between Stats
+     * @uiName Space between stats
      * @uiType string
      * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
      * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
@@ -50,7 +49,7 @@ export class StatContainer {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Space Between Stats",
+            "text": "Space between stats",
             "name": "uiName"
           }, {
             "text": "string",

package/dist/collection/components/sqm-tab/sqm-tab.js

@@ -2,7 +2,6 @@ import { Component, h, Prop } from "@stencil/core";
 import { TabView } from "./sqm-tab-view";
 /**
  * @uiName Tab
- * @validParents ["sqm-tabs"]
  */
 export class Tab {
   render() {

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

@@ -16,94 +16,76 @@ export class TaskCard {
     this.ignored = true;
     /**
      * @uiName Reward Amount
-     * @uiGroup Reward
      */
     this.rewardAmount = "0";
     /**
      * @uiName Reward Unit
-     * @uiGroup Reward
      */
     this.rewardUnit = "Points";
     /**
      * @uiName Title Text
-     * @uiGroup Task
      */
     this.cardTitle = "Title Text";
     /**
      * @uiName Description Text
-     * @uiGroup Task
      */
     this.description = "";
     /**
      * @uiName Goal Repeatable
-     * @uiGroup Goal
      */
     this.repeatable = false;
     /**
      * The number of times a reward can be earned.  Use zero for no limit (the default).
      *
      * @uiName Repeat Amount
-     * @uiGroup Reward
      */
     this.finite = 0;
     /**
      * @uiName Show Progress Bar
-     * @uiGroup Goal
      */
     this.showProgressBar = false;
     /**
      * Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.
      *
      * @uiName Goal Completion Number
-     * @uiGroup Goal
      */
     this.goal = 1;
     /**
      * @uiName Progress Bar Steps
-     * @uiGroup Goal
      */
     this.steps = false;
     /**
      * @uiName Progress Bar Unit
-     * @uiGroup Goal
      */
     this.progressBarUnit = "";
     /**
      * @uiName Expiry Date Message
-     * @uiGroup Task
      */
     this.expiryMessage = "Ends {endDate}";
     /**
      * Shown to users before the start of the task duration.
      *
      * @uiName Start Date Message
-     * @uiGroup Task
      */
     this.startsOnMessage = "Starts {startDate}";
     /**
      * Shown to users after the end of the task duration.
      *
      * @uiName Ended Date Message
-     * @uiGroup Task
      */
     this.endedMessage = "Ended {endDate}";
     /**
      * Displays the amount of times that a user has completed a repeatable task.
      *
      * @uiName Completed Count Text
-     * @uiGroup Task
      */
     this.completedText = "Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}";
     /**
      * @uiName CTA Button Text
-     * @uiGroup CTA Button
      */
     this.buttonText = "Complete Action";
     /**
-     * CTA Button Link Opens in New Tab
-     * @uiName Open In New Tab
-     * @uiGroup CTA Button
-     * @default undefined
+     * @uiName CTA Button Link Open in New Tab
      */
     this.openNewTab = false;
     withHooks(this);
@@ -141,9 +123,6 @@ export class TaskCard {
         "tags": [{
             "text": "Reward Amount",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -165,9 +144,6 @@ export class TaskCard {
         "tags": [{
             "text": "Reward Unit",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -189,9 +165,6 @@ export class TaskCard {
         "tags": [{
             "text": "Title Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -213,9 +186,6 @@ export class TaskCard {
         "tags": [{
             "text": "Description Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -237,9 +207,6 @@ export class TaskCard {
         "tags": [{
             "text": "Goal Repeatable",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -261,9 +228,6 @@ export class TaskCard {
         "tags": [{
             "text": "Repeat Amount",
             "name": "uiName"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
           }],
         "text": "The number of times a reward can be earned.  Use zero for no limit (the default)."
       },
@@ -285,9 +249,6 @@ export class TaskCard {
         "tags": [{
             "text": "Show Progress Bar",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -309,9 +270,6 @@ export class TaskCard {
         "tags": [{
             "text": "Goal Completion Number",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": "Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this."
       },
@@ -333,9 +291,6 @@ export class TaskCard {
         "tags": [{
             "text": "Progress Bar Steps",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -357,9 +312,6 @@ export class TaskCard {
         "tags": [{
             "text": "Progress Bar Unit",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -381,9 +333,6 @@ export class TaskCard {
         "tags": [{
             "text": "Expiry Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -410,10 +359,7 @@ export class TaskCard {
             "name": "uiWidget"
           }, {
             "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Reward",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": ""
       },
@@ -434,9 +380,6 @@ export class TaskCard {
         "tags": [{
             "text": "Start Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Shown to users before the start of the task duration."
       },
@@ -463,10 +406,7 @@ export class TaskCard {
             "name": "uiWidget"
           }, {
             "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": "Timeframe that the task card will be shown"
       },
@@ -487,9 +427,6 @@ export class TaskCard {
         "tags": [{
             "text": "Ended Date Message",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Shown to users after the end of the task duration."
       },
@@ -511,9 +448,6 @@ export class TaskCard {
         "tags": [{
             "text": "Completed Count Text",
             "name": "uiName"
-          }, {
-            "text": "Task",
-            "name": "uiGroup"
           }],
         "text": "Displays the amount of times that a user has completed a repeatable task."
       },
@@ -535,9 +469,6 @@ export class TaskCard {
         "tags": [{
             "text": "CTA Button Text",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -559,9 +490,6 @@ export class TaskCard {
         "tags": [{
             "text": "CTA Button Link",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": ""
       },
@@ -580,16 +508,10 @@ export class TaskCard {
       "optional": false,
       "docs": {
         "tags": [{
-            "text": "Open In New Tab",
+            "text": "CTA Button Link Open in New Tab",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
-          }, {
-            "text": "undefined",
-            "name": "default"
           }],
-        "text": "CTA Button Link Opens in New Tab"
+        "text": ""
       },
       "attribute": "open-new-tab",
       "reflect": false,
@@ -614,10 +536,7 @@ export class TaskCard {
             "name": "uiName"
           }, {
             "text": "{\"version\": 1.1}",
-            "name": "uiWidgetOptions"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
+            "name": "uiOptions"
           }],
         "text": "Select what type of stat to display for the goal. Manual paths are also supported."
       },
@@ -636,11 +555,8 @@ export class TaskCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Task Card Button Event Key",
+            "text": "Event key of task card button",
             "name": "uiName"
-          }, {
-            "text": "CTA Button",
-            "name": "uiGroup"
           }],
         "text": "Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is."
       },
@@ -659,11 +575,8 @@ export class TaskCard {
       "optional": true,
       "docs": {
         "tags": [{
-            "text": "Program ID Override",
+            "text": "Program ID override",
             "name": "uiName"
-          }, {
-            "text": "Goal",
-            "name": "uiGroup"
           }],
         "text": "The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified."
       },