@ed.yakovich/example-component-library-equipment-summary 1.0.2 → 1.0.4

package/dist/component/index.js

@@ -1,6 +1,107 @@
-import "react/jsx-runtime";
-import { E as t } from "../index-C-4hHKdi.js";
-import "./context/index.js";
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { useEquipmentSummaryContext as $ } from "./context/index.js";
+import { createContext as w, useContext as A } from "react";
+const S = w({}), z = () => A(S), H = (a) => {
+  const { isHidden: s, componentId: t = "", icon: c = "" } = a, d = z(), r = d == null ? void 0 : d.isHidden, m = (d == null ? void 0 : d.icon) || "", i = () => ({
+    isHiddenVal: r || s,
+    iconVal: m || c
+  }), { isHiddenVal: p, iconVal: n } = i();
+  return p ? null : /* @__PURE__ */ e("span", { "data-component-id": `Icon--${t}`, children: /* @__PURE__ */ e("i", { className: `fas ${n}` }) });
+}, j = w({}), I = () => A(j), E = (a) => {
+  const { children: s, isHidden: t, componentId: c = "", label: d = "", description: r = "", labelSecondary: m = "", onClick: i, collapsed: p = !1 } = a, n = I(), v = n == null ? void 0 : n.isHidden, h = (n == null ? void 0 : n.label) || "", V = (n == null ? void 0 : n.description) || "", f = (n == null ? void 0 : n.labelSecondary) || "", x = (n == null ? void 0 : n.onClick) || "", y = n == null ? void 0 : n.collapsed, N = () => ({
+    isHiddenVal: v || t,
+    labelVal: h || d,
+    descriptionVal: V || r,
+    labelSecondaryVal: f || m,
+    onClickVal: x || i,
+    collapsedVal: !!(y || p)
+  }), { isHiddenVal: k, labelVal: b, descriptionVal: C, labelSecondaryVal: l, onClickVal: u, collapsedVal: g } = N();
+  return k ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component-id": `Accordion-Parent--${c}`,
+      className: "@container/accordion",
+      children: /* @__PURE__ */ o(
+        "details",
+        {
+          ...!g && open,
+          "data-component-id": "Accordion",
+          className: "rounded-lg border-solid border-3 border-blue-500",
+          children: [
+            /* @__PURE__ */ o("summary", { onClick: u, "data-component-id": "Accordion--trigger", className: "cursor-pointer p-6", children: [
+              /* @__PURE__ */ o("div", { className: "flex justify-between", children: [
+                /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: b }),
+                l && /* @__PURE__ */ e("div", { className: "text-sm", children: l })
+              ] }),
+              /* @__PURE__ */ e("div", { className: "text-xs", children: C })
+            ] }),
+            /* @__PURE__ */ e("div", { "data-component-id": "Accordion--drawer", className: "p-6 border-t-3 border-blue-500 border-solid", children: s }),
+            /* @__PURE__ */ e("style", { children: ` :root { interpolate-size: allow-keywords; }
+          [data-component-id="Accordion"] { overflow: hidden; }
+          [data-component-id="Accordion--trigger"] { list-style: none; }
+          [data-component-id="Accordion--trigger"]::-webkit-details-marker { display: none; }
+          @supports (block-size: auto) {
+            [data-component-id="Accordion"]::details-content { block-size: 0; transition: block-size ease-in-out 0.35s, content-visibility ease-in-out 0.35s; transition-behavior: allow-discrete; }
+            [data-component-id="Accordion"][open]::details-content { block-size: auto; }
+          } ` })
+          ]
+        }
+      )
+    }
+  );
+}, F = (a) => {
+  const {
+    isHidden: s,
+    componentId: t = "",
+    heading: c = "",
+    description: d = "",
+    isLoading: r = !1,
+    equipmentList: m = []
+  } = a, i = $(), p = i == null ? void 0 : i.isHidden, n = (i == null ? void 0 : i.heading) || "", v = (i == null ? void 0 : i.description) || "", h = (i == null ? void 0 : i.equipmentList) || [], V = (i == null ? void 0 : i.isLoading) || "", f = () => ({
+    isHiddenVal: p || s,
+    headingVal: n || c,
+    descriptionVal: v || d,
+    isLoadingVal: V || r,
+    equipmentListVal: h.length > 0 ? h : m
+  }), { isHiddenVal: x, headingVal: y, descriptionVal: N, isLoadingVal: k, equipmentListVal: b } = f(), C = (l) => {
+    switch (l) {
+      case "return":
+        return "bg-[#bd0000]";
+      case "keep":
+        return "bg-[#00ad48]";
+      default:
+        return "bg-[#cc7700]";
+    }
+  };
+  return x ? null : /* @__PURE__ */ e(
+    "div",
+    {
+      "data-component-id": `EquipmentSummary--${t}`,
+      className: "border-3 border-blue-500 border-solid rounded-lg p-2 @container/equipmentsummary",
+      children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        E,
+        {
+          label: y,
+          description: N,
+          collapsed: !1,
+          children: /* @__PURE__ */ e("div", { children: k ? /* @__PURE__ */ e("div", { className: "w-full mx-auto text-center", children: /* @__PURE__ */ e(H, { icon: "fa-spinner fa-pulse fa-lg" }) }) : /* @__PURE__ */ e("div", { children: b.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-4", children: b.map(({ icon: l, title: u, description: g, actionType: q }, L) => /* @__PURE__ */ o("li", { children: [
+            /* @__PURE__ */ o("div", { className: "@xs/equipmentsummary:flex @xs/equipmentsummary:justify-between", children: [
+              /* @__PURE__ */ o("div", { className: "flex gap-2", children: [
+                l && /* @__PURE__ */ e(H, { icon: l }),
+                u && /* @__PURE__ */ e("span", { children: u })
+              ] }),
+              q && /* @__PURE__ */ e("div", { className: "ml-8 mb-2 @xs/equipmentsummary:ml-0 @xs/equipmentsummary:mb-0", children: /* @__PURE__ */ o("div", { className: "flex gap-1 items-center", children: [
+                /* @__PURE__ */ e("div", { className: `w-[12px] h-[12px] rounded-full ${C(q)}` }),
+                /* @__PURE__ */ e("div", { children: q })
+              ] }) })
+            ] }),
+            g && /* @__PURE__ */ e("p", { className: "ml-8 text-xs", children: /* @__PURE__ */ e("em", { children: g }) })
+          ] }, `${u}-${L}`)) }) }) })
+        }
+      ) })
+    }
+  );
+};
 export {
-  t as EquipmentSummary
+  F as EquipmentSummary
 };

package/dist/main.js

@@ -1,4 +1,4 @@
-import { E as e } from "./index-C-4hHKdi.js";
+import { EquipmentSummary as e } from "./component/index.js";
 import { EquipmentSummaryContextProvider as t } from "./component/context/index.js";
 export {
   e as EquipmentSummary,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ed.yakovich/example-component-library-equipment-summary",
   "author": "Ed Yakovich",
   "private": false,
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "exports": {
     ".": {
@@ -24,8 +24,7 @@
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0",
-    "@prism-ui/react": "^7.30.2"
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@types/node": "^22.5.4",
@@ -44,6 +43,8 @@
     "typescript": "^5.6.2",
     "vite": "^5.4.4",
     "vite-plugin-dts": "^4.2.1",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "vite-plugin-lib-inject-css": "^2.1.1",
+    "@ed.yakovich/example-component-library-icon": "^1.0.3",
+    "@ed.yakovich/example-component-library-accordion": "^1.0.3"
   }
 }