pds-dev-kit-web-test 2.5.412 → 2.5.413

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 (225) hide show
  1. package/dist/index.d.ts +2 -2
  2. package/dist/index.js +2 -3
  3. package/dist/src/common/assets/icons/fill/Video.js +1 -1
  4. package/dist/src/common/assets/icons/fill/VideoOff.js +1 -1
  5. package/dist/src/common/assets/icons/fill/VideoType.js +1 -1
  6. package/dist/src/common/assets/icons/fill/index.d.ts +0 -3
  7. package/dist/src/common/assets/icons/fill/index.js +1 -7
  8. package/dist/src/common/assets/icons/line/Video.js +1 -1
  9. package/dist/src/common/assets/icons/line/VideoOff.js +1 -1
  10. package/dist/src/common/assets/icons/line/VideoType.js +1 -1
  11. package/dist/src/common/assets/icons/line/index.d.ts +0 -12
  12. package/dist/src/common/assets/icons/line/index.js +1 -25
  13. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts +1 -2
  14. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js +4 -48
  15. package/dist/src/common/services/i18n/resources/en.json +1 -9
  16. package/dist/src/common/services/i18n/resources/es.json +1 -9
  17. package/dist/src/common/services/i18n/resources/fil.json +1 -9
  18. package/dist/src/common/services/i18n/resources/index.d.ts +0 -56
  19. package/dist/src/common/services/i18n/resources/ja.json +1 -9
  20. package/dist/src/common/services/i18n/resources/ko.json +1 -9
  21. package/dist/src/common/services/i18n/resources/zh-cn.json +1 -9
  22. package/dist/src/common/services/i18n/resources/zh-tw.json +1 -9
  23. package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +1 -9
  24. package/dist/src/common/styles/colorSet/PaletteColor_light.json +1 -9
  25. package/dist/src/common/styles/colorSet/UIColor.json +1 -14
  26. package/dist/src/common/styles/colorSet/index.d.ts +2 -31
  27. package/dist/src/common/styles/colorSet/index.js +2 -2
  28. package/dist/src/common/styles/colorSet/ui-type.d.ts +0 -13
  29. package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +0 -1
  30. package/dist/src/desktop/components/AdminListItem/AdminListItem.js +13 -27
  31. package/dist/src/desktop/components/BasicListItem/BasicListItem.d.ts +1 -4
  32. package/dist/src/desktop/components/BasicListItem/BasicListItem.js +4 -26
  33. package/dist/src/desktop/components/BasicListItem/Contents.d.ts +1 -3
  34. package/dist/src/desktop/components/BasicListItem/Contents.js +2 -2
  35. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.d.ts +0 -1
  36. package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.js +2 -2
  37. package/dist/src/desktop/components/Checkbox/Checkbox.d.ts +1 -3
  38. package/dist/src/desktop/components/Checkbox/Checkbox.js +3 -17
  39. package/dist/src/desktop/components/Chip/Chip.d.ts +1 -1
  40. package/dist/src/desktop/components/Chip/Chip.js +5 -50
  41. package/dist/src/desktop/components/Radio/Radio.js +2 -2
  42. package/dist/src/desktop/components/TextField/TextField.js +15 -41
  43. package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +2 -2
  44. package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts +1 -4
  45. package/dist/src/mobile/components/BasicListItem/BasicListItem.js +4 -26
  46. package/dist/src/mobile/components/BasicListItem/Contents.d.ts +1 -3
  47. package/dist/src/mobile/components/BasicListItem/Contents.js +2 -2
  48. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.d.ts +0 -1
  49. package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.js +2 -2
  50. package/dist/src/mobile/components/Checkbox/Checkbox.d.ts +1 -3
  51. package/dist/src/mobile/components/Checkbox/Checkbox.js +3 -17
  52. package/dist/src/mobile/components/Chip/Chip.d.ts +1 -1
  53. package/dist/src/mobile/components/Chip/Chip.js +5 -50
  54. package/dist/src/mobile/components/Radio/Radio.js +2 -2
  55. package/dist/src/mobile/components/TextField/TextField.js +15 -41
  56. package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +1 -6
  57. package/dist/src/mobile/components/TextLabel/TextLabel.js +3 -83
  58. package/dist/src/mobile/components/index.d.ts +1 -2
  59. package/dist/src/mobile/components/index.js +1 -3
  60. package/dist/src/mobile/index.d.ts +1 -1
  61. package/dist/src/mobile/index.js +2 -3
  62. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
  63. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +1 -1
  64. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +1 -1
  65. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
  66. package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +1 -1
  67. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
  68. package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
  69. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
  70. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
  71. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +1 -1
  72. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
  73. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
  74. package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +1 -1
  75. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
  76. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
  77. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +1 -1
  78. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
  79. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
  80. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +1 -1
  81. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +1 -1
  82. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +1 -1
  83. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
  84. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +1 -1
  85. package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +4 -4
  86. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -1
  87. package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +2 -2
  88. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +2 -2
  89. package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +10 -36
  90. package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +1 -4
  91. package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -12
  92. package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -3
  93. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +0 -40
  94. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +177 -36
  95. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +4 -152
  96. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +2 -150
  97. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +1 -45
  98. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +9 -262
  99. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +0 -593
  100. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +0 -253
  101. package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +4 -4
  102. package/dist/src/sub/DynamicLayout/mock_composition.js +0 -4
  103. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +2 -1
  104. package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +274 -1047
  105. package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +2 -1
  106. package/dist/src/sub/DynamicLayout/mock_contentsList.js +222 -1008
  107. package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +2 -810
  108. package/dist/src/sub/DynamicLayout/mock_slideBanner.js +268 -772
  109. package/dist/src/sub/DynamicLayout/mocks.d.ts +776 -2
  110. package/dist/src/sub/DynamicLayout/mocks.js +11 -4266
  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 +4 -4
  114. package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +15 -11
  115. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -3
  116. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +4 -25
  117. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +26 -102
  118. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +1 -21
  119. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +55 -4
  120. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +2 -7
  121. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +20 -26
  122. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +23 -46
  123. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +98 -84
  124. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +6 -6
  125. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +20 -32
  126. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +3 -3
  127. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +132 -59
  128. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +30 -24
  129. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +1 -1
  130. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +5 -13
  131. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +13 -88
  132. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +55 -4
  133. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +2 -7
  134. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +20 -26
  135. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +23 -46
  136. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +67 -64
  137. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +6 -6
  138. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +4 -10
  139. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +7 -16
  140. package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
  141. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +4 -11
  142. package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
  143. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +1 -1
  144. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -2
  145. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
  146. package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +2 -15
  147. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
  148. package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
  149. package/dist/src/sub/DynamicLayout/types.d.ts +1 -10
  150. package/package.json +3 -2
  151. package/release-note.md +3 -3
  152. package/dist/src/common/assets/icons/fill/Cam.d.ts +0 -4
  153. package/dist/src/common/assets/icons/fill/Cam.js +0 -30
  154. package/dist/src/common/assets/icons/fill/CamOff.d.ts +0 -4
  155. package/dist/src/common/assets/icons/fill/CamOff.js +0 -30
  156. package/dist/src/common/assets/icons/fill/VideoStop.d.ts +0 -4
  157. package/dist/src/common/assets/icons/fill/VideoStop.js +0 -30
  158. package/dist/src/common/assets/icons/line/Cam.d.ts +0 -4
  159. package/dist/src/common/assets/icons/line/Cam.js +0 -30
  160. package/dist/src/common/assets/icons/line/CamOff.d.ts +0 -4
  161. package/dist/src/common/assets/icons/line/CamOff.js +0 -30
  162. package/dist/src/common/assets/icons/line/CheckBox.d.ts +0 -4
  163. package/dist/src/common/assets/icons/line/CheckBox.js +0 -30
  164. package/dist/src/common/assets/icons/line/Dropdown.d.ts +0 -4
  165. package/dist/src/common/assets/icons/line/Dropdown.js +0 -30
  166. package/dist/src/common/assets/icons/line/Radio.d.ts +0 -4
  167. package/dist/src/common/assets/icons/line/Radio.js +0 -30
  168. package/dist/src/common/assets/icons/line/SectionQuestion32.d.ts +0 -4
  169. package/dist/src/common/assets/icons/line/SectionQuestion32.js +0 -30
  170. package/dist/src/common/assets/icons/line/SectionQuestion40.d.ts +0 -4
  171. package/dist/src/common/assets/icons/line/SectionQuestion40.js +0 -30
  172. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.d.ts +0 -4
  173. package/dist/src/common/assets/icons/line/SectionQuestionnaire32.js +0 -30
  174. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.d.ts +0 -4
  175. package/dist/src/common/assets/icons/line/SectionQuestionnaire40.js +0 -30
  176. package/dist/src/common/assets/icons/line/TextLong.d.ts +0 -4
  177. package/dist/src/common/assets/icons/line/TextLong.js +0 -30
  178. package/dist/src/common/assets/icons/line/TextShort.d.ts +0 -4
  179. package/dist/src/common/assets/icons/line/TextShort.js +0 -30
  180. package/dist/src/common/assets/icons/line/VideoStop.d.ts +0 -4
  181. package/dist/src/common/assets/icons/line/VideoStop.js +0 -30
  182. package/dist/src/common/utils/dateHelper.d.ts +0 -13
  183. package/dist/src/common/utils/dateHelper.js +0 -87
  184. package/dist/src/mobile/components/DatePicker/DatePicker.d.ts +0 -16
  185. package/dist/src/mobile/components/DatePicker/DatePicker.js +0 -156
  186. package/dist/src/mobile/components/DatePicker/DatePickerHeader.d.ts +0 -14
  187. package/dist/src/mobile/components/DatePicker/DatePickerHeader.js +0 -27
  188. package/dist/src/mobile/components/DatePicker/Day.d.ts +0 -13
  189. package/dist/src/mobile/components/DatePicker/Day.js +0 -94
  190. package/dist/src/mobile/components/DatePicker/index.d.ts +0 -1
  191. package/dist/src/mobile/components/DatePicker/index.js +0 -8
  192. package/dist/src/mobile/components/DatePicker/utils.d.ts +0 -16
  193. package/dist/src/mobile/components/DatePicker/utils.js +0 -68
  194. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +0 -8
  195. package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +0 -77
  196. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +0 -12
  197. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +0 -76
  198. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +0 -4
  199. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +0 -47
  200. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +0 -12
  201. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +0 -76
  202. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +0 -12
  203. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +0 -76
  204. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +0 -12
  205. package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +0 -76
  206. package/dist/src/sub/DynamicLayout/mock_video.d.ts +0 -368
  207. package/dist/src/sub/DynamicLayout/mock_video.js +0 -371
  208. package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +0 -368
  209. package/dist/src/sub/DynamicLayout/mock_video_cb.js +0 -371
  210. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +0 -4
  211. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +0 -889
  212. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +0 -27
  213. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +0 -96
  214. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +0 -23
  215. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +0 -176
  216. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +0 -4
  217. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +0 -889
  218. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +0 -27
  219. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +0 -96
  220. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +0 -5
  221. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +0 -148
  222. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +0 -4
  223. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +0 -25
  224. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +0 -1
  225. package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.js +0 -8
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var SectionQuestionnaire32 = function (_a) {
27
- var color = _a.color, rest = __rest(_a, ["color"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: "68", height: "40", viewBox: "0 0 68 40" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M50.5129,0 C52.4389,0 53.9999,1.561 53.9999,3.487 L53.9999,28.513 C53.9999,30.439 52.4389,32 50.5129,32 L3.4869,32 C1.5609,32 -0.0001,30.439 -0.0001,28.513 L-0.0001,3.487 C-0.0001,1.561 1.5609,0 3.4869,0 Z M50.5129,2 L3.4869,2 C2.6669,2 1.9999,2.667 1.9999,3.487 L1.9999,28.513 C1.9999,29.333 2.6669,30 3.4869,30 L50.5129,30 C51.3329,30 51.9999,29.333 51.9999,28.513 L51.9999,3.487 C51.9999,2.667 51.3329,2 50.5129,2 Z M27.7594,5.7044 C29.004205,5.7044 30.0923138,6.37589166 30.6812251,7.37637364 L32.3993,7.3765 C34.3323,7.3765 35.8993,8.9435 35.8993,10.8765 L35.8993,15.0734 L36.5274,14.446 C36.7955818,14.1778182 37.2150033,14.153438 37.5106832,14.3728595 L37.5954,14.446 L38.8894,15.74 C39.1844,16.035 39.1844,16.513 38.8894,16.808 L37.7984,17.899 L35.8993,15.9994 L35.8993,17.0334 L37.2826,18.4159 L35.8993,19.7984 L35.8993,22.8765 C35.8993,24.7450667 34.4350256,26.2716267 32.5913355,26.3713211 L32.3993,26.3765 L21.3993,26.3765 C19.4663,26.3765 17.8993,24.8095 17.8993,22.8765 L17.8993,10.8765 C17.8993,8.9435 19.4663,7.3765 21.3993,7.3765 L23.3745749,7.37637364 C23.9634862,6.37589166 25.051595,5.7044 26.2964,5.7044 L27.7594,5.7044 Z M22.9133,9.1764 L21.3993,9.1765 C20.4623,9.1765 19.6993,9.9395 19.6993,10.8765 L19.6993,22.8765 C19.6993,23.8135 20.4623,24.5765 21.3993,24.5765 L32.3993,24.5765 C33.3363,24.5765 34.0993,23.8135 34.0993,22.8765 L34.0993,21.5974 L33.5856,22.1119 C33.5602667,22.1379 33.5287111,22.1572333 33.4941926,22.1684185 L33.4406,22.1789 L31.2206,22.3649 C31.0776,22.3769 30.9586,22.2579 30.9706,22.1159 L31.1566,19.8949 C31.1616,19.8399 31.1846,19.7889 31.2236,19.7499 L34.0993,16.8734 L34.0993,10.8765 C34.0993,9.98881579 33.4145022,9.25729778 32.5457155,9.18275485 L32.3993,9.1765 L31.1423,9.1764 L31.1405256,9.20322704 C31.0860805,9.63883195 30.7148615,9.9754 30.2644,9.9754 L23.7914,9.9754 C23.3409385,9.9754 22.9697195,9.63883195 22.9152744,9.20322704 L22.9133,9.1764 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M22.8072,13.2795 L31.2482,13.2795 M22.8072,16.8765 L31.2482,16.8765 M22.8072,20.4735 L27.7802,20.4735" })] })) })));
29
- };
30
- exports.default = SectionQuestionnaire32;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type IconType from '../IconType';
3
- declare const TextLong: ({ color, size, ...rest }: IconType) => JSX.Element;
4
- export default TextLong;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var TextLong = function (_a) {
27
- var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsxs)("g", __assign({ fill: "none", fillRule: "evenodd" }, { children: [(0, jsx_runtime_1.jsx)("path", { fill: color, d: "M7.9789,4.6123 L3.2779,4.6123 L2.6329,6.4503 L3.5079,6.9493 L3.7619,6.5403 C4.0539,6.0673 4.2729,5.7813 4.8499,5.7813 C4.8749,5.7813 4.8959,5.7813 4.9149,5.7823 L4.9149,9.2703 C4.8589,9.2763 4.7769,9.2803 4.6549,9.2803 L4.1549,9.2803 L4.1549,10.4483 L7.0919,10.4483 L7.0919,9.2803 L6.5919,9.2803 C6.4839,9.2803 6.3969,9.2783 6.3329,9.2733 L6.3329,5.7903 C6.3749,5.7853 6.4329,5.7813 6.5119,5.7813 C6.9819,5.7813 7.1099,5.9573 7.4109,6.4653 L7.6959,6.9423 L8.6439,6.5533 L7.9789,4.6123 Z" }), (0, jsx_runtime_1.jsx)("path", { stroke: color, strokeLinecap: "round", strokeWidth: "1.5", d: "M10.3539,7.1909 L18.1129,7.1909 C19.8069,7.1909 21.1799,8.3199 21.1799,10.0519 L21.1799,15.1259 C21.1799,16.8579 19.8069,18.2619 18.1129,18.2619 L6.0239,18.2619 C4.3299,18.2619 3.0729,16.8579 3.0729,15.1259 L3.0729,11.9569 M10.8112,11.1458 L17.5092,11.1458 M6.5702,14.3066 L17.5092,14.3066" })] })) })));
29
- };
30
- exports.default = TextLong;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type IconType from '../IconType';
3
- declare const TextShort: ({ color, size, ...rest }: IconType) => JSX.Element;
4
- export default TextShort;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var TextShort = function (_a) {
27
- var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("path", { fill: color, fillRule: "evenodd", d: "M18.2315,4.3521 L5.7525,4.3521 L4.3095,8.4591 L5.5195,9.1531 L5.8245,8.6611 C6.7445,7.1771 7.6155,6.0421 9.7265,6.0421 C10.7725,6.0421 10.7725,6.2221 10.7725,6.5801 L10.7725,17.4791 C10.7725,17.6921 10.7725,17.9571 9.1575,17.9571 L8.5575,17.9571 L8.5575,19.6481 L15.4035,19.6481 L15.4035,17.9571 L14.8035,17.9571 C13.1885,17.9571 13.1885,17.7771 13.1885,17.4791 C13.1885,13.7690828 13.1885,10.9865699 13.1885,9.13156128 C13.1885,8.56456988 13.1885,7.71408279 13.1885,6.5801 C13.1885,6.3661 13.1885,6.0421 14.5685,6.0421 C16.4965,6.0421 17.0965,7.0571 17.9265,8.4591 L18.3775,9.2151 L19.7095,8.6621 L18.2315,4.3521 Z" }) })));
29
- };
30
- exports.default = TextShort;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import type IconType from '../IconType';
3
- declare const VideoStop: ({ color, size, ...rest }: IconType) => JSX.Element;
4
- export default VideoStop;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
- Object.defineProperty(exports, "__esModule", { value: true });
25
- var jsx_runtime_1 = require("react/jsx-runtime");
26
- var VideoStop = function (_a) {
27
- var color = _a.color, size = _a.size, rest = __rest(_a, ["color", "size"]);
28
- return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest, { children: (0, jsx_runtime_1.jsx)("g", __assign({ stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" }, { children: (0, jsx_runtime_1.jsxs)("g", { children: [(0, jsx_runtime_1.jsx)("polygon", { fillOpacity: "0", fill: color, points: "0 24 24 24 24 0 0 0" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.75,5.25 L7.25,5.25 C6.145,5.25 5.25,6.145 5.25,7.25 L5.25,16.75 C5.25,17.855 6.145,18.75 7.25,18.75 L16.75,18.75 C17.855,18.75 18.75,17.855 18.75,16.75 L18.75,7.25 C18.75,6.145 17.855,5.25 16.75,5.25 L16.75,5.25 Z M7.25,16.75 L16.75,16.75 L16.75,7.25 L7.25,7.25 L7.25,16.75 Z", id: "Fill-3", fill: color })] }) })) })));
29
- };
30
- exports.default = VideoStop;
@@ -1,13 +0,0 @@
1
- export declare class DateHelper {
2
- static padZero(num: number): string;
3
- static formatDate(date: Date): string;
4
- static parseDate(dateStr: string): Date;
5
- static getToday(): string;
6
- static isSameDay(a: string | Date, b: string | Date): boolean;
7
- static isBefore(a: Date, b: Date): boolean;
8
- static isAfter(a: Date, b: Date): boolean;
9
- static startOfMonth(date: Date): Date;
10
- static addMonths(date: Date, diff: number): Date;
11
- static addDays(date: Date, diff: number): Date;
12
- static getCalendarDates(monthDate: Date, startOfWeek: 'sunday' | 'monday'): Date[];
13
- }
@@ -1,87 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.DateHelper = void 0;
4
- var DateHelper = /** @class */ (function () {
5
- function DateHelper() {
6
- }
7
- /*
8
- * 한 자리 숫자를 두 자리 문자열로 변환 (예: 5 → '05')
9
- */
10
- DateHelper.padZero = function (num) {
11
- return num.toString().padStart(2, '0');
12
- };
13
- /*
14
- * Date 객체를 'YYYY-MM-DD' 형식의 문자열로 포맷
15
- */
16
- DateHelper.formatDate = function (date) {
17
- return "".concat(date.getFullYear(), "-").concat(this.padZero(date.getMonth() + 1), "-").concat(this.padZero(date.getDate()));
18
- };
19
- /*
20
- * 문자열을 Date 객체로 파싱
21
- */
22
- DateHelper.parseDate = function (dateStr) {
23
- var _a = dateStr.split('-').map(Number), y = _a[0], m = _a[1], d = _a[2];
24
- return new Date(y, m - 1, d);
25
- };
26
- /*
27
- * 오늘 날짜를 'YYYY-MM-DD' 형식으로 반환
28
- */
29
- DateHelper.getToday = function () {
30
- return this.formatDate(new Date());
31
- };
32
- /*
33
- * 두 날짜가 같은 날인지 비교 (string 또는 Date 입력 가능)
34
- */
35
- DateHelper.isSameDay = function (a, b) {
36
- var dateA = typeof a === 'string' ? this.parseDate(a) : a;
37
- var dateB = typeof b === 'string' ? this.parseDate(b) : b;
38
- return (dateA.getFullYear() === dateB.getFullYear() &&
39
- dateA.getMonth() === dateB.getMonth() &&
40
- dateA.getDate() === dateB.getDate());
41
- };
42
- /*
43
- * a가 b보다 이전 날짜인지 여부 반환
44
- */
45
- DateHelper.isBefore = function (a, b) {
46
- return a.getTime() < b.getTime();
47
- };
48
- /*
49
- * a가 b보다 이후 날짜인지 여부 반환
50
- */
51
- DateHelper.isAfter = function (a, b) {
52
- return a.getTime() > b.getTime();
53
- };
54
- /*
55
- * 해당 월의 시작 날짜 반환 (1일)
56
- */
57
- DateHelper.startOfMonth = function (date) {
58
- return new Date(date.getFullYear(), date.getMonth(), 1);
59
- };
60
- /*
61
- * 기준 날짜에서 n개월 후/전 날짜 반환 (해당 월의 1일)
62
- */
63
- DateHelper.addMonths = function (date, diff) {
64
- return new Date(date.getFullYear(), date.getMonth() + diff, 1);
65
- };
66
- /*
67
- * 기준 날짜에서 n일 후/전 날짜 반환
68
- */
69
- DateHelper.addDays = function (date, diff) {
70
- var newDate = new Date(date);
71
- newDate.setDate(newDate.getDate() + diff);
72
- return newDate;
73
- };
74
- /*
75
- * 월 달력에 표시할 날짜 배열 생성 (6주 기준, 총 42일)
76
- */
77
- DateHelper.getCalendarDates = function (monthDate, startOfWeek) {
78
- var _this = this;
79
- var start = this.startOfMonth(monthDate);
80
- var startIndex = startOfWeek === 'monday' ? 1 : 0;
81
- var offset = (start.getDay() - startIndex + 7) % 7;
82
- var calendarStart = this.addDays(start, -offset);
83
- return Array.from({ length: 42 }, function (_, i) { return _this.addDays(calendarStart, i); });
84
- };
85
- return DateHelper;
86
- }());
87
- exports.DateHelper = DateHelper;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import type { PDSTextType } from '../../../common/types';
3
- type Props = {
4
- id?: string;
5
- type: 'single' | 'range';
6
- date: string;
7
- endDate?: string;
8
- minDate?: string;
9
- maxDate?: string;
10
- startOfWeek?: 'sunday' | 'monday';
11
- quickActionMode?: 'use' | 'none';
12
- quickActionBtnText?: PDSTextType;
13
- onChange?: (val1: string, val2?: string) => void;
14
- };
15
- declare const DatePicker: ({ id, type, date, endDate, minDate, maxDate, startOfWeek, quickActionMode, quickActionBtnText, onChange }: Props) => JSX.Element;
16
- export default DatePicker;
@@ -1,156 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- var __importDefault = (this && this.__importDefault) || function (mod) {
41
- return (mod && mod.__esModule) ? mod : { "default": mod };
42
- };
43
- Object.defineProperty(exports, "__esModule", { value: true });
44
- var jsx_runtime_1 = require("react/jsx-runtime");
45
- var react_1 = require("react");
46
- var react_i18next_1 = require("react-i18next");
47
- var dateHelper_1 = require("../../../common/utils/dateHelper");
48
- var components_1 = require("../../../hybrid/components");
49
- var styled_components_1 = __importStar(require("styled-components"));
50
- var TextLabel_1 = require("../TextLabel");
51
- var DatePickerHeader_1 = __importDefault(require("./DatePickerHeader"));
52
- var Day_1 = __importDefault(require("./Day"));
53
- var DatePicker = function (_a) {
54
- var id = _a.id, type = _a.type, date = _a.date, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate, _b = _a.startOfWeek, startOfWeek = _b === void 0 ? 'sunday' : _b, _c = _a.quickActionMode, quickActionMode = _c === void 0 ? 'none' : _c, quickActionBtnText = _a.quickActionBtnText, onChange = _a.onChange;
55
- var t = (0, react_i18next_1.useTranslation)().t;
56
- var startDate = date || dateHelper_1.DateHelper.formatDate(new Date());
57
- var _d = (0, react_1.useState)(function () {
58
- return dateHelper_1.DateHelper.startOfMonth(dateHelper_1.DateHelper.parseDate(startDate));
59
- }), currentMonth = _d[0], setCurrentMonth = _d[1];
60
- var isPrevButtonDisabled = (0, react_1.useMemo)(function () {
61
- if (!minDate)
62
- return false;
63
- var parsedMinDate = dateHelper_1.DateHelper.parseDate(minDate);
64
- return (currentMonth.getFullYear() < parsedMinDate.getFullYear() ||
65
- (currentMonth.getFullYear() === parsedMinDate.getFullYear() &&
66
- currentMonth.getMonth() <= parsedMinDate.getMonth()));
67
- }, [currentMonth, minDate]);
68
- var isNextButtonDisabled = (0, react_1.useMemo)(function () {
69
- if (!maxDate)
70
- return false;
71
- var parsedMaxDate = dateHelper_1.DateHelper.parseDate(maxDate);
72
- return (currentMonth.getFullYear() > parsedMaxDate.getFullYear() ||
73
- (currentMonth.getFullYear() === parsedMaxDate.getFullYear() &&
74
- currentMonth.getMonth() >= parsedMaxDate.getMonth()));
75
- }, [currentMonth, maxDate]);
76
- var handleDateClick = function (target) {
77
- if (!onChange)
78
- return;
79
- var selectedDateStr = dateHelper_1.DateHelper.formatDate(target);
80
- if (type === 'single') {
81
- onChange(selectedDateStr);
82
- return;
83
- }
84
- if (!startDate || (startDate && endDate)) {
85
- onChange(selectedDateStr, undefined);
86
- return;
87
- }
88
- var parsedStartDate = dateHelper_1.DateHelper.parseDate(startDate);
89
- if (dateHelper_1.DateHelper.isBefore(target, parsedStartDate)) {
90
- onChange(selectedDateStr, undefined);
91
- return;
92
- }
93
- var startISO = dateHelper_1.DateHelper.formatDate(parsedStartDate);
94
- onChange(startISO, selectedDateStr);
95
- };
96
- var handleQuickActionButtonClick = function () {
97
- var today = new Date();
98
- var startOfCurrentMonth = dateHelper_1.DateHelper.startOfMonth(today);
99
- setCurrentMonth(startOfCurrentMonth);
100
- };
101
- var calendarDates = (0, react_1.useMemo)(function () { return dateHelper_1.DateHelper.getCalendarDates(currentMonth, startOfWeek); }, [currentMonth, startOfWeek]);
102
- var days = [
103
- t('str_3893'),
104
- t('str_3887'),
105
- t('str_3888'),
106
- t('str_3889'),
107
- t('str_3890'),
108
- t('str_3891'),
109
- t('str_3892')
110
- ];
111
- return ((0, jsx_runtime_1.jsxs)(CalendarContainer, __assign({ id: id }, { children: [(0, jsx_runtime_1.jsx)(DatePickerHeader_1.default, { headerTitle: t('str_35', {
112
- year: currentMonth.getFullYear(),
113
- month: String(currentMonth.getMonth() + 1)
114
- }), textButtonText: quickActionMode === 'use' ? quickActionBtnText : undefined, isTextButtonDisabled: currentMonth.getFullYear() === new Date().getFullYear() &&
115
- currentMonth.getMonth() === new Date().getMonth(), isPrevButtonDisabled: isPrevButtonDisabled, isNextButtonDisabled: isNextButtonDisabled, onClickPrevButton: function () { return setCurrentMonth(function (prev) { return dateHelper_1.DateHelper.addMonths(prev, -1); }); }, onClickNextButton: function () { return setCurrentMonth(function (prev) { return dateHelper_1.DateHelper.addMonths(prev, 1); }); }, onClickTextButton: handleQuickActionButtonClick }), (0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_a" }), (0, jsx_runtime_1.jsxs)(S_MonthContainer, { children: [(0, jsx_runtime_1.jsx)(S_DayOfWeekContainer, __assign({ id: "weeks" }, { children: days
116
- .slice(startOfWeek === 'monday' ? 1 : 0)
117
- .concat(startOfWeek === 'monday' ? [t('str_3893')] : [])
118
- .map(function (day) { return ((0, jsx_runtime_1.jsx)(S_DayOfWeek, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: day, styleTheme: "caption2Bold", colorTheme: "sysTextSecondary", textAlign: "center" }) }, "".concat(id, "_").concat(day))); }) })), (0, jsx_runtime_1.jsx)(S_Grid, { children: calendarDates.map(function (d) {
119
- var dateStr = dateHelper_1.DateHelper.formatDate(d);
120
- var inRange = startDate &&
121
- endDate &&
122
- dateHelper_1.DateHelper.isAfter(d, dateHelper_1.DateHelper.parseDate(startDate)) &&
123
- dateHelper_1.DateHelper.isBefore(d, dateHelper_1.DateHelper.parseDate(endDate));
124
- var isStart = dateHelper_1.DateHelper.isSameDay(d, dateHelper_1.DateHelper.parseDate(startDate));
125
- var isEnd = !!endDate && dateHelper_1.DateHelper.isSameDay(d, dateHelper_1.DateHelper.parseDate(endDate));
126
- return ((0, jsx_runtime_1.jsx)(S_CellWrapper, __assign({ isValidRange: !!startDate && !!endDate, isRange: !!inRange, isStart: isStart, isEnd: isEnd }, { children: (0, jsx_runtime_1.jsx)(Day_1.default, { date: d, currentMonth: currentMonth, minDate: minDate, maxDate: maxDate, startDate: date, endDate: endDate, onClick: handleDateClick }) }), "".concat(id, "_").concat(dateStr)));
127
- }) })] })] })));
128
- };
129
- var CalendarContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n width: 100%;\n"], ["\n display: flex;\n flex-direction: column;\n width: 100%;\n"])));
130
- var S_MonthContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n padding: 0 ", ";\n"], ["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n padding: 0 ", ";\n"])), function (_a) {
131
- var theme = _a.theme;
132
- return theme.spacing.spacingD;
133
- });
134
- var S_DayOfWeekContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, 120px));\n grid-template-rows: minmax(25px, 32px);\n justify-items: center;\n"], ["\n align-items: center;\n display: grid;\n grid-template-columns: repeat(7, minmax(32px, 120px));\n grid-template-rows: minmax(25px, 32px);\n justify-items: center;\n"])));
135
- var S_DayOfWeek = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n justify-content: center;\n"], ["\n align-items: center;\n background-color: transparent;\n box-sizing: border-box;\n color: ", ";\n display: flex;\n justify-content: center;\n"])), function (_a) {
136
- var theme = _a.theme;
137
- return theme.ui_cpnt_textlabel_sys_primary;
138
- });
139
- var S_Grid = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n align-items: center;\n display: grid;\n flex: 1;\n grid-row-gap: 2px;\n grid-template-columns: repeat(7, minmax(32px, 120px));\n grid-template-rows: repeat(6, minmax(25px, 32px));\n justify-items: center;\n"], ["\n align-items: center;\n display: grid;\n flex: 1;\n grid-row-gap: 2px;\n grid-template-columns: repeat(7, minmax(32px, 120px));\n grid-template-rows: repeat(6, minmax(25px, 32px));\n justify-items: center;\n"])));
140
- var S_CellWrapper = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n position: relative;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n"], ["\n align-items: center;\n display: flex;\n height: 100%;\n justify-content: center;\n position: relative;\n width: 100%;\n\n ", "\n\n ", "\n\n ", "\n"])), function (_a) {
141
- var isRange = _a.isRange, isStart = _a.isStart, isEnd = _a.isEnd, isValidRange = _a.isValidRange, theme = _a.theme;
142
- return isValidRange &&
143
- (isRange || (isStart && !isEnd) || (isEnd && !isStart)) && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: ", "20;\n "], ["\n background: ", "20;\n "])), theme.ui_cpnt_calendar_status_a);
144
- }, function (_a) {
145
- var isStart = _a.isStart, isEnd = _a.isEnd, isValidRange = _a.isValidRange, theme = _a.theme;
146
- return isValidRange &&
147
- isEnd &&
148
- !isStart && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: linear-gradient(\n to right,\n ", "20 50%,\n transparent 50%\n );\n "], ["\n background: linear-gradient(\n to right,\n ", "20 50%,\n transparent 50%\n );\n "])), theme.ui_cpnt_calendar_status_a);
149
- }, function (_a) {
150
- var isStart = _a.isStart, isEnd = _a.isEnd, isValidRange = _a.isValidRange, theme = _a.theme;
151
- return isValidRange &&
152
- isStart &&
153
- !isEnd && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: linear-gradient(\n to left,\n ", "20 50%,\n transparent 50%\n );\n "], ["\n background: linear-gradient(\n to left,\n ", "20 50%,\n transparent 50%\n );\n "])), theme.ui_cpnt_calendar_status_a);
154
- });
155
- exports.default = DatePicker;
156
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import type { PDSTextType } from '../../../common/types';
3
- type Props = {
4
- headerTitle: string;
5
- textButtonText?: PDSTextType;
6
- isTextButtonDisabled: boolean;
7
- isPrevButtonDisabled: boolean;
8
- isNextButtonDisabled: boolean;
9
- onClickPrevButton: () => void;
10
- onClickNextButton: () => void;
11
- onClickTextButton: () => void;
12
- };
13
- declare function DatePickerHeader({ headerTitle, textButtonText, isTextButtonDisabled, isPrevButtonDisabled, isNextButtonDisabled, onClickPrevButton, onClickNextButton, onClickTextButton }: Props): JSX.Element;
14
- export default DatePickerHeader;
@@ -1,27 +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 __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- var jsx_runtime_1 = require("react/jsx-runtime");
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- var IconButton_1 = require("../IconButton");
13
- var TextButton_1 = require("../TextButton");
14
- var TextLabel_1 = require("../TextLabel");
15
- function DatePickerHeader(_a) {
16
- var headerTitle = _a.headerTitle, textButtonText = _a.textButtonText, isTextButtonDisabled = _a.isTextButtonDisabled, isPrevButtonDisabled = _a.isPrevButtonDisabled, isNextButtonDisabled = _a.isNextButtonDisabled, onClickPrevButton = _a.onClickPrevButton, onClickNextButton = _a.onClickNextButton, onClickTextButton = _a.onClickTextButton;
17
- return ((0, jsx_runtime_1.jsxs)(S_HeaderContainer, { children: [(0, jsx_runtime_1.jsx)(S_LeftIconWrapper, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: onClickPrevButton, iconName: "ic_arrow_left", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: 16, baseSize: "medium", state: isPrevButtonDisabled ? 'disabled' : 'normal' }) }), (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: headerTitle, textAlign: "center" }), (0, jsx_runtime_1.jsx)(S_RightIconWrapper, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, { onClick: onClickNextButton, iconName: "ic_arrow_right", baseColorKey: "ui_cpnt_button_fill_base_transparent", iconSize: 16, baseSize: "medium", state: isNextButtonDisabled ? 'disabled' : 'normal' }) }), textButtonText && ((0, jsx_runtime_1.jsx)(S_TextButtonWrapper, { children: (0, jsx_runtime_1.jsx)(TextButton_1.TextButton, { text: textButtonText, size: "xsmall", fontWeight: "bold", onClick: onClickTextButton, state: isTextButtonDisabled ? 'disabled' : 'normal' }) }))] }));
18
- }
19
- var S_HeaderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n justify-items: center;\n margin: 0 ", ";\n position: relative;\n"], ["\n align-items: center;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n justify-items: center;\n margin: 0 ", ";\n position: relative;\n"])), function (_a) {
20
- var theme = _a.theme;
21
- return theme.spacing.spacingD;
22
- });
23
- var S_TextButtonWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n margin: auto 0;\n position: absolute;\n right: 0;\n"], ["\n margin: auto 0;\n position: absolute;\n right: 0;\n"])));
24
- var S_LeftIconWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n grid-column: 1 / 2;\n height: auto;\n width: auto;\n"], ["\n align-items: center;\n display: flex;\n grid-column: 1 / 2;\n height: auto;\n width: auto;\n"])));
25
- var S_RightIconWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n align-items: center;\n display: flex;\n grid-column: 3 / 4;\n height: auto;\n width: auto;\n"], ["\n align-items: center;\n display: flex;\n grid-column: 3 / 4;\n height: auto;\n width: auto;\n"])));
26
- exports.default = DatePickerHeader;
27
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- type DayPropTypes = {
3
- date: Date;
4
- currentMonth: Date;
5
- startDate: string;
6
- endDate?: string;
7
- minDate?: string;
8
- maxDate?: string;
9
- onClick: (date: Date) => void;
10
- };
11
- declare function Day({ date, currentMonth, startDate, endDate, minDate, maxDate, onClick }: DayPropTypes): JSX.Element;
12
- declare const _default: import("react").MemoExoticComponent<typeof Day>;
13
- export default _default;
@@ -1,94 +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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
18
- if (k2 === undefined) k2 = k;
19
- var desc = Object.getOwnPropertyDescriptor(m, k);
20
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
21
- desc = { enumerable: true, get: function() { return m[k]; } };
22
- }
23
- Object.defineProperty(o, k2, desc);
24
- }) : (function(o, m, k, k2) {
25
- if (k2 === undefined) k2 = k;
26
- o[k2] = m[k];
27
- }));
28
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
29
- Object.defineProperty(o, "default", { enumerable: true, value: v });
30
- }) : function(o, v) {
31
- o["default"] = v;
32
- });
33
- var __importStar = (this && this.__importStar) || function (mod) {
34
- if (mod && mod.__esModule) return mod;
35
- var result = {};
36
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
37
- __setModuleDefault(result, mod);
38
- return result;
39
- };
40
- Object.defineProperty(exports, "__esModule", { value: true });
41
- var jsx_runtime_1 = require("react/jsx-runtime");
42
- var react_1 = require("react");
43
- var dateHelper_1 = require("../../../common/utils/dateHelper");
44
- var styled_components_1 = __importStar(require("styled-components"));
45
- var TextLabel_1 = require("../TextLabel");
46
- function areEqual(prevProps, nextProps) {
47
- return prevProps.date === nextProps.date && prevProps.onClick === nextProps.onClick;
48
- }
49
- function Day(_a) {
50
- var date = _a.date, currentMonth = _a.currentMonth, startDate = _a.startDate, endDate = _a.endDate, minDate = _a.minDate, maxDate = _a.maxDate, onClick = _a.onClick;
51
- var dateStr = dateHelper_1.DateHelper.formatDate(date);
52
- var isSelected = dateHelper_1.DateHelper.isSameDay(dateHelper_1.DateHelper.parseDate(startDate), date) ||
53
- (endDate && dateHelper_1.DateHelper.isSameDay(dateHelper_1.DateHelper.parseDate(endDate), date));
54
- var isSelectable = function (target) {
55
- if (minDate && dateHelper_1.DateHelper.isBefore(target, dateHelper_1.DateHelper.parseDate(minDate)))
56
- return false;
57
- if (maxDate && dateHelper_1.DateHelper.isAfter(target, dateHelper_1.DateHelper.parseDate(maxDate)))
58
- return false;
59
- return true;
60
- };
61
- var isOtherMonth = date.getMonth() !== currentMonth.getMonth();
62
- var selectable = isSelectable(date);
63
- var isToday = dateHelper_1.DateHelper.isSameDay(dateStr, dateHelper_1.DateHelper.getToday());
64
- var getColorTheme = function () {
65
- if (isSelected) {
66
- return 'usrTextBrandOnPrimary';
67
- }
68
- if (isOtherMonth && selectable) {
69
- return 'sysTextSecondary';
70
- }
71
- if (selectable) {
72
- return 'sysTextPrimary';
73
- }
74
- return 'sysTextTertiary';
75
- };
76
- return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(S_DayWrapper, __assign({ isToday: isToday, isSelectedDay: !!isSelected, isOutOfThisMonthWeek: isOtherMonth, onClick: function () { return selectable && onClick(date); } }, { children: (0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: date.getDate(), textAlign: "center", styleTheme: isSelected ? 'caption1Bold' : 'caption1Regular', colorTheme: getColorTheme() }) })) }));
77
- }
78
- var selectedDay = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: 10px;\n"], ["\n background-color: ", ";\n border-radius: 10px;\n"])), function (_a) {
79
- var theme = _a.theme;
80
- return theme.ui_cpnt_calendar_status_a;
81
- });
82
- var today = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: ", ";\n"], ["\n background: ", ";\n"])), function (_a) {
83
- var theme = _a.theme;
84
- return "radial-gradient(circle, ".concat(theme.ui_cpnt_calendar_status_c, ", 15px, rgba(255, 255, 255, 0) 15px)");
85
- });
86
- var S_DayWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n align-items: center;\n background-color: transparent;\n display: flex;\n height: 32px;\n justify-content: center;\n position: relative;\n width: 32px;\n\n ", ";\n ", ";\n"], ["\n align-items: center;\n background-color: transparent;\n display: flex;\n height: 32px;\n justify-content: center;\n position: relative;\n width: 32px;\n\n ", ";\n ", ";\n"])), function (_a) {
87
- var isToday = _a.isToday, isSelectedDay = _a.isSelectedDay, isOutOfThisMonthWeek = _a.isOutOfThisMonthWeek;
88
- return isToday && !isOutOfThisMonthWeek && !isSelectedDay && today;
89
- }, function (_a) {
90
- var isSelectedDay = _a.isSelectedDay;
91
- return isSelectedDay && selectedDay;
92
- });
93
- exports.default = (0, react_1.memo)(Day, areEqual);
94
- var templateObject_1, templateObject_2, templateObject_3;
@@ -1 +0,0 @@
1
- export { default as DatePicker } from './DatePicker';
@@ -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.DatePicker = void 0;
7
- var DatePicker_1 = require("./DatePicker");
8
- Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return __importDefault(DatePicker_1).default; } });
@@ -1,16 +0,0 @@
1
- export declare function getWeeklyInfo(date: Date): {
2
- year: number;
3
- month: number;
4
- day: number;
5
- weekNumber: number;
6
- weekNumberMonth: number;
7
- weekNumberYear: number;
8
- startYear: number;
9
- endYear: number;
10
- startMonth: number;
11
- endMonth: number;
12
- startDay: number;
13
- endDay: number;
14
- startDate: string;
15
- endDate: string;
16
- };