pds-dev-kit-web-test 2.5.407 → 2.5.409
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.
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -3
- package/dist/src/common/assets/icons/fill/Video.js +1 -1
- package/dist/src/common/assets/icons/fill/VideoOff.js +1 -1
- package/dist/src/common/assets/icons/fill/VideoType.js +1 -1
- package/dist/src/common/assets/icons/fill/index.d.ts +0 -3
- package/dist/src/common/assets/icons/fill/index.js +1 -7
- package/dist/src/common/assets/icons/line/Video.js +1 -1
- package/dist/src/common/assets/icons/line/VideoOff.js +1 -1
- package/dist/src/common/assets/icons/line/VideoType.js +1 -1
- package/dist/src/common/assets/icons/line/index.d.ts +0 -12
- package/dist/src/common/assets/icons/line/index.js +1 -25
- package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.d.ts +1 -2
- package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.js +4 -48
- package/dist/src/common/services/i18n/resources/en.json +1 -9
- package/dist/src/common/services/i18n/resources/es.json +1 -9
- package/dist/src/common/services/i18n/resources/fil.json +1 -9
- package/dist/src/common/services/i18n/resources/index.d.ts +0 -56
- package/dist/src/common/services/i18n/resources/ja.json +1 -9
- package/dist/src/common/services/i18n/resources/ko.json +1 -9
- package/dist/src/common/services/i18n/resources/zh-cn.json +1 -9
- package/dist/src/common/services/i18n/resources/zh-tw.json +1 -9
- package/dist/src/common/styles/colorSet/PaletteColor_Dark.json +1 -9
- package/dist/src/common/styles/colorSet/PaletteColor_light.json +1 -9
- package/dist/src/common/styles/colorSet/UIColor.json +1 -14
- package/dist/src/common/styles/colorSet/index.d.ts +2 -31
- package/dist/src/common/styles/colorSet/index.js +2 -2
- package/dist/src/common/styles/colorSet/ui-type.d.ts +0 -13
- package/dist/src/common/types/icon.d.ts +1 -3
- package/dist/src/desktop/components/AdminListItem/AdminListItem.d.ts +0 -1
- package/dist/src/desktop/components/AdminListItem/AdminListItem.js +13 -27
- package/dist/src/desktop/components/BasicListItem/BasicListItem.d.ts +1 -4
- package/dist/src/desktop/components/BasicListItem/BasicListItem.js +4 -26
- package/dist/src/desktop/components/BasicListItem/Contents.d.ts +1 -3
- package/dist/src/desktop/components/BasicListItem/Contents.js +2 -2
- package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.d.ts +0 -1
- package/dist/src/desktop/components/BasicListItem/RightBox/IconButton.js +2 -2
- package/dist/src/desktop/components/Checkbox/Checkbox.d.ts +1 -3
- package/dist/src/desktop/components/Checkbox/Checkbox.js +3 -17
- package/dist/src/desktop/components/Chip/Chip.d.ts +1 -1
- package/dist/src/desktop/components/Chip/Chip.js +5 -50
- package/dist/src/desktop/components/Radio/Radio.js +2 -2
- package/dist/src/desktop/components/TextField/TextField.js +15 -41
- package/dist/src/desktop/layout/LayoutWT/Containers/ContentsContainer/variation/WTU.js +2 -2
- package/dist/src/hybrid/components/Icon/Icon.js +0 -6
- package/dist/src/mobile/components/BasicListItem/BasicListItem.d.ts +1 -4
- package/dist/src/mobile/components/BasicListItem/BasicListItem.js +4 -26
- package/dist/src/mobile/components/BasicListItem/Contents.d.ts +1 -3
- package/dist/src/mobile/components/BasicListItem/Contents.js +2 -2
- package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.d.ts +0 -1
- package/dist/src/mobile/components/BasicListItem/RightBox/IconButton.js +2 -2
- package/dist/src/mobile/components/Checkbox/Checkbox.d.ts +1 -3
- package/dist/src/mobile/components/Checkbox/Checkbox.js +3 -17
- package/dist/src/mobile/components/Chip/Chip.d.ts +1 -1
- package/dist/src/mobile/components/Chip/Chip.js +5 -50
- package/dist/src/mobile/components/Radio/Radio.js +2 -2
- package/dist/src/mobile/components/TextField/TextField.js +15 -41
- package/dist/src/mobile/components/TextLabel/TextLabel.d.ts +1 -6
- package/dist/src/mobile/components/TextLabel/TextLabel.js +3 -83
- package/dist/src/mobile/components/index.d.ts +1 -2
- package/dist/src/mobile/components/index.js +1 -3
- package/dist/src/mobile/index.d.ts +1 -1
- package/dist/src/mobile/index.js +2 -3
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFA.js +1 -1
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFB.js +1 -1
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFC.js +1 -1
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFD.js +1 -1
- package/dist/src/mobile/layout/LayoutMF/Containers/ContentsContainer/variation/MFE.js +1 -1
- package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMA.js +1 -1
- package/dist/src/mobile/layout/LayoutMM/Containers/ContentsContainer/variation/MMB.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPA.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPB.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPC.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPD.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPE.js +1 -1
- package/dist/src/mobile/layout/LayoutMP/Containers/ContentsContainer/variation/MPF.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSB.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSC.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSD.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSE.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSF.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSG.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSH.js +1 -1
- package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/CompositionEditor/CompositionEditor.js +4 -4
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.js +2 -2
- package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/CompositionRenderer/createCompositions.js +10 -36
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/SectionBox.js +1 -4
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -12
- package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -3
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.d.ts +0 -40
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/index.js +177 -36
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_Dark.json +4 -152
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/PaletteColor_light.json +2 -150
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/SemanticColor.json +1 -45
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/UIColor.json +9 -262
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/index.d.ts +0 -593
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/styles/colorSet/ui-type.d.ts +0 -253
- package/dist/src/sub/DynamicLayout/compositionActionTypes.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/mock_composition.js +0 -4
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.d.ts +2 -1
- package/dist/src/sub/DynamicLayout/mock_contentsCarousel.js +274 -1047
- package/dist/src/sub/DynamicLayout/mock_contentsList.d.ts +2 -1
- package/dist/src/sub/DynamicLayout/mock_contentsList.js +222 -1008
- package/dist/src/sub/DynamicLayout/mock_slideBanner.d.ts +2 -810
- package/dist/src/sub/DynamicLayout/mock_slideBanner.js +268 -772
- package/dist/src/sub/DynamicLayout/mocks.d.ts +776 -2
- package/dist/src/sub/DynamicLayout/mocks.js +11 -4266
- package/dist/src/sub/DynamicLayout/sectionActionTypes.d.ts +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/FlexGridItem.js +15 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +0 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +4 -25
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +26 -102
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarouselCore.js +1 -21
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomNavigation.js +55 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.d.ts +2 -7
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomPagination.js +20 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/CustomProgressbar.js +23 -46
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/contentsCarouselUtils.js +98 -84
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/types.d.ts +6 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/ContentsList.js +19 -31
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.d.ts +3 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/CustomPagination.js +132 -59
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/contentsListUtils.js +30 -24
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +5 -13
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/SlideBanner.js +13 -88
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomNavigation.js +55 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.d.ts +2 -7
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomPagination.js +20 -26
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/CustomProgressbar.js +23 -46
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/slideBannerUtils.js +67 -64
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/types.d.ts +6 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +4 -10
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/types.d.ts +7 -16
- package/dist/src/sub/DynamicLayout/sections/CustomSection/newUtils/group.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +4 -11
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parsePlacement.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseProperties.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/types.d.ts +2 -15
- package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +1 -1
- package/dist/src/sub/DynamicLayout/types.d.ts +1 -10
- package/package.json +3 -2
- package/release-note.md +3 -3
- package/dist/src/common/assets/icons/editorNavigationIcons/downIcons.d.ts +0 -12
- package/dist/src/common/assets/icons/editorNavigationIcons/downIcons.js +0 -76
- package/dist/src/common/assets/icons/editorNavigationIcons/index.d.ts +0 -43
- package/dist/src/common/assets/icons/editorNavigationIcons/index.js +0 -49
- package/dist/src/common/assets/icons/editorNavigationIcons/leftIcons.d.ts +0 -12
- package/dist/src/common/assets/icons/editorNavigationIcons/leftIcons.js +0 -76
- package/dist/src/common/assets/icons/editorNavigationIcons/rightIcons.d.ts +0 -12
- package/dist/src/common/assets/icons/editorNavigationIcons/rightIcons.js +0 -76
- package/dist/src/common/assets/icons/editorNavigationIcons/upIcons.d.ts +0 -12
- package/dist/src/common/assets/icons/editorNavigationIcons/upIcons.js +0 -76
- package/dist/src/common/assets/icons/fill/Cam.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/Cam.js +0 -30
- package/dist/src/common/assets/icons/fill/CamOff.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/CamOff.js +0 -30
- package/dist/src/common/assets/icons/fill/VideoStop.d.ts +0 -4
- package/dist/src/common/assets/icons/fill/VideoStop.js +0 -30
- package/dist/src/common/assets/icons/line/Cam.d.ts +0 -4
- package/dist/src/common/assets/icons/line/Cam.js +0 -30
- package/dist/src/common/assets/icons/line/CamOff.d.ts +0 -4
- package/dist/src/common/assets/icons/line/CamOff.js +0 -30
- package/dist/src/common/assets/icons/line/CheckBox.d.ts +0 -4
- package/dist/src/common/assets/icons/line/CheckBox.js +0 -30
- package/dist/src/common/assets/icons/line/Dropdown.d.ts +0 -4
- package/dist/src/common/assets/icons/line/Dropdown.js +0 -30
- package/dist/src/common/assets/icons/line/Radio.d.ts +0 -4
- package/dist/src/common/assets/icons/line/Radio.js +0 -30
- package/dist/src/common/assets/icons/line/SectionQuestion32.d.ts +0 -4
- package/dist/src/common/assets/icons/line/SectionQuestion32.js +0 -30
- package/dist/src/common/assets/icons/line/SectionQuestion40.d.ts +0 -4
- package/dist/src/common/assets/icons/line/SectionQuestion40.js +0 -30
- package/dist/src/common/assets/icons/line/SectionQuestionnaire32.d.ts +0 -4
- package/dist/src/common/assets/icons/line/SectionQuestionnaire32.js +0 -30
- package/dist/src/common/assets/icons/line/SectionQuestionnaire40.d.ts +0 -4
- package/dist/src/common/assets/icons/line/SectionQuestionnaire40.js +0 -30
- package/dist/src/common/assets/icons/line/TextLong.d.ts +0 -4
- package/dist/src/common/assets/icons/line/TextLong.js +0 -30
- package/dist/src/common/assets/icons/line/TextShort.d.ts +0 -4
- package/dist/src/common/assets/icons/line/TextShort.js +0 -30
- package/dist/src/common/assets/icons/line/VideoStop.d.ts +0 -4
- package/dist/src/common/assets/icons/line/VideoStop.js +0 -30
- package/dist/src/common/utils/dateHelper.d.ts +0 -13
- package/dist/src/common/utils/dateHelper.js +0 -87
- package/dist/src/mobile/components/DatePicker/DatePicker.d.ts +0 -16
- package/dist/src/mobile/components/DatePicker/DatePicker.js +0 -156
- package/dist/src/mobile/components/DatePicker/DatePickerHeader.d.ts +0 -14
- package/dist/src/mobile/components/DatePicker/DatePickerHeader.js +0 -27
- package/dist/src/mobile/components/DatePicker/Day.d.ts +0 -13
- package/dist/src/mobile/components/DatePicker/Day.js +0 -94
- package/dist/src/mobile/components/DatePicker/index.d.ts +0 -1
- package/dist/src/mobile/components/DatePicker/index.js +0 -8
- package/dist/src/mobile/components/DatePicker/utils.d.ts +0 -16
- package/dist/src/mobile/components/DatePicker/utils.js +0 -68
- package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/components/Section/components/VideoBGMedia.js +0 -77
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/downIcons.js +0 -76
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.d.ts +0 -4
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/index.js +0 -47
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/leftIcons.js +0 -76
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/rightIcons.js +0 -76
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/components/pdsOriginal/common/assets/icons/line/editorNavigationIcons/upIcons.js +0 -76
- package/dist/src/sub/DynamicLayout/mock_video.d.ts +0 -368
- package/dist/src/sub/DynamicLayout/mock_video.js +0 -371
- package/dist/src/sub/DynamicLayout/mock_video_cb.d.ts +0 -368
- package/dist/src/sub/DynamicLayout/mock_video_cb.js +0 -371
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.d.ts +0 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/navigationConfigs.js +0 -889
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/components/progressConfigs.js +0 -96
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.d.ts +0 -23
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsList/components/paginationConfigs.js +0 -176
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.d.ts +0 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/navigationConfigs.js +0 -889
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.d.ts +0 -27
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/SlideBanner/components/progressConfigs.js +0 -96
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.d.ts +0 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/VideoPlayer.js +0 -148
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.d.ts +0 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/helper.js +0 -25
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/VideoPlayer/index.d.ts +0 -1
- 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 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,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
|
-
};
|
@@ -1,68 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.getWeeklyInfo = void 0;
|
4
|
-
var dateHelper_1 = require("../../../common/utils/dateHelper");
|
5
|
-
function getWeeklyInfo(date) {
|
6
|
-
var year = date.getFullYear();
|
7
|
-
var month = date.getMonth() + 1;
|
8
|
-
var day = date.getDate();
|
9
|
-
var dayOfWeek = date.getDay();
|
10
|
-
dayOfWeek = dayOfWeek === 0 ? 6 : dayOfWeek - 1;
|
11
|
-
var mondayDate = new Date(date);
|
12
|
-
mondayDate.setDate(date.getDate() - dayOfWeek);
|
13
|
-
var sundayDate = new Date(date);
|
14
|
-
sundayDate.setDate(date.getDate() + (6 - dayOfWeek));
|
15
|
-
var firstDayOfMonth = new Date(year, month - 1, 1);
|
16
|
-
var firstDayOffset = firstDayOfMonth.getDay();
|
17
|
-
firstDayOffset = firstDayOffset === 0 ? 6 : firstDayOffset - 1;
|
18
|
-
var daysSinceFirstMonday = Math.floor((day - 1 + firstDayOffset) / 7) + 1;
|
19
|
-
var weekNumber = daysSinceFirstMonday;
|
20
|
-
if (weekNumber === 1) {
|
21
|
-
var daysInCurrentWeekPrevMonth = dayOfWeek;
|
22
|
-
var daysInCurrentWeekCurrentMonth = 7 - dayOfWeek;
|
23
|
-
if (daysInCurrentWeekPrevMonth > daysInCurrentWeekCurrentMonth) {
|
24
|
-
var prevMonth = month === 1 ? 12 : month - 1;
|
25
|
-
var prevYear = month === 1 ? year - 1 : year;
|
26
|
-
var lastDayPrevMonth = new Date(prevYear, prevMonth, 0).getDate();
|
27
|
-
var firstDayPrevMonth = new Date(prevYear, prevMonth - 1, 1);
|
28
|
-
var firstDayPrevMonthOffset = firstDayPrevMonth.getDay();
|
29
|
-
firstDayPrevMonthOffset = firstDayPrevMonthOffset === 0 ? 6 : firstDayPrevMonthOffset - 1;
|
30
|
-
weekNumber = Math.ceil((lastDayPrevMonth + firstDayPrevMonthOffset) / 7);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
var lastDayOfMonth = new Date(year, month, 0).getDate();
|
34
|
-
if (day > lastDayOfMonth - 7) {
|
35
|
-
var remainingDaysInMonth = lastDayOfMonth - day;
|
36
|
-
var daysInNextMonth = 6 - dayOfWeek - remainingDaysInMonth;
|
37
|
-
if (daysInNextMonth > remainingDaysInMonth + 1) {
|
38
|
-
weekNumber = 1;
|
39
|
-
}
|
40
|
-
}
|
41
|
-
var weekNumberMonth = month;
|
42
|
-
var weekNumberYear = year;
|
43
|
-
if (weekNumber > 4 && day < 8) {
|
44
|
-
weekNumberMonth = month === 1 ? 12 : month - 1;
|
45
|
-
weekNumberYear = month === 1 ? year - 1 : year;
|
46
|
-
}
|
47
|
-
else if (weekNumber === 1 && day > 20) {
|
48
|
-
weekNumberMonth = month === 12 ? 1 : month + 1;
|
49
|
-
weekNumberYear = month === 12 ? year + 1 : year;
|
50
|
-
}
|
51
|
-
return {
|
52
|
-
year: year,
|
53
|
-
month: month,
|
54
|
-
day: day,
|
55
|
-
weekNumber: weekNumber,
|
56
|
-
weekNumberMonth: weekNumberMonth,
|
57
|
-
weekNumberYear: weekNumberYear,
|
58
|
-
startYear: mondayDate.getFullYear(),
|
59
|
-
endYear: sundayDate.getFullYear(),
|
60
|
-
startMonth: mondayDate.getMonth() + 1,
|
61
|
-
endMonth: sundayDate.getMonth() + 1,
|
62
|
-
startDay: mondayDate.getDate(),
|
63
|
-
endDay: sundayDate.getDate(),
|
64
|
-
startDate: dateHelper_1.DateHelper.formatDate(mondayDate),
|
65
|
-
endDate: dateHelper_1.DateHelper.formatDate(sundayDate)
|
66
|
-
};
|
67
|
-
}
|
68
|
-
exports.getWeeklyInfo = getWeeklyInfo;
|