@nurix/ui-component-library 1.1.7-stage.145 → 1.1.7-stage.147

package/dist/index.d.mts

@@ -3668,6 +3668,13 @@ interface MultiSelectProps<T extends string = string> {
      * @default true
      */
     showSelectAll?: boolean;
+    /**
+     * When every selectable item is selected, collapse the trigger summary to
+     * this label plus the count — e.g. `allSelectedLabel="All tools selected"`
+     * renders `All tools selected (4)` instead of the comma-separated list.
+     * When omitted, the comma summary is shown for the all-selected case too.
+     */
+    allSelectedLabel?: string;
     /**
      * Size variant. Same vocabulary as `SelectTrigger.size` so a paired
      * single-select and multi-select stay visually aligned.
@@ -3717,7 +3724,7 @@ interface MultiSelectProps<T extends string = string> {
  * a filter pill — so it slots into form layouts next to a normal Select
  * without visual drift.
  */
-declare function MultiSelect<T extends string = string>({ value, onValueChange, items, placeholder, label, showSearch, searchPlaceholder, showSelectAll, size, bg, disabled, maxHeight, id, className, "data-testid": dataTestId, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function MultiSelect<T extends string = string>({ value, onValueChange, items, placeholder, label, showSearch, searchPlaceholder, showSelectAll, allSelectedLabel, size, bg, disabled, maxHeight, id, className, "data-testid": dataTestId, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface ChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> {
     /**
@@ -3854,6 +3861,15 @@ interface WeeklyScheduleProps {
      * @default { start: "09:00", end: "17:00" }
      */
     defaultSlot?: WeeklyTimeSlot;
+    /**
+     * Optional id namespace for the internal day toggles. When more than
+     * one `WeeklySchedule` can appear on the same page (e.g. one per
+     * timezone group), pass a value unique to each instance so the per-day
+     * switch `id`/`htmlFor` pairs stay unique. Without it every instance
+     * emits the same ids and clicking a day label toggles the first
+     * instance's switch. Defaults to `"weekly-schedule"`.
+     */
+    id?: string;
     className?: string;
     style?: React$1.CSSProperties;
     /**

package/dist/index.d.ts

@@ -3668,6 +3668,13 @@ interface MultiSelectProps<T extends string = string> {
      * @default true
      */
     showSelectAll?: boolean;
+    /**
+     * When every selectable item is selected, collapse the trigger summary to
+     * this label plus the count — e.g. `allSelectedLabel="All tools selected"`
+     * renders `All tools selected (4)` instead of the comma-separated list.
+     * When omitted, the comma summary is shown for the all-selected case too.
+     */
+    allSelectedLabel?: string;
     /**
      * Size variant. Same vocabulary as `SelectTrigger.size` so a paired
      * single-select and multi-select stay visually aligned.
@@ -3717,7 +3724,7 @@ interface MultiSelectProps<T extends string = string> {
  * a filter pill — so it slots into form layouts next to a normal Select
  * without visual drift.
  */
-declare function MultiSelect<T extends string = string>({ value, onValueChange, items, placeholder, label, showSearch, searchPlaceholder, showSelectAll, size, bg, disabled, maxHeight, id, className, "data-testid": dataTestId, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function MultiSelect<T extends string = string>({ value, onValueChange, items, placeholder, label, showSearch, searchPlaceholder, showSelectAll, allSelectedLabel, size, bg, disabled, maxHeight, id, className, "data-testid": dataTestId, }: MultiSelectProps<T>): react_jsx_runtime.JSX.Element;
 
 interface ChipProps extends Omit<React$1.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick"> {
     /**
@@ -3854,6 +3861,15 @@ interface WeeklyScheduleProps {
      * @default { start: "09:00", end: "17:00" }
      */
     defaultSlot?: WeeklyTimeSlot;
+    /**
+     * Optional id namespace for the internal day toggles. When more than
+     * one `WeeklySchedule` can appear on the same page (e.g. one per
+     * timezone group), pass a value unique to each instance so the per-day
+     * switch `id`/`htmlFor` pairs stay unique. Without it every instance
+     * emits the same ids and clicking a day label toggles the first
+     * instance's switch. Defaults to `"weekly-schedule"`.
+     */
+    id?: string;
     className?: string;
     style?: React$1.CSSProperties;
     /**

package/dist/index.js

@@ -18013,6 +18013,7 @@ function MultiSelect({
   showSearch = false,
   searchPlaceholder = "Search\u2026",
   showSelectAll = true,
+  allSelectedLabel,
   size = "regular",
   bg = "default",
   disabled = false,
@@ -18047,11 +18048,12 @@ function MultiSelect({
   };
   const summary = React48.useMemo(() => {
     if (value.length === 0) return "";
+    if (allSelected && allSelectedLabel) return `${allSelectedLabel} (${value.length})`;
     const valueSet = new Set(value);
     const labels = items.filter((i) => valueSet.has(i.value)).map((i) => i.label);
     if (labels.length <= 2) return labels.join(", ");
     return `${labels.slice(0, 2).join(", ")} +${labels.length - 2}`;
-  }, [items, value]);
+  }, [items, value, allSelected, allSelectedLabel]);
   const sizeClass = size === "small" ? SELECT_TOKENS.container.singleLineSmall : size === "large" ? SELECT_TOKENS.container.singleLineLarge : SELECT_TOKENS.container.singleLineRegular;
   const trigger = /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     "button",
@@ -18597,6 +18599,7 @@ var WeeklySchedule = React51.forwardRef(
     onValidationChange,
     dayLabels,
     defaultSlot = DEFAULT_SLOT,
+    id = "weekly-schedule",
     className,
     style,
     "data-testid": dataTestId
@@ -18667,6 +18670,7 @@ var WeeklySchedule = React51.forwardRef(
           const entry = (_a5 = value.find((d) => d.day === day)) != null ? _a5 : { day, enabled: false, slots: [] };
           const isEnabled = entry.enabled;
           const slotsToRender = entry.slots.length > 0 ? entry.slots : [defaultSlot];
+          const switchId = `${id}-switch-${day}`;
           return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "div",
             {
@@ -18681,7 +18685,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     Switch,
                     {
-                      id: `weekly-schedule-switch-${day}`,
+                      id: switchId,
                       checked: isEnabled,
                       onCheckedChange: (checked) => handleToggle(day, checked),
                       size: "small",
@@ -18691,7 +18695,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "label",
                     {
-                      htmlFor: `weekly-schedule-switch-${day}`,
+                      htmlFor: switchId,
                       className: cn(
                         WEEKLY_SCHEDULE_TOKENS.dayLabel,
                         isEnabled ? WEEKLY_SCHEDULE_TOKENS.dayLabelEnabled : WEEKLY_SCHEDULE_TOKENS.dayLabelDisabled,

package/dist/index.mjs

@@ -17908,6 +17908,7 @@ function MultiSelect({
   showSearch = false,
   searchPlaceholder = "Search\u2026",
   showSelectAll = true,
+  allSelectedLabel,
   size = "regular",
   bg = "default",
   disabled = false,
@@ -17942,11 +17943,12 @@ function MultiSelect({
   };
   const summary = React48.useMemo(() => {
     if (value.length === 0) return "";
+    if (allSelected && allSelectedLabel) return `${allSelectedLabel} (${value.length})`;
     const valueSet = new Set(value);
     const labels = items.filter((i) => valueSet.has(i.value)).map((i) => i.label);
     if (labels.length <= 2) return labels.join(", ");
     return `${labels.slice(0, 2).join(", ")} +${labels.length - 2}`;
-  }, [items, value]);
+  }, [items, value, allSelected, allSelectedLabel]);
   const sizeClass = size === "small" ? SELECT_TOKENS.container.singleLineSmall : size === "large" ? SELECT_TOKENS.container.singleLineLarge : SELECT_TOKENS.container.singleLineRegular;
   const trigger = /* @__PURE__ */ jsxs35(
     "button",
@@ -18492,6 +18494,7 @@ var WeeklySchedule = React51.forwardRef(
     onValidationChange,
     dayLabels,
     defaultSlot = DEFAULT_SLOT,
+    id = "weekly-schedule",
     className,
     style,
     "data-testid": dataTestId
@@ -18562,6 +18565,7 @@ var WeeklySchedule = React51.forwardRef(
           const entry = (_a5 = value.find((d) => d.day === day)) != null ? _a5 : { day, enabled: false, slots: [] };
           const isEnabled = entry.enabled;
           const slotsToRender = entry.slots.length > 0 ? entry.slots : [defaultSlot];
+          const switchId = `${id}-switch-${day}`;
           return /* @__PURE__ */ jsxs38(
             "div",
             {
@@ -18576,7 +18580,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ jsx47(
                     Switch,
                     {
-                      id: `weekly-schedule-switch-${day}`,
+                      id: switchId,
                       checked: isEnabled,
                       onCheckedChange: (checked) => handleToggle(day, checked),
                       size: "small",
@@ -18586,7 +18590,7 @@ var WeeklySchedule = React51.forwardRef(
                   /* @__PURE__ */ jsx47(
                     "label",
                     {
-                      htmlFor: `weekly-schedule-switch-${day}`,
+                      htmlFor: switchId,
                       className: cn(
                         WEEKLY_SCHEDULE_TOKENS.dayLabel,
                         isEnabled ? WEEKLY_SCHEDULE_TOKENS.dayLabelEnabled : WEEKLY_SCHEDULE_TOKENS.dayLabelDisabled,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nurix/ui-component-library",
-  "version": "1.1.7-stage.145",
+  "version": "1.1.7-stage.147",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",