@saasquatch/mint-components 1.5.0-0 → 1.5.0-101

package/dist/cjs/ShadowViewAddon-a85b8c8d.js

@@ -1,127 +0,0 @@
-'use strict';
-
-const index = require('./index-b0129cd6.js');
-const index_module = require('./index.module-7dd4b981.js');
-
-function LeaderboardView(props) {
-  var _a;
-  const { states, data, elements } = props;
-  const { styles } = states;
-  if (states.loading) {
-    return elements.loadingstate;
-  }
-  return (index.h("div", null,
-    !states.hasLeaders && elements.empty,
-    states.hasLeaders && (index.h("table", null,
-      index.h("tr", null,
-        styles.showRank && index.h("th", { class: "Rank" }, styles.rankheading),
-        index.h("th", { class: "User" }, styles.usersheading),
-        index.h("th", { class: "Score" }, styles.statsheading)), (_a = data.leaderboard) === null || _a === void 0 ? void 0 :
-      _a.map((user) => {
-        return (index.h("tr", { class: "SeparateContent" },
-          styles.showRank && index.h("td", { class: "Rank" }, user.rank),
-          index.h("td", { class: "User" }, `${user.firstName} ${user.lastInitial} `),
-          index.h("td", { class: "Score" }, user.value)));
-      })))));
-}
-
-const GET_LEADERBOARD = index_module.dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    userLeaderboard(type: $type, filter: $filter) {
-      dateModified
-      rows {
-        value
-        firstName
-        lastInitial
-        rank {
-          rank
-          denseRank
-          rowNumber
-        }
-      }
-    }
-  }
-`;
-function useLeaderboard(props) {
-  var _a;
-  const programId = index_module.M();
-  const user = index_module.T();
-  const variables = {
-    type: props.leaderboardType,
-    filter: { programId_eq: programId },
-  };
-  if (props.interval) {
-    variables.filter["interval"] = props.interval;
-  }
-  const { data: leaderboardData, loading: loadingLeaderboard } = index_module.en(GET_LEADERBOARD, variables, !(user === null || user === void 0 ? void 0 : user.jwt));
-  const leaderboardRows = (_a = leaderboardData === null || leaderboardData === void 0 ? void 0 : leaderboardData.userLeaderboard) === null || _a === void 0 ? void 0 : _a.rows;
-  const flattenedLeaderboard = getFlattenedLeaderboard(leaderboardRows);
-  const sortedLeaderboard = flattenedLeaderboard === null || flattenedLeaderboard === void 0 ? void 0 : flattenedLeaderboard.sort(function (a, b) {
-    return a.rank - b.rank;
-  });
-  function getFlattenedLeaderboard(leaderboardRows) {
-    return leaderboardRows === null || leaderboardRows === void 0 ? void 0 : leaderboardRows.flatMap((user) => {
-      var _a;
-      return ({
-        value: user.value,
-        firstName: user.firstName || "Anonymous",
-        lastInitial: user.lastInitial,
-        rank: (_a = user.rank) === null || _a === void 0 ? void 0 : _a[props.rankType],
-      });
-    });
-  }
-  return {
-    states: {
-      loading: loadingLeaderboard,
-      hasLeaders: (sortedLeaderboard === null || sortedLeaderboard === void 0 ? void 0 : sortedLeaderboard.length) > 0,
-      styles: props,
-    },
-    data: {
-      leaderboard: sortedLeaderboard,
-      rankType: props.rankType,
-    },
-    elements: {
-      empty: props.empty,
-      loadingstate: props.loadingstate,
-    },
-  };
-}
-
-const map = new Map();
-function withShadowView(component) {
-  // TODO: Could only do this if rendered in a Stencilbook environment to prevent unintended side-effects
-  const element = index.getElement(component);
-  let renderFn = component["render"].bind(component);
-  const newRenderFn = () => {
-    const key = element.getAttribute("stencilbook-shadow-view");
-    if (key) {
-      const value = map.get(key);
-      if (value) {
-        return value;
-      }
-    }
-    return renderFn();
-  };
-  component["render"] = newRenderFn;
-}
-/**
- * Any story that defines `parameters.tagname` will be used as a wrapper component around the view
- */
-const ShadowViewAddon = ({ story }, children) => {
-  var _a;
-  let TagName = (_a = story.parent.parameters) === null || _a === void 0 ? void 0 : _a.tagname;
-  if (!TagName)
-    return children;
-  const randomInt = Math.round(Math.random() * 100000);
-  map.set(randomInt + "", children);
-  const RandomTagName = "stencilbook-shawdow-view-" + randomInt;
-  // This will only re-render when the tag name changes, so we use a random tag name every time.
-  // Altneratively we could try to trick Stencil to call `forceUpdate` every time.
-  return (index.h(RandomTagName, null,
-    index.h(TagName, { "stencilbook-shadow-view": randomInt })));
-};
-
-exports.LeaderboardView = LeaderboardView;
-exports.ShadowViewAddon = ShadowViewAddon;
-exports.useLeaderboard = useLeaderboard;
-exports.withShadowView = withShadowView;