@local-civics/hub-ui 0.1.152 → 0.1.156

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +3 -3
  5. package/dist/index.mjs.map +1 -1
  6. package/package.json +6 -1
package/dist/index.d.ts CHANGED
@@ -1018,6 +1018,7 @@ type BadgeItem = {
1018
1018
  displayName: string;
1019
1019
  categories: string[];
1020
1020
  completedAt?: string | null;
1021
+ startedAt?: string | null;
1021
1022
  weight: number;
1022
1023
  onClick?: () => void;
1023
1024
  };
package/dist/index.js CHANGED
@@ -5537,7 +5537,7 @@ const TaskList = (props) => {
5537
5537
  const PathwayCard = (props) => {
5538
5538
  var _a, _b;
5539
5539
  const badges = props.badges || [];
5540
- const progress = props.progress || 0;
5540
+ const completedCount = badges.filter((b) => b.completedAt).length;
5541
5541
  const target = props.target || badges.length;
5542
5542
  return /* @__PURE__ */ React__namespace.createElement(Card, { onClose: props.onClose }, /* @__PURE__ */ React__namespace.createElement("div", { className: "pb-5 text-zinc-600" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "pb-5 px-5 flex gap-x-2" }, /* @__PURE__ */ React__namespace.createElement(
5543
5543
  BadgeEmblem,
@@ -5546,8 +5546,8 @@ const PathwayCard = (props) => {
5546
5546
  alt: props.title,
5547
5547
  size: "md"
5548
5548
  }
5549
- ), /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React__namespace.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React__namespace.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "Progress: ", progress, " / ", target, " badges completed."), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-2 max-h-[18rem] overflow-y-auto" }, badges.map((b) => {
5550
- const buttonText = b.completedAt ? "Completed" : "Start";
5549
+ ), /* @__PURE__ */ React__namespace.createElement("div", { className: "max-w-[20rem]" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, props.title), /* @__PURE__ */ React__namespace.createElement("div", { className: "text-xs" }, /* @__PURE__ */ React__namespace.createElement("span", { className: "text-zinc-500 font-semibold" }, "Tags"), ((_a = props.displayTags) != null ? _a : []).length > 0 && /* @__PURE__ */ React__namespace.createElement("div", { className: "inline-block ml-1 text-green-500" }, ((_b = props.displayTags) != null ? _b : []).map((tag, index) => /* @__PURE__ */ React__namespace.createElement("span", { key: index, className: "font-semibold mr-1" }, tag)))), !!props.description && /* @__PURE__ */ React__namespace.createElement("p", { className: "mt-2 text-sm" }, props.description))), /* @__PURE__ */ React__namespace.createElement("div", { className: "p-5 grid grid-cols-1 gap-y-3 md:min-w-[30rem] max-w-[40rem] border-t border-zinc-200" }, /* @__PURE__ */ React__namespace.createElement("p", { className: "font-semibold" }, "Pathway Badges & Criteria"), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "This pathway is comprised of ", target, " Badges. It includes required and elective programming."), /* @__PURE__ */ React__namespace.createElement("p", { className: "text-xs" }, "Progress: ", completedCount, " / ", target, " badges completed."), /* @__PURE__ */ React__namespace.createElement("div", { className: "mt-2 grid grid-cols-1 gap-y-2 max-h-[18rem] overflow-y-auto" }, badges.map((b) => {
5550
+ const buttonText = b.completedAt ? "Completed" : b.startedAt ? "Continue" : "Start";
5551
5551
  const buttonTheme = b.completedAt ? "light" : "dark";
5552
5552
  const iconName = b.completedAt ? "check & circle" : "circle";
5553
5553
  const iconColor = b.completedAt ? "text-green-500" : "text-zinc-300";