mario-core 1.1.72-es-layout → 1.1.73-es-layout

package/dist/containers/EmailTemplate/components/AttachmentFile.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface Props {
     label: string;
     onRemove: any;
+    className?: string;
 }
 declare const AttachmentFile: FC<Props>;
 export default AttachmentFile;

package/dist/containers/EmailTemplate/components/MailParam.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface Props {
     onClick: any;
     isResetPasswordTemplate: any;
+    className?: string;
 }
 declare const MailSubject: FC<Props>;
 export default MailSubject;

package/dist/containers/Gallery/components/Filter.d.ts

@@ -3,6 +3,7 @@ import { FilterType } from "../constants/gallery.types";
 interface FilterInterface {
     changeFilters: (filter: FilterType) => void;
     filters: FilterType;
+    className?: string;
 }
 declare const Filter: FC<FilterInterface>;
 export default Filter;

package/dist/containers/Gallery/components/Media.d.ts

@@ -3,6 +3,7 @@ import { S3Object } from '../constants/gallery.types';
 interface MediaInterface {
     media: S3Object;
     isTarget: boolean;
+    className?: String;
 }
 declare const _default: React.NamedExoticComponent<MediaInterface>;
 export default _default;

package/dist/containers/Gallery/components/MediaNav.d.ts

@@ -13,6 +13,7 @@ interface MediaNavInterface {
     handleDownloadMedia: () => void;
     handleDeleteMediaOrFolder: () => void;
     showErrorAlert: (message: string) => void;
+    className?: string;
 }
 declare const _default: React.NamedExoticComponent<MediaNavInterface>;
 export default _default;

package/dist/hooks/useClassFontSize.d.ts

@@ -0,0 +1,4 @@
+declare const useClassFontSize: () => {
+    classFontSize: string;
+};
+export default useClassFontSize;

package/dist/index.css

@@ -841,12 +841,16 @@
 
 ._3Sup6 ._2aaqy {
   font-size: 28px; }
+  ._3Sup6 ._2aaqy ._13Gcm {
+    font-size: 28px !important; }
 
 ._3Sup6 ._VzIb0 {
   font-size: 18px !important; }
 
 ._2JnMg ._2aaqy {
   font-size: 16px; }
+  ._2JnMg ._2aaqy ._13Gcm {
+    font-size: 16px !important; }
 
 ._2JnMg ._VzIb0 {
   font-size: 12px !important; }

package/dist/index.js

@@ -21337,6 +21337,8 @@ var LANGUAGES = [{
 }];
 var SUPPORTED_LANGUAGES_CODE = ["en-US", "en-GB", "ar", "es", "zh"];
 var IS_USER_SESSION_BROWSER = "IS_USER_SESSION_BROWSER";
+var defaultFontSmall = 12;
+var defaultFontLarge = 20;
 
 var resources$5 = {
   "en-US": {
@@ -21385,7 +21387,7 @@ function _catch(body, recover) {
 	return result;
 }
 
-var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","digital-privacy-icon":"_141p1","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","font-large":"_3Sup6","custom-title-font-size":"_2aaqy","custom-font-size":"_VzIb0","font-small":"_2JnMg"};
+var styles = {"btn-login-google":"_2HqmH","notification-count":"_2sew7","text-introduction":"_3OgWF","btn-trans-border":"_r9cAh","contact":"_NszFe","learn-more":"_MDjzH","title-quote":"_1Swkw","descriptions-quote":"_gi8vj","box-login":"_38Lo1","block-verification":"_1OzGy","block-login":"_wWIyO","title-login":"_3nuns","title-forgot-password":"_21qb6","btn-close":"_NhW9l","btn-login":"_3IL10","school-icon":"_2OUwW","school-name":"_2Owso","login-description":"_fx-kA","return-to-login":"_Ce3Kg","recover-account":"_2t6d9","link-to-login":"_3bDsd","privacy-policy":"_I4SVu","remember":"_11FZt","term-and-conditions":"_3LXoI","descriptions-forgot-pass":"_PMcjT","content-icon":"_2rZY6","descriptions-icon":"_3SOdX","title-icon":"_y9lM2","digital-privacy-icon":"_141p1","nav-home":"_1TT1q","box-introduction":"_32V6L","icon":"_20YJX","checkbox-keep-login":"_1AiX0","label-keep-login":"_2uNvW","option-text":"_pqn4y","form-user-name":"_39BJD","input":"_ozRAq","checkbox-remember":"_2K9b2","btn-rounder":"_2VvIr","btn-active":"_2A0HF","block-reset-password":"_23Sua","block-forgot-pass":"_3CWP6","page-not-login":"_3Wmco","content-quote":"_13Rk0","home-page":"_o6HKW","red-background":"_jOY7o","login":"_F-hjL","login-content":"_149oA","logo-home":"_24U3W","img-box":"_2v-L_","img-login":"_3ncTL","img-login-rectangle":"_2kOvJ","c-main":"_39l0X","container-fluid":"_1BMwK","input-file-label":"_1XNpH","delete-avatar-button":"_1z5h9","header-logo":"_Gewcf","box-sidebar":"_2vcmv","sidebar-logo":"_1hXpy","sidebar-nav-links":"_3vb3s","c-active":"_36jSM","sidebar-nav-links-hover":"_DNrus","box-sidebar-header":"_3NEZj","box-logout":"_1wUDG","sidebar-btn-minimized":"_1S7Px","sidebar-logout":"_2P85D","nav-mobile":"_1qjbW","filter-media-file":"_1I62C","div":"_3cLcM","dropdown-menu":"_1krbH","header-avatar":"_RQaHE","dropdown-menu-flag":"_XK8oS","dropdown-content":"_3ys4W","dropdown-change":"_ToOW_","item-address":"_3sQlR","item-logout":"_3bqSM","title-address":"_1jgSI","img-avatar":"_35Ttz","item-contact":"_1wc7o","logout":"_1_9tV","content-text":"_3S4f2","dropdown-content-language":"_3ajui","dropdown-item-language":"_3Y_y4","dropdown-item-language-active":"_CzNMi","hide-in-mobile":"_1INnO","popover__sort__item":"_1ocBa","popover__sort__item--active":"_18NhM","popover__search__icon":"_2bquW","popover__search__input":"_3A4G4","popover__options":"_1MsEW","item-select-role":"_1KcY7","item-role-active":"_dOVso","model-switch-roles":"_3ZqxI","title":"_g-p72","bg-animate":"_30npl","active":"_3oAH-","show":"_16rY4","fade-in":"_26nbh","behind":"_3A7Vv","hamburger-menu":"_2yRc8","box-content-home-page":"_ABUIP","collapse-box":"_WX97m","hide-in-desktop":"_2LIqK","control-input":"_2Zz97","custom-control":"_3-yp5","font-large":"_3Sup6","custom-title-font-size":"_2aaqy","modal-title":"_13Gcm","custom-font-size":"_VzIb0","font-small":"_2JnMg"};
 
 var style = {
   fontSize: "0.85rem"
@@ -23543,12 +23545,37 @@ var useEmailTemplateList = function useEmailTemplateList() {
   };
 };
 
+var useClassFontSize = function useClassFontSize() {
+  var defaultFont = reactRedux.useSelector(function (state) {
+    var _state$common;
+
+    return (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.defaultFontSize;
+  });
+  var classFontSize = React.useMemo(function () {
+    if (defaultFont == defaultFontLarge) {
+      return "font-large";
+    }
+
+    if (defaultFont == defaultFontSmall) {
+      return "font-small";
+    }
+
+    return '';
+  }, [defaultFont]);
+  return {
+    classFontSize: classFontSize
+  };
+};
+
 var header = "email_template";
 
 var EmailTemplateList = function EmailTemplateList() {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
+  var _useClassFontSize = useClassFontSize(),
+      classFontSize = _useClassFontSize.classFontSize;
+
   var _useEmailTemplateList = useEmailTemplateList(),
       emailTemplateList = _useEmailTemplateList.emailTemplateList,
       totalItems = _useEmailTemplateList.totalItems,
@@ -23563,9 +23590,9 @@ var EmailTemplateList = function EmailTemplateList() {
   };
 
   return React__default.createElement("div", {
-    className: "fadeIn animated"
+    className: "fadeIn animated " + styles[classFontSize]
   }, React__default.createElement("h5", {
-    className: "mb-2"
+    className: "mb-2 " + styles['custom-title-font-size']
   }, t(header)), React__default.createElement(reactstrap.Row, {
     className: "my-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -23574,10 +23601,11 @@ var EmailTemplateList = function EmailTemplateList() {
     text: t('create_template'),
     onClick: function onClick() {
       return goToDetail();
-    }
+    },
+    className: " " + styles['custom-font-size']
   })), React__default.createElement(reactstrap.Col, {
     md: 4,
-    className: "d-flex align-items-center justify-content-end"
+    className: "d-flex justify-content-end align-items-center " + styles['custom-font-size']
   }, t('total_of_templates'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -23589,13 +23617,13 @@ var EmailTemplateList = function EmailTemplateList() {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + styles['custom-font-size']
   }, t('template_name')), React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + styles['custom-font-size']
   }, t('category_name')), React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + styles['custom-font-size']
   }, t('created_date')), React__default.createElement("th", {
-    className: "text-center"
+    className: "text-center " + styles['custom-font-size']
   }, t('action')))), React__default.createElement("tbody", null, emailTemplateList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
@@ -23605,11 +23633,12 @@ var EmailTemplateList = function EmailTemplateList() {
       label: record.subject,
       onClick: function onClick() {
         return goToDetail(record.id);
-      }
+      },
+      className: " " + styles['custom-font-size']
     })), React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + styles['custom-font-size']
     }, record.category.name), React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + styles['custom-font-size']
     }, dateFns.format(new Date(record.createdAt), DATE_RESULT)), React__default.createElement("td", {
       className: "text-center align-middle"
     }, React__default.createElement(DeleteButtonIcon, {
@@ -23645,12 +23674,12 @@ var EmailTemplateList = function EmailTemplateList() {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + styles['custom-font-size']
   }, t('category_name')))), React__default.createElement("tbody", null, mailCategoryList.map(function (record) {
     return React__default.createElement("tr", {
       key: record.id
     }, React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + styles['custom-font-size']
     }, record.name));
   }))))));
 };
@@ -23726,7 +23755,8 @@ var defaultparams = [{
 
 var MailSubject = function MailSubject(_ref) {
   var _onClick = _ref.onClick,
-      isResetPasswordTemplate = _ref.isResetPasswordTemplate;
+      isResetPasswordTemplate = _ref.isResetPasswordTemplate,
+      className = _ref.className;
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -23741,16 +23771,16 @@ var MailSubject = function MailSubject(_ref) {
     responsive: true,
     size: "sm"
   }, React__default.createElement("thead", null, React__default.createElement("tr", null, React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + className
   }, t('params')), React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + className
   }, t('meaning')), React__default.createElement("th", null))), React__default.createElement("tbody", null, params.map(function (param) {
     return React__default.createElement("tr", {
       key: param.label
     }, React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + className
     }, param.label), React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + className
     }, param.meaning), React__default.createElement("td", {
       className: "text-center align-middle"
     }, React__default.createElement(AddButtonIcon, {
@@ -23786,7 +23816,8 @@ var MailCategorySelector = function MailCategorySelector(props) {
     }
   };
 
-  var id = props.id;
+  var id = props.id,
+      className = props.className;
   var arrCategory = mailCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -23799,6 +23830,7 @@ var MailCategorySelector = function MailCategorySelector(props) {
   }) || null : null;
   return React__default.createElement(Select, Object.assign({
     options: arrCategory,
+    className: className,
     value: initValue
   }, props));
 };
@@ -23826,9 +23858,10 @@ function QuitPrompt(props) {
 
 var AttachmentFile = function AttachmentFile(_ref) {
   var label = _ref.label,
-      onRemove = _ref.onRemove;
+      onRemove = _ref.onRemove,
+      className = _ref.className;
   return React__default.createElement(React.Fragment, null, React__default.createElement("span", {
-    className: "mr-2"
+    className: "mr-2 " + className
   }, label), React__default.createElement("i", {
     className: "fa fa-times text-danger cursor-pointer hover-opacity",
     onClick: onRemove
@@ -24313,6 +24346,9 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
 
+  var _useClassFontSize = useClassFontSize(),
+      classFontSize = _useClassFontSize.classFontSize;
+
   var _useEmailTemplateDeta = useEmailTemplateDetail(parseInt(id)),
       emailTemplateDetail = _useEmailTemplateDeta.emailTemplateDetail,
       setEditorRef = _useEmailTemplateDeta.setEditorRef,
@@ -24349,17 +24385,18 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         handleBlur = formikProps.handleBlur,
         handleSubmit = formikProps.handleSubmit;
     return React__default.createElement("div", {
-      className: "animated fadeIn detail-buttons-padding",
+      className: "animated fadeIn detail-buttons-padding " + styles[classFontSize],
       id: "email-detail"
     }, React__default.createElement(QuitPrompt, {
       when: edited
     }), React__default.createElement("h5", {
-      className: "mb-2"
+      className: "mb-2 " + styles['custom-title-font-size']
     }, t(header)), React__default.createElement(reactstrap.Row, {
       className: "my-2"
     }, React__default.createElement(reactstrap.Col, {
       md: 8
     }, React__default.createElement(RequiredLabel$1, {
+      className: " " + styles['custom-font-size'],
       text: t('mail_subject')
     }), React__default.createElement(reactstrap.Input, {
       placeholder: t('mail_subject'),
@@ -24370,19 +24407,21 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         setEditedTrue();
       },
       onBlur: handleBlur("subject"),
-      className: "selector-input"
+      className: "selector-input " + styles['custom-font-size']
     }), touched.subject && errors.subject && React__default.createElement(ErrorHandler, {
       text: errors.subject
     })), React__default.createElement(reactstrap.Col, {
       md: 4
     }, React__default.createElement(RequiredLabel$1, {
+      className: " " + styles['custom-font-size'],
       text: t("category")
     }), React__default.createElement(MailCategorySelector, {
       onChange: function onChange(e) {
         setFieldValue("categoryId", e.value);
         setEditedTrue();
       },
-      id: values.categoryId
+      id: values.categoryId,
+      className: " " + styles['custom-font-size']
     }), touched.categoryId && errors.categoryId && React__default.createElement(ErrorHandler, {
       text: errors.categoryId
     }))), React__default.createElement(reactstrap.Row, {
@@ -24393,6 +24432,7 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(RequiredLabel$1, {
+      className: " " + styles['custom-font-size'],
       text: t('mail_body')
     }), (emailTemplateDetail.body || !id) && React__default.createElement(tinymceReact.Editor, {
       ref: function ref(node) {
@@ -24414,8 +24454,8 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
     }, React__default.createElement(reactstrap.Button, {
       color: "link",
       size: "sm",
-      className: "pl-0",
-      onClick: onAttachFile
+      onClick: onAttachFile,
+      className: "pl-0 " + styles['custom-font-size']
     }, t('add_attachment'))), React__default.createElement(reactstrap.Col, {
       md: 12
     }, React__default.createElement(reactstrap.Row, null, values.attachments.map(function (attachment) {
@@ -24428,7 +24468,8 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
           return setFieldValue("attachments", values.attachments.filter(function (a) {
             return a.name !== attachment.name;
           }));
-        }
+        },
+        className: " " + styles['custom-font-size']
       }));
     }), fileUpload.map(function (file, index) {
       return React__default.createElement(reactstrap.Col, {
@@ -24439,21 +24480,26 @@ var EmailTemplateDetail = function EmailTemplateDetail() {
         label: file.name,
         onRemove: function onRemove() {
           return removeAttachment(file.inputId, file.name);
-        }
+        },
+        className: " " + styles['custom-font-size']
       }));
     }))))))), React__default.createElement(reactstrap.Col, {
       md: 4
-    }, React__default.createElement(reactstrap.Label, null, t('mail_params')), React__default.createElement(MailSubject, {
+    }, React__default.createElement(reactstrap.Label, {
+      className: " " + styles['custom-font-size']
+    }, t('mail_params')), React__default.createElement(MailSubject, {
       onClick: function onClick(param) {
         return addParams(param);
       },
       isResetPasswordTemplate: values.categoryId == (mailCategoryList && mailCategoryList.length > 0 && mailCategoryList.filter(function (c) {
         return c.name == "Reset password";
-      })[0].id)
+      })[0].id),
+      className: " " + styles['custom-font-size']
     }))), React__default.createElement(DetailActionButtons, {
       confirmText: confirmText,
       onConfirm: handleSubmit,
-      onCancel: backToList
+      onCancel: backToList,
+      className: " " + styles['custom-font-size']
     }));
   });
 };
@@ -25179,8 +25225,8 @@ var SkillDetailModal$1 = React.forwardRef(SkillDetailModal);
 
 var setSkillList = toolkit.createAction("skills/setSkillList");
 
-var defaultFontSmall = 12;
-var defaultFontLarge = 20;
+var defaultFontSmall$1 = 12;
+var defaultFontLarge$1 = 20;
 var TITLE$6 = "Skill list";
 
 var useSkillList = function useSkillList() {
@@ -25202,11 +25248,11 @@ var useSkillList = function useSkillList() {
 
   var dispatch = reactRedux.useDispatch();
   var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge) {
+    if (defaultFont == defaultFontLarge$1) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall) {
+    if (defaultFont == defaultFontSmall$1) {
       return "font-small";
     }
 
@@ -25570,8 +25616,8 @@ var SkillList = function SkillList() {
   }))));
 };
 
-var defaultFontSmall$1 = 12;
-var defaultFontLarge$1 = 20;
+var defaultFontSmall$2 = 12;
+var defaultFontLarge$2 = 20;
 
 var CustomTabs = function CustomTabs(props) {
   var history = reactRouterDom.useHistory();
@@ -25594,11 +25640,11 @@ var CustomTabs = function CustomTabs(props) {
     return (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.defaultFontSize;
   });
   var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge$1) {
+    if (defaultFont == defaultFontLarge$2) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall$1) {
+    if (defaultFont == defaultFontSmall$2) {
       return "font-small";
     }
 
@@ -25852,8 +25898,8 @@ var HOMEPAGE_ADMIN$1 = "/admin/home";
 var HOMEPAGE_PARENT$1 = "/parent";
 var HOMEPAGE_DISTRICT$1 = "/admin/schools";
 var HOMEPAGE_EDU_TEACHER$1 = "/list-student";
-var defaultFontSmall$2 = 12;
-var defaultFontLarge$2 = 20;
+var defaultFontSmall$3 = 12;
+var defaultFontLarge$3 = 20;
 
 var useUserList = function useUserList() {
   var history = reactRouterDom.useHistory();
@@ -25881,11 +25927,11 @@ var useUserList = function useUserList() {
       t = _useTranslation.t;
 
   var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge$2) {
+    if (defaultFont == defaultFontLarge$3) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall$2) {
+    if (defaultFont == defaultFontSmall$3) {
       return "font-small";
     }
 
@@ -26792,8 +26838,8 @@ var TeacherSelector = function TeacherSelector(_ref) {
   }, errorMessage));
 };
 
-var defaultFontSmall$3 = 12;
-var defaultFontLarge$3 = 20;
+var defaultFontSmall$4 = 12;
+var defaultFontLarge$4 = 20;
 
 var useAssignStudentList = function useAssignStudentList() {
   var dispatch = reactRedux.useDispatch();
@@ -26824,11 +26870,11 @@ var useAssignStudentList = function useAssignStudentList() {
     return (_state$common = state.common) === null || _state$common === void 0 ? void 0 : _state$common.defaultFontSize;
   });
   var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge$3) {
+    if (defaultFont == defaultFontLarge$4) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall$3) {
+    if (defaultFont == defaultFontSmall$4) {
       return "font-small";
     }
 
@@ -27602,8 +27648,8 @@ var initValue$3 = {
 };
 var USER_LIST_URL = "/admin/users/user-list";
 var TITLE$8 = "User detail";
-var defaultFontSmall$4 = 12;
-var defaultFontLarge$4 = 20;
+var defaultFontSmall$5 = 12;
+var defaultFontLarge$5 = 20;
 
 var useUserDetail = function useUserDetail(id) {
   var dispatch = reactRedux.useDispatch();
@@ -27641,11 +27687,11 @@ var useUserDetail = function useUserDetail(id) {
   };
 
   var classFontSize = React.useMemo(function () {
-    if (defaultFont == defaultFontLarge$4) {
+    if (defaultFont == defaultFontLarge$5) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall$4) {
+    if (defaultFont == defaultFontSmall$5) {
       return "font-small";
     }
 
@@ -29036,7 +29082,8 @@ var MediaNav = function MediaNav(_ref) {
       handleGoBack = _ref.handleGoBack,
       handleDownloadMedia = _ref.handleDownloadMedia,
       handleDeleteMediaOrFolder = _ref.handleDeleteMediaOrFolder,
-      showErrorAlert = _ref.showErrorAlert;
+      showErrorAlert = _ref.showErrorAlert,
+      className = _ref.className;
   var modal = React.useRef();
   var inputFile = React.useRef(null);
 
@@ -29054,31 +29101,31 @@ var MediaNav = function MediaNav(_ref) {
       color: "secondary",
       onClick: handleGoBack
     }, React__default.createElement(fa.FaArrowLeft, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "Go up")), targetMedia && !targetMedia.isFolder && React__default.createElement(reactstrap.Button, {
       className: "mr-2",
       color: "success",
       onClick: handleDownloadMedia
     }, React__default.createElement(fa.FaDownload, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "Download")), targetMedia && !isLibrary && React__default.createElement(reactstrap.Button, {
       className: "mr-2",
       color: "danger",
       onClick: handleDeleteMediaOrFolder
     }, React__default.createElement(fa.FaTrash, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "Delete")), targetMedia && !isLibrary && !targetMedia.isFolder && React__default.createElement(reactstrap.Button, {
       className: "mr-2",
       color: "primary",
       onClick: openModal
     }, React__default.createElement(fa.FaEdit, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "Rename")), !targetMedia && !isLibrary && React__default.createElement(reactstrap.Button, {
       className: "mr-2",
       color: "success",
       onClick: openModal
     }, React__default.createElement(fa.FaFolderPlus, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "New folder")), !targetMedia && !isLibrary && React__default.createElement(reactstrap.Button, {
       className: "mr-2",
       color: "info",
@@ -29088,7 +29135,7 @@ var MediaNav = function MediaNav(_ref) {
         return inputFile === null || inputFile === void 0 ? void 0 : (_inputFile$current = inputFile.current) === null || _inputFile$current === void 0 ? void 0 : _inputFile$current.click();
       }
     }, React__default.createElement(fa.FaFileUpload, null), React__default.createElement(reactstrap.Label, {
-      className: "ml-1 h6 m-0"
+      className: "ml-1 h6 m-0 " + className
     }, "Upload")), breadcumb && React__default.createElement(reactstrap.Col, {
       className: "h-100 d-flex align-items-center"
     }, breadcumb));
@@ -29205,7 +29252,8 @@ var getMediaThumbnail = function getMediaThumbnail(media) {
 
 var Media = function Media(_ref) {
   var media = _ref.media,
-      isTarget = _ref.isTarget;
+      isTarget = _ref.isTarget,
+      className = _ref.className;
   var thumbnail = getMediaThumbnail(media);
   return React__default.createElement(reactstrap.Card, {
     className: (isTarget ? styles$2["media-image-selected"] : '') + " border-0 "
@@ -29222,14 +29270,15 @@ var Media = function Media(_ref) {
     }
   }, React__default.createElement(reactstrap.CardTitle, {
     tag: "h6",
-    className: styles$2["media-title"]
+    className: styles$2["media-title"] + " " + className
   }, media.name)));
 };
 
 var Media$1 = React__default.memo(Media);
 
 var Filter = function Filter(_ref) {
-  var changeFilters = _ref.changeFilters;
+  var changeFilters = _ref.changeFilters,
+      className = _ref.className;
 
   var _useTranslation = reactI18next.useTranslation(),
       t = _useTranslation.t;
@@ -29262,7 +29311,8 @@ var Filter = function Filter(_ref) {
         searchString: searchString
       });
     },
-    placeholder: t('type_something_to_search_by_file_name')
+    placeholder: t('type_something_to_search_by_file_name'),
+    className: className
   })), React__default.createElement(reactstrap.Col, {
     sm: 4
   }, React__default.createElement(CustomSelector, {
@@ -29277,7 +29327,8 @@ var Filter = function Filter(_ref) {
       changeFilters({
         types: types
       });
-    }
+    },
+    className: className
   })));
 };
 
@@ -29620,6 +29671,9 @@ var MediaList = function MediaList(_ref) {
   var height = _ref.height,
       isLibrary = _ref.isLibrary;
 
+  var _useClassFontSize = useClassFontSize(),
+      classFontSize = _useClassFontSize.classFontSize;
+
   var _useGalleryList = useGalleryList(isLibrary),
       filters = _useGalleryList.filters,
       mediaList = _useGalleryList.mediaList,
@@ -29654,12 +29708,16 @@ var MediaList = function MediaList(_ref) {
         className: styles$2["media-wrapper"]
       }, React__default.createElement(Media$1, {
         media: media,
-        isTarget: isTarget
+        isTarget: isTarget,
+        className: " " + styles['custom-font-size']
       })));
     });
   };
 
-  return React__default.createElement(reactstrap.Card, null, React__default.createElement(reactstrap.CardHeader, null, React__default.createElement(Filter, {
+  return React__default.createElement(reactstrap.Card, {
+    className: styles[classFontSize]
+  }, React__default.createElement(reactstrap.CardHeader, null, React__default.createElement(Filter, {
+    className: "" + styles['custom-font-size'],
     changeFilters: changeFilters,
     filters: filters
   }), React__default.createElement(MediaNav$1, {
@@ -29674,7 +29732,8 @@ var MediaList = function MediaList(_ref) {
     handleDownloadMedia: handleDownloadMedia,
     handleDeleteMediaOrFolder: handleDeleteMediaOrFolder,
     handleGoBack: handleGoBack,
-    showErrorAlert: showErrorAlert
+    showErrorAlert: showErrorAlert,
+    className: " " + styles['custom-font-size']
   })), React__default.createElement(reactstrap.CardBody, {
     style: {
       minHeight: height