@saasquatch/mint-components 1.6.1-9 → 1.6.2-2

package/dist/esm/sqm-referral-table_11.entry.js

@@ -1,17 +1,17 @@
 import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
-import { m as h, u as useReducer, i as useMemo, e as useEffect } from './stencil-hooks.module-acc8a613.js';
-import { i as intl } from './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import { j as jn } from './index.module-f5e17a4e.js';
+import { m as h, u as useReducer, k as useMemo, e as useEffect } from './stencil-hooks.module-66fea7dc.js';
+import { i as intl } from './global-0842e0e4.js';
+import './use-callback-69ec5c5c.js';
+import { L } from './index.module-96470dcf.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-ebc09be0.js';
-import { a as useRequestRerender, u as useRerenderListener } from './re-render-69774e13.js';
-import { u as useChildElements } from './useChildElements-a8347aea.js';
-import { l as luxon } from './luxon-f44215d9.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-5cac5b13.js';
+import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
+import { a as useRequestRerender, u as useRerenderListener } from './re-render-f444e556.js';
+import { u as useChildElements } from './useChildElements-756c6a81.js';
+import { l as luxon } from './luxon-38ca2169.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-0a8ee3b7.js';
 import { l as luxonLocale } from './utils-334c1e34.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';
 
@@ -175,6 +175,7 @@ const ReferralTable = class {
      * Show referred by user in table
      *
      * @uiName Show Referrer
+     * @default
      */
     this.showReferrer = false;
     /**
@@ -193,7 +194,7 @@ const ReferralTable = class {
   render() {
     const empty = h$1(EmptySlot, null);
     const loading = h$1(LoadingSlot, null);
-    const { states, data, callbacks, elements } = jn()
+    const { states, data, callbacks, elements } = L()
       ? useReferralTableDemo(this, empty, loading)
       : useReferralTable(this, empty, loading);
     useRequestRerender([this.showReferrer, this.perPage]);
@@ -237,9 +238,31 @@ function useReferralTableDemo(props, emptyElement, loadingElement) {
       componentData = mockData.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) => tryMethod(c, () => c.renderLabel()));
+    const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c, idx) => {
+      var _a;
+      const slot = (_a = c === null || c === void 0 ? void 0 : c.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot");
+      // Custom plop targets
+      if (c.tagName === "RAISINS-PLOP-TARGET" &&
+        slot !== "loading" &&
+        slot !== "empty") {
+        c.setAttribute("slot", "column-" + idx);
+        c.style.position = "absolute";
+        // Replace add text with a simple + button
+        const plopTarget = c.firstElementChild.childNodes[1];
+        plopTarget.innerHTML = "＋";
+        plopTarget.style.lineHeight = "20px";
+        return tryMethod(c, () => c.renderLabel(idx));
+      }
+      return tryMethod(c, () => c.renderLabel());
+    });
     // show the referrer row before any other rows (renderReferrerCell is asynchronous)
     let referrerRow;
     if (showReferrerRow) {
@@ -581,6 +604,7 @@ const ReferralTableRewardsColumn = class {
     this.pendingForText = "{status} for {date}";
     /**
      * @uiName Hide dropdown details of reward
+     * @default
      */
     this.hideDetails = false;
     h(this);

package/dist/esm/sqm-rewards-table-customer-note-cell.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-acc8a613.js';
+import { m as h } from './stencil-hooks.module-66fea7dc.js';
 import './extends-c31f1eff.js';
 import './JSS-f00f9536.js';
 import { T as TextSpanView } from './sqm-text-span-view-0ba1484d.js';

package/dist/esm/sqm-rewards-table-customer-note-column.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
-import { m as h } from './stencil-hooks.module-acc8a613.js';
-import './use-callback-7e0bfd3b.js';
-import './index.module-f5e17a4e.js';
+import { m as h } from './stencil-hooks.module-66fea7dc.js';
+import './use-callback-69ec5c5c.js';
+import './index.module-96470dcf.js';
 import './extends-c31f1eff.js';
-import { a as useRequestRerender } from './re-render-69774e13.js';
+import { a as useRequestRerender } from './re-render-f444e556.js';
 
 const RewardTableCustomerNoteColumn = class {
   constructor(hostRef) {

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, i as useMemo } from './stencil-hooks.module-acc8a613.js';
-import { i as intl } from './global-5c84f57f.js';
-import './use-callback-7e0bfd3b.js';
-import { d as dist, i as ie, M, A as An, a as mn, j as jn } from './index.module-f5e17a4e.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-0842e0e4.js';
+import './use-callback-69ec5c5c.js';
+import { d as dist, a as ae, M, O, q as qn, L } from './index.module-96470dcf.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-ebc09be0.js';
-import { u as useRerenderListener, a as useRequestRerender } from './re-render-69774e13.js';
-import { u as useChildElements } from './useChildElements-a8347aea.js';
-import { l as luxon } from './luxon-f44215d9.js';
-import { g as generateUserError } from './useReferralTable-5cac5b13.js';
+import { G as GenericTableView } from './GenericTableView-59c5d47c.js';
+import { u as useRerenderListener, a as useRequestRerender } from './re-render-f444e556.js';
+import { u as useChildElements } from './useChildElements-756c6a81.js';
+import { l as luxon } from './luxon-38ca2169.js';
+import { g as generateUserError } from './useReferralTable-0a8ee3b7.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 = ie();
+  const user = ae();
   const programIdContext = M();
-  const locale = An();
+  const locale = O();
   // 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, } = mn(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, } = 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; }, {
     limit: props.perPage,
     offset: 0,
   }, {
@@ -365,7 +365,7 @@ const RewardsTable = class {
   render() {
     const empty = h(EmptySlot, null);
     const loading = h(LoadingSlot, null);
-    const { states, data, callbacks, elements } = jn()
+    const { states, data, callbacks, elements } = L()
       ? useRewardsTableDemo(this, empty, loading)
       : useRewardsTable(this, empty, loading);
     useRequestRerender([this.perPage]);
@@ -400,7 +400,23 @@ function useRewardsTableDemo(props, emptyElement, loadingElement) {
     // filter out loading and empty states from columns array
     const columnComponents = components.filter((component) => component.slot !== "loading" && component.slot !== "empty");
     // get the column titles (renderLabel is asynchronous)
-    const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c) => tryMethod(c, () => c.renderLabel()));
+    const columnsPromise = columnComponents === null || columnComponents === void 0 ? void 0 : columnComponents.map(async (c, idx) => {
+      var _a;
+      const slot = (_a = c === null || c === void 0 ? void 0 : c.firstElementChild) === null || _a === void 0 ? void 0 : _a.getAttribute("slot");
+      // Custom plop targets
+      if (c.tagName === "RAISINS-PLOP-TARGET" &&
+        slot !== "loading" &&
+        slot !== "empty") {
+        c.style.position = "absolute";
+        c.setAttribute("slot", "column-" + idx);
+        // Replace add text with a simple + button
+        const plopTarget = c.firstElementChild.childNodes[1];
+        plopTarget.innerHTML = "＋";
+        plopTarget.style.lineHeight = "20px";
+        return tryMethod(c, () => c.renderLabel(idx));
+      }
+      return tryMethod(c, () => c.renderLabel());
+    });
     // get the column cells (renderCell is asynchronous)
     //@ts-ignore
     const cellsPromise = componentData === null || componentData === void 0 ? void 0 : componentData.map(async (r) => {
@@ -919,7 +935,9 @@ const RewardTableStatusColumn = class {
      */
     this.statusText = "{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }";
     /**
-     * @uiName Expired Status Text
+     * Text shown before the date of an expiring reward.
+     *
+     * @uiName Expiry Date Prefix
      */
     this.expiryText = "Expires on ";
     /**
@@ -929,7 +947,9 @@ const RewardTableStatusColumn = class {
      */
     this.pendingUsTax = "W-9 required";
     /**
-     * @uiName Expiry Date Prefix
+     * Text shown before the available date of a pending reward.
+     *
+     * @uiName Pending Date Prefix
      */
     this.pendingScheduled = "Until";
     /**