@situaction/traq-ui-ste 1.1.17 → 1.1.19

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

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { Size } from '../interface';
 
 export interface AccordionProps {
     /** An array of accordion items, each containing a header, content, and optional settings. */
@@ -14,6 +15,10 @@ export interface AccordionProps {
     }[];
     /** 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,18 +1,25 @@
-import { jsx as c } from "react/jsx-runtime";
-import { AccordionItem as i } from "./item/AccordionItem.js";
-import '../../styles/Accordion.css';const t = "_accordion_hz3a1_6", a = {
-  accordion: t
-}, l = ({ items: n, type: r = "block" }) => /* @__PURE__ */ c("div", { className: a.accordion, children: n.map((o, e) => /* @__PURE__ */ c(
-  i,
-  {
-    header: o.header,
-    iconPosition: o.iconPosition ?? "right",
-    defaultOpen: o.defaultOpen ?? !1,
-    type: r ?? "block",
-    children: o.content
-  },
-  e
-)) });
+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
+    },
+    n
+  )) });
+};
 export {
-  l as Accordion
+  f as Accordion
 };

package/dist/components/accordion/item/AccordionItem.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+import { Size } from '../../interface';
 
 interface AccordionItemProps {
     /** The header content of the accordion item. */
@@ -11,6 +12,10 @@ interface AccordionItemProps {
     defaultOpen?: boolean;
     /** 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;
+    /** Click handler on the padding header (outside of IconButtons) */
+    onClickHeader?: () => void;
 }
 /**
  * AccordionItem component represents an individual item in an accordion.

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

@@ -1,46 +1,59 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { useState as d, useEffect as w } from "react";
-import { IconButton as n } from "../../icon-button/IconButton.js";
-import '../../../styles/AccordionItem.css';const g = "_accordionHeader_e4xbv_7", v = "_title_e4xbv_16", _ = "_accordionContent_e4xbv_21", m = "_fullHeight_e4xbv_26", x = "_block_e4xbv_30", f = "_tile_e4xbv_38", l = {
-  accordionHeader: g,
-  title: v,
-  accordionContent: _,
-  fullHeight: m,
+import { jsxs as n, 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 '../../../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",
+  "padding-m": "_padding-m_1tsuj_19",
+  "padding-l": "_padding-l_1tsuj_23",
+  "padding-xl": "_padding-xl_1tsuj_27",
+  title: f,
+  fullHeight: v,
   block: x,
-  tile: f
+  tile: j
 }, H = ({
-  header: r,
-  children: h,
-  iconPosition: c = "right",
-  defaultOpen: i = !1,
-  type: a = "block"
+  header: h,
+  children: g,
+  iconPosition: d = "right",
+  defaultOpen: s = !1,
+  type: r = "block",
+  paddingHeader: _ = "m",
+  onClickHeader: e
 }) => {
-  const [e, o] = d(!1);
-  return w(() => {
-    i && o(i);
-  }, [i]), /* @__PURE__ */ s("div", { className: `${a === "tile" ? l.tile : l.block}`, children: [
-    /* @__PURE__ */ s("div", { className: l.accordionHeader, children: [
-      c === "left" && /* @__PURE__ */ t(
-        n,
+  const [i, o] = p(!1);
+  m(() => {
+    s && o(s);
+  }, [s]);
+  const w = (a) => {
+    if (a.target.closest("button")) {
+      a.stopPropagation();
+      return;
+    }
+    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: [
+      d === "left" && /* @__PURE__ */ t(
+        c,
         {
           mode: "ghost",
           size: "s",
-          onClick: () => o(!e),
-          children: e ? /* @__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" }) })
+          onClick: () => o(!i),
+          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: r }),
-      c === "right" && /* @__PURE__ */ t(
-        n,
+      /* @__PURE__ */ t("div", { className: l.title, children: h }),
+      d === "right" && /* @__PURE__ */ t(
+        c,
         {
           mode: "ghost",
           size: "s",
-          onClick: () => o(!e),
-          children: e ? /* @__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" }) })
+          onClick: () => o(!i),
+          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" }) })
         }
       )
     ] }),
-    e && /* @__PURE__ */ t("div", { className: l.accordionContent, children: h })
+    i && g
   ] });
 };
 export {

package/dist/components/calendar/Calendar.d.ts

@@ -13,6 +13,10 @@ export interface CalendarProps {
         start: Date;
         end: Date;
     }) => void;
+    /** Maximum date allowed by the selection */
+    maxDateSelected?: Date;
+    /** Minimum date allowed by the selection */
+    minDateSelected?: Date;
 }
 /**
  * Calendar component that renders a month view for selecting dates.