@saasquatch/mint-components 1.11.1-6 → 1.11.1-60

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.11.1-6",
+  "version": "1.11.1-60",
   "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",

package/dist/cjs/copy-text-view-ec6055a6.js

@@ -1,198 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const JSS = require('./JSS-8503a151.js');
-const mixins = require('./mixins-fe9d4112.js');
-
-const GET_REFERRAL_CODES = index_module.dist.gql `
-  query getCodes($limit: Int!, $offset: Int!) {
-    viewer {
-      ... on User {
-        referralCodeList(
-          limit: $limit
-          offset: $offset
-          filter: { fuelTank_eq: true }
-        ) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
-              data {
-                linkCode
-                shortUrl
-              }
-            }
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`;
-const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
-const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
-const SET_CODE_USED = index_module.dist.gql `
-mutation test {}
-`;
-function useReferralCodes(props) {
-  const user = index_module.Q();
-  console.log({ props });
-  const { envelope: referralData, states, callbacks, } = index_module.kn(GET_REFERRAL_CODES, (data) => {
-    var _a;
-    console.log({ queryData: data });
-    return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.referralCodeList;
-  }, {
-    limit: 1,
-    offset: 0,
-  }, {}, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const [paginationContext, setPaginationContext] = index_module.Cn({
-    namespace: REFERRAL_CODES_PAGINATION_CONTEXT,
-    initialValue: { states, callbacks },
-  });
-  const [referralCodesContext, setReferralCodesContext] = index_module.Cn({
-    namespace: REFERRAL_CODES_NAMESPACE,
-    initialValue: {
-      loading: true,
-      referralCode: "",
-      shareLink: "",
-      email: {
-        messageLink: "",
-      },
-      fbMessenger: {
-        messageLink: "",
-        shareLink: "",
-      },
-      whatsApp: { messageLink: "" },
-    },
-  });
-  stencilHooks_module.useEffect(() => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    if ((_a = referralData === null || referralData === void 0 ? void 0 : referralData.data) === null || _a === void 0 ? void 0 : _a.length) {
-      const data = referralData.data[0];
-      setReferralCodesContext({
-        referralCode: data.code,
-        shareLink: (_c = (_b = data.shareLinkCodes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.shortUrl,
-        email: {
-          messageLink: (_e = (_d = data.shareLinkCodes) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.shortUrl,
-        },
-        fbMessenger: {
-          messageLink: (_g = (_f = data.shareLinkCodes) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.shortUrl,
-          shareLink: (_j = (_h = data.shareLinkCodes) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.shortUrl,
-        },
-        whatsApp: { messageLink: (_l = (_k = data.shareLinkCodes) === null || _k === void 0 ? void 0 : _k[0]) === null || _l === void 0 ? void 0 : _l.shortUrl },
-      });
-    }
-  }, [referralData]);
-  stencilHooks_module.useEffect(() => {
-    setPaginationContext({ states, callbacks });
-  }, [states.currentPage]);
-  console.log({ referralData, states });
-  return {
-    states: {
-      ...states,
-    },
-    data: referralCodesContext,
-    callbacks: {
-    // onPrev: () => callbacks.setCurrentPage(states.currentPage - 1),
-    // onNext: () => callbacks.setCurrentPage(states.currentPage + 1),
-    },
-  };
-}
-
-const style = {
-  HostBlock: mixins.HostBlock,
-  inputStyle: {
-    "&::part(input)": { textOverflow: "ellipsis", width: "100%" },
-    "&::part(base)": { cursor: "pointer", overflow: "visible" },
-    width: "100%",
-  },
-  inputErrorStyle: {
-    "&::part(base)": {
-      border: "2px solid red",
-    },
-  },
-  ContainerDiv: {
-    display: "flex",
-    alignItems: "flex-start",
-    flexDirection: "column",
-    justifyContent: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  containerStyle: {
-    display: "flex",
-    alignItems: "center",
-    gap: "var(--sl-spacing-x-small)",
-    width: "100%",
-  },
-  errorTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-danger-500)",
-  },
-  notificationTextStyle: {
-    margin: "0",
-    color: "var(--sl-color-neutral-500)",
-  },
-};
-const vanillaStyle = `
-  :host{
-    display: block;   
-    width: 100%;
-  }
-`;
-const textAlignStyle = {
-  right: `
-sl-input::part(input){
-  text-align: right;
-}`,
-  center: `  
-sl-input::part(input){
-  text-align: center;
-}`,
-  left: ``,
-};
-const disabledStyles = `
-  sl-input::part(input){
-    cursor: default;
-  }
-`;
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function CopyTextView(props) {
-  const { buttonStyle = "icon" } = props;
-  console.log("notification text is", props.notificationText);
-  const error = !props.loading && props.error;
-  const inputText = error ? props.inputPlaceholderText : props.copyString;
-  const disabled = error || props.loading || props.disabled;
-  const tooltipPlacement = props.buttonStyle === "button-below"
-    ? "bottom"
-    : props.buttonStyle === "button-outside"
-      ? "top"
-      : "top-end";
-  const copyButton = (index.h("sl-tooltip", { trigger: "manual", content: props.tooltiptext, placement: tooltipPlacement, disabled: props.disabled, open: props.open, skidding: props.buttonStyle === "icon" ? -5 : 0, slot: "suffix" }, buttonStyle === "icon" ? (index.h("sl-icon-button", { exportparts: "base: icon-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, name: "files", disabled: disabled })) : (index.h("sl-button", { exportparts: "base: copy-button-base", onClick: () => { var _a; return (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props); }, size: "medium", style: { width: `${buttonStyle === "button-below" && "100%"}` }, disabled: disabled, type: "primary" }, props.copyButtonLabel || "Copy"))));
-  return (index.h("div", { class: sheet.classes.ContainerDiv },
-    index.h("style", { type: "text/css" },
-      styleString,
-      vanillaStyle,
-      textAlignStyle[props.textAlign],
-      disabled && disabledStyles),
-    index.h("div", { class: sheet.classes.containerStyle, style: {
-        flexDirection: `${buttonStyle === "button-below" ? "column" : "row"}`,
-      } },
-      index.h("sl-input", { class: `${sheet.classes.inputStyle} ${error ? sheet.classes.inputErrorStyle : ""}`, exportparts: "base: input-base, input: input-label", value: props.loading ? "Loading..." : inputText, readonly: true, disabled: disabled },
-        buttonStyle === "icon" && copyButton,
-        error && (index.h("p", { slot: "help-text", class: sheet.classes.errorTextStyle }, props.errorText))),
-      (buttonStyle === "button-outside" || buttonStyle === "button-below") &&
-        copyButton),
-    props.showNotificationText && props.notificationText && (index.h("p", { part: "sqm-notification-text", class: sheet.classes.notificationTextStyle }, props.notificationText))));
-}
-
-exports.CopyTextView = CopyTextView;
-exports.REFERRAL_CODES_NAMESPACE = REFERRAL_CODES_NAMESPACE;
-exports.REFERRAL_CODES_PAGINATION_CONTEXT = REFERRAL_CODES_PAGINATION_CONTEXT;
-exports.SET_CODE_USED = SET_CODE_USED;
-exports.useReferralCodes = useReferralCodes;

package/dist/cjs/sqm-pagination_3.cjs.entry.js

@@ -1,321 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-b0129cd6.js');
-const stencilHooks_module = require('./stencil-hooks.module-72742a0b.js');
-const index_module = require('./index.module-df530553.js');
-const utils = require('./utils-6847bc06.js');
-const JSS = require('./JSS-8503a151.js');
-const copyTextView = require('./copy-text-view-ec6055a6.js');
-const cjs = require('./cjs-1066ec21.js');
-require('./mixins-fe9d4112.js');
-
-const style = {
-  Container: {
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: "var(--sl-spacing-small)",
-    width: "100%",
-  },
-  TextContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-xx-small)",
-  },
-};
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-function PaginationView(props) {
-  const { onNext, onPrev, currentPage, totalPages } = props;
-  return (index.h("span", { class: sheet.classes.Container, part: "sqm-base" },
-    index.h("style", { type: "text/css" }, styleString),
-    index.h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
-      index.h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
-    index.h("div", { class: sheet.classes.TextContainer },
-      index.h("span", null, currentPage),
-      index.h("span", null, "of"),
-      index.h("span", null, totalPages)),
-    index.h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
-      index.h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
-}
-
-function usePagination() {
-  const context = index_module.In(copyTextView.REFERRAL_CODES_PAGINATION_CONTEXT);
-  return {
-    ...context,
-  };
-}
-
-const Pagination = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.ignored = true;
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    // const props = getProps(this);
-    var _a, _b;
-    const hookProps = index_module.isDemo()
-      ? useDemoPagination(utils.getProps(this))
-      : usePagination();
-    console.log("pagination", { hookProps });
-    const props = {
-      currentPage: (_a = hookProps.states) === null || _a === void 0 ? void 0 : _a.currentPage,
-      totalPages: (_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.pageCount,
-      onNext: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) + 1); },
-      onPrev: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) - 1); },
-      text: {
-        ofText: "of",
-      },
-    };
-    return index.h(PaginationView, Object.assign({}, props));
-  }
-};
-function useDemoPagination(props) {
-  const [currentPage, setCurrentPage] = stencilHooks_module.useState(1);
-  return cjs.cjs({
-    states: {
-      currentPage: currentPage,
-      pageCount: 5,
-    },
-    callbacks: {
-      setCurrentPage,
-    },
-    text: {
-      ofText: `${currentPage} of 5`,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-const MessageLinkQuery = index_module.dist.gql `
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`;
-const WIDGET_ENGAGEMENT_EVENT = index_module.dist.gql `
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`;
-function useReferralCode(props) {
-  var _a, _b;
-  const { programId = index_module.H() } = props;
-  const user = index_module.Q();
-  const engagementMedium = index_module.B();
-  const contextData = index_module.In(copyTextView.REFERRAL_CODES_NAMESPACE);
-  const { data } = index_module.yn(MessageLinkQuery, { programId }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) !== undefined);
-  const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
-  const [setUsed, usedRes] = index_module.$e(copyTextView.SET_CODE_USED);
-  const copyString = (_b = ((contextData === null || contextData === void 0 ? void 0 : contextData.referralCode) || ((_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] = stencilHooks_module.useState(false);
-  function onClick() {
-    if (contextData) {
-      setUsed(true);
-    }
-    // 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(copyString);
-    setOpen(true);
-    setTimeout(() => setOpen(false), props.tooltiplifespan);
-    sendLoadEvent({
-      eventMeta: {
-        programId,
-        id: user === null || user === void 0 ? void 0 : user.id,
-        accountId: user === null || user === void 0 ? void 0 : user.accountId,
-        type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
-        meta: {
-          engagementMedium,
-          shareMedium: "DIRECT",
-        },
-      },
-    });
-  }
-  return { ...props, onClick, open, copyString: copyString };
-}
-
-const ReferralCode = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * Shown inside a tooltip after someone has successfully copied the link to their clipboard
-     *
-     * @uiName Tooltip text
-     */
-    this.tooltiptext = "Copied to Clipboard";
-    /**
-     * Boolean used to show notification text below input
-     *
-     * @uiName Show notification text
-     */
-    this.showNotificationText = false;
-    /**
-     * Shown underneath the referral code when the user has already copied the code
-     *
-     * @uiName Notification text
-     */
-    this.notificationText = "You've copied this code before";
-    /**
-     * The number of milliseconds that the tooltip appears for
-     *
-     * @uiName Tooltip lifespan
-     */
-    this.tooltiplifespan = 1000;
-    /**
-     * Change the text alignment
-     *
-     * @uiName referral code alignment
-     * @uiType string
-     * @uiEnum ["left", "center", "right"]
-     * @uiEnumNames ["Left", "Center", "Right"]
-     */
-    this.textAlign = "left";
-    /**
-     * @uiName Copy button label
-     */
-    this.copyButtonLabel = "Copy Code";
-    /**
-     * Set the copy button style and placement
-     *
-     * @uiName Style
-     * @uiType string
-     * @uiEnum ["icon", "button-outside", "button-below"]
-     * @uiEnumNames ["Icon", "Button outside", "Button below"]
-     */
-    this.buttonStyle = "icon";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.isDemo()
-      ? useDemoReferralCode(thisProps)
-      : useReferralCode(thisProps);
-    return index.h(copyTextView.CopyTextView, Object.assign({}, props));
-  }
-};
-function useDemoReferralCode(props) {
-  const [open, setOpen] = stencilHooks_module.useState(false);
-  const copyString = "REFERRALCODE001";
-  return cjs.cjs({
-    copyString: copyString,
-    tooltiptext: props.tooltiptext,
-    textAlign: props.textAlign,
-    copyButtonLabel: props.copyButtonLabel,
-    buttonStyle: props.buttonStyle,
-    notificationText: props.notificationText,
-    showNotificationText: props.showNotificationText,
-    rewardStatus: "AVAILABLE",
-    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(copyString);
-      setOpen(true);
-      setTimeout(() => setOpen(false), props.tooltiplifespan);
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-const style$1 = {
-  Wrapper: {
-    width: "100%",
-    display: "flex",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-large)",
-  },
-  HeaderContainer: {
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    width: "100%",
-  },
-  ShareCodeContainer: {
-    width: "100%",
-    display: "flex",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    flexDirection: "column",
-  },
-  ShareButtonContainer: {
-    width: "100%",
-    display: "flex",
-    alignItems: "flex-start",
-    justifyContent: "center",
-    flexDirection: "column",
-  },
-  TitleText: {
-    color: "var(--sl-color-neutral-700)",
-    fontSize: "var(--sl-font-size-large)",
-    margin: "0",
-  },
-};
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
-`;
-const sheet$1 = JSS.createStyleSheet(style$1);
-const styleString$1 = sheet$1.toString();
-function ReferralCodesView(props) {
-  const { slots, titleText } = props;
-  return (index.h("div", { class: sheet$1.classes.Wrapper, part: "sqm-base" },
-    index.h("style", { type: "text/css" },
-      vanillaStyle,
-      styleString$1),
-    index.h("div", { class: sheet$1.classes.HeaderContainer },
-      index.h("h2", { class: sheet$1.classes.TitleText }, titleText),
-      slots.pagination),
-    index.h("div", { class: sheet$1.classes.ShareCodeContainer }, slots.shareCodes),
-    index.h("div", { class: sheet$1.classes.ShareButtonContainer }, slots.shareButtons)));
-}
-
-const ReferralCodes = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    /**
-     * @uiName Title Text
-     */
-    this.titleText = "Your referral code";
-    stencilHooks_module.h$1(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    const thisProps = utils.getProps(this);
-    const props = index_module.isDemo()
-      ? useDemoReferralCodes(thisProps)
-      : copyTextView.useReferralCodes(thisProps);
-    console.log(props);
-    const slots = {
-      shareButtons: index.h("slot", { name: "shareButtons" }),
-      shareCodes: index.h("slot", { name: "shareCodes" }),
-      pagination: index.h("slot", { name: "pagination" }),
-    };
-    const viewProps = {
-      slots,
-      ...props,
-    };
-    return index.h(ReferralCodesView, Object.assign({}, viewProps));
-  }
-};
-function useDemoReferralCodes(props) {
-  return cjs.cjs({
-    titleText: props.titleText,
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}
-
-exports.sqm_pagination = Pagination;
-exports.sqm_referral_code = ReferralCode;
-exports.sqm_referral_codes = ReferralCodes;

package/dist/collection/components/sqm-pagination/Pagination.stories.js

@@ -1,12 +0,0 @@
-import { h } from "@stencil/core";
-export default {
-  title: "Components/Link Button",
-};
-const defaultProps = {
-  link: "https://example.com",
-  openInNewTab: false,
-  buttonText: "Button Text",
-};
-export const Default = () => {
-  return h("sqm-pagination", null);
-};

package/dist/collection/components/sqm-pagination/sqm-pagination-view.js

@@ -1,30 +0,0 @@
-import { h } from "@stencil/core";
-import { createStyleSheet } from "../../styling/JSS";
-const style = {
-  Container: {
-    display: "flex",
-    justifyContent: "flex-end",
-    alignItems: "center",
-    gap: "var(--sl-spacing-small)",
-    width: "100%",
-  },
-  TextContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-xx-small)",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-export function PaginationView(props) {
-  const { onNext, onPrev, currentPage, totalPages } = props;
-  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
-    h("style", { type: "text/css" }, styleString),
-    h("sl-button", { onClick: onPrev, part: "sqm-pagination-button", circle: true, disabled: currentPage === 1 },
-      h("sl-icon", { name: "chevron-left", label: "Previous Page" })),
-    h("div", { class: sheet.classes.TextContainer },
-      h("span", null, currentPage),
-      h("span", null, "of"),
-      h("span", null, totalPages)),
-    h("sl-button", { onClick: onNext, part: "sqm-pagination-button", circle: true, disabled: currentPage === totalPages },
-      h("sl-icon", { name: "chevron-right", label: "Previous Page" }))));
-}

package/dist/collection/components/sqm-pagination/sqm-pagination.js

@@ -1,86 +0,0 @@
-import { Component, h, Prop, State } from "@stencil/core";
-import { getProps } from "../../utils/utils";
-import { PaginationView } from "./sqm-pagination-view";
-import { usePagination } from "./usePagination";
-import deepmerge from "deepmerge";
-import { withHooks } from "@saasquatch/stencil-hooks";
-import { useState } from "@saasquatch/universal-hooks";
-import { isDemo } from "@saasquatch/component-boilerplate";
-/**
- * @uiName Pagination
- * @exampleGroup Common Components
- * @example Link Button - <sqm-pagination></sqm-pagination>
- */
-export class Pagination {
-  constructor() {
-    this.ignored = true;
-    withHooks(this);
-  }
-  disconnectedCallback() { }
-  render() {
-    // const props = getProps(this);
-    var _a, _b;
-    const hookProps = isDemo()
-      ? useDemoPagination(getProps(this))
-      : usePagination();
-    console.log("pagination", { hookProps });
-    const props = {
-      currentPage: (_a = hookProps.states) === null || _a === void 0 ? void 0 : _a.currentPage,
-      totalPages: (_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.pageCount,
-      onNext: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) + 1); },
-      onPrev: () => { var _a, _b; return (_a = hookProps.callbacks) === null || _a === void 0 ? void 0 : _a.setCurrentPage(((_b = hookProps.states) === null || _b === void 0 ? void 0 : _b.currentPage) - 1); },
-      text: {
-        ofText: "of",
-      },
-    };
-    return h(PaginationView, Object.assign({}, props));
-  }
-  static get is() { return "sqm-pagination"; }
-  static get encapsulation() { return "shadow"; }
-  static get properties() { return {
-    "demoData": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "DemoData<any>",
-        "resolved": "{ [x: string]: any; [x: number]: any; }",
-        "references": {
-          "DemoData": {
-            "location": "import",
-            "path": "../../global/demo"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [{
-            "text": undefined,
-            "name": "undocumented"
-          }, {
-            "text": "object",
-            "name": "uiType"
-          }],
-        "text": ""
-      }
-    }
-  }; }
-  static get states() { return {
-    "ignored": {}
-  }; }
-}
-function useDemoPagination(props) {
-  const [currentPage, setCurrentPage] = useState(1);
-  return deepmerge({
-    states: {
-      currentPage: currentPage,
-      pageCount: 5,
-    },
-    callbacks: {
-      setCurrentPage,
-    },
-    text: {
-      ofText: `${currentPage} of 5`,
-    },
-  }, props.demoData || {}, { arrayMerge: (_, a) => a });
-}

package/dist/collection/components/sqm-pagination/usePagination.js

@@ -1,8 +0,0 @@
-import { useParentValue } from "@saasquatch/component-boilerplate";
-import { REFERRAL_CODES_PAGINATION_CONTEXT, } from "../sqm-referral-codes/useReferralCodes";
-export function usePagination() {
-  const context = useParentValue(REFERRAL_CODES_PAGINATION_CONTEXT);
-  return {
-    ...context,
-  };
-}