@saasquatch/mint-components 1.3.3-5 → 1.4.0

package/dist/cjs/sqm-share-code.cjs.entry.js

@@ -5,83 +5,83 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./use-callback-fadb2643.js');
-const index_module = require('./index.module-c9d4779a.js');
+const index_module = require('./index.module-2925fe3b.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-a58bfe0d.js');
+const utils = require('./utils-95e5317c.js');
 const cjs = require('./cjs-1066ec21.js');
-require('./mixins-ebc0fed1.js');
-const sqmShareLinkView = require('./sqm-share-link-view-9490be2a.js');
+require('./mixins-7b7c59fe.js');
+const sqmShareLinkView = require('./sqm-share-link-view-a935d07e.js');
 
-const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-function useShareCode(props) {
-  var _a, _b;
-  const programId = index_module.M();
-  const user = index_module.T();
-  const { data } = index_module.en(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
-  // Shown during loading
-  "...";
-  const [open, setOpen] = _extends.useState(false);
-  function onClick() {
-    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-    // Only if called from a user-initiated event
-    navigator.clipboard.writeText(shareString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-  }
-  return { ...props, onClick, open, shareString };
+const MessageLinkQuery = index_module.dist.gql `
+  query ($programId: ID) {
+    user: viewer {
+      ... on User {
+        referralCode(programId: $programId)
+      }
+    }
+  }
+`;
+function useShareCode(props) {
+  var _a, _b;
+  const programId = index_module.M();
+  const user = index_module.ne();
+  const { data } = index_module.cn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt));
+  const shareString = (_b = (_a = data === null || data === void 0 ? void 0 : data.user) === null || _a === void 0 ? void 0 : _a.referralCode) !== null && _b !== void 0 ? _b : 
+  // Shown during loading
+  "...";
+  const [open, setOpen] = _extends.useState(false);
+  function onClick() {
+    // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+    // Only if called from a user-initiated event
+    navigator.clipboard.writeText(shareString);
+    setOpen(true);
+    setTimeout(() => setOpen(false), props.tooltiplifespan);
+  }
+  return { ...props, onClick, open, shareString };
 }
 
-const DEFAULT_TOOLTIP_LIFESPAN = 1000;
-const ShareCode = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * This is shown after someone has successfully copied the cpde to the clipboard.
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * The number of milliseconds that the tooltip will appear for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.j()
-      ? useDemoShareCode(thisProps)
-      : useShareCode(thisProps);
-    return index.h(sqmShareLinkView.ShareLinkView, Object.assign({}, props));
-  }
-};
-function useDemoShareCode(props) {
-  const [open, setOpen] = _extends.useState(false);
-  const shareString = "https://www.example.com/sharelink/abc";
-  return cjs.cjs({
-    shareString,
-    tooltiptext: props.tooltiptext,
-    open,
-    onClick: () => {
-      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
-      // Only if called from a user-initiated event
-      navigator.clipboard.writeText(shareString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
+const DEFAULT_TOOLTIP_LIFESPAN = 1000;
+const ShareCode = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * This is shown after someone has successfully copied the cpde to the clipboard.
+     *
+     * @uiName Tooltip text
+     */
+    this.tooltiptext = "Copied to Clipboard";
+    /**
+     * The number of milliseconds that the tooltip will appear for
+     *
+     * @uiName Tooltip lifespan
+     */
+    this.tooltiplifespan = DEFAULT_TOOLTIP_LIFESPAN;
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const thisProps = utils.getProps(this);
+    const props = index_module.j()
+      ? useDemoShareCode(thisProps)
+      : useShareCode(thisProps);
+    return index.h(sqmShareLinkView.ShareLinkView, Object.assign({}, props));
+  }
+};
+function useDemoShareCode(props) {
+  const [open, setOpen] = _extends.useState(false);
+  const shareString = "https://www.example.com/sharelink/abc";
+  return cjs.cjs({
+    shareString,
+    tooltiptext: props.tooltiptext,
+    open,
+    onClick: () => {
+      // Should well supported: https://developer.mozilla.org/en-US/docs/Web/API/Clipboard#browser_compatibility
+      // Only if called from a user-initiated event
+      navigator.clipboard.writeText(shareString);
+      setOpen(true);
+      setTimeout(() => setOpen(false), props.tooltiplifespan);
+    },
+  }, props.demoData || {}, { arrayMerge: (_, a) => a });
 }
 
 exports.sqm_share_code = ShareCode;

package/dist/cjs/{sqm-share-link-view-9490be2a.js → sqm-share-link-view-a935d07e.js}

@@ -2,23 +2,23 @@
 
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
-const mixins = require('./mixins-ebc0fed1.js');
+const mixins = require('./mixins-7b7c59fe.js');
 
-const style = {
-  HostBlock: mixins.HostBlock,
-  inputStyle: {
-    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
-  },
-};
-jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-const styleString = sheet.toString();
-function ShareLinkView(props) {
-  return (index.h("div", null,
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
-      index.h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
-        index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
+const style = {
+  HostBlock: mixins.HostBlock,
+  inputStyle: {
+    "&::part(base)": { background: "white", opacity: "1", cursor: "pointer" },
+  },
+};
+jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+const styleString = sheet.toString();
+function ShareLinkView(props) {
+  return (index.h("div", null,
+    index.h("style", { type: "text/css" }, styleString),
+    index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: "top-end", disabled: props.disabled, open: props.open },
+      index.h("sl-input", { class: sheet.classes.inputStyle, exportparts: "label: input-label", value: props.shareString, readonly: true },
+        index.h("sl-icon-button", { onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, slot: "suffix", name: "files", disabled: props.disabled })))));
 }
 
 exports.ShareLinkView = ShareLinkView;

package/dist/cjs/{sqm-stat-container-view-fcde63ed.js → sqm-stat-container-view-ee7b00ff.js}

@@ -3,51 +3,51 @@
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 
-function StatContainerView(props, children) {
-  const divideSpace = () => {
-    const spaceValue = getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${props.space}`);
-    return `${Math.floor(parseInt(spaceValue) / 2)}rem`;
-  };
-  const style = {
-    StatContainer: {
-      width: "100%",
-      display: "grid",
-      "grid-template-columns": "repeat(auto-fill, minmax(130px, auto))",
-      gap: divideSpace(),
-      // First set of styles applies when shadow DOM is disabled, second set applies when shadow DOM is enabled
-      "& > *": {
-        "border-right": "1px solid #EAEAEA",
-        "padding-right": divideSpace(),
-      },
-      "& > :last-child": {
-        "border-right": "1px solid #ffffff",
-      },
-      "& > ::slotted(*)": {
-        "border-right": "1px solid #EAEAEA",
-        "padding-right": divideSpace(),
-        height: "100%",
-      },
-      "& > ::slotted(*:last-child)": {
-        "border-right": "1px solid #ffffff",
-      },
-    },
-    StatFrame: {
-      display: "flex",
-    },
-    BorderFix: {
-      "border-right": "1px solid #ffffff",
-      width: "0px",
-      "margin-left": "-1px",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (index.h("div", { class: sheet.classes.StatFrame },
-    index.h("div", { class: sheet.classes.StatContainer },
-      index.h("style", { type: "text/css" }, styleString),
-      children),
-    index.h("div", { class: sheet.classes.BorderFix })));
+function StatContainerView(props, children) {
+  const divideSpace = () => {
+    const spaceValue = getComputedStyle(document.documentElement).getPropertyValue(`--sl-spacing-${props.space}`);
+    return `${Math.floor(parseInt(spaceValue) / 2)}rem`;
+  };
+  const style = {
+    StatContainer: {
+      width: "100%",
+      display: "grid",
+      "grid-template-columns": "repeat(auto-fill, minmax(130px, auto))",
+      gap: divideSpace(),
+      // First set of styles applies when shadow DOM is disabled, second set applies when shadow DOM is enabled
+      "& > *": {
+        "border-right": "1px solid #EAEAEA",
+        "padding-right": divideSpace(),
+      },
+      "& > :last-child": {
+        "border-right": "1px solid #ffffff",
+      },
+      "& > ::slotted(*)": {
+        "border-right": "1px solid #EAEAEA",
+        "padding-right": divideSpace(),
+        height: "100%",
+      },
+      "& > ::slotted(*:last-child)": {
+        "border-right": "1px solid #ffffff",
+      },
+    },
+    StatFrame: {
+      display: "flex",
+    },
+    BorderFix: {
+      "border-right": "1px solid #ffffff",
+      width: "0px",
+      "margin-left": "-1px",
+    },
+  };
+  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  return (index.h("div", { class: sheet.classes.StatFrame },
+    index.h("div", { class: sheet.classes.StatContainer },
+      index.h("style", { type: "text/css" }, styleString),
+      children),
+    index.h("div", { class: sheet.classes.BorderFix })));
 }
 
 exports.StatContainerView = StatContainerView;

package/dist/cjs/sqm-stat-container.cjs.entry.js

@@ -5,25 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-a58bfe0d.js');
-const sqmStatContainerView = require('./sqm-stat-container-view-fcde63ed.js');
+const utils = require('./utils-95e5317c.js');
+const sqmStatContainerView = require('./sqm-stat-container-view-ee7b00ff.js');
 
-const StatContainer = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    /**
-     * @uiName Space between stats
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.space = "xxx-large";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (index.h(sqmStatContainerView.StatContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
-  }
+const StatContainer = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    /**
+     * @uiName Space between stats
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.space = "xxx-large";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    return (index.h(sqmStatContainerView.StatContainerView, Object.assign({}, utils.getProps(this)), index.h("slot", null)));
+  }
 };
 
 exports.sqm_stat_container = StatContainer;

package/dist/cjs/{sqm-text-span-view-b7e0f9b8.js → sqm-text-span-view-b5ae787b.js}

@@ -3,58 +3,58 @@
 const index = require('./index-b0129cd6.js');
 const jssPresetDefault_esm = require('./jss-preset-default.esm-6304d24f.js');
 
-function TextSpanView(props, children) {
-  const style = {
-    p: {
-      "font-size": "var(--sl-font-size-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    subtext: {
-      "font-size": "var(--sl-font-size-x-small)",
-      "font-weight": "400",
-      color: "var(--sl-color-gray-600)",
-      margin: "0",
-    },
-    h1: {
-      "font-size": "var(--sl-font-size-xx-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h2: {
-      "font-size": "var(--sl-font-size-x-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h3: {
-      "font-size": "var(--sl-font-size-large)",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-    h4: {
-      "font-size": "13px",
-      "font-weight": "600",
-      color: "var(--sl-color-gray-800)",
-      margin: "0",
-    },
-  };
-  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
-  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    sqm-text-span {
-      display: inline;
-    }
-  `;
-  return (index.h("span", { class: sheet.classes[props.type] },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
+function TextSpanView(props, children) {
+  const style = {
+    p: {
+      "font-size": "var(--sl-font-size-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    subtext: {
+      "font-size": "var(--sl-font-size-x-small)",
+      "font-weight": "400",
+      color: "var(--sl-color-gray-600)",
+      margin: "0",
+    },
+    h1: {
+      "font-size": "var(--sl-font-size-xx-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h2: {
+      "font-size": "var(--sl-font-size-x-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h3: {
+      "font-size": "var(--sl-font-size-large)",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+    h4: {
+      "font-size": "13px",
+      "font-weight": "600",
+      color: "var(--sl-color-gray-800)",
+      margin: "0",
+    },
+  };
+  jssPresetDefault_esm.jss.setup(jssPresetDefault_esm.create());
+  const sheet = jssPresetDefault_esm.jss.createStyleSheet(style);
+  const styleString = sheet.toString();
+  const vanillaStyle = `
+    sqm-text-span {
+      display: inline;
+    }
+  `;
+  return (index.h("span", { class: sheet.classes[props.type] },
+    index.h("style", { type: "text/css" },
+      vanillaStyle,
+      styleString),
+    children));
 }
 
 exports.TextSpanView = TextSpanView;

package/dist/cjs/sqm-text-span.cjs.entry.js

@@ -5,19 +5,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const sqmTextSpanView = require('./sqm-text-span-view-b7e0f9b8.js');
+const sqmTextSpanView = require('./sqm-text-span-view-b5ae787b.js');
 
-const Text = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  componentWillLoad() { }
-  render() {
-    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
-  }
+const Text = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ignored = true;
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  componentWillLoad() { }
+  render() {
+    return index.h(sqmTextSpanView.TextSpanView, { type: this.type }, this.text);
+  }
 };
 
 exports.sqm_text_span = Text;

package/dist/cjs/sqm-titled-section.cjs.entry.js

@@ -5,32 +5,32 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const _extends = require('./extends-0302d27d.js');
 require('./jss-preset-default.esm-6304d24f.js');
-const utils = require('./utils-a58bfe0d.js');
-const sqmPortalSectionView = require('./sqm-portal-section-view-a1587fab.js');
+const utils = require('./utils-95e5317c.js');
+const sqmPortalSectionView = require('./sqm-portal-section-view-3b008930.js');
 
-const TitledSection = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * @uiName Label margin style
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.labelMargin = "small";
-    /**
-     * @uiName Section padding
-     * @uiType string
-     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
-     */
-    this.padding = "none";
-    _extends.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const label = index.h("slot", { name: "label" }, this.label);
-    const content = index.h("slot", { name: "content" });
-    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
-  }
+const TitledSection = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    /**
+     * @uiName Label margin style
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.labelMargin = "small";
+    /**
+     * @uiName Section padding
+     * @uiType string
+     * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+     */
+    this.padding = "none";
+    _extends.h$1(this);
+  }
+  disconnectedCallback() { }
+  render() {
+    const label = index.h("slot", { name: "label" }, this.label);
+    const content = index.h("slot", { name: "content" });
+    return index.h(sqmPortalSectionView.PortalSectionView, Object.assign({}, { ...utils.getProps(this), label, content }));
+  }
 };
 
 exports.sqm_titled_section = TitledSection;