@banch0u/core-project-test-repository 1.8.3 → 1.9.0

package/dist/components/ProfileOptions/index.js

@@ -1,29 +1,33 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useEffect, useState } from "react";
-import { Badge, Dropdown, Menu, Tooltip } from "antd";
-import { SunOutlined, MoonOutlined } from "@ant-design/icons";
+import React, { useEffect, useState, useRef } from "react";
+import { Badge, Dropdown, Tooltip } from "antd";
+import { SunOutlined } from "@ant-design/icons";
 import style from "./index.module.scss";
-import { BellOutlined } from "@ant-design/icons";
 import { useDispatch, useSelector } from "react-redux";
-import { Link } from "react-router-dom";
 import { getProfileInfo, scopes } from "../../store/slices/auth";
-import { entryData } from "../../pages/Platform/constant";
-import { CategoryIcon, UserIcon } from "../../assets/icons";
+import { LogOutIcon, MoonIcon, NotificationBell, SettingsCogIcon } from "../../assets/icons";
 import { getNotifications } from "../../store/slices/notification";
 import NotificationDropdown from "../NotificationDropdown";
+import { Link, useNavigate } from "react-router-dom";
+import { LOGIN_PATH, SETTINGS_PERMISSIONS } from "../../utils/path";
 var ProfileOptions = function ProfileOptions() {
+  var _profileInfo$name;
   var dispatch = useDispatch();
-  var _useSelector = useSelector(function (state) {
-      return state.auth;
-    }),
-    scopesData = _useSelector.scopesData;
+  var navigate = useNavigate();
   var profileInfo = useSelector(function (state) {
     return state.auth.profileInfo;
   });
-  var _useSelector2 = useSelector(function (state) {
+  var _useSelector = useSelector(function (state) {
       return state.global;
     }),
-    notificationsRender = _useSelector2.notificationsRender;
+    notificationsRender = _useSelector.notificationsRender;
+  var _useSelector2 = useSelector(function (state) {
+      return state.auth;
+    }),
+    scopesData = _useSelector2.scopesData;
+  var notifications = useSelector(function (state) {
+    return state.notification.notifications;
+  });
   var _useState = useState(20),
     _useState2 = _slicedToArray(_useState, 2),
     size = _useState2[0],
@@ -32,13 +36,37 @@ var ProfileOptions = function ProfileOptions() {
     _useState4 = _slicedToArray(_useState3, 2),
     page = _useState4[0],
     setPage = _useState4[1];
-  var notifications = useSelector(function (state) {
-    return state.notification.notifications;
-  });
-  var _useState5 = useState(localStorage.getItem("theme") || "light"),
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    theme = _useState6[0],
-    setTheme = _useState6[1];
+    open = _useState6[0],
+    setOpen = _useState6[1];
+  var _useState7 = useState(localStorage.getItem("theme") || "light"),
+    _useState8 = _slicedToArray(_useState7, 2),
+    theme = _useState8[0],
+    setTheme = _useState8[1];
+  var dropdownRef = useRef(null); // for click outside
+
+  useEffect(function () {
+    dispatch(scopes());
+    dispatch(getProfileInfo());
+  }, [dispatch]);
+  useEffect(function () {
+    dispatch(getNotifications({
+      size: size,
+      page: page
+    }));
+  }, [dispatch, size, page, notificationsRender]);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(event) {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
   var toggleTheme = function toggleTheme() {
     var newTheme = theme === "light" ? "dark" : "light";
     setTheme(newTheme);
@@ -46,6 +74,19 @@ var ProfileOptions = function ProfileOptions() {
     document.documentElement.setAttribute("data-theme", newTheme);
     window.dispatchEvent(new Event("themeChange"));
   };
+  var toggleAccordion = function toggleAccordion() {
+    return setOpen(!open);
+  };
+  var handleLogout = function handleLogout() {
+    window.localStorage.removeItem("token");
+    navigate(LOGIN_PATH);
+  };
+  var rootUrl;
+  if (window.location.hostname === "localhost") {
+    rootUrl = "http://localhost:" + window.location.port;
+  } else {
+    rootUrl = window.location.origin;
+  }
   var NotificationIcon = function NotificationIcon() {
     return /*#__PURE__*/React.createElement(Badge, {
       count: notifications === null || notifications === void 0 ? void 0 : notifications.notReadenCount,
@@ -56,45 +97,14 @@ var ProfileOptions = function ProfileOptions() {
         lineHeight: "16px",
         padding: "0 4px"
       }
-    }, /*#__PURE__*/React.createElement(BellOutlined, {
-      style: {
-        fontSize: "20px"
-      }
-    }));
+    }, /*#__PURE__*/React.createElement("div", {
+      className: style.icon_overlay,
+      "data-no-invert": true
+    }, /*#__PURE__*/React.createElement(NotificationBell, null)));
   };
-  useEffect(function () {
-    dispatch(scopes());
-    dispatch(getProfileInfo());
-  }, [dispatch]);
-  useEffect(function () {
-    dispatch(getNotifications({
-      size: size,
-      page: page
-    }));
-  }, [dispatch, size, page, notificationsRender]);
-  var rootUrl = window.location.origin;
-  var menu1 = /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement("div", {
-    className: style.links
-  }, entryData === null || entryData === void 0 ? void 0 : entryData.map(function (item) {
-    return scopesData === "*" || scopesData !== null && scopesData !== void 0 && scopesData.includes(item.scopes) ? /*#__PURE__*/React.createElement(Link, {
-      to: item === null || item === void 0 ? void 0 : item.pathname,
-      key: item === null || item === void 0 ? void 0 : item.id
-    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value) : /*#__PURE__*/React.createElement("div", {
-      className: style.disableMenu,
-      key: item === null || item === void 0 ? void 0 : item.id
-    }, item === null || item === void 0 ? void 0 : item.icon, item === null || item === void 0 ? void 0 : item.value);
-  }), /*#__PURE__*/React.createElement(Link, {
-    to: "".concat(rootUrl, "/accounts")
-  }, /*#__PURE__*/React.createElement(UserIcon, null), "\u015E\u0259xsi kabinet")));
   return /*#__PURE__*/React.createElement("div", {
     className: style.profile
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
-  }, /*#__PURE__*/React.createElement("button", {
-    onClick: toggleTheme,
-    "data-no-invert": true,
-    className: style.button
-  }, theme === "dark" ? /*#__PURE__*/React.createElement(SunOutlined, null) : /*#__PURE__*/React.createElement(MoonOutlined, null))), /*#__PURE__*/React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
     overlay: /*#__PURE__*/React.createElement(NotificationDropdown, {
       size: size,
       page: page,
@@ -109,19 +119,52 @@ var ProfileOptions = function ProfileOptions() {
   }, /*#__PURE__*/React.createElement("button", {
     "data-no-invert": true,
     className: style.button
-  }, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(Dropdown, {
-    overlay: menu1,
-    trigger: ["click"]
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.category,
-    "data-no-invert-1": true
-  }, /*#__PURE__*/React.createElement(CategoryIcon, null))), /*#__PURE__*/React.createElement("div", {
-    className: style.dropdown
+  }, /*#__PURE__*/React.createElement(NotificationIcon, null)))), /*#__PURE__*/React.createElement(Tooltip, {
+    title: theme === "dark" ? "Gündüz modu" : "Gecə modu"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: toggleTheme,
+    "data-no-invert": true,
+    className: style.button
   }, /*#__PURE__*/React.createElement("div", {
-    className: style.pp,
+    className: style.icon_overlay,
+    "data-no-invert": true
+  }, theme === "dark" ? /*#__PURE__*/React.createElement("div", {
     "data-no-invert": true
-  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name[0]), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(SunOutlined, {
+    style: {
+      color: "#035FB5"
+    }
+  })) : /*#__PURE__*/React.createElement(MoonIcon, null)))), /*#__PURE__*/React.createElement("div", {
+    className: style.profile,
+    ref: dropdownRef
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.profileHeader,
+    style: {
+      borderRadius: open ? "8px 8px 0px 0px" : "8px"
+    },
+    onClick: toggleAccordion
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: "flex",
+      alignItems: "center",
+      gap: "8px"
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.pp
+  }, profileInfo === null || profileInfo === void 0 || (_profileInfo$name = profileInfo.name) === null || _profileInfo$name === void 0 ? void 0 : _profileInfo$name[0]), /*#__PURE__*/React.createElement("div", {
     className: style.name
-  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname))));
+  }, profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.name, " ", profileInfo === null || profileInfo === void 0 ? void 0 : profileInfo.surname)), /*#__PURE__*/React.createElement("div", {
+    className: "".concat(style.arrow, " ").concat(open ? style.open : "")
+  })), open && /*#__PURE__*/React.createElement("div", {
+    className: style.profileDropdown
+  }, scopesData === "*" && /*#__PURE__*/React.createElement(Link, {
+    className: style.menuItem,
+    to: "".concat(rootUrl, "/docflow").concat(SETTINGS_PERMISSIONS)
+  }, /*#__PURE__*/React.createElement(SettingsCogIcon, null), /*#__PURE__*/React.createElement("span", null, "T\u0259nziml\u0259m\u0259l\u0259r")), /*#__PURE__*/React.createElement("div", {
+    className: style.menuItem,
+    onClick: handleLogout
+  }, /*#__PURE__*/React.createElement(LogOutIcon, null), /*#__PURE__*/React.createElement("span", {
+    className: style.logoutText
+  }, "\xC7\u0131x\u0131\u015F et")))));
 };
 export default ProfileOptions;

package/dist/components/ProfileOptions/index.module.scss

@@ -1,6 +1,6 @@
 .profile {
   display: flex;
-  gap: 12px;
+  gap: 10px;
   align-items: center;
   .category {
     display: flex;
@@ -18,6 +18,7 @@
     display: flex;
     align-items: center;
     cursor: pointer;
+    padding: 0;
     svg {
       width: 20px;
       margin-top: 3.5px;
@@ -34,17 +35,7 @@
       border-radius: 50%;
       border: 1px solid #bebebe;
     }
-    .pp {
-      width: 39px;
-      height: 39px;
-      border-radius: 50%;
-      // border: 1px solid #bebebe;
-      background: var(--darkBlueColor);
-      color: white;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-    }
+
     .name {
       font-family: Inter;
       font-size: 12px;
@@ -129,3 +120,144 @@
     }
   }
 }
+.icon_overlay {
+  background-color: var(--lightBlue);
+  // padding: 11px;
+  border-radius: 6px;
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    width: 24px !important;
+    height: 24px !important;
+    margin-top: 0 !important;
+  }
+}
+
+.profileRow {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  position: relative;
+}
+
+.button {
+  background: transparent;
+  border: none;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  padding: 0;
+
+  svg {
+    width: 20px;
+    margin-top: 3.5px;
+  }
+}
+
+.icon_overlay {
+  background-color: var(--lightBlue);
+  border-radius: 6px;
+  width: 46px;
+  height: 46px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  svg {
+    width: 24px !important;
+    height: 24px !important;
+    margin-top: 0 !important;
+  }
+}
+
+.profile {
+  position: relative;
+  display: flex;
+  align-items: flex-end;
+}
+
+.profileHeader {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 7px 10px;
+  border-radius: 8px;
+  background: var(--lightBlue);
+  cursor: pointer;
+  width: 240px;
+
+  .pp {
+    width: 32px;
+    height: 32px;
+    border-radius: 4px;
+    background: var(--blue);
+    color: white;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-weight: 500;
+    font-size: 16px;
+  }
+
+  .name {
+    font-weight: 600;
+    font-size: 14px;
+    color: var(--black);
+  }
+}
+
+.arrow {
+  width: 10px;
+  height: 10px;
+  border-right: 2px solid var(--blue);
+  border-bottom: 2px solid var(--blue);
+  transform: rotate(45deg);
+  transition: transform 0.3s ease;
+  margin-right: 6px;
+}
+
+.arrow.open {
+  transform: rotate(-135deg);
+}
+
+.profileDropdown {
+  position: absolute;
+  top: 100%;
+  right: -1px;
+  width: 242px;
+  border-right: 1px solid var(--blue);
+  border-left: 1px solid var(--blue);
+  border-bottom: 1px solid var(--blue);
+
+  border-radius: 0px 0px 8px 8px;
+  background: var(--lightBlue);
+  z-index: 100;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 16px;
+  font-size: 16px;
+  cursor: pointer;
+  border-top: 1px solid var(--white);
+  text-decoration: none;
+  transition: background 0.2s ease;
+  color: var(--blue);
+  &:hover {
+    background: #e6f0fc;
+  }
+}
+
+.logoutText {
+  color: red;
+}

package/dist/components/Success/Success.js

@@ -0,0 +1,19 @@
+import React from "react";
+import style from "./Success.module.scss";
+import { OkIcon } from "../../assets/icons";
+import Button from "../Button";
+var Success = function Success(_ref) {
+  var value = _ref.value,
+    customValue = _ref.customValue,
+    onClick = _ref.onClick;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("figure", null, /*#__PURE__*/React.createElement(OkIcon, null)), value ? /*#__PURE__*/React.createElement("h3", {
+    className: style.value
+  }, value, " u\u011Furla \u0259lav\u0259 edildi") : /*#__PURE__*/React.createElement("h3", {
+    className: style.value
+  }, customValue), /*#__PURE__*/React.createElement(Button, {
+    onClick: onClick
+  }, "\u018Fsas s\u0259hif\u0259y\u0259 geri qay\u0131t"));
+};
+export default Success;

package/dist/components/Success/Success.module.scss

@@ -0,0 +1,26 @@
+.container {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  justify-content: center;
+  padding: 53px;
+  padding-top: 120px;
+  button {
+    padding: 9px 19px;
+    font-family: Inter;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 27px;
+  }
+}
+
+.value {
+  margin-top: 18px;
+  font-family: Inter;
+  font-size: 20px;
+  font-weight: 500;
+  line-height: 30px;
+  text-align: left;
+  color: #0b0b0b;
+  margin-bottom: 53px;
+}

package/dist/components/Table/index.js

@@ -15,7 +15,9 @@ var Table = function Table(_ref) {
     dataSource = _ref.dataSource,
     selectedColumns = _ref.selectedColumns,
     innerW = _ref.innerW,
-    disableDrag = _ref.disableDrag;
+    disableDrag = _ref.disableDrag,
+    _ref$big = _ref.big,
+    big = _ref$big === void 0 ? false : _ref$big;
   var getSavedOrder = function getSavedOrder(id) {
     var savedOrder = Cookies.get("columnOrder_".concat(id));
     return savedOrder ? savedOrder.split(",") : null;
@@ -197,7 +199,7 @@ var Table = function Table(_ref) {
     components: components,
     scroll: {
       x: innerW * (Array.isArray(selectedColumns) ? selectedColumns.length - 1 : 0),
-      y: "calc(88vh - ".concat(window.innerWidth > 1537 ? "260px" : "280px", ")")
+      y: "calc(88vh - ".concat(window.innerWidth > 1537 ? big === true ? "180px" : "260px" : big === true ? "200px" : "280px", ")")
     }
   }));
 };

package/dist/components/ViewModal/index.js

@@ -0,0 +1,30 @@
+import { Modal } from "antd";
+import React from "react";
+import { useSelector } from "react-redux";
+var ViewModal = function ViewModal(_ref) {
+  var children = _ref.children,
+    width = _ref.width,
+    onCancel = _ref.onCancel,
+    isEditing = _ref.isEditing;
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    viewModalVisible = _useSelector.viewModalVisible;
+  return /*#__PURE__*/React.createElement(Modal, {
+    centered: true,
+    okButtonProps: {
+      style: {
+        display: "none"
+      }
+    },
+    cancelButtonProps: {
+      style: {
+        display: "none"
+      }
+    },
+    width: width,
+    open: viewModalVisible,
+    onCancel: onCancel
+  }, children);
+};
+export default ViewModal;

package/dist/helpers/paginationLength.js

@@ -0,0 +1,3 @@
+export var setPaginationLength = function setPaginationLength(count, size) {
+  return Math.ceil(Number(count) / (Number(size) || 1)) + "0";
+};

package/dist/helpers/querySearch.js

@@ -0,0 +1,22 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+export var queryString = function queryString(data) {
+  var query = Object.entries(data).map(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (value === undefined || value === null || value === "") {
+      return null; // Ignore undefined, null, or empty values
+    }
+
+    // Check if value is a string representing an array, e.g., "[0,19]"
+    if (typeof value === "string" && value.startsWith("[") && value.endsWith("]")) {
+      value = value.slice(1, -1); // Remove the brackets without encoding
+      return "".concat(key, "=").concat(value); // Skip encoding for this case
+    }
+
+    // Default case: encode the key and value
+    return "".concat(encodeURIComponent(key), "=").concat(encodeURIComponent(value));
+  }).filter(Boolean) // Filter out any null values
+  .join("&");
+  return query ? "".concat(query) : "";
+};

package/dist/index.js

@@ -15,10 +15,16 @@ export { default as Select } from "./components/Select";
 export { default as Input } from "./components/Input";
 export { default as api } from "./utils/axios";
 export { default as NotFound } from "./pages/NotFound";
+export { questionnairesRoutes } from "./routes/QuestionnaireRoutes";
+export { CoreProvider } from "./store/coreProvider";
 import LoginPage from "./pages/Login";
 import PlatformPage from "./pages/Platform";
 import HeaderLayout from "./layout/Header";
+import SidebarComponent from "./layout/Sidebar";
 import { CoreProvider } from "./store/coreProvider";
+export var Sidebar = function Sidebar(props) {
+  return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(SidebarComponent, props));
+};
 export var Login = function Login() {
   return /*#__PURE__*/React.createElement(CoreProvider, null, /*#__PURE__*/React.createElement(LoginPage, null));
 };

package/dist/layout/Header/AppSelect/index.js

@@ -0,0 +1,107 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useMemo, useRef, useEffect, useState } from "react";
+import { useSelector } from "react-redux";
+import { useLocation } from "react-router-dom";
+import { Collapse } from "antd";
+import { RightOutlined } from "@ant-design/icons";
+import style from "./index.module.scss";
+import { entryData } from "../../../pages/Platform/constant";
+import Portal from "../../Portal";
+var Panel = Collapse.Panel;
+var AppSelect = function AppSelect() {
+  var location = useLocation();
+  var _useSelector = useSelector(function (state) {
+      return state.auth;
+    }),
+    scopesData = _useSelector.scopesData;
+  var accordionRef = useRef(null);
+  var dropdownRef = useRef(null);
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropdownStyle = _useState4[0],
+    setDropdownStyle = _useState4[1];
+  var filteredOptions = useMemo(function () {
+    return entryData.filter(function (item) {
+      return item.scopes === "account" || scopesData === "*" || (scopesData === null || scopesData === void 0 ? void 0 : scopesData.includes(item.scopes));
+    });
+  }, [scopesData]);
+  var baseSegment = useMemo(function () {
+    return window.location.pathname.split("/")[1];
+  }, [location.pathname]);
+  var active = useMemo(function () {
+    return filteredOptions.find(function (opt) {
+      return opt.pathname.includes("/".concat(baseSegment));
+    }) || filteredOptions[0];
+  }, [filteredOptions, baseSegment]);
+  useEffect(function () {
+    var handleClickOutside = function handleClickOutside(e) {
+      var _dropdownRef$current;
+      if (accordionRef.current && !accordionRef.current.contains(e.target) && !((_dropdownRef$current = dropdownRef.current) !== null && _dropdownRef$current !== void 0 && _dropdownRef$current.contains(e.target))) {
+        setActiveKey([]);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return function () {
+      return document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, []);
+  useEffect(function () {
+    if (activeKey.length > 0 && accordionRef.current) {
+      var rect = accordionRef.current.getBoundingClientRect();
+      setDropdownStyle({
+        position: "absolute",
+        top: rect.bottom + window.scrollY + 4,
+        left: rect.left + window.scrollX,
+        width: rect.width,
+        zIndex: 9999
+      });
+    }
+  }, [activeKey]);
+  return /*#__PURE__*/React.createElement("div", {
+    ref: accordionRef
+  }, /*#__PURE__*/React.createElement(Collapse, {
+    bordered: false,
+    activeKey: activeKey,
+    onChange: function onChange(key) {
+      return setActiveKey(key);
+    },
+    expandIconPosition: "end",
+    expandIcon: function expandIcon(_ref) {
+      var isActive = _ref.isActive;
+      return /*#__PURE__*/React.createElement("div", {
+        "data-no-invert": true
+      }, /*#__PURE__*/React.createElement(RightOutlined, {
+        style: {
+          transform: "rotate(".concat(isActive ? 270 : 90, "deg)"),
+          transition: "transform 0.2s ease",
+          color: "white",
+          fontSize: "14px"
+        }
+      }));
+    },
+    className: style.accordion
+  }, /*#__PURE__*/React.createElement(Panel, {
+    header: /*#__PURE__*/React.createElement("div", {
+      className: style.accordionHeader
+    }, /*#__PURE__*/React.createElement("div", null, active === null || active === void 0 ? void 0 : active.icon), /*#__PURE__*/React.createElement("span", null, active === null || active === void 0 ? void 0 : active.value)),
+    key: "1"
+  })), activeKey.length > 0 && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
+    "data-no-invert": true,
+    ref: dropdownRef,
+    className: style.accordionBody,
+    style: dropdownStyle
+  }, filteredOptions.filter(function (opt) {
+    return opt.pathname !== (active === null || active === void 0 ? void 0 : active.pathname);
+  }).map(function (option) {
+    return /*#__PURE__*/React.createElement("a", {
+      key: option.id,
+      href: option.pathname,
+      className: style.accordionOption
+    }, option.icon, /*#__PURE__*/React.createElement("span", null, option.value));
+  }))));
+};
+export default AppSelect;