touchstudy-core 0.1.44 → 0.1.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { DropdownIndicatorProps } from 'react-select';
3
+ export declare const DropdownIndicator: (props: DropdownIndicatorProps) => React.JSX.Element;
4
+ export declare const CustomOption: (props: any) => React.JSX.Element;
@@ -0,0 +1,6 @@
1
+ export declare const customStyles: {
2
+ control: (baseStyles: any, state: any) => any;
3
+ input: (baseStyles: any, _: any) => any;
4
+ singleValue: (baseStyles: any) => any;
5
+ option: (baseStyles: any, state: any) => any;
6
+ };
@@ -0,0 +1,6 @@
1
+ export declare const customStyles: {
2
+ control: (baseStyles: any, state: any) => any;
3
+ input: (baseStyles: any, _: any) => any;
4
+ singleValue: (baseStyles: any) => any;
5
+ option: (baseStyles: any, state: any) => any;
6
+ };
@@ -1,6 +1,6 @@
1
1
  import { FC } from "react";
2
2
  import { INavigateProps } from "../../../utils/types";
3
- import { Role } from "../configs/constants";
3
+ import { Role } from "../../../utils/constants";
4
4
  interface Props {
5
5
  role?: Role;
6
6
  homeAcademyUrl: string;
package/dist/index.css CHANGED
@@ -422,11 +422,11 @@
422
422
  ._3xnI5 ._3hx2T ._3UyhW div span {
423
423
  display: none; }
424
424
  ._3xnI5 a._1TGKA {
425
- border-bottom: 1px solid #18442A;
425
+ border-bottom: 1px solid #3DC674;
426
426
  border-radius: 0; }
427
427
  ._3xnI5 a._1AqMh,
428
428
  ._3xnI5 a._1TGKA {
429
- color: #18442A; }
429
+ color: #3DC674; }
430
430
  ._3xnI5 ._3UyhW {
431
431
  font-size: 14px;
432
432
  font-weight: 700;
@@ -1248,7 +1248,8 @@
1248
1248
  ._3Z1nV ._36Xpx {
1249
1249
  display: flex;
1250
1250
  align-items: center;
1251
- justify-content: space-between; }
1251
+ justify-content: space-between;
1252
+ margin-bottom: 8px; }
1252
1253
  ._3Z1nV ._36Xpx ._3ZJQW {
1253
1254
  font-family: "Pretendard";
1254
1255
  font-weight: 500;
@@ -1265,7 +1266,7 @@
1265
1266
  width: 100%;
1266
1267
  height: 12px;
1267
1268
  background-color: transparent;
1268
- border: 1px solid #ebebff;
1269
+ border: 1px solid #C8F8DB;
1269
1270
  border-radius: 12px;
1270
1271
  padding: 1px 5px;
1271
1272
  overflow-x: hidden; }
@@ -1275,6 +1276,7 @@
1275
1276
  ._3Z1nV ._1MPdO ._3CV_y {
1276
1277
  width: 8px;
1277
1278
  height: 8px;
1279
+ background: #18442A;
1278
1280
  border-radius: 100%;
1279
1281
  position: absolute;
1280
1282
  top: 0;
package/dist/index.js CHANGED
@@ -3215,6 +3215,13 @@ var useSwitchAcademy = function useSwitchAcademy(role, navigate, homeAcademyUrl,
3215
3215
  };
3216
3216
  };
3217
3217
 
3218
+ var MenuItemCustom = material.styled(MenuItem)(function () {
3219
+ return {
3220
+ '&.Mui-selected': {
3221
+ backgroundColor: styles.light
3222
+ }
3223
+ };
3224
+ });
3218
3225
  var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
3219
3226
  var _user$roles, _selectedAcademy$name, _selectedAcademy$name2;
3220
3227
  var role = _ref.role,
@@ -3302,7 +3309,7 @@ var TheAcademyDropdown = function TheAcademyDropdown(_ref) {
3302
3309
  }
3303
3310
  }, academyList.map(function (option) {
3304
3311
  var _option$name$charAt;
3305
- return React__default.createElement(MenuItem, {
3312
+ return React__default.createElement(MenuItemCustom, {
3306
3313
  key: option.id,
3307
3314
  selected: option.id === (selectedAcademy === null || selectedAcademy === void 0 ? void 0 : selectedAcademy.id),
3308
3315
  onClick: function onClick() {
@@ -3352,27 +3359,20 @@ var canAccess = function canAccess(userRoles, componentRoles) {
3352
3359
  return true;
3353
3360
  };
3354
3361
 
3355
- var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
3356
- var DropdownIndicator = function DropdownIndicator(props) {
3357
- return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
3358
- color: styles.darker
3359
- }));
3360
- };
3361
- var CustomOption = function CustomOption(props) {
3362
- return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement("div", {
3363
- style: {
3364
- fontSize: "14px",
3365
- fontWeight: 500
3366
- }
3367
- }, props.data.label));
3368
- };
3369
3362
  var customStyles = {
3370
- control: function control(baseStyles) {
3363
+ control: function control(baseStyles, state) {
3371
3364
  return _extends({}, baseStyles, {
3372
3365
  fontSize: "14px",
3373
3366
  fontWeight: 700,
3374
3367
  color: styles.darker,
3375
- borderColor: styles.less_dark
3368
+ borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark,
3369
+ boxShadow: state.isFocused ? "0 0 0 1px " + styles.dark + "4D" : baseStyles.boxShadow,
3370
+ "&:active": {
3371
+ borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
3372
+ },
3373
+ "&:hover": {
3374
+ borderColor: state.isFocused || state.hasValue ? styles.dark : styles.less_dark
3375
+ }
3376
3376
  });
3377
3377
  },
3378
3378
  input: function input(baseStyles, _) {
@@ -3388,8 +3388,32 @@ var customStyles = {
3388
3388
  fontWeight: 700,
3389
3389
  color: styles.darker
3390
3390
  });
3391
+ },
3392
+ option: function option(baseStyles, state) {
3393
+ return _extends({}, baseStyles, {
3394
+ backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.light : 'white',
3395
+ "&:active": {
3396
+ backgroundColor: state.isSelected ? styles.dark : state.isFocused ? styles.less_dark : baseStyles.backgroundColor
3397
+ }
3398
+ });
3391
3399
  }
3392
3400
  };
3401
+
3402
+ var DropdownIndicator = function DropdownIndicator(props) {
3403
+ return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
3404
+ color: styles.darker
3405
+ }));
3406
+ };
3407
+ var CustomOption = function CustomOption(props) {
3408
+ return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement("div", {
3409
+ style: {
3410
+ fontSize: "14px",
3411
+ fontWeight: 500
3412
+ }
3413
+ }, props.data.label));
3414
+ };
3415
+
3416
+ var _excluded$1 = ["isDefault", "defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
3393
3417
  var CustomSelect = function CustomSelect(_ref) {
3394
3418
  var isDefault = _ref.isDefault,
3395
3419
  options = _ref.options,
@@ -4770,10 +4794,8 @@ var useMessageList = function useMessageList() {
4770
4794
  var filter = _extends({}, messageFilter);
4771
4795
  return Promise.resolve(getMessagesByConversation(conversationId, filter)).then(function (res) {
4772
4796
  return Promise.resolve(updateLastTimeReadConversation(conversationId)).then(function () {
4773
- setMessages(function (prev) {
4774
- var _res$data$items;
4775
- return [].concat((_res$data$items = res.data.items) === null || _res$data$items === void 0 ? void 0 : _res$data$items.reverse(), prev);
4776
- });
4797
+ var _res$data$items;
4798
+ setMessages([].concat((_res$data$items = res.data.items) === null || _res$data$items === void 0 ? void 0 : _res$data$items.reverse()));
4777
4799
  setMessageFilter(function (prev) {
4778
4800
  return _extends({}, prev, {
4779
4801
  totalItems: res.data.totalItems,
@@ -5064,6 +5086,9 @@ var useChatContainer = function useChatContainer(props) {
5064
5086
  if (!data) return;
5065
5087
  var parsedData = JSON.parse(data);
5066
5088
  if (parsedData.id) setSelectedConversation(JSON.parse(data));
5089
+ console.log({
5090
+ data: JSON.parse(data)
5091
+ });
5067
5092
  };
5068
5093
  var handleLoadMoreMessages = function handleLoadMoreMessages() {
5069
5094
  try {
@@ -5296,10 +5321,6 @@ var BpIcon = material.styled('span')(function (_ref) {
5296
5321
  },
5297
5322
  'input:hover ~ &': {
5298
5323
  backgroundColor: theme.palette.mode === 'dark' ? '#30404d' : '#ebf1f5'
5299
- },
5300
- 'input:disabled ~ &': {
5301
- boxShadow: 'none',
5302
- background: theme.palette.mode === 'dark' ? 'rgba(57,75,89,.5)' : 'rgba(206,217,224,.5)'
5303
5324
  }
5304
5325
  };
5305
5326
  });
@@ -7279,43 +7300,6 @@ var getSubjectListApi$1 = function getSubjectListApi(textSearch) {
7279
7300
  };
7280
7301
 
7281
7302
  var _excluded$3 = ["defaultValue", "options", "isDisabled", "scrollBottom", "value", "isMulti"];
7282
- var DropdownIndicator$1 = function DropdownIndicator(props) {
7283
- return React__default.createElement(Select.components.DropdownIndicator, Object.assign({}, props), React__default.createElement(fa.FaCaretDown, {
7284
- color: styles.darker
7285
- }));
7286
- };
7287
- var CustomOption$1 = function CustomOption(props) {
7288
- return React__default.createElement(Select.components.Option, Object.assign({}, props), React__default.createElement("div", {
7289
- style: {
7290
- fontSize: "14px",
7291
- fontWeight: 500
7292
- }
7293
- }, props.data.label));
7294
- };
7295
- var customStyles$1 = {
7296
- control: function control(baseStyles, state) {
7297
- return _extends({}, baseStyles, {
7298
- fontSize: "14px",
7299
- fontWeight: 700,
7300
- color: styles.darker,
7301
- borderColor: state.isFocused || state.hasValue ? styles.less_dark : '#97A1AF'
7302
- });
7303
- },
7304
- input: function input(baseStyles, _) {
7305
- return _extends({}, baseStyles, {
7306
- fontSize: "14px",
7307
- fontWeight: 700,
7308
- color: styles.darker
7309
- });
7310
- },
7311
- singleValue: function singleValue(baseStyles) {
7312
- return _extends({}, baseStyles, {
7313
- fontSize: "14px",
7314
- fontWeight: 700,
7315
- color: styles.darker
7316
- });
7317
- }
7318
- };
7319
7303
  var CustomSelectOption = function CustomSelectOption(_ref) {
7320
7304
  var defaultValue = _ref.defaultValue,
7321
7305
  options = _ref.options,
@@ -7340,10 +7324,10 @@ var CustomSelectOption = function CustomSelectOption(_ref) {
7340
7324
  IndicatorSeparator: function IndicatorSeparator() {
7341
7325
  return null;
7342
7326
  },
7343
- DropdownIndicator: DropdownIndicator$1,
7344
- Option: CustomOption$1
7327
+ DropdownIndicator: DropdownIndicator,
7328
+ Option: CustomOption
7345
7329
  },
7346
- styles: customStyles$1,
7330
+ styles: customStyles,
7347
7331
  placeholder: t("select_placeholder")
7348
7332
  }, rest));
7349
7333
  };
@@ -8528,7 +8512,15 @@ var CustomCreatable = function CustomCreatable(_ref) {
8528
8512
  options: options,
8529
8513
  value: initialValues,
8530
8514
  menuPlacement: scrollBottom ? "top" : "auto",
8531
- isMulti: isMulti
8515
+ isMulti: isMulti,
8516
+ components: {
8517
+ IndicatorSeparator: function IndicatorSeparator() {
8518
+ return null;
8519
+ },
8520
+ DropdownIndicator: DropdownIndicator,
8521
+ Option: CustomOption
8522
+ },
8523
+ styles: customStyles
8532
8524
  }, rest));
8533
8525
  };
8534
8526
 
@@ -8554,7 +8546,15 @@ var CustomAsyncSelect = function CustomAsyncSelect(_ref) {
8554
8546
  value: !isDefault ? initialValues : undefined,
8555
8547
  defaultValue: isDefault ? initialValues : undefined,
8556
8548
  menuPlacement: scrollBottom ? "top" : "auto",
8557
- isMulti: isMulti
8549
+ isMulti: isMulti,
8550
+ components: {
8551
+ IndicatorSeparator: function IndicatorSeparator() {
8552
+ return null;
8553
+ },
8554
+ DropdownIndicator: DropdownIndicator,
8555
+ Option: CustomOption
8556
+ },
8557
+ styles: customStyles
8558
8558
  }, rest));
8559
8559
  };
8560
8560
 
@@ -10992,7 +10992,7 @@ Object.defineProperty(exports,"__esModule",{value:!0});var _typeof="function"==t
10992
10992
 
10993
10993
  var ReactApexChart = unwrapExports(reactApexcharts_min);
10994
10994
 
10995
- var styles$4 = {"titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
10995
+ var styles$4 = {"lighter":"#F0FFF6","light":"#C8F8DB","less_dark":"#3DC674","dark":"#349056","darker":"#18442A","gray_100":"#F9FAFB","gray_300":"#DFE3E8","gray_500":"#9A9A98","gray_700":"#5D5D5B","gray_900":"#363634","titleBox":"_1dveO","title":"_mxRxf","point":"_2fD-F","buttonGroup":"_2DGl3","btnFeedback":"_xGW1x","btnTerminate":"_3mLu2","myanswer":"_eDBpS","titleMyAnswer1":"_2fMq3","titleMyAnswer2":"_3gEYh","contentMyAnswer":"_2K_sx","myAnswerItem":"_2qiLh","time":"_6TCOK","timeCol":"_hmseC","answer-response":"_3GfJt","answer-response-0":"_3ut64","answer-response-1":"_2VtpD","answer-response-2":"_58lQU","answer-response-3":"_1ucMY","answer-response-4":"_1qkxy","answerCorrect":"_2jIeT","answerIncorrect":"_to2v0","answerNograss":"_1JSte","answerEasy":"_2_uTU","answerDiscrimination":"_1DBoA","answerTrap":"_1q3tD","answerNoTime":"_3iItu","questionOrder":"_1fNkS","myTimeLabel":"_1Z_F3","myPoolTime":"_4KwG0","topTimeLabel":"_245H-","topTime":"_3tZqw","meanTimeLabel":"_PlPLY","meanTime":"_12a7R","compareChart":"_3MW16","prevChart":"_1fNkb","chart":"_3K4oY","nextChart":"_3YKBp","titleChart":"_13BVP","compareGrass":"_1_fJu","titleCompareGrass":"_o1txm","tableCompareGrass":"_bT5nf","thcolumn1":"_3Umg0","tdcolumn1":"_3dRMF","tdcolumn3":"_2tcBP","classification":"_1AFeb","wrapperProblem":"_oTqG7","titleProblem":"_35eIx","titleProblemClose":"_3t4HO","titleTrickyProblem":"_1-oxK","wrongQuestions":"_2dpMR","question":"_1lSOX","assignedQuestions":"_1ONUt","wrapperContent":"_nPoR0","content":"_2zmZn","contentColumn1":"_334SY","span1":"_3Lf-U","span2":"_ZpMot","contentColumn2":"_16P3l","duration":"_1kT28","topDuration":"_1fVRi","overallCorrectRate":"_3jLGe","answer":"_VsZ0K","contentVulnerable":"_QxKMy","wrappContentProblem":"_nnqpW","contentProblem":"_3Z1nV","labelProblem":"_36Xpx","name":"_3ZJQW","percent":"_2J3MK","slider":"_1MPdO","track":"_3CV_y","noData":"__g-ff","loading":"_3j485","table-responsive":"_2O6RX","form-label":"_1RYOQ","form-control":"_3VRVT","form-label-dialog":"_3oCSh","btn-cancel":"_3USKq","btn-register":"_3y_iD","pdfBtnBox":"_3xZHo","pdfBtn":"_1DtWq","form-select":"_1a_vw"};
10996
10996
 
10997
10997
  var iconStarQuestion = function iconStarQuestion(_ref) {
10998
10998
  var _ref$width = _ref.width,
@@ -12882,6 +12882,7 @@ var Header = function Header(_ref) {
12882
12882
  className: "fw-bold me-2 text-nowrap",
12883
12883
  sx: {
12884
12884
  minWidth: "60px",
12885
+ maxWidth: "120px",
12885
12886
  overflow: "hidden",
12886
12887
  textOverflow: "ellipsis"
12887
12888
  }