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

package/dist/assets/icons/index.js

@@ -456,4 +456,186 @@ export var LogOutIcon = function LogOutIcon() {
     rx: "5",
     fill: "#F50B0B"
   }))));
+};
+export var ExportIcon = function ExportIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M9.32007 6.49994L11.8801 3.93994L14.4401 6.49994",
+    stroke: "#F2F2F2",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M11.8799 14.18V4.01001",
+    stroke: "#F2F2F2",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M4 12C4 16.42 7 20 12 20C17 20 20 16.42 20 12",
+    stroke: "#F2F2F2",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var PlusIcon = function PlusIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M12 22C17.5 22 22 17.5 22 12C22 6.5 17.5 2 12 2C6.5 2 2 6.5 2 12C2 17.5 6.5 22 12 22Z",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 12H16",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M12 16V8",
+    stroke: "white",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var SearchIcon = function SearchIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "22",
+    height: "22",
+    viewBox: "0 0 22 22",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M10.083 18.3332C14.6394 18.3332 18.333 14.6395 18.333 10.0832C18.333 5.52682 14.6394 1.83317 10.083 1.83317C5.52666 1.83317 1.83301 5.52682 1.83301 10.0832C1.83301 14.6395 5.52666 18.3332 10.083 18.3332Z",
+    stroke: "#828282",
+    strokeWidth: "1.375",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.3527 18.9655C17.8385 20.4322 18.9477 20.5788 19.8002 19.2955C20.5794 18.1222 20.066 17.1597 18.6544 17.1597C17.6094 17.1505 17.0227 17.9663 17.3527 18.9655Z",
+    stroke: "#828282",
+    strokeWidth: "1.375",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var OkIcon = function OkIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "140",
+    height: "140",
+    viewBox: "0 0 140 140",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M70.0001 128.333C102.083 128.333 128.333 102.083 128.333 69.9998C128.333 37.9165 102.083 11.6665 70.0001 11.6665C37.9167 11.6665 11.6667 37.9165 11.6667 69.9998C11.6667 102.083 37.9167 128.333 70.0001 128.333Z",
+    stroke: "#219653",
+    strokeWidth: "8.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M45.2083 70L61.7166 86.5084L94.7916 53.4917",
+    stroke: "#219653",
+    strokeWidth: "8.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var EditIcon = function EditIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M20.5 11.3V7.04001C20.5 3.01001 19.56 2 15.78 2H8.22C4.44 2 3.5 3.01001 3.5 7.04001V18.3C3.5 20.96 4.96001 21.59 6.73001 19.69L6.73999 19.68C7.55999 18.81 8.80999 18.88 9.51999 19.83L10.53 21.18",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8 7H16",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9 11H15",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M18.211 14.7703L14.671 18.3103C14.531 18.4503 14.401 18.7103 14.371 18.9003L14.181 20.2503C14.111 20.7403 14.451 21.0803 14.941 21.0103L16.291 20.8203C16.481 20.7903 16.751 20.6603 16.881 20.5203L20.421 16.9803C21.031 16.3703 21.321 15.6603 20.421 14.7603C19.531 13.8703 18.821 14.1603 18.211 14.7703Z",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M17.6992 15.2803C17.9992 16.3603 18.8392 17.2003 19.9192 17.5003",
+    stroke: "#016DAF",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+};
+export var DeleteIconQ = function DeleteIconQ() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M8.81043 2L5.19043 5.63",
+    stroke: "#EB5757",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M15.1904 2L18.8104 5.63",
+    stroke: "#EB5757",
+    strokeWidth: "1.5",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M2 7.85C2 6 2.99 5.85 4.22 5.85H19.78C21.01 5.85 22 6 22 7.85C22 10 21.01 9.85 19.78 9.85H4.22C2.99 9.85 2 10 2 7.85Z",
+    stroke: "#EB5757",
+    strokeWidth: "1.5"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M9.75977 14V17.55",
+    stroke: "#EB5757",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M14.3604 14V17.55",
+    stroke: "#EB5757",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3.5 10L4.91 18.64C5.23 20.58 6 22 8.86 22H14.89C18 22 18.46 20.64 18.82 18.76L20.5 10",
+    stroke: "#EB5757",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
 };

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

@@ -125,7 +125,7 @@
   line-height: 24px;
   letter-spacing: 0.5px;
   border: 1px solid #219653;
-  color: #fff;
+  color: #219653;
   cursor: pointer;
   transition: 250ms;
 
@@ -136,7 +136,19 @@
   svg {
     path {
       transition: 250ms;
-      fill: #219653 !important;
+      stroke: #219653;
+    }
+  }
+}
+.button_green_white:hover {
+  background: gray;
+  border: 1px solid gray;
+  transition: 250ms;
+  color: grey;
+  svg {
+    path {
+      transition: 250ms;
+      stroke: gray;
     }
   }
 }

package/dist/components/Delete/Delete.js

@@ -0,0 +1,22 @@
+import React from "react";
+import style from "./Delete.module.scss";
+import Button from "../Button";
+var Delete = function Delete(_ref) {
+  var value = _ref.value,
+    onCancel = _ref.onCancel,
+    onDelete = _ref.onDelete;
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.container
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: style.value
+  }, value, " silm\u0259k ist\u0259diyinizd\u0259n \u0259minsizinmi?"), /*#__PURE__*/React.createElement("div", {
+    className: style.footer
+  }, /*#__PURE__*/React.createElement(Button, {
+    color: "white",
+    onClick: onCancel
+  }, "Geri"), /*#__PURE__*/React.createElement(Button, {
+    color: "red",
+    onClick: onDelete
+  }, "Soraq\xE7an\u0131 sil")));
+};
+export default Delete;

package/dist/components/Delete/Delete.module.scss

@@ -0,0 +1,22 @@
+.container {
+  width: 100%;
+}
+.footer {
+  width: 100%;
+  display: flex;
+  gap: 20px;
+  align-items: center;
+  margin-top: 9px;
+  button {
+    padding: 5px 19px;
+  }
+}
+
+.value {
+  font-family: Inter;
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 24px;
+  text-align: left;
+  color: #1c1c1c;
+}

package/dist/components/DeleteModal/DeleteModal.js

@@ -0,0 +1,31 @@
+import { Modal } from "antd";
+import React from "react";
+import { useSelector } from "react-redux";
+import style from "./DeleteModal.module.scss";
+var DeleteModal = function DeleteModal(_ref) {
+  var children = _ref.children,
+    width = _ref.width,
+    onCancel = _ref.onCancel;
+  var _useSelector = useSelector(function (state) {
+      return state.global;
+    }),
+    deleteModalVisible = _useSelector.deleteModalVisible;
+  return /*#__PURE__*/React.createElement(Modal, {
+    open: deleteModalVisible,
+    width: width,
+    onCancel: onCancel,
+    okButtonProps: {
+      style: {
+        display: "none"
+      }
+    },
+    cancelButtonProps: {
+      style: {
+        display: "none"
+      }
+    },
+    className: style.absolute,
+    closable: false
+  }, children);
+};
+export default DeleteModal;

package/dist/components/DeleteModal/DeleteModal.module.scss

@@ -0,0 +1,11 @@
+.absolute {
+  position: absolute;
+  right: 5px;
+  top: 105px;
+}
+.absolute > div > div {
+  padding: 12px !important;
+}
+.absolute > div > div > div {
+  margin: 0 !important;
+}

package/dist/components/Filter/index.js

@@ -161,6 +161,6 @@ var Filter = function Filter(_ref) {
     onOpenChange: handleOpenChange // Updated to use onOpenChange
   }, /*#__PURE__*/React.createElement(Button, {
     color: "white"
-  }, /*#__PURE__*/React.createElement(FilterIcon, null), " Filter menyu"));
+  }, /*#__PURE__*/React.createElement(FilterIcon, null)));
 };
 export default Filter;

package/dist/components/Input/index.js

@@ -36,8 +36,7 @@ var Input = function Input(_ref) {
     } : false,
     placeholder: placeholder
   }, rest)) : /*#__PURE__*/React.createElement(AntdInput, _extends({
-    className: style.input,
-    placeholder: placeholder
+    className: className ? className : size === "sm" ? style.input_sm : style.input
   }, rest)));
 };
 export default Input;

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

@@ -8,6 +8,16 @@
   height: 48px;
   width: 100%;
 }
+.input_sm {
+  padding: 9px 16px !important;
+  border-radius: 6px !important;
+  font-size: 16px !important;
+  font-weight: 500 !important;
+  line-height: 24px !important;
+  text-align: left !important;
+  height: 34px;
+  width: 100%;
+}
 .textarea {
   padding: 9px 16px !important;
   border-radius: 6px !important;
@@ -30,22 +40,12 @@
   }
 }
 
-.input_sm {
-  padding: 9px 16px !important;
-  border-radius: 6px !important;
-  font-size: 16px !important;
-  font-weight: 500 !important;
-  line-height: 24px !important;
-  text-align: left !important;
-  height: 34;
-  width: 100%;
-}
 .date_sm {
   padding: 8px 16px !important;
   // border: 1px solid #bdbdbd !important;
   border-radius: 6px !important;
   width: 100%;
-  height: 34;
+  height: 34px;
   input {
     font-size: 16px !important;
     font-weight: 500 !important;
@@ -53,7 +53,16 @@
     text-align: left !important;
   }
 }
-
+.input_sm {
+  padding: 8px 16px !important;
+  border-radius: 6px !important;
+  font-size: 16px !important;
+  font-weight: 500 !important;
+  line-height: 24px !important;
+  text-align: left !important;
+  height: 34px;
+  width: 100%;
+}
 .input_xs {
   // padding: 9px 16px !important;
   border-radius: 6px !important;

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

@@ -187,7 +187,7 @@
   gap: 8px;
   padding: 7px 10px;
   border-radius: 8px;
-  background: #eef5fc;
+  background: var(--lightBlue);
   cursor: pointer;
   width: 240px;
 
@@ -229,13 +229,13 @@
   position: absolute;
   top: 100%;
   right: -1px;
-  width: 260px;
+  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: #eef5fc;
+  background: var(--lightBlue);
   z-index: 100;
   display: flex;
   flex-direction: column;

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,6 +15,8 @@ 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";

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

@@ -6,6 +6,7 @@ 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();
@@ -14,11 +15,15 @@ var AppSelect = function AppSelect() {
     }),
     scopesData = _useSelector.scopesData;
   var accordionRef = useRef(null);
+  var dropdownRef = useRef(null);
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     activeKey = _useState2[0],
-    setActiveKey = _useState2[1]; // manage open/close state
-
+    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));
@@ -32,12 +37,11 @@ var AppSelect = function AppSelect() {
       return opt.pathname.includes("/".concat(baseSegment));
     }) || filteredOptions[0];
   }, [filteredOptions, baseSegment]);
-
-  // ✨ Outside click listener
   useEffect(function () {
     var handleClickOutside = function handleClickOutside(e) {
-      if (accordionRef.current && !accordionRef.current.contains(e.target)) {
-        setActiveKey([]); // collapse if clicked outside
+      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);
@@ -45,6 +49,18 @@ var AppSelect = function AppSelect() {
       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, {
@@ -73,8 +89,11 @@ var AppSelect = function AppSelect() {
       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"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.accordionBody
+  })), 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) {
@@ -83,6 +102,6 @@ var AppSelect = function AppSelect() {
       href: option.pathname,
       className: style.accordionOption
     }, option.icon, /*#__PURE__*/React.createElement("span", null, option.value));
-  })))));
+  }))));
 };
 export default AppSelect;

package/dist/layout/Header/AppSelect/index.module.scss

@@ -1,6 +1,6 @@
 .accordion {
   background: var(--blue);
-  width: 250px;
+  width: 270px;
 }
 
 .accordionHeader {
@@ -27,6 +27,11 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
+  background-color: var(--blue);
+  padding: 10px;
+  top: 81px !important;
+  width: 250px !important;
+  border-radius: 0 0 6px 6px;
 }
 
 .accordionOption {

package/dist/layout/Portal/index.js

@@ -0,0 +1,23 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+// src/components/Portal.js
+import { useEffect, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+var Portal = function Portal(_ref) {
+  var children = _ref.children;
+  var elRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    mounted = _useState2[0],
+    setMounted = _useState2[1];
+  useEffect(function () {
+    var el = document.createElement("div");
+    elRef.current = el;
+    document.body.appendChild(el);
+    setMounted(true);
+    return function () {
+      document.body.removeChild(el);
+    };
+  }, []);
+  return mounted ? /*#__PURE__*/createPortal(children, elRef.current) : null;
+};
+export default Portal;