pds-dev-kit-web-test 2.5.496 → 2.5.497

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 (270) hide show
  1. package/dist/index.d.ts +4 -4
  2. package/dist/index.js +3 -6
  3. package/dist/src/common/assets/icons/fill/index.d.ts +0 -1
  4. package/dist/src/common/assets/icons/fill/index.js +0 -2
  5. package/dist/src/common/assets/icons/line/index.d.ts +0 -1
  6. package/dist/src/common/assets/icons/line/index.js +0 -2
  7. package/dist/src/common/hooks/useTooltip.js +1 -1
  8. package/dist/src/common/services/i18n/resources/en.json +1 -44
  9. package/dist/src/common/services/i18n/resources/es.json +1 -43
  10. package/dist/src/common/services/i18n/resources/fil.json +1 -43
  11. package/dist/src/common/services/i18n/resources/index.d.ts +0 -299
  12. package/dist/src/common/services/i18n/resources/ja.json +1 -44
  13. package/dist/src/common/services/i18n/resources/ko.json +1 -44
  14. package/dist/src/common/services/i18n/resources/zh-cn.json +1 -44
  15. package/dist/src/common/services/i18n/resources/zh-tw.json +1 -44
  16. package/dist/src/common/styles/colorSet/index.d.ts +2 -2
  17. package/dist/src/common/styles/colorSet/index.js +2 -2
  18. package/dist/src/common/types/components.d.ts +0 -9
  19. package/dist/src/common/types/components.js +0 -8
  20. package/dist/src/common/types/form.d.ts +9 -0
  21. package/dist/src/common/types/form.js +10 -0
  22. package/dist/src/common/types/index.d.ts +1 -0
  23. package/dist/src/common/types/index.js +1 -0
  24. package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.js +1 -1
  25. package/dist/src/common/utils/dateHelper.d.ts +0 -3
  26. package/dist/src/common/utils/dateHelper.js +0 -37
  27. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.d.ts +1 -2
  28. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +16 -20
  29. package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
  30. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.d.ts +2 -20
  31. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.js +5 -47
  32. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -2
  33. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.js +8 -3
  34. package/dist/src/desktop/components/ChatList/Body.d.ts +1 -1
  35. package/dist/src/desktop/components/index.d.ts +1 -3
  36. package/dist/src/desktop/components/index.js +1 -6
  37. package/dist/src/desktop/index.d.ts +1 -1
  38. package/dist/src/desktop/index.js +2 -4
  39. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.d.ts +2 -17
  40. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.js +6 -37
  41. package/dist/src/desktop/panels/index.d.ts +1 -2
  42. package/dist/src/desktop/panels/index.js +1 -6
  43. package/dist/src/hybrid/components/Divider/Divider.d.ts +1 -3
  44. package/dist/src/hybrid/components/Divider/Divider.js +7 -9
  45. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.d.ts +1 -2
  46. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +16 -20
  47. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.d.ts +3 -2
  48. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js +8 -3
  49. package/dist/src/mobile/components/ChatList/Body.d.ts +1 -1
  50. package/dist/src/mobile/components/index.d.ts +1 -2
  51. package/dist/src/mobile/components/index.js +1 -3
  52. package/dist/src/mobile/index.d.ts +1 -1
  53. package/dist/src/mobile/index.js +2 -3
  54. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +22 -0
  55. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +1133 -0
  56. package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +4 -1
  57. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +5 -3
  58. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +53 -53
  59. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.d.ts +11 -0
  60. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionBackground.js +45 -0
  61. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +10 -0
  62. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +79 -0
  63. package/dist/src/sub/DynamicLayout/DynamicLayout.d.ts +1 -1
  64. package/dist/src/sub/DynamicLayout/DynamicLayout.js +4 -2
  65. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +24 -2
  66. package/dist/src/sub/DynamicLayout/components/Section/sectionContext.d.ts +2 -2
  67. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +3 -1
  68. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +12 -0
  69. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +76 -0
  70. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +4 -0
  71. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +47 -0
  72. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +12 -0
  73. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +76 -0
  74. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +12 -0
  75. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +76 -0
  76. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +12 -0
  77. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +76 -0
  78. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +40 -0
  79. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +36 -177
  80. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +152 -4
  81. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +150 -2
  82. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +45 -1
  83. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +262 -9
  84. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +593 -0
  85. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +253 -0
  86. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.d.ts +3 -1
  87. package/dist/src/sub/DynamicLayout/components/pdsOriginal/desktop/IconButton/IconButton.js +5 -3
  88. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.d.ts +2 -1
  89. package/dist/src/sub/DynamicLayout/components/pdsOriginal/hybrid/Icon/Icon.js +9 -2
  90. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +139 -0
  91. package/dist/src/sub/DynamicLayout/compositionQueryContext.d.ts +8 -0
  92. package/dist/src/sub/DynamicLayout/compositionQueryContext.js +14 -0
  93. package/dist/src/sub/DynamicLayout/mock_componentBlocks.d.ts +911 -0
  94. package/dist/src/sub/DynamicLayout/mock_componentBlocks.js +4238 -0
  95. package/dist/src/sub/DynamicLayout/mock_composition.d.ts +3 -0
  96. package/dist/src/sub/DynamicLayout/mock_composition.js +1607 -0
  97. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +1 -0
  98. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +1111 -0
  99. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +1 -0
  100. package/dist/src/sub/DynamicLayout/mock_contentsList.js +1091 -0
  101. package/dist/src/sub/DynamicLayout/mock_queryData.d.ts +96 -0
  102. package/dist/src/sub/DynamicLayout/mock_queryData.js +2639 -0
  103. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +842 -0
  104. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +854 -0
  105. package/dist/src/sub/DynamicLayout/mock_video.d.ts +368 -0
  106. package/dist/src/sub/DynamicLayout/mock_video.js +371 -0
  107. package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +0 -1
  108. package/dist/src/sub/DynamicLayout/mock_video_cb.js +4 -5
  109. package/dist/src/sub/DynamicLayout/mocks.d.ts +8 -961
  110. package/dist/src/sub/DynamicLayout/mocks.js +55 -4239
  111. package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +4 -4
  112. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -1
  113. package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +7 -7
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +13 -3
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +18 -2
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +10 -4
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +134 -3
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.d.ts +12 -0
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +61 -0
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.d.ts +15 -0
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationNextBtn.js +69 -0
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.d.ts +15 -0
  123. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigationPrevBtn.js +69 -0
  124. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.d.ts +9 -0
  125. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +87 -0
  126. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +4 -0
  127. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +849 -0
  128. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +43 -0
  129. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +162 -0
  130. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.d.ts +39 -0
  131. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +182 -0
  132. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useFlexGridLayout.d.ts +18 -0
  133. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useFlexGridLayout.js +229 -0
  134. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useSwiper.d.ts +14 -0
  135. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/hooks/useSwiper.js +46 -0
  136. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +1 -0
  137. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +8 -0
  138. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +139 -0
  139. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.js +2 -0
  140. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.d.ts +14 -0
  141. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +206 -0
  142. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +17 -0
  143. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +39 -0
  144. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +10 -0
  145. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +85 -0
  146. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +25 -0
  147. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +183 -0
  148. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +29 -0
  149. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +128 -0
  150. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.d.ts +18 -0
  151. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.js +229 -0
  152. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +1 -0
  153. package/dist/src/{desktop/panels/MultilingualModal → sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList}/index.js +3 -3
  154. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +67 -0
  155. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +2 -0
  156. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +39 -3
  157. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +14 -0
  158. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +151 -0
  159. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +12 -0
  160. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +39 -0
  161. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.d.ts +15 -0
  162. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.js +69 -0
  163. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.d.ts +15 -0
  164. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js +69 -0
  165. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +20 -0
  166. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +173 -0
  167. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +9 -0
  168. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +87 -0
  169. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +4 -0
  170. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +849 -0
  171. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +43 -0
  172. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +162 -0
  173. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.d.ts +18 -0
  174. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.js +229 -0
  175. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.d.ts +16 -0
  176. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.js +63 -0
  177. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +1 -0
  178. package/dist/src/{desktop/components/BoxItem → sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner}/index.js +3 -3
  179. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +46 -0
  180. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +186 -0
  181. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +163 -0
  182. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +2 -0
  183. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +49 -8
  184. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/textSpecFormatOptions.d.ts +7 -0
  185. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/textSpecFormatOptions.js +211 -0
  186. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +3 -28
  187. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +0 -1
  188. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +5 -15
  189. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +55 -3
  190. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
  191. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +1 -1
  192. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +27 -10
  193. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +3 -1
  194. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.d.ts +4 -4
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding.d.ts +2 -2
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.d.ts +14 -0
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js +26 -0
  198. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +2 -2
  199. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +7 -2
  200. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +10 -5
  201. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  202. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.js +2 -0
  203. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +53 -3
  204. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
  205. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -0
  206. package/dist/src/sub/DynamicLayout/types.d.ts +64 -17
  207. package/package.json +3 -2
  208. package/release-note.md +2 -2
  209. package/dist/src/common/assets/icons/fill/Translate.d.ts +0 -4
  210. package/dist/src/common/assets/icons/fill/Translate.js +0 -30
  211. package/dist/src/common/assets/icons/line/Translate.d.ts +0 -4
  212. package/dist/src/common/assets/icons/line/Translate.js +0 -30
  213. package/dist/src/desktop/components/BoxItem/BoxItem.d.ts +0 -62
  214. package/dist/src/desktop/components/BoxItem/BoxItem.js +0 -104
  215. package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.d.ts +0 -7
  216. package/dist/src/desktop/components/BoxItem/LeftBox/Checkbox.js +0 -9
  217. package/dist/src/desktop/components/BoxItem/LeftBox/Image.d.ts +0 -11
  218. package/dist/src/desktop/components/BoxItem/LeftBox/Image.js +0 -9
  219. package/dist/src/desktop/components/BoxItem/LeftBox/LeftBox.d.ts +0 -11
  220. package/dist/src/desktop/components/BoxItem/LeftBox/LeftBox.js +0 -36
  221. package/dist/src/desktop/components/BoxItem/LeftBox/index.d.ts +0 -2
  222. package/dist/src/desktop/components/BoxItem/LeftBox/index.js +0 -8
  223. package/dist/src/desktop/components/BoxItem/index.d.ts +0 -1
  224. package/dist/src/desktop/components/Calendar/AllDaySchedulesSection.d.ts +0 -13
  225. package/dist/src/desktop/components/Calendar/AllDaySchedulesSection.js +0 -132
  226. package/dist/src/desktop/components/Calendar/Calendar.d.ts +0 -4
  227. package/dist/src/desktop/components/Calendar/Calendar.js +0 -394
  228. package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.d.ts +0 -7
  229. package/dist/src/desktop/components/Calendar/CurrentTimeIndicator.js +0 -48
  230. package/dist/src/desktop/components/Calendar/DailyView.d.ts +0 -17
  231. package/dist/src/desktop/components/Calendar/DailyView.js +0 -64
  232. package/dist/src/desktop/components/Calendar/MonthlyView.d.ts +0 -29
  233. package/dist/src/desktop/components/Calendar/MonthlyView.js +0 -313
  234. package/dist/src/desktop/components/Calendar/MultiWeekSchedulesLayer.d.ts +0 -20
  235. package/dist/src/desktop/components/Calendar/MultiWeekSchedulesLayer.js +0 -155
  236. package/dist/src/desktop/components/Calendar/ScheduleItem.d.ts +0 -17
  237. package/dist/src/desktop/components/Calendar/ScheduleItem.js +0 -56
  238. package/dist/src/desktop/components/Calendar/TimeBasedScheduleItem.d.ts +0 -9
  239. package/dist/src/desktop/components/Calendar/TimeBasedScheduleItem.js +0 -170
  240. package/dist/src/desktop/components/Calendar/WeeklyView.d.ts +0 -21
  241. package/dist/src/desktop/components/Calendar/WeeklyView.js +0 -91
  242. package/dist/src/desktop/components/Calendar/YearlyView.d.ts +0 -12
  243. package/dist/src/desktop/components/Calendar/YearlyView.js +0 -76
  244. package/dist/src/desktop/components/Calendar/calendarUtils.d.ts +0 -24
  245. package/dist/src/desktop/components/Calendar/calendarUtils.js +0 -87
  246. package/dist/src/desktop/components/Calendar/constants.d.ts +0 -1
  247. package/dist/src/desktop/components/Calendar/constants.js +0 -31
  248. package/dist/src/desktop/components/Calendar/index.d.ts +0 -10
  249. package/dist/src/desktop/components/Calendar/index.js +0 -37
  250. package/dist/src/desktop/components/Calendar/timeFormatUtils.d.ts +0 -16
  251. package/dist/src/desktop/components/Calendar/timeFormatUtils.js +0 -45
  252. package/dist/src/desktop/components/Calendar/types.d.ts +0 -61
  253. package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.d.ts +0 -11
  254. package/dist/src/desktop/panels/MultilingualModal/MultilingualModal.js +0 -199
  255. package/dist/src/desktop/panels/MultilingualModal/index.d.ts +0 -1
  256. package/dist/src/mobile/components/BoxItem/BoxItem.d.ts +0 -62
  257. package/dist/src/mobile/components/BoxItem/BoxItem.js +0 -104
  258. package/dist/src/mobile/components/BoxItem/LeftBox/Checkbox.d.ts +0 -7
  259. package/dist/src/mobile/components/BoxItem/LeftBox/Checkbox.js +0 -9
  260. package/dist/src/mobile/components/BoxItem/LeftBox/Image.d.ts +0 -11
  261. package/dist/src/mobile/components/BoxItem/LeftBox/Image.js +0 -9
  262. package/dist/src/mobile/components/BoxItem/LeftBox/LeftBox.d.ts +0 -11
  263. package/dist/src/mobile/components/BoxItem/LeftBox/LeftBox.js +0 -36
  264. package/dist/src/mobile/components/BoxItem/LeftBox/index.d.ts +0 -2
  265. package/dist/src/mobile/components/BoxItem/LeftBox/index.js +0 -8
  266. package/dist/src/mobile/components/BoxItem/index.d.ts +0 -1
  267. package/dist/src/mobile/components/BoxItem/index.js +0 -8
  268. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.d.ts +0 -6
  269. package/dist/src/sub/DynamicLayout/CompositionRenderer/CompositionRenderer.js +0 -27
  270. /package/dist/src/{desktop/components/Calendar/types.js → sub/DynamicLayout/compositionActionTypes.js} +0 -0
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { CheckboxPropTypes } from './Checkbox';
3
- import type { ImagePropTypes } from './Image';
4
- type LeftBoxPropTypes = React.FunctionComponent<{
5
- hasRightBox: boolean;
6
- }> & {
7
- Checkbox: React.FC<CheckboxPropTypes>;
8
- Image: React.FC<ImagePropTypes>;
9
- };
10
- declare const LeftBox: LeftBoxPropTypes;
11
- export default LeftBox;
@@ -1,36 +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
- var jsx_runtime_1 = require("react/jsx-runtime");
22
- var styled_components_1 = __importDefault(require("styled-components"));
23
- var Checkbox_1 = __importDefault(require("./Checkbox"));
24
- var Image_1 = __importDefault(require("./Image"));
25
- var LeftBox = function (_a) {
26
- var children = _a.children, hasRightBox = _a.hasRightBox;
27
- return ((0, jsx_runtime_1.jsx)(S_LeftBox, __assign({ hasRightBox: hasRightBox }, { children: children })));
28
- };
29
- var S_LeftBox = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n flex: ", ";\n"], ["\n align-items: center;\n display: flex;\n flex: ", ";\n"])), function (_a) {
30
- var hasRightBox = _a.hasRightBox;
31
- return (hasRightBox ? 7 : 'auto');
32
- });
33
- LeftBox.Checkbox = Checkbox_1.default;
34
- LeftBox.Image = Image_1.default;
35
- exports.default = LeftBox;
36
- var templateObject_1;
@@ -1,2 +0,0 @@
1
- import LeftBox from './LeftBox';
2
- export { LeftBox };
@@ -1,8 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.LeftBox = void 0;
7
- var LeftBox_1 = __importDefault(require("./LeftBox"));
8
- exports.LeftBox = LeftBox_1.default;
@@ -1 +0,0 @@
1
- export { default as BoxItem } from './BoxItem';
@@ -1,13 +0,0 @@
1
- import type { Schedule, displayAllDayScheduleMode } from './types';
2
- import type React from 'react';
3
- interface AllDaySchedulesSectionProps {
4
- calendarDates: Date[];
5
- displayAllDayScheduleMode?: displayAllDayScheduleMode;
6
- getSchedulesForDate: (date: Date) => Schedule[];
7
- renderScheduleItem: (schedule: Schedule, extraProps?: any) => React.ReactNode;
8
- handleDateDragOver: (date: Date, e: React.DragEvent) => void;
9
- handleDateDragLeave: () => void;
10
- handleDateDrop: (date: Date, e: React.DragEvent) => void;
11
- }
12
- export declare const AllDaySchedulesSection: React.FC<AllDaySchedulesSectionProps>;
13
- export {};
@@ -1,132 +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.AllDaySchedulesSection = 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 styled_components_1 = __importDefault(require("styled-components"));
26
- var TextLabel_1 = require("../TextLabel");
27
- var calendarUtils_1 = require("./calendarUtils");
28
- var AllDaySchedulesSection = function (_a) {
29
- var calendarDates = _a.calendarDates, _b = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _b === void 0 ? 'use' : _b, getSchedulesForDate = _a.getSchedulesForDate, renderScheduleItem = _a.renderScheduleItem, handleDateDragOver = _a.handleDateDragOver, handleDateDragLeave = _a.handleDateDragLeave, handleDateDrop = _a.handleDateDrop;
30
- var t = (0, react_i18next_1.useTranslation)().t;
31
- // 다중 날짜 종일 이벤트 계산
32
- var multiDayAllDaySchedules = (0, react_1.useMemo)(function () {
33
- var allSchedules = new Map();
34
- var multiDaySchedules = [];
35
- // 모든 종일 이벤트 수집
36
- calendarDates.forEach(function (date) {
37
- var schedulesForDate = getSchedulesForDate(date);
38
- schedulesForDate.forEach(function (schedule) {
39
- if (!(0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate))) {
40
- return;
41
- }
42
- var scheduleStart = new Date(schedule.startDate);
43
- var scheduleEnd = new Date(schedule.endDate);
44
- scheduleStart.setHours(0, 0, 0, 0);
45
- scheduleEnd.setHours(0, 0, 0, 0);
46
- // 단일 날짜 종일 이벤트는 제외
47
- if (scheduleStart.getTime() === scheduleEnd.getTime()) {
48
- return;
49
- }
50
- allSchedules.set(schedule.id, schedule);
51
- });
52
- });
53
- // 주간 뷰의 시작/끝 날짜 계산
54
- var weekStart = new Date(calendarDates[0]);
55
- var weekEnd = new Date(calendarDates[calendarDates.length - 1]);
56
- weekStart.setHours(0, 0, 0, 0);
57
- weekEnd.setHours(0, 0, 0, 0);
58
- // 다중 날짜 이벤트의 위치 계산
59
- var scheduleIndexCounter = 0;
60
- allSchedules.forEach(function (schedule) {
61
- var scheduleStart = new Date(schedule.startDate);
62
- var scheduleEnd = new Date(schedule.endDate);
63
- scheduleStart.setHours(0, 0, 0, 0);
64
- scheduleEnd.setHours(0, 0, 0, 0);
65
- // 이벤트가 현재 주와 교차하지 않으면 건너뛰기
66
- var isIntersecting = !(scheduleEnd.getTime() < weekStart.getTime() || scheduleStart.getTime() > weekEnd.getTime());
67
- if (!isIntersecting) {
68
- return;
69
- }
70
- // 표시할 실제 시작/끝 날짜 계산 (주간 뷰 범위 내로 제한)
71
- var displayStart = new Date(Math.max(scheduleStart.getTime(), weekStart.getTime()));
72
- var displayEnd = new Date(Math.min(scheduleEnd.getTime(), weekEnd.getTime()));
73
- // 시작과 끝 컬럼 찾기
74
- var startIndex = calendarDates.findIndex(function (date) {
75
- var d = new Date(date);
76
- d.setHours(0, 0, 0, 0);
77
- return d.getTime() === displayStart.getTime();
78
- });
79
- var endIndex = calendarDates.findIndex(function (date) {
80
- var d = new Date(date);
81
- d.setHours(0, 0, 0, 0);
82
- return d.getTime() === displayEnd.getTime();
83
- });
84
- if (startIndex === -1 || endIndex === -1) {
85
- return;
86
- }
87
- var startCol = startIndex + 2; // 라벨 컬럼(1) + 0-based 인덱스 보정
88
- var endCol = endIndex + 2;
89
- multiDaySchedules.push({
90
- schedule: schedule,
91
- startCol: startCol,
92
- endCol: endCol,
93
- scheduleIndex: scheduleIndexCounter
94
- });
95
- scheduleIndexCounter += 1;
96
- });
97
- return multiDaySchedules;
98
- }, [calendarDates, getSchedulesForDate]);
99
- if (displayAllDayScheduleMode === 'none') {
100
- return null;
101
- }
102
- return ((0, jsx_runtime_1.jsxs)(S_WeeklyAllDaySection, __assign({ "$rowCount": Math.max(1, multiDayAllDaySchedules.length) }, { children: [(0, jsx_runtime_1.jsx)(S_AllDayLabel, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "caption1Regular", colorTheme: "sysTextTertiary", text: t('calendar_all_day') }) }), (0, jsx_runtime_1.jsx)(S_WeeklyAllDayGrid, { children: calendarDates.map(function (date, index) {
103
- // 단일 날짜 종일 이벤트만 표시
104
- var singleDayAllDaySchedules = getSchedulesForDate(date).filter(function (schedule) {
105
- var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate));
106
- if (!isAllDay)
107
- return false;
108
- var scheduleStart = new Date(schedule.startDate);
109
- var scheduleEnd = new Date(schedule.endDate);
110
- scheduleStart.setHours(0, 0, 0, 0);
111
- scheduleEnd.setHours(0, 0, 0, 0);
112
- // 단일 날짜 종일 이벤트만 포함
113
- return scheduleStart.getTime() === scheduleEnd.getTime();
114
- });
115
- return ((0, jsx_runtime_1.jsx)(S_WeeklyAllDayCell, __assign({ onDragOver: function (e) { return handleDateDragOver(date, e); }, onDragLeave: handleDateDragLeave, onDrop: function (e) { return handleDateDrop(date, e); } }, { children: singleDayAllDaySchedules.map(function (schedule) { return renderScheduleItem(schedule); }) }), index));
116
- }) }), multiDayAllDaySchedules.map(function (_a) {
117
- var schedule = _a.schedule, startCol = _a.startCol, endCol = _a.endCol, scheduleIndex = _a.scheduleIndex;
118
- return ((0, jsx_runtime_1.jsx)(S_MultiDayAllDaySchedule, __assign({ "$startCol": startCol, "$endCol": endCol, "$scheduleIndex": scheduleIndex }, { children: renderScheduleItem(schedule) }), "multi-".concat(schedule.id)));
119
- })] })));
120
- };
121
- exports.AllDaySchedulesSection = AllDaySchedulesSection;
122
- var S_WeeklyAllDaySection = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-bottom: 1px solid ", ";\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n grid-template-rows: repeat(", ", 24px);\n min-height: 40px;\n position: relative;\n"], ["\n border-bottom: 1px solid ", ";\n display: grid;\n grid-template-columns: 80px repeat(7, 1fr);\n grid-template-rows: repeat(", ", 24px);\n min-height: 40px;\n position: relative;\n"])), function (_a) {
123
- var theme = _a.theme;
124
- return theme.ui_cpnt_divider;
125
- }, function (props) { return props.$rowCount; });
126
- var S_AllDayLabel = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n justify-content: center;\n padding: 8px;\n"], ["\n align-items: center;\n display: flex;\n justify-content: center;\n padding: 8px;\n"])));
127
- var S_WeeklyAllDayGrid = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: contents;\n"], ["\n display: contents;\n"])));
128
- var S_WeeklyAllDayCell = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n gap: 2px;\n padding: 4px;\n"], ["\n align-items: center;\n display: flex;\n gap: 2px;\n padding: 4px;\n"])));
129
- var S_MultiDayAllDaySchedule = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n grid-area: ", ";\n margin: 2px;\n position: relative;\n z-index: 10;\n"], ["\n grid-area: ", ";\n margin: 2px;\n position: relative;\n z-index: 10;\n"])), function (props) {
130
- return "".concat(1 + props.$scheduleIndex, " / ").concat(props.$startCol, " / ").concat(2 + props.$scheduleIndex, " / ").concat(props.$endCol + 1);
131
- });
132
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { CalendarProps } from './types';
3
- declare const Calendar: React.FC<CalendarProps>;
4
- export default Calendar;
@@ -1,394 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
18
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
19
- if (ar || !(i in from)) {
20
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
21
- ar[i] = from[i];
22
- }
23
- }
24
- return to.concat(ar || Array.prototype.slice.call(from));
25
- };
26
- var __importDefault = (this && this.__importDefault) || function (mod) {
27
- return (mod && mod.__esModule) ? mod : { "default": mod };
28
- };
29
- Object.defineProperty(exports, "__esModule", { value: true });
30
- var jsx_runtime_1 = require("react/jsx-runtime");
31
- var react_1 = require("react");
32
- var react_i18next_1 = require("react-i18next");
33
- var dateHelper_1 = require("../../../common/utils/dateHelper");
34
- var styled_components_1 = __importDefault(require("styled-components"));
35
- var Dropdown_1 = require("../Dropdown");
36
- var IconButton_1 = require("../IconButton");
37
- var TextButton_1 = require("../TextButton");
38
- var TextLabel_1 = require("../TextLabel");
39
- var calendarUtils_1 = require("./calendarUtils");
40
- var DailyView_1 = require("./DailyView");
41
- var MonthlyView_1 = require("./MonthlyView");
42
- var ScheduleItem_1 = require("./ScheduleItem");
43
- var WeeklyView_1 = require("./WeeklyView");
44
- var YearlyView_1 = require("./YearlyView");
45
- var Calendar = function (_a) {
46
- var _b = _a.defaultViewType, defaultViewType = _b === void 0 ? 'MONTHLY' : _b, _c = _a.viewTypes, viewTypes = _c === void 0 ? ['MONTHLY', 'WEEKLY', 'DAILY', 'YEARLY'] : _c, _d = _a.displayAllDayScheduleMode, displayAllDayScheduleMode = _d === void 0 ? 'use' : _d, _e = _a.startOfWeek, startOfWeek = _e === void 0 ? 'sunday' : _e, _f = _a.todayBtnMode, todayBtnMode = _f === void 0 ? 'use' : _f, _g = _a.schedules, schedules = _g === void 0 ? [] : _g, config = _a.config, onActionDispatch = _a.onActionDispatch;
47
- var t = (0, react_i18next_1.useTranslation)().t;
48
- var _h = (0, react_1.useState)(defaultViewType), currentViewType = _h[0], setCurrentViewType = _h[1];
49
- var _j = (0, react_1.useState)(new Date()), selectedDate = _j[0], setSelectedDate = _j[1];
50
- var _k = (0, react_1.useState)(null), dragStartDate = _k[0], setDragStartDate = _k[1];
51
- var _l = (0, react_1.useState)(null), dragEndDate = _l[0], setDragEndDate = _l[1];
52
- var _m = (0, react_1.useState)(false), isDragging = _m[0], setIsDragging = _m[1];
53
- var _o = (0, react_1.useState)(null), draggedSchedule = _o[0], setDraggedSchedule = _o[1];
54
- var _p = (0, react_1.useState)(null), isDragOverDate = _p[0], setIsDragOverDate = _p[1];
55
- var _q = (0, react_1.useState)([]), selectedSchedules = _q[0], setSelectedSchedules = _q[1];
56
- var _r = (0, react_1.useState)([]), selectedDates = _r[0], setSelectedDates = _r[1];
57
- var _s = (0, react_1.useState)(null), lastSelectedDate = _s[0], setLastSelectedDate = _s[1];
58
- // 오늘 날짜인지 확인
59
- var today = new Date();
60
- var isToday = function (date) { return dateHelper_1.DateHelper.isSameDay(date, today); };
61
- // 과거 날짜인지 확인
62
- var isPastDate = (0, react_1.useCallback)(function (date) { return dateHelper_1.DateHelper.isBefore(date, today) && !dateHelper_1.DateHelper.isSameDay(date, today); }, [today]);
63
- // 뷰 타입에 따른 시작일과 종료일 계산
64
- var _t = (0, calendarUtils_1.calculateDateRange)(currentViewType, selectedDate), startDate = _t.startDate, endDate = _t.endDate;
65
- // 뷰 타입 변경 처리
66
- var handleViewTypeChange = (0, react_1.useCallback)(function (option) {
67
- var newViewType = option.value;
68
- setCurrentViewType(newViewType);
69
- // 새로운 뷰 타입 기준으로 startDate와 endDate 계산
70
- var _a = (0, calendarUtils_1.calculateDateRange)(newViewType, selectedDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
71
- onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
72
- type: 'CALENDAR_TYPE_CHANGE',
73
- payload: {
74
- type: newViewType,
75
- startDate: (0, calendarUtils_1.toUTC)(newStartDate),
76
- endDate: (0, calendarUtils_1.toUTC)(newEndDate)
77
- }
78
- });
79
- }, [selectedDate, onActionDispatch, calendarUtils_1.calculateDateRange]);
80
- // "오늘" 버튼 클릭 이벤트
81
- var handleTodayClick = (0, react_1.useCallback)(function () {
82
- setSelectedDate(today);
83
- // 오늘 날짜 기준으로 startDate와 endDate 계산
84
- var _a = (0, calendarUtils_1.calculateDateRange)(currentViewType, today), newStartDate = _a.startDate, newEndDate = _a.endDate;
85
- onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
86
- type: 'TODAY_BUTTON_CLICK',
87
- payload: {
88
- startDate: (0, calendarUtils_1.toUTC)(newStartDate),
89
- endDate: (0, calendarUtils_1.toUTC)(newEndDate)
90
- }
91
- });
92
- }, [today, currentViewType, onActionDispatch, calendarUtils_1.calculateDateRange]);
93
- // 이전/다음 이동 함수
94
- var navigateDate = (0, react_1.useCallback)(function (direction) {
95
- var increment = direction === 'next' ? 1 : -1;
96
- var getNewDateByViewType = function (viewType) {
97
- switch (viewType) {
98
- case 'DAILY':
99
- return dateHelper_1.DateHelper.addDays(selectedDate, increment);
100
- case 'WEEKLY':
101
- return dateHelper_1.DateHelper.addDays(selectedDate, increment * 7);
102
- case 'MONTHLY':
103
- return dateHelper_1.DateHelper.addMonths(selectedDate, increment);
104
- case 'YEARLY':
105
- return new Date(selectedDate.getFullYear() + increment, selectedDate.getMonth(), selectedDate.getDate());
106
- default:
107
- return selectedDate;
108
- }
109
- };
110
- var newDate = getNewDateByViewType(currentViewType);
111
- setSelectedDate(newDate);
112
- // 새로운 날짜 기준으로 startDate와 endDate 계산
113
- var _a = (0, calendarUtils_1.calculateDateRange)(currentViewType, newDate), newStartDate = _a.startDate, newEndDate = _a.endDate;
114
- onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
115
- type: direction === 'prev' ? 'PREV_BUTTON_CLICK' : 'NEXT_BUTTON_CLICK',
116
- payload: {
117
- startDate: (0, calendarUtils_1.toUTC)(newStartDate),
118
- endDate: (0, calendarUtils_1.toUTC)(newEndDate)
119
- }
120
- });
121
- }, [selectedDate, currentViewType, onActionDispatch, calendarUtils_1.calculateDateRange]);
122
- // 특정 날짜의 이벤트 가져오기
123
- var getSchedulesForDate = (0, react_1.useCallback)(function (date) {
124
- return schedules.filter(function (schedule) {
125
- var scheduleStart = new Date(schedule.startDate);
126
- var scheduleEnd = new Date(schedule.endDate);
127
- var targetDate = new Date(date);
128
- // 정확한 날짜 비교를 위해 시간을 일 시작으로 설정
129
- scheduleStart.setHours(0, 0, 0, 0);
130
- scheduleEnd.setHours(23, 59, 59, 999);
131
- targetDate.setHours(0, 0, 0, 0);
132
- // 대상 날짜가 이벤트 날짜 범위 내에 있는지 확인
133
- return targetDate >= scheduleStart && targetDate <= scheduleEnd;
134
- });
135
- }, [schedules]);
136
- // 날짜 클릭 이벤트 (일반 클릭, shift 클릭 둘다 포함)
137
- var handleDateClick = (0, react_1.useCallback)(function (date, e) {
138
- var _a, _b, _c, _d, _e, _f;
139
- var isShiftClick = ((_a = config === null || config === void 0 ? void 0 : config.DATE) === null || _a === void 0 ? void 0 : _a.CLICK_WITH_SHIFT_KEY_DOWN) && (e === null || e === void 0 ? void 0 : e.shiftKey);
140
- var isNormalClick = ((_b = config === null || config === void 0 ? void 0 : config.DATE) === null || _b === void 0 ? void 0 : _b.CLICK) && !(e === null || e === void 0 ? void 0 : e.shiftKey);
141
- var getDateKey = function (d) { return "".concat(d.getFullYear(), "-").concat(d.getMonth(), "-").concat(d.getDate()); };
142
- var clickedDateKey = getDateKey(date);
143
- // shift 클릭 처리
144
- if (isShiftClick) {
145
- var newSelectedDates = selectedDates.some(function (d) { return getDateKey(d) === clickedDateKey; })
146
- ? selectedDates.filter(function (d) { return getDateKey(d) !== clickedDateKey; })
147
- : __spreadArray(__spreadArray([], selectedDates, true), [date], false);
148
- setSelectedDates(newSelectedDates);
149
- setLastSelectedDate(date);
150
- (_d = (_c = config === null || config === void 0 ? void 0 : config.DATE) === null || _c === void 0 ? void 0 : _c.CLICK_WITH_SHIFT_KEY_DOWN) === null || _d === void 0 ? void 0 : _d.call(_c, {
151
- action: 'CLICK_WITH_SHIFT_KEY_DOWN',
152
- target: 'DATE',
153
- dates: newSelectedDates,
154
- startDate: (0, calendarUtils_1.toUTC)(startDate),
155
- endDate: (0, calendarUtils_1.toUTC)(endDate)
156
- });
157
- }
158
- setSelectedDate(date);
159
- // 일반 클릭 처리
160
- if (isNormalClick) {
161
- (_f = (_e = config === null || config === void 0 ? void 0 : config.DATE) === null || _e === void 0 ? void 0 : _e.CLICK) === null || _f === void 0 ? void 0 : _f.call(_e, {
162
- action: 'CLICK',
163
- target: 'DATE',
164
- date: date,
165
- startDate: (0, calendarUtils_1.toUTC)(startDate),
166
- endDate: (0, calendarUtils_1.toUTC)(endDate)
167
- });
168
- }
169
- }, [isPastDate, config, lastSelectedDate, selectedDates, startDate, endDate]);
170
- // 날짜 범위 선택을 위한 마우스 이벤트 처리
171
- var handleMouseUp = (0, react_1.useCallback)(function () {
172
- setIsDragging(false);
173
- setDragStartDate(null);
174
- setDragEndDate(null);
175
- }, [isDragging, dragStartDate, dragEndDate]);
176
- // 이벤트 드래그 핸들러
177
- var handleScheduleDragStart = (0, react_1.useCallback)(function (schedule, e) {
178
- setDraggedSchedule(schedule);
179
- e.dataTransfer.effectAllowed = 'move';
180
- e.dataTransfer.setData('text/plain', schedule.id.toString());
181
- // 더 정확한 드롭 계산을 위한 오프셋 정보 저장
182
- var scheduleStartDate = new Date(schedule.startDate);
183
- scheduleStartDate.setHours(0, 0, 0, 0);
184
- // 원본 이벤트 시작 시간을 dataTransfer에 저장
185
- e.dataTransfer.setData('scheduleStartTime', scheduleStartDate.getTime().toString());
186
- }, []);
187
- // 이벤트 드래그 종료 이벤트
188
- var handleScheduleDragEnd = (0, react_1.useCallback)(function () {
189
- setDraggedSchedule(null);
190
- setIsDragOverDate(null);
191
- }, []);
192
- // 날짜 드래그 오버 이벤트
193
- var handleDateDragOver = (0, react_1.useCallback)(function (date, e) {
194
- if (!draggedSchedule) {
195
- return;
196
- }
197
- e.preventDefault();
198
- e.dataTransfer.dropEffect = 'move';
199
- setIsDragOverDate(date);
200
- }, [draggedSchedule]);
201
- // 날짜 드래그 떼기
202
- var handleDateDragLeave = (0, react_1.useCallback)(function () {
203
- setIsDragOverDate(null);
204
- }, []);
205
- // 삭제 키 이벤트 처리
206
- var handleKeyDown = (0, react_1.useCallback)(function (e) {
207
- var _a, _b, _c;
208
- if (e.key === 'Backspace' &&
209
- selectedSchedules.length > 0 &&
210
- ((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DELETE_KEY_DOWN)) {
211
- (_c = (_b = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _b === void 0 ? void 0 : _b.DELETE_KEY_DOWN) === null || _c === void 0 ? void 0 : _c.call(_b, {
212
- action: 'DELETE_KEY_DOWN',
213
- target: 'SCHEDULE',
214
- schedules: selectedSchedules,
215
- startDate: (0, calendarUtils_1.toUTC)(startDate),
216
- endDate: (0, calendarUtils_1.toUTC)(endDate)
217
- });
218
- setSelectedSchedules([]);
219
- }
220
- }, [config, selectedSchedules]);
221
- // 날짜 드래그 놓기
222
- var handleDateDrop = (0, react_1.useCallback)(function (date, e) {
223
- var _a, _b, _c;
224
- e.preventDefault();
225
- if (!draggedSchedule) {
226
- return;
227
- }
228
- if (!((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DRAG)) {
229
- return;
230
- }
231
- var originalStartDate = new Date(draggedSchedule.startDate);
232
- var originalEndDate = new Date(draggedSchedule.endDate);
233
- var duration = originalEndDate.getTime() - originalStartDate.getTime();
234
- var getAdjustedStartDate = function () {
235
- var baseDate = new Date(date);
236
- if (currentViewType === 'MONTHLY') {
237
- var target = e.target;
238
- var gridContainer = target.closest('[data-calendar-grid]');
239
- if (gridContainer) {
240
- var gridRect = gridContainer.getBoundingClientRect();
241
- var cellWidth = gridRect.width / 7;
242
- var clickedColumn = Math.floor((e.clientX - gridRect.left) / cellWidth);
243
- var dropDayOfWeek = baseDate.getDay();
244
- var columnOffset = clickedColumn - dropDayOfWeek;
245
- var actualDropDate = new Date(baseDate);
246
- actualDropDate.setDate(baseDate.getDate() + columnOffset);
247
- actualDropDate.setHours(originalStartDate.getHours(), originalStartDate.getMinutes(), 0, 0);
248
- return actualDropDate;
249
- }
250
- }
251
- // 공통 처리 (WEEKLY, DAILY, fallback)
252
- baseDate.setHours(originalStartDate.getHours(), originalStartDate.getMinutes(), 0, 0);
253
- return baseDate;
254
- };
255
- var newStartDate = getAdjustedStartDate();
256
- var newEndDate = new Date(newStartDate.getTime() + duration);
257
- var updatedSchedule = __assign(__assign({}, draggedSchedule), { startDate: newStartDate, endDate: newEndDate });
258
- (_c = (_b = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _b === void 0 ? void 0 : _b.DRAG) === null || _c === void 0 ? void 0 : _c.call(_b, {
259
- action: 'DRAG',
260
- target: 'SCHEDULE',
261
- schedule: updatedSchedule,
262
- startDate: (0, calendarUtils_1.toUTC)(startDate),
263
- endDate: (0, calendarUtils_1.toUTC)(endDate)
264
- });
265
- setIsDragOverDate(null);
266
- }, [draggedSchedule, config, currentViewType]);
267
- var defaultDayTexts = (0, react_1.useMemo)(function () { return [
268
- t('str_3893'),
269
- t('str_3887'),
270
- t('str_3888'),
271
- t('str_3889'),
272
- t('str_3890'),
273
- t('str_3891'),
274
- t('str_3892') // 토 - 6
275
- ]; }, [t]);
276
- // 날짜의 실제 요일에 따른 요일 텍스트 가져오기
277
- var getDayTextByDate = function (date) {
278
- return defaultDayTexts[date.getDay()];
279
- };
280
- var monthNames = (0, react_1.useMemo)(function () { return [
281
- t('calendar_month_1'),
282
- t('calendar_month_2'),
283
- t('calendar_month_3'),
284
- t('calendar_month_4'),
285
- t('calendar_month_5'),
286
- t('calendar_month_6'),
287
- t('calendar_month_7'),
288
- t('calendar_month_8'),
289
- t('calendar_month_9'),
290
- t('calendar_month_10'),
291
- t('calendar_month_11'),
292
- t('calendar_month_12')
293
- ]; }, [t]);
294
- // 뷰 타입을 위한 드롭다운 옵션 생성
295
- var viewTypeOptions = (0, react_1.useMemo)(function () {
296
- var viewTypeTextMap = {
297
- MONTHLY: t('calendar_view_monthly'),
298
- WEEKLY: t('calendar_view_weekly'),
299
- DAILY: t('calendar_view_daily'),
300
- YEARLY: t('calendar_view_yearly')
301
- };
302
- return viewTypes.map(function (viewType) { return ({
303
- text: viewTypeTextMap[viewType] || viewType,
304
- value: viewType
305
- }); });
306
- }, [viewTypes, t]);
307
- // 특정 월의 캘린더 날짜 생성 (연간 보기용)
308
- var getMonthDates = (0, react_1.useCallback)(function (year, month) {
309
- var monthDate = new Date(year, month, 1);
310
- return dateHelper_1.DateHelper.getCalendarDates(monthDate, startOfWeek);
311
- }, [startOfWeek]);
312
- // 스케줄 클릭 (일반 클릭, shift 클릭 둘다 포함)
313
- var handleScheduleClick = function (schedule, e) {
314
- var _a, _b, _c, _d, _e, _f;
315
- var isShiftClick = ((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.CLICK_WITH_SHIFT_KEY_DOWN) && (e === null || e === void 0 ? void 0 : e.shiftKey);
316
- var isNormalClick = ((_b = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _b === void 0 ? void 0 : _b.CLICK) && !(e === null || e === void 0 ? void 0 : e.shiftKey);
317
- var isSelected = selectedSchedules.some(function (s) { return s.id === (schedule === null || schedule === void 0 ? void 0 : schedule.id); });
318
- if (isShiftClick) {
319
- var newSelectedSchedules = isSelected
320
- ? selectedSchedules.filter(function (s) { return s.id !== (schedule === null || schedule === void 0 ? void 0 : schedule.id); })
321
- : __spreadArray(__spreadArray([], selectedSchedules, true), [schedule], false).filter(function (s) { return s !== undefined; });
322
- setSelectedSchedules(newSelectedSchedules);
323
- (_d = (_c = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _c === void 0 ? void 0 : _c.CLICK_WITH_SHIFT_KEY_DOWN) === null || _d === void 0 ? void 0 : _d.call(_c, {
324
- action: 'CLICK_WITH_SHIFT_KEY_DOWN',
325
- target: 'SCHEDULE',
326
- schedules: newSelectedSchedules,
327
- startDate: (0, calendarUtils_1.toUTC)(startDate),
328
- endDate: (0, calendarUtils_1.toUTC)(endDate)
329
- });
330
- return;
331
- }
332
- if (isNormalClick) {
333
- // 일반 클릭 시 해당 스케줄만 선택
334
- setSelectedSchedules([schedule]);
335
- (_f = (_e = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _e === void 0 ? void 0 : _e.CLICK) === null || _f === void 0 ? void 0 : _f.call(_e, {
336
- action: 'CLICK',
337
- target: 'SCHEDULE',
338
- schedule: schedule,
339
- startDate: (0, calendarUtils_1.toUTC)(startDate),
340
- endDate: (0, calendarUtils_1.toUTC)(endDate)
341
- });
342
- return;
343
- }
344
- };
345
- // 주간 뷰로 전환하는 핸들러
346
- var handleSwitchToWeeklyView = (0, react_1.useCallback)(function (date) {
347
- setCurrentViewType('WEEKLY');
348
- setSelectedDate(date);
349
- // 주간 뷰로 전환할 때의 startDate와 endDate 계산
350
- var _a = (0, calendarUtils_1.calculateDateRange)('WEEKLY', date), newStartDate = _a.startDate, newEndDate = _a.endDate;
351
- onActionDispatch === null || onActionDispatch === void 0 ? void 0 : onActionDispatch({
352
- type: 'CALENDAR_TYPE_CHANGE',
353
- payload: {
354
- type: 'WEEKLY',
355
- startDate: (0, calendarUtils_1.toUTC)(newStartDate),
356
- endDate: (0, calendarUtils_1.toUTC)(newEndDate)
357
- }
358
- });
359
- }, [onActionDispatch, calendarUtils_1.calculateDateRange]);
360
- // 다중 일자 지원을 포함한 이벤트 아이템 렌더링
361
- var renderScheduleItem = function (schedule, extraProps) {
362
- var _a;
363
- if (extraProps === void 0) { extraProps = {}; }
364
- // isAllDay 계산
365
- var isAllDay = (0, calendarUtils_1.calculateIsAllDay)(new Date(schedule.startDate), new Date(schedule.endDate));
366
- var isSelected = selectedSchedules.some(function (s) { return s.id === schedule.id; });
367
- var isDraggable = !!((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DRAG);
368
- return ((0, jsx_runtime_1.jsx)(ScheduleItem_1.ScheduleItem, { schedule: schedule, extraProps: extraProps, onDragStart: handleScheduleDragStart, onDragEnd: handleScheduleDragEnd, onClick: handleScheduleClick, isSelected: isSelected, isAllDay: isAllDay, isDraggable: isDraggable }));
369
- };
370
- // 뷰 타입에 따른 캘린더 콘텐츠 렌더링
371
- var renderCalendarContent = function () {
372
- var _a;
373
- switch (currentViewType) {
374
- case 'MONTHLY':
375
- return ((0, jsx_runtime_1.jsx)(MonthlyView_1.MonthlyView, { getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, selectedDate: selectedDate, selectedDates: selectedDates, dragStartDate: dragStartDate, selectedSchedules: selectedSchedules, dragEndDate: dragEndDate, isDragOverDate: isDragOverDate, schedules: schedules, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isPastDate: isPastDate, handleDateClick: handleDateClick, handleScheduleClick: handleScheduleClick, handleMouseUp: handleMouseUp, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, renderScheduleItem: renderScheduleItem, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd, isDraggable: !!((_a = config === null || config === void 0 ? void 0 : config.SCHEDULE) === null || _a === void 0 ? void 0 : _a.DRAG), onSwitchToWeeklyView: handleSwitchToWeeklyView }));
376
- case 'WEEKLY':
377
- return ((0, jsx_runtime_1.jsx)(WeeklyView_1.WeeklyView, { selectedDate: selectedDate, startOfWeek: startOfWeek, getDayTextByDate: getDayTextByDate, defaultViewType: currentViewType, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, isToday: isToday, isDragOverDate: isDragOverDate, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, handleDateClick: handleDateClick, renderScheduleItem: renderScheduleItem, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd }));
378
- case 'DAILY':
379
- return ((0, jsx_runtime_1.jsx)(DailyView_1.DailyView, { selectedDate: selectedDate, displayAllDayScheduleMode: displayAllDayScheduleMode, getSchedulesForDate: getSchedulesForDate, renderScheduleItem: renderScheduleItem, handleDateClick: handleDateClick, handleDateDragOver: handleDateDragOver, handleDateDragLeave: handleDateDragLeave, handleDateDrop: handleDateDrop, isDragOverDate: isDragOverDate, handleScheduleDragStart: handleScheduleDragStart, handleScheduleDragEnd: handleScheduleDragEnd }));
380
- case 'YEARLY':
381
- return ((0, jsx_runtime_1.jsx)(YearlyView_1.YearlyView, { selectedDate: selectedDate, getMonthDates: getMonthDates, getDayTextByDate: getDayTextByDate, startOfWeek: startOfWeek, isToday: isToday, handleDateClick: handleDateClick, getSchedulesForDate: getSchedulesForDate }));
382
- default:
383
- return null;
384
- }
385
- };
386
- return ((0, jsx_runtime_1.jsxs)(S_CalendarContainer, __assign({ "x-pds-name": "Calendar", "x-pds-element-type": "component", "x-pds-device-type": "desktop", onKeyDown: handleKeyDown, tabIndex: 0 }, { children: [(0, jsx_runtime_1.jsxs)(S_CalendarHeader, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { styleTheme: "headingBold", textAlign: "center", text: (0, calendarUtils_1.getHeaderText)(currentViewType, selectedDate, t, monthNames) }), (0, jsx_runtime_1.jsxs)(S_LeftContainer, { children: [(0, jsx_runtime_1.jsx)(S_NavigationButton, __assign({ onClick: function () { return navigateDate('prev'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_left", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), todayBtnMode === 'use' && ((0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: t('str_calendar_today'), size: "small", colorTheme: "grey_01", onClick: handleTodayClick })), (0, jsx_runtime_1.jsx)(S_NavigationButton, __assign({ onClick: function () { return navigateDate('next'); } }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { iconName: "ic_arrow_right", baseSize: "small", iconSize: 16, baseColorKey: "ui_cpnt_button_fill_base_transparent", iconColorKey: "ui_cpnt_icon_sys_grey_01" }) })), (0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { size: "small", valueArray: viewTypeOptions, value: viewTypeOptions.find(function (option) { return option.value === currentViewType; }), onChange: handleViewTypeChange, customWidth: "120px" })] })] }), (0, jsx_runtime_1.jsx)(S_CalendarContent, { children: renderCalendarContent() })] })));
387
- };
388
- var S_CalendarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 400px;\n outline: 0px;\n overflow: hidden;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n height: 100%;\n min-height: 400px;\n outline: 0px;\n overflow: hidden;\n width: 100%;\n"])));
389
- var S_CalendarHeader = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n gap: 16px;\n padding: 0px 0px 8px 0px;\n"], ["\n align-items: center;\n display: flex;\n gap: 16px;\n padding: 0px 0px 8px 0px;\n"])));
390
- var S_NavigationButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n height: 32px;\n justify-content: center;\n width: 32px;\n"], ["\n align-items: center;\n background: none;\n border: none;\n cursor: pointer;\n display: flex;\n height: 32px;\n justify-content: center;\n width: 32px;\n"])));
391
- var S_LeftContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n gap: 8px;\n margin-left: auto;\n"], ["\n align-items: center;\n display: flex;\n gap: 8px;\n margin-left: auto;\n"])));
392
- var S_CalendarContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n flex: 1;\n overflow: auto;\n"], ["\n flex: 1;\n overflow: auto;\n"])));
393
- exports.default = Calendar;
394
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
@@ -1,7 +0,0 @@
1
- import type React from 'react';
2
- interface CurrentTimeIndicatorProps {
3
- show: boolean;
4
- leftOffset?: string;
5
- }
6
- export declare const CurrentTimeIndicator: React.FC<CurrentTimeIndicatorProps>;
7
- export {};