@situaction/traq-ui-ste 1.2.30 → 1.2.31

package/dist/components/select/Select.d.ts

@@ -4,6 +4,7 @@ import * as PhosphorIcons from "@phosphor-icons/react";
 export type SelectItem = {
     label?: string;
     icon?: keyof typeof PhosphorIcons | null;
+    sizeIcon?: number;
     value: string;
 };
 export interface SelectProps {

package/dist/components/select/Select.js

@@ -5,18 +5,18 @@ import { Input as G } from "../input/Input.js";
 import { IconButton as H } from "../icon-button/IconButton.js";
 import "../accordion/Accordion.js";
 import { Icon as _ } from "../icon/Icon.js";
-import { Modal as J } from "../modal/Modal.js";
+import { Modal as I } from "../modal/Modal.js";
 import "../carousel/Carousel.js";
 import "../carousel/FadeCarousel.js";
 import "../theme/ThemeContext.js";
 import '../../styles/Size.css';import '../../styles/Select.css';/* empty css                   */
-const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_133eb_78", Z = "_selectList_133eb_82", O = "_modal_133eb_91", I = "_itemLabel_133eb_98", ee = "_searchWrapper_133eb_103", te = "_noResults_133eb_109", f = {
-  selectContainer: Q,
-  children: X,
-  active: Y,
-  selectList: Z,
-  modal: O,
-  itemLabel: I,
+const J = "_selectContainer_133eb_54", Q = "_children_133eb_61", X = "_active_133eb_78", Y = "_selectList_133eb_82", Z = "_modal_133eb_91", O = "_itemLabel_133eb_98", ee = "_searchWrapper_133eb_103", te = "_noResults_133eb_109", f = {
+  selectContainer: J,
+  children: Q,
+  active: X,
+  selectList: Y,
+  modal: Z,
+  itemLabel: O,
   searchWrapper: ee,
   noResults: te
 }, me = ({
@@ -27,15 +27,15 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
   onSelect: B,
   positionOverride: b,
   placeholder: x = "Sélectionner",
-  searchPlaceholder: V,
+  searchPlaceholder: U,
   autoCloseCondition: w,
-  searchable: z = !1,
+  searchable: V = !1,
   fullWidth: T = !1
 }) => {
   const [t, l] = y(!1), [A, K] = y({
     top: "calc(100% + 6px)",
     left: "0px"
-  }), [n, S] = y(k ?? null), [$, F] = y(""), u = v(null), j = v(null), N = v(null), P = v({}), D = v({}), p = v(null);
+  }), [n, S] = y(k ?? null), [$, F] = y(""), u = v(null), z = v(null), N = v(null), P = v({}), j = v({}), p = v(null);
   d(() => {
     S(k || null);
   }, [k]), d(() => {
@@ -85,7 +85,7 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
         "aria-haspopup": "listbox"
       }
     );
-  }, U = h.filter(
+  }, D = h.filter(
     (e) => String(e.label ?? "").toLowerCase().includes($.toLowerCase())
   ), [C, R] = y("");
   return d(() => {
@@ -137,7 +137,7 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
           return (a = o.label) == null ? void 0 : a.toLowerCase().startsWith(c);
         });
         if (i) {
-          const o = D.current[i.value];
+          const o = j.current[i.value];
           o && o.scrollIntoView({ block: "start", behavior: "smooth" });
         }
       }
@@ -151,7 +151,7 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
   }, [t, b]), d(() => {
     if (!t || !w) return;
     const e = (r) => {
-      const c = r.target, i = u.current, o = j.current;
+      const c = r.target, i = u.current, o = z.current;
       i && i.contains(c) || o && o.contains(c) || l(!1);
     };
     return document.addEventListener("mousedown", e), document.addEventListener("touchstart", e, { passive: !0 }), () => {
@@ -166,7 +166,7 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
   }, [t, w]), /* @__PURE__ */ L("div", { className: f.selectContainer, children: [
     q(),
     /* @__PURE__ */ s(
-      J,
+      I,
       {
         anchorRef: u,
         open: t,
@@ -175,13 +175,13 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
         disableOverlay: !0,
         className: f.modal,
         autoCloseCondition: w,
-        children: /* @__PURE__ */ L("div", { ref: j, children: [
-          z && /* @__PURE__ */ L("div", { children: [
+        children: /* @__PURE__ */ L("div", { ref: z, children: [
+          V && /* @__PURE__ */ L("div", { children: [
             /* @__PURE__ */ s(
               G,
               {
                 type: "text",
-                placeholder: V,
+                placeholder: U,
                 status: "ghost",
                 sizeStyle: "s",
                 value: $,
@@ -191,22 +191,22 @@ const Q = "_selectContainer_133eb_54", X = "_children_133eb_61", Y = "_active_13
             /* @__PURE__ */ s("div", { className: f.searchWrapper })
           ] }),
           /* @__PURE__ */ L("div", { className: f.selectList, ref: N, children: [
-            U.map((e) => /* @__PURE__ */ L(
+            D.map((e) => /* @__PURE__ */ L(
               "div",
               {
-                ref: (r) => D.current[e.value] = r,
+                ref: (r) => j.current[e.value] = r,
                 className: `${f.children} ${(n == null ? void 0 : n.value) === e.value ? f.active : ""}`,
                 onClick: () => M(e),
                 role: "option",
                 "aria-selected": (n == null ? void 0 : n.value) === e.value,
                 children: [
-                  e.icon && /* @__PURE__ */ s(_, { icon: e.icon, size: 16 }),
+                  e.icon && /* @__PURE__ */ s(_, { icon: e.icon, size: e.sizeIcon ? e.sizeIcon : 20 }),
                   e.label && /* @__PURE__ */ s("div", { className: f.itemLabel, children: e.label })
                 ]
               },
               e.value
             )),
-            U.length === 0 && /* @__PURE__ */ s("div", { className: `${f.noResults} textSmall`, children: "Aucun résultat" })
+            D.length === 0 && /* @__PURE__ */ s("div", { className: `${f.noResults} textSmall`, children: "Aucun résultat" })
           ] })
         ] })
       }

package/package.json

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