mario-education 2.4.414-release → 2.4.416-release

package/dist/components/layouts/HeaderSideBar.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => JSX.Element;
+export default HeaderSideBar;

package/dist/components/layouts/NotificationStepLogin.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+interface Props {
+    step: number;
+    title: string;
+    message: string;
+    onStepNext: Function;
+    totalStep: number;
+    isOpenNotificationBanner?: boolean;
+    onOpenNavigationItem?: Function;
+    openNavigationItem?: object;
+    navigations?: any;
+}
+declare const NotificationStepLogin: FC<Props>;
+export default NotificationStepLogin;

package/dist/components/layouts/type.d.ts

@@ -0,0 +1,20 @@
+export declare const LIST_TEACHER_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const LIST_ASSISTANT_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const LIST_STUDENT_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const STEP_PROFILE: {
+    id: number;
+    title: string;
+    message: string;
+};

package/dist/containers/ConferenceRubric/components/ConferenceRubricItem.d.ts

@@ -9,6 +9,7 @@ interface Props {
     removeConferenceRubricItemRow: Function;
     newRowTexts: any;
     changeNewRowText: Function;
+    changeConferenceRubricItemRowGrades: Function;
 }
 declare const ConferenceRubricItem: FC<Props>;
 export default ConferenceRubricItem;

package/dist/containers/ConferenceRubric/configs/types.d.ts

@@ -30,6 +30,7 @@ export declare type ConferenceRubricItemRow = {
     id?: number | null;
     text: string;
     guid?: string;
+    grades?: string;
 };
 export declare type ConferenceRubricItemColumn = {
     id?: number | null;
@@ -43,3 +44,7 @@ export declare type ConferenceRubricQuestion = {
 export declare const initValue: ConferenceRubric;
 export declare const conferenceRubricItemColumns: ConferenceRubricItemColumn[];
 export declare const conferenceRubricItemRow: ConferenceRubricItemRow;
+export interface IOption {
+    label: string;
+    value: string;
+}

package/dist/containers/ConferenceRubric/hooks/useConferenceRubricDetail.d.ts

@@ -35,5 +35,6 @@ declare const useConferenceRubricDetail: (id?: number | null | undefined) => {
     listLanguage: any;
     activeLanguage: string;
     onChangeLanguage: (code: string) => void;
+    changeConferenceRubricItemRowGrades: (skillId: number, rowIndex: number, value: string) => void;
 };
 export default useConferenceRubricDetail;

package/dist/containers/ExternalApi/configs/types.d.ts

@@ -1,8 +1,8 @@
 export interface IPermission {
-    checkIn: string[];
-    conference: string[];
-    classReflection: string[];
-    survey: string[];
+    checkIns: string[];
+    conferences: string[];
+    classReflections: string[];
+    surveys: string[];
 }
 export interface IAccessToken {
     permission: IPermission;

package/dist/containers/SkillTest/components/SettingSkillTestModal.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+import { ISkillTest, ISkillTestReponse } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "../utils/type.interface";
+export interface IProps {
+    ref: any;
+    isOpen: boolean;
+    isEdit?: boolean;
+    onConfirm: (values: ISkillTestDetail) => void;
+    onCancel: () => void;
+    value: ISkillTest;
+    skillTestList: ISkillTestReponse;
+}
+declare const SettingSkillTestModal: FC<IProps>;
+export default SettingSkillTestModal;

package/dist/containers/SkillTest/hook/useSkillTest.d.ts

@@ -0,0 +1,19 @@
+import { ISkillTestReponse, IFilter, ISkillTest } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "../utils/type.interface";
+declare const useSkillTest: () => {
+    currItem: ISkillTestDetail;
+    skillTestList: ISkillTestReponse;
+    isOpenModal: boolean;
+    openModalCreate: () => void;
+    getSkillTestList: () => Promise<void>;
+    openModalEdit: (item: ISkillTestDetail) => void;
+    openModalRemove: (id: number) => void;
+    addSkillTest: (data: ISkillTestDetail) => Promise<void>;
+    editSkillTest: (item: ISkillTest, data: ISkillTest) => Promise<void>;
+    deleteSkillTest: (id: number) => Promise<void>;
+    onCancelModal: () => void;
+    onConfirm: (value: ISkillTest) => Promise<void>;
+    filter: IFilter;
+    changeFilters: (filters: IFilter) => void;
+};
+export default useSkillTest;

package/dist/containers/SkillTest/utils/constant.d.ts

@@ -0,0 +1,17 @@
+export declare const INIT_SKILL_TEST: {
+    currentPage: number;
+    items: never[];
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+};
+export declare const INIT_FILTER: {
+    currentPage: number;
+    pageSize: number;
+};
+export declare const INIT_SKILL_TEST_ITEM: {
+    id: number;
+    name: string;
+    description: string;
+    parentSkillId: number;
+};

package/dist/containers/SkillTest/utils/type.interface.d.ts

@@ -0,0 +1,7 @@
+export declare type ISkillTestDetail = {
+    id: number;
+    name: string;
+    description?: string;
+    parentSkillId?: number;
+};
+export declare const INIT_SKILL_TEST: ISkillTestDetail;

package/dist/{MarioFramework.Education/ClientApp/src/containers/Destinations → containers/SkillTest}/utils/ultis.d.ts

@@ -1,7 +1,8 @@
-import { IDesignation } from "../../../utils/serviceType.interface";
+import { ISkillTest } from "../../../utils/serviceType.interface";
+import { ISkillTestDetail } from "./type.interface";
 export declare const schemaDestination: import("yup/lib/object").OptionalObjectSchema<{
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
 }, Record<string, any>, import("yup/lib/object").TypeOfShape<{
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
 }>>;
-export declare const initialEditDesignation: (designations: IDesignation[], id: number) => import("./type.interface").IDestinationDetail;
+export declare const initEditSkillTest: (skillTest: ISkillTest[], item: ISkillTestDetail) => ISkillTest;

package/dist/containers/SkillTest/view/SkillTest.d.ts

@@ -0,0 +1,2 @@
+declare const SkillTest: () => JSX.Element;
+export default SkillTest;

package/dist/index.js

@@ -1323,6 +1323,7 @@ var FILTER_NAME;
 
 var SMALL_FONT_DEFAULT = 12;
 var LARGE_FONT_DEFAULT = 20;
+var studentGrades = ["All Grades", "7", "8", "9", "10", "11", "12"];
 
 var header$1 = "Conference rubric";
 
@@ -1490,7 +1491,8 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       newRowTexts = _ref.newRowTexts,
       changeNewRowText = _ref.changeNewRowText,
       addConferenceRubricItemRow = _ref.addConferenceRubricItemRow,
-      removeConferenceRubricItemRow = _ref.removeConferenceRubricItemRow;
+      removeConferenceRubricItemRow = _ref.removeConferenceRubricItemRow,
+      changeConferenceRubricItemRowGrades = _ref.changeConferenceRubricItemRowGrades;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
@@ -1505,20 +1507,19 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
     };
   };
 
+  var options = studentGrades.map(function (r) {
+    return {
+      label: r,
+      value: r
+    };
+  }) || [];
   return React__default.createElement("div", {
-    className: "mb-2"
+    className: "mb-4"
   }, React__default.createElement(reactstrap.Table, {
-    responsive: true,
     hover: true,
     striped: true,
     bordered: true
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "text-center align-middle"
-  }, React__default.createElement(marioCore.DeleteButtonIcon, {
-    onClick: function onClick() {
-      return removeItem(conferenceRubricItem.skillId);
-    }
-  })), React__default.createElement("th", {
     className: "text-center align-middle text-white " + styles["conference-rubric-skill-column"],
     style: {
       backgroundColor: backgroundColor
@@ -1536,16 +1537,20 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       },
       noMb: true
     }), React__default.createElement("br", null), column.text);
-  }))), React__default.createElement("tbody", null, conferenceRubricItem.rows.map(function (row, index) {
+  }), React__default.createElement("th", {
+    className: "text-center align-middle"
+  }, "Grades"), React__default.createElement("th", {
+    className: "text-center align-middle"
+  }, React__default.createElement(marioCore.DeleteButtonIcon, {
+    onClick: function onClick() {
+      return removeItem(conferenceRubricItem.skillId);
+    }
+  })))), React__default.createElement("tbody", null, conferenceRubricItem.rows.map(function (row, index) {
+    var _options$filter, _row$grades2;
+
     return React__default.createElement("tr", {
       key: row.id || row.guid
     }, React__default.createElement("td", {
-      className: "text-center"
-    }, React__default.createElement(marioCore.DeleteButtonIcon, {
-      onClick: function onClick() {
-        return removeConferenceRubricItemRow(conferenceRubricItem.skillId, row.id || row.guid);
-      }
-    })), React__default.createElement("td", {
       className: styles["conference-rubric-row-test"]
     }, React__default.createElement(ToggleInput, {
       value: row.text,
@@ -1557,10 +1562,31 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       return React__default.createElement("td", {
         key: column.text
       });
-    }));
+    }), React__default.createElement("td", null, React__default.createElement(marioCore.CustomSelector, {
+      isMulti: true,
+      value: (_options$filter = options.filter(function (r) {
+        var _row$grades, _row$grades$split;
+
+        return (_row$grades = row.grades) === null || _row$grades === void 0 ? void 0 : (_row$grades$split = _row$grades.split(",")) === null || _row$grades$split === void 0 ? void 0 : _row$grades$split.includes(r.value);
+      })) != null ? _options$filter : null,
+      options: (_row$grades2 = row.grades) !== null && _row$grades2 !== void 0 && _row$grades2.includes("All Grades") ? [] : options,
+      placeholder: "",
+      onChange: function onChange(e) {
+        return changeConferenceRubricItemRowGrades(conferenceRubricItem.skillId, index, e.map(function (r) {
+          return r.value;
+        }).join(","));
+      },
+      isClearable: true
+    })), React__default.createElement("td", {
+      className: "text-center"
+    }, React__default.createElement(marioCore.DeleteButtonIcon, {
+      onClick: function onClick() {
+        return removeConferenceRubricItemRow(conferenceRubricItem.skillId, row.id || row.guid);
+      }
+    })));
   }), React__default.createElement("tr", {
     className: styles["conference-rubric-additional-row"]
-  }, React__default.createElement("td", null), React__default.createElement("td", null, React__default.createElement(reactstrap.Input, {
+  }, React__default.createElement("td", null, React__default.createElement(reactstrap.Input, {
     placeholder: t("type_and_press_enter_to_add_new_row"),
     value: (_newRowTexts$find = newRowTexts.find(function (item) {
       return item.skillId === conferenceRubricItem.skillId;
@@ -1572,8 +1598,8 @@ var ConferenceRubricItem = function ConferenceRubricItem(_ref) {
       return _onKeyUp(e)(conferenceRubricItem.skillId);
     }
   })), React__default.createElement("td", {
-    colSpan: columns.length
-  })))));
+    colSpan: columns.length + 1
+  }), React__default.createElement("td", null)))));
 };
 
 var QuestionList = function QuestionList(_ref) {
@@ -2246,6 +2272,21 @@ var useConferenceRubricDetail = function useConferenceRubricDetail(id) {
 
     setEditedTrue();
   }, [conferenceRubricDetail.conferenceRubricItems]);
+  var changeConferenceRubricItemRowGrades = React.useCallback(function (skillId, rowIndex, value) {
+    var conferenceRubricItemsCloner = [].concat(conferenceRubricDetail.conferenceRubricItems);
+    var thisItem = conferenceRubricItemsCloner.find(function (item) {
+      return item.skillId === skillId;
+    });
+
+    if (thisItem && !!thisItem.rows[rowIndex]) {
+      thisItem.rows[rowIndex].grades = value.includes("All Grades") ? "All Grades" : value;
+      changeConferenceRubricDetail({
+        conferenceRubricItems: conferenceRubricItemsCloner
+      });
+    }
+
+    setEditedTrue();
+  }, [conferenceRubricDetail.conferenceRubricItems]);
   var changeConferenceRubricItemColumnText = React.useCallback(function (skillId, columnIndex, text) {
     var conferenceRubricItemsCloner = [].concat(conferenceRubricDetail.conferenceRubricItems);
     var thisItem = conferenceRubricItemsCloner.find(function (item) {
@@ -2397,7 +2438,8 @@ var useConferenceRubricDetail = function useConferenceRubricDetail(id) {
     setEditedTrue: setEditedTrue,
     listLanguage: listLanguage,
     activeLanguage: activeLanguage,
-    onChangeLanguage: onChangeLanguage
+    onChangeLanguage: onChangeLanguage,
+    changeConferenceRubricItemRowGrades: changeConferenceRubricItemRowGrades
   };
 };
 
@@ -2444,7 +2486,8 @@ var ConferenceRubricDetail = function ConferenceRubricDetail() {
       setEditedTrue = _useConferenceRubricD.setEditedTrue,
       listLanguage = _useConferenceRubricD.listLanguage,
       activeLanguage = _useConferenceRubricD.activeLanguage,
-      onChangeLanguage = _useConferenceRubricD.onChangeLanguage;
+      onChangeLanguage = _useConferenceRubricD.onChangeLanguage,
+      changeConferenceRubricItemRowGrades = _useConferenceRubricD.changeConferenceRubricItemRowGrades;
 
   var confirmText = !!id ? t("update") : t("create");
   var name = conferenceRubricDetail.name,
@@ -2541,7 +2584,8 @@ var ConferenceRubricDetail = function ConferenceRubricDetail() {
       changeNewRowText: changeNewRowText,
       addConferenceRubricItemRow: addConferenceRubricItemRow,
       removeItem: removeItem,
-      removeConferenceRubricItemRow: removeConferenceRubricRow
+      removeConferenceRubricItemRow: removeConferenceRubricRow,
+      changeConferenceRubricItemRowGrades: changeConferenceRubricItemRowGrades
     });
   }), checked && rowColInvalid && React__default.createElement(marioCore.ErrorHandler, {
     text: t("blank_row_or_column")
@@ -38787,6 +38831,7 @@ var unitlessKeys = {
   opacity: 1,
   order: 1,
   orphans: 1,
+  scale: 1,
   tabSize: 1,
   widows: 1,
   zIndex: 1,
@@ -39223,13 +39268,13 @@ var Emotion$1 = Emotion;
 
 var _extends_1 = createCommonjsModule(function (module) {
 function _extends() {
-  return (module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
+  return module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _extends.apply(null, arguments);
+  }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends.apply(null, arguments);
 }
 module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports;
 });
@@ -71328,8 +71373,8 @@ var UserIcon = function UserIcon() {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M15.6334 11.9937C13.6175 11.991 11.9997 10.4146 12.0071 8.45968C12.0145 6.55342 13.6721 4.98803 15.6704 5.00007C17.6528 5.01211 19.291 6.59938 19.2773 8.4947C19.2631 10.4398 17.6414 11.997 15.6334 11.9937ZM7.48269 5.00011C5.46904 4.99956 3.82626 6.56988 3.83081 8.49146C3.83479 10.4404 5.46278 11.9992 7.48894 11.9938C9.4787 11.9888 11.0982 10.4147 11.1004 8.48435C11.1027 6.58356 9.45936 5.00121 7.48269 5.00011ZM10.3524 18.9913H15.6306C16.5031 18.9913 17.3757 18.9913 18.2483 18.9918C18.5194 18.9918 18.7905 18.9921 19.0616 18.9923H19.0617H19.0618C19.7129 18.9929 20.3641 18.9934 21.0151 18.9907C21.6391 18.988 22.0202 18.6017 21.9992 18.0031C21.9968 17.9311 21.991 17.8594 21.9852 17.7875L21.9852 17.7875L21.9852 17.7873C21.9835 17.7668 21.9819 17.7462 21.9803 17.7257C21.9795 17.716 21.9788 17.7064 21.9781 17.6967C21.8194 15.4704 20.0976 13.5056 17.8382 13.0246C16.5373 12.7478 15.2079 12.7893 13.8996 12.9447C11.3496 13.2473 9.33307 15.4687 9.28359 17.9435C9.26937 18.6449 9.62204 18.9913 10.3524 18.9913ZM7.56062 18.9914C7.22842 16.712 8.00089 14.8254 9.56289 13.1889C9.55873 13.1842 9.55525 13.1792 9.55201 13.1745C9.54596 13.1659 9.54072 13.1584 9.53331 13.1555C9.47724 13.1348 9.41964 13.1165 9.36244 13.0984L9.35299 13.0954C8.48496 12.8185 7.59133 12.8409 6.69714 12.8885C5.85868 12.9334 5.07939 13.1785 4.37916 13.6206C2.81261 14.6104 2.05152 16.021 2.00089 17.82C1.97757 18.6462 2.41102 19.0171 3.2125 18.9996C4.186 18.9785 5.16007 18.983 6.1341 18.9876C6.54421 18.9895 6.95432 18.9914 7.36437 18.9914H7.56062Z",
     fill: "#242424"
   }));
@@ -71343,8 +71388,8 @@ var ToolIcon = function ToolIcon() {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M19.9338 7.13751L19.9337 7.13753C19.8872 7.20396 19.8407 7.27043 19.7848 7.32773C19.545 7.5737 19.3014 7.81637 19.0623 8.0545C18.9833 8.13321 18.9048 8.21144 18.8271 8.28912L17.8031 7.26443C17.103 6.56395 16.4061 5.86661 15.7122 5.17191C15.8096 5.07237 15.9076 4.97062 16.0067 4.86785L16.0067 4.86784C16.2491 4.61637 16.4974 4.35879 16.7562 4.11255C16.9414 3.93662 17.255 3.97581 17.4498 4.16842C17.7205 4.43548 17.9891 4.70452 18.2578 4.97363L18.2578 4.97364L18.2579 4.97366L18.2579 4.97371C18.3789 5.09485 18.4999 5.21601 18.621 5.33701C18.7161 5.43206 18.8117 5.52666 18.9073 5.62127L18.9074 5.62137L18.9074 5.6214L18.9075 5.62142L18.9075 5.62144C19.1447 5.85624 19.3819 6.09102 19.6117 6.33258C19.7098 6.43551 19.7946 6.55124 19.8793 6.66694L19.8793 6.66694C19.9188 6.72088 19.9583 6.77482 19.9992 6.82744V7.04632C19.9768 7.0761 19.9553 7.1068 19.9338 7.13751ZM17.1891 20.0002C16.9255 19.9305 16.7424 19.7483 16.561 19.5603C16.4536 19.449 16.3423 19.3419 16.2263 19.2302L16.2263 19.2302L16.2263 19.2302L16.2263 19.2302C16.1746 19.1805 16.122 19.1298 16.0684 19.0775C16.0862 19.0584 16.1027 19.0403 16.1185 19.0231C16.1469 18.992 16.1729 18.9636 16.1998 18.9362L16.9979 18.1232L17.796 17.3103L17.8057 17.3004C17.8389 17.2665 17.8725 17.2323 17.8995 17.194C18.0021 17.0476 17.9858 16.8567 17.864 16.7366C17.7397 16.614 17.5374 16.6049 17.3939 16.7187C17.3549 16.7497 17.3199 16.7852 17.2848 16.8208L17.2584 16.8475C16.689 17.4178 16.1201 17.9882 15.5595 18.5506C15.1736 18.1633 14.7949 17.783 14.4101 17.3964L14.2915 17.2773C14.3856 17.1837 14.4808 17.0893 14.5766 16.9942C14.8498 16.723 15.1286 16.4465 15.4043 16.1671C15.4682 16.1025 15.527 16.0216 15.5557 15.9374C15.605 15.794 15.532 15.6351 15.4073 15.5589C15.2642 15.4713 15.0948 15.4876 14.9639 15.6151C14.7032 15.8694 14.4467 16.1275 14.191 16.3872C14.0955 16.4842 14.003 16.5838 13.9122 16.6815L13.9121 16.6816L13.9117 16.6821L13.9116 16.6822L13.9115 16.6823C13.8744 16.7222 13.8376 16.7618 13.801 16.8008L13.4023 16.3991L13.4011 16.3979L13.3993 16.3961C13.1326 16.1274 12.874 15.8669 12.6214 15.6122C13.6004 14.6333 14.5947 13.639 15.6229 12.6113C15.7227 12.7151 15.8234 12.8208 15.925 12.9276L15.9252 12.9277C16.153 13.1671 16.3856 13.4114 16.6244 13.6498C17.6221 14.6458 18.6236 15.6381 19.6267 16.6286C19.7919 16.7916 19.9395 16.9605 20 17.1906V17.5029C19.9158 17.7501 19.7443 17.9319 19.5625 18.1107C19.0674 18.5985 18.576 19.09 18.088 19.5845C17.9161 19.7588 17.7414 19.9234 17.502 19.9997C17.3973 20.0002 17.2934 20.0002 17.1891 20.0002ZM4.04946 19.2083C3.93559 19.5956 4.03194 19.8199 4.38815 20H4.57627C4.59013 19.9945 4.60387 19.9886 4.61761 19.9827C4.64642 19.9703 4.67521 19.9579 4.70515 19.9491C5.13091 19.824 5.55681 19.6993 5.98268 19.5746C6.27902 19.4879 6.57534 19.4011 6.8716 19.3142C7.02333 19.2698 7.17506 19.2249 7.32295 19.1813L7.32559 19.1805L7.32619 19.1803L7.32662 19.1802L7.32699 19.1801C7.44277 19.1459 7.55617 19.1124 7.66535 19.0803C6.74188 18.1573 5.82216 17.238 4.90328 16.3191C4.90073 16.3267 4.8974 16.3358 4.89364 16.3462C4.88509 16.3698 4.8743 16.3996 4.86532 16.43C4.59295 17.356 4.321 18.2819 4.04946 19.2083ZM15.172 5.7334C16.2068 6.76774 17.2471 7.80792 18.2782 8.83893C14.9885 12.1275 11.69 15.4252 8.40029 18.7146L5.29411 15.6091C8.58465 12.3188 11.8835 9.0207 15.172 5.7334ZM8.41281 11.3663L11.4135 8.36583C11.4027 8.35927 11.39 8.35275 11.3765 8.34578C11.3445 8.32928 11.3077 8.3103 11.2796 8.28245C10.6524 7.65879 10.0271 7.03364 9.40152 6.40826C9.28774 6.29452 9.17396 6.18076 9.06015 6.06701C8.88775 5.89457 8.71552 5.72192 8.54328 5.54926C8.12047 5.12541 7.69761 4.70152 7.27202 4.28057C6.93125 3.94371 6.46367 3.91495 6.13958 4.23054C5.4914 4.86174 4.85239 5.50294 4.21964 6.14998C3.96771 6.40721 3.92141 6.82328 4.13872 7.09802C4.30371 7.30667 4.49214 7.49704 4.69059 7.69752C4.77962 7.78747 4.87066 7.87945 4.96251 7.97603C4.98066 7.95086 4.99583 7.92811 5.00961 7.90744C5.03509 7.86923 5.05581 7.83816 5.0818 7.81218C5.35333 7.53953 5.62549 7.2674 5.89765 6.99527C6.16981 6.72313 6.44198 6.45099 6.71352 6.17833C6.81696 6.0741 6.92874 5.99447 7.08391 6.02157C7.21613 6.0445 7.31206 6.11788 7.35544 6.24962C7.40675 6.40554 7.35836 6.53353 7.24616 6.64568C6.68682 7.20433 6.1279 7.7634 5.56898 8.32247C5.54395 8.34776 5.51996 8.37409 5.49758 8.39866C5.48527 8.41217 5.47345 8.42514 5.4622 8.43712C5.67533 8.65057 5.88624 8.8619 6.09679 9.07288C6.30406 9.28057 6.51099 9.48792 6.71936 9.6966C6.73039 9.68612 6.74187 9.67538 6.75362 9.66439C6.7774 9.64213 6.80226 9.61887 6.82655 9.59487C6.92535 9.49612 7.02409 9.3973 7.12282 9.29848C7.36963 9.05144 7.61644 8.80441 7.86431 8.55844C8.03866 8.38584 8.25722 8.36875 8.40405 8.51092C8.55796 8.66017 8.54169 8.87821 8.35983 9.06081C8.13234 9.28959 7.90429 9.51743 7.67618 9.74534C7.56217 9.85925 7.44815 9.97317 7.33417 10.0872C7.30843 10.1132 7.28324 10.14 7.26287 10.1616C7.25254 10.1726 7.24345 10.1822 7.23615 10.1898C7.44064 10.3942 7.64223 10.5958 7.84099 10.7946C8.03426 10.9878 8.22485 11.1784 8.41281 11.3663Z",
     fill: "#242424"
   }));
@@ -71380,7 +71425,7 @@ var DashboardIcon = function DashboardIcon() {
   }), React__default.createElement("path", {
     d: "M4 15L10 9L14 13L20 8",
     stroke: "#242424",
-    "stroke-width": "1.5"
+    strokeWidth: "1.5"
   }));
 };
 
@@ -71405,8 +71450,8 @@ var EIPTemplateIcon = function EIPTemplateIcon() {
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
   }, React__default.createElement("path", {
-    "fill-rule": "evenodd",
-    "clip-rule": "evenodd",
+    fillRule: "evenodd",
+    clipRule: "evenodd",
     d: "M12.1082 4.09281L12.1082 4.09281C12.3195 4.15409 12.5258 4.21391 12.7065 4.31799C14.0782 5.1095 15.447 5.90594 16.8158 6.7024C18.3028 7.56763 19.7898 8.43288 21.2806 9.29182C21.6696 9.51614 21.716 10.037 21.2853 10.2863C19.7311 11.1853 18.1793 12.0886 16.6275 12.9919L16.6271 12.9921C15.317 13.7548 14.0069 14.5174 12.6952 15.2775C12.087 15.6301 11.4704 15.5996 10.8628 15.2453C9.16689 14.256 7.4694 13.2689 5.77215 12.2819L3.84776 11.1627C3.67561 11.0625 3.50332 10.9628 3.33106 10.863L3.33089 10.8629C2.99653 10.6692 2.66227 10.4756 2.3293 10.2792C1.89384 10.0221 1.88907 9.56029 2.32215 9.30793L2.92818 8.95487C5.59558 7.40087 8.26249 5.84715 10.9361 4.30426C11.1082 4.20494 11.3049 4.14879 11.5098 4.09032C11.6076 4.06239 11.7073 4.03394 11.807 4C11.9071 4.03449 12.0082 4.06381 12.1082 4.09281ZM5.22503 13.1914C5.82987 13.5433 6.39154 13.8704 6.95305 14.1973L6.95914 14.2009L7.69001 14.6259C8.56331 15.1338 9.43654 15.6416 10.3094 16.1506C11.3096 16.734 12.3098 16.7316 13.3088 16.1512C14.3073 15.5709 15.3054 14.9899 16.3035 14.4089L16.3036 14.4089L16.3126 14.4037C16.9286 14.0451 17.5447 13.6865 18.1608 13.3281C18.2031 13.3037 18.2462 13.2806 18.2962 13.2539L18.2962 13.2539C18.3135 13.2447 18.3315 13.2351 18.3506 13.2248C18.3588 13.2203 18.3673 13.2158 18.3759 13.2111C18.3779 13.237 18.3801 13.2608 18.3822 13.2833L18.3822 13.2833C18.3868 13.3332 18.3908 13.3761 18.3908 13.4193C18.3913 13.7379 18.391 14.0565 18.3907 14.3752C18.3903 14.853 18.3898 15.3309 18.392 15.8087C18.395 16.496 18.1001 17.0108 17.5103 17.3533C17.2375 17.5118 16.965 17.6708 16.6925 17.8298C15.7784 18.3631 14.8645 18.8964 13.9402 19.4116C12.4986 20.2146 11.0421 20.1871 9.61064 19.3793C8.85961 18.9556 8.1147 18.5213 7.3698 18.087L7.36976 18.087C6.95366 17.8444 6.53756 17.6018 6.12038 17.3611C5.51931 17.0144 5.22027 16.5008 5.22444 15.8039C5.22728 15.2216 5.22653 14.6393 5.22576 14.0425L5.22576 14.042C5.2254 13.7622 5.22503 13.4792 5.22503 13.1914ZM21.5022 15.6773V11.3848C21.3926 11.4485 21.2861 11.5111 21.1818 11.5724C20.9101 11.7322 20.6525 11.8837 20.39 12.0255C20.2536 12.0989 20.2107 12.186 20.2113 12.3381C20.2166 13.7676 20.2172 15.1964 20.2089 16.6253C20.2083 16.7261 20.1499 16.8484 20.079 16.923C19.7657 17.2511 19.643 17.6276 19.7591 18.0684C19.8824 18.5356 20.2857 18.8697 20.7492 18.9073C21.2442 18.9472 21.7041 18.677 21.9013 18.2301C22.0967 17.7874 21.999 17.2738 21.635 16.9421C21.5278 16.8448 21.4974 16.7488 21.5004 16.6151C21.5046 16.3937 21.5037 16.1723 21.5029 15.9509C21.5025 15.8597 21.5022 15.7685 21.5022 15.6773Z",
     fill: "#242424"
   }));
@@ -71832,9 +71877,10 @@ var useHeaderSideBar = function useHeaderSideBar(_navigations) {
     var _navigation$children2, _navigation$children3, _navigation$children4;
 
     var activeClass = getNavigationActive(navigation);
-    return React__default.createElement(React__default.Fragment, null, React__default.createElement(core$1.ListItem, {
+    return React__default.createElement(React__default.Fragment, {
+      key: navigation === null || navigation === void 0 ? void 0 : navigation.name
+    }, React__default.createElement(core$1.ListItem, {
       button: true,
-      key: navigation === null || navigation === void 0 ? void 0 : navigation.name,
       onClick: function onClick() {
         var _navigation$children;