@sprinklrjs/spaceweb 14.13.0 → 14.13.2

package/menu/menu-item.d.ts

@@ -30,7 +30,7 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
             } | undefined;
             selected?: boolean | undefined;
             startEnhancer?: import("../list/types").Enhancer<ListItemSharedProps>;
-            tooltipContent?: React.ReactNode | import("../baseui/popover").StatefulContentRenderProp;
+            tooltipContent?: React.ReactNode | import("../baseui/popover").ContentRenderProp;
         } & Record<string, any>> | undefined;
         Popover?: import("../overrides").Override<Omit<import("../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
             overrides?: ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sprinklrjs/spaceweb",
-  "version": "14.13.0",
+  "version": "14.13.2",
   "description": "Components for SpaceWeb",
   "main": "index.js",
   "module": "./esm/index.js",
@@ -100,7 +100,7 @@
     "ts-node": "^10.4.0"
   },
   "peerDependencies": {
-    "@sprinklrjs/spaceweb-themes": "14.13.0",
+    "@sprinklrjs/spaceweb-themes": "14.13.2",
     "react": ">=17.0.2 <19.0.0",
     "react-dom": ">=17.0.2 <19.0.0"
   }

package/select/locale.d.ts

@@ -5,6 +5,7 @@ export type SelectLocale = {
     selectPlaceholder: string;
     clearOptionLabel: string;
     selectedValuesPrefix: string;
+    selectedMultiValuesPrefix: string;
     item: string;
     items: string;
     collapsibleMenuDescription: string;

package/select/selectMenuAdapter/CollapsibleSelectMenu.d.ts

@@ -67,7 +67,7 @@ export declare const CollapsibleSelectMenu: ({ overrides, value, items: groupedI
                     } | undefined;
                     selected?: boolean | undefined;
                     startEnhancer?: import("../../list/types").Enhancer<import("../../list").ListItemSharedProps>;
-                    tooltipContent?: ReactNode | import("../../baseui/popover").StatefulContentRenderProp;
+                    tooltipContent?: ReactNode | import("../../baseui/popover").ContentRenderProp;
                 } & Record<string, any>> | undefined;
                 Popover?: import("../../overrides").Override<Omit<import("../../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
                     overrides?: ({

package/select/selectMenuAdapter/SelectMenuItem.d.ts

@@ -38,7 +38,7 @@ declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponen
                     } | undefined;
                     selected?: boolean | undefined;
                     startEnhancer?: import("../../list/types").Enhancer<import("../../list").ListItemSharedProps>;
-                    tooltipContent?: React.ReactNode | import("../../baseui/popover").StatefulContentRenderProp;
+                    tooltipContent?: React.ReactNode | import("../../baseui/popover").ContentRenderProp;
                 } & Record<string, any>> | undefined;
                 Popover?: Override<Omit<import("../../baseui/popover").PopoverProps, "children" | "overrides" | "placement" | "triggerType"> & {
                     overrides?: ({

package/select/styled-component.js

@@ -45,7 +45,7 @@ exports.StyledInput = (0, style_1.styled)('input', 'bg-transparent border-none i
 });
 var StyledOverlayContentContainer = (0, style_1.styled)('div', 'overflow-auto rounded-inherit w-[--sw-width]');
 exports.StyledOverlayContentContainer = StyledOverlayContentContainer;
-var getCommaSeparatedValues = function (value, limitTags, labelKey, locale) {
+var getCommaSeparatedValues = function (value, limitTags, labelKey, locale, multi) {
     if (limitTags === void 0) { limitTags = Number(Infinity); }
     var _limitTags = limitTags < 0 ? Number(Infinity) : limitTags;
     var commaSeparatedValues = value === null || value === void 0 ? void 0 : value.slice(0, _limitTags).map(function (val) { return val[labelKey]; });
@@ -54,16 +54,26 @@ var getCommaSeparatedValues = function (value, limitTags, labelKey, locale) {
         commaSeparatedValues.push("".concat("+".concat(extraTagNumber, " ").concat(extraTagNumber === 1 ? locale.select.item : locale.select.items)));
     }
     var _commaSeparatedValues = commaSeparatedValues === null || commaSeparatedValues === void 0 ? void 0 : commaSeparatedValues.join(',');
-    return value && value.length > 0
-        ? "".concat((0, i18n_interpolation_1.default)(locale.select.selectedValuesPrefix, { values: _commaSeparatedValues }), ".")
-        : '';
+    if (!(value === null || value === void 0 ? void 0 : value.length)) {
+        return '';
+    }
+    if (multi) {
+        var count = value.length;
+        var countLabel = count === 1 ? locale.select.item : locale.select.items;
+        return "".concat((0, i18n_interpolation_1.default)(locale.select.selectedMultiValuesPrefix, {
+            count: String(count),
+            countLabel: countLabel,
+            values: _commaSeparatedValues,
+        }), ".");
+    }
+    return "".concat((0, i18n_interpolation_1.default)(locale.select.selectedValuesPrefix, { values: _commaSeparatedValues }), ".");
 };
 var InputContainer = function (_a) {
     var _b;
     var size = _a.size, $value = _a.$value, $labelKey = _a.$labelKey, placeholder = _a.placeholder, $limitTags = _a.$limitTags, props = tslib_1.__rest(_a, ["size", "$value", "$labelKey", "placeholder", "$limitTags"]);
     var locale = (0, locale_1.useLocale)();
     var listboxId = (0, SelectIdsContext_1.useSelectIds)().listboxId;
-    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale);
+    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale, props.$multi);
     var baseAriaDescribedBy = (_b = props['aria-describedby']) !== null && _b !== void 0 ? _b : '';
     var selectedValuesId = (0, useUniqueId_1.default)();
     var ariaDescribedBy = commaSeparatedValues ? "".concat(selectedValuesId, " ").concat(baseAriaDescribedBy) : baseAriaDescribedBy;
@@ -83,7 +93,7 @@ var Input = (0, react_1.forwardRef)(function (_a, ref) {
     var placeholder = _a.placeholder, $value = _a.$value, $labelKey = _a.$labelKey, _c = _a.$limitTags, $limitTags = _c === void 0 ? Number(Infinity) : _c, props = tslib_1.__rest(_a, ["placeholder", "$value", "$labelKey", "$limitTags"]);
     var locale = (0, locale_1.useLocale)();
     var _d = (0, SelectIdsContext_1.useSelectIds)(), listboxId = _d.listboxId, inputId = _d.inputId;
-    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale);
+    var commaSeparatedValues = getCommaSeparatedValues($value, $limitTags, $labelKey, locale, props.$multi);
     var baseAriaDescribedBy = (_b = props['aria-describedby']) !== null && _b !== void 0 ? _b : '';
     var selectedValuesId = (0, useUniqueId_1.default)();
     var ariaDescribedBy = commaSeparatedValues ? "".concat(selectedValuesId, " ").concat(baseAriaDescribedBy) : baseAriaDescribedBy;