@databrainhq/plugin 0.9.16 → 0.9.17

package/dist/index.es.js

@@ -7448,23 +7448,23 @@ const ExternalMetricForm = ({
     })]
   });
 };
-const container$d = "_container_u60ky_1";
-const wrapper$2 = "_wrapper_u60ky_9";
-const label$4 = "_label_u60ky_17";
-const noOptions = "_noOptions_u60ky_25";
-const floatingLabel = "_floatingLabel_u60ky_33";
-const floatingText = "_floatingText_u60ky_39";
-const normalText = "_normalText_u60ky_47";
-const dropdown$1 = "_dropdown_u60ky_55";
-const options$1 = "_options_u60ky_63";
-const checkedOption$2 = "_checkedOption_u60ky_71";
-const option$1 = "_option_u60ky_63";
-const icon$1 = "_icon_u60ky_87";
-const text$2 = "_text_u60ky_95";
-const search = "_search_u60ky_103";
-const loadMore = "_loadMore_u60ky_111";
-const loadMoreIcon = "_loadMoreIcon_u60ky_119";
-const aboveList = "_aboveList_u60ky_127";
+const container$d = "_container_4qg98_1";
+const wrapper$2 = "_wrapper_4qg98_9";
+const label$4 = "_label_4qg98_17";
+const noOptions = "_noOptions_4qg98_25";
+const floatingLabel = "_floatingLabel_4qg98_33";
+const floatingText = "_floatingText_4qg98_41";
+const normalText = "_normalText_4qg98_49";
+const dropdown$1 = "_dropdown_4qg98_57";
+const options$1 = "_options_4qg98_65";
+const checkedOption$2 = "_checkedOption_4qg98_73";
+const option$1 = "_option_4qg98_65";
+const icon$1 = "_icon_4qg98_89";
+const text$2 = "_text_4qg98_97";
+const search = "_search_4qg98_105";
+const loadMore = "_loadMore_4qg98_113";
+const loadMoreIcon = "_loadMoreIcon_4qg98_121";
+const aboveList = "_aboveList_4qg98_129";
 var styles$A = {
   container: container$d,
   wrapper: wrapper$2,
@@ -8188,6 +8188,14 @@ const FloatingDropDown = ({
       return options2.slice(0, limit);
     return options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)).slice(0, limit);
   }, [searchKeyword, options2, limit]);
+  const trimSentence = (sentence, lenghtlimit = 20) => {
+    if (!sentence)
+      return false;
+    if (sentence.length > lenghtlimit) {
+      return `${sentence.substring(0, lenghtlimit)}...`;
+    }
+    return sentence;
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: r$4(styles$A.container, className),
     ref: wrapperRef,
@@ -8195,7 +8203,7 @@ const FloatingDropDown = ({
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
       className: `${styles$A.label} ${labelVariant === "floating" ? styles$A.floatingLabel : ""}`,
-      children: label2
+      children: trimSentence(label2, 29)
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
@@ -8206,7 +8214,7 @@ const FloatingDropDown = ({
         variant: "p",
         styleClass: "font-14",
         className: `${styles$A.text} ${labelVariant === "floating" ? styles$A.floatingText : ""}`,
-        children: [icon2, selectedOption2.label || selectedOption2.value || "Select an option"]
+        children: [icon2, trimSentence(selectedOption2.label) || trimSentence(selectedOption2.value) || "Select an option"]
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
       className: `${dropdownAbove ? styles$A.aboveList : styles$A.dropdown}`,
@@ -8228,7 +8236,7 @@ const FloatingDropDown = ({
               onChange(option2);
               setIsShow(false);
             },
-            children: option2.label
+            children: trimSentence(option2.label, 25)
           }, option2.key || option2.value);
         }), limit <= options2.length && /* @__PURE__ */ jsxs(Button, {
           variant: "secondary",
@@ -95715,22 +95723,22 @@ var zt = function(t3) {
   } }]), a4;
 }(), $t = "input", Gt = "navigate";
 var reactDatepicker = "";
-const datePickerContainer = "_datePickerContainer_14m8h_1";
-const buttonWrapper = "_buttonWrapper_14m8h_9";
-const datePickerCalendarWrapper = "_datePickerCalendarWrapper_14m8h_17";
-const label$2 = "_label_14m8h_25";
-const text = "_text_14m8h_33";
-const button$4 = "_button_14m8h_9";
-const datePickerCalContainer = "_datePickerCalContainer_14m8h_49";
-const datePickerOptionsWrapper = "_datePickerOptionsWrapper_14m8h_57";
-const datePickerOption = "_datePickerOption_14m8h_57";
-const datePickerCalendar = "_datePickerCalendar_14m8h_17";
-const datePickerCalendarHeader = "_datePickerCalendarHeader_14m8h_97";
-const checkedOption = "_checkedOption_14m8h_105";
-const datePickerCalFooter = "_datePickerCalFooter_14m8h_113";
-const dayClassName = "_dayClassName_14m8h_121";
-const datePickerSelectedWrapper = "_datePickerSelectedWrapper_14m8h_129";
-const datePickerSelectedDate = "_datePickerSelectedDate_14m8h_137";
+const datePickerContainer = "_datePickerContainer_lwzws_1";
+const buttonWrapper = "_buttonWrapper_lwzws_9";
+const datePickerCalendarWrapper = "_datePickerCalendarWrapper_lwzws_17";
+const label$2 = "_label_lwzws_25";
+const text = "_text_lwzws_33";
+const button$4 = "_button_lwzws_9";
+const datePickerCalContainer = "_datePickerCalContainer_lwzws_49";
+const datePickerOptionsWrapper = "_datePickerOptionsWrapper_lwzws_57";
+const datePickerOption = "_datePickerOption_lwzws_57";
+const datePickerCalendar = "_datePickerCalendar_lwzws_17";
+const checkedOption = "_checkedOption_lwzws_81";
+const datePickerCalFooter = "_datePickerCalFooter_lwzws_89";
+const dayClassName = "_dayClassName_lwzws_97";
+const datePickerSelectedWrapper = "_datePickerSelectedWrapper_lwzws_105";
+const datePickerSelectedDate = "_datePickerSelectedDate_lwzws_113";
+const clearDateBtn = "_clearDateBtn_lwzws_121";
 var styles$s = {
   datePickerContainer,
   buttonWrapper,
@@ -95742,12 +95750,12 @@ var styles$s = {
   datePickerOptionsWrapper,
   datePickerOption,
   datePickerCalendar,
-  datePickerCalendarHeader,
   checkedOption,
   datePickerCalFooter,
   dayClassName,
   datePickerSelectedWrapper,
-  datePickerSelectedDate
+  datePickerSelectedDate,
+  clearDateBtn
 };
 const options = [{
   type: "day",
@@ -95858,6 +95866,23 @@ const DateRangePicker = ({
       onChange == null ? void 0 : onChange(void 0);
     }
   }, [startDate, endDate]);
+  const onDateSelect = (dates) => {
+    const [start2, end2] = dates;
+    if (start2) {
+      const startDateFormat = start2.toISOString().slice(0, 10);
+      const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
+      setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
+      setStartDate(start2);
+    } else
+      setStartDate(void 0);
+    if (end2) {
+      const endDateFormat = end2.toISOString().slice(0, 10);
+      const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
+      setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
+      setEndDate(end2);
+    } else
+      setEndDate(void 0);
+  };
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx(PopoverMenu, {
       position: "bottom-left",
@@ -95899,37 +95924,19 @@ const DateRangePicker = ({
           }, label2))
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$s.datePickerCalContainer,
-          children: [/* @__PURE__ */ jsxs("div", {
+          children: [/* @__PURE__ */ jsx("div", {
             className: styles$s.datePickerCalendarWrapper,
-            children: [/* @__PURE__ */ jsx(zt, {
+            children: /* @__PURE__ */ jsx(zt, {
               selected: startDate,
               startDate,
-              selectsStart: true,
               endDate,
-              onChange: (date) => {
-                const startDateFormat = date.toISOString().slice(0, 10);
-                const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
-                setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
-                setStartDate(date);
-              },
+              selectsRange: true,
+              monthsShown: 2,
               open: true,
               inline: true,
+              onChange: onDateSelect,
               calendarClassName: styles$s.datePickerCalendar
-            }), /* @__PURE__ */ jsx(zt, {
-              selected: endDate,
-              startDate,
-              endDate,
-              selectsEnd: true,
-              onChange: (date) => {
-                const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
-                const endDateFormat = date.toISOString().slice(0, 10);
-                setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
-                setEndDate(date);
-              },
-              calendarClassName: styles$s.datePickerCalendar,
-              open: true,
-              inline: true
-            })]
+            })
           }), /* @__PURE__ */ jsxs("div", {
             className: styles$s.datePickerCalFooter,
             children: [/* @__PURE__ */ jsxs("div", {
@@ -95941,7 +95948,7 @@ const DateRangePicker = ({
                 children: [/* @__PURE__ */ jsx("span", {
                   children: (startDate == null ? void 0 : startDate.getDate()) || "D"
                 }), "/", " ", /* @__PURE__ */ jsx("span", {
-                  children: (startDate == null ? void 0 : startDate.getMonth()) || "M"
+                  children: startDate ? startDate.getMonth() + 1 : "M"
                 }), " /", " ", /* @__PURE__ */ jsx("span", {
                   children: (startDate == null ? void 0 : startDate.getFullYear()) || "Y"
                 })]
@@ -95950,9 +95957,9 @@ const DateRangePicker = ({
                 styleClass: "font-14",
                 className: styles$s.datePickerSelectedDate,
                 children: [/* @__PURE__ */ jsx("span", {
-                  children: (endDate == null ? void 0 : endDate.getDay()) || "D"
+                  children: (endDate == null ? void 0 : endDate.getDate()) || "D"
                 }), "/", " ", /* @__PURE__ */ jsx("span", {
-                  children: (endDate == null ? void 0 : endDate.getMonth()) || "M"
+                  children: endDate ? endDate.getMonth() + 1 : "M"
                 }), " /", " ", /* @__PURE__ */ jsx("span", {
                   children: (endDate == null ? void 0 : endDate.getFullYear()) || "Y"
                 })]