@saasquatch/mint-components 1.5.0-97 → 1.5.0

package/dist/collection/components/sqm-referral-table/sqm-referral-table-view.js

@@ -1,50 +0,0 @@
-import { h } from "@stencil/core";
-import { TextSpanView } from "../sqm-text-span/sqm-text-span-view";
-import { createStyleSheet } from "../../styling/JSS";
-import { gap } from "../../global/mixins";
-const style = {
-  THead: {
-    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
-    "text-align": "left",
-  },
-  TCell: {
-    padding: "var(--sl-spacing-small) var(--sl-spacing-medium) var(--sl-spacing-small) 0",
-  },
-  TRow: {
-    "border-top": "1px solid #EAEAEA",
-  },
-  Table: {
-    "border-collapse": "collapse",
-    width: "100%",
-  },
-  ButtonContainer: {
-    display: "flex",
-    "justify-content": "flex-end",
-    "margin-top": "var(--sl-spacing-small)",
-    ...gap({ direction: "row", size: "var(--sl-spacing-small)" }),
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function ReferralTableView(props) {
-  var _a, _b;
-  const { states, data, callbacks, elements } = props;
-  const { columns, rows } = elements;
-  return (h("div", null,
-    h("style", { type: "text/css" }, styleString),
-    h("table", { class: sheet.classes.Table },
-      data.textOverrides.showLabels && (h("thead", null,
-        h("tr", null, columns === null || columns === void 0 ? void 0 : columns.map((column) => (h("th", { class: sheet.classes.THead },
-          h(TextSpanView, { type: "h3" }, column))))))),
-      h("tbody", null, states.loading
-        ? elements.loadingElement
-        : !((_a = elements === null || elements === void 0 ? void 0 : elements.rows) === null || _a === void 0 ? void 0 : _a.length) && !((_b = data.referralData) === null || _b === void 0 ? void 0 : _b.length)
-          ? elements.emptyElement
-          : rows === null || rows === void 0 ? void 0 : rows.map((row, i) => (h("tr", { class: sheet.classes.TRow, style: {
-              borderTop: `${!data.textOverrides.showLabels && i === 0 ? "none" : ""}`,
-            }, part: "table-row" }, row.map((cell) => (h("td", { class: sheet.classes.TCell },
-            h(TextSpanView, { type: "p" }, cell))))))))),
-    h("div", { class: sheet.classes.ButtonContainer, part: "sqm-referral-table-button-wrapper" },
-      h("sl-button", { size: "small", disabled: !states.hasPrev, loading: states.loading, onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
-      h("sl-button", { size: "small", loading: states.loading, disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.moreLabel))));
-}

package/dist/collection/components/sqm-refresh-button/RefreshButtonView.js

@@ -1,8 +0,0 @@
-import { h, Host } from "@stencil/core";
-export function RefreshButtonView(props, children) {
-  return props.hide ? (h(Host, { style: { display: "none" } })) : (h(Host, null,
-    h("style", { type: "text/css" }, `:host{display:inline-block}`),
-    h("sl-button", { loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}-refresh-base` },
-      !props.hideicon && (h("sl-icon", { slot: props.iconslot, name: props.icon, exportparts: "icon" })),
-      !props.hidetext && children)));
-}

package/dist/collection/components/sqm-refresh-button/sqm-refresh-button.js

@@ -1,66 +0,0 @@
-import { isDemo, } from "@saasquatch/component-boilerplate";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { Component, h, Prop } from "@stencil/core";
-import { getProps } from "../../utils/utils";
-import { RefreshButtonView } from "./RefreshButtonView";
-/**
- * @uiName Refresh Button
- */
-export class RefreshButton {
-  constructor() {
-    /**
-     * @uiName Icon to show in the slot
-     */
-    this.icon = "arrow-clockwise";
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = isDemo()
-      ? useDemoRefereshButton(thisProps)
-      : useRefreshButton(thisProps);
-    return (h(RefreshButtonView, Object.assign({}, props),
-      h("slot", null)));
-  }
-  static get is() { return "sqm-refresh-button"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "icon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": "Icon to show in the slot",
-            "name": "uiName"
-          }],
-        "text": ""
-      },
-      "attribute": "icon",
-      "reflect": false,
-      "defaultValue": "\"arrow-clockwise\""
-    }
-  }; }
-}
-function useDemoRefereshButton({ icon, }) {
-  return {
-    onClick: () => { },
-    icon,
-  };
-}
-function useRefreshButton({ icon }) {
-  //   const { refresh } = useRefreshDispatcher();
-  return {
-    disabled: false,
-    hide: false,
-    // onClick: refresh,
-    icon,
-  };
-}

package/dist/esm/sqm-big-stat-view-309f7c1f.js

@@ -1,38 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-96eeab98.js';
-
-function BigStatView(props, children) {
-  const { statvalue, flexReverse, alignment } = props;
-  const style = {
-    Container: {
-      display: "flex",
-      height: "inherit",
-      "justify-content": "space-between",
-      "flex-direction": `${flexReverse ? "column-reverse" : "column"}`,
-      "align-items": `${alignment === "left"
-        ? "flex-start"
-        : alignment === "right"
-          ? "flex-end"
-          : "center"}`,
-    },
-    Stat: {
-      "font-size": "var(--sl-font-size-x-large)",
-      "text-align": alignment,
-    },
-    Description: {
-      "font-size": "var(--sl-font-size-small)",
-      "font-weight": "var(--sl-font-weight-normal)",
-      color: "var(--sl-color-gray-600)",
-      "text-transform": "uppercase",
-      "text-align": alignment,
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { part: "stat-wrapper", class: sheet.classes.Container },
-    h("style", { type: "text/css" }, styleString),
-    h("div", { part: "stat-value", class: sheet.classes.Stat }, statvalue),
-    h("div", { part: "stat-description", class: sheet.classes.Description }, children)));
-}
-
-export { BigStatView as B };

package/dist/esm/sqm-big-stat.entry.js

@@ -1,28 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { j as jn } from './index.module-aac201f3.js';
-import './extends-c31f1eff.js';
-import './cjs-bdfb4486.js';
-import './JSS-96eeab98.js';
-import { B as BigStatView } from './sqm-big-stat-view-309f7c1f.js';
-import { u as useDemoBigStat, a as useBigStat } from './useDemoBigStat-a4835c19.js';
-
-const BigStat = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Flex Reverse - controls the order of the stat value & description column
-     */
-    this.flexReverse = false;
-    this.ignored = true;
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const { props, label } = jn() ? useDemoBigStat(this) : useBigStat(this);
-    return (h$1(BigStatView, Object.assign({}, props), h$1("slot", null, label)));
-  }
-};
-
-export { BigStat as sqm_big_stat };

package/dist/esm/sqm-refresh-button.entry.js

@@ -1,50 +0,0 @@
-import { h, c as Host, r as registerInstance } from './index-17b4da69.js';
-import { m as h$1 } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import { j as jn } from './index.module-aac201f3.js';
-import './extends-c31f1eff.js';
-import { g as getProps } from './utils-1d345130.js';
-
-function RefreshButtonView(props, children) {
-  return props.hide ? (h(Host, { style: { display: "none" } })) : (h(Host, null,
-    h("style", { type: "text/css" }, `:host{display:inline-block}`),
-    h("sl-button", { loading: props.loading, disabled: props.disabled, pill: props.pill, size: props.size, type: props.type, onClick: props.onClick, exportparts: `base: ${props.type}-refresh-base` },
-      !props.hideicon && (h("sl-icon", { slot: props.iconslot, name: props.icon, exportparts: "icon" })),
-      !props.hidetext && children)));
-}
-
-const RefreshButton = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * @uiName Icon to show in the slot
-     */
-    this.icon = "arrow-clockwise";
-    h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = getProps(this);
-    const props = jn()
-      ? useDemoRefereshButton(thisProps)
-      : useRefreshButton(thisProps);
-    return (h(RefreshButtonView, Object.assign({}, props), h("slot", null)));
-  }
-};
-function useDemoRefereshButton({ icon, }) {
-  return {
-    onClick: () => { },
-    icon,
-  };
-}
-function useRefreshButton({ icon }) {
-  //   const { refresh } = useRefreshDispatcher();
-  return {
-    disabled: false,
-    hide: false,
-    // onClick: refresh,
-    icon,
-  };
-}
-
-export { RefreshButton as sqm_refresh_button };

package/dist/esm/sqm-stat-container-view-8a565c5a.js

@@ -1,50 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-96eeab98.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": "none",
-      },
-    },
-    StatFrame: {
-      display: "flex",
-    },
-    BorderFix: {
-      "border-right": "1px solid #ffffff",
-      width: "0px",
-      "margin-left": "-1px",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  return (h("div", { class: sheet.classes.StatFrame },
-    h("div", { class: sheet.classes.StatContainer },
-      h("style", { type: "text/css" }, styleString),
-      children),
-    h("div", { class: sheet.classes.BorderFix })));
-}
-
-export { StatContainerView as S };

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

@@ -1,26 +0,0 @@
-import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-acc8a613.js';
-import './extends-c31f1eff.js';
-import './JSS-96eeab98.js';
-import { g as getProps } from './utils-1d345130.js';
-import { S as StatContainerView } from './sqm-stat-container-view-8a565c5a.js';
-
-const StatContainer = class {
-  constructor(hostRef) {
-    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";
-    h(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    return (h$1(StatContainerView, Object.assign({}, getProps(this)), h$1("slot", null)));
-  }
-};
-
-export { StatContainer as sqm_stat_container };

package/dist/esm/sqm-text-span-view-7e61c95c.js

@@ -1,57 +0,0 @@
-import { h } from './index-17b4da69.js';
-import { c as createStyleSheet } from './JSS-96eeab98.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",
-    },
-  };
-  const sheet = createStyleSheet(style);
-  const styleString = sheet.toString();
-  const vanillaStyle = `
-    sqm-text-span {
-      display: inline;
-    }
-  `;
-  return (h("span", { class: sheet.classes[props.type] },
-    h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString),
-    children));
-}
-
-export { TextSpanView as T };