pds-dev-kit-web-test 2.5.453 → 2.5.454

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.
Files changed (197) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.js +2 -3
  3. package/dist/src/common/hooks/useTooltip.js +1 -1
  4. package/dist/src/common/services/i18n/resources/en.json +1 -29
  5. package/dist/src/common/services/i18n/resources/es.json +1 -28
  6. package/dist/src/common/services/i18n/resources/fil.json +1 -28
  7. package/dist/src/common/services/i18n/resources/index.d.ts +0 -194
  8. package/dist/src/common/services/i18n/resources/ja.json +1 -29
  9. package/dist/src/common/services/i18n/resources/ko.json +1 -29
  10. package/dist/src/common/services/i18n/resources/zh-cn.json +1 -29
  11. package/dist/src/common/services/i18n/resources/zh-tw.json +1 -29
  12. package/dist/src/common/styles/colorSet/index.d.ts +2 -2
  13. package/dist/src/common/styles/colorSet/index.js +2 -2
  14. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  15. package/dist/src/common/utils/dateHelper.d.ts +0 -3
  16. package/dist/src/common/utils/dateHelper.js +0 -37
  17. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  18. package/dist/src/desktop/components/index.d.ts +1 -2
  19. package/dist/src/desktop/components/index.js +1 -3
  20. package/dist/src/desktop/index.d.ts +1 -1
  21. package/dist/src/desktop/index.js +1 -2
  22. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +22 -0
  23. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +1133 -0
  24. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +4 -1
  25. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +5 -3
  26. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +54 -53
  27. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.d.ts +11 -0
  28. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.js +45 -0
  29. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +10 -0
  30. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +79 -0
  31. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  32. package/dist/src/sub/DynamicLayout/DynamicLayout.js +4 -2
  33. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +24 -2
  34. package/dist/src/sub/DynamicLayout/components/Section/sectionContext.d.ts +2 -2
  35. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +3 -1
  36. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +12 -0
  37. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +76 -0
  38. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +4 -0
  39. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +47 -0
  40. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +12 -0
  41. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +76 -0
  42. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +12 -0
  43. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +76 -0
  44. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +12 -0
  45. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +76 -0
  46. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +40 -0
  47. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +36 -177
  48. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +152 -4
  49. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +150 -2
  50. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +45 -1
  51. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +262 -9
  52. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +593 -0
  53. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +253 -0
  54. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts +3 -1
  55. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.js +5 -3
  56. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts +2 -1
  57. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.js +9 -2
  58. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +139 -0
  59. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
  60. package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
  61. package/dist/src/sub/DynamicLayout/mock_componentBlocks.d.ts +776 -0
  62. package/dist/src/sub/DynamicLayout/mock_componentBlocks.js +4236 -0
  63. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +3 -0
  64. package/dist/src/sub/DynamicLayout/mock_composition.js +1607 -0
  65. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +1 -0
  66. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1098 -0
  67. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +1 -0
  68. package/dist/src/sub/DynamicLayout/mock_contentsList.js +1091 -0
  69. package/dist/src/sub/DynamicLayout/mock_queryData.d.ts +96 -0
  70. package/dist/src/sub/DynamicLayout/mock_queryData.js +2639 -0
  71. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +842 -0
  72. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +854 -0
  73. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  74. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  75. package/dist/src/sub/DynamicLayout/mocks.d.ts +8 -960
  76. package/dist/src/sub/DynamicLayout/mocks.js +45 -4237
  77. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +4 -4
  78. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -1
  79. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +7 -7
  80. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +13 -3
  81. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +18 -2
  82. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +10 -4
  83. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +134 -3
  84. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +12 -0
  85. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +61 -0
  86. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.d.ts +15 -0
  87. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.js +69 -0
  88. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.d.ts +15 -0
  89. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.js +69 -0
  90. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +9 -0
  91. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +87 -0
  92. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +4 -0
  93. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +849 -0
  94. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +43 -0
  95. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +162 -0
  96. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +39 -0
  97. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +182 -0
  98. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useFlexGridLayout.d.ts +18 -0
  99. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useFlexGridLayout.js +229 -0
  100. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useSwiper.d.ts +14 -0
  101. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useSwiper.js +46 -0
  102. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +1 -0
  103. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +8 -0
  104. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +139 -0
  105. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +2 -0
  106. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +14 -0
  107. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +206 -0
  108. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +17 -0
  109. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +39 -0
  110. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +10 -0
  111. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +86 -0
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +25 -0
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +183 -0
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +29 -0
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +128 -0
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.d.ts +18 -0
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.js +229 -0
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +1 -0
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.js +8 -0
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +67 -0
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +2 -0
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +39 -3
  123. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +14 -0
  124. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +151 -0
  125. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +12 -0
  126. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +39 -0
  127. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.d.ts +15 -0
  128. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.js +69 -0
  129. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.d.ts +15 -0
  130. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js +69 -0
  131. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +20 -0
  132. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +173 -0
  133. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +9 -0
  134. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +87 -0
  135. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +4 -0
  136. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +849 -0
  137. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +43 -0
  138. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +162 -0
  139. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.d.ts +18 -0
  140. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.js +229 -0
  141. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.d.ts +16 -0
  142. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.js +63 -0
  143. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +1 -0
  144. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.js +8 -0
  145. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +46 -0
  146. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +186 -0
  147. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +163 -0
  148. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +2 -0
  149. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +31 -7
  150. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +45 -1
  151. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
  152. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +1 -1
  153. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +27 -10
  154. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +3 -1
  155. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.d.ts +4 -4
  156. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding.d.ts +2 -2
  157. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.d.ts +14 -0
  158. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js +26 -0
  159. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +2 -2
  160. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +7 -2
  161. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +10 -5
  162. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  163. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +53 -3
  164. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
  165. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -0
  166. package/dist/src/sub/DynamicLayout/types.d.ts +64 -17
  167. package/package.json +3 -2
  168. package/dist/src/desktop/components/Calendar/AllDaySchedulesSection.d.ts +0 -13
  169. package/dist/src/desktop/components/Calendar/AllDaySchedulesSection.js +0 -49
  170. package/dist/src/desktop/components/Calendar/Calendar.d.ts +0 -4
  171. package/dist/src/desktop/components/Calendar/Calendar.js +0 -383
  172. package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.d.ts +0 -7
  173. package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.js +0 -48
  174. package/dist/src/desktop/components/Calendar/DailyView.d.ts +0 -17
  175. package/dist/src/desktop/components/Calendar/DailyView.js +0 -82
  176. package/dist/src/desktop/components/Calendar/MonthlyView.d.ts +0 -24
  177. package/dist/src/desktop/components/Calendar/MonthlyView.js +0 -186
  178. package/dist/src/desktop/components/Calendar/MultiWeekSchedulesLayer.d.ts +0 -19
  179. package/dist/src/desktop/components/Calendar/MultiWeekSchedulesLayer.js +0 -72
  180. package/dist/src/desktop/components/Calendar/ScheduleItem.d.ts +0 -16
  181. package/dist/src/desktop/components/Calendar/ScheduleItem.js +0 -49
  182. package/dist/src/desktop/components/Calendar/WeeklyView.d.ts +0 -21
  183. package/dist/src/desktop/components/Calendar/WeeklyView.js +0 -100
  184. package/dist/src/desktop/components/Calendar/YearlyView.d.ts +0 -12
  185. package/dist/src/desktop/components/Calendar/YearlyView.js +0 -76
  186. package/dist/src/desktop/components/Calendar/calendarUtils.d.ts +0 -24
  187. package/dist/src/desktop/components/Calendar/calendarUtils.js +0 -112
  188. package/dist/src/desktop/components/Calendar/constants.d.ts +0 -1
  189. package/dist/src/desktop/components/Calendar/constants.js +0 -31
  190. package/dist/src/desktop/components/Calendar/index.d.ts +0 -10
  191. package/dist/src/desktop/components/Calendar/index.js +0 -37
  192. package/dist/src/desktop/components/Calendar/timeFormatUtils.d.ts +0 -16
  193. package/dist/src/desktop/components/Calendar/timeFormatUtils.js +0 -45
  194. package/dist/src/desktop/components/Calendar/types.d.ts +0 -60
  195. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +0 -6
  196. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +0 -27
  197. /package/dist/src/{desktop/components/Calendar/types.js → sub/DynamicLayout/compositionActionTypes.js} +0 -0
@@ -1,186 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MonthlyView = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- // import { useMemo } from 'react';
24
- var react_i18next_1 = require("react-i18next");
25
- var dateHelper_1 = require("../../../common/utils/dateHelper");
26
- var styled_components_1 = __importDefault(require("styled-components"));
27
- var TextLabel_1 = require("../TextLabel");
28
- var MonthlyView = function (_a) {
29
- var getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, selectedDate = _a.selectedDate, selectedDates = _a.selectedDates,
30
- // selectedSchedules,
31
- dragStartDate = _a.dragStartDate, dragEndDate = _a.dragEndDate, isDragOverDate = _a.isDragOverDate, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isPastDate = _a.isPastDate, handleDateClick = _a.handleDateClick,
32
- // handleScheduleClick,
33
- handleMouseUp = _a.handleMouseUp, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, renderScheduleItem = _a.renderScheduleItem, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
34
- var t = (0, react_i18next_1.useTranslation)().t;
35
- var MAX_SCHEDULES_PER_DAY = 3;
36
- var days = (function () {
37
- var monthDate = new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1);
38
- return dateHelper_1.DateHelper.getCalendarDatesForCalendar(monthDate, startOfWeek);
39
- })();
40
- // 다중 이벤트 계산
41
- // const getMultiWeekSchedules = useMemo(() => {
42
- // const multiWeekSchedules: Array<{
43
- // schedule: Schedule;
44
- // startRow: number;
45
- // endRow: number;
46
- // startCol: number;
47
- // endCol: number;
48
- // scheduleIndex: number;
49
- // }> = [];
50
- // const allSchedules = new Map<number, Schedule>();
51
- // days.forEach((date) => {
52
- // const schedulesForDate = getSchedulesForDate(date);
53
- // schedulesForDate.forEach((schedule) => {
54
- // // 종일 이벤트만 추가
55
- // if (schedule.isAllDay) {
56
- // allSchedules.set(schedule.id, schedule);
57
- // }
58
- // });
59
- // });
60
- // allSchedules.forEach((schedule) => {
61
- // const scheduleStart = new Date(schedule.startDate);
62
- // const scheduleEnd = new Date(schedule.endDate);
63
- // scheduleStart.setHours(0, 0, 0, 0);
64
- // scheduleEnd.setHours(0, 0, 0, 0);
65
- // // 여러 날짜에 걸친 이벤트인지 확인
66
- // if (scheduleStart.getTime() !== scheduleEnd.getTime()) {
67
- // // 캘린더 그리드에서 시작과 끝 위치 찾기
68
- // const startIndex = days.findIndex((date) => {
69
- // const d = new Date(date);
70
- // d.setHours(0, 0, 0, 0);
71
- // return d.getTime() === scheduleStart.getTime();
72
- // });
73
- // const endIndex = days.findIndex((date) => {
74
- // const d = new Date(date);
75
- // d.setHours(0, 0, 0, 0);
76
- // return d.getTime() === scheduleEnd.getTime();
77
- // });
78
- // if (startIndex !== -1 && endIndex !== -1) {
79
- // const startRow = Math.floor(startIndex / 7) + 2; // 헤더(+1)와 0-based 인덱스(+1) 고려
80
- // const endRow = Math.floor(endIndex / 7) + 2;
81
- // const startCol = (startIndex % 7) + 1;
82
- // const endCol = (endIndex % 7) + 1;
83
- // // 이벤트가 겹치지 않도록 행별 인덱스 계산
84
- // const existingSchedulesInRow = multiWeekSchedules.filter(
85
- // (e) => e.startRow === startRow
86
- // ).length;
87
- // multiWeekSchedules.push({
88
- // schedule,
89
- // startRow,
90
- // endRow,
91
- // startCol,
92
- // endCol,
93
- // scheduleIndex: existingSchedulesInRow
94
- // });
95
- // }
96
- // }
97
- // });
98
- // return multiWeekSchedules;
99
- // }, [days, getSchedulesForDate]);
100
- // 시작 요일에 따라 정렬된 요일 헤더 생성
101
- var orderedDayTexts = (function () {
102
- var weekDates = [];
103
- var today = new Date();
104
- var startIndex = startOfWeek === 'monday' ? 1 : 0;
105
- var firstDayOfWeek = new Date(today);
106
- firstDayOfWeek.setDate(today.getDate() - ((today.getDay() - startIndex + 7) % 7));
107
- for (var i = 0; i < 7; i += 1) {
108
- var date = new Date(firstDayOfWeek);
109
- date.setDate(firstDayOfWeek.getDate() + i);
110
- weekDates.push(getDayTextByDate(date));
111
- }
112
- return weekDates;
113
- })();
114
- return ((0, jsx_runtime_1.jsxs)(S_MonthlyGrid, __assign({ "data-calendar-grid": true }, { children: [orderedDayTexts.map(function (day, index) { return ((0, jsx_runtime_1.jsx)(S_DayHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", textAlign: "center", colorTheme: "sysTextSecondary", text: day }) }, "".concat(day, "-").concat(index))); }), days.map(function (date, index) {
115
- var daySchedules = getSchedulesForDate(date);
116
- // 종일 이벤트와 시간 이벤트 분리
117
- var allDaySchedules = daySchedules.filter(function (schedule) {
118
- if (!schedule.isAllDay)
119
- return false;
120
- var scheduleStart = new Date(schedule.startDate);
121
- var scheduleEnd = new Date(schedule.endDate);
122
- var checkDate = new Date(date);
123
- // 날짜 비교를 위해 시간을 00:00:00으로 설정
124
- scheduleStart.setHours(0, 0, 0, 0);
125
- scheduleEnd.setHours(0, 0, 0, 0);
126
- checkDate.setHours(0, 0, 0, 0);
127
- // 단일 날짜의 종일 이벤트만 포함
128
- return (scheduleStart.getTime() === scheduleEnd.getTime() &&
129
- scheduleStart.getTime() === checkDate.getTime());
130
- });
131
- var timeSchedules = daySchedules.filter(function (schedule) { return !schedule.isAllDay; });
132
- // 시간 이벤트를 시작 시간순으로 정렬
133
- timeSchedules.sort(function (a, b) {
134
- var timeA = new Date(a.startDate).getTime();
135
- var timeB = new Date(b.startDate).getTime();
136
- return timeA - timeB;
137
- });
138
- var visibleAllDaySchedules = allDaySchedules.slice(0, MAX_SCHEDULES_PER_DAY);
139
- var visibleTimeSchedules = timeSchedules.slice(0, MAX_SCHEDULES_PER_DAY);
140
- var hiddenSchedulesCount = daySchedules.length - (visibleAllDaySchedules.length + visibleTimeSchedules.length);
141
- return ((0, jsx_runtime_1.jsxs)(S_CalendarCell, __assign({ "$isCurrentMonth": date.getMonth() === selectedDate.getMonth(), "$isToday": isToday(date), "$isSelected": selectedDates.some(function (selectedDate) { return selectedDate.toDateString() === date.toDateString(); }) ||
142
- !!(dragStartDate &&
143
- dragEndDate &&
144
- date.getTime() >= Math.min(dragStartDate.getTime(), dragEndDate.getTime()) &&
145
- date.getTime() <= Math.max(dragStartDate.getTime(), dragEndDate.getTime())), "$isPast": isPastDate(date), "$isDragOver": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.toDateString()) === date.toDateString(), onClick: function (e) { return handleDateClick(date, e); }, onMouseUp: handleMouseUp, onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: isToday(date) ? 'caption2Bold' : 'caption2Regular', textAlign: "center", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextSecondary', text: date.getDate().toString() }), (0, jsx_runtime_1.jsxs)(S_SchedulesContainer, { children: [visibleAllDaySchedules.map(function (schedule) {
146
- return renderScheduleItem(schedule, {
147
- onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); },
148
- onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); }
149
- });
150
- }), visibleTimeSchedules.map(function (schedule) {
151
- return renderScheduleItem(schedule, {
152
- onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); },
153
- onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); }
154
- });
155
- }), daySchedules.length >= 3 && hiddenSchedulesCount > 0 && ((0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: "".concat(hiddenSchedulesCount, " ").concat(t('calendar_more_schedules')), styleTheme: "caption2Regular" }))] })] }), index));
156
- })] })));
157
- };
158
- exports.MonthlyView = MonthlyView;
159
- var S_MonthlyGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n gap: 0;\n grid-template-columns: repeat(7, 1fr);\n grid-template-rows: auto repeat(6, 1fr); /* \uD5E4\uB354\uB294 auto, \uB098\uBA38\uC9C0 6\uC8FC\uB294 \uB3D9\uC77C\uD55C \uB192\uC774 */\n height: 100%; /* \uC140 \uAC04\uACA9\uC744 \uC81C\uAC70\uD558\uC5EC \uC774\uBCA4\uD2B8\uAC00 \uC5F0\uACB0\uB418\uC5B4 \uBCF4\uC774\uB3C4\uB85D */\n overflow-x: hidden; /* \uADF8\uB9AC\uB4DC \uACBD\uACC4\uB97C \uB118\uB294 \uC694\uC18C\uB97C \uC228\uAE40 */\n position: relative;\n"], ["\n display: grid;\n gap: 0;\n grid-template-columns: repeat(7, 1fr);\n grid-template-rows: auto repeat(6, 1fr); /* \uD5E4\uB354\uB294 auto, \uB098\uBA38\uC9C0 6\uC8FC\uB294 \uB3D9\uC77C\uD55C \uB192\uC774 */\n height: 100%; /* \uC140 \uAC04\uACA9\uC744 \uC81C\uAC70\uD558\uC5EC \uC774\uBCA4\uD2B8\uAC00 \uC5F0\uACB0\uB418\uC5B4 \uBCF4\uC774\uB3C4\uB85D */\n overflow-x: hidden; /* \uADF8\uB9AC\uB4DC \uACBD\uACC4\uB97C \uB118\uB294 \uC694\uC18C\uB97C \uC228\uAE40 */\n position: relative;\n"])));
160
- var S_DayHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n padding: 12px 8px;\n text-align: center;\n"], ["\n border-bottom: 1px solid ", ";\n padding: 12px 8px;\n text-align: center;\n"])), function (_a) {
161
- var theme = _a.theme;
162
- return theme.ui_cpnt_divider;
163
- });
164
- var S_CalendarCell = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n cursor: pointer;\n min-height: 120px;\n padding: 4px;\n position: relative;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n\n &:nth-child(7n + 1) {\n border-left: 1px solid ", ";\n }\n\n &:nth-child(-n + 7) {\n border-top: 1px solid ", ";\n }\n"], ["\n background-color: ", ";\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n cursor: pointer;\n min-height: 120px;\n padding: 4px;\n position: relative;\n transition: background-color 0.2s;\n\n &:hover {\n background-color: ", ";\n }\n\n &:nth-child(7n + 1) {\n border-left: 1px solid ", ";\n }\n\n &:nth-child(-n + 7) {\n border-top: 1px solid ", ";\n }\n"])), function (_a) {
165
- var $isSelected = _a.$isSelected, theme = _a.theme;
166
- if ($isSelected)
167
- return theme.ui_cpnt_sheet_base;
168
- return 'transparent';
169
- }, function (_a) {
170
- var theme = _a.theme;
171
- return theme.ui_cpnt_divider;
172
- }, function (_a) {
173
- var theme = _a.theme;
174
- return theme.ui_cpnt_divider;
175
- }, function (_a) {
176
- var theme = _a.theme;
177
- return theme.ui_cpnt_sheet_base;
178
- }, function (_a) {
179
- var theme = _a.theme;
180
- return theme.ui_cpnt_divider;
181
- }, function (_a) {
182
- var theme = _a.theme;
183
- return theme.ui_cpnt_divider;
184
- });
185
- var S_SchedulesContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: 2px;\n overflow: visible;\n position: relative;\n"], ["\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: 2px;\n overflow: visible;\n position: relative;\n"])));
186
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,19 +0,0 @@
1
- import type { Schedule } from './types';
2
- import type React from 'react';
3
- interface MultiWeekScheduleInfo {
4
- schedule: Schedule;
5
- startRow: number;
6
- endRow: number;
7
- startCol: number;
8
- endCol: number;
9
- scheduleIndex: number;
10
- }
11
- interface MultiWeekSchedulesLayerProps {
12
- multiWeekSchedules: MultiWeekScheduleInfo[];
13
- selectedSchedules: Schedule[];
14
- handleScheduleClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
15
- handleScheduleDragStart?: (schedule: Schedule, e: React.DragEvent) => void;
16
- handleScheduleDragEnd?: () => void;
17
- }
18
- export declare const MultiWeekSchedulesLayer: React.FC<MultiWeekSchedulesLayerProps>;
19
- export {};
@@ -1,72 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MultiWeekSchedulesLayer = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var TextLabel_1 = require("../TextLabel");
25
- var ScheduleItem_1 = require("./ScheduleItem");
26
- var MultiWeekSchedulesLayer = function (_a) {
27
- var multiWeekSchedules = _a.multiWeekSchedules, selectedSchedules = _a.selectedSchedules, handleScheduleClick = _a.handleScheduleClick, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
28
- return ((0, jsx_runtime_1.jsx)(S_Layer, { children: multiWeekSchedules.map(function (_a) {
29
- var schedule = _a.schedule, startRow = _a.startRow, endRow = _a.endRow, startCol = _a.startCol, endCol = _a.endCol, scheduleIndex = _a.scheduleIndex;
30
- var isSameRow = startRow === endRow;
31
- var isSelected = selectedSchedules.some(function (s) { return s.id === schedule.id; });
32
- if (isSameRow) {
33
- return ((0, jsx_runtime_1.jsxs)(S_MultiWeekSchedule, __assign({ "$color": schedule.color, "$startRow": startRow, "$endRow": endRow, "$startCol": startCol, "$endCol": endCol, "$scheduleIndex": scheduleIndex, "$isSelected": isSelected, draggable: true, onDragStart: function (e) {
34
- handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e);
35
- }, onDragEnd: handleScheduleDragEnd, onClick: function (e) {
36
- e.stopPropagation();
37
- handleScheduleClick === null || handleScheduleClick === void 0 ? void 0 : handleScheduleClick(schedule, e);
38
- } }, { children: [(0, jsx_runtime_1.jsx)(ScheduleItem_1.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: schedule.title, ellipsisMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined })] }), "multi-".concat(schedule.id)));
39
- }
40
- // 여러 행
41
- var segments = [];
42
- for (var row = startRow; row <= endRow; row += 1) {
43
- var isFirstRow = row === startRow;
44
- var isLastRow = row === endRow;
45
- var segmentStartCol = isFirstRow ? startCol : 1;
46
- var segmentEndCol = isLastRow ? endCol : 7;
47
- segments.push((0, jsx_runtime_1.jsxs)(S_MultiWeekSchedule, __assign({ "$color": schedule.color, "$startRow": row, "$endRow": row, "$startCol": segmentStartCol, "$endCol": segmentEndCol, "$scheduleIndex": scheduleIndex, "$isSelected": isSelected, draggable: true, onDragStart: function (e) {
48
- handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e);
49
- }, onDragEnd: handleScheduleDragEnd, onClick: function (e) {
50
- e.stopPropagation();
51
- handleScheduleClick === null || handleScheduleClick === void 0 ? void 0 : handleScheduleClick(schedule, e);
52
- } }, { children: [(0, jsx_runtime_1.jsx)(ScheduleItem_1.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: schedule.title, ellipsisMode: "use", colorTheme: isSelected ? 'sysTextWhite' : undefined })] }), "multi-".concat(schedule.id, "-row-").concat(row)));
53
- }
54
- return segments;
55
- }) }));
56
- };
57
- exports.MultiWeekSchedulesLayer = MultiWeekSchedulesLayer;
58
- var S_Layer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%; /* \uAE30\uBCF8\uC801\uC73C\uB85C \uC774\uBCA4\uD2B8\uB97C \uB9C9\uACE0, \uB0B4\uBD80 \uC2A4\uCF00\uC904\uC5D0\uC11C\uB9CC \uC774\uBCA4\uD2B8 \uD5C8\uC6A9 */\n z-index: 10;\n\n & > * {\n pointer-events: auto;\n }\n"], ["\n height: 100%;\n left: 0;\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%; /* \uAE30\uBCF8\uC801\uC73C\uB85C \uC774\uBCA4\uD2B8\uB97C \uB9C9\uACE0, \uB0B4\uBD80 \uC2A4\uCF00\uC904\uC5D0\uC11C\uB9CC \uC774\uBCA4\uD2B8 \uD5C8\uC6A9 */\n z-index: 10;\n\n & > * {\n pointer-events: auto;\n }\n"])));
59
- var S_MultiWeekSchedule = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n background-color: ", ";\n border-radius: 4px;\n color: white;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n height: 20px;\n left: ", ";\n padding: 2px 6px;\n position: absolute;\n top: ", ";\n user-select: none;\n width: ", ";\n z-index: 10;\n\n &:active {\n background: ", ";\n cursor: grabbing;\n }\n"], ["\n align-items: center;\n background-color: ", ";\n border-radius: 4px;\n color: white;\n cursor: pointer;\n display: flex;\n font-size: 12px;\n height: 20px;\n left: ", ";\n padding: 2px 6px;\n position: absolute;\n top: ", ";\n user-select: none;\n width: ", ";\n z-index: 10;\n\n &:active {\n background: ", ";\n cursor: grabbing;\n }\n"])), function (props) {
60
- return props.$isSelected ? props.theme.ui_cpnt_sheet_base_06 : props.theme.ui_cpnt_sheet_base;
61
- }, function (props) { return "calc((".concat(props.$startCol - 1, ") * (100% / 7) + 4px)"); }, function (props) {
62
- var rowNumber = props.$startRow - 2;
63
- var dateMargin = 35;
64
- var scheduleSpacing = (props.$scheduleIndex || 0) * 24;
65
- var weekStartPositions = [44, 170, 294, 428, 559];
66
- var baseTop = weekStartPositions[rowNumber] || weekStartPositions[0];
67
- return "calc(".concat(baseTop, "px + ").concat(dateMargin, "px + ").concat(scheduleSpacing, "px)");
68
- }, function (props) { return "calc((".concat(props.$endCol - props.$startCol + 1, ") * (100% / 7) - 21px)"); }, function (_a) {
69
- var theme = _a.theme;
70
- return theme.ui_cpnt_sheet_base_06;
71
- });
72
- var templateObject_1, templateObject_2;
@@ -1,16 +0,0 @@
1
- import type { Schedule } from './types';
2
- import type React from 'react';
3
- interface ScheduleItemProps {
4
- schedule: Schedule;
5
- extraProps?: any;
6
- onDragStart: (schedule: Schedule, e: React.DragEvent) => void;
7
- onDragEnd: () => void;
8
- onClick?: (schedule: Schedule, e?: React.MouseEvent) => void;
9
- isSelected?: boolean;
10
- isAllDay?: boolean;
11
- }
12
- export declare const ScheduleItem: React.FC<ScheduleItemProps>;
13
- export declare const S_Dot: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
14
- $isSelected?: boolean | undefined;
15
- }, never>;
16
- export {};
@@ -1,49 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.S_Dot = exports.ScheduleItem = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var TextLabel_1 = require("../TextLabel");
25
- var ScheduleItem = function (_a) {
26
- var schedule = _a.schedule, _b = _a.extraProps, extraProps = _b === void 0 ? {} : _b, onDragStart = _a.onDragStart, onDragEnd = _a.onDragEnd, onClick = _a.onClick, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isAllDay, isAllDay = _d === void 0 ? false : _d;
27
- return ((0, jsx_runtime_1.jsxs)(S_ScheduleItem, __assign({ "$color": schedule.color, "$position": "single", "$isSelected": isSelected, "$isAllday": isAllDay, draggable: true, onDragStart: function (e) { return onDragStart(schedule, e); }, onDragEnd: onDragEnd, onClick: function (e) {
28
- e.stopPropagation();
29
- onClick === null || onClick === void 0 ? void 0 : onClick(schedule, e);
30
- } }, extraProps, { children: [(0, jsx_runtime_1.jsx)(exports.S_Dot, { "$isSelected": isSelected }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Regular", text: schedule.title, colorTheme: isSelected ? 'sysTextWhite' : undefined, ellipsisMode: "use" })] }), schedule.id));
31
- };
32
- exports.ScheduleItem = ScheduleItem;
33
- var S_ScheduleItem = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n background: ", ";\n border: ", ";\n border-radius: 4px;\n cursor: grab;\n display: flex;\n padding: 2px 6px;\n position: relative;\n transition: opacity 0.2s ease, transform 0.2s ease;\n\n &:active {\n background: ", ";\n cursor: grabbing;\n }\n"], ["\n align-items: center;\n background: ", ";\n border: ", ";\n border-radius: 4px;\n cursor: grab;\n display: flex;\n padding: 2px 6px;\n position: relative;\n transition: opacity 0.2s ease, transform 0.2s ease;\n\n &:active {\n background: ", ";\n cursor: grabbing;\n }\n"])), function (props) {
34
- if (props.$isSelected)
35
- return props.theme.ui_cpnt_sheet_base_06;
36
- if (props.$isAllday)
37
- return props.theme.ui_cpnt_sheet_base;
38
- return 'transparent';
39
- }, function (props) {
40
- return props.$isSelected ? "2px solid ".concat(props.theme.ui_cpnt_sheet_base_06) : 'none';
41
- }, function (_a) {
42
- var theme = _a.theme;
43
- return theme.ui_cpnt_sheet_base_06;
44
- });
45
- exports.S_Dot = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: ", ";\n border-radius: 50%;\n height: 4px;\n margin-right: 4px;\n width: 4px;\n"], ["\n background: ", ";\n border-radius: 50%;\n height: 4px;\n margin-right: 4px;\n width: 4px;\n"])), function (_a) {
46
- var $isSelected = _a.$isSelected, theme = _a.theme;
47
- return $isSelected ? theme.ui_cpnt_icon_sys_white : theme.ui_cpnt_icon_sys_grey_02;
48
- });
49
- var templateObject_1, templateObject_2;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- import type { Schedule, displayAllDayScheduleMode } from './types';
3
- interface WeeklyViewProps {
4
- selectedDate: Date;
5
- startOfWeek: 'sunday' | 'monday';
6
- getDayTextByDate: (date: Date) => string;
7
- defaultViewType: string;
8
- displayAllDayScheduleMode?: displayAllDayScheduleMode;
9
- getSchedulesForDate: (date: Date) => Schedule[];
10
- isToday: (date: Date) => boolean;
11
- isDragOverDate: Date | null;
12
- handleDateDragOver: (date: Date, e: React.DragEvent) => void;
13
- handleDateDragLeave: () => void;
14
- handleDateDrop: (date: Date, e: React.DragEvent) => void;
15
- handleDateClick: (date: Date) => void;
16
- renderScheduleItem: (schedule: Schedule, extraProps?: any) => React.ReactNode;
17
- handleScheduleDragStart: (schedule: Schedule, e: React.DragEvent) => void;
18
- handleScheduleDragEnd: () => void;
19
- }
20
- export declare const WeeklyView: React.FC<WeeklyViewProps>;
21
- export {};
@@ -1,100 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.WeeklyView = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var react_1 = require("react");
24
- var react_i18next_1 = require("react-i18next");
25
- var dateHelper_1 = require("../../../common/utils/dateHelper");
26
- var styled_components_1 = __importDefault(require("styled-components"));
27
- var TextLabel_1 = require("../TextLabel");
28
- var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
29
- var calendarUtils_1 = require("./calendarUtils");
30
- var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
31
- var timeFormatUtils_1 = require("./timeFormatUtils");
32
- var WeeklyView = function (_a) {
33
- var selectedDate = _a.selectedDate, startOfWeek = _a.startOfWeek, getDayTextByDate = _a.getDayTextByDate, defaultViewType = _a.defaultViewType, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, isToday = _a.isToday, isDragOverDate = _a.isDragOverDate, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop, handleDateClick = _a.handleDateClick, renderScheduleItem = _a.renderScheduleItem, handleScheduleDragStart = _a.handleScheduleDragStart, handleScheduleDragEnd = _a.handleScheduleDragEnd;
34
- var _c = (0, react_i18next_1.useTranslation)(), t = _c.t, i18n = _c.i18n;
35
- // Generate calendar dates for weekly view
36
- var calendarDates = (0, react_1.useMemo)(function () {
37
- var dates = [];
38
- var startIndex = startOfWeek === 'monday' ? 1 : 0;
39
- var offset = (selectedDate.getDay() - startIndex + 7) % 7;
40
- var weekStart = dateHelper_1.DateHelper.addDays(selectedDate, -offset);
41
- for (var i = 0; i < 7; i += 1) {
42
- dates.push(dateHelper_1.DateHelper.addDays(weekStart, i));
43
- }
44
- return dates;
45
- }, [selectedDate, startOfWeek]);
46
- return ((0, jsx_runtime_1.jsxs)(S_WeeklyContainer, { children: [(0, jsx_runtime_1.jsxs)(S_WeeklyHeader, { children: [(0, jsx_runtime_1.jsx)(S_TimeColumnHeader, {}), calendarDates.map(function (date, index) {
47
- var dayText = getDayTextByDate(date);
48
- var dateText = t('calendar_date_format', {
49
- day: date.getDate(),
50
- dayText: dayText
51
- });
52
- return ((0, jsx_runtime_1.jsx)(S_WeeklyDayHeader, __assign({ "$isToday": isToday(date) }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", colorTheme: isToday(date) ? 'sysTextBrandPrimary' : 'sysTextTertiary', text: dateText }) }), index));
53
- })] }), (0, jsx_runtime_1.jsx)(AllDaySchedulesSection_1.AllDaySchedulesSection, { calendarDates: calendarDates, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, renderScheduleItem: renderScheduleItem, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop }), (0, jsx_runtime_1.jsxs)(S_TimeGrid, { children: [(0, jsx_runtime_1.jsx)(CurrentTimeIndicator_1.CurrentTimeIndicator, { show: defaultViewType === 'WEEKLY' }), Array.from({ length: 24 }, function (_unused, hour) { return ((0, jsx_runtime_1.jsxs)(S_TimeRow, { children: [(0, jsx_runtime_1.jsx)(S_TimeLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption2Bold", colorTheme: "sysTextTertiary", text: (0, timeFormatUtils_1.formatTimeWithLocale)(hour, i18n.language, t) }) }), (0, jsx_runtime_1.jsx)(S_TimeSlots, { children: calendarDates.map(function (date, dayIndex) {
54
- var timeSlotDate = new Date(date);
55
- timeSlotDate.setHours(hour, 0, 0, 0);
56
- var timedSchedules = getSchedulesForDate(date).filter(function (e) {
57
- return !(0, calendarUtils_1.calculateIsAllDay)(new Date(e.startDate), new Date(e.endDate)) &&
58
- new Date(e.startDate).getHours() === hour;
59
- });
60
- return ((0, jsx_runtime_1.jsx)(S_TimeSlot, __assign({ "$isDragOver": (isDragOverDate === null || isDragOverDate === void 0 ? void 0 : isDragOverDate.getTime()) === timeSlotDate.getTime(), onClick: function () {
61
- var clickedDate = new Date(date);
62
- clickedDate.setHours(hour, 0, 0, 0);
63
- handleDateClick(clickedDate);
64
- }, onDoubleClick: function () {
65
- var clickedDate = new Date(date);
66
- clickedDate.setHours(hour, 0, 0, 0);
67
- }, onDragOver: function (e) { return handleDateDragOver(timeSlotDate, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(timeSlotDate, e); } }, { children: timedSchedules.map(function (schedule) {
68
- return renderScheduleItem(schedule, {
69
- onDragStart: function (e) { return handleScheduleDragStart === null || handleScheduleDragStart === void 0 ? void 0 : handleScheduleDragStart(schedule, e); },
70
- onDragEnd: function () { return handleScheduleDragEnd === null || handleScheduleDragEnd === void 0 ? void 0 : handleScheduleDragEnd(); }
71
- });
72
- }) }), dayIndex));
73
- }) })] }, hour)); })] })] }));
74
- };
75
- exports.WeeklyView = WeeklyView;
76
- var S_WeeklyContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n"])));
77
- var S_WeeklyHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n"], ["\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n"])));
78
- var S_TimeColumnHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
79
- var S_WeeklyDayHeader = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 12px 8px;\n text-align: center;\n"], ["\n padding: 12px 8px;\n text-align: center;\n"])));
80
- var S_TimeGrid = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n overflow-y: auto;\n position: relative;\n"], ["\n flex: 1;\n overflow-y: auto;\n position: relative;\n"])));
81
- var S_TimeRow = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n height: 60px;\n"], ["\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n height: 60px;\n"])));
82
- var S_TimeLabel = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n display: flex;\n justify-content: center;\n padding: 8px;\n"], ["\n align-items: center;\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n display: flex;\n justify-content: center;\n padding: 8px;\n"])), function (_a) {
83
- var theme = _a.theme;
84
- return theme.ui_cpnt_divider;
85
- }, function (_a) {
86
- var theme = _a.theme;
87
- return theme.ui_cpnt_divider;
88
- });
89
- var S_TimeSlots = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: contents;\n"], ["\n display: contents;\n"])));
90
- var S_TimeSlot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: ", ";\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n cursor: pointer;\n position: relative;\n\n &:hover {\n background: ", ";\n }\n"], ["\n background: ", ";\n border-bottom: 1px solid ", ";\n border-right: 1px solid ", ";\n cursor: pointer;\n position: relative;\n\n &:hover {\n background: ", ";\n }\n"])), function (props) { return (props.$isDragOver ? props.theme.ui_cpnt_sheet_base : 'transparent'); }, function (_a) {
91
- var theme = _a.theme;
92
- return theme.ui_cpnt_divider;
93
- }, function (_a) {
94
- var theme = _a.theme;
95
- return theme.ui_cpnt_divider;
96
- }, function (_a) {
97
- var theme = _a.theme;
98
- return theme.ui_cpnt_sheet_base;
99
- });
100
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
@@ -1,12 +0,0 @@
1
- import type React from 'react';
2
- interface YearlyViewProps {
3
- selectedDate: Date;
4
- getMonthDates: (year: number, month: number) => Date[];
5
- getDayTextByDate: (date: Date) => string;
6
- startOfWeek: 'sunday' | 'monday';
7
- isToday: (date: Date) => boolean;
8
- handleDateClick: (date: Date) => void;
9
- getSchedulesForDate: (date: Date) => any[];
10
- }
11
- export declare const YearlyView: React.FC<YearlyViewProps>;
12
- export {};
@@ -1,76 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.YearlyView = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var react_i18next_1 = require("react-i18next");
24
- var styled_components_1 = __importDefault(require("styled-components"));
25
- var TextLabel_1 = require("../TextLabel");
26
- var YearlyView = function (_a) {
27
- var selectedDate = _a.selectedDate, getMonthDates = _a.getMonthDates, getDayTextByDate = _a.getDayTextByDate, startOfWeek = _a.startOfWeek, isToday = _a.isToday, handleDateClick = _a.handleDateClick, getSchedulesForDate = _a.getSchedulesForDate;
28
- var t = (0, react_i18next_1.useTranslation)().t;
29
- var currentYear = selectedDate.getFullYear();
30
- var orderedDayTexts = (function () {
31
- var weekDates = [];
32
- var today = new Date();
33
- var startIndex = startOfWeek === 'monday' ? 1 : 0;
34
- var firstDayOfWeek = new Date(today);
35
- firstDayOfWeek.setDate(today.getDate() - ((today.getDay() - startIndex + 7) % 7));
36
- for (var i = 0; i < 7; i += 1) {
37
- var date = new Date(firstDayOfWeek);
38
- date.setDate(firstDayOfWeek.getDate() + i);
39
- weekDates.push(getDayTextByDate(date));
40
- }
41
- return weekDates;
42
- })();
43
- var getDateColorTheme = function (isTodayDate) {
44
- if (isTodayDate) {
45
- return 'sysTextBrandPrimary';
46
- }
47
- return 'sysTextTertiary';
48
- };
49
- return ((0, jsx_runtime_1.jsx)(S_YearlyGrid, { children: Array.from({ length: 12 }, function (_unused, monthIndex) {
50
- var monthDates = getMonthDates(currentYear, monthIndex);
51
- return ((0, jsx_runtime_1.jsxs)(S_YearlyMonth, { children: [(0, jsx_runtime_1.jsx)(S_YearlyMonthHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: t("calendar_month_".concat(monthIndex + 1)), styleTheme: "body1Bold", colorTheme: "sysTextBrandPrimary" }) }), (0, jsx_runtime_1.jsxs)(S_YearlyMiniCalendar, { children: [(0, jsx_runtime_1.jsx)(S_YearlyDayHeaders, { children: orderedDayTexts.map(function (day, index) { return ((0, jsx_runtime_1.jsx)(S_YearlyDayHeader, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: day, styleTheme: "caption2Regular", textAlign: "center", colorTheme: "sysTextTertiary" }) }, "".concat(day, "-").concat(index))); }) }), (0, jsx_runtime_1.jsx)(S_YearlyDatesGrid, { children: monthDates.map(function (date, dateIndex) {
52
- var isCurrentMonth = date.getMonth() === monthIndex;
53
- var isTodayDate = isToday(date);
54
- var hasSchedule = getSchedulesForDate(date).length > 0;
55
- return ((0, jsx_runtime_1.jsxs)(S_YearlyDateCell, __assign({ "$isToday": isTodayDate, "$isCurrentMonth": isCurrentMonth, onClick: function () { return handleDateClick(date); } }, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: date.getDate().toString(), styleTheme: "caption2Regular", textAlign: "center", colorTheme: getDateColorTheme(isTodayDate) }), hasSchedule && (0, jsx_runtime_1.jsx)(S_Dot, {})] }), dateIndex));
56
- }) })] })] }, monthIndex));
57
- }) }));
58
- };
59
- exports.YearlyView = YearlyView;
60
- // Styled Components
61
- var S_YearlyGrid = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n gap: 24px 32px;\n grid-template-columns: repeat(4, 1fr);\n margin: 0 auto;\n max-width: 1200px;\n padding: 24px;\n"], ["\n display: grid;\n gap: 24px 32px;\n grid-template-columns: repeat(4, 1fr);\n margin: 0 auto;\n max-width: 1200px;\n padding: 24px;\n"])));
62
- var S_YearlyMonth = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 12px;\n min-width: 240px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 12px;\n min-width: 240px;\n"])));
63
- var S_YearlyMonthHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-left: 4px;\n"], ["\n padding-left: 4px;\n"])));
64
- var S_YearlyMiniCalendar = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 4px;\n"])));
65
- var S_YearlyDayHeaders = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: grid;\n gap: 1px;\n grid-template-columns: repeat(7, 1fr);\n"], ["\n display: grid;\n gap: 1px;\n grid-template-columns: repeat(7, 1fr);\n"])));
66
- var S_YearlyDayHeader = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 20px;\n padding: 4px 2px;\n text-align: center;\n"], ["\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 20px;\n padding: 4px 2px;\n text-align: center;\n"])));
67
- var S_YearlyDatesGrid = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: grid;\n gap: 1px;\n grid-template-columns: repeat(7, 1fr);\n"], ["\n display: grid;\n gap: 1px;\n grid-template-columns: repeat(7, 1fr);\n"])));
68
- var S_YearlyDateCell = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n align-items: center;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 24px;\n opacity: ", ";\n\n &:hover {\n background: ", ";\n }\n"], ["\n align-items: center;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n justify-content: center;\n min-height: 24px;\n opacity: ", ";\n\n &:hover {\n background: ", ";\n }\n"])), function (props) { return (props.$isCurrentMonth ? 1 : 0.3); }, function (_a) {
69
- var theme = _a.theme;
70
- return theme.ui_72;
71
- });
72
- var S_Dot = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n background: ", ";\n border-radius: 50%;\n height: 5px;\n margin: 2px auto 0 auto;\n width: 5px;\n"], ["\n background: ", ";\n border-radius: 50%;\n height: 5px;\n margin: 2px auto 0 auto;\n width: 5px;\n"])), function (_a) {
73
- var theme = _a.theme;
74
- return theme.ui_cpnt_icon_sys_grey_02;
75
- });
76
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
@@ -1,24 +0,0 @@
1
- import type { CalendarViewType } from './types';
2
- import type { TFunction } from 'i18next';
3
- /**
4
- * 일정이 종일 일정인지 확인하는 함수
5
- * @param startDate 시작 날짜
6
- * @param endDate 종료 날짜
7
- * @returns 종일 일정 여부
8
- */
9
- export declare const calculateIsAllDay: (startDate: Date, endDate: Date) => boolean;
10
- export declare const calculateDateRange: (viewType: CalendarViewType, baseDate: Date) => {
11
- startDate: Date;
12
- endDate: Date;
13
- };
14
- /**
15
- * 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
16
- * @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
17
- * @param selectedDate 선택된 날짜
18
- * @param t 다국어 변환 함수 (i18next)
19
- * @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
20
- * @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
21
- * @returns 헤더에 표시할 텍스트
22
- */
23
- export declare const getHeaderText: (viewType: CalendarViewType, selectedDate: Date, t: TFunction, monthNames: string[], getDayTextByDate: (date: Date) => string) => string;
24
- export declare const toUTC: (date: Date | null | undefined) => string | null;