@sparrowengg/integrations-templates-frontend 2.1.0-notion-release.34 → 2.1.0-notion-release.35

package/dist/es/single-mapping/components/CustomDropdown.js

@@ -2,7 +2,6 @@ import React__default, { useState, useEffect } from 'react';
 import { parseDate as $fae977aafc393c5c$export$6b862160d295c8e } from '../../node_modules/@internationalized/date/dist/string.js';
 import dayjs from '../../node_modules/dayjs/dayjs.min.js';
 import { dynamicDateOptions } from '../../commons/constants/index.js';
-import { DATE_FORMAT, UI_LABELS, STYLES, DROPDOWN_TYPE, CONFIGURATION_IDS } from '../constants/index.js';
 import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from '../../node_modules/@sparrowengg/twigs-react/dist/es/dropdown/dropdown.js';
 import { Input } from '../../node_modules/@sparrowengg/twigs-react/dist/es/input/input.js';
 import { ChevronDownIcon } from '../../node_modules/@sparrowengg/twigs-react-icons/dist/es/icons/chevron-down.js';
@@ -42,9 +41,9 @@ const CustomDropdown = ({
   var _a, _b;
   const [date, setDate] = useState(() => {
     try {
-      return value ? $fae977aafc393c5c$export$6b862160d295c8e(dayjs(value).format(DATE_FORMAT.CALENDAR)) : $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format(DATE_FORMAT.CALENDAR));
+      return value ? $fae977aafc393c5c$export$6b862160d295c8e(dayjs(value).format("YYYY-MM-DD")) : $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
     } catch (e) {
-      return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format(DATE_FORMAT.CALENDAR));
+      return $fae977aafc393c5c$export$6b862160d295c8e(dayjs().format("YYYY-MM-DD"));
     }
   });
   const [days, setDays] = useState((_b = (_a = value == null ? void 0 : value.value) == null ? void 0 : _a.value) != null ? _b : 0);
@@ -58,53 +57,28 @@ const CustomDropdown = ({
   }, [editField == null ? void 0 : editField.id, hasBeenOpened]);
   const getDisplayValue = () => {
     var _a2, _b2, _c;
-    if ((value == null ? void 0 : value.type) === DROPDOWN_TYPE.DATE) {
+    if ((value == null ? void 0 : value.type) === "date") {
       return `${value == null ? void 0 : value.label} > ${value == null ? void 0 : value.value}`;
     }
-    if ((value == null ? void 0 : value.type) === DROPDOWN_TYPE.DATE_RANGE) {
-      const rangeValue = ((_a2 = value == null ? void 0 : value.value) == null ? void 0 : _a2.type) === DROPDOWN_TYPE.CUSTOM ? `${(_b2 = value == null ? void 0 : value.value) == null ? void 0 : _b2.value} days` : (_c = value == null ? void 0 : value.value) == null ? void 0 : _c.label;
-      return `${value == null ? void 0 : value.label} - ${rangeValue}`;
+    if ((value == null ? void 0 : value.type) === "dateRange") {
+      const customDays = ((_a2 = value == null ? void 0 : value.value) == null ? void 0 : _a2.type) === "custom" ? `${(_b2 = value == null ? void 0 : value.value) == null ? void 0 : _b2.value} days` : (_c = value == null ? void 0 : value.value) == null ? void 0 : _c.label;
+      return `${value == null ? void 0 : value.label} - ${customDays}`;
     }
     return (value == null ? void 0 : value.label) || "";
   };
-  const handleOptionSelect = (option) => {
+  const handleDateApply = () => {
     onChangeHandler({
-      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,
-      value: option
-    });
-  };
-  const handleDateApply = (option) => {
-    onChangeHandler({
-      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,
-      value: __spreadProps(__spreadValues({}, option), {
-        value: dayjs(date.toString()).format(DATE_FORMAT.DISPLAY)
+      id: "responseImportType",
+      value: __spreadProps(__spreadValues({}, data.find((opt) => opt.type === "date")), {
+        value: dayjs(date.toString()).format("MMM D, YYYY")
       })
     });
     setOpen(false);
   };
-  const handleDateRangeChange = (rangeValue) => {
-    var _a2;
-    const option = data.find((opt) => opt.type === DROPDOWN_TYPE.DATE_RANGE);
-    if (!option)
-      return;
-    onChangeHandler({
-      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,
-      value: __spreadProps(__spreadValues({}, option), {
-        value: {
-          type: rangeValue,
-          value: rangeValue,
-          label: (_a2 = dynamicDateOptions.find((opt) => opt.value === rangeValue)) == null ? void 0 : _a2.label
-        }
-      })
-    });
-  };
-  const handleDateRangeApply = () => {
+  const handleDateRangeApply = (option) => {
     var _a2, _b2;
-    const option = data.find((opt) => opt.type === DROPDOWN_TYPE.DATE_RANGE);
-    if (!option)
-      return;
     onChangeHandler({
-      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,
+      id: "responseImportType",
       value: __spreadProps(__spreadValues({}, option), {
         value: {
           type: (_a2 = value == null ? void 0 : value.value) == null ? void 0 : _a2.type,
@@ -115,220 +89,175 @@ const CustomDropdown = ({
     });
     setOpen(false);
   };
-  return /* @__PURE__ */ React__default.createElement(DropdownMenu, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
-    Input,
+  const renderSimpleOption = (option) => /* @__PURE__ */ React__default.createElement(
+    Tooltip,
     {
-      size: "lg",
-      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronDownIcon, { size: 30, color: "#6A6A6A" }),
-      placeholder: UI_LABELS.CHOOSE,
-      value: getDisplayValue(),
+      key: option.id,
+      content: option.tooltip || "",
       css: {
-        "& input": {
-          textAlign: "left !important"
-        }
+        zIndex: "9999999 !important",
+        fontFamily: "DM Sans !important"
       }
-    }
-  )), /* @__PURE__ */ React__default.createElement(
-    DropdownMenuContent,
-    {
-      css: {
-        width: "488px",
-        marginBlockStart: "$2",
-        p: {
-          margin: "0px !important"
+    },
+    /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
+      DropdownMenuItem,
+      {
+        disabled: option == null ? void 0 : option.disabled,
+        css: {
+          cursor: (option == null ? void 0 : option.disabled) ? "not-allowed !important" : "pointer !important",
+          background: (value == null ? void 0 : value.type) === option.type ? "#4A9CA626 !important" : "transparent !important"
         },
-        zIndex: STYLES.zIndexDropdown
+        onClick: () => onChangeHandler({
+          id: "responseImportType",
+          value: option
+        })
       },
-      className: "dm-sans"
-    },
-    data.map((option) => {
-      var _a2;
-      if (!option.type) {
-        return /* @__PURE__ */ React__default.createElement(
-          Tooltip,
-          {
-            key: option.id,
-            content: option.tooltip || "",
-            css: {
-              zIndex: STYLES.zIndexTooltip,
-              fontFamily: "DM Sans !important"
-            }
-          },
-          /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(
-            DropdownMenuItem,
-            {
-              disabled: option == null ? void 0 : option.disabled,
-              css: {
-                cursor: (option == null ? void 0 : option.disabled) ? "not-allowed !important" : "pointer !important",
-                background: (value == null ? void 0 : value.type) === option.type ? "#4A9CA626 !important" : "transparent !important"
-              },
-              onClick: () => handleOptionSelect(option)
-            },
-            /* @__PURE__ */ React__default.createElement(
-              Flex,
-              {
-                justifyContent: "space-between",
-                alignItems: "center",
-                css: { width: "100%" }
-              },
-              /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, option.label), /* @__PURE__ */ React__default.createElement(Text, { size: "xs", weight: "regular", css: { color: "$neutral700" } }, option.description))
-            )
-          ))
-        );
-      }
-      return /* @__PURE__ */ React__default.createElement(
-        Tooltip,
+      /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "space-between", alignItems: "center", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "center", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, option.label), /* @__PURE__ */ React__default.createElement(Text, { size: "xs", weight: "regular", css: { color: "$neutral700" } }, option.description)))
+    ))
+  );
+  const renderDateOption = (option) => {
+    var _a2;
+    return /* @__PURE__ */ React__default.createElement(
+      Tooltip,
+      {
+        key: option.id,
+        content: option.tooltip || "",
+        css: {
+          fontFamily: "DM Sans !important",
+          zIndex: "9999999 !important"
+        }
+      },
+      /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(DropdownMenuSub, null, /* @__PURE__ */ React__default.createElement(
+        DropdownMenuSubTrigger,
         {
-          key: option.id,
-          content: option.tooltip || "",
+          disabled: option == null ? void 0 : option.disabled,
           css: {
-            fontFamily: "DM Sans !important",
-            zIndex: STYLES.zIndexTooltip
+            cursor: (option == null ? void 0 : option.disabled) ? "not-allowed !important" : "pointer !important",
+            background: (value == null ? void 0 : value.type) === option.type ? "#4A9CA626 !important" : "transparent !important"
           }
         },
-        /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(DropdownMenuSub, null, /* @__PURE__ */ React__default.createElement(
-          DropdownMenuSubTrigger,
+        /* @__PURE__ */ React__default.createElement(Flex, { justifyContent: "space-between", alignItems: "center", css: { width: "100%" } }, /* @__PURE__ */ React__default.createElement(Flex, { css: { cursor: "pointer" }, justifyContent: "center", flexDirection: "column" }, /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, option.label), /* @__PURE__ */ React__default.createElement(Text, { size: "xs", weight: "regular", css: { color: "$neutral700" } }, option.description)))
+      ), /* @__PURE__ */ React__default.createElement(
+        DropdownMenuSubContent,
+        {
+          sideOffset: 10,
+          alignOffset: -5,
+          css: __spreadProps(__spreadValues({
+            padding: "0px !important",
+            maxHeight: "500px",
+            minWidth: "224px",
+            maxWidth: "260px",
+            margin: "0px !important"
+          }, option.type === "date" && { border: "none !important" }), {
+            p: { margin: "0px !important" },
+            marginBlockEnd: "$10 !important"
+          }),
+          className: "dm-sans"
+        },
+        option.type === "date" && /* @__PURE__ */ React__default.createElement(
+          Calendar,
+          __spreadProps(__spreadValues(__spreadValues({
+            footerActionText: "Apply",
+            size: "md",
+            value: date,
+            onChange: setDate
+          }, (option == null ? void 0 : option.minValue) && { minValue: $fae977aafc393c5c$export$6b862160d295c8e(option.minValue) }), (option == null ? void 0 : option.maxValue) && { maxValue: $fae977aafc393c5c$export$6b862160d295c8e(option.maxValue) }), {
+            footerAction: handleDateApply
+          })
+        ),
+        option.type === "dateRange" && /* @__PURE__ */ React__default.createElement(
+          Flex,
           {
-            disabled: option == null ? void 0 : option.disabled,
             css: {
-              cursor: (option == null ? void 0 : option.disabled) ? "not-allowed !important" : "pointer !important",
-              background: (value == null ? void 0 : value.type) === option.type ? "#4A9CA626 !important" : "transparent !important"
-            }
+              paddingInline: "$4 !important",
+              paddingBlock: "$8 !important"
+            },
+            flexDirection: "column",
+            gap: "$4"
           },
           /* @__PURE__ */ React__default.createElement(
-            Flex,
+            RadioGroup,
             {
-              justifyContent: "space-between",
-              alignItems: "center",
-              css: { width: "100%" }
+              defaultValue: value == null ? void 0 : value.value,
+              onChange: (value2) => {
+                var _a3;
+                onChangeHandler({
+                  id: "responseImportType",
+                  value: __spreadProps(__spreadValues({}, option), {
+                    value: {
+                      type: value2,
+                      value: value2,
+                      label: (_a3 = dynamicDateOptions.find((opt) => opt.value === value2)) == null ? void 0 : _a3.label
+                    }
+                  })
+                });
+              }
             },
-            /* @__PURE__ */ React__default.createElement(
-              Flex,
-              {
-                css: { cursor: "pointer" },
-                justifyContent: "center",
-                flexDirection: "column"
-              },
-              /* @__PURE__ */ React__default.createElement(Text, { size: "sm", weight: "regular", css: { color: "$neutral900" } }, option.label),
-              /* @__PURE__ */ React__default.createElement(Text, { size: "xs", weight: "regular", css: { color: "$neutral700" } }, option.description)
-            )
-          )
-        ), /* @__PURE__ */ React__default.createElement(
-          DropdownMenuSubContent,
-          {
-            sideOffset: 10,
-            alignOffset: -5,
-            css: __spreadProps(__spreadValues({
-              padding: "0px !important",
-              maxHeight: "500px",
-              minWidth: "224px",
-              maxWidth: "260px",
-              margin: "0px !important"
-            }, option.type === DROPDOWN_TYPE.DATE && {
-              border: "none !important"
-            }), {
-              p: {
-                margin: "0px !important"
-              },
-              marginBlockEnd: "$10 !important"
-            }),
-            className: "dm-sans"
-          },
-          option.type === DROPDOWN_TYPE.DATE && /* @__PURE__ */ React__default.createElement(
-            Calendar,
-            __spreadProps(__spreadValues(__spreadValues({
-              footerActionText: "Apply",
-              size: "md",
-              value: date,
-              onChange: setDate
-            }, (option == null ? void 0 : option.minValue) && {
-              minValue: $fae977aafc393c5c$export$6b862160d295c8e(option == null ? void 0 : option.minValue)
-            }), (option == null ? void 0 : option.maxValue) && {
-              maxValue: $fae977aafc393c5c$export$6b862160d295c8e(option == null ? void 0 : option.maxValue)
-            }), {
-              footerAction: () => handleDateApply(option)
-            })
+            dynamicDateOptions.map((dateOption) => /* @__PURE__ */ React__default.createElement(Box, { key: dateOption.value, css: { padding: "$4 !important" } }, /* @__PURE__ */ React__default.createElement(Radio, { value: dateOption.value }, dateOption.label)))
           ),
-          option.type === DROPDOWN_TYPE.DATE_RANGE && /* @__PURE__ */ React__default.createElement(
+          ((_a2 = value == null ? void 0 : value.value) == null ? void 0 : _a2.type) === "custom" && /* @__PURE__ */ React__default.createElement(Box, { css: { paddingRight: "$4 !important", position: "relative" } }, /* @__PURE__ */ React__default.createElement(
+            Input,
+            {
+              size: "md",
+              variant: "filled",
+              value: days,
+              onChange: (e) => setDays(e.target.value)
+            }
+          ), /* @__PURE__ */ React__default.createElement(Text, { css: { position: "absolute", right: "$8", top: "$3" } }, "Days")),
+          /* @__PURE__ */ React__default.createElement(
             Flex,
             {
+              justifyContent: "space-between",
               css: {
-                paddingInline: "$4 !important",
-                paddingBlock: "$8 !important"
-              },
-              flexDirection: "column",
-              gap: "$4"
+                borderBlockStart: "$borderWidths$xs, solid, $neutral200 !important",
+                padding: "$8"
+              }
             },
+            /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "ghost", color: "secondary" }, "Cancel"),
             /* @__PURE__ */ React__default.createElement(
-              RadioGroup,
+              Button,
               {
-                defaultValue: value == null ? void 0 : value.value,
-                onChange: handleDateRangeChange
+                size: "sm",
+                variant: "ghost",
+                color: "primary",
+                onClick: () => handleDateRangeApply(option)
               },
-              dynamicDateOptions.map((dateOption) => /* @__PURE__ */ React__default.createElement(
-                Box,
-                {
-                  key: dateOption.value,
-                  css: {
-                    padding: "$4 !important"
-                  }
-                },
-                /* @__PURE__ */ React__default.createElement(Radio, { value: dateOption.value }, dateOption.label)
-              ))
-            ),
-            ((_a2 = value == null ? void 0 : value.value) == null ? void 0 : _a2.type) === DROPDOWN_TYPE.CUSTOM && /* @__PURE__ */ React__default.createElement(
-              Box,
-              {
-                css: {
-                  paddingRight: "$4 !important",
-                  position: "relative"
-                }
-              },
-              /* @__PURE__ */ React__default.createElement(
-                Input,
-                {
-                  size: "md",
-                  variant: "filled",
-                  value: days,
-                  onChange: (e) => setDays(e.target.value)
-                }
-              ),
-              /* @__PURE__ */ React__default.createElement(
-                Text,
-                {
-                  css: {
-                    position: "absolute",
-                    right: "$8",
-                    top: "$3"
-                  }
-                },
-                UI_LABELS.DAYS
-              )
-            ),
-            /* @__PURE__ */ React__default.createElement(
-              Flex,
-              {
-                justifyContent: "space-between",
-                css: {
-                  borderBlockStart: "$borderWidths$xs, solid, $neutral200 !important",
-                  padding: "$8"
-                }
-              },
-              /* @__PURE__ */ React__default.createElement(Button, { size: "sm", variant: "ghost", color: "secondary" }, UI_LABELS.CANCEL),
-              /* @__PURE__ */ React__default.createElement(
-                Button,
-                {
-                  size: "sm",
-                  variant: "ghost",
-                  color: "primary",
-                  onClick: handleDateRangeApply
-                },
-                UI_LABELS.APPLY
-              )
+              "Apply"
             )
           )
-        )))
-      );
+        )
+      )))
+    );
+  };
+  return /* @__PURE__ */ React__default.createElement(DropdownMenu, { open, onOpenChange: setOpen, modal: false }, /* @__PURE__ */ React__default.createElement(DropdownMenuTrigger, { asChild: true }, /* @__PURE__ */ React__default.createElement(
+    Input,
+    {
+      size: "lg",
+      rightIcon: /* @__PURE__ */ React__default.createElement(ChevronDownIcon, { size: 30, color: "#6A6A6A" }),
+      placeholder: "Choose",
+      value: getDisplayValue(),
+      css: {
+        "& input": {
+          textAlign: "left !important"
+        }
+      }
+    }
+  )), /* @__PURE__ */ React__default.createElement(
+    DropdownMenuContent,
+    {
+      css: {
+        width: "488px",
+        marginBlockStart: "$2",
+        p: { margin: "0px !important" },
+        zIndex: "99 !important"
+      },
+      className: "dm-sans"
+    },
+    data.map((option) => {
+      if (!option.type) {
+        return renderSimpleOption(option);
+      }
+      return renderDateOption(option);
     })
   ));
 };

package/dist/es/single-mapping/components/CustomDropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomDropdown.js","sources":["../../../../src/single-mapping/components/CustomDropdown.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n  Box,\n  Flex,\n  Text,\n  Input,\n  Button,\n  Tooltip,\n  Calendar,\n  RadioGroup,\n  Radio,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronDownIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { parseDate, DateValue } from \"@internationalized/date\";\nimport dayjs from \"dayjs\";\nimport { ImportOption, ConfigurationFieldValue } from \"../types/configuration.types\";\nimport { EditField } from \"../types/mapping.types\";\nimport { dynamicDateOptions } from \"../../commons/constants\";\nimport { DROPDOWN_TYPE, DATE_FORMAT, STYLES, CONFIGURATION_IDS, UI_LABELS } from \"../constants\";\n\ntype CustomDropdownProps = {\n  data: ImportOption[];\n  onChangeHandler: (value: ConfigurationFieldValue) => void;\n  value: any;\n  editField?: EditField;\n};\n\nexport const CustomDropdown: React.FC<CustomDropdownProps> = ({\n  data,\n  onChangeHandler,\n  value,\n  editField,\n}) => {\n  const [date, setDate] = useState<DateValue>(() => {\n    try {\n      return value\n        ? parseDate(dayjs(value).format(DATE_FORMAT.CALENDAR))\n        : parseDate(dayjs().format(DATE_FORMAT.CALENDAR));\n    } catch (e) {\n      return parseDate(dayjs().format(DATE_FORMAT.CALENDAR));\n    }\n  });\n\n  const [days, setDays] = useState(value?.value?.value ?? 0);\n  const [open, setOpen] = useState(false);\n  const [hasBeenOpened, setHasBeenOpened] = useState(false);\n\n  useEffect(() => {\n    if (!editField?.id && !hasBeenOpened) {\n      setOpen(true);\n      setHasBeenOpened(true);\n    }\n  }, [editField?.id, hasBeenOpened]);\n\n  const getDisplayValue = (): string => {\n    if (value?.type === DROPDOWN_TYPE.DATE) {\n      return `${value?.label} > ${value?.value}`;\n    }\n    if (value?.type === DROPDOWN_TYPE.DATE_RANGE) {\n      const rangeValue =\n        value?.value?.type === DROPDOWN_TYPE.CUSTOM\n          ? `${value?.value?.value} days`\n          : value?.value?.label;\n      return `${value?.label} - ${rangeValue}`;\n    }\n    return value?.label || \"\";\n  };\n\n  const handleOptionSelect = (option: ImportOption) => {\n    onChangeHandler({\n      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,\n      value: option,\n    });\n  };\n\n  const handleDateApply = (option: ImportOption) => {\n    onChangeHandler({\n      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,\n      value: {\n        ...option,\n        value: dayjs(date.toString()).format(DATE_FORMAT.DISPLAY),\n      },\n    });\n    setOpen(false);\n  };\n\n  const handleDateRangeChange = (rangeValue: string) => {\n    const option = data.find((opt) => opt.type === DROPDOWN_TYPE.DATE_RANGE);\n    if (!option) return;\n\n    onChangeHandler({\n      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,\n      value: {\n        ...option,\n        value: {\n          type: rangeValue,\n          value: rangeValue,\n          label: dynamicDateOptions.find((opt) => opt.value === rangeValue)?.label,\n        },\n      },\n    });\n  };\n\n  const handleDateRangeApply = () => {\n    const option = data.find((opt) => opt.type === DROPDOWN_TYPE.DATE_RANGE);\n    if (!option) return;\n\n    onChangeHandler({\n      id: CONFIGURATION_IDS.RESPONSE_IMPORT_TYPE,\n      value: {\n        ...option,\n        value: {\n          type: value?.value?.type,\n          value: days,\n          label: value?.value?.label,\n        },\n      },\n    });\n    setOpen(false);\n  };\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen} modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Input\n          size=\"lg\"\n          rightIcon={<ChevronDownIcon size={30} color=\"#6A6A6A\" />}\n          placeholder={UI_LABELS.CHOOSE}\n          value={getDisplayValue()}\n          css={{\n            \"& input\": {\n              textAlign: \"left !important\",\n            },\n          }}\n        />\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        css={{\n          width: \"488px\",\n          marginBlockStart: \"$2\",\n          p: {\n            margin: \"0px !important\",\n          },\n          zIndex: STYLES.zIndexDropdown,\n        }}\n        className=\"dm-sans\"\n      >\n        {data.map((option) => {\n          if (!option.type) {\n            return (\n              <Tooltip\n                key={option.id}\n                content={option.tooltip || \"\"}\n                css={{\n                  zIndex: STYLES.zIndexTooltip,\n                  fontFamily: \"DM Sans !important\",\n                }}\n              >\n                <Box>\n                  <DropdownMenuItem\n                    disabled={option?.disabled}\n                    css={{\n                      cursor: option?.disabled\n                        ? \"not-allowed !important\"\n                        : \"pointer !important\",\n                      background:\n                        value?.type === option.type\n                          ? \"#4A9CA626 !important\"\n                          : \"transparent !important\",\n                    }}\n                    onClick={() => handleOptionSelect(option)}\n                  >\n                    <Flex\n                      justifyContent=\"space-between\"\n                      alignItems=\"center\"\n                      css={{ width: \"100%\" }}\n                    >\n                      <Flex justifyContent=\"center\" flexDirection=\"column\">\n                        <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n                          {option.label}\n                        </Text>\n                        <Text size=\"xs\" weight=\"regular\" css={{ color: \"$neutral700\" }}>\n                          {option.description}\n                        </Text>\n                      </Flex>\n                    </Flex>\n                  </DropdownMenuItem>\n                </Box>\n              </Tooltip>\n            );\n          }\n\n          return (\n            <Tooltip\n              key={option.id}\n              content={option.tooltip || \"\"}\n              css={{\n                fontFamily: \"DM Sans !important\",\n                zIndex: STYLES.zIndexTooltip,\n              }}\n            >\n              <Box>\n                <DropdownMenuSub>\n                  <DropdownMenuSubTrigger\n                    disabled={option?.disabled}\n                    css={{\n                      cursor: option?.disabled\n                        ? \"not-allowed !important\"\n                        : \"pointer !important\",\n                      background:\n                        value?.type === option.type\n                          ? \"#4A9CA626 !important\"\n                          : \"transparent !important\",\n                    }}\n                  >\n                    <Flex\n                      justifyContent=\"space-between\"\n                      alignItems=\"center\"\n                      css={{ width: \"100%\" }}\n                    >\n                      <Flex\n                        css={{ cursor: \"pointer\" }}\n                        justifyContent=\"center\"\n                        flexDirection=\"column\"\n                      >\n                        <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n                          {option.label}\n                        </Text>\n                        <Text size=\"xs\" weight=\"regular\" css={{ color: \"$neutral700\" }}>\n                          {option.description}\n                        </Text>\n                      </Flex>\n                    </Flex>\n                  </DropdownMenuSubTrigger>\n\n                  <DropdownMenuSubContent\n                    sideOffset={10}\n                    alignOffset={-5}\n                    css={{\n                      padding: \"0px !important\",\n                      maxHeight: \"500px\",\n                      minWidth: \"224px\",\n                      maxWidth: \"260px\",\n                      margin: \"0px !important\",\n                      ...(option.type === DROPDOWN_TYPE.DATE && {\n                        border: \"none !important\",\n                      }),\n                      p: {\n                        margin: \"0px !important\",\n                      },\n                      marginBlockEnd: \"$10 !important\",\n                    }}\n                    className=\"dm-sans\"\n                  >\n                    {option.type === DROPDOWN_TYPE.DATE && (\n                      <Calendar\n                        footerActionText=\"Apply\"\n                        size=\"md\"\n                        value={date}\n                        onChange={setDate}\n                        {...(option?.minValue && {\n                          minValue: parseDate(option?.minValue),\n                        })}\n                        {...(option?.maxValue && {\n                          maxValue: parseDate(option?.maxValue),\n                        })}\n                        footerAction={() => handleDateApply(option)}\n                      />\n                    )}\n\n                    {option.type === DROPDOWN_TYPE.DATE_RANGE && (\n                      <Flex\n                        css={{\n                          paddingInline: \"$4 !important\",\n                          paddingBlock: \"$8 !important\",\n                        }}\n                        flexDirection=\"column\"\n                        gap=\"$4\"\n                      >\n                        <RadioGroup\n                          defaultValue={value?.value}\n                          onChange={handleDateRangeChange}\n                        >\n                          {dynamicDateOptions.map((dateOption) => (\n                            <Box\n                              key={dateOption.value}\n                              css={{\n                                padding: \"$4 !important\",\n                              }}\n                            >\n                              <Radio value={dateOption.value}>\n                                {dateOption.label}\n                              </Radio>\n                            </Box>\n                          ))}\n                        </RadioGroup>\n\n                        {value?.value?.type === DROPDOWN_TYPE.CUSTOM && (\n                          <Box\n                            css={{\n                              paddingRight: \"$4 !important\",\n                              position: \"relative\",\n                            }}\n                          >\n                            <Input\n                              size=\"md\"\n                              variant=\"filled\"\n                              value={days}\n                              onChange={(e) =>\n                                setDays((e.target as HTMLInputElement).value)\n                              }\n                            />\n                            <Text\n                              css={{\n                                position: \"absolute\",\n                                right: \"$8\",\n                                top: \"$3\",\n                              }}\n                            >\n                              {UI_LABELS.DAYS}\n                            </Text>\n                          </Box>\n                        )}\n\n                        <Flex\n                          justifyContent=\"space-between\"\n                          css={{\n                            borderBlockStart:\n                              \"$borderWidths$xs, solid, $neutral200 !important\",\n                            padding: \"$8\",\n                          }}\n                        >\n                          <Button size=\"sm\" variant=\"ghost\" color=\"secondary\">\n                            {UI_LABELS.CANCEL}\n                          </Button>\n                          <Button\n                            size=\"sm\"\n                            variant=\"ghost\"\n                            color=\"primary\"\n                            onClick={handleDateRangeApply}\n                          >\n                            {UI_LABELS.APPLY}\n                          </Button>\n                        </Flex>\n                      </Flex>\n                    )}\n                  </DropdownMenuSubContent>\n                </DropdownMenuSub>\n              </Box>\n            </Tooltip>\n          );\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n\n"],"names":["parseDate","_a","_b","React"],"mappings":"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"}
+{"version":3,"file":"CustomDropdown.js","sources":["../../../../src/single-mapping/components/CustomDropdown.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n  Box,\n  Button,\n  Calendar,\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n  Flex,\n  Input,\n  Radio,\n  RadioGroup,\n  Text,\n  Tooltip,\n} from \"@sparrowengg/twigs-react\";\nimport { ChevronDownIcon } from \"@sparrowengg/twigs-react-icons\";\nimport { parseDate, DateValue } from \"@internationalized/date\";\nimport dayjs from \"dayjs\";\nimport { dynamicDateOptions } from \"../../commons/constants\";\nimport { ImportOptionType } from \"../types/configuration.types\";\n\ntype CustomDropdownProps = {\n  data: Array<ImportOptionType>;\n  onChangeHandler: (value: any) => void;\n  value: any;\n  editField: any;\n};\n\n/**\n * Custom dropdown component for date and date range selection\n */\nexport const CustomDropdown: React.FC<CustomDropdownProps> = ({\n  data,\n  onChangeHandler,\n  value,\n  editField,\n}) => {\n  const [date, setDate] = useState<DateValue>(() => {\n    try {\n      return value\n        ? parseDate(dayjs(value).format(\"YYYY-MM-DD\"))\n        : parseDate(dayjs().format(\"YYYY-MM-DD\"));\n    } catch (e) {\n      return parseDate(dayjs().format(\"YYYY-MM-DD\"));\n    }\n  });\n  const [days, setDays] = useState(value?.value?.value ?? 0);\n  const [open, setOpen] = useState(false);\n  const [hasBeenOpened, setHasBeenOpened] = useState(false);\n\n  useEffect(() => {\n    if (!editField?.id && !hasBeenOpened) {\n      setOpen(true);\n      setHasBeenOpened(true);\n    }\n  }, [editField?.id, hasBeenOpened]);\n\n  const getDisplayValue = (): string => {\n    if (value?.type === \"date\") {\n      return `${value?.label} > ${value?.value}`;\n    }\n    if (value?.type === \"dateRange\") {\n      const customDays = value?.value?.type === \"custom\" \n        ? `${value?.value?.value} days` \n        : value?.value?.label;\n      return `${value?.label} - ${customDays}`;\n    }\n    return value?.label || \"\";\n  };\n\n  const handleDateApply = () => {\n    onChangeHandler({\n      id: \"responseImportType\",\n      value: {\n        ...data.find(opt => opt.type === \"date\"),\n        value: dayjs(date.toString()).format(\"MMM D, YYYY\"),\n      },\n    });\n    setOpen(false);\n  };\n\n  const handleDateRangeApply = (option: ImportOptionType) => {\n    onChangeHandler({\n      id: \"responseImportType\",\n      value: {\n        ...option,\n        value: {\n          type: value?.value?.type,\n          value: days,\n          label: value?.value?.label,\n        },\n      },\n    });\n    setOpen(false);\n  };\n\n  const renderSimpleOption = (option: ImportOptionType) => (\n    <Tooltip\n      key={option.id}\n      content={option.tooltip || \"\"}\n      css={{\n        zIndex: \"9999999 !important\",\n        fontFamily: \"DM Sans !important\",\n      }}\n    >\n      <Box>\n        <DropdownMenuItem\n          disabled={option?.disabled}\n          css={{\n            cursor: option?.disabled ? \"not-allowed !important\" : \"pointer !important\",\n            background: value?.type === option.type ? \"#4A9CA626 !important\" : \"transparent !important\",\n          }}\n          onClick={() =>\n            onChangeHandler({\n              id: \"responseImportType\",\n              value: option,\n            })\n          }\n        >\n          <Flex justifyContent=\"space-between\" alignItems=\"center\" css={{ width: \"100%\" }}>\n            <Flex justifyContent=\"center\" flexDirection=\"column\">\n              <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n                {option.label}\n              </Text>\n              <Text size=\"xs\" weight=\"regular\" css={{ color: \"$neutral700\" }}>\n                {option.description}\n              </Text>\n            </Flex>\n          </Flex>\n        </DropdownMenuItem>\n      </Box>\n    </Tooltip>\n  );\n\n  const renderDateOption = (option: ImportOptionType) => (\n    <Tooltip\n      key={option.id}\n      content={option.tooltip || \"\"}\n      css={{\n        fontFamily: \"DM Sans !important\",\n        zIndex: \"9999999 !important\",\n      }}\n    >\n      <Box>\n        <DropdownMenuSub>\n          <DropdownMenuSubTrigger\n            disabled={option?.disabled}\n            css={{\n              cursor: option?.disabled ? \"not-allowed !important\" : \"pointer !important\",\n              background: value?.type === option.type ? \"#4A9CA626 !important\" : \"transparent !important\",\n            }}\n          >\n            <Flex justifyContent=\"space-between\" alignItems=\"center\" css={{ width: \"100%\" }}>\n              <Flex css={{ cursor: \"pointer\" }} justifyContent=\"center\" flexDirection=\"column\">\n                <Text size=\"sm\" weight=\"regular\" css={{ color: \"$neutral900\" }}>\n                  {option.label}\n                </Text>\n                <Text size=\"xs\" weight=\"regular\" css={{ color: \"$neutral700\" }}>\n                  {option.description}\n                </Text>\n              </Flex>\n            </Flex>\n          </DropdownMenuSubTrigger>\n\n          <DropdownMenuSubContent\n            sideOffset={10}\n            alignOffset={-5}\n            css={{\n              padding: \"0px !important\",\n              maxHeight: \"500px\",\n              minWidth: \"224px\",\n              maxWidth: \"260px\",\n              margin: \"0px !important\",\n              ...(option.type === \"date\" && { border: \"none !important\" }),\n              p: { margin: \"0px !important\" },\n              marginBlockEnd: \"$10 !important\",\n            }}\n            className=\"dm-sans\"\n          >\n            {option.type === \"date\" && (\n              <Calendar\n                footerActionText=\"Apply\"\n                size=\"md\"\n                value={date}\n                onChange={setDate}\n                {...(option?.minValue && { minValue: parseDate(option.minValue) })}\n                {...(option?.maxValue && { maxValue: parseDate(option.maxValue) })}\n                footerAction={handleDateApply}\n              />\n            )}\n            {option.type === \"dateRange\" && (\n              <Flex\n                css={{\n                  paddingInline: \"$4 !important\",\n                  paddingBlock: \"$8 !important\",\n                }}\n                flexDirection=\"column\"\n                gap=\"$4\"\n              >\n                <RadioGroup\n                  defaultValue={value?.value}\n                  onChange={(value) => {\n                    onChangeHandler({\n                      id: \"responseImportType\",\n                      value: {\n                        ...option,\n                        value: {\n                          type: value,\n                          value: value,\n                          label: dynamicDateOptions.find((opt) => opt.value === value)?.label,\n                        },\n                      },\n                    });\n                  }}\n                >\n                  {dynamicDateOptions.map((dateOption) => (\n                    <Box key={dateOption.value} css={{ padding: \"$4 !important\" }}>\n                      <Radio value={dateOption.value}>{dateOption.label}</Radio>\n                    </Box>\n                  ))}\n                </RadioGroup>\n                {value?.value?.type === \"custom\" && (\n                  <Box css={{ paddingRight: \"$4 !important\", position: \"relative\" }}>\n                    <Input\n                      size=\"md\"\n                      variant=\"filled\"\n                      value={days}\n                      onChange={(e) => setDays((e.target as HTMLInputElement).value)}\n                    />\n                    <Text css={{ position: \"absolute\", right: \"$8\", top: \"$3\" }}>Days</Text>\n                  </Box>\n                )}\n                <Flex\n                  justifyContent=\"space-between\"\n                  css={{\n                    borderBlockStart: \"$borderWidths$xs, solid, $neutral200 !important\",\n                    padding: \"$8\",\n                  }}\n                >\n                  <Button size=\"sm\" variant=\"ghost\" color=\"secondary\">\n                    Cancel\n                  </Button>\n                  <Button\n                    size=\"sm\"\n                    variant=\"ghost\"\n                    color=\"primary\"\n                    onClick={() => handleDateRangeApply(option)}\n                  >\n                    Apply\n                  </Button>\n                </Flex>\n              </Flex>\n            )}\n          </DropdownMenuSubContent>\n        </DropdownMenuSub>\n      </Box>\n    </Tooltip>\n  );\n\n  return (\n    <DropdownMenu open={open} onOpenChange={setOpen} modal={false}>\n      <DropdownMenuTrigger asChild>\n        <Input\n          size=\"lg\"\n          rightIcon={<ChevronDownIcon size={30} color=\"#6A6A6A\" />}\n          placeholder=\"Choose\"\n          value={getDisplayValue()}\n          css={{\n            \"& input\": {\n              textAlign: \"left !important\",\n            },\n          }}\n        />\n      </DropdownMenuTrigger>\n\n      <DropdownMenuContent\n        css={{\n          width: \"488px\",\n          marginBlockStart: \"$2\",\n          p: { margin: \"0px !important\" },\n          zIndex: \"99 !important\",\n        }}\n        className=\"dm-sans\"\n      >\n        {data.map((option) => {\n          if (!option.type) {\n            return renderSimpleOption(option);\n          }\n          return renderDateOption(option);\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n};\n\n"],"names":["parseDate","_a","_b","React","value"],"mappings":"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"}