@saasquatch/mint-components 1.6.2-1 → 1.6.2-12

package/dist/collection/components/sqm-form-message/FormMessage.stories.js

@@ -1,28 +1,28 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/Form Message",
-};
-export const SuccessAlert = () => {
-  return (h("sqm-form-message", { type: "success" },
-    h("div", null, "This is a success message.")));
-};
-export const ErrorAlert = () => {
-  return (h("sqm-form-message", { type: "error" },
-    h("div", null, "This is an error message")));
-};
-export const InfoAlert = () => {
-  return (h("sqm-form-message", { type: "info" },
-    h("div", null, "This is an info message")));
-};
-export const FullStackSuccess = () => {
-  return (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
-    h("div", { class: "AlertContent" },
-      h("div", { part: "successalert-text" }, "Title"),
-      h("div", { part: "successalert-subtext" }, "Body text."),
-      h("sl-button", { type: "default", exportparts: "base: defaultbutton-base", onClick: () => {
-          console.log("click");
-        } }, "Primary Action"),
-      h("sl-button", { class: "SecondaryTextButton", type: "text", onClick: () => {
-          console.log("click");
-        } }, "Secondary Action"))));
-};
+import { h } from "@stencil/core";
+export default {
+  title: "Components/Form Message",
+};
+export const SuccessAlert = () => {
+  return (h("sqm-form-message", { type: "success" },
+    h("div", null, "This is a success message.")));
+};
+export const ErrorAlert = () => {
+  return (h("sqm-form-message", { type: "error" },
+    h("div", null, "This is an error message")));
+};
+export const InfoAlert = () => {
+  return (h("sqm-form-message", { type: "info" },
+    h("div", null, "This is an info message")));
+};
+export const FullStackSuccess = () => {
+  return (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
+    h("div", { class: "AlertContent" },
+      h("div", { part: "successalert-text" }, "Title"),
+      h("div", { part: "successalert-subtext" }, "Body text."),
+      h("sl-button", { type: "default", exportparts: "base: defaultbutton-base", onClick: () => {
+          console.log("click");
+        } }, "Primary Action"),
+      h("sl-button", { class: "SecondaryTextButton", type: "text", onClick: () => {
+          console.log("click");
+        } }, "Secondary Action"))));
+};

package/dist/collection/components/sqm-form-message/sqm-form-message.js

@@ -1,82 +1,83 @@
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop, State } from "@stencil/core";
-/**
- * @uiName Form Message
- */
-export class FormMessage {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    if (this.type === "error") {
-      return (h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true },
-        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }),
-        h("slot", null)));
-    }
-    else if (this.type === "info") {
-      return (h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true },
-        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }),
-        h("slot", null)));
-    }
-    else {
-      return (h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true },
-        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }),
-        h("slot", null)));
-    }
-  }
-  static get is() { return "sqm-form-message"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["sqm-form-message.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["sqm-form-message.css"]
-  }; }
-  static get properties() { return {
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Alert Type",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false
-    },
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Icon",
-            "name": "uiName"
-          }],
-        "text": "Icon to use in alert"
-      },
-      "attribute": "icon",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, h, Prop, State } from "@stencil/core";
+/**
+ * @uiName Form Message
+ * @slots [{"name":"","title":"Message Content"}]
+ */
+export class FormMessage {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    if (this.type === "error") {
+      return (h("sl-alert", { exportparts: "base: erroralert-base, icon:erroralert-icon", class: "Error", type: "danger", open: true },
+        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "exclamation-octagon"}` }),
+        h("slot", null)));
+    }
+    else if (this.type === "info") {
+      return (h("sl-alert", { exportparts: "base: infoalert-base, icon:infoalert-icon", class: "Info", type: "primary", open: true },
+        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "info-circle"}` }),
+        h("slot", null)));
+    }
+    else {
+      return (h("sl-alert", { exportparts: "base: successalert-base, icon:successalert-icon", class: "Success", type: "success", open: true },
+        h("sl-icon", { slot: "icon", name: `${this.icon ? this.icon : "check2-circle"}` }),
+        h("slot", null)));
+    }
+  }
+  static get is() { return "sqm-form-message"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["sqm-form-message.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["sqm-form-message.css"]
+  }; }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Alert Type",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false
+    },
+    "icon": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [{
+            "text": "Icon",
+            "name": "uiName"
+          }],
+        "text": "Icon to use in alert"
+      },
+      "attribute": "icon",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}

package/dist/collection/components/sqm-graphql-client-provider/sqm-graphql-client-provider.js

@@ -1,51 +1,52 @@
-import { isDemo } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, Host, Prop, State, h } from "@stencil/core";
-import { useGraphQLClientProvider } from "./useGraphQLProvider";
-/**
- * @uiName GraphQL Client Provider
- * @canvasRenderer always-replace
- */
-export class GraphQLClientProvider {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    false && isDemo()
-      ? useGraphQLClientProviderDemo(this)
-      : useGraphQLClientProvider(this);
-    return (h(Host, { style: { display: "contents" } },
-      h("slot", null)));
-  }
-  static get is() { return "sqm-graphql-client-provider"; }
-  static get properties() { return {
-    "domain": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "text": "Domain",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "domain",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useGraphQLClientProviderDemo({ domain }) {
-  return domain;
-}
+import { isDemo } from "@saasquatch/component-boilerplate";
+import { withHooks } from "@saasquatch/stencil-hooks";
+import { Component, Host, Prop, State, h } from "@stencil/core";
+import { useGraphQLClientProvider } from "./useGraphQLProvider";
+/**
+ * @uiName GraphQL Client Provider
+ * @canvasRenderer always-replace
+ * @slots [{"name":"","title":"Provider Content"}]
+ */
+export class GraphQLClientProvider {
+  constructor() {
+    this.ignored = true;
+    withHooks(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    false && isDemo()
+      ? useGraphQLClientProviderDemo(this)
+      : useGraphQLClientProvider(this);
+    return (h(Host, { style: { display: "contents" } },
+      h("slot", null)));
+  }
+  static get is() { return "sqm-graphql-client-provider"; }
+  static get properties() { return {
+    "domain": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [{
+            "text": "Domain",
+            "name": "uiName"
+          }],
+        "text": ""
+      },
+      "attribute": "domain",
+      "reflect": false
+    }
+  }; }
+  static get states() { return {
+    "ignored": {}
+  }; }
+}
+function useGraphQLClientProviderDemo({ domain }) {
+  return domain;
+}

package/dist/collection/components/sqm-graphql-client-provider/useGraphQLProvider.js

@@ -1,14 +1,14 @@
-import { GRAPHQL_CONTEXT, memoizedGraphQLClient, useTenantAlias, useToken, } from "@saasquatch/component-boilerplate";
-import { useDomContextState } from "@saasquatch/stencil-hooks";
-import { useEffect } from "@saasquatch/universal-hooks";
-export async function useGraphQLClientProvider({ domain }) {
-  const token = useToken();
-  const appDomain = domain;
-  const tenantAlias = useTenantAlias();
-  // Memoization is shared. One client per domain, tenant and token (or null)
-  const managedIdentityClient = memoizedGraphQLClient(appDomain, tenantAlias, token);
-  const [, setGraphQLClient] = useDomContextState(GRAPHQL_CONTEXT, managedIdentityClient);
-  useEffect(() => {
-    setGraphQLClient(managedIdentityClient);
-  }, [managedIdentityClient]);
-}
+import { GRAPHQL_CONTEXT, memoizedGraphQLClient, useTenantAlias, useToken, } from "@saasquatch/component-boilerplate";
+import { useDomContextState } from "@saasquatch/stencil-hooks";
+import { useEffect } from "@saasquatch/universal-hooks";
+export async function useGraphQLClientProvider({ domain }) {
+  const token = useToken();
+  const appDomain = domain;
+  const tenantAlias = useTenantAlias();
+  // Memoization is shared. One client per domain, tenant and token (or null)
+  const managedIdentityClient = memoizedGraphQLClient(appDomain, tenantAlias, token);
+  const [, setGraphQLClient] = useDomContextState(GRAPHQL_CONTEXT, managedIdentityClient);
+  useEffect(() => {
+    setGraphQLClient(managedIdentityClient);
+  }, [managedIdentityClient]);
+}