@saasquatch/mint-components 1.6.1-21 → 1.6.1-24

package/dist/cjs/{ShadowViewAddon-8ac71167.js → ShadowViewAddon-234c9894.js}

@@ -7,7 +7,7 @@ const index_module = require('./index.module-fb61a163.js');
 const cjs = require('./cjs-1066ec21.js');
 const mixins = require('./mixins-338ca5f1.js');
 const JSS = require('./JSS-a75f3a9a.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 const luxon = require('./luxon-59ca7d19.js');
 const utils = require('./utils-8ef4fe4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ab4ad6ef.js');

package/dist/cjs/sqm-big-stat_35.cjs.entry.js

@@ -13,12 +13,12 @@ const cjs = require('./cjs-1066ec21.js');
 require('./mixins-338ca5f1.js');
 const JSS = require('./JSS-a75f3a9a.js');
 const reRender = require('./re-render-f41e352c.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 require('./luxon-59ca7d19.js');
 const utils = require('./utils-8ef4fe4a.js');
 require('./sqm-text-span-view-ab4ad6ef.js');
 require('./sqm-portal-container-view-2d11ed71.js');
-const ShadowViewAddon = require('./ShadowViewAddon-8ac71167.js');
+const ShadowViewAddon = require('./ShadowViewAddon-234c9894.js');
 require('./sqm-portal-section-view-765aae4d.js');
 
 const BigStat = class {
@@ -7345,7 +7345,9 @@ const StatContainer = class {
 const TableCell = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /** @uiName Column Span  */
     this.colspan = 1;
+    /** @uiName Padding} */
     this.padding = "15px 10px";
   }
   render() {
@@ -7356,6 +7358,9 @@ const TableCell = class {
 const TableRow = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    /**
+     * @uiName Border
+     */
     this.border = "1px solid #EAEAEA";
   }
   render() {

package/dist/cjs/sqm-qa-tabs.cjs.entry.js

@@ -7,7 +7,7 @@ const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 const utils = require('./utils-8ef4fe4a.js');
 
 const TabsView = ({ content, placement, }) => {

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

@@ -13,9 +13,9 @@ require('./mixins-338ca5f1.js');
 const JSS = require('./JSS-a75f3a9a.js');
 const GenericTableView = require('./GenericTableView-76b15cb1.js');
 const reRender = require('./re-render-f41e352c.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-3c806f32.js');
+const useReferralTable = require('./useReferralTable-c1fbc339.js');
 const utils = require('./utils-8ef4fe4a.js');
 const sqmTextSpanView = require('./sqm-text-span-view-ab4ad6ef.js');
 

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

@@ -13,9 +13,9 @@ require('./mixins-338ca5f1.js');
 const JSS = require('./JSS-a75f3a9a.js');
 const GenericTableView = require('./GenericTableView-76b15cb1.js');
 const reRender = require('./re-render-f41e352c.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 const luxon = require('./luxon-59ca7d19.js');
-const useReferralTable = require('./useReferralTable-3c806f32.js');
+const useReferralTable = require('./useReferralTable-c1fbc339.js');
 const utils = require('./utils-8ef4fe4a.js');
 
 const mockRewardData = (count = 4) => {

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

@@ -12,7 +12,7 @@ require('./cjs-1066ec21.js');
 require('./mixins-338ca5f1.js');
 const JSS = require('./JSS-a75f3a9a.js');
 const GenericTableView = require('./GenericTableView-76b15cb1.js');
-require('./useChildElements-e5f408c3.js');
+require('./useChildElements-6e96d849.js');
 const luxon = require('./luxon-59ca7d19.js');
 require('./utils-8ef4fe4a.js');
 require('./sqm-text-span-view-ab4ad6ef.js');
@@ -28,7 +28,7 @@ const sqmPortalContainerView = require('./sqm-portal-container-view-2d11ed71.js'
 const sqmPortalProfileView = require('./sqm-portal-profile-view-b77382f6.js');
 const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-042073ca.js');
 const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-cb3c9c2f.js');
-const ShadowViewAddon = require('./ShadowViewAddon-8ac71167.js');
+const ShadowViewAddon = require('./ShadowViewAddon-234c9894.js');
 const sqmPortalSectionView = require('./sqm-portal-section-view-765aae4d.js');
 
 /**

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

@@ -7,7 +7,7 @@ const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 require('./use-callback-e754042f.js');
 const index_module = require('./index.module-fb61a163.js');
 require('./extends-08099afd.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 const utils = require('./utils-8ef4fe4a.js');
 
 const TabsView = ({ content, placement, }) => {

package/dist/cjs/{useChildElements-e5f408c3.js → useChildElements-6e96d849.js}

@@ -9,15 +9,23 @@ function useChildElements() {
     ? Array.from(host.children)
     : [];
   const [childElements, setChildElements] = stencilHooks_module.useState(initialState);
+  let observer;
   stencilHooks_module.useEffect(() => {
-    const observer = new MutationObserver(() => {
+    observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
+  }, []);
+  stencilHooks_module.useEffect(() => {
+    if (!observer)
+      return;
     observer.observe(host, { childList: true });
-    return () => observer.disconnect();
+    console.log("observe!");
+    return () => {
+      console.log("unobserve :(");
+      observer.disconnect();
+    };
   }, [host]);
-  console.log({ childElements });
   return childElements;
 }
 

package/dist/cjs/{useReferralTable-3c806f32.js → useReferralTable-c1fbc339.js}

@@ -4,7 +4,7 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-87a1f4f7.js');
 const index_module = require('./index.module-fb61a163.js');
 const reRender = require('./re-render-f41e352c.js');
-const useChildElements = require('./useChildElements-e5f408c3.js');
+const useChildElements = require('./useChildElements-6e96d849.js');
 
 const debug = stencilHooks_module.browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";

package/dist/collection/collection-manifest.json

@@ -3,6 +3,7 @@
     "./components/sqm-password-field/sqm-password-field.js",
     "./components/sqm-referral-table/sqm-referral-table.js",
     "./components/sqm-reward-exchange-list/sqm-reward-exchange-list.js",
+    "./components/raisins-plop-target/raisins-plop-target.js",
     "./components/sqm-asset-card/sqm-asset-card.js",
     "./components/sqm-big-stat/sqm-big-stat.js",
     "./components/sqm-brand/sqm-brand.js",
@@ -65,7 +66,6 @@
     "./components/sqm-rewards-table/cells/sqm-rewards-table-status-cell.js",
     "./components/sqm-rewards-table/columns/sqm-rewards-table-date-column.js",
     "./components/sqm-rewards-table/columns/sqm-rewards-table-note-column.js",
-    "./components/sqm-rewards-table/columns/sqm-rewards-table-plop-target.js",
     "./components/sqm-rewards-table/columns/sqm-rewards-table-reward-column.js",
     "./components/sqm-rewards-table/columns/sqm-rewards-table-source-column.js",
     "./components/sqm-rewards-table/columns/sqm-rewards-table-status-column.js",

package/dist/collection/components/sqm-table-cell/sqm-table-cell.js

@@ -1,7 +1,13 @@
 import { Component, h, Prop, Host } from "@stencil/core";
+/**
+ * @uiName Table Cell
+ * @slots [{"name":"", "title":"Cell Content"}]
+ */
 export class TableCell {
   constructor() {
+    /** @uiName Column Span  */
     this.colspan = 1;
+    /** @uiName Padding} */
     this.padding = "15px 10px";
   }
   render() {
@@ -23,7 +29,10 @@ export class TableCell {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Column Span",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "colspan",
@@ -41,7 +50,10 @@ export class TableCell {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Padding}",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "padding",

package/dist/collection/components/sqm-table-row/sqm-table-row.js

@@ -1,6 +1,13 @@
 import { Component, h, Host, Prop } from "@stencil/core";
+/**
+ * @uiName Table Row
+ * @slots [{"name":"", "title":"Row Content"}]
+ */
 export class TableRow {
   constructor() {
+    /**
+     * @uiName Border
+     */
     this.border = "1px solid #EAEAEA";
   }
   render() {
@@ -22,7 +29,10 @@ export class TableRow {
       "required": false,
       "optional": false,
       "docs": {
-        "tags": [],
+        "tags": [{
+            "text": "Border",
+            "name": "uiName"
+          }],
         "text": ""
       },
       "attribute": "border",

package/dist/collection/tables/useChildElements.js

@@ -6,14 +6,22 @@ export function useChildElements() {
     ? Array.from(host.children)
     : [];
   const [childElements, setChildElements] = useState(initialState);
+  let observer;
   useEffect(() => {
-    const observer = new MutationObserver(() => {
+    observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
+  }, []);
+  useEffect(() => {
+    if (!observer)
+      return;
     observer.observe(host, { childList: true });
-    return () => observer.disconnect();
+    console.log("observe!");
+    return () => {
+      console.log("unobserve :(");
+      observer.disconnect();
+    };
   }, [host]);
-  console.log({ childElements });
   return childElements;
 }

package/dist/esm/{ShadowViewAddon-a9e11c7d.js → ShadowViewAddon-ede2ac07.js}

@@ -5,7 +5,7 @@ import { d as dist, M, i as ie, R as Rn, b as sn, q as qe, k as kn, A as An } fr
 import { c as cjs } from './cjs-bdfb4486.js';
 import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-59fd94b7.js';
 import { c as createStyleSheet, j as jss, a as create } from './JSS-418cab16.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import { l as luxon } from './luxon-f44215d9.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
 import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';

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

@@ -9,12 +9,12 @@ import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
 import { a as useRequestRerender } from './re-render-8f0a7ab1.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import './luxon-f44215d9.js';
 import { g as getProps, a as getMissingProps, s as sanitizeUrlPath } from './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
 import './sqm-portal-container-view-34f26e2a.js';
-import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-a9e11c7d.js';
+import { c as useDemoBigStat, K as useBigStat, B as BigStatView, H as autoColorScaleCss, G as CardFeedView, C as CheckboxFieldView, D as DropdownFieldView, E as EditProfileView, I as InputFieldView, M as withShadowView, L as LeaderboardView, N as NameFieldsView, e as PortalChangePasswordView, P as PortalFrameView, f as PortalLoginView, g as PortalRegisterView, R as ReferralIframeView, O as demoRewardExchange, i as RewardExchangeView, Q as pathToRegexp, b as useShareButton, S as ShareButtonView, a as ShareLinkView, u as useShareLink, d as StatContainerView, T as TaskCardView } from './ShadowViewAddon-ede2ac07.js';
 import './sqm-portal-section-view-c8d1c727.js';
 
 const BigStat = class {
@@ -7341,7 +7341,9 @@ const StatContainer = class {
 const TableCell = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /** @uiName Column Span  */
     this.colspan = 1;
+    /** @uiName Padding} */
     this.padding = "15px 10px";
   }
   render() {
@@ -7352,6 +7354,9 @@ const TableCell = class {
 const TableRow = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    /**
+     * @uiName Border
+     */
     this.border = "1px solid #EAEAEA";
   }
   render() {

package/dist/esm/sqm-qa-tabs.entry.js

@@ -3,7 +3,7 @@ import { l, i as useMemo, e as useEffect, m as h$1 } from './stencil-hooks.modul
 import './use-callback-7e0bfd3b.js';
 import { P } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
 
 const TabsView = ({ content, placement, }) => {

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

@@ -9,9 +9,9 @@ import './mixins-59fd94b7.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
 import { G as GenericTableView } from './GenericTableView-42cf93b4.js';
 import { a as useRequestRerender, u as useRerenderListener } from './re-render-8f0a7ab1.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import { l as luxon } from './luxon-f44215d9.js';
-import { u as useReferralTable, t as tryMethod } from './useReferralTable-e15b9dd4.js';
+import { u as useReferralTable, t as tryMethod } from './useReferralTable-835d1164.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
 import { T as TextSpanView } from './sqm-text-span-view-020db63f.js';
 

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

@@ -9,9 +9,9 @@ import './mixins-59fd94b7.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
 import { G as GenericTableView } from './GenericTableView-42cf93b4.js';
 import { u as useRerenderListener, a as useRequestRerender } from './re-render-8f0a7ab1.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import { l as luxon } from './luxon-f44215d9.js';
-import { g as generateUserError } from './useReferralTable-e15b9dd4.js';
+import { g as generateUserError } from './useReferralTable-835d1164.js';
 import { l as luxonLocale } from './utils-d7bbb0e2.js';
 
 const mockRewardData = (count = 4) => {

package/dist/esm/sqm-stencilbook.entry.js

@@ -8,7 +8,7 @@ import './cjs-bdfb4486.js';
 import './mixins-59fd94b7.js';
 import { c as createStyleSheet } from './JSS-418cab16.js';
 import { G as GenericTableView } from './GenericTableView-42cf93b4.js';
-import './useChildElements-9b4c3170.js';
+import './useChildElements-6f4c2d26.js';
 import { l as luxon } from './luxon-f44215d9.js';
 import './utils-d7bbb0e2.js';
 import './sqm-text-span-view-020db63f.js';
@@ -24,7 +24,7 @@ import { P as PortalContainerView } from './sqm-portal-container-view-34f26e2a.j
 import { P as PortalProfileView } from './sqm-portal-profile-view-28c39970.js';
 import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-e0436989.js';
 import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-c489166b.js';
-import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-a9e11c7d.js';
+import { S as ShareButtonView, L as LeaderboardView, a as ShareLinkView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, b as useShareButton, c as useDemoBigStat, d as StatContainerView, e as PortalChangePasswordView, f as PortalLoginView, g as PortalRegisterView, T as TaskCardView, h as ProgressBarView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, H as autoColorScaleCss, J as ShadowViewAddon } from './ShadowViewAddon-ede2ac07.js';
 import { P as PortalSectionView } from './sqm-portal-section-view-c8d1c727.js';
 
 /**

package/dist/esm/sqm-tabs.entry.js

@@ -3,7 +3,7 @@ import { l, i as useMemo, e as useEffect, m as h$1 } from './stencil-hooks.modul
 import './use-callback-7e0bfd3b.js';
 import { P } from './index.module-f5e17a4e.js';
 import './extends-c31f1eff.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 import { g as getProps } from './utils-d7bbb0e2.js';
 
 const TabsView = ({ content, placement, }) => {

package/dist/esm/{useChildElements-9b4c3170.js → useChildElements-6f4c2d26.js}

@@ -7,15 +7,23 @@ function useChildElements() {
     ? Array.from(host.children)
     : [];
   const [childElements, setChildElements] = useState(initialState);
+  let observer;
   useEffect(() => {
-    const observer = new MutationObserver(() => {
+    observer = new MutationObserver(() => {
       const children = Array.from(host.children);
       setChildElements([...children]);
     });
+  }, []);
+  useEffect(() => {
+    if (!observer)
+      return;
     observer.observe(host, { childList: true });
-    return () => observer.disconnect();
+    console.log("observe!");
+    return () => {
+      console.log("unobserve :(");
+      observer.disconnect();
+    };
   }, [host]);
-  console.log({ childElements });
   return childElements;
 }
 

package/dist/esm/{useReferralTable-e15b9dd4.js → useReferralTable-835d1164.js}

@@ -2,7 +2,7 @@ import { h } from './index-17b4da69.js';
 import { b as browser, u as useReducer, e as useEffect } from './stencil-hooks.module-acc8a613.js';
 import { d as dist, i as ie, M, A as An, b as sn, a as mn } from './index.module-f5e17a4e.js';
 import { u as useRerenderListener } from './re-render-8f0a7ab1.js';
-import { u as useChildElements } from './useChildElements-9b4c3170.js';
+import { u as useChildElements } from './useChildElements-6f4c2d26.js';
 
 const debug = browser("sq:useReferralTable");
 const CSS_NAMESPACE = "sqm-referral-table";