@saasquatch/mint-components 1.6.2-4 → 1.6.2-7

package/dist/esm/sqm-rewards-table_9.entry.js

@@ -1,17 +1,17 @@
 import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
-import { b as browser, u as useReducer, e as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-66fea7dc.js';
-import { i as intl } from './global-79d68d1f.js';
-import './use-callback-69ec5c5c.js';
-import { d as dist, a as ae, M, O, q as qn, L } from './index.module-8e654eb1.js';
+import { b as browser, u as useReducer, f as useEffect, m as h$1, k as useMemo } from './stencil-hooks.module-eefa3570.js';
+import { i as intl } from './global-5b9a6254.js';
+import './use-callback-684c8bb7.js';
+import { d as dist, _, W, H, h as hn, i as isDemo } from './index.module-f1d6a79a.js';
 import './extends-c31f1eff.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-f00f9536.js';
-import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-cd65b629.js';
-import { u as useChildElements } from './useChildElements-5a1262d5.js';
-import { l as luxon } from './luxon-38ca2169.js';
-import { g as generateUserError } from './useReferralTable-6c14c78f.js';
+import { G as GenericTableView } from './GenericTableView-10cac7d6.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-bd3232df.js';
+import { u as useChildElements } from './useChildElements-06e99bd3.js';
+import { l as luxon } from './luxon-5a398612.js';
+import { g as generateUserError } from './useReferralTable-ec3f383a.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 
 const mockRewardData = (count = 4) => {
@@ -214,9 +214,9 @@ const GET_REWARDS = dist.gql `
 `;
 function useRewardsTable(props, emptyElement, loadingElement) {
   var _a, _b;
-  const user = ae();
-  const programIdContext = M();
-  const locale = O();
+  const user = _();
+  const programIdContext = W();
+  const locale = H();
   // Default to context, overriden by props
   const programId = (_a = props.programId) !== null && _a !== void 0 ? _a : programIdContext;
   const rewardFilter = {
@@ -238,7 +238,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     loading: false,
     page: 0,
   });
-  const { envelope: rewardsData, states, callbacks, } = qn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
+  const { envelope: rewardsData, states, callbacks, } = hn(GET_REWARDS, (data) => { var _a; return (_a = data === null || data === void 0 ? void 0 : data.viewer) === null || _a === void 0 ? void 0 : _a.rewards; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -288,7 +288,7 @@ function useRewardsTable(props, emptyElement, loadingElement) {
     },
     data: {
       textOverrides: {
-        showLabels: props.showLabels,
+        showLabels: !props.hideLabels,
         prevLabel: props.prevLabel,
         moreLabel: props.moreLabel,
       },
@@ -344,8 +344,8 @@ const RewardsTable = class {
     registerInstance(this, hostRef);
     /** @uiName Number of rewards per page */
     this.perPage = 4;
-    /** @uiName Show column labels */
-    this.showLabels = true;
+    /** @uiName Hide Column Labels */
+    this.hideLabels = false;
     /** @uiName Previous button text  */
     this.prevLabel = "Prev";
     /** @uiName View More button text  */
@@ -365,7 +365,7 @@ const RewardsTable = class {
   render() {
     const empty = h(EmptySlot, null);
     const loading = h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = L()
+    const { states, data, callbacks, elements } = isDemo()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     useRequestRerender([this.perPage]);
@@ -398,7 +398,13 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     let componentData = data;
     componentData = data.slice(0, props.perPage);
     // filter out loading and empty states from columns array
-    const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
+    const columnComponents = components.filter((component) => {
+      var _a, _b;
+      return component.slot !== "loading" &&
+        component.slot !== "empty" &&
+        ((_a = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot")) !== "loading" &&
+        ((_b = component === null || component === void 0 ? void 0 : component.firstElementChild) === null || _b === void 0 ? void 0 : _b.getAttribute("slot")) !== "empty";
+    });
     // get the column titles (renderLabel is asynchronous)
     const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c, idx) => {
       var _a;
@@ -447,7 +453,7 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     },
     data: {
       textOverrides: {
-        showLabels: props.showLabels,
+        showLabels: !props.hideLabels,
         prevLabel: props.prevLabel,
         moreLabel: props.moreLabel,
       },