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

package/dist/component/index.js

@@ -2,20 +2,20 @@ 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 = () => ({
+  const { isHidden: s, componentId: t = "", icon: c = "" } = a, d = z(), r = d == null ? void 0 : d.isHidden, m = (d == null ? void 0 : d.icon) || "", n = () => ({
     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}` }) });
+  }), { isHiddenVal: p, iconVal: i } = n();
+  return p ? null : /* @__PURE__ */ e("span", { "data-component-id": `Icon--${t}`, children: /* @__PURE__ */ e("i", { className: `fas ${i}` }) });
 }, 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 = () => ({
+  const { children: s, isHidden: t, componentId: c = "", label: d = "", description: r = "", labelSecondary: m = "", onClick: n, open: p = !1 } = a, i = I(), v = i == null ? void 0 : i.isHidden, h = (i == null ? void 0 : i.label) || "", V = (i == null ? void 0 : i.description) || "", x = (i == null ? void 0 : i.labelSecondary) || "", f = (i == null ? void 0 : i.onClick) || "", y = i == null ? void 0 : i.open, 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();
+    labelSecondaryVal: x || m,
+    onClickVal: f || n,
+    openVal: !!(y || p)
+  }), { isHiddenVal: k, labelVal: b, descriptionVal: C, labelSecondaryVal: l, onClickVal: u, openVal: g } = N();
   return k ? null : /* @__PURE__ */ e(
     "div",
     {
@@ -24,7 +24,7 @@ const S = w({}), z = () => A(S), H = (a) => {
       children: /* @__PURE__ */ o(
         "details",
         {
-          ...!g && open,
+          ...g && { open: !0 },
           "data-component-id": "Accordion",
           className: "rounded-lg border-solid border-3 border-blue-500",
           children: [
@@ -57,13 +57,13 @@ const S = w({}), z = () => A(S), H = (a) => {
     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 = () => ({
+  } = a, n = $(), p = n == null ? void 0 : n.isHidden, i = (n == null ? void 0 : n.heading) || "", v = (n == null ? void 0 : n.description) || "", h = (n == null ? void 0 : n.equipmentList) || [], V = (n == null ? void 0 : n.isLoading) || "", x = () => ({
     isHiddenVal: p || s,
-    headingVal: n || c,
+    headingVal: i || 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) => {
+  }), { isHiddenVal: f, headingVal: y, descriptionVal: N, isLoadingVal: k, equipmentListVal: b } = x(), C = (l) => {
     switch (l) {
       case "return":
         return "bg-[#bd0000]";
@@ -73,17 +73,17 @@ const S = w({}), z = () => A(S), H = (a) => {
         return "bg-[#cc7700]";
     }
   };
-  return x ? null : /* @__PURE__ */ e(
+  return f ? null : /* @__PURE__ */ e(
     "div",
     {
       "data-component-id": `EquipmentSummary--${t}`,
-      className: "border-3 border-blue-500 border-solid rounded-lg p-2 @container/equipmentsummary",
+      className: "@container/equipmentsummary",
       children: /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
         E,
         {
           label: y,
           description: N,
-          collapsed: !1,
+          open: !0,
           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: [

package/package.json

@@ -2,7 +2,7 @@
   "name": "@ed.yakovich/example-component-library-equipment-summary",
   "author": "Ed Yakovich",
   "private": false,
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "exports": {
     ".": {
@@ -45,6 +45,6 @@
     "vite-plugin-dts": "^4.2.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"
+    "@ed.yakovich/example-component-library-accordion": "^1.0.4"
   }
 }