@connectif/ui-components 9.0.0 → 9.0.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Changelog
 
+## [9.0.2] - 2026-05-29
+
+### Added
+
+- Added `calendar-star-outline`, `play-speed`, `timer-play-outline`, `timer-stop-outline` icons.
+
+## [9.0.1] - 2026-05-28
+
+### Added
+
+- Added `minMenuWidth` prop to `Select` component to set a minimum width for the dropdown menu.
+- Added `maxMenuWidth` prop to `Select` component to cap the dropdown menu's natural width.
+- Added `view-week-outline` icon.
+
+### Changed
+
+- `Select` dropdown menu no longer matches the trigger element's width. The menu now sizes to its content, constrained by `minMenuWidth` and `maxMenuWidth`
+
 ## [9.0.0] - 2026-05-21
 
 ### Added

package/dist/components/icon/icons.d.ts

@@ -312,6 +312,7 @@ export declare const icons: {
     'calendar-range': string;
     'calendar-remove': string;
     'calendar-search-outline': string;
+    'calendar-star-outline': string;
     'calendar-text': string;
     'calendar-today': string;
     'call-made': string;
@@ -1381,6 +1382,7 @@ export declare const icons: {
     'playlist-play': string;
     'playlist-plus': string;
     'playlist-remove': string;
+    'play-speed': string;
     playstation: string;
     plex: string;
     plus: string;
@@ -1752,8 +1754,10 @@ export declare const icons: {
     'timer-cancel': string;
     'timer-off': string;
     'timer-outline': string;
+    'timer-play-outline': string;
     'timer-sand': string;
     'timer-sand-empty': string;
+    'timer-stop-outline': string;
     timetable: string;
     'toggle-switch': string;
     'toggle-switch-off': string;
@@ -1860,6 +1864,7 @@ export declare const icons: {
     'view-sequential': string;
     'view-stream': string;
     'view-week': string;
+    'view-week-outline': string;
     vimeo: string;
     vine: string;
     violin: string;

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

@@ -75,6 +75,17 @@ export type SelectProps<T extends string | number | undefined, Multiple extends
      * The max height of the menu when open
      */
     menuMaxHeight?: string;
+    /**
+     * The minimum width (in px) of the dropdown menu.
+     * Defaults to 200.
+     */
+    minMenuWidth?: number;
+    /**
+     * The maximum width (in px) of the dropdown menu. Defaults to 400.
+     * When `virtualized=true`, the menu width is fixed to `minMenuWidth` by default,
+     * but `maxMenuWidth` still acts as an upper cap if `virtualizedProps.width` exceeds it.
+     */
+    maxMenuWidth?: number;
     /**
      * Ref to inner HTMLSelectElement
      */

package/dist/index.js

@@ -1200,6 +1200,7 @@ import {
   mdiCalendarRange,
   mdiCalendarRemove,
   mdiCalendarSearchOutline,
+  mdiCalendarStarOutline,
   mdiCalendarText,
   mdiCalendarToday,
   mdiCallMade,
@@ -2137,6 +2138,7 @@ import {
   mdiPlaylistPlay,
   mdiPlaylistPlus,
   mdiPlaylistRemove,
+  mdiPlaySpeed,
   mdiPlus,
   mdiPlusBox,
   mdiPlusBoxOutline,
@@ -2475,8 +2477,10 @@ import {
   mdiTimerCancel,
   mdiTimerOff,
   mdiTimerOutline,
+  mdiTimerPlayOutline,
   mdiTimerSand,
   mdiTimerSandEmpty,
+  mdiTimerStopOutline,
   mdiTimetable,
   mdiToggleSwitch,
   mdiToggleSwitchOff,
@@ -2638,7 +2642,8 @@ import {
   mdiDatabaseExport,
   mdiBrain,
   mdiTools,
-  mdiSitemapOutline
+  mdiSitemapOutline,
+  mdiViewWeekOutline
 } from "@mdi/js";
 var icons = {
   "abx-testing": "M 18.00108644,11.0000004 L 18.00108644,8.00000044 L 22.00108644,12.0000004 L 18.00108644,16.0000004 L 18.00108644,13.0000004 L 13.57108644,13.0000004 C 13.1110864,12.2500004 12.5410864,11.5800004 11.8810864,11.0000004 L 18.00108644,11.0000004 Z M 12.0010864,22.0000004 L 16.00108644,18.0000004 L 13.0010864,18.0000004 C 13.1510864,14.3900004 10.4310864,11.3100004 6.8310864,11.0000004 C 6.2810864,9.44000044 4.5610864,8.62000044 3.0010864,9.17000044 C 1.4410864,9.72000044 0.6210864,11.4400004 1.1710864,13.0000004 C 1.7310864,14.5600004 3.4410864,15.3800004 5.0010864,14.8300004 C 5.8610864,14.5300004 6.5310864,13.8500004 6.8310864,13.0000004 C 10.8310864,13.4700004 11.0310864,17.4700004 11.0310864,17.9500004 L 8.0310864,17.9500004 L 12.0010864,22.0000004 Z M 11.4110864,10.6300004 C 12.4310864,9.30000044 13.0010864,7.67000044 13.0010864,6.00000044 L 16.00108644,6.00000044 L 12.0010864,2.00000044 L 8.0010864,6.00000044 L 11.0010864,6.00000044 C 10.9710864,7.34000044 10.5010864,8.63000044 9.6010864,9.64000044 C 10.2410864,9.89000044 10.8510864,10.22000044 11.4110864,10.6300004 Z",
@@ -2954,6 +2959,7 @@ var icons = {
   "calendar-range": mdiCalendarRange,
   "calendar-remove": mdiCalendarRemove,
   "calendar-search-outline": mdiCalendarSearchOutline,
+  "calendar-star-outline": mdiCalendarStarOutline,
   "calendar-text": mdiCalendarText,
   "calendar-today": mdiCalendarToday,
   "call-made": mdiCallMade,
@@ -4046,6 +4052,7 @@ var icons = {
   "playlist-play": mdiPlaylistPlay,
   "playlist-plus": mdiPlaylistPlus,
   "playlist-remove": mdiPlaylistRemove,
+  "play-speed": mdiPlaySpeed,
   playstation: "M9.5,4.27C10.88,4.53 12.9,5.14 14,5.5C16.75,6.45 17.69,7.63 17.69,10.29C17.69,12.89 16.09,13.87 14.05,12.89V8.05C14.05,7.5 13.95,6.97 13.41,6.82C13,6.69 12.76,7.07 12.76,7.63V19.73L9.5,18.69V4.27M13.37,17.62L18.62,15.75C19.22,15.54 19.31,15.24 18.83,15.08C18.34,14.92 17.47,14.97 16.87,15.18L13.37,16.41V14.45L13.58,14.38C13.58,14.38 14.59,14 16,13.87C17.43,13.71 19.17,13.89 20.53,14.4C22.07,14.89 22.25,15.61 21.86,16.1C21.46,16.6 20.5,16.95 20.5,16.95L13.37,19.5V17.62M3.5,17.42C1.93,17 1.66,16.05 2.38,15.5C3.05,15 4.18,14.65 4.18,14.65L8.86,13V14.88L5.5,16.09C4.9,16.3 4.81,16.6 5.29,16.76C5.77,16.92 6.65,16.88 7.24,16.66L8.86,16.08V17.77L8.54,17.83C6.92,18.09 5.2,18 3.5,17.42Z",
   plex: "M4,2C2.89,2 2,2.89 2,4V20C2,21.11 2.89,22 4,22H20C21.11,22 22,21.11 22,20V4C22,2.89 21.11,2 20,2H4M8.56,6H12.06L15.5,12L12.06,18H8.56L12,12L8.56,6Z",
   plus: mdiPlus,
@@ -4429,8 +4436,10 @@ var icons = {
   "timer-cancel": mdiTimerCancel,
   "timer-off": mdiTimerOff,
   "timer-outline": mdiTimerOutline,
+  "timer-play-outline": mdiTimerPlayOutline,
   "timer-sand": mdiTimerSand,
   "timer-sand-empty": mdiTimerSandEmpty,
+  "timer-stop-outline": mdiTimerStopOutline,
   timetable: mdiTimetable,
   "toggle-switch": mdiToggleSwitch,
   "toggle-switch-off": mdiToggleSwitchOff,
@@ -4542,6 +4551,7 @@ var icons = {
   "view-sequential": mdiViewSequential,
   "view-stream": mdiViewStream,
   "view-week": mdiViewWeek,
+  "view-week-outline": mdiViewWeekOutline,
   vimeo: "M22,7.42C21.91,9.37 20.55,12.04 17.92,15.44C15.2,19 12.9,20.75 11,20.75C9.85,20.75 8.86,19.67 8.05,17.5C7.5,15.54 7,13.56 6.44,11.58C5.84,9.42 5.2,8.34 4.5,8.34C4.36,8.34 3.84,8.66 2.94,9.29L2,8.07C3,7.2 3.96,6.33 4.92,5.46C6.24,4.32 7.23,3.72 7.88,3.66C9.44,3.5 10.4,4.58 10.76,6.86C11.15,9.33 11.42,10.86 11.57,11.46C12,13.5 12.5,14.5 13.05,14.5C13.47,14.5 14.1,13.86 14.94,12.53C15.78,11.21 16.23,10.2 16.29,9.5C16.41,8.36 15.96,7.79 14.94,7.79C14.46,7.79 13.97,7.9 13.46,8.12C14.44,4.89 16.32,3.32 19.09,3.41C21.15,3.47 22.12,4.81 22,7.42Z",
   vine: "M19.89,11.95C19.43,12.06 19,12.1 18.57,12.1C16.3,12.1 14.55,10.5 14.55,7.76C14.55,6.41 15.08,5.7 15.82,5.7C16.5,5.7 17,6.33 17,7.61C17,8.34 16.79,9.14 16.65,9.61C16.65,9.61 17.35,10.83 19.26,10.46C19.67,9.56 19.89,8.39 19.89,7.36C19.89,4.6 18.5,3 15.91,3C13.26,3 11.71,5.04 11.71,7.72C11.71,10.38 12.95,12.67 15,13.71C14.14,15.43 13.04,16.95 11.9,18.1C9.82,15.59 7.94,12.24 7.17,5.7H4.11C5.53,16.59 9.74,20.05 10.86,20.72C11.5,21.1 12.03,21.08 12.61,20.75C13.5,20.24 16.23,17.5 17.74,14.34C18.37,14.33 19.13,14.26 19.89,14.09V11.95Z",
   violin: mdiViolin,
@@ -22051,6 +22061,8 @@ var Select = function Select2({
   menuZIndex,
   menuColors,
   menuMaxHeight,
+  minMenuWidth = 200,
+  maxMenuWidth = 400,
   "data-testid": dataTestId,
   open,
   onOpen,
@@ -22063,9 +22075,6 @@ var Select = function Select2({
   const paperRef = React64.useRef(null);
   const selectRef = React64.useRef(null);
   const [measuredPaperHeight, setMeasuredPaperHeight] = React64.useState(void 0);
-  const [selectWidth, setSelectWidth] = React64.useState(
-    void 0
-  );
   const [highlightedIndex, setHighlightedIndex] = React64.useState(-1);
   const currentValue = React64.useMemo(
     () => value ?? (multiple ? [] : ""),
@@ -22121,7 +22130,7 @@ var Select = function Select2({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, [isOpen, virtualized, highlightedIndex, options, onChange, onClose]);
   const defaultVirtualizedProps = {
-    width: selectWidth ?? 250,
+    width: minMenuWidth,
     overscanCount: 3,
     itemSize: 44
   };
@@ -22216,7 +22225,6 @@ var Select = function Select2({
       IconComponent: () => /* @__PURE__ */ jsx120(ChevronIcon, { disabled: rest.disabled, isOpen }),
       input: /* @__PURE__ */ jsx120(BootstrapInput, { ref: selectRef, placeholder }),
       onOpen: () => {
-        setSelectWidth(selectRef.current?.clientWidth);
         setOpen(true);
         onOpen && onOpen();
       },
@@ -22254,7 +22262,8 @@ var Select = function Select2({
               border: `1px solid ${menuColors.borderColor}`
             },
             maxHeight: menuMaxHeight,
-            maxWidth: selectWidth
+            minWidth: minMenuWidth,
+            maxWidth: maxMenuWidth
           },
           className: paperClassName
         },
@@ -22272,7 +22281,7 @@ var Select = function Select2({
           style: {
             maxHeight: measuredPaperHeight ? measuredPaperHeight - 16 : menuMaxHeight ? `calc(${menuMaxHeight} - 16px)` : "90vh",
             height: options.length * itemSize,
-            maxWidth: selectWidth ?? "90vw",
+            maxWidth: maxMenuWidth,
             flex: "1 1 auto"
           }
         }
@@ -22340,7 +22349,6 @@ var Select = function Select2({
       open,
       input: /* @__PURE__ */ jsx120(BootstrapInput, { ref: selectRef, placeholder }),
       onOpen: () => {
-        setSelectWidth(selectRef.current?.clientWidth);
         setOpen(true);
         onOpen && onOpen();
       },
@@ -22384,7 +22392,8 @@ var Select = function Select2({
               border: `1px solid ${menuColors.borderColor}`
             },
             maxHeight: menuMaxHeight,
-            maxWidth: selectWidth
+            minWidth: minMenuWidth,
+            maxWidth: maxMenuWidth
           },
           className: `${paperClassName} Slim-Vertical-Scroll`
         }