pds-dev-kit-web-test 2.5.498 → 2.5.500

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 (271) 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 -1
  23. package/dist/src/common/types/index.js +1 -1
  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 -5
  31. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.js +5 -54
  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/ContentsList/ContentsList.d.ts +14 -0
  140. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +206 -0
  141. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.d.ts +17 -0
  142. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsListCore.js +39 -0
  143. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +10 -0
  144. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +85 -0
  145. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +25 -0
  146. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +183 -0
  147. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.d.ts +29 -0
  148. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +128 -0
  149. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.d.ts +18 -0
  150. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/hooks/useFlexGridLayout.js +229 -0
  151. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/index.d.ts +1 -0
  152. package/dist/src/{desktop/panels/MultilingualModal → sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList}/index.js +3 -3
  153. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +67 -0
  154. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.js +2 -0
  155. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +39 -3
  156. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.d.ts +14 -0
  157. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +151 -0
  158. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.d.ts +12 -0
  159. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBannerCore.js +39 -0
  160. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.d.ts +15 -0
  161. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationNextBtn.js +69 -0
  162. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.d.ts +15 -0
  163. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigationPrevBtn.js +69 -0
  164. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +20 -0
  165. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +173 -0
  166. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.d.ts +9 -0
  167. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +87 -0
  168. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +4 -0
  169. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +849 -0
  170. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +43 -0
  171. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +162 -0
  172. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.d.ts +18 -0
  173. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useFlexGridLayout.js +229 -0
  174. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.d.ts +16 -0
  175. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/hooks/useSwiper.js +63 -0
  176. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/index.d.ts +1 -0
  177. package/dist/src/{desktop/components/BoxItem/LeftBox → sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner}/index.js +3 -3
  178. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.d.ts +46 -0
  179. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +186 -0
  180. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +163 -0
  181. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.js +2 -0
  182. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +49 -8
  183. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/textSpecFormatOptions.d.ts +7 -0
  184. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/textSpecFormatOptions.js +211 -0
  185. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +3 -28
  186. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +0 -1
  187. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +5 -15
  188. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +55 -3
  189. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
  190. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/replaceUndefinedValues.js +1 -1
  191. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +27 -10
  192. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +3 -1
  193. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/effectPropParsers/parseEffectPropEntAnim.d.ts +4 -4
  194. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/layoutPropParsers/parseLayoutPropPadding.d.ts +2 -2
  195. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.d.ts +14 -0
  196. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseCompositionPlacement.js +26 -0
  197. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +2 -2
  198. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +7 -2
  199. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +10 -5
  200. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  201. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/stylePropParsers/parseStylePropTextSpec.js +2 -0
  202. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +53 -3
  203. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
  204. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -0
  205. package/dist/src/sub/DynamicLayout/types.d.ts +64 -17
  206. package/package.json +3 -2
  207. package/release-note.md +2 -2
  208. package/dist/src/common/assets/icons/fill/Translate.d.ts +0 -4
  209. package/dist/src/common/assets/icons/fill/Translate.js +0 -30
  210. package/dist/src/common/assets/icons/line/Translate.d.ts +0 -4
  211. package/dist/src/common/assets/icons/line/Translate.js +0 -30
  212. package/dist/src/common/types/multilingual.d.ts +0 -16
  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/index.d.ts +0 -1
  223. package/dist/src/desktop/components/BoxItem/index.js +0 -8
  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 -198
  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/{common/types/multilingual.js → sub/DynamicLayout/compositionActionTypes.js} +0 -0
  271. /package/dist/src/{desktop/components/Calendar → sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel}/types.js +0 -0
@@ -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[]) => string;
24
- export declare const toUTC: (date: Date | null | undefined) => string | null;
@@ -1,87 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.toUTC = exports.getHeaderText = exports.calculateDateRange = exports.calculateIsAllDay = void 0;
4
- var dateHelper_1 = require("../../../common/utils/dateHelper");
5
- /**
6
- * 일정이 종일 일정인지 확인하는 함수
7
- * @param startDate 시작 날짜
8
- * @param endDate 종료 날짜
9
- * @returns 종일 일정 여부
10
- */
11
- var calculateIsAllDay = function (startDate, endDate) {
12
- // 시작 시간이 00:00:00(UTC)이고 종료 시간이 23:59:59(UTC)인 경우를 체크
13
- var isStartAtMidnight = startDate.getUTCHours() === 0 &&
14
- startDate.getUTCMinutes() === 0 &&
15
- startDate.getUTCSeconds() === 0;
16
- var isEndAtEndOfDay = endDate.getUTCHours() === 23 &&
17
- endDate.getUTCMinutes() === 59 &&
18
- endDate.getUTCSeconds() === 59;
19
- // 시작 시간이 00:00:00(UTC)이고 종료 시간이 23:59:59(UTC)인 경우를 전체일로 간주
20
- return isStartAtMidnight && isEndAtEndOfDay;
21
- };
22
- exports.calculateIsAllDay = calculateIsAllDay;
23
- var calculateDateRange = function (viewType, baseDate) {
24
- switch (viewType) {
25
- case 'DAILY':
26
- return { startDate: baseDate, endDate: baseDate };
27
- case 'WEEKLY': {
28
- var start = new Date(baseDate);
29
- start.setDate(baseDate.getDate() - baseDate.getDay());
30
- var end = new Date(start);
31
- end.setDate(start.getDate() + 6);
32
- return { startDate: start, endDate: end };
33
- }
34
- case 'MONTHLY': {
35
- var startDate = new Date(baseDate.getFullYear(), baseDate.getMonth(), 1);
36
- // 실제 MonthlyView에서 보여지는 날짜 배열을 구함
37
- var days = dateHelper_1.DateHelper.getCalendarDatesForCalendar(startDate, 'sunday');
38
- return {
39
- startDate: days[0],
40
- endDate: days[days.length - 1]
41
- };
42
- }
43
- case 'YEARLY':
44
- return {
45
- startDate: new Date(baseDate.getFullYear(), 0, 1),
46
- endDate: new Date(baseDate.getFullYear(), 11, 31)
47
- };
48
- default:
49
- return { startDate: baseDate, endDate: baseDate };
50
- }
51
- };
52
- exports.calculateDateRange = calculateDateRange;
53
- /**
54
- * 뷰 타입에 따른 헤더 텍스트를 반환하는 함수
55
- * @param viewType 캘린더 뷰 타입 (DAILY, WEEKLY, MONTHLY, YEARLY)
56
- * @param selectedDate 선택된 날짜
57
- * @param t 다국어 변환 함수 (i18next)
58
- * @param monthNames 월 이름 배열 (예: ['1월', '2월', ...])
59
- * @param getDayTextByDate 날짜에 따른 요일 텍스트 반환 함수
60
- * @returns 헤더에 표시할 텍스트
61
- */
62
- var getHeaderText = function (viewType, selectedDate, t, monthNames) {
63
- var year = selectedDate.getFullYear();
64
- var month = monthNames[selectedDate.getMonth()];
65
- var day = selectedDate.getDate();
66
- if (viewType === 'DAILY') {
67
- return t('str_calendar_daily_header', { year: year, month: month, day: day });
68
- }
69
- if (viewType === 'WEEKLY') {
70
- return t('str_calendar_weekly_header', { year: year, month: month });
71
- }
72
- if (viewType === 'MONTHLY') {
73
- return t('str_calendar_monthly_header', { year: year, month: month });
74
- }
75
- if (viewType === 'YEARLY') {
76
- return t('str_calendar_yearly_header', { year: year });
77
- }
78
- return '';
79
- };
80
- exports.getHeaderText = getHeaderText;
81
- // Date를 UTC 시간으로 변환
82
- var toUTC = function (date) {
83
- if (!(date instanceof Date))
84
- return null;
85
- return date.toISOString();
86
- };
87
- exports.toUTC = toUTC;
@@ -1 +0,0 @@
1
- export declare const getLocaleFromLang: (lang: string) => string;
@@ -1,31 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getLocaleFromLang = void 0;
4
- // Map language codes to locales for toLocaleString
5
- var getLocaleFromLang = function (lang) {
6
- switch (lang.toLowerCase()) {
7
- case 'ko':
8
- case 'ko-kr':
9
- return 'ko-KR';
10
- case 'ja':
11
- case 'ja-jp':
12
- return 'ja-JP';
13
- case 'zh':
14
- case 'zh-cn':
15
- return 'zh-CN';
16
- case 'zh-tw':
17
- return 'zh-TW';
18
- case 'zh-hk':
19
- return 'zh-HK';
20
- case 'fil':
21
- return 'fil-PH';
22
- case 'es':
23
- case 'es-es':
24
- return 'es-ES';
25
- case 'en':
26
- case 'en-us':
27
- default:
28
- return 'en-US';
29
- }
30
- };
31
- exports.getLocaleFromLang = getLocaleFromLang;
@@ -1,10 +0,0 @@
1
- export { default as Calendar } from './Calendar';
2
- export { AllDaySchedulesSection } from './AllDaySchedulesSection';
3
- export { CurrentTimeIndicator } from './CurrentTimeIndicator';
4
- export { MonthlyView } from './MonthlyView';
5
- export { WeeklyView } from './WeeklyView';
6
- export { DailyView } from './DailyView';
7
- export { YearlyView } from './YearlyView';
8
- export * from './timeFormatUtils';
9
- export type { Schedule, CalendarViewType, CalendarProps, displayAllDayScheduleMode, StartOfWeek, TodayBtnMode, Config, ConfigTrigger } from './types';
10
- export { getLocaleFromLang } from './constants';
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- var __importDefault = (this && this.__importDefault) || function (mod) {
17
- return (mod && mod.__esModule) ? mod : { "default": mod };
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.getLocaleFromLang = exports.YearlyView = exports.DailyView = exports.WeeklyView = exports.MonthlyView = exports.CurrentTimeIndicator = exports.AllDaySchedulesSection = exports.Calendar = void 0;
21
- var Calendar_1 = require("./Calendar");
22
- Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return __importDefault(Calendar_1).default; } });
23
- var AllDaySchedulesSection_1 = require("./AllDaySchedulesSection");
24
- Object.defineProperty(exports, "AllDaySchedulesSection", { enumerable: true, get: function () { return AllDaySchedulesSection_1.AllDaySchedulesSection; } });
25
- var CurrentTimeIndicator_1 = require("./CurrentTimeIndicator");
26
- Object.defineProperty(exports, "CurrentTimeIndicator", { enumerable: true, get: function () { return CurrentTimeIndicator_1.CurrentTimeIndicator; } });
27
- var MonthlyView_1 = require("./MonthlyView");
28
- Object.defineProperty(exports, "MonthlyView", { enumerable: true, get: function () { return MonthlyView_1.MonthlyView; } });
29
- var WeeklyView_1 = require("./WeeklyView");
30
- Object.defineProperty(exports, "WeeklyView", { enumerable: true, get: function () { return WeeklyView_1.WeeklyView; } });
31
- var DailyView_1 = require("./DailyView");
32
- Object.defineProperty(exports, "DailyView", { enumerable: true, get: function () { return DailyView_1.DailyView; } });
33
- var YearlyView_1 = require("./YearlyView");
34
- Object.defineProperty(exports, "YearlyView", { enumerable: true, get: function () { return YearlyView_1.YearlyView; } });
35
- __exportStar(require("./timeFormatUtils"), exports);
36
- var constants_1 = require("./constants");
37
- Object.defineProperty(exports, "getLocaleFromLang", { enumerable: true, get: function () { return constants_1.getLocaleFromLang; } });
@@ -1,16 +0,0 @@
1
- import type { TFunction } from 'react-i18next';
2
- /**
3
- * 로케일에 따라 시간을 문자열로 포맷팅
4
- * @param hour - 시간 (0-23)
5
- * @param currentLang - 현재 언어 코드
6
- * @returns 포맷팅된 시간 문자열
7
- */
8
- export declare const formatHour: (hour: number, currentLang: string) => string;
9
- /**
10
- * 로케일별 텍스트로 시간 포맷팅 (한국어용)
11
- * @param hour - 시간 (0-23)
12
- * @param currentLang - 현재 언어 코드
13
- * @param t - react-i18next의 번역 함수
14
- * @returns 로케일별 텍스트가 포함된 포맷팅된 시간 문자열
15
- */
16
- export declare const formatTimeWithLocale: (hour: number, currentLang: string, t: TFunction) => string;
@@ -1,45 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.formatTimeWithLocale = exports.formatHour = void 0;
4
- /**
5
- * 로케일에 따라 시간을 문자열로 포맷팅
6
- * @param hour - 시간 (0-23)
7
- * @param currentLang - 현재 언어 코드
8
- * @returns 포맷팅된 시간 문자열
9
- */
10
- var formatHour = function (hour, currentLang) {
11
- var is24HourFormat = ['ko', 'ja', 'zh', 'zh-cn', 'zh-tw', 'es'].includes(currentLang);
12
- if (is24HourFormat) {
13
- return "".concat(hour, ":00");
14
- }
15
- if (hour === 0)
16
- return '12:00 AM';
17
- if (hour === 12)
18
- return '12:00 PM';
19
- if (hour < 12)
20
- return "".concat(hour, ":00 AM");
21
- return "".concat(hour - 12, ":00 PM");
22
- };
23
- exports.formatHour = formatHour;
24
- /**
25
- * 로케일별 텍스트로 시간 포맷팅 (한국어용)
26
- * @param hour - 시간 (0-23)
27
- * @param currentLang - 현재 언어 코드
28
- * @param t - react-i18next의 번역 함수
29
- * @returns 로케일별 텍스트가 포함된 포맷팅된 시간 문자열
30
- */
31
- var formatTimeWithLocale = function (hour, currentLang, t) {
32
- if (currentLang === 'ko') {
33
- if (hour === 12)
34
- return t('str_fm_datetime_noon');
35
- if (hour < 12) {
36
- return hour === 0
37
- ? "".concat(t('str_fm_datetime_am', { hour: 12 }))
38
- : "".concat(t('str_fm_datetime_am', { hour: hour }));
39
- }
40
- return "".concat(t('str_fm_datetime_pm', { hour: hour - 12 }));
41
- }
42
- // 다른 언어의 경우 기본 formatHour 함수 사용
43
- return (0, exports.formatHour)(hour, currentLang);
44
- };
45
- exports.formatTimeWithLocale = formatTimeWithLocale;
@@ -1,61 +0,0 @@
1
- /// <reference types="react" />
2
- export type CalendarViewType = 'MONTHLY' | 'WEEKLY' | 'DAILY' | 'YEARLY';
3
- export type displayAllDayScheduleMode = 'none' | 'use';
4
- export type StartOfWeek = 'sunday' | 'monday';
5
- export type TodayBtnMode = 'none' | 'use';
6
- export type ActionType = 'CLICK' | 'CLICK_WITH_SHIFT_KEY_DOWN' | 'DELETE_KEY_DOWN' | 'DRAG' | 'DOUBLE_CLICK';
7
- export type TargetType = 'SCHEDULE' | 'DATE';
8
- export type Action = {
9
- action: ActionType;
10
- target: TargetType;
11
- date?: Date;
12
- dates?: Date[];
13
- schedule?: Schedule;
14
- schedules?: Schedule[];
15
- selectedDates?: Date[];
16
- startDate?: string | undefined | null;
17
- endDate?: string | undefined | null;
18
- };
19
- export type ConfigTrigger = (action: Action) => void;
20
- export type Config = {
21
- [target in TargetType]?: {
22
- [action in ActionType]?: ConfigTrigger;
23
- };
24
- };
25
- export type Schedule = {
26
- id: number;
27
- title: string;
28
- startDate: Date;
29
- endDate: Date;
30
- isAllDay?: boolean;
31
- [key: string]: any;
32
- };
33
- export type CalendarActionType = 'CALENDAR_TYPE_CHANGE' | 'PREV_BUTTON_CLICK' | 'NEXT_BUTTON_CLICK' | 'TODAY_BUTTON_CLICK';
34
- export type CalendarAction = {
35
- type: CalendarActionType;
36
- payload: {
37
- type?: CalendarViewType;
38
- startDate: string | undefined | null;
39
- endDate: string | undefined | null;
40
- };
41
- };
42
- export type CalendarProps = {
43
- defaultViewType?: CalendarViewType;
44
- viewTypes?: CalendarViewType[];
45
- displayAllDayScheduleMode?: displayAllDayScheduleMode;
46
- startOfWeek?: StartOfWeek;
47
- todayBtnMode?: TodayBtnMode;
48
- schedules?: Schedule[];
49
- config?: Config;
50
- onActionDispatch?: (action: CalendarAction) => void;
51
- };
52
- export type EventItemProps = {
53
- event: Schedule;
54
- date?: Date;
55
- extraProps?: Record<string, any>;
56
- onDragStart: (event: Schedule, e: React.DragEvent) => void;
57
- onDragEnd: (e: React.DragEvent) => void;
58
- onClick: (schedule: Schedule, e: React.MouseEvent) => void;
59
- onDoubleClick: (schedule: Schedule) => void;
60
- isSelected?: boolean;
61
- };
@@ -1,11 +0,0 @@
1
- /// <reference types="react" />
2
- import type { MultilingualConfig } from '../../../common/types';
3
- type MultilingualModalModalProps = {
4
- isOpen: boolean;
5
- onClose: () => void;
6
- config?: MultilingualConfig;
7
- size?: 'large' | 'medium' | 'small' | 'rlarge';
8
- onHiddenInputUpdate?: (newValue: string) => void;
9
- };
10
- declare function MultilingualModal({ isOpen, onClose, config, size, onHiddenInputUpdate }: MultilingualModalModalProps): import("react").ReactPortal | null;
11
- export default MultilingualModal;
@@ -1,198 +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 react_1 = require("react");
23
- var react_dom_1 = __importDefault(require("react-dom"));
24
- var react_hook_form_1 = require("react-hook-form");
25
- var react_i18next_1 = require("react-i18next");
26
- var animationStyle_1 = require("../../../common/styles/movement/animationStyle");
27
- var components_1 = require("../../components");
28
- var components_2 = require("../../../hybrid/components");
29
- var styled_components_1 = __importDefault(require("styled-components"));
30
- var LANGUAGE_I18N_KEYS = {
31
- en: 'str_multilingual_en',
32
- ko: 'str_multilingual_ko',
33
- ja: 'str_multilingual_ja',
34
- zh: 'str_multilingual_zh_cn',
35
- 'zh-Hant': 'str_multilingual_zh_tw',
36
- fr: 'str_multilingual_fr',
37
- es: 'str_multilingual_es'
38
- };
39
- function MultilingualModal(_a) {
40
- var _b;
41
- var isOpen = _a.isOpen, onClose = _a.onClose, config = _a.config, _c = _a.size, size = _c === void 0 ? 'medium' : _c, onHiddenInputUpdate = _a.onHiddenInputUpdate;
42
- var t = (0, react_i18next_1.useTranslation)().t;
43
- // FormProvider에서 사용할 기본값 계산
44
- var getDefaultValues = function () {
45
- if (!config)
46
- return {};
47
- // 먼저 hiddenInput에 저장된 값이 있는지 확인
48
- if (config.hiddenInputId) {
49
- var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
50
- var hiddenInput = document.getElementById(hiddenInputId);
51
- if (hiddenInput && hiddenInput.value) {
52
- var existingValues = JSON.parse(hiddenInput.value);
53
- // 빈 객체가 아닌 경우에만 사용
54
- if (Object.keys(existingValues).length > 0) {
55
- return existingValues;
56
- }
57
- }
58
- }
59
- // hiddenInput에 값이 없으면 config.initialValues 사용
60
- return config.initialValues || {};
61
- };
62
- var methods = (0, react_hook_form_1.useForm)({
63
- defaultValues: getDefaultValues()
64
- });
65
- var container = (0, react_1.useState)(function () {
66
- var modalRoot = document.createElement('div');
67
- modalRoot.setAttribute('id', 'MultilingualModal');
68
- return modalRoot;
69
- })[0];
70
- (0, react_1.useLayoutEffect)(function () {
71
- if (!isOpen)
72
- return;
73
- var root = document.getElementById('root');
74
- if (!root)
75
- return;
76
- root.appendChild(container);
77
- return function () {
78
- if (root.contains(container)) {
79
- root.removeChild(container);
80
- }
81
- };
82
- }, [isOpen, container]);
83
- (0, react_1.useLayoutEffect)(function () {
84
- if (isOpen && config) {
85
- var newDefaultValues = getDefaultValues();
86
- methods.reset(newDefaultValues);
87
- }
88
- }, [isOpen, config]);
89
- var handleConfirm = function () {
90
- var formValues = methods.getValues();
91
- // hidden input에 다국어 값들을 JSON 형태로 저장
92
- var newValue = JSON.stringify(formValues);
93
- if (config === null || config === void 0 ? void 0 : config.hiddenInputId) {
94
- var hiddenInputId = "hiddenInput_".concat(config.hiddenInputId);
95
- var hiddenInput = document.getElementById(hiddenInputId);
96
- if (hiddenInput) {
97
- // BasicFormGroup의 state 업데이트
98
- if (onHiddenInputUpdate) {
99
- onHiddenInputUpdate(newValue);
100
- }
101
- // input change 이벤트 발생시켜서 form validation 등이 동작하도록 함
102
- var event_1 = new Event('change', { bubbles: true });
103
- hiddenInput.dispatchEvent(event_1);
104
- }
105
- }
106
- if (config === null || config === void 0 ? void 0 : config.onApply) {
107
- config.onApply(formValues);
108
- }
109
- onClose();
110
- };
111
- var handleCancel = function () {
112
- onClose();
113
- };
114
- if (!isOpen)
115
- return null;
116
- return react_dom_1.default.createPortal((0, jsx_runtime_1.jsxs)(react_hook_form_1.FormProvider, __assign({}, methods, { children: [(0, jsx_runtime_1.jsx)(S_ModalOverlay, { onClick: handleCancel }), (0, jsx_runtime_1.jsxs)(S_ModalWrapper, __assign({ "x-pds-name": "MultiLanguageModal", "x-pds-element-type": "panel", "x-pds-device-type": "desktop", size: size }, { children: [(0, jsx_runtime_1.jsx)(S_Header, { children: (0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: t('multilingual_settings'), colorTheme: "sysTextPrimary", styleTheme: "headingBold" }) }), (0, jsx_runtime_1.jsxs)(S_Body, { children: [(config === null || config === void 0 ? void 0 : config.originalText) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.BodyTextGroup, { titleText: t('str_original_text'), contentText: config.originalText }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" }), (0, jsx_runtime_1.jsx)(components_2.Divider, {}), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] })), (_b = config === null || config === void 0 ? void 0 : config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.map(function (languageCode, index) {
117
- var _a, _b;
118
- var isReadonly = (_a = config.readonlyLanguages) === null || _a === void 0 ? void 0 : _a.includes(languageCode);
119
- return ((0, jsx_runtime_1.jsxs)(S_LanguageField, { children: [(0, jsx_runtime_1.jsx)(components_1.TextLabel, { text: "".concat(t(LANGUAGE_I18N_KEYS[languageCode]), " (").concat(languageCode, ")"), styleTheme: "subTitleBold", colorTheme: "sysTextPrimary" }), (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_1.TextField, { responsiveMode: "use", multiRows: config.textFieldLineType === 'multi' ? 5 : undefined, autoMaxRows: config.textFieldLineType === 'auto' ? 5 : undefined, autoMinRows: config.textFieldLineType === 'auto' ? 1 : undefined, name: languageCode, hintText: t('str_9071'), placeholder: "Input Text", textLineType: config.textFieldLineType, state: isReadonly ? 'disabled' : 'normal' }), index < (((_b = config.visibleLanguages) === null || _b === void 0 ? void 0 : _b.length) || 0) - 1 && (0, jsx_runtime_1.jsx)(components_2.Spacing, { size: "spacing_f" })] }, "".concat(languageCode, "_field")));
120
- })] }), (0, jsx_runtime_1.jsxs)(S_Footer, { children: [(0, jsx_runtime_1.jsx)(S_Left, {}), (0, jsx_runtime_1.jsxs)(S_Right, { children: [(0, jsx_runtime_1.jsx)(S_Btn2Wrapper, { children: (0, jsx_runtime_1.jsx)(components_1.MainButton, { styleTheme: "secondary", text: t('str_cancel'), size: "medium", onClick: handleCancel }) }), (0, jsx_runtime_1.jsx)(components_1.MainButton, { text: t('str_apply'), size: "medium", onClick: handleConfirm })] })] })] }))] })), container);
121
- }
122
- var S_ModalOverlay = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"], ["\n background-color: ", ";\n height: 100vh;\n left: 0;\n position: fixed;\n top: 0;\n width: 100vw;\n\n ", "\n"])), function (_a) {
123
- var theme = _a.theme;
124
- return theme.ui_cpnt_modal_dimmed;
125
- }, animationStyle_1.modalOverlayOnAni);
126
- var S_ModalWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n left: 50%;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n\n ", "\n"], ["\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: 24px;\n box-shadow: ", ";\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n left: 50%;\n position: fixed;\n top: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n\n ", "\n"])), function (_a) {
127
- var theme = _a.theme;
128
- return theme.ui_cpnt_modal_base;
129
- }, function (_a) {
130
- var theme = _a.theme;
131
- return theme.ui_cpnt_modal_border;
132
- }, function (_a) {
133
- var theme = _a.theme;
134
- return theme.boxShadow.elevation4;
135
- }, function (_a) {
136
- var size = _a.size;
137
- var sizes = {
138
- large: '960px',
139
- medium: '688px',
140
- small: '400px',
141
- rlarge: '80vw'
142
- };
143
- return size && sizes[size];
144
- }, animationStyle_1.modalOnAni);
145
- var S_Header = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
146
- var theme = _a.theme;
147
- return theme.spacing.spacingC;
148
- }, function (_a) {
149
- var theme = _a.theme;
150
- return theme.spacing.spacingE;
151
- }, function (_a) {
152
- var theme = _a.theme;
153
- return theme.spacing.spacingE;
154
- }, function (_a) {
155
- var theme = _a.theme;
156
- return theme.spacing.spacingE;
157
- });
158
- var S_Body = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n flex: 1;\n max-height: 60vh;\n overflow: auto;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n flex: 1;\n max-height: 60vh;\n overflow: auto;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
159
- var theme = _a.theme;
160
- return theme.spacing.spacingF;
161
- }, function (_a) {
162
- var theme = _a.theme;
163
- return theme.spacing.spacingE;
164
- }, function (_a) {
165
- var theme = _a.theme;
166
- return theme.spacing.spacingE;
167
- }, function (_a) {
168
- var theme = _a.theme;
169
- return theme.spacing.spacingD;
170
- });
171
- var S_Footer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n border-top: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"], ["\n border-top: 1px solid ", ";\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n padding-bottom: ", ";\n padding-left: ", ";\n padding-right: ", ";\n padding-top: ", ";\n"])), function (_a) {
172
- var theme = _a.theme;
173
- return theme.ui_cpnt_modal_border;
174
- }, function (_a) {
175
- var theme = _a.theme;
176
- return theme.spacing.spacingD;
177
- }, function (_a) {
178
- var theme = _a.theme;
179
- return theme.spacing.spacingE;
180
- }, function (_a) {
181
- var theme = _a.theme;
182
- return theme.spacing.spacingE;
183
- }, function (_a) {
184
- var theme = _a.theme;
185
- return theme.spacing.spacingD;
186
- });
187
- var S_Left = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), function (_a) {
188
- var theme = _a.theme;
189
- return theme.spacing.spacingB;
190
- });
191
- var S_Btn2Wrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n margin-right: ", ";\n"], ["\n margin-right: ", ";\n"])), function (_a) {
192
- var theme = _a.theme;
193
- return theme.spacing.spacingB;
194
- });
195
- var S_Right = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n"], ["\n display: flex;\n"])));
196
- var S_LanguageField = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
197
- exports.default = MultilingualModal;
198
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
@@ -1 +0,0 @@
1
- export { default } from './MultilingualModal';
@@ -1,62 +0,0 @@
1
- /// <reference types="react" />
2
- import type { PDSIconType, PDSTextType, UiColors } from '../../../common/types';
3
- type PaddingSpacingType = 'none' | keyof typeof paddingSpacing;
4
- export type BoxItemProps = {
5
- selectionMode?: 'none' | 'use';
6
- state?: 'normal' | 'disabled';
7
- checkboxMode?: 'none' | 'check' | 'indeterminate';
8
- indicatorMode?: 'none' | 'use';
9
- selectState?: 'unselected' | 'selected';
10
- titleText?: PDSTextType;
11
- titleFontSize?: 'subTitleBold' | 'leadParaBold' | 'body2Bold' | 'headingBold';
12
- titleTextLineLimit?: number;
13
- titleTextColorKey?: UiColors;
14
- descText?: PDSTextType;
15
- descTextColorKey?: UiColors;
16
- descLineLimit?: number;
17
- imageMode?: 'use' | 'none';
18
- imageShapeType?: 'round' | 'circular' | 'rectangle';
19
- imageSrc?: string;
20
- imageWidth?: number | 'responsive';
21
- imageRatio?: '16_9' | '4_3' | '1_1';
22
- imageScaleType?: 'none' | 'cover' | 'contain' | 'fill';
23
- chipMode?: 'use' | 'none';
24
- chipText?: PDSTextType;
25
- displayType?: 'none' | 'ibtn_amount1' | 'ibtn_amount2' | 'ibtn_amount3';
26
- iBtn1IconName?: PDSIconType;
27
- iBtn1IconFillType?: 'fill' | 'line';
28
- iBtn1IconColorKey?: UiColors;
29
- iBtn2IconName?: PDSIconType;
30
- iBtn2IconFillType?: 'fill' | 'line';
31
- iBtn2IconColorKey?: UiColors;
32
- iBtn3IconName?: PDSIconType;
33
- iBtn3IconFillType?: 'fill' | 'line';
34
- iBtn3IconColorKey?: UiColors;
35
- paddingTop?: PaddingSpacingType;
36
- paddingRight?: PaddingSpacingType;
37
- paddingBottom?: PaddingSpacingType;
38
- paddingLeft?: PaddingSpacingType;
39
- id: number | string;
40
- onClick?: (id: number | string) => void;
41
- onClickIBtn1?: (id: number | string) => void;
42
- onClickIBtn2?: (id: number | string) => void;
43
- onClickIBtn3?: (id: number | string) => void;
44
- };
45
- declare const paddingSpacing: {
46
- readonly spacing_a: "spacingA";
47
- readonly spacing_b: "spacingB";
48
- readonly spacing_c: "spacingC";
49
- readonly spacing_d: "spacingD";
50
- readonly spacing_e: "spacingE";
51
- readonly spacing_f: "spacingF";
52
- readonly spacing_g: "spacingG";
53
- readonly spacing_h: "spacingH";
54
- readonly spacing_i: "spacingI";
55
- readonly spacing_j: "spacingJ";
56
- readonly spacing_k: "spacingK";
57
- readonly spacing_l: "spacingL";
58
- readonly spacing_m: "spacingM";
59
- readonly spacing_n: "spacingN";
60
- };
61
- declare function BoxItem({ selectionMode, checkboxMode, indicatorMode, state, selectState, titleText, titleFontSize, titleTextLineLimit, titleTextColorKey, descText, descTextColorKey, descLineLimit, imageMode, imageShapeType, imageSrc, imageWidth, imageRatio, imageScaleType, chipMode, chipText, displayType, iBtn1IconName, iBtn1IconFillType, iBtn1IconColorKey, iBtn2IconName, iBtn2IconFillType, iBtn2IconColorKey, iBtn3IconName, iBtn3IconFillType, iBtn3IconColorKey, paddingTop, paddingRight, paddingBottom, paddingLeft, id, onClick, onClickIBtn1, onClickIBtn2, onClickIBtn3 }: BoxItemProps): JSX.Element;
62
- export default BoxItem;