@saasquatch/mint-components 1.3.2-7 → 1.3.3-1

package/dist/collection/index.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/insertcss.js

@@ -1,44 +0,0 @@
-const containers = []; // will store container HTMLElement references
-const styleElements = []; // will store {prepend: HTMLElement, append: HTMLElement}
-const usage = 'insert-css: You need to provide a CSS string. Usage: insertCss(cssString[, options]).';
-export function insertCSS(css, options) {
-  options = options || {};
-  if (css === undefined) {
-    throw new Error(usage);
-  }
-  var position = options.prepend === true ? 'prepend' : 'append';
-  var container = options.container !== undefined ? options.container : document.querySelector('head');
-  var containerId = containers.indexOf(container);
-  // first time we see this container, create the necessary entries
-  if (containerId === -1) {
-    containerId = containers.push(container) - 1;
-    styleElements[containerId] = {};
-  }
-  // try to get the correponding container + position styleElement, create it otherwise
-  var styleElement;
-  if (styleElements[containerId] !== undefined && styleElements[containerId][position] !== undefined) {
-    styleElement = styleElements[containerId][position];
-  }
-  else {
-    styleElement = styleElements[containerId][position] = createStyleElement();
-    if (position === 'prepend') {
-      container.insertBefore(styleElement, container.childNodes[0]);
-    }
-    else {
-      container.appendChild(styleElement);
-    }
-  }
-  // strip potential UTF-8 BOM if css was read from a file
-  if (css.charCodeAt(0) === 0xFEFF) {
-    css = css.substr(1, css.length);
-  }
-  // actually add the stylesheet
-  styleElement.textContent += css;
-  return styleElement;
-}
-;
-function createStyleElement() {
-  var styleElement = document.createElement('style');
-  styleElement.setAttribute('type', 'text/css');
-  return styleElement;
-}

package/dist/collection/stories/NewPortal.stories.js

@@ -1,305 +0,0 @@
-import { h } from "@stencil/core";
-import { BigStatView } from "../components/sqm-big-stat/sqm-big-stat-view";
-import { ShareButtonView } from "../components/sqm-share-button/sqm-share-button-view";
-import { ShareLinkView } from "../components/sqm-share-link/sqm-share-link-view";
-import jss from "jss";
-import preset from "jss-preset-default";
-import { NavigationSidebarView } from "../components/sqm-navigation-sidebar/sqm-navigation-sidebar-view";
-import { NavigationSidebarItemView } from "../components/sqm-navigation-sidebar-item/sqm-navigation-sidebar-item-view";
-import { PortalSectionView } from "../components/sqm-titled-section/sqm-portal-section-view";
-import { PortalContainerView } from "../components/sqm-portal-container/sqm-portal-container-view";
-import { StatContainerView } from "../components/sqm-stat-container/sqm-stat-container-view";
-import { PortalProfileView } from "../components/sqm-portal-profile/sqm-portal-profile-view";
-import { PortalChangePasswordView } from "../components/sqm-portal-change-password/sqm-portal-change-password-view";
-export default {
-  title: "New Portal",
-};
-const style = {
-  HeaderSubtitleBold: {
-    "font-weight": 500,
-    "text-decoration": "underline",
-  },
-};
-jss.setup(preset());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-const barProps = {
-  data: {
-    programs: [
-      {
-        key: "program1",
-        label: "My Referral Program",
-      },
-      {
-        key: "program2",
-        label: "My Rewards Program",
-      },
-    ],
-  },
-};
-const item1Props = {
-  states: {
-    active: false,
-  },
-  data: {
-    label: "Dashboard",
-    icon: "house",
-    path: "/",
-  },
-};
-const item2Props = {
-  states: {
-    active: true,
-  },
-  data: {
-    label: "Activity",
-    icon: "bar-chart",
-    path: "/",
-  },
-};
-const Sidebar = () => {
-  return (h(NavigationSidebarView, Object.assign({}, barProps),
-    h(NavigationSidebarItemView, Object.assign({}, item1Props)),
-    h(NavigationSidebarItemView, Object.assign({}, item2Props))));
-};
-export const Dashboard = () => {
-  const sharelinkProps = {
-    shareString: "https://ssqt.co/johnsmithrox",
-    open: false,
-    disabled: false,
-    tooltiptext: "Share link copied",
-    onClick: () => console.log("Share link copied"),
-  };
-  const sharecodeProps = {
-    shareString: "JOHNSMITH1",
-    open: false,
-    disabled: false,
-    tooltiptext: "Share code copied",
-    onClick: () => console.log("Share code copied"),
-  };
-  const twitterButtonProps = {
-    medium: "twitter",
-    loading: false,
-    disabled: false,
-    pill: true,
-    type: "default",
-    size: "medium",
-    icon: "twitter",
-    hideicon: false,
-    iconslot: "prefix",
-    onClick: () => "Facebook share clicked",
-    hide: false,
-  };
-  const facebookButtonProps = {
-    medium: "facebook",
-    loading: false,
-    disabled: false,
-    pill: true,
-    type: "default",
-    size: "medium",
-    icon: "facebook",
-    hideicon: false,
-    iconslot: "prefix",
-    onClick: () => "Facebook share clicked",
-    hide: false,
-  };
-  const linkedinButtonProps = {
-    medium: "linkedin",
-    loading: false,
-    disabled: false,
-    pill: true,
-    type: "default",
-    size: "medium",
-    icon: "linkedin",
-    hideicon: false,
-    iconslot: "prefix",
-    onClick: () => "Facebook share clicked",
-    hide: false,
-  };
-  return (h("sqm-divided-layout", { direction: "row" },
-    h("style", { type: "text/css" }, styleString),
-    h(Sidebar, null),
-    h("sqm-divided-layout", { direction: "column" },
-      h(PortalContainerView, Object.assign({}, { direction: "column", padding: "xxx-large", gap: "xxx-large" }),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "xx-small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("p", null, "Welcome back,"))),
-          content: (h("sqm-text", null,
-            h("h1", null, "John Smith"))),
-        })),
-        h(StatContainerView, Object.assign({}, { space: "64px" }),
-          h(BigStatView, Object.assign({}, { statvalue: "2,345", value: 234500 }), "Clicks"),
-          h(BigStatView, Object.assign({}, { statvalue: "58", value: 58 }), "Referrals"),
-          h(BigStatView, Object.assign({}, { statvalue: "$10,540", value: 1054000 }), "Earned"),
-          h(BigStatView, Object.assign({}, { statvalue: "$2,305", value: 230500 }), "Awaiting Payout"))),
-      h(PortalContainerView, Object.assign({}, { direction: "column", padding: "xxx-large", gap: "xxx-large" }),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "x-large",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h2", null, "Partner and Profit"))),
-          content: (h("sqm-text", null,
-            h("p", null, "Get rewarded for referring potential customers to MyCompany. Earn commission for each successful lead you send our way"))),
-        })),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h3", null, "Share your referral link"))),
-          content: h(ShareLinkView, Object.assign({}, sharelinkProps)),
-        })),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h3", null, "Share your referral code"))),
-          content: h(ShareLinkView, Object.assign({}, sharecodeProps)),
-        })),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h3", null, "Share via social media"))),
-          content: (h(PortalContainerView, Object.assign({}, {
-            direction: "row",
-            padding: "large",
-            gap: "xxx-large",
-            minWidth: "150px",
-          }),
-            h(ShareButtonView, Object.assign({}, twitterButtonProps), "Tweet about us"),
-            h(ShareButtonView, Object.assign({}, facebookButtonProps), "Share on Facebook"),
-            h(ShareButtonView, Object.assign({}, linkedinButtonProps), "Post on Linkedin"))),
-        }))))));
-};
-export const EditProfile = () => {
-  return (h("sqm-divided-layout", { direction: "row" },
-    h("style", { type: "text/css" }, styleString),
-    h(Sidebar, null),
-    h("sqm-divided-layout", { direction: "column" },
-      h(PortalProfileView, Object.assign({}, {
-        states: {
-          success: false,
-          loading: false,
-          submitDisabled: false,
-          showCountry: false,
-          user: {
-            id: "01",
-            accountId: "111100000",
-            firstName: "Joe",
-            lastName: "Smith",
-            email: "jsmith@gmail.com",
-            countryCode: "5000",
-          },
-          text: {
-            firstnametext: "First Name",
-            lastnametext: "Last Name",
-            emailtext: "Email",
-            countrytext: "Country",
-            editProfileHeader: "Edit your profile",
-            editProfileSubHeader: "Personal Information",
-            submitChangeButtonText: "Submit Changes",
-          },
-          formState: {
-            country: "Canada",
-            firstName: "Joe",
-            lastName: "Smith",
-            errors: null,
-            error: "",
-          },
-        },
-        callbacks: {
-          onSubmit: (e) => console.log(e),
-          onChange: (e) => console.log(e),
-        },
-      })),
-      h(PortalChangePasswordView, Object.assign({}, {
-        states: {
-          open: true,
-          error: "",
-          loading: false,
-          success: false,
-          content: {
-            modalChangePasswordHeader: "Change Password",
-            cancelText: "Cancel",
-            changePasswordButtonText: "Change Password",
-            passwordFieldLabel: "Password",
-            confirmPasswordFieldLabel: "Confirm new password",
-            successMessage: "Your password has been updated.",
-            portalChangePasswordHeader: "Password",
-            portalChangePasswordButtonText: "Change your password...",
-          },
-        },
-        callbacks: {
-          setOpen: () => console.log("open"),
-          submit: () => console.log("submit"),
-        },
-      })))));
-};
-export const Commissions = () => {
-  return (h("sqm-divided-layout", { direction: "row" },
-    h("style", { type: "text/css" }, styleString),
-    h(Sidebar, null),
-    h("sqm-divided-layout", { direction: "column" },
-      h(PortalContainerView, Object.assign({}, { direction: "column", padding: "xxx-large", gap: "xxx-large" }),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "xx-small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h2", null, "Commissions"))),
-          content: (h("sqm-text", null,
-            h("p", null,
-              "for the",
-              " ",
-              h("span", { class: sheet.classes.HeaderSubtitleBold }, "Partner Program #1"),
-              " ",
-              "program"))),
-        })),
-        h(StatContainerView, Object.assign({}, { space: "64px" }),
-          h(BigStatView, Object.assign({}, { statvalue: "$ 1,000", value: 100000 }), "Total Earned"),
-          h(BigStatView, Object.assign({}, { statvalue: "$ 800", value: 80000 }), "Available"),
-          h(BigStatView, Object.assign({}, { statvalue: "$ 180", value: 18000 }), "Pending"),
-          h(BigStatView, Object.assign({}, { statvalue: "$ 20", value: 2000 }), "Redeemed"))))));
-};
-export const Activity = () => {
-  return (h("sqm-divided-layout", { direction: "row" },
-    h("style", { type: "text/css" }, styleString),
-    h(Sidebar, null),
-    h("sqm-divided-layout", { direction: "column" },
-      h(PortalContainerView, Object.assign({}, { direction: "column", padding: "xxx-large", gap: "xxx-large" }),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "xx-small",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h2", null, "Activity"))),
-          content: (h("sqm-text", null,
-            h("p", null,
-              "for the",
-              " ",
-              h("span", { class: sheet.classes.HeaderSubtitleBold }, "Partner Program #1"),
-              " ",
-              "program"))),
-        })),
-        h(PortalSectionView, Object.assign({}, {
-          labelMargin: "x-large",
-          padding: "none",
-          label: (h("sqm-text", null,
-            h("h3", null, "Referral Activity"))),
-          content: (h(StatContainerView, Object.assign({}, { space: "64px" }),
-            h(BigStatView, Object.assign({}, { statvalue: "1,000", value: 100000 }), "Total Referrals"),
-            h(BigStatView, Object.assign({}, { statvalue: "800", value: 800 }), "Converted"),
-            h(BigStatView, Object.assign({}, { statvalue: "180", value: 180 }), "Pending"),
-            h(BigStatView, Object.assign({}, { statvalue: "20", value: 20 }), "Disqualified"))),
-        }))),
-      h(PortalSectionView, Object.assign({}, {
-        labelMargin: "x-large",
-        padding: "xxx-large",
-        label: (h("sqm-text", null,
-          h("h3", null, "Traffic Generated"))),
-        content: (h(StatContainerView, Object.assign({}, { space: "64px" }),
-          h(BigStatView, Object.assign({}, { statvalue: "1,000", value: 1000 }), "Clicks"),
-          h(BigStatView, Object.assign({}, { statvalue: "800", value: 800 }), "From share link"),
-          h(BigStatView, Object.assign({}, { statvalue: "180", value: 180 }), "From share mediums"))),
-      })))));
-};

package/dist/collection/stories/PortalTemplates.stories.js

@@ -1,156 +0,0 @@
-import { useState } from "@saasquatch/universal-hooks";
-import { h } from "@stencil/core";
-import { createHookStory } from "../components/sqm-stencilbook/HookStoryAddon";
-import portalTemplate from "../templates/Portal.html";
-import portalLeadSubmitTemplate from "../templates/PortalLeadSubmit.html";
-import portalLeadSubmitTemplateWithDashboard from "../templates/PortalLeadSubmitWithDashboard.html";
-import portalTemplateWithDashboard from "../templates/PortalWithDashboard.html";
-import multiProgramTemplate from "../templates/MultiProgramPortal.html";
-import multiProgramTemplateWithDashboard from "../templates/MultiProgramPortalWithDashboard.html";
-import dashboardTemplate from "../templates/Dashboard.html";
-import leadSubmitTemplate from "../templates/LeadSubmit.html";
-import editProfileTemplate from "../templates/EditProfile.html";
-import activityTemplate from "../templates/Activity.html";
-import resetPasswordEmailTemplate from "../templates/ResetPasswordEmail.html";
-import verifyEmailTemplate from "../templates/VerifyEmail.html";
-import loginTemplate from "../templates/Login.html";
-import registerTemplate from "../templates/Register.html";
-import forgotPasswordTemplate from "../templates/ForgotPassword.html";
-import resetPasswordTemplate from "../templates/ResetPassword.html";
-import emailVerifiedTemplate from "../templates/EmailVerified.html";
-import emailVerificationTemplate from "../templates/EmailVerification.html";
-import marked from "marked";
-import LoginReadme from "../components/sqm-portal-login/readme.md";
-import ReferralIframeReadme from "../components/sqm-referral-iframe/readme.md";
-import ForgotPasswordReadme from "../components/sqm-portal-forgot-password/readme.md";
-import RegisterReadme from "../components/sqm-portal-register/readme.md";
-import EditProfileReadme from "../components/sqm-portal-profile/readme.md";
-import ResetPasswordReadme from "../components/sqm-portal-reset-password/readme.md";
-import EmailVerificationReadme from "../components/sqm-portal-email-verification/readme.md";
-import EmailVerifiedReadme from "../components/sqm-portal-verify-email/readme.md";
-import { navigation } from "@saasquatch/component-boilerplate";
-export default {
-  title: "Templates / Portal",
-};
-// slot="footer"
-// support-email="john@foodservicerewards.com"
-// terms-link="example.com"
-// faq-link="example.com"
-// padding="large"
-// show-powered-by="false"
-// powered-by-link="https://www.saasquatch.com/"
-function useTemplate(templateString) {
-  const [editedTemplate, setEditedTemplate] = useState(templateString);
-  const [previewTemplate, setPreviewTemplate] = useState(templateString);
-  return {
-    states: { previewTemplate, editedTemplate },
-    callbacks: { setEditedTemplate, setPreviewTemplate },
-  };
-}
-function TemplateView(props) {
-  const { states, callbacks, readme } = props;
-  return [
-    h("textarea", { style: { width: "100%", height: "300px" }, onChange: (e) => callbacks.setEditedTemplate(e.target.value) }, states.editedTemplate),
-    h("button", { onClick: () => callbacks.setPreviewTemplate(states.editedTemplate) }, "Update Preview"),
-    readme ? (h("details", null,
-      h("summary", null, "Props readme"),
-      h("div", { innerHTML: marked(readme) }))) : (""),
-    h("div", { innerHTML: states.previewTemplate }),
-  ];
-}
-function Buttons({ callbacks, states, template }) {
-  return (h("div", null,
-    h("button", { onClick: () => callbacks.setPreviewTemplate(states.editedTemplate) }, "Update Preview"),
-    h("button", { style: { marginLeft: "10px" }, onClick: () => callbacks.setPreviewTemplate(template) }, "Preview Dashboard")));
-}
-function DefaultTemplateView(props) {
-  const { states, callbacks } = props;
-  return (h("div", { style: { height: "50vh" } },
-    h("textarea", { style: { width: "100%", height: "300px" }, onChange: (e) => callbacks.setEditedTemplate(e.target.value) }, states.editedTemplate),
-    h(Buttons, { states: states, callbacks: callbacks, template: props.template }),
-    h("h2", null, "Navigation"),
-    h("div", { style: {
-        display: "grid",
-        gridTemplateColumns: "repeat(9, 80px)",
-        gridGap: "10px",
-      } },
-      h("button", { onClick: () => navigation.push("/") }, "Dashboard"),
-      props.leadSubmit && (h("button", { onClick: () => navigation.push("/refer") }, "Submit a Referral")),
-      h("button", { onClick: () => navigation.push("/activity") }, "Activity"),
-      h("button", { onClick: () => navigation.push("/editProfile") }, "Edit Profile"),
-      h("button", { onClick: () => navigation.push("/login") }, "Login"),
-      h("button", { onClick: () => navigation.push("/register") }, "Register"),
-      h("button", { onClick: () => navigation.push("/emailVerification") }, "Email Verification"),
-      h("button", { onClick: () => navigation.push("/verifyEmail") }, "Verify Email"),
-      h("button", { onClick: () => navigation.push("/forgotPassword") }, "Forgot Password"),
-      h("button", { onClick: () => navigation.push("/resetPassword") }, "Reset Password")),
-    h("br", null),
-    h("div", { innerHTML: states.previewTemplate })));
-}
-export const DefaultPortal = createHookStory(() => {
-  const { states, callbacks } = useTemplate(portalTemplate);
-  return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: portalTemplateWithDashboard }));
-});
-export const MultiProgramPortal = createHookStory(() => {
-  const { states, callbacks } = useTemplate(multiProgramTemplate);
-  return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: multiProgramTemplateWithDashboard }));
-});
-export const LeadSubmitPortal = createHookStory(() => {
-  const { states, callbacks } = useTemplate(portalLeadSubmitTemplate);
-  return (h(DefaultTemplateView, { states: states, callbacks: callbacks, template: portalLeadSubmitTemplateWithDashboard, leadSubmit: true }));
-});
-export const Login = createHookStory(() => {
-  const { states, callbacks } = useTemplate(loginTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: LoginReadme }));
-});
-export const ForgotPassword = createHookStory(() => {
-  const { states, callbacks } = useTemplate(forgotPasswordTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: ForgotPasswordReadme }));
-});
-export const Register = createHookStory(() => {
-  const { states, callbacks } = useTemplate(registerTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: RegisterReadme }));
-});
-export const Dashboard = createHookStory(() => {
-  const { states, callbacks } = useTemplate(dashboardTemplate);
-  return h(TemplateView, { states: states, callbacks: callbacks });
-});
-export const LeadSubmitIframe = createHookStory(() => {
-  const { states, callbacks } = useTemplate(leadSubmitTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: ReferralIframeReadme }));
-});
-export const Activity = createHookStory(() => {
-  const { states, callbacks } = useTemplate(activityTemplate);
-  return h(TemplateView, { states: states, callbacks: callbacks });
-});
-export const EditProfile = createHookStory(() => {
-  const { states, callbacks } = useTemplate(editProfileTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: EditProfileReadme }));
-});
-export const ResetPassword = createHookStory(() => {
-  const { states, callbacks } = useTemplate(resetPasswordTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: ResetPasswordReadme }));
-});
-export const EmailVerification = createHookStory(() => {
-  const { states, callbacks } = useTemplate(emailVerificationTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: EmailVerificationReadme }));
-});
-export const EmailVerified = createHookStory(() => {
-  const { states, callbacks } = useTemplate(emailVerifiedTemplate);
-  return (h(TemplateView, { states: states, callbacks: callbacks, readme: EmailVerifiedReadme }));
-});
-export const Widget = createHookStory(() => {
-  return (h("sqb-widget", { "widget-type": "p/Vacay-referral/w/referrerWidget", demoData: {
-      data: {
-        html: dashboardTemplate,
-      },
-    } }));
-});
-export const ResetPasswordEmail = createHookStory(() => {
-  const { states, callbacks } = useTemplate(resetPasswordEmailTemplate);
-  return h(TemplateView, { states: states, callbacks: callbacks });
-});
-export const VerifyEmail = createHookStory(() => {
-  const { states, callbacks } = useTemplate(verifyEmailTemplate);
-  return h(TemplateView, { states: states, callbacks: callbacks });
-});

package/dist/collection/stories/PoweredByImg.stories.js

@@ -1,14 +0,0 @@
-import { h } from "@stencil/core";
-import { PoweredByImg } from "../components/sqm-portal-footer/PoweredByImg";
-export default {
-  title: "Powered By",
-};
-export const Default = () => {
-  return h(PoweredByImg, null);
-};
-export const CustomColor = () => {
-  return h(PoweredByImg, { color: "salmon" });
-};
-export const CustomWidthAndHeight = () => {
-  return h(PoweredByImg, { width: 300, height: 50 });
-};

package/dist/collection/tables/GenericTableView.js

@@ -1,51 +0,0 @@
-import { h } from "@stencil/core";
-import { TextSpanView } from "../components/sqm-text-span/sqm-text-span-view";
-import jss from "jss";
-import preset from "jss-preset-default";
-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)" }),
-  },
-};
-jss.setup(preset());
-const sheet = jss.createStyleSheet(style);
-const styleString = sheet.toString();
-export function GenericTableView(props) {
-  const { states, data, callbacks, elements } = props;
-  const { columns, rows } = elements;
-  const { show } = states;
-  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,
-        show === "loading" && elements.loadingElement,
-        show === "empty" && elements.emptyElement,
-        show === "rows" && (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: states.namespace + "-button-wrapper" },
-      h("sl-button", { size: "small", disabled: !states.hasPrev, loading: show === "loading", onClick: callbacks.prevPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.prevLabel),
-      h("sl-button", { size: "small", loading: show === "loading", disabled: !states.hasNext, onClick: callbacks.nextPage, exportparts: "base: defaultbutton-base" }, data.textOverrides.moreLabel))));
-}

package/dist/collection/tables/TableSlots.js

@@ -1,22 +0,0 @@
-import { h } from "@stencil/core";
-export function LoadingSlot() {
-  return (h("slot", { name: "loading" },
-    h(LoadingSkeleton, null)));
-}
-export function LoadingSkeleton() {
-  return (h("div", { style: { width: "100%" } },
-    h("sl-skeleton", { style: { marginBottom: "28px" } }),
-    h("sl-skeleton", { style: { marginBottom: "28px" } }),
-    h("sl-skeleton", { style: { marginBottom: "28px" } }),
-    h("sl-skeleton", { style: { marginBottom: "28px" } }),
-    h("sl-skeleton", null)));
-}
-export function EmptySlot({ label }) {
-  return (h("slot", { name: "empty" },
-    h(EmptySkeleton, { label: label })));
-}
-export function EmptySkeleton({ label }) {
-  return (h("div", { style: { width: "100%" } },
-    h("sqm-text", null,
-      h("h3", { style: { color: "#777777" } }, label))));
-}

package/dist/collection/tables/re-render.js

@@ -1,39 +0,0 @@
-import { useHost, useTick } from "@saasquatch/component-boilerplate";
-import { useEffect } from "@saasquatch/universal-hooks";
-export const RENDER_EVENT = "sqm:request-rerender";
-/**
- * Requests a re-render for the wrapping table
- *
- * Useful when an attribute or other internal state changes
- *
- * @param deps an array of dependencies used for useEffect
- */
-export function useRequestRerender(deps) {
-  const host = useHost();
-  useEffect(() => {
-    host.dispatchEvent(new CustomEvent(RENDER_EVENT, {
-      detail: true,
-      bubbles: true,
-      composed: true,
-    }));
-  }, deps);
-}
-/**
- * Re-renders a parent component when child components make the request
- */
-export function useRerenderListener() {
-  const host = useHost();
-  const [tick, rerender] = useTick();
-  useEffect(() => {
-    const listener = (e) => {
-      // Preventes recursively nested components from sending requests up all the way
-      e.stopPropagation();
-      rerender();
-    };
-    host.addEventListener(RENDER_EVENT, listener);
-    return () => {
-      host.removeEventListener(RENDER_EVENT, listener);
-    };
-  }, []);
-  return tick;
-}