nntc-ui 0.0.91 → 0.0.93

package/{chunk-OJNXOQUW.js → chunk-SQXO2GJK.js}

@@ -255,6 +255,15 @@ var VisibilityIcon = (props) => /* @__PURE__ */ jsx41(Icon, { ...props, children
   }
 ) });
 
+// src/icons/PointIcon.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+var PointIcon = (props) => /* @__PURE__ */ jsx42(Icon, { ...props, children: /* @__PURE__ */ jsx42(
+  "path",
+  {
+    d: "M12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8V8Z"
+  }
+) });
+
 export {
   __export,
   CheckboxDeselectedIcon,
@@ -296,5 +305,6 @@ export {
   BookmarkAddIcon,
   ExportTableIcon,
   DownloadIcon,
-  VisibilityIcon
+  VisibilityIcon,
+  PointIcon
 };

package/icons/index.d.ts

@@ -86,4 +86,6 @@ declare const DownloadIcon: React__default.FC<IconProps>;
 
 declare const VisibilityIcon: React__default.FC<IconProps>;
 
-export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, RadioDeselectedIcon, RadioSelectedIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };
+declare const PointIcon: React__default.FC<IconProps>;
+
+export { AddIcon, AlertIcon, ArrowDropDownIcon, ArrowDropUpIcon, AttachIcon, BarChartIcon, BookmarkAddIcon, BookmarkIcon, CheckboxDeselectedIcon, CheckboxIcon, CheckboxSeveralIcon, ChevronLeftIcon, ChevronRightIcon, CircleFilledIcon, CloseIcon, DateRangeIcon, DeleteIcon, DoneIcon, DownloadIcon, EditIcon, ExportTableIcon, FileUploadIcon, FilterClearIcon, FilterIcon, FullScreenOffIcon, FullScreenOnIcon, InfoIcon, KeyboardArrowDownIcon, ListIcon, MoreVerticalIcon, PointIcon, RadioDeselectedIcon, RadioSelectedIcon, SearchIcon, SettingsIcon, SortDownIcon, SortUpIcon, TableChartIcon, UploadIcon, VisibilityIcon, WellIcon };

package/icons/index.js

@@ -29,6 +29,7 @@ import {
   KeyboardArrowDownIcon,
   ListIcon,
   MoreVerticalIcon,
+  PointIcon,
   RadioDeselectedIcon,
   RadioSelectedIcon,
   SearchIcon,
@@ -39,7 +40,7 @@ import {
   UploadIcon,
   VisibilityIcon,
   WellIcon
-} from "../chunk-OJNXOQUW.js";
+} from "../chunk-SQXO2GJK.js";
 export {
   AddIcon,
   AlertIcon,
@@ -71,6 +72,7 @@ export {
   KeyboardArrowDownIcon,
   ListIcon,
   MoreVerticalIcon,
+  PointIcon,
   RadioDeselectedIcon,
   RadioSelectedIcon,
   SearchIcon,

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

@@ -19,7 +19,7 @@ import {
   SortDownIcon,
   SortUpIcon,
   __export
-} from "./chunk-OJNXOQUW.js";
+} from "./chunk-SQXO2GJK.js";
 
 // src/components/common/Button/Button.tsx
 import classnames from "classnames";
@@ -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.93",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
   "type": "module",