@saasquatch/mint-components 1.3.3-5 → 1.3.3-6

package/dist/cjs/{utils-a58bfe0d.js → utils-95e5317c.js}

@@ -1,27 +1,27 @@
 'use strict';
 
-function readGetters(obj) {
-  var result = [];
-  Object.keys(obj).forEach((property) => {
-    var descriptor = Object.getOwnPropertyDescriptor(obj, property);
-    if (typeof descriptor.get === "function") {
-      result.push(property);
-    }
-  });
-  return result;
-}
-// turns the "get" prototypes on stencil "this" objects into regular properties
-// basically you can't do {...this} in stencil components before calling this
-function getProps(obj) {
-  let props = {};
-  for (const k of readGetters(Object.getPrototypeOf(obj))) {
-    props[k] = obj[k];
-  }
-  return props;
-}
-function getMissingProps(props) {
-  const missingProps = props.filter((prop) => !prop.value);
-  return missingProps.length ? missingProps : false;
+function readGetters(obj) {
+  var result = [];
+  Object.keys(obj).forEach((property) => {
+    var descriptor = Object.getOwnPropertyDescriptor(obj, property);
+    if (typeof descriptor.get === "function") {
+      result.push(property);
+    }
+  });
+  return result;
+}
+// turns the "get" prototypes on stencil "this" objects into regular properties
+// basically you can't do {...this} in stencil components before calling this
+function getProps(obj) {
+  let props = {};
+  for (const k of readGetters(Object.getPrototypeOf(obj))) {
+    props[k] = obj[k];
+  }
+  return props;
+}
+function getMissingProps(props) {
+  const missingProps = props.filter((prop) => !prop.value);
+  return missingProps.length ? missingProps : false;
 }
 
 exports.getMissingProps = getMissingProps;

package/dist/collection/ShadowViewAddon.js

@@ -1,35 +1,35 @@
-import { getElement } from "@stencil/core";
-import { h } from "@stencil/core";
-const map = new Map();
-export function withShadowView(component) {
-  // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
-  const element = getElement(component);
-  let renderFn = component["render"].bind(component);
-  const newRenderFn = () => {
-    const key = element.getAttribute("stencilbook-shadow-view");
-    if (key) {
-      const value = map.get(key);
-      if (value) {
-        return value;
-      }
-    }
-    return renderFn();
-  };
-  component["render"] = newRenderFn;
-}
-/**
- * Any story that defines `parameters.tagname` will be used as a wrapper component around the view
- */
-export const ShadowViewAddon = ({ story }, children) => {
-  var _a;
-  let TagName = (_a = story.parent.parameters) === null || _a === void 0 ? void 0 : _a.tagname;
-  if (!TagName)
-    return children;
-  const randomInt = Math.round(Math.random() * 100000);
-  map.set(randomInt + "", children);
-  const RandomTagName = "stencilbook-shawdow-view-" + randomInt;
-  // This will only re-render when the tag name changes, so we use a random tag name every time.
-  // Altneratively we could try to trick Stencil to call `forceUpdate` every time.
-  return (h(RandomTagName, null,
-    h(TagName, { "stencilbook-shadow-view": randomInt })));
-};
+import { getElement } from "@stencil/core";
+import { h } from "@stencil/core";
+const map = new Map();
+export function withShadowView(component) {
+  // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
+  const element = getElement(component);
+  let renderFn = component["render"].bind(component);
+  const newRenderFn = () => {
+    const key = element.getAttribute("stencilbook-shadow-view");
+    if (key) {
+      const value = map.get(key);
+      if (value) {
+        return value;
+      }
+    }
+    return renderFn();
+  };
+  component["render"] = newRenderFn;
+}
+/**
+ * Any story that defines `parameters.tagname` will be used as a wrapper component around the view
+ */
+export const ShadowViewAddon = ({ story }, children) => {
+  var _a;
+  let TagName = (_a = story.parent.parameters) === null || _a === void 0 ? void 0 : _a.tagname;
+  if (!TagName)
+    return children;
+  const randomInt = Math.round(Math.random() * 100000);
+  map.set(randomInt + "", children);
+  const RandomTagName = "stencilbook-shawdow-view-" + randomInt;
+  // This will only re-render when the tag name changes, so we use a random tag name every time.
+  // Altneratively we could try to trick Stencil to call `forceUpdate` every time.
+  return (h(RandomTagName, null,
+    h(TagName, { "stencilbook-shadow-view": randomInt })));
+};

package/dist/collection/collection-manifest.json

@@ -2,6 +2,8 @@
   "entries": [
     "./components/sqm-password-field/sqm-password-field.js",
     "./components/sqm-referral-table/sqm-referral-table.js",
+    "./components/sqm-reward-exchange-list/sqm-reward-exchange-list.js",
+    "./components/sqm-rewards-table/sqm-rewards-table.js",
     "./components/sqm-asset-card/sqm-asset-card.js",
     "./components/sqm-big-stat/sqm-big-stat.js",
     "./components/sqm-divided-layout/sqm-divided-layout.js",
@@ -32,8 +34,6 @@
     "./components/sqm-portal-verify-email/sqm-portal-verify-email.js",
     "./components/sqm-program-menu/sqm-program-menu.js",
     "./components/sqm-referral-iframe/sqm-referral-iframe.js",
-    "./components/sqm-referral-table/sqm-table-cell.js",
-    "./components/sqm-referral-table/sqm-table-row.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-date-cell.js",
     "./components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.js",
@@ -44,6 +44,7 @@
     "./components/sqm-referral-table/columns/sqm-referral-table-rewards-column.js",
     "./components/sqm-referral-table/columns/sqm-referral-table-status-column.js",
     "./components/sqm-referral-table/columns/sqm-referral-table-user-column.js",
+    "./components/sqm-rewards-table/sqm-rewards-table-column.js",
     "./components/sqm-route/sqm-route.js",
     "./components/sqm-router/sqm-router.js",
     "./components/sqm-share-button/sqm-share-button.js",
@@ -51,10 +52,13 @@
     "./components/sqm-share-link/sqm-share-link.js",
     "./components/sqm-stat-container/sqm-stat-container.js",
     "./components/sqm-stencilbook/sqm-stencilbook.js",
+    "./components/sqm-task-card/sqm-task-card.js",
     "./components/sqm-text/sqm-text.js",
     "./components/sqm-text-span/sqm-text-span.js",
     "./components/sqm-titled-section/sqm-titled-section.js",
-    "./components/sqm-user-name/sqm-user-name.js"
+    "./components/sqm-user-name/sqm-user-name.js",
+    "./tables/sqm-table-cell.js",
+    "./tables/sqm-table-row.js"
   ],
   "compiler": {
     "name": "@stencil/core",

package/dist/collection/{stories → components/sqm-asset-card}/AssetCard.stories.js

@@ -1,29 +1,29 @@
-import { h } from "@stencil/core";
-import { AssetCardView } from "../components/sqm-asset-card/sqm-asset-card-view";
-export default {
-  title: "Asset Card",
-};
-export const Default = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "../../assets/saasquatch-logo.png",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
-export const CardWithLongText = () => {
-  const props = {
-    text: { titleText: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!" },
-    imgUrl: "../../assets/saasquatch-logo.png",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
-export const CardWithNoImg = () => {
-  const props = {
-    text: { titleText: "Marketing Banner" },
-    imgUrl: "",
-    callbacks: {},
-  };
-  return h(AssetCardView, Object.assign({}, props));
-};
+import { h } from "@stencil/core";
+import { AssetCardView } from "./sqm-asset-card-view";
+export default {
+  title: "Components/Asset Card",
+};
+export const Default = () => {
+  const props = {
+    text: { titleText: "Marketing Banner" },
+    imgUrl: "../../assets/saasquatch-logo.png",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};
+export const CardWithLongText = () => {
+  const props = {
+    text: { titleText: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, sunt dolores? Dolore temporibus autem officia blanditiis minus in voluptatem molestiae!" },
+    imgUrl: "../../assets/saasquatch-logo.png",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};
+export const CardWithNoImg = () => {
+  const props = {
+    text: { titleText: "Marketing Banner" },
+    imgUrl: "",
+    callbacks: {},
+  };
+  return h(AssetCardView, Object.assign({}, props));
+};

package/dist/collection/components/sqm-asset-card/sqm-asset-card-view.js

@@ -1,48 +1,48 @@
-import { getAssetPath, h } from "@stencil/core";
-import jss from "jss";
-import preset from "jss-preset-default";
-const style = {
-  CardContainer: {
-    "box-sizing": "border-box",
-    width: "100%",
-    "max-width": "260px",
-    border: "1px solid #EAEAEA",
-    padding: "0px 16px 16px 16px",
-    "border-radius": "8px",
-  },
-  TextContainer: {
-    display: "flex",
-    "justify-content": "space-between",
-    "align-items": "center",
-  },
-  Title: {
-    "font-weight": 600,
-    color: "var(--sl-color-gray-800)",
-    "max-width": "85%",
-    "overflow-wrap": "break-word",
-  },
-  CardImg: {
-    width: "100%",
-    height: "228px",
-    "border-radius": "4px",
-  },
-  Icon: {
-    "&:hover": {
-      cursor: "pointer",
-    },
-  },
-};
-jss.setup(preset());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-export const AssetCardView = (props) => {
-  const { text: { titleText }, imgUrl, } = props;
-  return (h("div", { class: sheet.classes.CardContainer },
-    h("style", { type: "text/css" }, styleString),
-    h("div", { class: sheet.classes.TextContainer },
-      h("p", { class: sheet.classes.Title }, titleText),
-      h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", class: `bi bi-download ${sheet.classes.Icon}`, viewBox: "0 0 16 16" },
-        h("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
-        h("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" }))),
-    h("img", { src: getAssetPath(imgUrl), class: sheet.classes.CardImg })));
-};
+import { getAssetPath, h } from "@stencil/core";
+import jss from "jss";
+import preset from "jss-preset-default";
+const style = {
+  CardContainer: {
+    "box-sizing": "border-box",
+    width: "100%",
+    "max-width": "260px",
+    border: "1px solid #EAEAEA",
+    padding: "0px 16px 16px 16px",
+    "border-radius": "8px",
+  },
+  TextContainer: {
+    display: "flex",
+    "justify-content": "space-between",
+    "align-items": "center",
+  },
+  Title: {
+    "font-weight": 600,
+    color: "var(--sl-color-gray-800)",
+    "max-width": "85%",
+    "overflow-wrap": "break-word",
+  },
+  CardImg: {
+    width: "100%",
+    height: "228px",
+    "border-radius": "4px",
+  },
+  Icon: {
+    "&:hover": {
+      cursor: "pointer",
+    },
+  },
+};
+jss.setup(preset());
+const sheet = jss.createStyleSheet(style);
+const styleString = sheet.toString();
+export const AssetCardView = (props) => {
+  const { text: { titleText }, imgUrl, } = props;
+  return (h("div", { class: sheet.classes.CardContainer },
+    h("style", { type: "text/css" }, styleString),
+    h("div", { class: sheet.classes.TextContainer },
+      h("p", { class: sheet.classes.Title }, titleText),
+      h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", class: `bi bi-download ${sheet.classes.Icon}`, viewBox: "0 0 16 16" },
+        h("path", { d: "M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5z" }),
+        h("path", { d: "M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708l3 3z" }))),
+    h("img", { src: getAssetPath(imgUrl), class: sheet.classes.CardImg })));
+};

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

@@ -1,107 +1,107 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Prop, h, State } from "@stencil/core";
-import { AssetCardView } from "./sqm-asset-card-view";
-import { useAssetCard } from "./useAssetCard";
-import deepmerge from "deepmerge";
-/**
- * @uiName Asset Card
- */
-export class AssetCard {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo() ? useAssetCardDemo(this) : useAssetCard(this);
-    return h(AssetCardView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-asset-card"; }
-  static get encapsulation() { return "shadow"; }
-  static get assetsDirs() { return ["../../assets"]; }
-  static get properties() { return {
-    "titleText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Banner title",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "title-text",
-      "reflect": false
-    },
-    "imgUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Banner image",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "img-url",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<AssetCardViewProps>",
-        "resolved": "{ text?: { titleText: string; }; imgUrl?: string; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "AssetCardViewProps": {
-            "location": "import",
-            "path": "./sqm-asset-card-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useAssetCardDemo(props) {
-  return deepmerge({
-    text: {
-      titleText: "Marketing Banner",
-    },
-    imgUrl: "../../assets/saasquatch-logo.png",
-    callbacks: {},
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Prop, h, State } from "@stencil/core";
+import { AssetCardView } from "./sqm-asset-card-view";
+import { useAssetCard } from "./useAssetCard";
+import deepmerge from "deepmerge";
+/**
+ * @uiName Asset Card
+ */
+export class AssetCard {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const props = isDemo() ? useAssetCardDemo(this) : useAssetCard(this);
+    return h(AssetCardView, Object.assign({}, props));
+  }
+  static get is() { return "sqm-asset-card"; }
+  static get encapsulation() { return "shadow"; }
+  static get assetsDirs() { return ["../../assets"]; }
+  static get properties() { return {
+    "titleText": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Banner title",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "title-text",
+      "reflect": false
+    },
+    "imgUrl": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Banner image",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "img-url",
+      "reflect": false
+    },
+    "demoData": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "DemoData<AssetCardViewProps>",
+        "resolved": "{ text?: { titleText: string; }; imgUrl?: string; }",
+        "references": {
+          "DemoData": {
+            "location": "import",
+            "path": "../../global/demo"
+          },
+          "AssetCardViewProps": {
+            "location": "import",
+            "path": "./sqm-asset-card-view"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": undefined,
+            "name": "undocumented"
+          }, {
+            "text": "object",
+            "name": "uiType"
+          }],
+        "text": ""
+      }
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useAssetCardDemo(props) {
+  return deepmerge({
+    text: {
+      titleText: "Marketing Banner",
+    },
+    imgUrl: "../../assets/saasquatch-logo.png",
+    callbacks: {},
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+}

package/dist/collection/components/sqm-asset-card/useAssetCard.js

@@ -1,9 +1,9 @@
-export const useAssetCard = (_props) => {
-  return {
-    text: {
-      titleText: "Marketing Banner",
-    },
-    imgUrl: null,
-    callbacks: {},
-  };
-};
+export const useAssetCard = (_props) => {
+  return {
+    text: {
+      titleText: "Marketing Banner",
+    },
+    imgUrl: null,
+    callbacks: {},
+  };
+};