@ambuj.bhaskar/react-component-library 0.24.15-alpha → 0.24.17-alpha

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { default as default_2 } from 'react';
 import { Dispatch } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PopoverProps as PopoverProps_2 } from 'antd';
+import { RangePickerProps } from 'antd/es/date-picker';
 import * as React_2 from 'react';
 import { ReactNode } from 'react';
 import { RefObject } from 'react';
@@ -822,7 +823,8 @@ export declare type DateRangePickerProps = {
     value?: Date[];
     onChange?: (value: Date[]) => void;
     className?: string;
-    showTime?: boolean;
+    showTime?: RangePickerProps["showTime"];
+    allowClear?: RangePickerProps["allowClear"];
     format?: DateTimeFormat;
     presetRanges?: TimeRangePickerProps["presets"];
     width?: CSSstring;
@@ -1208,6 +1210,7 @@ export declare type MultiselectProps = {
     menuActiveColor?: Color;
     menuHoverColor?: Color;
     borderColor?: Color;
+    textColor?: Color;
     disabled?: boolean;
     id?: string;
     suffixIcon?: ReactNode | boolean;
@@ -1312,6 +1315,7 @@ export declare type SelectProps = {
     id?: string;
     suffixIcon?: ReactNode | boolean;
     title?: string;
+    textColor?: Color;
 };
 
 declare function shiftPolygon(polygon: any): any;

package/dist/index.js

@@ -11893,7 +11893,7 @@ const SG = /* @__PURE__ */ Ao(EG), gg = ({
   title: e,
   titleId: t,
   ...n
-}, r) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { fill: "#1F1F1F", d: "M2.755 19.63a.7.7 0 0 0 .99.99l-.99-.99Zm5.495-4.505.495-.495a.7.7 0 0 0-.99 0l.495.495Zm2.5 2.5-.495.495a.7.7 0 0 0 .99 0l-.495-.495ZM16.375 12l.495-.495a.7.7 0 0 0-.99 0l.495.495Zm4.505 5.495a.7.7 0 0 0 .99-.99l-.99.99Zm-17.63 2.63.495.495 5-5-.495-.495-.495-.495-5 5 .495.495Zm5-5-.495.495 2.5 2.5.495-.495.495-.495-2.5-2.5-.495.495Zm2.5 2.5.495.495 5.625-5.625-.495-.495-.495-.495-5.625 5.625.495.495ZM16.375 12l-.495.495 5 5 .495-.495.495-.495-5-5-.495.495ZM5.75 2v.7h12.5V1.3H5.75V2ZM22 5.75h-.7v12.5h1.4V5.75H22ZM18.25 22v-.7H5.75v1.4h12.5V22ZM2 18.25h.7V5.75H1.3v12.5H2ZM5.75 22v-.7a3.05 3.05 0 0 1-3.05-3.05H1.3a4.45 4.45 0 0 0 4.45 4.45V22ZM22 18.25h-.7a3.05 3.05 0 0 1-3.05 3.05v1.4a4.45 4.45 0 0 0 4.45-4.45H22ZM18.25 2v.7a3.05 3.05 0 0 1 3.05 3.05h1.4a4.45 4.45 0 0 0-4.45-4.45V2ZM5.75 2v-.7A4.45 4.45 0 0 0 1.3 5.75h1.4A3.05 3.05 0 0 1 5.75 2.7V2ZM9.5 7.625h-.7c0 .649-.526 1.175-1.175 1.175v1.4A2.575 2.575 0 0 0 10.2 7.625h-.7ZM7.625 9.5v-.7A1.175 1.175 0 0 1 6.45 7.625h-1.4A2.575 2.575 0 0 0 7.625 10.2v-.7ZM5.75 7.625h.7c0-.649.526-1.175 1.175-1.175v-1.4A2.575 2.575 0 0 0 5.05 7.625h.7ZM7.625 5.75v.7c.649 0 1.175.526 1.175 1.175h1.4A2.575 2.575 0 0 0 7.625 5.05v.7Z" })), X1e = Me(q1e), J1e = ({
+}, r) => /* @__PURE__ */ l.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24", ref: r, "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ l.createElement("title", { id: t }, e) : null, /* @__PURE__ */ l.createElement("path", { fill: "currentColor", d: "M2.755 19.63a.7.7 0 0 0 .99.99l-.99-.99Zm5.495-4.505.495-.495a.7.7 0 0 0-.99 0l.495.495Zm2.5 2.5-.495.495a.7.7 0 0 0 .99 0l-.495-.495ZM16.375 12l.495-.495a.7.7 0 0 0-.99 0l.495.495Zm4.505 5.495a.7.7 0 0 0 .99-.99l-.99.99Zm-17.63 2.63.495.495 5-5-.495-.495-.495-.495-5 5 .495.495Zm5-5-.495.495 2.5 2.5.495-.495.495-.495-2.5-2.5-.495.495Zm2.5 2.5.495.495 5.625-5.625-.495-.495-.495-.495-5.625 5.625.495.495ZM16.375 12l-.495.495 5 5 .495-.495.495-.495-5-5-.495.495ZM5.75 2v.7h12.5V1.3H5.75V2ZM22 5.75h-.7v12.5h1.4V5.75H22ZM18.25 22v-.7H5.75v1.4h12.5V22ZM2 18.25h.7V5.75H1.3v12.5H2ZM5.75 22v-.7a3.05 3.05 0 0 1-3.05-3.05H1.3a4.45 4.45 0 0 0 4.45 4.45V22ZM22 18.25h-.7a3.05 3.05 0 0 1-3.05 3.05v1.4a4.45 4.45 0 0 0 4.45-4.45H22ZM18.25 2v.7a3.05 3.05 0 0 1 3.05 3.05h1.4a4.45 4.45 0 0 0-4.45-4.45V2ZM5.75 2v-.7A4.45 4.45 0 0 0 1.3 5.75h1.4A3.05 3.05 0 0 1 5.75 2.7V2ZM9.5 7.625h-.7c0 .649-.526 1.175-1.175 1.175v1.4A2.575 2.575 0 0 0 10.2 7.625h-.7ZM7.625 9.5v-.7A1.175 1.175 0 0 1 6.45 7.625h-1.4A2.575 2.575 0 0 0 7.625 10.2v-.7ZM5.75 7.625h.7c0-.649.526-1.175 1.175-1.175v-1.4A2.575 2.575 0 0 0 5.05 7.625h.7ZM7.625 5.75v.7c.649 0 1.175.526 1.175 1.175h1.4A2.575 2.575 0 0 0 7.625 5.05v.7Z" })), X1e = Me(q1e), J1e = ({
   title: e,
   titleId: t,
   ...n
@@ -74057,7 +74057,8 @@ const wp = ({
   height: v = "m",
   id: p = "",
   suffixIcon: _ = !0,
-  title: w = ""
+  title: w = "",
+  textColor: x
 }) => /* @__PURE__ */ z.jsx(
   S9,
   {
@@ -74071,7 +74072,8 @@ const wp = ({
       "--c_menu_active": c,
       "--c_menu_hover": u,
       "--c_border": d,
-      "--c_disabled": h
+      "--c_disabled": h,
+      "--c_text_primary": x
     },
     value: n,
     onChange: t,
@@ -74080,7 +74082,7 @@ const wp = ({
     disabled: m,
     popupClassName: `single_select_dropdown h_${v} items_${o} ${d ? "border" : ""}`,
     removeIcon: !0,
-    filterOption: (x, E) => ((E == null ? void 0 : E.label) ?? "").toLowerCase().includes(x.toLowerCase()),
+    filterOption: (E, S) => ((S == null ? void 0 : S.label) ?? "").toLowerCase().includes(E.toLowerCase()),
     options: e,
     title: w
   }
@@ -75076,7 +75078,7 @@ const _ke = (e) => uD[e], oc = [
     // ✅ Direct tuple
   },
   {
-    label: "This Week",
+    label: "Present Week",
     value: [d0().startOf("week"), d0().endOf("week")]
     // ✅ Direct tuple
   },
@@ -75086,7 +75088,7 @@ const _ke = (e) => uD[e], oc = [
     // ✅ Direct tuple
   },
   {
-    label: "This Month",
+    label: "Present Month",
     value: [d0().startOf("month"), d0().endOf("month")]
     // ✅ Direct tuple
   },
@@ -75110,28 +75112,29 @@ const _ke = (e) => uD[e], oc = [
   pickerRangeColor: h,
   pickerBackgroundColor: C,
   pickerBorderColor: m,
-  disabledDate: A = (_) => !1,
-  disableFutureDates: v = !1,
-  ...p
+  allowClear: A = !1,
+  disabledDate: v = (w) => !1,
+  disableFutureDates: p = !1,
+  ..._
 }) => {
-  const _ = e ? [d0(e[0]), d0(e[1])] : void 0, w = (x) => {
-    if (t && x) {
-      const E = x.map(
-        (S) => (S == null ? void 0 : S.toDate()) || /* @__PURE__ */ new Date()
+  const w = e ? [d0(e[0]), d0(e[1])] : void 0, x = (E) => {
+    if (t && E) {
+      const S = E.map(
+        (M) => (M == null ? void 0 : M.toDate()) || /* @__PURE__ */ new Date()
       );
-      t(E);
+      t(S);
     } else t && t([]);
   };
   return /* @__PURE__ */ z.jsx(
     Hke,
     {
       showTime: r,
-      ...p,
-      value: _,
-      onChange: w,
+      ..._,
+      value: w,
+      onChange: x,
       format: o,
       presets: i,
-      disabledDate: v ? (x) => Mke(x) || A(x) : A,
+      disabledDate: p ? (E) => Mke(E) || v(E) : v,
       style: {
         width: a,
         "--c_trigger_background": c,
@@ -75144,7 +75147,8 @@ const _ke = (e) => uD[e], oc = [
         "--c_surface_border": m,
         "--c_surface": C
       },
-      className: `date-range-picker ${n} h_${s}`
+      className: `date-range-picker ${n} h_${s}`,
+      allowClear: A
     }
   );
 };
@@ -84192,7 +84196,8 @@ const ZDe = ({
   height: w = "m",
   // Other
   id: x = "",
-  className: E = ""
+  className: E = "",
+  textColor: S
 }) => /* @__PURE__ */ z.jsx(
   S9,
   {
@@ -84209,7 +84214,8 @@ const ZDe = ({
       "--c_menu_background": a,
       "--c_menu_active": s,
       "--c_menu_hover": c,
-      "--c_border": u
+      "--c_border": u,
+      "--c_text_primary": S
     },
     suffixIcon: A ? void 0 : null,
     options: e,
@@ -84217,18 +84223,18 @@ const ZDe = ({
     onChange: t,
     popupClassName: `multi_select_dropdown h_${w} `,
     value: n,
-    filterOption: (S, M) => ((M == null ? void 0 : M.label) ?? "").toLowerCase().includes(S.toLowerCase()),
+    filterOption: (M, H) => ((H == null ? void 0 : H.label) ?? "").toLowerCase().includes(M.toLowerCase()),
     title: p,
     maxCount: m,
     maxTagCount: C,
-    maxTagPlaceholder: (S) => /* @__PURE__ */ z.jsx(
+    maxTagPlaceholder: (M) => /* @__PURE__ */ z.jsx(
       Aa,
       {
         styles: { root: { pointerEvents: "none" } },
-        title: S.map(({ label: M }) => M).join(", "),
+        title: M.map(({ label: H }) => H).join(", "),
         children: /* @__PURE__ */ z.jsxs("span", { children: [
           "+",
-          S.length
+          M.length
         ] })
       }
     )