@situaction/traq-ui-ste 1.1.16 → 1.1.17

package/README.md

@@ -1,11 +1,48 @@
 # Traq[UI]ste
 Tra[UI]ste est une librairie de composant crée par Situaction.
 
-# React + TypeScript + Vite
+## Installation
 
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+### Installation de la librairie
+```
+npm i @situaction/traq-ui-ste
+```
+### Dépendances
+Votre projet doit avoir installé  certaines dépendances: 
 
-Currently, two official plugins are available:
+`@phosphor-icons/react` :
 
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+```bash
+npm install @phosphor-icons/react
+````
+
+`date-fns` :
+
+```bash
+npm install date-fns --save
+```
+
+### Composants de la librairie
+- Accordion
+- Button
+- ButtonControlledScroll
+- Calendar
+- Card
+- Checkbox
+- Icon
+- IconButton
+- Input
+- ListControls
+- Menu
+- Modal
+- NestedList
+- Select
+- SelectFilterInputTags
+- SelectMultiItems
+- Switch
+- SidePanel
+- Tabs
+- Tag
+- TagCounter
+- Title
+- Tooltip

package/dist/X-Bd1VjKAF.mjs

@@ -0,0 +1,190 @@
+import t, { createContext as C, forwardRef as o, useContext as I } from "react";
+const z = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ t.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("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" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
+  ]
+]), D = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,160H48l80-80Z", opacity: "0.2" }), /* @__PURE__ */ t.createElement("path", { d: "M213.66,154.34l-80-80a8,8,0,0,0-11.32,0l-80,80A8,8,0,0,0,48,168H208a8,8,0,0,0,5.66-13.66ZM67.31,152,128,91.31,188.69,152Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M215.39,163.06A8,8,0,0,1,208,168H48a8,8,0,0,1-5.66-13.66l80-80a8,8,0,0,1,11.32,0l80,80A8,8,0,0,1,215.39,163.06Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M212.24,164.24a6,6,0,0,1-8.48,0L128,88.49,52.24,164.24a6,6,0,0,1-8.48-8.48l80-80a6,6,0,0,1,8.48,0l80,80A6,6,0,0,1,212.24,164.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("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" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M210.83,162.83a4,4,0,0,1-5.66,0L128,85.66,50.83,162.83a4,4,0,0,1-5.66-5.66l80-80a4,4,0,0,1,5.66,0l80,80A4,4,0,0,1,210.83,162.83Z" }))
+  ]
+]), N = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
+      "path",
+      {
+        d: "M216,56V200a16,16,0,0,1-16,16H56a16,16,0,0,1-16-16V56A16,16,0,0,1,56,40H200A16,16,0,0,1,216,56Z",
+        opacity: "0.2"
+      }
+    ), /* @__PURE__ */ t.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M208,32H48A16,16,0,0,0,32,48V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V48A16,16,0,0,0,208,32ZM181.66,170.34a8,8,0,0,1-11.32,11.32L128,139.31,85.66,181.66a8,8,0,0,1-11.32-11.32L116.69,128,74.34,85.66A8,8,0,0,1,85.66,74.34L128,116.69l42.34-42.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M204.24,195.76a6,6,0,1,1-8.48,8.48L128,136.49,60.24,204.24a6,6,0,0,1-8.48-8.48L119.51,128,51.76,60.24a6,6,0,0,1,8.48-8.48L128,119.51l67.76-67.75a6,6,0,0,1,8.48,8.48L136.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M205.66,194.34a8,8,0,0,1-11.32,11.32L128,139.31,61.66,205.66a8,8,0,0,1-11.32-11.32L116.69,128,50.34,61.66A8,8,0,0,1,61.66,50.34L128,116.69l66.34-66.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("path", { d: "M202.83,197.17a4,4,0,0,1-5.66,5.66L128,133.66,58.83,202.83a4,4,0,0,1-5.66-5.66L122.34,128,53.17,58.83a4,4,0,0,1,5.66-5.66L128,122.34l69.17-69.17a4,4,0,1,1,5.66,5.66L133.66,128Z" }))
+  ]
+]), S = C({
+  color: "currentColor",
+  size: "1em",
+  weight: "regular",
+  mirrored: !1
+});
+var V = Object.defineProperty, c = Object.getOwnPropertySymbols, O = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, g = (a, e, r) => e in a ? V(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, d = (a, e) => {
+  for (var r in e || (e = {}))
+    O.call(e, r) && g(a, r, e[r]);
+  if (c)
+    for (var r of c(e))
+      L.call(e, r) && g(a, r, e[r]);
+  return a;
+}, f = (a, e) => {
+  var r = {};
+  for (var l in a)
+    O.call(a, l) && e.indexOf(l) < 0 && (r[l] = a[l]);
+  if (a != null && c)
+    for (var l of c(a))
+      e.indexOf(l) < 0 && L.call(a, l) && (r[l] = a[l]);
+  return r;
+};
+const M = o((a, e) => {
+  const r = a, {
+    alt: l,
+    color: i,
+    size: n,
+    weight: p,
+    mirrored: $,
+    children: Z,
+    weights: j
+  } = r, A = f(r, [
+    "alt",
+    "color",
+    "size",
+    "weight",
+    "mirrored",
+    "children",
+    "weights"
+  ]), s = I(S), {
+    color: F = "currentColor",
+    size: u,
+    weight: P = "regular",
+    mirrored: H = !1
+  } = s, x = f(s, [
+    "color",
+    "size",
+    "weight",
+    "mirrored"
+  ]);
+  return /* @__PURE__ */ t.createElement(
+    "svg",
+    d(d({
+      ref: e,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: n ?? u,
+      height: n ?? u,
+      fill: i ?? F,
+      viewBox: "0 0 256 256",
+      transform: $ || H ? "scale(-1, 1)" : void 0
+    }, x), A),
+    !!l && /* @__PURE__ */ t.createElement("title", null, l),
+    Z,
+    j.get(p ?? P)
+  );
+});
+M.displayName = "IconBase";
+const m = M;
+var B = Object.defineProperty, R = Object.defineProperties, U = Object.getOwnPropertyDescriptors, E = Object.getOwnPropertySymbols, X = Object.prototype.hasOwnProperty, k = Object.prototype.propertyIsEnumerable, h = (a, e, r) => e in a ? B(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, q = (a, e) => {
+  for (var r in e || (e = {}))
+    X.call(e, r) && h(a, r, e[r]);
+  if (E)
+    for (var r of E(e))
+      k.call(e, r) && h(a, r, e[r]);
+  return a;
+}, G = (a, e) => R(a, U(e));
+const J = o((a, e) => /* @__PURE__ */ t.createElement(m, G(q({ ref: e }, a), { weights: z })));
+J.displayName = "CaretDown";
+var K = Object.defineProperty, Q = Object.defineProperties, T = Object.getOwnPropertyDescriptors, b = Object.getOwnPropertySymbols, W = Object.prototype.hasOwnProperty, Y = Object.prototype.propertyIsEnumerable, v = (a, e, r) => e in a ? K(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, _ = (a, e) => {
+  for (var r in e || (e = {}))
+    W.call(e, r) && v(a, r, e[r]);
+  if (b)
+    for (var r of b(e))
+      Y.call(e, r) && v(a, r, e[r]);
+  return a;
+}, e1 = (a, e) => Q(a, T(e));
+const t1 = o((a, e) => /* @__PURE__ */ t.createElement(m, e1(_({ ref: e }, a), { weights: D })));
+t1.displayName = "CaretUp";
+var a1 = Object.defineProperty, r1 = Object.defineProperties, l1 = Object.getOwnPropertyDescriptors, y = Object.getOwnPropertySymbols, n1 = Object.prototype.hasOwnProperty, c1 = Object.prototype.propertyIsEnumerable, w = (a, e, r) => e in a ? a1(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r, o1 = (a, e) => {
+  for (var r in e || (e = {}))
+    n1.call(e, r) && w(a, r, e[r]);
+  if (y)
+    for (var r of y(e))
+      c1.call(e, r) && w(a, r, e[r]);
+  return a;
+}, m1 = (a, e) => r1(a, l1(e));
+const i1 = o((a, e) => /* @__PURE__ */ t.createElement(m, m1(o1({ ref: e }, a), { weights: N })));
+i1.displayName = "X";
+export {
+  J as D,
+  t1 as I,
+  i1 as R,
+  D as a,
+  m as b,
+  z as l,
+  S as o,
+  N as t
+};

package/dist/components/button/Button.d.ts

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes, FC, ReactNode } from 'react';
+import { ButtonHTMLAttributes, FC, ReactNode, MouseEvent } from 'react';
 import { Size } from '../interface';
 
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -17,7 +17,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /** Additional content inside the input */
     childrenRight?: ReactNode;
     /** Optional click handler */
-    onClick?: () => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /**
  * Primary UI component for user interaction

package/dist/components/button/Button.js

@@ -1,5 +1,6 @@
 import { jsxs as p, jsx as n } from "react/jsx-runtime";
-import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizontalCenter_wt8sv_184", t = {
+import '../../styles/index.css';import '../../styles/Button.css';/* empty css                    */
+const v = "_button_wt8sv_23", w = "_flexHorizontalCenter_wt8sv_184", t = {
   button: v,
   "button-primary": "_button-primary_wt8sv_47",
   "button-secondary": "_button-secondary_wt8sv_61",
@@ -19,7 +20,7 @@ import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizon
   "button-gap-m": "_button-gap-m_wt8sv_171",
   "button-gap-s": "_button-gap-s_wt8sv_180",
   flexHorizontalCenter: w
-}, m = ({
+}, c = ({
   mode: o = "primary",
   size: e = "m",
   label: u,
@@ -52,5 +53,5 @@ import '../../styles/Button.css';const v = "_button_wt8sv_23", w = "_flexHorizon
   );
 };
 export {
-  m as Button
+  c as Button
 };

package/dist/components/buttonControledScroll/ButtonControlledScroll.d.ts

@@ -1,12 +1,22 @@
 import { FC, ReactNode } from 'react';
 
 export interface ButtonControlledScrollProps {
-    items: React.ReactNode[];
+    /** List of items to be scrolled */
+    items: ReactNode[];
+    /** Icon to be displayed for the left scroll button */
     iconLeft: ReactNode;
+    /** Icon to be displayed for the right scroll button */
     iconRight: ReactNode;
+    /** Space between items (default is 10px) */
     gap?: number;
+    /** Speed at which the scroll moves when dragging (default is 1.5) */
     grabSpeed?: number;
+    /** Amount of scroll per button click (default is 150px) */
     scrollAmount?: number;
+    /** Whether the scroll container can be dragged (default is true) */
     grabbable?: boolean;
 }
+/**
+ * ButtonControlledScroll component allowing horizontal scroll with button controls and drag functionality.
+ */
 export declare const ButtonControlledScroll: FC<ButtonControlledScrollProps>;

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

@@ -14,4 +14,10 @@ export interface CalendarProps {
         end: Date;
     }) => void;
 }
+/**
+ * Calendar component that renders a month view for selecting dates.
+ *
+ * It supports single date selection or date range selection.
+ * The calendar allows navigation between months and shows the current date.
+ */
 export declare const Calendar: FC<CalendarProps>;