@saasquatch/mint-components 1.3.3-5 → 1.4.0

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

@@ -1,263 +1,263 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { withShadowView } from "../../ShadowViewAddon";
-import { LeaderboardView } from "./sqm-leaderboard-view";
-import { useLeaderboard } from "./useLeaderboard";
-/**
- * @uiName Leaderboard
- */
-export class Leaderboard {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-    withShadowView(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = {
-      empty: h("slot", { name: "empty" }),
-      loadingstate: h("slot", { name: "loading" }),
-      usersheading: this.usersheading,
-      statsheading: this.statsheading,
-      rankType: this.rankType,
-      leaderboardType: this.leaderboardType,
-      interval: this.interval,
-    };
-    const demoProps = { ...props, demoData: this.demoData };
-    const viewprops = isDemo()
-      ? useLeaderboardDemo(demoProps)
-      : useLeaderboard(props);
-    return h(LeaderboardView, Object.assign({}, viewprops));
-  }
-  static get is() { return "sqm-leaderboard"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-leaderboard.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-leaderboard.css"]
-  }; }
-  static get properties() { return {
-    "usersheading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "User Column Heading",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "usersheading",
-      "reflect": false
-    },
-    "statsheading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Stats Column Heading",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "statsheading",
-      "reflect": false
-    },
-    "rankheading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Rank Heading",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "rankheading",
-      "reflect": false
-    },
-    "showRank": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Show the ranking numbers",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "show-rank",
-      "reflect": false
-    },
-    "rankType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"rowNumber\" | \"rank\" | \"denseRank\"",
-        "resolved": "\"denseRank\" | \"rank\" | \"rowNumber\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Rank type",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"rowNumber\", \"rank\", \"denseRank\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "rank-type",
-      "reflect": false
-    },
-    "leaderboardType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"topStartedReferrers\" | \"topConvertedReferrers\"",
-        "resolved": "\"topConvertedReferrers\" | \"topStartedReferrers\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Leaderboard type",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"topStartedReferrers\", \"topConvertedReferrers\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "leaderboard-type",
-      "reflect": false
-    },
-    "interval": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Leaderboard time interval",
-            "name": "uiName"
-          }, {
-            "text": "DateRange",
-            "name": "uiWidget"
-          }, {
-            "text": "{\"allowPastDates\":true, \"months\": 1}",
-            "name": "uiOptions"
-          }],
-        "text": ""
-      },
-      "attribute": "interval",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<LeaderboardViewProps>",
-        "resolved": "{ states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; }; }; data?: { rankType: string; leaderboard: { value: number; rank: number; firstName: string; lastInitial: string; }[]; }; elements?: { empty: VNode; loadingstate: VNode; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "LeaderboardViewProps": {
-            "location": "import",
-            "path": "./sqm-leaderboard-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useLeaderboardDemo(props) {
-  return deepmerge({
-    states: {
-      loading: false,
-      hasLeaders: true,
-      styles: {
-        usersheading: props.usersheading
-          ? props.usersheading
-          : "TOP REFERRERS",
-        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
-      },
-    },
-    data: {
-      rankType: "rowNumber",
-      leaderboard: [
-        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
-        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
-        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
-        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
-        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
-      ],
-    },
-    elements: {
-      empty: props.empty ? props.empty : h("div", null, "Empty"),
-      loadingstate: props.loadingstate ? (props.loadingstate) : (h("div", null, "Loading")),
-    },
-  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h, State } from "@stencil/core";
+import deepmerge from "deepmerge";
+import { withShadowView } from "../../ShadowViewAddon";
+import { LeaderboardView } from "./sqm-leaderboard-view";
+import { useLeaderboard } from "./useLeaderboard";
+/**
+ * @uiName Leaderboard
+ */
+export class Leaderboard {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+    withShadowView(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = {
+      empty: h("slot", { name: "empty" }),
+      loadingstate: h("slot", { name: "loading" }),
+      usersheading: this.usersheading,
+      statsheading: this.statsheading,
+      rankType: this.rankType,
+      leaderboardType: this.leaderboardType,
+      interval: this.interval,
+    };
+    const demoProps = { ...props, demoData: this.demoData };
+    const viewprops = isDemo()
+      ? useLeaderboardDemo(demoProps)
+      : useLeaderboard(props);
+    return h(LeaderboardView, Object.assign({}, viewprops));
+  }
+  static get is() { return "sqm-leaderboard"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-leaderboard.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-leaderboard.css"]
+  }; }
+  static get properties() { return {
+    "usersheading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "User Column Heading",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "usersheading",
+      "reflect": false
+    },
+    "statsheading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Stats Column Heading",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "statsheading",
+      "reflect": false
+    },
+    "rankheading": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Rank Heading",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "rankheading",
+      "reflect": false
+    },
+    "showRank": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Show the ranking numbers",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "show-rank",
+      "reflect": false
+    },
+    "rankType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"rowNumber\" | \"rank\" | \"denseRank\"",
+        "resolved": "\"denseRank\" | \"rank\" | \"rowNumber\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Rank type",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"rowNumber\", \"rank\", \"denseRank\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "rank-type",
+      "reflect": false
+    },
+    "leaderboardType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"topStartedReferrers\" | \"topConvertedReferrers\"",
+        "resolved": "\"topConvertedReferrers\" | \"topStartedReferrers\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Leaderboard type",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"topStartedReferrers\", \"topConvertedReferrers\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "leaderboard-type",
+      "reflect": false
+    },
+    "interval": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Leaderboard time interval",
+            "name": "uiName"
+          }, {
+            "text": "DateRange",
+            "name": "uiWidget"
+          }, {
+            "text": "{\"allowPastDates\":true, \"months\": 1}",
+            "name": "uiOptions"
+          }],
+        "text": ""
+      },
+      "attribute": "interval",
+      "reflect": false
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<LeaderboardViewProps>",
+        "resolved": "{ states?: { loading: boolean; hasLeaders: boolean; styles: { usersheading: string; statsheading: string; rankheading?: string; showRank?: boolean; }; }; data?: { rankType: string; leaderboard: { value: number; rank: number; firstName: string; lastInitial: string; }[]; }; elements?: { empty: VNode; loadingstate: VNode; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "LeaderboardViewProps": {
+            "location": "import",
+            "path": "./sqm-leaderboard-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useLeaderboardDemo(props) {
+  return deepmerge({
+    states: {
+      loading: false,
+      hasLeaders: true,
+      styles: {
+        usersheading: props.usersheading
+          ? props.usersheading
+          : "TOP REFERRERS",
+        statsheading: props.statsheading ? props.statsheading : "NEW TITANS",
+      },
+    },
+    data: {
+      rankType: "rowNumber",
+      leaderboard: [
+        { firstName: "Viktor", lastInitial: "V", value: 82, rank: 1 },
+        { firstName: "MF", lastInitial: "D", value: 73, rank: 2 },
+        { firstName: "Freddie", lastInitial: "G", value: 64, rank: 3 },
+        { firstName: "Benny", lastInitial: "B", value: 55, rank: 4 },
+        { firstName: "Mos", lastInitial: "D", value: 46, rank: 5 },
+      ],
+    },
+    elements: {
+      empty: props.empty ? props.empty : h("div", null, "Empty"),
+      loadingstate: props.loadingstate ? (props.loadingstate) : (h("div", null, "Loading")),
+    },
+  }, props.demoProps || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-leaderboard/useLeaderboard.js

@@ -1,63 +1,63 @@
-import { useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-const GET_LEADERBOARD = gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    userLeaderboard(type: $type, filter: $filter) {
-      dateModified
-      rows {
-        value
-        firstName
-        lastInitial
-        rank {
-          rank
-          denseRank
-          rowNumber
-        }
-      }
-    }
-  }
-`;
-export function useLeaderboard(props) {
-  var _a;
-  const programId = useProgramId();
-  const user = useUserIdentity();
-  const variables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
-  if (props.interval) {
-    variables.filter["interval"] = props.interval;
-  }
-  const { data: leaderboardData, loading: loadingLeaderboard } = useQuery(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
-  const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
-  const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
-    return a.rank - b.rank;
-  });
-  function getFlattenedLeaderboard(leaderboardRows) {
-    return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
-      var _a;
-      return ({
-        value: user.value,
-        firstName: user.firstName || "Anonymous",
-        lastInitial: user.lastInitial,
-        rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
-      });
-    });
-  }
-  return {
-    states: {
-      loading: loadingLeaderboard,
-      hasLeaders: (sortedLeaderboard === null || sortedLeaderboard === void 0 ? void 0 : sortedLeaderboard.length) > 0,
-      styles: props,
-    },
-    data: {
-      leaderboard: sortedLeaderboard,
-      rankType: props.rankType,
-    },
-    elements: {
-      empty: props.empty,
-      loadingstate: props.loadingstate,
-    },
-  };
-}
+import { useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import { gql } from "graphql-request";
+const GET_LEADERBOARD = gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    userLeaderboard(type: $type, filter: $filter) {
+      dateModified
+      rows {
+        value
+        firstName
+        lastInitial
+        rank {
+          rank
+          denseRank
+          rowNumber
+        }
+      }
+    }
+  }
+`;
+export function useLeaderboard(props) {
+  var _a;
+  const programId = useProgramId();
+  const user = useUserIdentity();
+  const variables = {
+    type: props.leaderboardType,
+    filter: { programId_eq: programId },
+  };
+  if (props.interval) {
+    variables.filter["interval"] = props.interval;
+  }
+  const { data: leaderboardData, loading: loadingLeaderboard } = useQuery(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
+  const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
+  const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
+    return a.rank - b.rank;
+  });
+  function getFlattenedLeaderboard(leaderboardRows) {
+    return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
+      var _a;
+      return ({
+        value: user.value,
+        firstName: user.firstName || "Anonymous",
+        lastInitial: user.lastInitial,
+        rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
+      });
+    });
+  }
+  return {
+    states: {
+      loading: loadingLeaderboard,
+      hasLeaders: (sortedLeaderboard === null || sortedLeaderboard === void 0 ? void 0 : sortedLeaderboard.length) > 0,
+      styles: props,
+    },
+    data: {
+      leaderboard: sortedLeaderboard,
+      rankType: props.rankType,
+    },
+    elements: {
+      empty: props.empty,
+      loadingstate: props.loadingstate,
+    },
+  };
+}

package/dist/collection/components/sqm-leaderboard-rank/sqm-leaderboard-rank-view.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-export function LeaderboardRankView(props) {
-  const { data } = props;
-  return h("span", { class: "P" }, data.rank);
-}
+import { h } from '@stencil/core';
+export function LeaderboardRankView(props) {
+  const { data } = props;
+  return h("span", { class: "P" }, data.rank);
+}