sapp-common-package-test-final 1.7.7 → 1.7.9

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.
@@ -6,8 +6,8 @@ interface IWeeklyCalendarProps {
6
6
  endDate: Dayjs;
7
7
  events: IEvent[];
8
8
  norms: INorm[];
9
- onOpenDetail: (date: Date, events: IEvent[]) => void;
10
- onOpenCreate: (date: Date) => void;
9
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
10
+ onOpenCreate?: (date: Date) => void;
11
11
  onEventDetail?: (event: IEvent) => void;
12
12
  loading?: boolean;
13
13
  type?: 'OPS' | 'LMS';
@@ -4,8 +4,8 @@ import { IEvent } from '../../../types';
4
4
  interface IWeeklyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
- onOpenDetail: (date: Date, events: IEvent[]) => void;
8
- onOpenCreate: (date: Date) => void;
7
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
8
+ onOpenCreate?: (date: Date) => void;
9
9
  onEventDetail?: (event: IEvent) => void;
10
10
  }
11
11
  declare const LMSWeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail, }: IWeeklyCellProps) => React.JSX.Element;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { IEvent } from '../../../types';
3
3
  interface IWeeklyEventProps {
4
4
  event: IEvent;
5
- onOpenDetail: (date: Date, events: IEvent[]) => void;
5
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
6
6
  onEventDetail?: (event: IEvent) => void;
7
7
  }
8
8
  declare const LMSWeeklyEvent: ({ event, onOpenDetail, onEventDetail }: IWeeklyEventProps) => React.JSX.Element;
@@ -8,8 +8,8 @@ interface IMonthlyCalendarProps {
8
8
  events: IEvent[];
9
9
  norms: INorm[];
10
10
  showWeeklyNorm: boolean;
11
- onOpenDetail: (date: Date, events: IEvent[]) => void;
12
- onOpenCreate: (date: Date) => void;
11
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
12
+ onOpenCreate?: (date: Date) => void;
13
13
  onEventDetail?: (event: IEvent) => void;
14
14
  loading?: boolean;
15
15
  }
@@ -5,8 +5,8 @@ interface IMonthlyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
7
  currentDate: Dayjs;
8
- onOpenDetail: (date: Date, events: IEvent[]) => void;
9
- onOpenCreate: (date: Date) => void;
8
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
9
+ onOpenCreate?: (date: Date) => void;
10
10
  onEventDetail?: (event: IEvent) => void;
11
11
  }
12
12
  declare const MonthlyCell: ({ currentDate, events, date, onOpenDetail, onOpenCreate, onEventDetail }: IMonthlyCellProps) => React.JSX.Element;
@@ -6,8 +6,8 @@ interface IAntdCalendarProps {
6
6
  teacherName?: string;
7
7
  showTeacherName?: boolean;
8
8
  showWeeklyNorm?: boolean;
9
- onOpenDetail: (date: Date, events: IEvent[]) => void;
10
- onOpenCreate: (date: Date) => void;
9
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
10
+ onOpenCreate?: (date: Date) => void;
11
11
  onRefetchAPI: (startDate: Date, endDate: Date) => Promise<void>;
12
12
  onEventDetail?: (event: IEvent) => void;
13
13
  loading?: boolean;
@@ -7,8 +7,8 @@ export interface IWeeklyCalendarProps {
7
7
  events: IEvent[];
8
8
  norms: INorm[];
9
9
  showWeeklyNorm: boolean;
10
- onOpenDetail: (date: Date, events: IEvent[]) => void;
11
- onOpenCreate: (date: Date) => void;
10
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
11
+ onOpenCreate?: (date: Date) => void;
12
12
  onEventDetail?: (event: IEvent) => void;
13
13
  loading?: boolean;
14
14
  type?: 'LMS' | 'OPS';
@@ -4,8 +4,8 @@ import { IEvent } from '../../../types';
4
4
  interface IWeeklyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
- onOpenDetail: (date: Date, events: IEvent[]) => void;
8
- onOpenCreate: (date: Date) => void;
7
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
8
+ onOpenCreate?: (date: Date) => void;
9
9
  onEventDetail?: (event: IEvent) => void;
10
10
  }
11
11
  declare const WeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail }: IWeeklyCellProps) => React.JSX.Element;
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { IEvent } from '../../../types';
3
3
  interface IWeeklyEventProps {
4
4
  event: IEvent;
5
- onOpenDetail: (date: Date, events: IEvent[]) => void;
5
+ onOpenDetail?: (date: Date, events: IEvent[]) => void;
6
6
  onEventDetail?: (event: IEvent) => void;
7
7
  zIndex: number;
8
8
  }
package/dist/index.css CHANGED
@@ -198,6 +198,7 @@
198
198
  flex-grow: 1;
199
199
  flex-direction: column;
200
200
  row-gap: 24px;
201
+ overflow: auto;
201
202
  --tw-bg-opacity: 1;
202
203
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
203
204
  padding-left: 32px;
@@ -226,10 +227,6 @@ div._3Yvs5 {
226
227
 
227
228
  ._2GTYD {
228
229
  display: flex;
229
- width: 170px;
230
- -webkit-user-select: none;
231
- -moz-user-select: none;
232
- user-select: none;
233
230
  align-items: center;
234
231
  -moz-column-gap: 16px;
235
232
  column-gap: 16px;
@@ -242,14 +239,6 @@ div._3Yvs5 {
242
239
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
243
240
  }
244
241
 
245
- ._2GTYD:focus {
246
- outline: 2px solid transparent;
247
- outline-offset: 2px;
248
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
249
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
250
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
251
- }
252
-
253
242
  ._18t93 div._2GTYD input {
254
243
  width: 150px !important;
255
244
  cursor: pointer !important;
@@ -798,7 +787,7 @@ button:focus {
798
787
  }
799
788
 
800
789
  ._9uloX {
801
- @apply flex flex-col gap-y-6 px-8 pb-8 bg-white flex-grow;
790
+ @apply flex flex-col gap-y-6 px-8 pb-8 bg-white flex-grow overflow-auto;
802
791
  }
803
792
 
804
793
  div._2Uj7C {
@@ -810,7 +799,7 @@ div._2Uj7C {
810
799
  }
811
800
 
812
801
  ._pki6z {
813
- @apply flex items-center gap-x-4 focus-within:!shadow-none text-center w-[170px] focus:outline-none focus:ring-0 select-none;
802
+ @apply flex items-center gap-x-4 focus-within:!shadow-none text-center;
814
803
  }
815
804
 
816
805
  ._2OOkM div._pki6z input {
@@ -1119,7 +1108,7 @@ button {
1119
1108
  height: 928px;
1120
1109
  max-height: 70%;
1121
1110
  max-width: 295px;
1122
- overflow: auto;
1111
+ overflow-y: auto;
1123
1112
  --tw-bg-opacity: 1;
1124
1113
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
1125
1114
  padding: 40px;
@@ -1191,7 +1180,7 @@ button {
1191
1180
  @media screen and (max-width: 1024px) {
1192
1181
  ._1K0QG {
1193
1182
  position: absolute;
1194
- top: 10%;
1183
+ top: 15%;
1195
1184
  z-index: 999;
1196
1185
  height: -moz-fit-content;
1197
1186
  height: fit-content;
package/dist/index.js CHANGED
@@ -483,7 +483,6 @@ var Button = function Button(_ref) {
483
483
  color = _ref$color === void 0 ? 'default' : _ref$color,
484
484
  onClick = _ref.onClick,
485
485
  children = _ref.children;
486
- console.log('value:', styles["btn-" + color]);
487
486
  return React__default.createElement("button", {
488
487
  type: type,
489
488
  onClick: onClick,
@@ -623,7 +622,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
623
622
  var isToday = dayjs().isSame(date, 'day');
624
623
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
625
624
  if (e.target !== e.currentTarget) return;
626
- onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
625
+ onOpenCreate && onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
627
626
  };
628
627
  return React__default.createElement("div", {
629
628
  className: styles['monthly-calendar__cell'] + " " + (isToday ? styles['monthly-calendar__cell--active'] : styles['border-gray-4']) + " " + (isSameMonth ? styles['bg-white'] : styles['bg-button']),
@@ -632,7 +631,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
632
631
  className: isSameMonth ? styles['text-black'] : styles['text-secondary-text']
633
632
  }, date.format('DD')), React__default.createElement("ul", {
634
633
  onClick: function onClick() {
635
- return onOpenDetail(date.toDate(), events);
634
+ return onOpenDetail && onOpenDetail(date.toDate(), events);
636
635
  }
637
636
  }, events.slice(0, 2).map(function (event, index) {
638
637
  return React__default.createElement(MonthlyEvent, {
@@ -791,7 +790,7 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
791
790
  return React__default.createElement("div", {
792
791
  className: clsx__default(styles["event-" + convertType[event.type]], isMinHeight && styles['event--min-height']),
793
792
  onClick: function onClick() {
794
- onOpenDetail(dayjs(event.startDate).toDate(), [event]);
793
+ onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
795
794
  onEventDetail && onEventDetail(event);
796
795
  },
797
796
  style: {
@@ -827,7 +826,7 @@ var WeeklyCell = function WeeklyCell(_ref) {
827
826
  var isToday = dayjs().isSame(date, 'day');
828
827
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
829
828
  if (e.target !== e.currentTarget) return;
830
- onOpenCreate(dayjs(date).toDate());
829
+ onOpenCreate && onOpenCreate(dayjs(date).toDate());
831
830
  };
832
831
  events.sort(function (a, b) {
833
832
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -1003,7 +1002,7 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
1003
1002
  return React__default.createElement("div", {
1004
1003
  className: styles["event-" + convertType[event.type]],
1005
1004
  onClick: function onClick() {
1006
- onOpenDetail(dayjs(event.startDate).toDate(), [event]);
1005
+ onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
1007
1006
  onEventDetail && onEventDetail(event);
1008
1007
  },
1009
1008
  style: {
@@ -1042,7 +1041,7 @@ var LMSWeeklyCell = function LMSWeeklyCell(_ref) {
1042
1041
  var isToday = dayjs().isSame(date, 'day');
1043
1042
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
1044
1043
  if (e.target !== e.currentTarget) return;
1045
- onOpenCreate(dayjs(date).toDate());
1044
+ onOpenCreate && onOpenCreate(dayjs(date).toDate());
1046
1045
  };
1047
1046
  events = (_events = events) === null || _events === void 0 ? void 0 : _events.sort(function (a, b) {
1048
1047
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;