mario-core 1.1.69-es-layout → 1.1.71-es-layout

package/dist/components/Buttons/AddButton.d.ts

@@ -2,6 +2,7 @@ import { FC } from 'react';
 interface Props {
     text?: string;
     onClick?(): void;
+    className?: string;
 }
 declare const AddButton: FC<Props>;
 export default AddButton;

package/dist/components/Selectors/CustomSelector.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, ...rest }: any) => JSX.Element;
+declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, className, ...rest }: any) => JSX.Element;
 export default CustomSelector;

package/dist/containers/Skill/hooks/useSkillList.d.ts

@@ -5,5 +5,6 @@ declare const useSkillList: () => {
     changeFilters: (updatedFilters: any) => void;
     getData: () => Promise<void>;
     removeData: (id: number) => void;
+    classFontSize: string;
 };
 export default useSkillList;

package/dist/index.js

@@ -21961,7 +21961,8 @@ var CustomSelector = function CustomSelector(_ref) {
       options = _ref.options,
       isDisabled = _ref.isDisabled,
       scrollBottom = _ref.scrollBottom,
-      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom"]);
+      className = _ref.className,
+      rest = _objectWithoutPropertiesLoose(_ref, ["defaultValue", "options", "isDisabled", "scrollBottom", "className"]);
 
   var initValue = defaultValue !== null && typeof defaultValue !== "undefined" ? options.find(function (option) {
     return option.value === defaultValue;
@@ -21970,7 +21971,8 @@ var CustomSelector = function CustomSelector(_ref) {
     isDisabled: isDisabled,
     options: options,
     value: initValue,
-    menuPlacement: scrollBottom ? "top" : "auto"
+    menuPlacement: scrollBottom ? "top" : "auto",
+    className: className
   }, rest));
 };
 
@@ -23237,14 +23239,15 @@ var buttonStyle = {
 
 var AddButton = function AddButton(_ref) {
   var text = _ref.text,
-      onClick = _ref.onClick;
+      onClick = _ref.onClick,
+      className = _ref.className;
   return React__default.createElement(reactstrap.Button, {
     onClick: onClick,
     color: 'success',
     style: buttonStyle,
     className: 'd-flex align-items-center'
   }, React__default.createElement(fa.FaPlus, null), React__default.createElement("span", {
-    className: 'ml-2',
+    className: "ml-2 " + className,
     style: buttonTextStyle
   }, text));
 };
@@ -23279,7 +23282,7 @@ var EmptyDataAlert = function EmptyDataAlert(_ref) {
 
   return React__default.createElement(reactstrap.Alert, {
     color: "primary",
-    className: className,
+    className: styles[className],
     style: style
   }, t('no_item_to_display', {
     item: label
@@ -24458,7 +24461,8 @@ var CommonModal = function CommonModal(props, ref) {
       noFooter = props.noFooter,
       size = props.size,
       edited = props.edited,
-      setEditedFalse = props.setEditedFalse;
+      setEditedFalse = props.setEditedFalse,
+      className = props.className;
 
   var _useState = React.useState(false),
       isOpen = _useState[0],
@@ -24524,8 +24528,10 @@ var CommonModal = function CommonModal(props, ref) {
     toggle: function toggle() {
       return _toggle(!!edited);
     },
-    size: size
+    size: size,
+    className: styles[className]
   }, React__default.createElement(reactstrap.ModalHeader, {
+    className: "" + styles['custom-title-font-size'],
     toggle: function toggle() {
       return _toggle(!!edited);
     }
@@ -24533,9 +24539,11 @@ var CommonModal = function CommonModal(props, ref) {
     className: "text-right"
   }, onConfirm && React__default.createElement(reactstrap.Button, {
     color: "primary",
-    onClick: onConfirm
+    onClick: onConfirm,
+    className: " " + styles['custom-font-size']
   }, confirmText || t('confirm')), React__default.createElement(reactstrap.Button, {
-    onClick: cancel
+    onClick: cancel,
+    className: " " + styles['custom-font-size']
   }, cancelText || t("cancel"))));
 };
 
@@ -25037,7 +25045,8 @@ var SkillSelector = function SkillSelector(props) {
   };
 
   var id = props.id,
-      isDisabled = props.isDisabled;
+      isDisabled = props.isDisabled,
+      className = props.className;
   var arrSkill = skillList.map(function (i) {
     return {
       id: i.id,
@@ -25049,7 +25058,8 @@ var SkillSelector = function SkillSelector(props) {
     options: arrSkill,
     defaultValue: id
   }, props, {
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    className: className
   }));
 };
 
@@ -25071,7 +25081,8 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       setEdited = props.setEdited,
       setEditedTrue = props.setEditedTrue,
       setEditedFalse = props.setEditedFalse,
-      isDisabled = props.isDisabled;
+      isDisabled = props.isDisabled,
+      classFontSize = props.classFontSize;
   return React__default.createElement(formik.Formik, {
     initialValues: skillDetail,
     enableReinitialize: true,
@@ -25100,11 +25111,13 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
       },
       edited: edited,
       setEdited: setEdited,
-      setEditedFalse: setEditedFalse
+      setEditedFalse: setEditedFalse,
+      className: classFontSize
     }, React__default.createElement(reactstrap.Row, null, React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
     }, React__default.createElement(RequiredLabel$1, {
+      className: "" + styles['custom-font-size'],
       text: t('name')
     }), React__default.createElement(reactstrap.Input, {
       name: "name",
@@ -25114,13 +25127,16 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
         handleChange(e);
         setEditedTrue();
       },
-      onBlur: handleBlur("name")
+      onBlur: handleBlur("name"),
+      className: " " + styles['custom-font-size']
     }), touched.name && errors.name && React__default.createElement(ErrorHandler, {
       text: errors.name
     })), React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
-    }, React__default.createElement(reactstrap.Label, null, t('description')), React__default.createElement(reactstrap.Input, {
+    }, React__default.createElement(reactstrap.Label, {
+      className: " " + styles['custom-font-size']
+    }, t('description')), React__default.createElement(reactstrap.Input, {
       type: "textarea",
       rows: 5,
       name: "description",
@@ -25130,17 +25146,21 @@ var SkillDetailModal = function SkillDetailModal(props, ref) {
         handleChange(e);
         setEditedTrue();
       },
-      onBlur: handleBlur("description")
+      onBlur: handleBlur("description"),
+      className: " " + styles['custom-font-size']
     })), React__default.createElement(reactstrap.Col, {
       md: 12,
       className: "mb-2"
-    }, React__default.createElement(reactstrap.Label, null, t('parent_category')), React__default.createElement(SkillSelector, {
+    }, React__default.createElement(reactstrap.Label, {
+      className: " " + styles['custom-font-size']
+    }, t('parent_category')), React__default.createElement(SkillSelector, {
       isDisabled: isDisabled,
       onChange: function onChange(e) {
         formikProps.setFieldValue("parentSkillId", e.value);
         setEditedTrue();
       },
-      id: values.parentSkillId
+      id: values.parentSkillId,
+      className: " " + styles['custom-font-size']
     }))));
   });
 };
@@ -25149,6 +25169,8 @@ var SkillDetailModal$1 = React.forwardRef(SkillDetailModal);
 
 var setSkillList = toolkit.createAction("skills/setSkillList");
 
+var defaultFontSmall = 12;
+var defaultFontLarge = 20;
 var TITLE$6 = "Skill list";
 
 var useSkillList = function useSkillList() {
@@ -25158,12 +25180,28 @@ var useSkillList = function useSkillList() {
   var totalItems = reactRedux.useSelector(function (state) {
     return state.skills.totalItems;
   });
+  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 _useFilters = useFilters(),
       filters = _useFilters.filters,
       changeFilters = _useFilters.changeFilters;
 
   var dispatch = reactRedux.useDispatch();
+  var classFontSize = React.useMemo(function () {
+    if (defaultFont == defaultFontLarge) {
+      return "font-large";
+    }
+
+    if (defaultFont == defaultFontSmall) {
+      return "font-small";
+    }
+
+    return '';
+  }, [defaultFont]);
   var getData = React.useCallback(function () {
     try {
       var _temp3 = function _temp3() {
@@ -25254,7 +25292,8 @@ var useSkillList = function useSkillList() {
     filters: filters,
     changeFilters: changeFilters,
     getData: getData,
-    removeData: removeData
+    removeData: removeData,
+    classFontSize: classFontSize
   };
 };
 
@@ -25396,7 +25435,8 @@ var SkillList = function SkillList() {
       filters = _useSkillList.filters,
       changeFilters = _useSkillList.changeFilters,
       getData = _useSkillList.getData,
-      removeData = _useSkillList.removeData;
+      removeData = _useSkillList.removeData,
+      classFontSize = _useSkillList.classFontSize;
 
   var _useSkillDetail = useSkillDetail(),
       id = _useSkillDetail.id,
@@ -25431,7 +25471,7 @@ var SkillList = function SkillList() {
   };
 
   return React__default.createElement("div", {
-    className: "fadeIn animated"
+    className: "fadeIn animated " + styles[classFontSize]
   }, React__default.createElement(SkillDetailModal$1, {
     ref: modal,
     header: t(!!id ? "edit_skill" : "create_skill"),
@@ -25443,7 +25483,8 @@ var SkillList = function SkillList() {
     setEdited: setEdited,
     setEditedTrue: setEditedTrue,
     setEditedFalse: setEditedFalse,
-    isDisabled: id
+    isDisabled: id,
+    classFontSize: classFontSize
   }), React__default.createElement(QuitPrompt, {
     when: edited
   }), React__default.createElement(reactstrap.Row, {
@@ -25454,10 +25495,11 @@ var SkillList = function SkillList() {
     text: t("create_skill"),
     onClick: function onClick() {
       return openModal();
-    }
+    },
+    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_skills'), ": ", totalItems)), React__default.createElement(reactstrap.Row, {
     className: "mb-2"
   }, React__default.createElement(reactstrap.Col, {
@@ -25469,27 +25511,28 @@ var SkillList = function SkillList() {
     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('name')), React__default.createElement("th", {
-    className: "align-top"
+    className: "align-top " + styles['custom-font-size']
   }, t('description')), React__default.createElement("th", {
-    className: "text-center"
+    className: "text-center " + styles['custom-font-size']
   }, t('action')))), React__default.createElement("tbody", null, skillList.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']
     }, React__default.createElement(LinkEditButton, {
       label: record.name,
       onClick: function onClick() {
         return openModal(record.id);
-      }
+      },
+      className: "" + styles['custom-font-size']
     }), !!record.path && React__default.createElement("p", {
       className: "mb-0 pl-3"
     }, React__default.createElement("i", null, record.path))), React__default.createElement("td", {
-      className: "align-middle"
+      className: "align-middle " + styles['custom-font-size']
     }, record.description), React__default.createElement("td", {
-      className: "text-center align-middle"
+      className: "text-center align-middle " + styles['custom-font-size']
     }, React__default.createElement(DeleteButtonIcon, {
       onClick: function onClick() {
         return onRemove(record.id);
@@ -25512,12 +25555,13 @@ var SkillList = function SkillList() {
       return changeFilters({
         currentPage: currentPage
       });
-    }
+    },
+    className: "" + styles['custom-font-size']
   }))));
 };
 
-var defaultFontSmall = 12;
-var defaultFontLarge = 20;
+var defaultFontSmall$1 = 12;
+var defaultFontLarge$1 = 20;
 
 var CustomTabs = function CustomTabs(props) {
   var history = reactRouterDom.useHistory();
@@ -25540,11 +25584,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) {
+    if (defaultFont == defaultFontLarge$1) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall) {
+    if (defaultFont == defaultFontSmall$1) {
       return "font-small";
     }
 
@@ -25798,8 +25842,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$1 = 12;
-var defaultFontLarge$1 = 20;
+var defaultFontSmall$2 = 12;
+var defaultFontLarge$2 = 20;
 
 var useUserList = function useUserList() {
   var history = reactRouterDom.useHistory();
@@ -25827,11 +25871,11 @@ var useUserList = function useUserList() {
       t = _useTranslation.t;
 
   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";
     }
 
@@ -26110,6 +26154,7 @@ var SearchBoxContainer = function SearchBoxContainer(_ref) {
   return React__default.createElement("div", {
     className: "d-flex align-items-center"
   }, React__default.createElement("div", null, React__default.createElement(AddButton, {
+    className: "" + styles['custom-font-size'],
     text: text,
     onClick: onClick
   })), React__default.createElement("div", {
@@ -26683,7 +26728,8 @@ var UserList = function UserList() {
       return changeFilters({
         currentPage: currentPage
       });
-    }
+    },
+    className: "" + styles['custom-font-size']
   }))));
 };
 
@@ -26736,8 +26782,8 @@ var TeacherSelector = function TeacherSelector(_ref) {
   }, errorMessage));
 };
 
-var defaultFontSmall$2 = 12;
-var defaultFontLarge$2 = 20;
+var defaultFontSmall$3 = 12;
+var defaultFontLarge$3 = 20;
 
 var useAssignStudentList = function useAssignStudentList() {
   var dispatch = reactRedux.useDispatch();
@@ -26768,11 +26814,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$2) {
+    if (defaultFont == defaultFontLarge$3) {
       return "font-large";
     }
 
-    if (defaultFont == defaultFontSmall$2) {
+    if (defaultFont == defaultFontSmall$3) {
       return "font-small";
     }
 
@@ -27546,8 +27592,8 @@ var initValue$3 = {
 };
 var USER_LIST_URL = "/admin/users/user-list";
 var TITLE$8 = "User detail";
-var defaultFontSmall$3 = 12;
-var defaultFontLarge$3 = 20;
+var defaultFontSmall$4 = 12;
+var defaultFontLarge$4 = 20;
 
 var useUserDetail = function useUserDetail(id) {
   var dispatch = reactRedux.useDispatch();
@@ -27585,11 +27631,11 @@ var useUserDetail = function useUserDetail(id) {
   };
 
   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";
     }
 
@@ -28323,14 +28369,17 @@ var CreatableSelector = function CreatableSelector(props) {
 };
 
 var QuestionTypeSelector = function QuestionTypeSelector(props) {
-  var id = props.id;
+  var id = props.id,
+      className = props.className;
   var initValue = !!id ? QUESTION_TYPES_OPTIONS.find(function (option) {
     return option.value === id;
   }) || null : null;
   return React__default.createElement(Select, Object.assign({
     options: QUESTION_TYPES_OPTIONS,
     value: initValue
-  }, props));
+  }, props, {
+    className: className
+  }));
 };
 
 var CATEGORY_URL = BASE_URL + "/api/SuggestionCategory";
@@ -28410,7 +28459,8 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
     }
   };
 
-  var id = props.id;
+  var id = props.id,
+      className = props.className;
   var arrCategory = getCategoryList.map(function (i) {
     return {
       id: i.id,
@@ -28424,11 +28474,14 @@ var QuestionCategorySelector = function QuestionCategorySelector(props) {
   return React__default.createElement(Select, Object.assign({
     options: arrCategory,
     value: initValue
-  }, props));
+  }, props, {
+    className: className
+  }));
 };
 
 var StarRatingSelector = function StarRatingSelector(props) {
-  var id = props.id;
+  var id = props.id,
+      className = props.className;
   var initValue = !!id ? STAR_OPTIONS.find(function (option) {
     return option.value === id;
   }) || null : null;
@@ -28436,7 +28489,8 @@ var StarRatingSelector = function StarRatingSelector(props) {
     options: STAR_OPTIONS,
     value: initValue
   }, props, {
-    menuPlacement: "top"
+    menuPlacement: "top",
+    className: className
   }));
 };