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

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

@@ -1,198 +1,198 @@
-import { createIntl } from "@formatjs/intl";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h } from "@stencil/core";
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { LeaderboardRankView, } from "./sqm-leaderboard-rank-view";
-import { useLeaderboardRank } from "./useLeaderboardRank";
-import deepmerge from "deepmerge";
-/**
- * @uiName Leaderboard Rank
- */
-export class LeaderboardRank {
-  constructor() {
-    /**
-     * @uiName Rank Text
-     */
-    this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo()
-      ? useLeaderboardRankDemo(this)
-      : useLeaderboardRank(this);
-    return h(LeaderboardRankView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-leaderboard-rank"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-leaderboard-rank.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-leaderboard-rank.css"]
-  }; }
-  static get properties() { return {
-    "rankType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "\"rowNumber\" | \"rank\" | \"denseRank\"",
-        "resolved": "\"denseRank\" | \"rank\" | \"rowNumber\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Default rank",
-            "name": "uiName"
-          }, {
-            "text": "string",
-            "name": "uiType"
-          }, {
-            "text": "[\"rowNumber\", \"rank\", \"denseRank\"]",
-            "name": "uiEnum"
-          }],
-        "text": ""
-      },
-      "attribute": "rank-type",
-      "reflect": false
-    },
-    "rankText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Rank Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "rank-text",
-      "reflect": false,
-      "defaultValue": "\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\""
-    },
-    "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
-    },
-    "unrankedText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Unranked Text",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "unranked-text",
-      "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<LeaderboardRankViewProps>",
-        "resolved": "{ data?: { rank: string; }; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "LeaderboardRankViewProps": {
-            "location": "import",
-            "path": "./sqm-leaderboard-rank-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-}
-function useLeaderboardRankDemo(props) {
-  const intl = createIntl({
-    locale: "en",
-  });
-  const rank = intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
-    rank: 1,
-  }) || "1st";
-  return deepmerge({
-    data: {
-      rank,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { createIntl } from "@formatjs/intl";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h } from "@stencil/core";
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { LeaderboardRankView, } from "./sqm-leaderboard-rank-view";
+import { useLeaderboardRank } from "./useLeaderboardRank";
+import deepmerge from "deepmerge";
+/**
+ * @uiName Leaderboard Rank
+ */
+export class LeaderboardRank {
+  constructor() {
+    /**
+     * @uiName Rank Text
+     */
+    this.rankText = "You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!";
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = isDemo()
+      ? useLeaderboardRankDemo(this)
+      : useLeaderboardRank(this);
+    return h(LeaderboardRankView, Object.assign({}, props));
+  }
+  static get is() { return "sqm-leaderboard-rank"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-leaderboard-rank.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-leaderboard-rank.css"]
+  }; }
+  static get properties() { return {
+    "rankType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "\"rowNumber\" | \"rank\" | \"denseRank\"",
+        "resolved": "\"denseRank\" | \"rank\" | \"rowNumber\"",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Default rank",
+            "name": "uiName"
+          }, {
+            "text": "string",
+            "name": "uiType"
+          }, {
+            "text": "[\"rowNumber\", \"rank\", \"denseRank\"]",
+            "name": "uiEnum"
+          }],
+        "text": ""
+      },
+      "attribute": "rank-type",
+      "reflect": false
+    },
+    "rankText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Rank Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "rank-text",
+      "reflect": false,
+      "defaultValue": "\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\""
+    },
+    "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
+    },
+    "unrankedText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Unranked Text",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "unranked-text",
+      "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<LeaderboardRankViewProps>",
+        "resolved": "{ data?: { rank: string; }; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "LeaderboardRankViewProps": {
+            "location": "import",
+            "path": "./sqm-leaderboard-rank-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+}
+function useLeaderboardRankDemo(props) {
+  const intl = createIntl({
+    locale: "en",
+  });
+  const rank = intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
+    rank: 1,
+  }) || "1st";
+  return deepmerge({
+    data: {
+      rank,
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

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

@@ -1,38 +1,38 @@
-import { useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
-import gql from "graphql-tag";
-import { intl } from "../../global/global";
-const GET_RANK = gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    viewer {
-      ... on User {
-        leaderboardRank(type: $type, filter: $filter) {
-          rowNumber
-          rank
-          denseRank
-        }
-      }
-    }
-  }
-`;
-export function useLeaderboardRank(props) {
-  var _a, _b, _c;
-  const programId = useProgramId();
-  const user = useUserIdentity();
-  const rankVariables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
-  if (props.interval) {
-    rankVariables.filter["interval"] = props.interval;
-  }
-  const { data: rankData } = useQuery(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const fullRankText = ((_a = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _a === void 0 ? void 0 : _a.leaderboardRank) ? intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
-    rank: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c[props.rankType],
-  })
-    : props.unrankedText || "unranked";
-  return {
-    data: {
-      rank: fullRankText,
-    },
-  };
-}
+import { useProgramId, useQuery, useUserIdentity, } from "@saasquatch/component-boilerplate";
+import gql from "graphql-tag";
+import { intl } from "../../global/global";
+const GET_RANK = gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    viewer {
+      ... on User {
+        leaderboardRank(type: $type, filter: $filter) {
+          rowNumber
+          rank
+          denseRank
+        }
+      }
+    }
+  }
+`;
+export function useLeaderboardRank(props) {
+  var _a, _b, _c;
+  const programId = useProgramId();
+  const user = useUserIdentity();
+  const rankVariables = {
+    type: props.leaderboardType,
+    filter: { programId_eq: programId },
+  };
+  if (props.interval) {
+    rankVariables.filter["interval"] = props.interval;
+  }
+  const { data: rankData } = useQuery(GET_RANK, rankVariables, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const fullRankText = ((_a = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _a === void 0 ? void 0 : _a.leaderboardRank) ? intl.formatMessage({ id: "rankText", defaultMessage: props.rankText }, {
+    rank: (_c = (_b = rankData === null || rankData === void 0 ? void 0 : rankData.viewer) === null || _b === void 0 ? void 0 : _b.leaderboardRank) === null || _c === void 0 ? void 0 : _c[props.rankType],
+  })
+    : props.unrankedText || "unranked";
+  return {
+    data: {
+      rank: fullRankText,
+    },
+  };
+}

package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js

@@ -1,50 +1,50 @@
-import { h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-import { ErrorStyles } from "../../global/mixins";
-const style = {
-  InputContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "20px",
-    },
-  },
-  FieldsContainer: {
-    "& > :not(:last-child)": {
-      "margin-bottom": "var(--sl-spacing-large)",
-    },
-  },
-  ErrorStyle: ErrorStyles,
-};
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-
-sl-input::part(label){
-  font-size: var(--sl-input-label-font-size-small);
-  font-weight: var(--sl-font-weight-semibold);
-}
-`;
-jss.setup(preset());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-export function NameFieldsView(props) {
-  const { states } = props;
-  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
-  return (h("div", { class: sheet.classes.FieldsContainer },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
-      class: sheet.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
-    }
-      : []))),
-    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
-      class: sheet.classes.ErrorStyle,
-      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
-    }
-      : [])))));
-}
+import { h } from "@stencil/core";
+import jss from "jss";
+import preset from "jss-preset-default";
+import { ErrorStyles } from "../../global/mixins";
+const style = {
+  InputContainer: {
+    "& > :not(:last-child)": {
+      "margin-bottom": "20px",
+    },
+  },
+  FieldsContainer: {
+    "& > :not(:last-child)": {
+      "margin-bottom": "var(--sl-spacing-large)",
+    },
+  },
+  ErrorStyle: ErrorStyles,
+};
+const vanillaStyle = `
+:host {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+
+sl-input::part(label){
+  font-size: var(--sl-input-label-font-size-small);
+  font-weight: var(--sl-font-weight-semibold);
+}
+`;
+jss.setup(preset());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+export function NameFieldsView(props) {
+  const { states } = props;
+  const validationErrors = states === null || states === void 0 ? void 0 : states.validationErrors;
+  return (h("div", { class: sheet.classes.FieldsContainer },
+    h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/firstName", type: "text", label: states.content.firstNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.firstName) || "Cannot be empty",
+    }
+      : []))),
+    h("sl-input", Object.assign({ exportparts: "label: input-label", name: "/lastName", type: "text", label: states.content.lastNameLabel, required: true }, ((validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) ? {
+      class: sheet.classes.ErrorStyle,
+      helpText: (validationErrors === null || validationErrors === void 0 ? void 0 : validationErrors.lastName) || "Cannot be empty",
+    }
+      : [])))));
+}