pds-dev-kit-web-test 2.5.134 → 2.5.135
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/src/common/hooks/useAbsolutePositioner.js +2 -2
- package/dist/src/common/hooks/useTooltip.d.ts +2 -2
- package/dist/src/common/hooks/useTooltip.js +2 -2
- package/dist/src/common/utils/SystemUIPositionGenerator/clickTypeSystemUICssGenerator.d.ts +1 -1
- package/dist/src/common/utils/SystemUIPositionGenerator/hoverTypeSystemUICssGenerator.d.ts +1 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +2 -2
- package/dist/src/desktop/components/AdminList/BulkActionBar.d.ts +1 -1
- package/dist/src/desktop/components/AdminListHeader/HeaderBar.d.ts +1 -1
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
- package/dist/src/desktop/components/BasicButtonGroup/BasicButtonGroup.js +3 -3
- package/dist/src/desktop/components/BasicListItem/Contents.d.ts +1 -1
- package/dist/src/desktop/components/BasicListItem/Contents.js +1 -1
- package/dist/src/desktop/components/BasicListItem/LeftBox/Badge.js +1 -1
- package/dist/src/desktop/components/BasicListItem/LeftBox/Checkbox.js +1 -1
- package/dist/src/desktop/components/BasicListItem/LeftBox/Icon.js +1 -1
- package/dist/src/desktop/components/BasicListItem/LeftBox/Image.js +1 -1
- package/dist/src/desktop/components/BasicListItem/LeftBox/Radio.js +1 -1
- package/dist/src/desktop/components/BasicListItem/RightBox/Description.d.ts +1 -1
- package/dist/src/desktop/components/BasicListItem/RightBox/Description.js +1 -1
- package/dist/src/desktop/components/BasicListItem/RightBox/Switch.js +1 -1
- package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
- package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.js +1 -1
- package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.js +2 -2
- package/dist/src/desktop/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/src/desktop/components/Dropdown/Dropdown.js +1 -1
- package/dist/src/desktop/components/IconButton/IconButton.d.ts +1 -1
- package/dist/src/desktop/components/IconButton/IconButton.js +2 -2
- package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
- package/dist/src/desktop/components/SegmentedButtonGroup/SegmentedButtonGroup.js +3 -3
- package/dist/src/desktop/components/Slider/Slider.d.ts +1 -1
- package/dist/src/desktop/components/Slider/Slider.js +1 -1
- package/dist/src/desktop/components/TextLabel/TextLabel.d.ts +1 -1
- package/dist/src/desktop/components/TextLabel/TextLabel.js +2 -2
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.d.ts +1 -1
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.js +2 -2
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.js +2 -2
- package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.d.ts +1 -1
- package/dist/src/mobile/components/BasicButtonGroup/BasicButtonGroup.js +1 -1
- package/dist/src/mobile/components/BasicListItem/Contents.d.ts +1 -1
- package/dist/src/mobile/components/BasicListItem/Contents.js +1 -1
- package/dist/src/mobile/components/BasicListItem/LeftBox/Badge.js +1 -1
- package/dist/src/mobile/components/BasicListItem/LeftBox/Checkbox.js +1 -1
- package/dist/src/mobile/components/BasicListItem/LeftBox/Icon.js +1 -1
- package/dist/src/mobile/components/BasicListItem/LeftBox/Image.js +1 -1
- package/dist/src/mobile/components/BasicListItem/LeftBox/Radio.js +1 -1
- package/dist/src/mobile/components/BasicListItem/RightBox/Description.d.ts +1 -1
- package/dist/src/mobile/components/BasicListItem/RightBox/Description.js +1 -1
- package/dist/src/mobile/components/BasicListItem/RightBox/Switch.js +1 -1
- package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.d.ts +1 -1
- package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.js +1 -1
- package/dist/src/mobile/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/src/mobile/components/Dropdown/Dropdown.js +1 -1
- package/dist/src/mobile/components/MobileHeaderBar/utils.d.ts +1 -1
- package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.d.ts +1 -1
- package/dist/src/mobile/components/SegmentedButtonGroup/SegmentedButtonGroup.js +1 -1
- package/dist/src/mobile/components/Slider/Slider.d.ts +1 -1
- package/dist/src/mobile/components/Slider/Slider.js +1 -1
- package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +1 -1
- package/dist/src/sub/AdminList/AdminList/AdminList.js +2 -2
- package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +1 -1
- package/dist/src/sub/AdminList/AdminList/HeaderRow.js +2 -2
- package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +1 -1
- package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +2 -2
- package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +1 -1
- package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +2 -2
- package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +1 -1
- package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +3 -3
- package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +1 -1
- package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +2 -2
- package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +1 -1
- package/dist/src/sub/AdminList/ToolBar/ChipList.js +1 -1
- package/dist/src/sub/AdminList/ToolBar/SearchField.js +4 -4
- package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +1 -1
- package/dist/src/sub/AdminList/ToolBar/ToolBar.js +3 -3
- package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.d.ts +11 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/ComponentBlockMatcher.js +56 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/Composition.d.ts +13 -0
- package/dist/src/sub/DynamicLayout/{sections/CustomSection/FlexGridCustomSection.js → CompositionRenderer/Composition.js} +10 -10
- package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/{sections/CustomSection/CompositionRenderer → CompositionRenderer}/CompositionRenderer.js +2 -3
- package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.d.ts +12 -0
- package/dist/src/sub/DynamicLayout/CompositionRenderer/FlexGridItem.js +75 -0
- package/dist/src/sub/DynamicLayout/components/EditModeSectionMatcher/EditModeSectionMatcher.js +1 -1
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackground.js +2 -2
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/components/Section/components/CustomSectionBackgroundMedia.js +1 -1
- package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/components/Section/util/parseSectionBackgroundMediaData.js +1 -1
- package/dist/src/sub/DynamicLayout/components/SectionMatcher/SectionMatcher.js +1 -2
- package/dist/src/sub/DynamicLayout/gleStyles.d.ts +3 -0
- package/dist/src/sub/DynamicLayout/gleStyles.js +19 -0
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.d.ts +0 -3
- package/dist/src/sub/DynamicLayout/sections/CustomSection/CustomSection.js +7 -14
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/ComponentBlockMatcher.js +1 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Button/Button.js +6 -6
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/ContentsCarousel.js +2 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Divider/Divider.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/Embed.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/IframeDenied.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Embed/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/Image.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Image/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/RichText.js +5 -5
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/RichText/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/Text.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Text/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/Twitter.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Twitter/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/Youtube.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/parseYoutubeContentProp.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Youtube/types.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/components/S_CB_BoxWithShadow.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/hooks/useCLINK.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.d.ts +2 -2
- package/dist/src/sub/DynamicLayout/sections/CustomSection/types.js +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/util/parseJsonProperties.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/{CustomSection/FlexGridCustomSection.d.ts → FlexGridCustomSection.d.ts} +1 -1
- package/dist/src/sub/DynamicLayout/sections/FlexGridCustomSection.js +212 -0
- package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/desktop/D_TemplateA.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/FullscreenIframeSection/templates/TemplateA/mobile/M_TemplateA.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/TemplateA.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/D_TemplateA.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/EmptyMembershipSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipBenefitInfo.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipPlanSheet.js +5 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/MembershipSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/NarrowMembershipListView.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/desktop/components/WideMembershipListView.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/M_TemplateA.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/EmptyMembershipSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipBenefitInfo.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipContents.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/MembershipSectionSheet.js +5 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/TemplateB.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/D_TemplateB.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/EmptyMembershipSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipBenefitInfo.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipCard.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipPlanSheet.js +5 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/MembershipSheet.js +6 -6
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/desktop/components/UnavailableMembershipPlanSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/M_TemplateB.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/EmptyMembershipSheet.js +4 -4
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipBenefitInfo.js +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipContents.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/MembershipSectionSheet.js +5 -5
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/MembershipSection.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/TemplateA.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/D_TemplateA.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/desktop/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/M_TemplateA.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateA/mobile/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/TemplateB.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/D_TemplateB.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/desktop/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/M_TemplateB.js +1 -1
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/NormalType/templates/TemplateB/mobile/components/SectionContents.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.d.ts +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/desktop/MembershipSectionItem.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.d.ts +3 -3
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/components/mobile/MembershipSectionItem.js +2 -2
- package/dist/src/sub/DynamicLayout/sections/MembershipSection/constants.d.ts +1 -1
- package/dist/src/sub/DynamicLayout/types.d.ts +34 -0
- package/dist/src/sub/SandollFontKit/types.d.ts +1 -1
- package/package.json +1 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.d.ts +0 -1
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/ContentsCarousel/index.js +0 -8
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Group/GroupedCB.d.ts +0 -7
- package/dist/src/sub/DynamicLayout/sections/CustomSection/components/ComponentBlock/componentBlocks/Group/GroupedCB.js +0 -63
@@ -42,7 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
42
42
|
};
|
43
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
44
44
|
exports.S_CB_BoxWithShadow = void 0;
|
45
|
-
var isNullOrUndefined_1 = __importDefault(require("
|
45
|
+
var isNullOrUndefined_1 = __importDefault(require("../../../../../../../DynamicLayout/sections/CustomSection/util/isNullOrUndefined"));
|
46
46
|
var styled_components_1 = __importStar(require("styled-components"));
|
47
47
|
exports.S_CB_BoxWithShadow = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n /*\n Introduced in IE 10.\n See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n */\n\n height: 100%;\n width: 100%;\n\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:hover {\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n"], ["\n /*\n Introduced in IE 10.\n See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/\n */\n\n height: 100%;\n width: 100%;\n\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n &:hover {\n ", ";\n\n &:before {\n border-bottom-left-radius: ", "px;\n border-bottom-right-radius: ", "px;\n border-top-left-radius: ", "px;\n border-top-right-radius: ", "px;\n box-shadow: ", ";\n content: '';\n height: 100%;\n left: 0;\n opacity: ", ";\n pointer-events: none;\n position: absolute;\n top: 0;\n width: 100%;\n }\n }\n"])), function (_a) {
|
48
48
|
var normalStyle = _a.normalStyle;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var react_1 = require("react");
|
4
|
-
var dynamicLayoutContext_1 = require("
|
4
|
+
var dynamicLayoutContext_1 = require("../../../../../../../DynamicLayout/dynamicLayoutContext");
|
5
5
|
// NOTE: link기능은 탄력적일 필요가 없음.
|
6
6
|
function useCLINK(props) {
|
7
7
|
var src = props.src, openNewTab = props.openNewTab, type = props.type, internalSrc = props.internalSrc;
|
package/dist/src/sub/DynamicLayout/sections/CustomSection/hooks/useGoogleFonts/useGoogleFonts.js
CHANGED
@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
4
|
};
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
6
6
|
var react_1 = require("react");
|
7
|
-
var callGoogleFontCSSAndApply_1 = __importDefault(require("
|
7
|
+
var callGoogleFontCSSAndApply_1 = __importDefault(require("../../../../../GoogleFontkit/utils/callGoogleFontCSSAndApply"));
|
8
8
|
function useGoogleFonts(_a) {
|
9
9
|
var fonts = _a.fonts;
|
10
10
|
(0, react_1.useEffect)(function () {
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import { ISection } from '@sub/DynamicLayout/types';
|
2
1
|
import type { CB_BTN_PROPERTIES_TYPE, CB_DIVIDER_PROPERTIES_TYPE, CB_EMBED_PROPERTIES_TYPE, CB_IMG_PROPERTIES_TYPE, CB_RICHTEXT_PROPERTIES_TYPE, CB_TEXT_PROPERTIES_TYPE, CB_TWITTER_PROPERTIES_TYPE, CB_YOUTUBE_PROPERTIES_TYPE } from './util/types';
|
2
|
+
import type { IComposition } from '../../../DynamicLayout/types';
|
3
3
|
export type CB_TYPES = 'GENERAL';
|
4
4
|
export type ComponentBlock = CB_TEXT_TYPE | CB_BTN_TYPE | CB_RICHTEXT | CB_DIVIDER | CB_IMG | CB_YOUTUBE | CB_TWITTER | CB_IFRAME | CB_GROUP | CB_CONTENTS_CAROUSEL;
|
5
5
|
type GeneralCustomSectionType = {
|
@@ -78,7 +78,7 @@ export type CB_CONTENTS_CAROUSEL = GeneralCustomSectionType & {
|
|
78
78
|
jsonProperties: {
|
79
79
|
data: CB_BTN_PROPERTIES_TYPE;
|
80
80
|
};
|
81
|
-
compositions: Array<
|
81
|
+
compositions: Array<IComposition>;
|
82
82
|
};
|
83
83
|
export declare enum CB_ALL_CODES {
|
84
84
|
CB_TEXT = "CB_TEXT",
|
@@ -1,3 +1,3 @@
|
|
1
1
|
import type { Device, JsonPropertiesParserResult } from './types';
|
2
|
-
import type { ISectionJsonProperties } from '
|
2
|
+
import type { ISectionJsonProperties } from '../../../../DynamicLayout/types';
|
3
3
|
export default function parseJsonProperties(properties: ISectionJsonProperties['data'] | undefined, device: Device): JsonPropertiesParserResult;
|
@@ -0,0 +1,212 @@
|
|
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
|
+
/* eslint-disable @typescript-eslint/no-unused-vars */
|
46
|
+
var react_1 = __importStar(require("react"));
|
47
|
+
var ErrorBoundary_1 = require("../../DynamicLayout/components/Section/ErrorBoundary");
|
48
|
+
var dynamicLayoutContext_1 = require("../../DynamicLayout/dynamicLayoutContext");
|
49
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
50
|
+
var components_1 = require("../components");
|
51
|
+
var gleStyles_1 = require("../gleStyles");
|
52
|
+
var FlexGridItem_1 = __importDefault(require("./CustomSection/FlexGridItem"));
|
53
|
+
var useResizableObserver_1 = require("./CustomSection/hooks/useResizableObserver");
|
54
|
+
var util_1 = require("./CustomSection/util");
|
55
|
+
var parseSectionPadding_1 = __importDefault(require("./CustomSection/util/layoutPropParsers/parseSectionPadding"));
|
56
|
+
var GRID_CELL_MIN = 24;
|
57
|
+
var DESKTOP_GRID_COLS = 24;
|
58
|
+
var MOBILE_GRID_COLS = 8;
|
59
|
+
var GLE_MIN_WIDTH_DESKTOP_PX = "".concat(GRID_CELL_MIN * DESKTOP_GRID_COLS, "px");
|
60
|
+
var GLE_MIN_WIDTH_MOBILE_PX = "".concat(GRID_CELL_MIN * MOBILE_GRID_COLS, "px");
|
61
|
+
var FlexGridCustomSection = (0, react_1.forwardRef)(function CustomSection(props, ref) {
|
62
|
+
var _a;
|
63
|
+
var _b = (0, react_1.useContext)(dynamicLayoutContext_1.dynamicLayoutContext), device = _b.device, editingSectionId = _b.editingSectionId, mode = _b.mode, shortcutKeyMode = _b.shortcutKeyMode, sectionActionHandler = _b.sectionActionHandler;
|
64
|
+
var componentBlocks = props.componentBlocks, jsonProperties = props.jsonProperties;
|
65
|
+
var _c = jsonProperties, _d = _c.data, CB_PLACEMENT_PROP_SECTION = _d.CB_PLACEMENT_PROP_SECTION, CB_LAYOUT_PROP_PADDING = _d.CB_LAYOUT_PROP_PADDING, zOrders = _c.zOrders;
|
66
|
+
var containerRef = (0, react_1.useRef)(null);
|
67
|
+
var size = (0, useResizableObserver_1.useResizeObserver)({ ref: containerRef, box: 'border-box' });
|
68
|
+
var _e = (0, react_1.useState)(null), selectedCB = _e[0], setSelectedCB = _e[1];
|
69
|
+
var gleRef = (0, react_1.useRef)(null);
|
70
|
+
var isMobile = device === 'MOBILE';
|
71
|
+
var isEditMode = mode === 'EDIT';
|
72
|
+
// const layoutByDevice = device === 'DESKTOP' ? 'lg' : 'sm';
|
73
|
+
// const [layouts] = useState<LayoutsType>(() => {
|
74
|
+
// const { lg, sm } = parsePlacement(componentBlocks ?? []);
|
75
|
+
// return {
|
76
|
+
// lg,
|
77
|
+
// sm
|
78
|
+
// };
|
79
|
+
// });
|
80
|
+
(0, react_1.useEffect)(function () {
|
81
|
+
if (editingSectionId !== props.id) {
|
82
|
+
setSelectedCB(null);
|
83
|
+
// breakGroupCB();
|
84
|
+
}
|
85
|
+
}, [editingSectionId]);
|
86
|
+
// NOTE: 추후에 event를 외부에서 전달받게하거나, 아예 상태를 끌어올리거나 해야합니다.
|
87
|
+
(0, react_1.useLayoutEffect)(function () {
|
88
|
+
if (props.id !== editingSectionId) {
|
89
|
+
return;
|
90
|
+
}
|
91
|
+
if (!shortcutKeyMode) {
|
92
|
+
return;
|
93
|
+
}
|
94
|
+
if (shortcutKeyMode === 'SELECT_ALL') {
|
95
|
+
if ((componentBlocks === null || componentBlocks === void 0 ? void 0 : componentBlocks.length) === 1) {
|
96
|
+
setSelectedCB(componentBlocks[0].id);
|
97
|
+
return;
|
98
|
+
}
|
99
|
+
// makeAllInOneGroup();
|
100
|
+
return;
|
101
|
+
}
|
102
|
+
if (shortcutKeyMode === 'MANUAL_BULK_BREAK') {
|
103
|
+
// breakGroupCB();
|
104
|
+
setSelectedCB(null);
|
105
|
+
return;
|
106
|
+
}
|
107
|
+
}, [shortcutKeyMode, setSelectedCB]);
|
108
|
+
(0, react_1.useLayoutEffect)(function () {
|
109
|
+
if (props.id !== editingSectionId) {
|
110
|
+
return;
|
111
|
+
}
|
112
|
+
if (shortcutKeyMode === 'MANUAL_COLLISION_SELECT') {
|
113
|
+
if (!selectedCB || selectedCB === 'BULK') {
|
114
|
+
return;
|
115
|
+
}
|
116
|
+
// makeCollisionGroup(selectedCB);
|
117
|
+
// sectionActionHandler &&
|
118
|
+
// sectionActionHandler({
|
119
|
+
// type: '@CUSTOMSECTION/BLOCK_CLICKED',
|
120
|
+
// payload: {
|
121
|
+
// block:
|
122
|
+
// }
|
123
|
+
// });
|
124
|
+
setSelectedCB('BULK');
|
125
|
+
}
|
126
|
+
}, [selectedCB, shortcutKeyMode, sectionActionHandler, setSelectedCB]);
|
127
|
+
var _f = (0, util_1.parseCustomSectionPlacement)({
|
128
|
+
isMobile: isMobile,
|
129
|
+
customSectionProps: CB_PLACEMENT_PROP_SECTION
|
130
|
+
}), width = _f.width, minHeight = _f.minHeight, isFullWidth = _f.isFullWidth;
|
131
|
+
var customSectionStyles = {
|
132
|
+
minHeight: "".concat(minHeight, "vh"),
|
133
|
+
width: '100%',
|
134
|
+
maxWidth: isFullWidth ? '' : "".concat(width, "px")
|
135
|
+
};
|
136
|
+
var onClickSection = function () {
|
137
|
+
if (!isEditMode) {
|
138
|
+
return;
|
139
|
+
}
|
140
|
+
setSelectedCB(null);
|
141
|
+
sectionActionHandler &&
|
142
|
+
sectionActionHandler({
|
143
|
+
type: '@CUSTOMSECTION/SECTION_CLICKED',
|
144
|
+
payload: {
|
145
|
+
sectionId: props.id
|
146
|
+
}
|
147
|
+
});
|
148
|
+
};
|
149
|
+
var padding = (0, parseSectionPadding_1.default)(CB_LAYOUT_PROP_PADDING, device);
|
150
|
+
var sectionRow = CB_PLACEMENT_PROP_SECTION[device === 'DESKTOP'
|
151
|
+
? 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS'
|
152
|
+
: 'CB_PLACEMENT_PROP_SECTION_SPEC_ROWS:MOBILE'];
|
153
|
+
var rowHeight = (function () {
|
154
|
+
if (!size.width) {
|
155
|
+
return 50;
|
156
|
+
}
|
157
|
+
if (device === 'MOBILE') {
|
158
|
+
var cellWidth_1 = size.width / MOBILE_GRID_COLS;
|
159
|
+
return cellWidth_1 * 0.56;
|
160
|
+
}
|
161
|
+
var cellWidth = size.width / DESKTOP_GRID_COLS;
|
162
|
+
return cellWidth * 0.56;
|
163
|
+
})();
|
164
|
+
var baseFontSize = (function () {
|
165
|
+
var _a, _b;
|
166
|
+
if (!size.width) {
|
167
|
+
return 16;
|
168
|
+
}
|
169
|
+
var responsiveFontMode = !!((_b = (_a = props.jsonProperties) === null || _a === void 0 ? void 0 : _a.data.CB_CONTENT_PROP_SECTION) === null || _b === void 0 ? void 0 : _b.CB_CONTENT_PROP_SECTION_SPEC_VARIABLEROOTFONTSIZE);
|
170
|
+
if (device === 'MOBILE') {
|
171
|
+
if (responsiveFontMode) {
|
172
|
+
return size.width * 0.0421;
|
173
|
+
}
|
174
|
+
if (size.width < 327) {
|
175
|
+
return Math.max(getDefensiveFontSize(device, size.width), 14);
|
176
|
+
}
|
177
|
+
return 16;
|
178
|
+
}
|
179
|
+
if (responsiveFontMode) {
|
180
|
+
return size.width * 0.0133;
|
181
|
+
}
|
182
|
+
if (size.width < 1200) {
|
183
|
+
return Math.max(getDefensiveFontSize(device, size.width), 14);
|
184
|
+
}
|
185
|
+
return 16;
|
186
|
+
})();
|
187
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(gleStyles_1.S_gleStyles, { children: (0, jsx_runtime_1.jsx)(S_SectionWrapper, __assign({ ref: gleRef, "x-dlayout-section-type": "NO_NAME", onClick: onClickSection }, { children: (0, jsx_runtime_1.jsx)(components_1.CustomSection, __assign({}, props, { isMobile: isMobile, overrideStyles: {
|
188
|
+
minHeight: customSectionStyles.minHeight,
|
189
|
+
paddingTop: padding.top,
|
190
|
+
paddingBottom: padding.bottom,
|
191
|
+
paddingRight: padding.right,
|
192
|
+
paddingLeft: padding.left
|
193
|
+
} }, { children: (0, jsx_runtime_1.jsx)(GridContainer, __assign({ ref: containerRef, cols: isMobile ? 8 : 24, rowHeight: rowHeight, sectionRow: sectionRow !== null && sectionRow !== void 0 ? sectionRow : 0, style: {
|
194
|
+
width: customSectionStyles.width,
|
195
|
+
maxWidth: customSectionStyles.maxWidth,
|
196
|
+
minWidth: isMobile ? GLE_MIN_WIDTH_MOBILE_PX : GLE_MIN_WIDTH_DESKTOP_PX,
|
197
|
+
fontSize: "".concat(baseFontSize, "px")
|
198
|
+
} }, { children: (_a = props.componentBlocks) === null || _a === void 0 ? void 0 : _a.map(function (cb, index) {
|
199
|
+
var _a;
|
200
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { children: (0, jsx_runtime_1.jsx)(FlexGridItem_1.default, { cb: cb, index: index, device: device, rowHeight: rowHeight, zIndex: (_a = zOrders === null || zOrders === void 0 ? void 0 : zOrders[device === 'DESKTOP' ? 'desktop' : 'mobile'][cb.id]) !== null && _a !== void 0 ? _a : 0 }) }, cb.id));
|
201
|
+
}) })) })) })) }) }));
|
202
|
+
});
|
203
|
+
var GridContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"], ["\n display: grid; /* Space between grid items */\n gap: 10px;\n grid-auto-rows: minmax(", ", auto);\n grid-template-columns: repeat(", ", 1fr);\n grid-template-rows: repeat(\n ", ",\n minmax(", ", auto)\n );\n padding: 10px 10px;\n\n * {\n box-sizing: border-box;\n }\n"])), function (props) { return "".concat(props.rowHeight, "px"); }, function (props) { return props.cols; }, function (props) { return props.sectionRow; }, function (props) { return "".concat(props.rowHeight, "px"); });
|
204
|
+
var S_SectionWrapper = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
205
|
+
exports.default = react_1.default.memo(FlexGridCustomSection);
|
206
|
+
function getDefensiveFontSize(device, width) {
|
207
|
+
if (device === 'MOBILE') {
|
208
|
+
return width * (0.0000868 * width + 0.0202);
|
209
|
+
}
|
210
|
+
return width * (0.0000246 * width - 0.01618);
|
211
|
+
}
|
212
|
+
var templateObject_1, templateObject_2;
|
@@ -2,7 +2,7 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
4
4
|
var react_1 = require("react");
|
5
|
-
var DynamicLayout_1 = require("
|
5
|
+
var DynamicLayout_1 = require("../../../../../../DynamicLayout");
|
6
6
|
var Section_1 = require("../../../../../components/Section");
|
7
7
|
function TemplateA() {
|
8
8
|
var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
|
@@ -2,7 +2,7 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
4
4
|
var react_1 = require("react");
|
5
|
-
var DynamicLayout_1 = require("
|
5
|
+
var DynamicLayout_1 = require("../../../../../../DynamicLayout");
|
6
6
|
var Section_1 = require("../../../../../components/Section");
|
7
7
|
function TemplateA() {
|
8
8
|
var sectionActionHandler = (0, react_1.useContext)(DynamicLayout_1.dynamicLayoutContext).sectionActionHandler;
|
package/dist/src/sub/DynamicLayout/sections/MembershipSection/EditType/MembershipSection.d.ts
CHANGED
@@ -1,4 +1,4 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { ISection } from '
|
2
|
+
import type { ISection } from '../../../../DynamicLayout/types';
|
3
3
|
declare function EditTypeMembershipSection({ ...props }: ISection): JSX.Element;
|
4
4
|
export default EditTypeMembershipSection;
|
@@ -31,7 +31,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
31
31
|
Object.defineProperty(exports, "__esModule", { value: true });
|
32
32
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
33
33
|
var react_1 = require("react");
|
34
|
-
var components_1 = require("
|
34
|
+
var components_1 = require("../../../../DynamicLayout/components");
|
35
35
|
var styled_components_1 = __importDefault(require("styled-components"));
|
36
36
|
var templates_1 = require("./templates");
|
37
37
|
function EditTypeMembershipSection(_a) {
|
@@ -2,8 +2,8 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
4
4
|
var react_1 = require("react");
|
5
|
-
var Section_1 = require("
|
6
|
-
var dynamicLayoutContext_1 = require("
|
5
|
+
var Section_1 = require("../../../../../../DynamicLayout/components/Section");
|
6
|
+
var dynamicLayoutContext_1 = require("../../../../../../DynamicLayout/dynamicLayoutContext");
|
7
7
|
var desktop_1 = require("./desktop");
|
8
8
|
var mobile_1 = require("./mobile");
|
9
9
|
function TemplateA(_a) {
|
@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
15
15
|
var react_1 = require("react");
|
16
16
|
var react_i18next_1 = require("react-i18next");
|
17
|
-
var panels_1 = require("
|
18
|
-
var Section_1 = require("
|
19
|
-
var components_1 = require("
|
20
|
-
var constants_1 = require("
|
17
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
18
|
+
var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
|
19
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
20
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
21
21
|
function EmptyMembershipSheet() {
|
22
22
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
23
23
|
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IMembershipBenefitInfo } from '
|
2
|
+
import type { IMembershipBenefitInfo } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
membershipBenefitInfo: IMembershipBenefitInfo;
|
5
5
|
itemToneTextLabelColor: string;
|
@@ -1,8 +1,8 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
4
|
-
var components_1 = require("
|
5
|
-
var components_2 = require("
|
4
|
+
var components_1 = require("../../../../../../../../DynamicLayout/components");
|
5
|
+
var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
6
6
|
function MembershipBenefitInfo(_a) {
|
7
7
|
var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneTextLabelColor = _a.itemToneTextLabelColor;
|
8
8
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_e" }), membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(components_2.D_MembershipSectionItem.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "subTitleRegular", color: itemToneTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IConnectedSubscriptionProducts, ISectionStyles } from '
|
2
|
+
import type { IConnectedSubscriptionProducts, ISectionStyles } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
connectedSubscriptionProducts: IConnectedSubscriptionProducts;
|
5
5
|
sectionStyles: ISectionStyles;
|
@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
22
|
var react_1 = require("react");
|
23
23
|
var react_i18next_1 = require("react-i18next");
|
24
|
-
var panels_1 = require("
|
25
|
-
var components_1 = require("
|
26
|
-
var components_2 = require("
|
27
|
-
var constants_1 = require("
|
28
|
-
var formatCurrency_1 = __importDefault(require("
|
24
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
25
|
+
var components_1 = require("../../../../../../../../../hybrid/components");
|
26
|
+
var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
27
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
28
|
+
var formatCurrency_1 = __importDefault(require("../../../../../../../../DynamicLayout/utils/formatCurrency"));
|
29
29
|
var styled_components_1 = __importDefault(require("styled-components"));
|
30
30
|
function MembershipPlanSheet(_a) {
|
31
31
|
var connectedSubscriptionProducts = _a.connectedSubscriptionProducts, sectionStyles = _a.sectionStyles;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IConnectedMembership } from '
|
2
|
+
import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
connectedMemberships: IConnectedMembership[];
|
5
5
|
isWideView: boolean;
|
@@ -43,10 +43,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
43
43
|
Object.defineProperty(exports, "__esModule", { value: true });
|
44
44
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
45
45
|
var react_1 = require("react");
|
46
|
-
var panels_1 = require("
|
47
|
-
var Section_1 = require("
|
48
|
-
var components_1 = require("
|
49
|
-
var constants_1 = require("
|
46
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
47
|
+
var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
|
48
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
49
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
50
50
|
var styled_components_1 = __importStar(require("styled-components"));
|
51
51
|
var MembershipBenefitInfo_1 = __importDefault(require("./MembershipBenefitInfo"));
|
52
52
|
var MembershipPlanSheet_1 = __importDefault(require("./MembershipPlanSheet"));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IConnectedMembership, TypeOfItemToneType } from '
|
2
|
+
import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
connectedMemberships: IConnectedMembership[];
|
5
5
|
itemHighlightingColorInHex: string;
|
@@ -40,9 +40,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
40
40
|
Object.defineProperty(exports, "__esModule", { value: true });
|
41
41
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
42
42
|
var react_1 = require("react");
|
43
|
-
var panels_1 = require("
|
44
|
-
var components_1 = require("
|
45
|
-
var constants_1 = require("
|
43
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
44
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
45
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
46
46
|
var styled_components_1 = __importStar(require("styled-components"));
|
47
47
|
function NarrowMembershipListView(_a) {
|
48
48
|
var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;
|
@@ -20,8 +20,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
22
|
var react_1 = require("react");
|
23
|
-
var Section_1 = require("
|
24
|
-
var components_1 = require("
|
23
|
+
var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
|
24
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
25
25
|
var styled_components_1 = __importDefault(require("styled-components"));
|
26
26
|
function SectionContents() {
|
27
27
|
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
@@ -13,10 +13,10 @@ var __assign = (this && this.__assign) || function () {
|
|
13
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
15
15
|
var react_i18next_1 = require("react-i18next");
|
16
|
-
var panels_1 = require("
|
17
|
-
var components_1 = require("
|
18
|
-
var components_2 = require("
|
19
|
-
var constants_1 = require("
|
16
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
17
|
+
var components_1 = require("../../../../../../../../../hybrid/components");
|
18
|
+
var components_2 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
19
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
20
20
|
function UnavailableMembershipPlanSheet(_a) {
|
21
21
|
var sectionStyles = _a.sectionStyles;
|
22
22
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IConnectedMembership, TypeOfItemToneType } from '
|
2
|
+
import type { IConnectedMembership, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
connectedMemberships: IConnectedMembership[];
|
5
5
|
itemHighlightingColorInHex: string;
|
@@ -20,9 +20,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
20
20
|
Object.defineProperty(exports, "__esModule", { value: true });
|
21
21
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
22
22
|
var react_1 = require("react");
|
23
|
-
var panels_1 = require("
|
24
|
-
var components_1 = require("
|
25
|
-
var constants_1 = require("
|
23
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
24
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
25
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
26
26
|
var styled_components_1 = __importDefault(require("styled-components"));
|
27
27
|
function WideMembershipListView(_a) {
|
28
28
|
var connectedMemberships = _a.connectedMemberships, itemHighlightingColorInHex = _a.itemHighlightingColorInHex, itemToneType = _a.itemToneType, currentIndex = _a.currentIndex, handleMembershipClick = _a.handleMembershipClick;
|
@@ -14,10 +14,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
14
14
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
15
15
|
var react_1 = require("react");
|
16
16
|
var react_i18next_1 = require("react-i18next");
|
17
|
-
var panels_1 = require("
|
18
|
-
var Section_1 = require("
|
19
|
-
var components_1 = require("
|
20
|
-
var constants_1 = require("
|
17
|
+
var panels_1 = require("../../../../../../../../../desktop/panels");
|
18
|
+
var Section_1 = require("../../../../../../../../DynamicLayout/components/Section");
|
19
|
+
var components_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/components");
|
20
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
21
21
|
function MembershipSheet() {
|
22
22
|
var t = (0, react_i18next_1.useTranslation)('translation').t;
|
23
23
|
var section = (0, react_1.useContext)(Section_1.sectionContext);
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IMembershipBenefitInfo, TypeOfItemToneType } from '
|
2
|
+
import type { IMembershipBenefitInfo, TypeOfItemToneType } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
membershipBenefitInfo: IMembershipBenefitInfo;
|
5
5
|
itemToneType: TypeOfItemToneType;
|
@@ -1,9 +1,9 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
4
|
-
var components_1 = require("
|
5
|
-
var mobile_1 = require("
|
6
|
-
var constants_1 = require("
|
4
|
+
var components_1 = require("../../../../../../../../DynamicLayout/components");
|
5
|
+
var mobile_1 = require("../../../../../../../../DynamicLayout/components/mobile");
|
6
|
+
var constants_1 = require("../../../../../../../../DynamicLayout/sections/MembershipSection/constants");
|
7
7
|
function MembershipBenefitInfo(_a) {
|
8
8
|
var membershipBenefitInfo = _a.membershipBenefitInfo, itemToneType = _a.itemToneType;
|
9
9
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [membershipBenefitInfo.benefitAlpha && ((0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitAlpha, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })), membershipBenefitInfo.benefitBravo && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitBravo, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitCharlie && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitCharlie, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitDelta && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitDelta, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] })), membershipBenefitInfo.benefitEcho && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(components_1.Spacing, { size: "spacing_b" }), (0, jsx_runtime_1.jsx)(mobile_1.Item.Description, { text: membershipBenefitInfo.benefitEcho, styleTheme: "body2Regular", color: constants_1.MEMBERSHIP_SECTION_TONE_COLOR[itemToneType].membershipSheetTextLabelColor, textAlign: "left", wordBreak: "break_all", bulletPointMode: "use" })] }))] }));
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
-
import type { IConnectedMembership } from '
|
2
|
+
import type { IConnectedMembership } from '../../../../../../../../DynamicLayout/types';
|
3
3
|
type Props = {
|
4
4
|
orderedConnectedMemberships: IConnectedMembership[];
|
5
5
|
};
|