@bikdotai/bik-component-library 0.0.817-beta.4 → 0.0.817-beta.6

package/dist/esm/components/analytics-chips-and-dropdowns/AnalyticsDropdown.js

@@ -1,53 +1,53 @@
-import { jsxDEV as e, Fragment as H } from "react/jsx-dev-runtime";
-import { useState as w, useRef as J, useEffect as v } from "react";
-import { Dropdown as h } from "react-bootstrap";
-import K from "react-dom";
-import { DEFAULT_THEME as B, BASE_COLORS as C } from "../../constants/Theme.js";
-import { Caption as Q, BodySecondary as Y, BodyCaption as V } from "../TypographyStyle.js";
-import { MainDropdown as _, ItemMenuContainer as W } from "./CommonStyles.js";
-import { DatePicker as X } from "../datePicker/DatePicker.js";
-const an = ({
+import { jsxDEV as n, Fragment as _ } from "react/jsx-dev-runtime";
+import { useState as h, useRef as G, useEffect as D } from "react";
+import { Dropdown as v } from "react-bootstrap";
+import J from "react-dom";
+import { DEFAULT_THEME as F, BASE_COLORS as U } from "../../constants/Theme.js";
+import { Caption as K, BodySecondary as H, BodyCaption as M } from "../TypographyStyle.js";
+import { MainDropdown as B, ItemMenuContainer as Q } from "./CommonStyles.js";
+import { DatePicker as W } from "../datePicker/DatePicker.js";
+const re = ({
   options: o,
-  placeholder: i = "Select an option",
+  placeholder: t = "Select an option",
   selected: s,
-  onOptionSelected: t,
+  onOptionSelected: c,
   resetDropdown: N,
-  maxHeight: D,
+  maxHeight: w,
   backgroundcolor: x,
   calendarPopperConfig: p,
   variant: A = "default",
-  datePickerPlacement: q,
-  closeDropdown: z,
-  labelColor: L,
-  styleProps: E,
-  showTimePicker: c = !1
+  datePickerPlacement: Y,
+  closeDropdown: q,
+  labelColor: C,
+  styleProps: L,
+  showTimePicker: d = !1
 }) => {
-  const [g, u] = w(!1), [a, k] = w(s), [d, y] = w(), [b, f] = w(!1), [I, S] = w(s), R = J(null), G = A === "small" ? Q : Y;
-  v(() => {
+  const [g, u] = h(!1), [r, k] = h(s), [i, b] = h(), [y, f] = h(!1), [P, S] = h(s), R = G(null), z = A === "small" ? K : H;
+  D(() => {
     N && k(void 0);
-  }, [N]), v(() => {
-    s?.isCustom && s.dateRangeSelectionOptions?.selectedDates ? y(s.dateRangeSelectionOptions.selectedDates) : y(void 0), k(s);
-  }, [s]), v(() => {
+  }, [N]), D(() => {
+    s?.isCustom && s.dateRangeSelectionOptions?.selectedDates ? b(s.dateRangeSelectionOptions.selectedDates) : b(void 0), k(s);
+  }, [s]), D(() => {
     f(!1), u(!1);
-  }, [z]);
-  const U = (n) => {
-    n !== void 0 ? (f(n), g && u(!1)) : f((l) => !l);
-  }, $ = (n) => {
-    R.current && !R.current.contains(n.target) && (g && u(!1), U(!1));
+  }, [q]);
+  const j = (e) => {
+    e !== void 0 ? (f(e), g && u(!1)) : f((l) => !l);
+  }, E = (e) => {
+    R.current && !R.current.contains(e.target) && (g && u(!1), j(!1));
   };
-  return v(() => (b && document.addEventListener("mousedown", $), () => {
-    document.removeEventListener("mousedown", $);
-  }), [b]), /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(
-    _,
+  return D(() => (y && document.addEventListener("mousedown", E), () => {
+    document.removeEventListener("mousedown", E);
+  }), [y]), /* @__PURE__ */ n(_, { children: /* @__PURE__ */ n(
+    B,
     {
       drop: "down",
-      show: b,
-      onToggle: U,
+      show: y,
+      onToggle: j,
       bgColor: x,
       id: "analytic-dropdown",
       children: [
-        /* @__PURE__ */ e(
-          h.Toggle,
+        /* @__PURE__ */ n(
+          v.Toggle,
           {
             id: "dropdown-autoclose-outside",
             className: "main--dropdown",
@@ -58,23 +58,23 @@ const an = ({
               padding: "4px 8px",
               backgroundColor: "#FAFAFA",
               borderRadius: 4,
-              border: `1px solid ${B.colorsV2.stroke.primary}`
-            } : E || void 0,
-            children: /* @__PURE__ */ e(
-              G,
+              border: `1px solid ${F.colorsV2.stroke.primary}`
+            } : L || void 0,
+            children: /* @__PURE__ */ n(
+              z,
               {
-                style: A === "small" || L ? {
-                  color: L || B.colorsV2.content.secondary
+                style: A === "small" || C ? {
+                  color: C || F.colorsV2.content.secondary
                 } : void 0,
-                children: a?.isCustom ? d ? m(d[0], c) === m(d[1], c) ? `${m(d[0], c)}` : `${m(
-                  d[0],
-                  c
-                )} to ${m(d[1], c)}` : I?.label ? I?.label : i : a ? a?.label : i
+                children: r?.isCustom ? i ? m(i[0], d) === m(i[1], d) ? `${m(i[0], d)}` : `${m(
+                  i[0],
+                  d
+                )} to ${m(i[1], d)}` : P?.label ? P?.label : t : r ? r?.label : t
               },
               void 0,
               !1,
               {
-                fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                 lineNumber: 154,
                 columnNumber: 6
               },
@@ -84,95 +84,95 @@ const an = ({
           void 0,
           !1,
           {
-            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
             lineNumber: 135,
             columnNumber: 5
           },
           void 0
         ),
-        K.createPortal(
-          /* @__PURE__ */ e(
-            h.Menu,
+        J.createPortal(
+          /* @__PURE__ */ n(
+            v.Menu,
             {
               className: "main--dropdown",
               style: { padding: 0 },
               ref: R,
-              children: /* @__PURE__ */ e(
-                _,
+              children: /* @__PURE__ */ n(
+                B,
                 {
-                  drop: q ?? "end",
+                  drop: Y ?? "end",
                   id: "sub--dropdown",
                   show: g,
-                  onToggle: (n) => {
-                    !n && f(!1), u(!g);
+                  onToggle: (e) => {
+                    !e && f(!1), u(!g);
                   },
                   children: [
-                    /* @__PURE__ */ e(
+                    /* @__PURE__ */ n(
                       "div",
                       {
                         style: {
-                          maxHeight: D || "auto",
+                          maxHeight: w || "auto",
                           overflowY: "scroll"
                         },
-                        children: o.map((n, l) => /* @__PURE__ */ e("div", { children: n?.isCustom ? /* @__PURE__ */ e(h.Toggle, { className: "sub--dropdown", children: /* @__PURE__ */ e(
-                          j,
+                        children: o.map((e, l) => /* @__PURE__ */ n("div", { children: e?.isCustom ? /* @__PURE__ */ n(v.Toggle, { className: "sub--dropdown", children: /* @__PURE__ */ n(
+                          V,
                           {
                             isFirstItem: l === 0,
                             isLastItem: l === o.length - 1,
-                            eachOption: n,
-                            selectedOption: a,
-                            selectedDate: d,
-                            onClickingEachItem: (r) => {
-                              k(r), u(!0);
+                            eachOption: e,
+                            selectedOption: r,
+                            selectedDate: i,
+                            onClickingEachItem: (a) => {
+                              k(a), u(!0);
                             },
-                            rangeSelection: !!n?.dateRangeSelectionOptions?.selectRange,
-                            showTimePicker: c
+                            rangeSelection: !!e?.dateRangeSelectionOptions?.selectRange,
+                            showTimePicker: d
                           },
                           void 0,
                           !1,
                           {
-                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                             lineNumber: 206,
                             columnNumber: 13
                           },
                           void 0
                         ) }, void 0, !1, {
-                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                           lineNumber: 205,
                           columnNumber: 12
-                        }, void 0) : /* @__PURE__ */ e(
-                          j,
+                        }, void 0) : /* @__PURE__ */ n(
+                          V,
                           {
                             isFirstItem: l === 0,
                             isLastItem: l === o.length - 1,
-                            eachOption: n,
-                            selectedOption: a,
-                            selectedDate: d,
-                            onClickingEachItem: (r) => {
-                              if (y(void 0), k(r), S(r), U(), !r.noOfDays) {
-                                t(r);
+                            eachOption: e,
+                            selectedOption: r,
+                            selectedDate: i,
+                            onClickingEachItem: (a) => {
+                              if (b(void 0), k(a), S(a), j(), !a.noOfDays) {
+                                c(a);
                                 return;
                               }
-                              const F = /* @__PURE__ */ new Date(), M = /* @__PURE__ */ new Date();
-                              M.setDate(
-                                F.getDate() - r.noOfDays
-                              ), t({
-                                ...r,
-                                selectedRange: [M, F]
+                              const I = /* @__PURE__ */ new Date(), $ = /* @__PURE__ */ new Date();
+                              $.setDate(
+                                I.getDate() - a.noOfDays
+                              ), c({
+                                ...a,
+                                selectedRange: [$, I]
                               });
                             },
-                            showTimePicker: c
+                            showTimePicker: d
                           },
                           void 0,
                           !1,
                           {
-                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                             lineNumber: 225,
                             columnNumber: 12
                           },
                           void 0
-                        ) }, n?.key, !1, {
-                          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                        ) }, e?.key, !1, {
+                          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                           lineNumber: 203,
                           columnNumber: 10
                         }, void 0))
@@ -180,14 +180,14 @@ const an = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                         lineNumber: 196,
                         columnNumber: 8
                       },
                       void 0
                     ),
-                    /* @__PURE__ */ e(
-                      h.Menu,
+                    /* @__PURE__ */ n(
+                      v.Menu,
                       {
                         className: "sub--dropdown",
                         popperConfig: {
@@ -203,35 +203,35 @@ const an = ({
                             }
                           ]
                         },
-                        children: /* @__PURE__ */ e(
-                          X,
+                        children: /* @__PURE__ */ n(
+                          W,
                           {
-                            selectRange: a?.dateRangeSelectionOptions?.selectRange || !1,
-                            showTimePicker: c,
-                            maxDate: a?.dateRangeSelectionOptions?.maxDate,
-                            minDate: a?.dateRangeSelectionOptions?.minDate,
-                            selectedDates: d,
-                            onSelectRange: (n, l) => {
-                              const r = [n, l];
-                              a?.dateRangeSelectionOptions && (a.dateRangeSelectionOptions.selectedDates = r, t({
-                                ...a,
-                                selectedRange: [n, l]
-                              })), S(a), u(!1), y(r), f(!b);
+                            selectRange: r?.dateRangeSelectionOptions?.selectRange || !1,
+                            showTimePicker: d,
+                            maxDate: r?.dateRangeSelectionOptions?.maxDate,
+                            minDate: r?.dateRangeSelectionOptions?.minDate,
+                            selectedDates: i,
+                            onSelectRange: (e, l) => {
+                              const a = [e, l];
+                              r?.dateRangeSelectionOptions && (r.dateRangeSelectionOptions.selectedDates = a, c({
+                                ...r,
+                                selectedRange: [e, l]
+                              })), S(r), u(!1), b(a), f(!y);
                             },
-                            onSelectDate: (n) => {
-                              a?.dateRangeSelectionOptions && (a.dateRangeSelectionOptions.selectedDates = [
-                                n,
-                                n
-                              ], t({
-                                ...a,
-                                selectedRange: [n, n]
-                              })), S(a), u(!1), y([n, n]), f(!b);
+                            onSelectDate: (e) => {
+                              r?.dateRangeSelectionOptions && (r.dateRangeSelectionOptions.selectedDates = [
+                                e,
+                                e
+                              ], c({
+                                ...r,
+                                selectedRange: [e, e]
+                              })), S(r), u(!1), b([e, e]), f(!y);
                             }
                           },
                           void 0,
                           !1,
                           {
-                            fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                            fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                             lineNumber: 272,
                             columnNumber: 9
                           },
@@ -241,7 +241,7 @@ const an = ({
                       void 0,
                       !1,
                       {
-                        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                         lineNumber: 256,
                         columnNumber: 8
                       },
@@ -252,7 +252,7 @@ const an = ({
                 void 0,
                 !0,
                 {
-                  fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+                  fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
                   lineNumber: 187,
                   columnNumber: 7
                 },
@@ -262,7 +262,7 @@ const an = ({
             void 0,
             !1,
             {
-              fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+              fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
               lineNumber: 182,
               columnNumber: 6
             },
@@ -275,59 +275,59 @@ const an = ({
     void 0,
     !0,
     {
-      fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+      fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
       lineNumber: 128,
       columnNumber: 4
     },
     void 0
   ) }, void 0, !1, {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
     lineNumber: 127,
     columnNumber: 3
   }, void 0);
-}, j = ({
+}, V = ({
   eachOption: o,
-  selectedOption: i,
+  selectedOption: t,
   selectedDate: s,
-  onClickingEachItem: t,
+  onClickingEachItem: c,
   rangeSelection: N,
-  isLastItem: D,
+  isLastItem: w,
   isFirstItem: x,
   showTimePicker: p
-}) => /* @__PURE__ */ e(
-  W,
+}) => /* @__PURE__ */ n(
+  Q,
   {
     isFirstItem: x,
-    isLastItem: D,
-    onClick: () => t(o),
-    isSelected: o.isCustom ? o.key == i?.key && !!s : o.key == i?.key,
+    isLastItem: w,
+    onClick: () => c(o),
+    isSelected: o.isCustom ? o.key == t?.key && !!s : o.key == t?.key,
     children: [
-      /* @__PURE__ */ e(
-        Y,
+      /* @__PURE__ */ n(
+        H,
         {
-          color: o.key == i?.key ? C.positive[900] : C.grayscale[900],
+          color: o.key == t?.key ? U.positive[900] : U.grayscale[900],
           children: o.label
         },
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
           lineNumber: 355,
           columnNumber: 4
         },
         void 0
       ),
-      o.subLabel ? /* @__PURE__ */ e(V, { style: { color: C.grayscale[700] }, children: o.subLabel }, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+      o.subLabel ? /* @__PURE__ */ n(M, { style: { color: U.grayscale[700] }, children: o.subLabel }, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
         lineNumber: 365,
         columnNumber: 5
-      }, void 0) : /* @__PURE__ */ e(H, {}, void 0, !1, {
-        fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+      }, void 0) : /* @__PURE__ */ n(_, {}, void 0, !1, {
+        fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
         lineNumber: 369,
         columnNumber: 5
       }, void 0),
-      s && i?.isCustom && o.key == i?.key && /* @__PURE__ */ e(
-        V,
+      s && t?.isCustom && o.key == t?.key && /* @__PURE__ */ n(
+        M,
         {
           style: {
             whiteSpace: "normal",
@@ -342,7 +342,7 @@ const an = ({
         void 0,
         !1,
         {
-          fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+          fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
           lineNumber: 374,
           columnNumber: 6
         },
@@ -353,30 +353,30 @@ const an = ({
   o.key,
   !0,
   {
-    fileName: "/Users/syedanoorain/Downloads/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
+    fileName: "/Users/prateekchouhan/Projects/bik-component-library/src/components/analytics-chips-and-dropdowns/AnalyticsDropdown.tsx",
     lineNumber: 344,
     columnNumber: 3
   },
   void 0
-), m = (o, i) => {
+), m = (o, t) => {
   const s = o.toLocaleString("default", {
     day: "numeric",
     month: "short",
     year: "numeric"
   });
-  if (i) {
-    const t = o.toLocaleString("default", {
+  if (t) {
+    const c = o.toLocaleString("default", {
       hour: "numeric",
       minute: "2-digit",
       hour12: !0
     });
-    return `${s} (${t})`;
+    return `${s} (${c})`;
   }
   return s;
 };
 export {
-  an as AnalyticsDropdown,
-  j as EachItem,
+  re as AnalyticsDropdown,
+  V as EachItem,
   m as formatDate
 };
 //# sourceMappingURL=AnalyticsDropdown.js.map