design-zystem 1.0.472 → 1.0.474

package/dist/ui/index.d.mts

@@ -608,6 +608,9 @@ interface SelectSharedProps {
     disabled?: boolean;
     /** Masque la barre de recherche — affichée par défaut. */
     hideSearchBar?: boolean;
+    searchPlaceholder?: string;
+    /** Appelé à chaque frappe dans la recherche, et avec '' à la fermeture. */
+    onSearchChange?: (term: string) => void;
     size?: 'm' | 's';
     className?: string;
 }

package/dist/ui/index.d.ts

@@ -608,6 +608,9 @@ interface SelectSharedProps {
     disabled?: boolean;
     /** Masque la barre de recherche — affichée par défaut. */
     hideSearchBar?: boolean;
+    searchPlaceholder?: string;
+    /** Appelé à chaque frappe dans la recherche, et avec '' à la fermeture. */
+    onSearchChange?: (term: string) => void;
     size?: 'm' | 's';
     className?: string;
 }

package/dist/ui/index.js

@@ -1383,6 +1383,9 @@ Image2.displayName = "Image";
 var import_react10 = require("react");
 var RadixTooltip = __toESM(require("@radix-ui/react-tooltip"));
 
+// src/ui/lib/hasContent.ts
+var hasContent = (content) => content !== void 0 && content !== null && content !== "";
+
 // src/ui/components/ui/SamuCar.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var wheelClassName = "[transform-box:fill-box] origin-center animate-[tooltip-wheel-spin_150ms_linear_2] motion-reduce:animate-none";
@@ -1472,7 +1475,7 @@ var import_jsx_runtime15 = require("react/jsx-runtime");
 var Tooltip = (0, import_react10.forwardRef)(
   (_a, ref) => {
     var _b = _a, { children, content, side = "top", align = "center", className } = _b, props = __objRest(_b, ["children", "content", "side", "align", "className"]);
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(RadixTooltip.Root, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(RadixTooltip.Root, { open: hasContent(content) ? void 0 : false, children: [
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixTooltip.Trigger, __spreadProps(__spreadValues({ ref, asChild: true }, props), { children })),
       /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(RadixTooltip.Portal, { children: IS_EASTER_EGG_ENABLED ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
         RadixTooltip.Content,
@@ -3153,13 +3156,14 @@ var OptionHint = ({ hint }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("sp
 var SearchField = ({
   searchInputRef,
   searchTerm,
-  setSearchTerm
+  setSearchTerm,
+  placeholder = "Rechercher..."
 }) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
   "input",
   __spreadProps(__spreadValues({
     ref: searchInputRef,
     type: "text",
-    placeholder: "Rechercher..."
+    placeholder
   }, noAutofillProps), {
     value: searchTerm,
     onChange: (e) => setSearchTerm(e.target.value),
@@ -3178,12 +3182,18 @@ var SelectField = (props) => {
     required,
     disabled,
     hideSearchBar = false,
+    searchPlaceholder,
+    onSearchChange,
     size = "m",
     className
   } = props;
   const triggerClass = cn(TRIGGER_CLASS, TRIGGER_SIZE_CLASS[size], className);
   const [open, setOpen] = (0, import_react26.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react26.useState)("");
+  const [searchTerm, setSearchTermState] = (0, import_react26.useState)("");
+  const setSearchTerm = (term) => {
+    setSearchTermState(term);
+    onSearchChange == null ? void 0 : onSearchChange(term);
+  };
   const searchInputRef = (0, import_react26.useRef)(null);
   const sections = filterSelectItems(options, searchTerm);
   const isEmpty = sections.length === 0;
@@ -3254,7 +3264,8 @@ var SelectField = (props) => {
                 {
                   searchInputRef,
                   searchTerm,
-                  setSearchTerm
+                  setSearchTerm,
+                  placeholder: searchPlaceholder
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "overflow-y-auto", children: [
@@ -3367,7 +3378,8 @@ var SelectField = (props) => {
                   {
                     searchInputRef,
                     searchTerm,
-                    setSearchTerm
+                    setSearchTerm,
+                    placeholder: searchPlaceholder
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(RadixSelect2.Viewport, { children: [

package/dist/ui/index.mjs

@@ -1151,6 +1151,9 @@ import {
 } from "react";
 import * as RadixTooltip from "@radix-ui/react-tooltip";
 
+// src/ui/lib/hasContent.ts
+var hasContent = (content) => content !== void 0 && content !== null && content !== "";
+
 // src/ui/components/ui/SamuCar.tsx
 import { jsx as jsx14, jsxs as jsxs3 } from "react/jsx-runtime";
 var wheelClassName = "[transform-box:fill-box] origin-center animate-[tooltip-wheel-spin_150ms_linear_2] motion-reduce:animate-none";
@@ -1240,7 +1243,7 @@ import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
 var Tooltip = forwardRef9(
   (_a, ref) => {
     var _b = _a, { children, content, side = "top", align = "center", className } = _b, props = __objRest(_b, ["children", "content", "side", "align", "className"]);
-    return /* @__PURE__ */ jsx15(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs4(RadixTooltip.Root, { children: [
+    return /* @__PURE__ */ jsx15(RadixTooltip.Provider, { delayDuration: 200, children: /* @__PURE__ */ jsxs4(RadixTooltip.Root, { open: hasContent(content) ? void 0 : false, children: [
       /* @__PURE__ */ jsx15(RadixTooltip.Trigger, __spreadProps(__spreadValues({ ref, asChild: true }, props), { children })),
       /* @__PURE__ */ jsx15(RadixTooltip.Portal, { children: IS_EASTER_EGG_ENABLED ? /* @__PURE__ */ jsxs4(
         RadixTooltip.Content,
@@ -2931,13 +2934,14 @@ var OptionHint = ({ hint }) => /* @__PURE__ */ jsx35("span", { className: "ml-au
 var SearchField = ({
   searchInputRef,
   searchTerm,
-  setSearchTerm
+  setSearchTerm,
+  placeholder = "Rechercher..."
 }) => /* @__PURE__ */ jsx35(
   "input",
   __spreadProps(__spreadValues({
     ref: searchInputRef,
     type: "text",
-    placeholder: "Rechercher..."
+    placeholder
   }, noAutofillProps), {
     value: searchTerm,
     onChange: (e) => setSearchTerm(e.target.value),
@@ -2956,12 +2960,18 @@ var SelectField = (props) => {
     required,
     disabled,
     hideSearchBar = false,
+    searchPlaceholder,
+    onSearchChange,
     size = "m",
     className
   } = props;
   const triggerClass = cn(TRIGGER_CLASS, TRIGGER_SIZE_CLASS[size], className);
   const [open, setOpen] = useState5(false);
-  const [searchTerm, setSearchTerm] = useState5("");
+  const [searchTerm, setSearchTermState] = useState5("");
+  const setSearchTerm = (term) => {
+    setSearchTermState(term);
+    onSearchChange == null ? void 0 : onSearchChange(term);
+  };
   const searchInputRef = useRef5(null);
   const sections = filterSelectItems(options, searchTerm);
   const isEmpty = sections.length === 0;
@@ -3032,7 +3042,8 @@ var SelectField = (props) => {
                 {
                   searchInputRef,
                   searchTerm,
-                  setSearchTerm
+                  setSearchTerm,
+                  placeholder: searchPlaceholder
                 }
               ),
               /* @__PURE__ */ jsxs17("div", { className: "overflow-y-auto", children: [
@@ -3145,7 +3156,8 @@ var SelectField = (props) => {
                   {
                     searchInputRef,
                     searchTerm,
-                    setSearchTerm
+                    setSearchTerm,
+                    placeholder: searchPlaceholder
                   }
                 ),
                 /* @__PURE__ */ jsxs17(RadixSelect2.Viewport, { children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.472",
+  "version": "1.0.474",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",