@situaction/traq-ui-ste 1.1.19 → 1.1.20

package/dist/components/accordion/Accordion.d.ts

@@ -12,13 +12,15 @@ export interface AccordionProps {
         defaultOpen?: boolean;
         /** The content displayed when the accordion item is expanded. */
         content: ReactNode;
+        /** ID accordions items*/
+        id: string;
+        /** Function to handle click on the header */
+        onClickHeader?: (id: string) => void;
     }[];
     /** Accordion style if block type the header and the content are in the same block, if it is tile they are separated into 2 blocks */
     type?: 'block' | 'tile';
     /** Padding size inside the Accordion: small, medium, large */
     paddingHeader?: Size;
-    /** Function to handle click on the header */
-    onClickHeader?: (index: number) => void;
 }
 /**
  * Accordion component that displays a list of AccordionItem components.

package/dist/components/accordion/Accordion.js

@@ -1,25 +1,23 @@
-import { jsx as r } from "react/jsx-runtime";
-import { AccordionItem as t } from "./item/AccordionItem.js";
-import '../../styles/Accordion.css';const s = "_accordion_hz3a1_6", l = {
-  accordion: s
-}, f = ({ items: e, type: a = "block", paddingHeader: d, onClickHeader: c }) => {
-  const i = (o) => {
-    c && c(o);
-  };
-  return /* @__PURE__ */ r("div", { className: l.accordion, children: e.map((o, n) => /* @__PURE__ */ r(
-    t,
-    {
-      header: o.header,
-      iconPosition: o.iconPosition ?? "right",
-      defaultOpen: o.defaultOpen ?? !1,
-      type: a ?? "block",
-      paddingHeader: d ?? "m",
-      onClickHeader: () => i(n),
-      children: o.content
+import { jsx as n } from "react/jsx-runtime";
+import { AccordionItem as i } from "./item/AccordionItem.js";
+import '../../styles/Accordion.css';const l = "_accordion_hz3a1_6", s = {
+  accordion: l
+}, h = ({ items: r, type: d = "block", paddingHeader: a }) => /* @__PURE__ */ n("div", { className: s.accordion, children: r.map((o, e) => /* @__PURE__ */ n(
+  i,
+  {
+    header: o.header,
+    iconPosition: o.iconPosition ?? "right",
+    defaultOpen: o.defaultOpen ?? !1,
+    type: d ?? "block",
+    paddingHeader: a ?? "m",
+    onClickHeader: () => {
+      var c;
+      return (c = o.onClickHeader) == null ? void 0 : c.call(o, o.id);
     },
-    n
-  )) });
-};
+    children: o.content
+  },
+  e
+)) });
 export {
-  f as Accordion
+  h as Accordion
 };

package/dist/components/accordion/item/AccordionItem.js

@@ -1,6 +1,6 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { useState as p, useEffect as m } from "react";
-import { IconButton as c } from "../../icon-button/IconButton.js";
+import { IconButton as n } from "../../icon-button/IconButton.js";
 import '../../../styles/AccordionItem.css';const u = "_accordionHeader_1tsuj_7", f = "_title_1tsuj_31", v = "_fullHeight_1tsuj_36", x = "_block_1tsuj_40", j = "_tile_1tsuj_48", l = {
   accordionHeader: u,
   "padding-s": "_padding-s_1tsuj_15",
@@ -12,11 +12,11 @@ import '../../../styles/AccordionItem.css';const u = "_accordionHeader_1tsuj_7",
   block: x,
   tile: j
 }, H = ({
-  header: h,
+  header: r,
   children: g,
   iconPosition: d = "right",
   defaultOpen: s = !1,
-  type: r = "block",
+  type: h = "block",
   paddingHeader: _ = "m",
   onClickHeader: e
 }) => {
@@ -31,10 +31,10 @@ import '../../../styles/AccordionItem.css';const u = "_accordionHeader_1tsuj_7",
     }
     e == null || e();
   };
-  return /* @__PURE__ */ n("div", { className: `${r === "tile" ? l.tile : l.block}`, children: [
-    /* @__PURE__ */ n("div", { className: `${l.accordionHeader} ${l[`padding-${_}`]}`, onClick: w, children: [
+  return /* @__PURE__ */ c("div", { className: `${h === "tile" ? l.tile : l.block}`, children: [
+    /* @__PURE__ */ c("div", { className: `${l.accordionHeader} ${l[`padding-${_}`]}`, onClick: w, "data-ignore-outside-click": !0, children: [
       d === "left" && /* @__PURE__ */ t(
-        c,
+        n,
         {
           mode: "ghost",
           size: "s",
@@ -42,9 +42,9 @@ import '../../../styles/AccordionItem.css';const u = "_accordionHeader_1tsuj_7",
           children: i ? /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,165.66a8,8,0,0,1-11.32,0L128,91.31,53.66,165.66a8,8,0,0,1-11.32-11.32l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,213.66,165.66Z" }) }) : /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "#000000", viewBox: "0 0 256 256", children: /* @__PURE__ */ t("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }) })
         }
       ),
-      /* @__PURE__ */ t("div", { className: l.title, children: h }),
+      /* @__PURE__ */ t("div", { className: l.title, children: r }),
       d === "right" && /* @__PURE__ */ t(
-        c,
+        n,
         {
           mode: "ghost",
           size: "s",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@situaction/traq-ui-ste",
-  "version": "1.1.19",
+  "version": "1.1.20",
   "description": "library react component Situaction",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",