@ambuj.bhaskar/react-component-library 0.30.14 → 0.30.15

package/dist/index.d.ts

@@ -1326,6 +1326,7 @@ export declare type MultiselectProps = {
     id?: string;
     suffixIcon?: ReactNode | boolean;
     mode?: "multiple" | "tags";
+    textOverflow?: "ellipsis" | "clip";
 };
 
 declare type Option_2 = {
@@ -1426,6 +1427,7 @@ export declare type SelectProps = {
     title?: string;
     textColor?: Color;
     textSize?: "xs" | "s" | "m" | "l" | "xl";
+    textOverflow?: "ellipsis" | "clip";
 };
 
 export declare type ShowAnnotationStatus = "approved" | "rejected" | "pending" | "corrected" | "all";

package/dist/index.js

@@ -76501,12 +76501,13 @@ const rSe = (e) => {
   suffixIcon: y = !0,
   title: w = "",
   textColor: E,
-  textSize: S = "s"
+  textSize: S = "s",
+  textOverflow: _ = "ellipsis"
 }) => (S = S ?? mSe[A], /* @__PURE__ */ j.jsx(
   Na,
   {
     id: p,
-    className: `${i} single_select_container h_${A} items_${o} text_${S} ${g ? "disabled" : ""}`,
+    className: `${i} single_select_container h_${A} items_${o} text_${S} text_overflow_${_} ${g ? "disabled" : ""}`,
     suffixIcon: y ? void 0 : null,
     style: {
       width: v,
@@ -76523,9 +76524,9 @@ const rSe = (e) => {
     showSearch: C,
     placeholder: r,
     disabled: g,
-    popupClassName: `single_select_dropdown h_${A} items_${o} text_${S} ${d ? "border" : ""}`,
+    popupClassName: `single_select_dropdown h_${A} items_${o} text_${S} text_overflow_${_} ${d ? "border" : ""}`,
     removeIcon: !0,
-    filterOption: (_, M) => ((M == null ? void 0 : M.label) ?? "").toLowerCase().includes(_.toLowerCase()),
+    filterOption: (M, H) => ((H == null ? void 0 : H.label) ?? "").toLowerCase().includes(M.toLowerCase()),
     options: e,
     title: w
   }
@@ -87865,7 +87866,8 @@ const uRe = {
   className: S = "",
   textColor: _,
   textSize: M = "s",
-  mode: H = "multiple"
+  mode: H = "multiple",
+  textOverflow: k = "ellipsis"
 }) => (M = M ?? uRe[w], /* @__PURE__ */ j.jsx(
   Na,
   {
@@ -87873,7 +87875,7 @@ const uRe = {
     allowClear: A,
     disabled: d,
     showSearch: f,
-    className: `multi_select_container ${S} h_${w} text_${M}`,
+    className: `multi_select_container ${S} h_${w} text_${M} text_overflow_${k}`,
     mode: H,
     style: {
       width: y,
@@ -87889,20 +87891,20 @@ const uRe = {
     options: e,
     placeholder: r,
     onChange: t,
-    popupClassName: `multi_select_dropdown h_${w} text_${M}`,
+    popupClassName: `multi_select_dropdown h_${w} text_${M} text_overflow_${k}`,
     value: n,
-    filterOption: (k, B) => ((B == null ? void 0 : B.label) ?? "").toLowerCase().includes(k.toLowerCase()),
+    filterOption: (B, I) => ((I == null ? void 0 : I.label) ?? "").toLowerCase().includes(B.toLowerCase()),
     title: p,
     maxCount: g,
     maxTagCount: C,
-    maxTagPlaceholder: (k) => /* @__PURE__ */ j.jsx(
+    maxTagPlaceholder: (B) => /* @__PURE__ */ j.jsx(
       Ui,
       {
         styles: { root: { pointerEvents: "none" } },
-        title: k.map(({ label: B }) => B).join(", "),
+        title: B.map(({ label: I }) => I).join(", "),
         children: /* @__PURE__ */ j.jsxs("span", { children: [
           "+",
-          k.length
+          B.length
         ] })
       }
     )