trepur_components 2.3.44 → 2.3.46

package/lib/components/Collapsible/index.d.ts

@@ -5,6 +5,7 @@ export interface CollapsibleContextProps {
     loading?: boolean;
     expanded?: boolean;
     setExpanded?: (expanded: boolean) => void;
+    expandFully?: boolean;
 }
 declare const Collapsible: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & CollapsibleContextProps & import('react').RefAttributes<HTMLDivElement>> & {
     Header: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/lib/components/Collapsible/index.js

@@ -1,88 +1,115 @@
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import { createContext as H, forwardRef as s, useState as T, useMemo as I, useContext as p } from "react";
-import { Icon as S } from "../Icon/index.js";
-import { Image as j } from "../Image/index.js";
-import { faChevronDown as L, faChevronUp as k } from "@fortawesome/fontawesome-free-solid";
-import d from "clsx";
-const n = H(null), c = s(({ id: e, className: l, children: t, loading: o, ...i }, y) => {
-  const [r, m] = T(!1), g = I(
-    () => ({
-      loading: o,
-      expanded: r,
-      setExpanded: m
-    }),
-    [o, r, m]
-  );
-  return /* @__PURE__ */ a(n.Provider, { value: g, children: /* @__PURE__ */ a(
-    "div",
-    {
-      id: e,
-      className: d(
-        "w-full rounded-2xl bg-white hover:cursor-pointer",
-        l
-      ),
-      ref: y,
-      ...i,
-      children: t
-    }
-  ) });
-}), x = s(({ children: e, ...l }, t) => {
-  const { expanded: o, setExpanded: i } = p(n) || {};
-  return /* @__PURE__ */ w(
+import { jsx as t, jsxs as H } from "react/jsx-runtime";
+import { createContext as T, forwardRef as o, useState as I, useMemo as S, useContext as c } from "react";
+import { Icon as j } from "../Icon/index.js";
+import { Image as L } from "../Image/index.js";
+import { faChevronDown as k, faChevronUp as q } from "@fortawesome/fontawesome-free-solid";
+import n from "clsx";
+const r = T(null), x = o(
+  ({ id: e, className: l, children: a, loading: s, expandFully: i = !1, ...m }, g) => {
+    const [p, d] = I(!1), w = S(
+      () => ({
+        loading: s,
+        expanded: p,
+        setExpanded: d,
+        expandFully: i
+      }),
+      [s, p, d]
+    );
+    return /* @__PURE__ */ t(r.Provider, { value: w, children: /* @__PURE__ */ t(
+      "div",
+      {
+        id: e,
+        className: n(
+          "w-full rounded-2xl bg-white hover:cursor-pointer",
+          l
+        ),
+        ref: g,
+        ...m,
+        children: a
+      }
+    ) });
+  }
+), C = o(({ className: e, children: l, ...a }, s) => {
+  const { expanded: i, setExpanded: m } = c(r) || {};
+  return /* @__PURE__ */ H(
     "div",
     {
-      className: "flex h-24 pr-4 sm:pr-8",
-      onClick: () => i == null ? void 0 : i(!o),
-      ref: t,
-      ...l,
+      className: n("flex h-24 pr-4 sm:pr-8", e),
+      onClick: () => m == null ? void 0 : m(!i),
+      ref: s,
+      ...a,
       children: [
-        e,
-        /* @__PURE__ */ a("div", { className: "my-auto flex-none", children: /* @__PURE__ */ a(S, { icon: o ? L : k }) })
+        l,
+        /* @__PURE__ */ t("div", { className: "my-auto flex-none", children: /* @__PURE__ */ t(j, { icon: i ? k : q }) })
       ]
     }
   );
-}), C = s(({ children: e, ...l }, t) => /* @__PURE__ */ a("div", { className: "mx-4 my-auto grid w-full", ref: t, ...l, children: e })), b = s(({ src: e, ...l }, t) => /* @__PURE__ */ a("div", { ref: t, className: "aspect-square flex-none p-4", children: /* @__PURE__ */ a(j, { src: e, className: "h-full rounded-2xl", ...l }) })), u = s(({ ...e }, l) => /* @__PURE__ */ a(
+}), b = o(({ children: e, className: l, ...a }, s) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: n("mx-4 my-auto grid w-full", l),
+    ref: s,
+    ...a,
+    children: e
+  }
+)), u = o(({ className: e, src: l, ...a }, s) => /* @__PURE__ */ t("div", { ref: s, className: n("aspect-square flex-none p-4", e), children: /* @__PURE__ */ t(L, { src: l, className: "h-full rounded-2xl", ...a }) })), f = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
+  "p",
+  {
+    className: n("text-xxs text-light-grey truncate md:text-xs", e),
+    ref: a,
+    ...l
+  }
+)), N = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
   "p",
   {
-    className: "text-xxs text-light-grey truncate md:text-xs",
-    ref: l,
-    ...e
+    className: n("md:text-md truncate text-sm", e),
+    ref: a,
+    ...l
   }
-)), N = s(({ ...e }, l) => /* @__PURE__ */ a("p", { className: "md:text-md truncate text-sm", ref: l, ...e })), f = s(({ ...e }, l) => /* @__PURE__ */ a("p", { className: "truncate text-xs md:text-sm", ref: l, ...e })), h = s(({ children: e, ...l }, t) => {
-  const { expanded: o } = p(n) || {};
-  return /* @__PURE__ */ a(
+)), h = o(({ className: e, ...l }, a) => /* @__PURE__ */ t(
+  "p",
+  {
+    className: n("truncate text-xs md:text-sm", e),
+    ref: a,
+    ...l
+  }
+)), y = o(({ children: e, className: l, ...a }, s) => {
+  const { expanded: i, expandFully: m } = c(r) || {};
+  return /* @__PURE__ */ t(
     "div",
     {
-      className: d(
+      className: n(
         "w-auto overflow-scroll px-4 transition-max-height duration-300",
         {
-          "max-h-32": o,
-          "max-h-0": !o
-        }
+          "max-h-32": i && !m,
+          "max-h-full": i && m,
+          "max-h-0": !i
+        },
+        l
       ),
-      ref: t,
-      ...l,
+      ref: s,
+      ...a,
       children: e
     }
   );
-}), v = s(({ ...e }, l) => /* @__PURE__ */ a("p", { className: "text-xs md:text-sm", ref: l, ...e }));
-c.displayName = "Collapsible";
-x.displayName = "Collapsible.Header";
-h.displayName = "Collapsible.Content";
-b.displayName = "Collapsible.Image";
-u.displayName = "Collapsible.Label";
+}), v = o(({ className: e, ...l }, a) => /* @__PURE__ */ t("p", { className: n("text-xs md:text-sm", e), ref: a, ...l }));
+x.displayName = "Collapsible";
+C.displayName = "Collapsible.Header";
+y.displayName = "Collapsible.Content";
+u.displayName = "Collapsible.Image";
+f.displayName = "Collapsible.Label";
 N.displayName = "Collapsible.Title";
-f.displayName = "Collapsible.Subtitle";
-C.displayName = "Collapsible.HeaderContent";
+h.displayName = "Collapsible.Subtitle";
+b.displayName = "Collapsible.HeaderContent";
 v.displayName = "Collapsible.Text";
-const U = Object.assign(c, {
-  Header: x,
-  HeaderContent: C,
-  Image: b,
-  Label: u,
+const U = Object.assign(x, {
+  Header: C,
+  HeaderContent: b,
+  Image: u,
+  Label: f,
   Title: N,
-  Subtitle: f,
-  Content: h,
+  Subtitle: h,
+  Content: y,
   Text: v
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trepur_components",
-  "version": "2.3.44",
+  "version": "2.3.46",
   "description": "component lib",
   "author": "trepur_ttenneb",
   "private": false,