nntc-ui 0.0.91 → 0.0.92

package/index.css

@@ -1302,6 +1302,9 @@
 .multiSelect_label {
   color: var(--theme-text-secondary);
 }
+.multiSelect_labelSelectedCount {
+  color: var(--theme-text-secondary);
+}
 .multiSelect_wrapper {
   position: relative;
   width: 100%;

package/index.d.ts

@@ -173,6 +173,7 @@ interface Props$g {
     onValueChange?: (newItem: Item$4[] | null) => void;
     selected: string[] | null;
     titleType?: TitleVariant;
+    showSelectedCount?: boolean;
     enableSearch?: boolean;
     popoverInComponent?: boolean;
 }

package/index.js

@@ -2153,6 +2153,7 @@ __export(multiSelect_exports, {
   input: () => input7,
   itemIcon: () => itemIcon3,
   label: () => label6,
+  labelSelectedCount: () => labelSelectedCount,
   medium: () => medium10,
   outlined: () => outlined7,
   popoverContent: () => popoverContent4,
@@ -2169,6 +2170,7 @@ var fullWidth3 = "multiSelect_fullWidth";
 var medium10 = "multiSelect_medium";
 var small10 = "multiSelect_small";
 var label6 = "multiSelect_label";
+var labelSelectedCount = "multiSelect_labelSelectedCount";
 var wrapper5 = "multiSelect_wrapper";
 var input7 = "multiSelect_input";
 var withIcon4 = "multiSelect_withIcon";
@@ -2191,6 +2193,7 @@ var multiSelect_default = {
   medium: medium10,
   small: small10,
   label: label6,
+  labelSelectedCount,
   wrapper: wrapper5,
   input: input7,
   withIcon: withIcon4,
@@ -2429,6 +2432,7 @@ function MultiSelect(props) {
     disabled: disabled2,
     id,
     titleType = "allValue",
+    showSelectedCount = false,
     enableSearch = false,
     popoverInComponent = false,
     ...inputProps
@@ -2477,7 +2481,7 @@ function MultiSelect(props) {
     if (!activeItems.length)
       return "";
     return getTitle(titleType, activeItems, t);
-  }, [titleType, activeItems]);
+  }, [titleType, activeItems, t]);
   const clearHandler = () => {
     onValueChange?.(null);
   };
@@ -2492,7 +2496,7 @@ function MultiSelect(props) {
         classes?.root
       ),
       children: [
-        !!label10 && /* @__PURE__ */ jsx22(
+        !!label10 && /* @__PURE__ */ jsxs12(
           Typography,
           {
             className: classnames12(label6, classes?.label),
@@ -2500,7 +2504,16 @@ function MultiSelect(props) {
             variant: "caption",
             htmlFor: inputId,
             onClick: inputClickHandler,
-            children: label10
+            children: [
+              label10,
+              showSelectedCount && activeItems.length > 0 && /* @__PURE__ */ jsx22(
+                "span",
+                {
+                  className: classnames12(labelSelectedCount, classes?.labelSelectedCount),
+                  children: ` (${activeItems.length})`
+                }
+              )
+            ]
           }
         ),
         /* @__PURE__ */ jsxs12(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nntc-ui",
-  "version": "0.0.91",
+  "version": "0.0.92",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",