caplink-saas-ui-shared-component-library 1.57.0 → 1.57.2

package/dist/components/fancy-accordion/fancy-accordion.d.ts

@@ -8,11 +8,13 @@ export type FancyAccordionProps = {
     className?: string;
     title: string;
     description?: string;
+    isOpen?: boolean;
+    onToggle?(): void;
     leftElement?: ReactNode;
     rightElement?: (toggleButtonElement: ReactNode) => JSX.Element;
-    status: FancyAccordionStatusEnum;
-    style: CSSProperties;
+    status?: FancyAccordionStatusEnum;
+    style?: CSSProperties;
     defaultShowDescription?: boolean;
     defaultShowContent?: boolean;
 };
-export declare function FancyAccordion({ className, title, description, status, style, children, leftElement, rightElement, defaultShowDescription, defaultShowContent, }: PropsWithChildren<FancyAccordionProps>): import("react/jsx-runtime").JSX.Element;
+export declare function FancyAccordion({ className, title, description, status, style, children, leftElement, rightElement, defaultShowDescription, defaultShowContent, isOpen, onToggle, }: PropsWithChildren<FancyAccordionProps>): import("react/jsx-runtime").JSX.Element;

package/dist/index.es.js

@@ -24370,47 +24370,55 @@ function l_e({
   style: s = { width: "100%", maxWidth: 768 },
   children: o,
   leftElement: i,
-  rightElement: a = (u) => /* @__PURE__ */ h.jsx(h.Fragment, { children: u }),
+  rightElement: a = (f) => /* @__PURE__ */ h.jsx(h.Fragment, { children: f }),
   defaultShowDescription: l = !1,
-  defaultShowContent: c = !0
+  defaultShowContent: c = !0,
+  isOpen: u,
+  onToggle: d
 }) {
-  const [u, d] = se(c), [f, p] = se(l), [m, g] = se(!0), v = pe(), y = he(() => r === "Loading", [r]), b = he(() => r === "Success", [r]), { ref: x, checkOverflow: w, overflowInfo: C } = Oq(1), E = he(
-    () => C.hasOverflow || C.numberOfLines > 1,
-    [C.hasOverflow, C.numberOfLines]
-  ), _ = ne(() => d((B) => !B), []), T = ne(() => {
-    const B = !f;
-    if (p(B), v.current && clearTimeout(v.current), B || m) {
-      g(!1);
+  const [f, p] = se(c || u), [m, g] = se(l), [v, y] = se(!0), b = pe(), x = he(() => r === "Loading", [r]), w = he(() => r === "Success", [r]), { ref: C, checkOverflow: E, overflowInfo: _ } = Oq(1), T = he(
+    () => _.hasOverflow || _.numberOfLines > 1,
+    [_.hasOverflow, _.numberOfLines]
+  ), N = ne(() => {
+    p((L) => !L), d?.();
+  }, [d]), M = ne(() => {
+    const L = !m;
+    if (g(L), b.current && clearTimeout(b.current), L || v) {
+      y(!1);
       return;
     }
-    v.current = setTimeout(() => {
-      g(!0);
+    b.current = setTimeout(() => {
+      y(!0);
     }, 200);
-  }, [f, m]);
+  }, [m, v]);
   re(() => () => {
-    v.current && clearTimeout(v.current);
+    b.current && clearTimeout(b.current);
   }, []);
-  const N = he(
+  const R = he(
     () => $(
-      "sl-border sl-relative sl-p-4 sl-rounded-lg",
-      b ? "sl-border-success-300" : y ? "" : "sl-border-foreground-v2-100 hover:sl-border-foreground-v2-500",
+      "sl-border sl-relative sl-p-4 sl-rounded-lg sl-bg-white",
+      w ? "sl-border-success-300" : x ? "" : "sl-border-foreground-v2-100 hover:sl-border-foreground-v2-500",
       t
     ),
-    [b, y, t]
-  ), M = he(
-    () => o && !y ? /* @__PURE__ */ h.jsx(
+    [w, x, t]
+  ), j = he(
+    () => o && !x ? /* @__PURE__ */ h.jsx(
       Xd.button,
       {
         "data-testid": "fancy-accordion-toggle-button",
-        animate: { rotateX: u ? 0 : 180 },
+        animate: { rotateX: f ? 0 : 180 },
         transition: { ease: "backInOut" },
         type: "button",
-        onClick: _,
+        onClick: N,
         children: /* @__PURE__ */ h.jsx(ub, { className: "sl-size-4 sl-text-foreground-v2-500" })
       }
     ) : void 0,
-    [o, y, u, _]
-  ), R = he(
+    [o, x, f, N]
+  );
+  re(() => {
+    p(c || u);
+  }, [c, u]);
+  const B = he(
     () => /* @__PURE__ */ h.jsxs("div", { className: "sl-flex sl-items-start sl-justify-between sl-gap-4", children: [
       /* @__PURE__ */ h.jsxs("div", { className: "sl-flex sl-items-start sl-gap-4", children: [
         i,
@@ -24419,6 +24427,7 @@ function l_e({
             "h3",
             {
               "data-testid": "fancy-accordion-title",
+              "data-cypress": `task-view-${e}`,
               className: $(
                 "sl-text-xl sl-font-bold sl-text-foreground-v2-700 sl-flex sl-items-center",
                 n ? "sl-h-auto" : "sl-h-[44px]"
@@ -24431,16 +24440,16 @@ function l_e({
             {
               "data-testid": "fancy-accordion-description-container",
               className: "sl-overflow-hidden sl-w-full sl-h-[22px]",
-              animate: { height: f ? "auto" : 22 },
+              animate: { height: m ? "auto" : 22 },
               children: /* @__PURE__ */ h.jsx(
                 "div",
                 {
-                  ref: x,
+                  ref: C,
                   className: $(
                     "sl-w-full sl-relative",
-                    !f && m && "sl-line-clamp-1"
+                    !m && v && "sl-line-clamp-1"
                   ),
-                  onResize: w,
+                  onResize: E,
                   children: /* @__PURE__ */ h.jsx(
                     ane.Viewer,
                     {
@@ -24452,14 +24461,15 @@ function l_e({
               )
             }
           ),
-          E && /* @__PURE__ */ h.jsx(
+          T && /* @__PURE__ */ h.jsx(
             "button",
             {
               "data-testid": "fancy-accordion-show-more-button",
+              "data-cypress": `expand-task-${name}`,
               type: "button",
               className: "sl-text-info-300 sl-text-sm",
-              onClick: T,
-              children: f ? "Ver menos" : "Ver mais"
+              onClick: M,
+              children: m ? "Ver menos" : "Ver mais"
             }
           )
         ] })
@@ -24469,7 +24479,7 @@ function l_e({
         {
           "data-testid": "fancy-accordion-left-element",
           className: "sl-h-[44px] sl-flex sl-items-center sl-shrink-0",
-          children: a(M)
+          children: a(j)
         }
       )
     ] }),
@@ -24478,42 +24488,42 @@ function l_e({
       a,
       e,
       n,
-      f,
       m,
-      x,
-      w,
+      v,
+      C,
       E,
       T,
-      M
+      M,
+      j
     ]
-  ), j = he(
-    () => o && !y ? /* @__PURE__ */ h.jsx(
+  ), k = he(
+    () => o && !x ? /* @__PURE__ */ h.jsx(
       Xd.div,
       {
         "data-testid": "fancy-accordion-content",
         className: $(
           "sl-grid sl-w-full sl-gap-4 sl-overflow-hidden sl-h-auto sl-px-px sl-pb-px sl-text-md sl-text-foreground-v2-600",
-          u ? "" : "[&_*]:sl-border-0"
+          f ? "" : "[&_*]:sl-border-0"
         ),
         animate: {
-          height: u ? "auto" : 0,
-          marginTop: u ? 16 : 0
+          height: f ? "auto" : 0,
+          marginTop: f ? 16 : 0
         },
         children: o
       }
     ) : void 0,
-    [o, y, u]
+    [o, x, f]
   );
-  return /* @__PURE__ */ h.jsxs("div", { "data-testid": "fancy-accordion-container", className: N, style: s, children: [
-    y && /* @__PURE__ */ h.jsx(
+  return /* @__PURE__ */ h.jsxs("div", { "data-testid": "fancy-accordion-container", className: R, style: s, children: [
+    x && /* @__PURE__ */ h.jsx(
       dY,
       {
         className: "sl-bg-gradient-to-l sl-from-blue-700 sl-via-blue-500 sl-to-blue-200",
         size: 140
       }
     ),
-    R,
-    j
+    B,
+    k
   ] });
 }
 function Sp(t) {