design-zystem 1.0.465 → 1.0.467

package/dist/index.d.mts

@@ -318,10 +318,12 @@ interface BubbleProps {
     pulse?: boolean;
     /** Shows the hand cursor. Pair it with `onClick` so an actionable bubble (a tag that opens a file) looks actionable. */
     pointer?: boolean;
+    /** Shown like a button but not actionable: not-allowed cursor (wins over `pointer`), `onClick` ignored, `aria-disabled` set. */
+    disabled?: boolean;
     style?: CSSProperties;
     onClick?: () => void;
 }
-declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
+declare const Bubble: ({ children, onClick, ...otherProps }: BubbleProps) => react.JSX.Element;
 
 interface IconProps {
     name?: string;

package/dist/index.d.ts

@@ -318,10 +318,12 @@ interface BubbleProps {
     pulse?: boolean;
     /** Shows the hand cursor. Pair it with `onClick` so an actionable bubble (a tag that opens a file) looks actionable. */
     pointer?: boolean;
+    /** Shown like a button but not actionable: not-allowed cursor (wins over `pointer`), `onClick` ignored, `aria-disabled` set. */
+    disabled?: boolean;
     style?: CSSProperties;
     onClick?: () => void;
 }
-declare const Bubble: ({ children, ...otherProps }: BubbleProps) => react.JSX.Element;
+declare const Bubble: ({ children, onClick, ...otherProps }: BubbleProps) => react.JSX.Element;
 
 interface IconProps {
     name?: string;

package/dist/index.js

@@ -1469,7 +1469,8 @@ var shouldForwardProp6 = (prop) => ![
   "boxShadow",
   "width",
   "pulse",
-  "pointer"
+  "pointer",
+  "disabled"
 ].includes(prop);
 var StyledBubble = import_styled_components12.default.span.withConfig({
   shouldForwardProp: shouldForwardProp6
@@ -1482,7 +1483,7 @@ var StyledBubble = import_styled_components12.default.span.withConfig({
   margin: ${(props) => props.margin || "0"};
   padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
   font-weight: 600;
-  ${(props) => props.pointer ? "cursor: pointer;" : ""}
+  ${(props) => props.disabled ? "cursor: not-allowed;" : props.pointer ? "cursor: pointer;" : ""}
   width: ${(props) => props.width ? props.width : "fit-content"};
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1503,8 +1504,15 @@ var StyledBubble = import_styled_components12.default.span.withConfig({
     `}
 `;
 var Bubble = (_a) => {
-  var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(StyledBubble, __spreadProps(__spreadValues({}, otherProps), { children }));
+  var _b = _a, { children, onClick } = _b, otherProps = __objRest(_b, ["children", "onClick"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    StyledBubble,
+    __spreadProps(__spreadValues({}, otherProps), {
+      onClick: otherProps.disabled ? void 0 : onClick,
+      "aria-disabled": otherProps.disabled || void 0,
+      children
+    })
+  );
 };
 
 // src/ui-legacy/Components/NewModal/NewModal.tsx

package/dist/index.mjs

@@ -1326,7 +1326,8 @@ var shouldForwardProp6 = (prop) => ![
   "boxShadow",
   "width",
   "pulse",
-  "pointer"
+  "pointer",
+  "disabled"
 ].includes(prop);
 var StyledBubble = styled12.span.withConfig({
   shouldForwardProp: shouldForwardProp6
@@ -1339,7 +1340,7 @@ var StyledBubble = styled12.span.withConfig({
   margin: ${(props) => props.margin || "0"};
   padding: ${(props) => props.padding || paddingSizes[props.size] || "5px 10px"};
   font-weight: 600;
-  ${(props) => props.pointer ? "cursor: pointer;" : ""}
+  ${(props) => props.disabled ? "cursor: not-allowed;" : props.pointer ? "cursor: pointer;" : ""}
   width: ${(props) => props.width ? props.width : "fit-content"};
   overflow: hidden;
   text-overflow: ellipsis;
@@ -1360,8 +1361,15 @@ var StyledBubble = styled12.span.withConfig({
     `}
 `;
 var Bubble = (_a) => {
-  var _b = _a, { children } = _b, otherProps = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx15(StyledBubble, __spreadProps(__spreadValues({}, otherProps), { children }));
+  var _b = _a, { children, onClick } = _b, otherProps = __objRest(_b, ["children", "onClick"]);
+  return /* @__PURE__ */ jsx15(
+    StyledBubble,
+    __spreadProps(__spreadValues({}, otherProps), {
+      onClick: otherProps.disabled ? void 0 : onClick,
+      "aria-disabled": otherProps.disabled || void 0,
+      children
+    })
+  );
 };
 
 // src/ui-legacy/Components/NewModal/NewModal.tsx

package/dist/ui/index.d.mts

@@ -575,6 +575,8 @@ interface SelectOption {
     label: string;
     /** Secondary text shown in grey at the right of the option in the list (e.g. a count). */
     hint?: string;
+    /** Stays in the list whatever is typed in the search (e.g. an action such as « Saisir une adresse »). */
+    pinned?: boolean;
 }
 /** Options listed under a non-selectable heading. */
 interface SelectGroup {

package/dist/ui/index.d.ts

@@ -575,6 +575,8 @@ interface SelectOption {
     label: string;
     /** Secondary text shown in grey at the right of the option in the list (e.g. a count). */
     hint?: string;
+    /** Stays in the list whatever is typed in the search (e.g. an action such as « Saisir une adresse »). */
+    pinned?: boolean;
 }
 /** Options listed under a non-selectable heading. */
 interface SelectGroup {

package/dist/ui/index.js

@@ -2720,7 +2720,7 @@ var filterSelectItems = (items, searchTerm) => {
       return section;
     return __spreadProps(__spreadValues({}, section), {
       options: section.options.filter(
-        (option) => normalize(option.label).includes(term)
+        (option) => option.pinned || normalize(option.label).includes(term)
       )
     });
   }).filter((section) => section.options.length > 0);

package/dist/ui/index.mjs

@@ -2503,7 +2503,7 @@ var filterSelectItems = (items, searchTerm) => {
       return section;
     return __spreadProps(__spreadValues({}, section), {
       options: section.options.filter(
-        (option) => normalize(option.label).includes(term)
+        (option) => option.pinned || normalize(option.label).includes(term)
       )
     });
   }).filter((section) => section.options.length > 0);

package/package.json

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