@saasquatch/mint-components 2.1.10-57 → 2.1.10

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "2.1.10-57",
+  "version": "2.1.10",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",
@@ -71,7 +71,7 @@
     "workbox-build": "4.3.1"
   },
   "dependencies": {
-    "@raisins/stencil-docs-target": "^1.2.0",
+    "@raisins/stencil-docs-target": "^1.2.1",
     "@saasquatch/component-boilerplate": "^1.6.10",
     "@saasquatch/dom-context-hooks": "^1.0.5",
     "@saasquatch/shoelace": "^1.0.0",

package/dist/collection/components/sqm-user-attribute/UserAttribute.stories.js

@@ -1,25 +0,0 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/User Attribute",
-};
-export const Default = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: false,
-      value: "impact.com",
-    } }));
-};
-export const Loading = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: true,
-      value: "impact.com",
-    } }));
-};
-export const WithCustomStyles = () => {
-  return (h("sqm-user-attribute", { demoData: {
-      loading: false,
-      value: "impact.com",
-      fontSize: 24,
-      color: "#4CAF50",
-      fontWeight: 700,
-    } }));
-};

package/dist/collection/components/sqm-user-attribute/sqm-user-attribute-view.js

@@ -1,19 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-export function UserAttributeView(props) {
-  const style = {
-    P: {
-      margin: "0",
-      padding: "0",
-      fontSize: props.fontSize ? `${props.fontSize}px` : "inherit",
-      fontWeight: props.fontWeight || "inherit",
-      color: props.color || "var(--sqm-text)",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const loadingSkeleton = (h("sqm-skeleton", { width: "200px", height: "20px" }));
-  return (props.value && (h(Host, null,
-    h("style", null, styleString),
-    h("p", { class: sheet.classes.P, part: "sqm-base" }, props.loading ? loadingSkeleton : props.value))));
-}

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

@@ -1,172 +0,0 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-import deepmerge from "deepmerge";
-import { UserAttributeView, } from "./sqm-user-attribute-view";
-import { useUserAttribute } from "./useUserAttribute";
-/**
- * @uiName User Attribute
- * @exampleGroup Advanced
- * @example User Attribute - <sqm-user-attribute value="firstName" loading-text="..."></sqm-user-attribute>
- */
-export class UserAttribute {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const props = isDemo() ? useCustomFieldsDemo(this) : useUserAttribute(this);
-    return h(UserAttributeView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-user-attribute"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "value": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Custom field key",
-            "name": "uiName"
-          }, {
-            "text": "customFieldSelector",
-            "name": "uiWidget"
-          }],
-        "text": "The custom field key to display."
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "fontSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Font size",
-            "name": "uiName"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }],
-        "text": "Number in pixels."
-      },
-      "attribute": "font-size",
-      "reflect": false
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Color",
-            "name": "uiName"
-          }, {
-            "text": "color",
-            "name": "uiWidget"
-          }, {
-            "text": "color",
-            "name": "format"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": false
-    },
-    "fontWeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Font weight",
-            "name": "uiName"
-          }, {
-            "text": "Style",
-            "name": "uiGroup"
-          }, {
-            "text": "[100, 200, 300, 400, 500, 600, 700, 800, 900]",
-            "name": "uiEnum"
-          }, {
-            "text": "[\"Thin\", \"Extra Light\", \"Light\", \"Normal\", \"Medium\", \"Semi Bold\", \"Bold\", \"Extra Bold\", \"Heavy\"]",
-            "name": "uiEnumNames"
-          }],
-        "text": "Font weight"
-      },
-      "attribute": "font-weight",
-      "reflect": false
-    },
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<UserAttributeViewProps>",
-        "resolved": "{ loading?: boolean; value?: string; fontSize?: number; color?: string; fontWeight?: number; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          },
-          "UserAttributeViewProps": {
-            "location": "import",
-            "path": "./sqm-user-attribute-view"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useCustomFieldsDemo(props) {
-  return deepmerge({
-    loading: false,
-    value: "Custom Field Value",
-    fontSize: props.fontSize,
-    color: props.color,
-    fontWeight: props.fontWeight,
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

package/dist/collection/components/sqm-user-attribute/useUserAttribute.js

@@ -1,26 +0,0 @@
-import { useQuery, useUserIdentity } from "@saasquatch/component-boilerplate";
-import { gql } from "graphql-request";
-const GET_CUSTOM_FIELDS = gql `
-  query getCustomFields {
-    viewer {
-      ... on User {
-        customFields
-      }
-    }
-  }
-`;
-export function useUserAttribute(props) {
-  var _a, _b;
-  const user = useUserIdentity();
-  const res = useQuery(GET_CUSTOM_FIELDS, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const loading = res.loading;
-  const customFields = (_b = (_a = res.data) === null || _a === void 0 ? void 0 : _a.viewer) === null || _b === void 0 ? void 0 : _b.customFields;
-  const value = customFields === null || customFields === void 0 ? void 0 : customFields[props.value];
-  return {
-    loading,
-    value,
-    fontSize: props.fontSize,
-    color: props.color,
-    fontWeight: props.fontWeight,
-  };
-}